/* в данном файле размещаются настройки различных элементов конкретного проекта */
@import url("main.css?20210712_1401");
@import url("main_forms.css?20210712_1401");
@import url("main_jquery_ui.css?20210712_1400");
@import url("main_current.css?20210712_1403");
@import url("proxima/stylesheet.css?20210712_1400");

/* общая верстка страницы и меню */
body {
    font-family: "ProximaNova", "Arial", sans-serif;
}

input, select, textarea, div.dropfield, div.fieldvalue.read, h1.article_top_header, div.open_part_mainpage_wrapper h1, .ui-button {
    font-family: "ProximaNovaLight", Arial, sans-serif !important;
}

.ui-widget {
    font-family: "ProximaNova", Arial, sans-serif !important;
}

div.fullpage {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 100%;
    min-height: 100vh;
    padding: 0;
}

div.fullpage_wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: center;
    margin-left: 20rem;
    width: 100%;
}

body.minimized_menu div.fullpage_wrapper {
    margin-left: 6rem;
}

div.header {
    flex: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 6rem;
    min-height: 6rem;
    max-height: 6rem;
    align-items: center;
    background: none #383e43;
    color: white;
    padding: 0;
    z-index: 10;
}

div.header_wrapper {
    display: flex;
    width: 100%;
    height: 100%;
}

div.header_left {
    width: 8%;
    min-width: 8%;
    max-width: 8%;
    height: 100%;
    vertical-align: middle;
    flex: 1;
}

div.header_left div.logo img {
    display: block;
    margin-top: 0;
    width: 100%;
    cursor: pointer;
}

div.header_middle {
    height: 100%;
    width: 65%;
    min-width: 65%;
    max-width: 65%;
    vertical-align: middle;
    text-align: left;
    flex: 1;
}

div.header a {
    color: #767c81;
}

div.header a:hover {
    color: white;
}

div.header div.header_login {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
}

div.header div.login_user_data {
    flex: 1;
    width: 60%;
    min-width: 60%;
    max-width: 60%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
}

div.header div.photoName {
    margin: 0;
    overflow: hidden;
    border-radius: 50%;
    width: 20%;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

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

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

div.header div.login_user_name {
    display: inline-block;
    padding-left: 1em;
    max-width: 80%;
    vertical-align: middle;
    font-size: 1.1em;
}

div.header div.login_user_name a {
    font-weight: bold;
}

div.header div.login_user_name span.login_user_name_arrow {
    background-image: url(arrow-profile-list.svg);
    background-size: contain;
    padding-left: .5em;
    height: auto;
}

div.header div.login_user_name span.login_user_name_arrow svg {
    width: .5em;
    vertical-align: middle;
}

div.header div.login_user_name span.login_user_name_arrow path {
    fill: #cecece !important;
}

div.header div.login_user_name:hover span.login_user_name_arrow path {
    fill: rgb(255, 255, 255) !important;
}

div.header div.login_buttons {
    flex: 1;
    width: 40%;
    min-width: 40%;
    max-width: 40%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

div.header div.login_buttons a {
    background-size: contain;
    margin-right: 3rem;
}

div.header div.login_buttons a.login_profile {
    background-image: url(profil-icon-2.svg);
}

div.header div.login_buttons a.login_messages {
    background-image: url(profil-icon-1.svg);
}

div.header div.login_buttons a.login_messages span.menu_float_right {
    position: absolute;
    display: none;
    color: white;
    background-color: #29ade4;
    padding: 0 .5em;
    border-radius: 1em;
    z-index: 1;
    right: -0.8em;
    margin-top: 1.2em;
    font-size: .8em;
}

div.header div.login_buttons a.login_exit {
    background-image: url(profil-icon-3.svg);
}

div.header div.login_buttons a svg {
    width: 1.5rem;
    vertical-align: middle;
}

div.header div.login_buttons a path {
    fill: #767c81 !important;
}

div.header div.login_buttons a:hover path {
    fill: rgb(255, 255, 255) !important;
}

div.header a.login_exit:hover {
    background-image: url(exit-white.png);
    color: white;
    text-decoration: none;
}

div.header_right {
    height: 100%;
    width: 27%;
    min-width: 27%;
    max-width: 27%;
    vertical-align: middle;
    text-align: left;
    padding-left: 2em;
    flex: 1;
    display: flex;
}

div.header div.mobile_logo {
    display: none;
    background-image: url(logo-1.svg) !important;
}

body.u24 div.header div.mobile_logo {
    background-image: url(u24_logo-1.png) !important;
}

body.pp_568 div.header div.mobile_logo {
    background-image: url(pp_568_logo.png) !important;
}

div.header div.qwerty_space {
    text-align: left;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

div.header div.qwerty_space input#qwerty {
    height: 6rem;
    background-color: #2a2f33;
    font-size: 1.7em !important;
    padding: 1em;
    border: 0;
    border-radius: 0;
    font-family: "ProximaNova", Arial, sans-serif !important;
}

div.header div.qwerty_space input#qwerty::-webkit-input-placeholder {
    color: #7f858a;
}

div.header div.qwerty_space input#qwerty::-moz-placeholder {
    color: #7f858a;
}

div.header div.qwerty_space input#qwerty:-ms-input-placeholder {
    color: #7f858a;
}

div.header div.qwerty_space input#qwerty:-moz-placeholder {
    color: #7f858a;
}

div.header div.qwerty_space input#qwerty:focus::-webkit-input-placeholder {
    color: white;
}

div.header div.qwerty_space input#qwerty:focus::-moz-placeholder {
    color: white;
}

div.header div.qwerty_space input#qwerty:focus:-ms-input-placeholder {
    color: white;
}

div.header div.qwerty_space input#qwerty:focus:-moz-placeholder {
    color: white;
}

div.header div.qwerty_space input#qwerty_image_submit {
    height: 6rem;
    background: url(lens-off.png) #2a2f33 center center no-repeat;
    background-size: .7em;
    font-size: 2em !important;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    width: 6rem;
    margin: 0;
    vertical-align: bottom;
    padding: 0;
}

div.header div.qwerty_space input#qwerty:focus + input#qwerty_image_submit {
    background: url(lens-on.png) #2a2f33 center center no-repeat;
    background-size: .7em;
}

div.header div.mobile_menu_button {
    width: 1.5em;
    height: 6rem;
    vertical-align: middle;
    cursor: pointer;
    z-index: 1;
    background: url(arrow-menu-to-left.svg) center no-repeat #2a2f33;
    background-size: .5em;
    -moz-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    display: flex;
}

div.header div.mobile_menu_button:hover {
    background-color: #60676d;
}

div.header div.mobile_menu_button span {
    display: none;
}

body.minimized_menu div.header div.mobile_menu_button svg {
    margin-left: .5em;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

div.header div.mobile_menu_button svg {
    width: .5em;
    height: .8em;
    margin: auto;
}

div.header div.mobile_menu_button path {
    fill: #8fc3da !important;
}

div.header div.mobile_menu_button:hover path {
    fill: rgb(255, 255, 255) !important;
}

div.mobile_menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 20rem;
    height: 100%;
    font-size: 1rem;
    z-index: 10000;
    text-align: left;
    overflow: hidden;
    background: left bottom url(menu_back.jpg) no-repeat #0d466c;
    background-size: 20rem auto;
}

body.u24 div.mobile_menu {
    background: left bottom url(u24_menu_back.jpg) no-repeat #0d466c;
}

body.pp_568 div.mobile_menu {
    background: left bottom url(pp_568_menu_back.jpg) no-repeat #0d466c;
}

body.minimized_menu div.mobile_menu {
    width: 6rem;
    background-size: 6rem auto;
    background: #0d466c;
}

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

div.mobile_menu div.logo {
    display: block;
    cursor: pointer;
    background: url(logo-1.svg) no-repeat;
    background-size: contain;
    height: 4rem;
    margin: 2rem 3rem 2rem;
    width: 13rem;
}

body.u24 div.mobile_menu div.logo {
    background: url(u24_logo-1.png) no-repeat;
    background-size: contain;
}

body.pp_568 div.mobile_menu div.logo {
    background: url(pp_568_logo.png) no-repeat;
    background-size: contain;
}

body.minimized_menu div.mobile_menu div.logo {
    background: center center url(logo-2.svg) no-repeat;
    margin: 0;
    width: 6rem;
    height: 6rem;
    border-bottom: 1px solid #35567b;
}

body.u24.minimized_menu div.mobile_menu div.logo {
    background: center center url(u24_logo-2.png) no-repeat;
    background-size: contain;
}

body.pp_568.minimized_menu div.mobile_menu div.logo {
    background: center center url(pp_568_logo.png) no-repeat;
    background-size: 80% auto;
}

div.mobile_menu div.logo a {
    display: block;
    width: 100%;
    height: 100%;
}

div.mobile_menu a {
    color: white;
}

div.mobile_menu div.menu_item_wrapper hr {
    border-top: 1px solid #35567b;
}

div.mobile_menu a#mobile_menu_close {
    width: 1.8em;
    height: 1.8em;
    background: center center url(close-black.png) no-repeat;
    background-size: contain;
    float: right;
    margin-bottom: 4em;
}

div.mobile_menu div.mobile_menu_name a {
    color: #a5a5a5;
    font-size: 1.2em;
    margin-bottom: .5em;
    display: block;
}

div.mobile_menu a.mobile_menu_exit {
    background: left center url(exit-black.png) no-repeat;
    background-size: 1.7em;
    padding-left: 2em;
    color: black;
    display: block;
    font-size: 95%;
    margin-bottom: 6em;
    line-height: 2em;
}

div.mobile_menu div.menu_item_wrapper {
    display: table;
    padding: 1em 1rem 1em 3rem;
    width: 20rem;
}

div.mobile_menu div.menu_item_wrapper.hr {
    padding: 1em 4rem;
}

body.minimized_menu div.mobile_menu div.menu_item_wrapper {
    width: 6rem;
    border-bottom: 1px solid #35567b;
    text-align: center;
    padding: .5em 0;
}

body.minimized_menu div.mobile_menu div.menu_item_wrapper.hr {
    display: none;
}

div.mobile_menu div.menu_item_wrapper a.menu {
    width: 12rem;
    font-size: 1.2em;
}

body.minimized_menu div.mobile_menu div.mobile_menu div.menu_item_wrapper a.menu {
    width: 6rem;
    padding: .5em;
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image {
    display: inline-block;
    width: 1em;
    margin: 0 1em;
    height: 1em;
    vertical-align: top;
    background-size: contain;
    background-repeat: no-repeat;
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image svg {
    max-width: 1em;
    max-height: 1em;
}

body.minimized_menu div.mobile_menu div.menu_item_wrapper a.menu {
    text-align: center;
    font-size: .9em;
}

body.minimized_menu div.mobile_menu div.menu_item_wrapper a.menu span.menu_image {
    display: table-cell;
    width: 3em;
    height: 3em;
    text-align: center;
    margin: 0;
    vertical-align: middle;
}

body.minimized_menu div.mobile_menu div.menu_item_wrapper a.menu span.menu_image svg {
    width: 100%;
    height: auto;
    max-height: 2.5em;
    max-width: 2.5em;
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image path {
    fill: #8fc3da !important;
}

div.mobile_menu div.menu_item_wrapper a.menu:hover span.menu_image path {
    fill: rgb(255, 255, 255) !important;
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item0 {
    background-image: url(menu-icon-00.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item1 {
    background-image: url(menu-icon-01.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item2 {
    background-image: url(menu-icon-02.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item3 {
    background-image: url(menu-icon-04.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item4 {
    background-image: url(menu-icon-08.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item5 {
    background-image: url(menu-icon-09.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item6 {
    background-image: url(menu-icon-05.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item7 {
    background-image: url(menu-icon-03.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item8 {
    background-image: url(menu-icon-06.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item9 {
    background-image: url(menu-icon-07.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item10 {
    background-image: url(menu-icon-10.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item11 {
    background-image: url(menu-icon-11.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item12 {
    background-image: url(menu-icon-12.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item13 {
    background-image: url(menu-icon-13.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item14 {
    background-image: url(menu-icon-01.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item15 {
    background-image: url(menu-icon-03.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item16 {
    background-image: url(menu-icon-13.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu span.menu_image.item30 {
    background-image: url(menu-icon-11.svg);
}

div.mobile_menu div.menu_item_wrapper a.menu.item20 {
    color: #ffc100;
}

body.minimized_menu div.mobile_menu div.menu_item_wrapper.item1, body.minimized_menu div.mobile_menu div.menu_item_wrapper.item2 {
    display: none;
}

div.mobile_menu div.menu_item_wrapper.item_profile_4 {
    display: none;
}

body.rtvector.minimized_menu div.mobile_menu div.menu_item_wrapper.item1, body.rtvector.minimized_menu div.mobile_menu div.menu_item_wrapper.item2 {
    display: table;
}

body.minimized_menu div.mobile_menu div.menu_item_wrapper a.menu span.menu_name {
    display: inline-block;
    width: 100%;
    margin-left: 0;
}

div.mobile_menu div.submenu {
    display: none;
    padding: 1em 1em 0 1em;
}

div.mobile_menu div.submenu div.white_triangle {
    display: none;
}

div.mobile_menu div.submenu a {
    color: #575757;
    font-size: 110%;
    font-weight: bold;
    font-family: "ProximaNovaLight", Arial, sans-serif;
    display: block;
    margin-bottom: .8em;
}

div.mobile_menu div.submenu a.level2 {
    padding-left: 1.2em;
    font-size: 100%;
}

div.mobile_menu div.submenu hr.level2 {
    margin-left: 1.2em;
    width: calc(100% - 1.2em);
}

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: 1.4em;
    height: 1.4em;
    background: center center url(edit-submenu.png) no-repeat;
    background-size: contain;
    border: 0;
    z-index: 1;
    margin-bottom: 0;
}

div.mobile_menu div.submenu a.add {
    float: right;
    width: 1.4em;
    height: 1.4em;
    background: center center url(plus-submenu.png) no-repeat;
    background-size: contain;
    border: 0;
    z-index: 1;
    margin-bottom: 0;
}

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

div.mobile_menu span.menu_float_right {
    display: none;
    color: white;
    background-color: #29ade4;
    padding: 0 .5em;
    border-radius: 1em;
    margin-top: -0.5em;
    margin-left: .5em;
    position: absolute;
    font-size: .8em;
}

div.mobile_menu span.menu_float_right.blue {
    background-color: #22aeff;
}

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

div.mobile_menu div.menu_item_wrapper.program_outer a.menu span.menu_name {
    margin-left: 3em;
}

div.global_menu {
    display: table;
    height: 5em;
    width: 100%;
    background-color: #e9f0f4;
    z-index: 2;
}

div.global_menu_inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

div.global_menu div.menu_item_wrapper {
    display: inline-block;
}

div.global_menu a.menu, div.global_menu a.menu:link {
    color: #3d4f5a;
    text-decoration: none;
    cursor: pointer;
    padding-right: 1.5em;
    font-size: 170%;
}

div.global_menu a.menu:hover, div.global_menu a.menu:active {
    color: #71838d;
    text-decoration: none;
}

div.global_menu a.menu.menu_selected {
    color: #4da6d9;
    text-decoration: none;
}

div.global_menu a.menu.item0 {
    width: 1em;
    height: 1em;
    background: center center url(home.png) no-repeat;
    background-size: contain;
    padding-right: 0;
    margin-right: 1.5em;
    display: block;
}

div.global_menu span.menu_float_right {
    z-index: 1;
    background-color: #ff0000;
    border-radius: 1em;
    color: white;
    text-align: center;
    top: -0.7em;
    font-size: 55%;
    position: absolute;
    padding: .1em .4em;
    display: none;
}

div.global_menu span.menu_float_right.blue {
    background-color: #22aeff;
}

div.header_login div.submenu {
    display: none;
    position: absolute;
    background-color: #656b70;
    padding: 1em;
    border-radius: .5em;
    border: 1px solid #7a8085;
    width: 10em;
    left: 5em;
    top: 5em;
    z-index: 1000;
}

div.header_login div.submenu a {
    color: #bcc2c7;
    font-family: "ProximaNova", Arial, sans-serif;
    display: block;
    margin-bottom: .8em;
    padding-bottom: .8em;
    border-bottom: 1px solid #7a8085;
}

div.header_login div.submenu a:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

div.header_login div.submenu a:hover {
    text-decoration: none;
    color: white;
}

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;
    color: black;
}

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

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

div.footer {
    display: table; /* иначе пункты меню в подвале не будут выровнены по центру по вертикали */
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    background-color: #555b60;
    padding: 2em 0;
    margin-top: 5em;
}

div.footer img {
    display: inline-block;
    width: 2em;
}

div.footer_left {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 40%;
}

div.footer_middle {
    height: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 120%;
    display: table-cell;
    width: 20%;
}

div.footer_middle a {
    color: white;
    margin-right: .5em;
    display: inline-block;
}

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

div.footer_middle a img {
    width: 2em;
}

div.footer_middle div#download_apps {
    font-size: 80%;
}

div.footer_right {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    font-size: inherit;
    text-align: right;
    width: 40%;
}

div.footer_right a {
    cursor: pointer;
    margin-left: 1em;
    color: #ffd800;
}

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

div.fullpage_cover div#offlineMessage {
    display: none;
    vertical-align: middle;
    text-align: center;
    top: 0;
    background-color: #55739C;
    color: white;
    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 {
    display: none;
}

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

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

div.control_buttons br + button {
    margin-top: .5em;
}

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

button.main, input.main {
    background: linear-gradient(to right, #4e4ea1, #1484b8) !important;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    transition-property: none;
    will-change: none;
}

button.main:hover:not(.ui-button-disabled), input.main:hover {
    background: #21ade4 !important;
}

button.main:hover:not(.ui-button-disabled):not(.careful), input.main:hover, button.main:not(.careful), input.main, button.nonimportant:hover:not(.ui-button-disabled), input.nonimportant:hover, button.nonimportant:not(.ui-button-disabled), input.nonimportant {
    border: none !important;
}

button.careful:hover:not(.ui-button-disabled), input.careful:hover, button.careful2:hover, input.careful2:hover, button.close:hover, button.careful:not(.ui-button-disabled), input.careful, button.careful2, input.careful2, button.close {
    padding: 1.15rem 2.85rem;
}

.ui-tooltip.ui-widget.ui-widget-content {
    border: 0;
}

.ui-widget .ui-widget {
    /*font-size: 1.2rem;*/ /* если раскомментировать, то в задачах в библиотеке шрифт уменьшится */
}

div.dropfield2 div {
    margin-bottom: .3em;
}

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

.inputcheckbox:not(checked) + label:before {
    background: #ECECEC;
    box-shadow: none;
    height: 1.4em;
    border-radius: 2em;
    width: 2.4em;
}

.inputcheckbox:not(checked) + label:after {
    background: #BFBFBF;
    opacity: 1;
    box-shadow: none;
    top: .2em;
    left: .2em;
    width: 1em;
    height: 1em;
}

.inputcheckbox:checked + label:after {
    opacity: 1;
    left: 1.2em;
    background: #ffffff;
}

.inputcheckbox:checked + label:before {
    background: #4c5a62;
}

div.fieldvalue > .inputcheckbox:not(checked) + label {
    font-size: 1.3em;
    margin-top: .7em;
}

div.fieldvalue {
    text-align: left;
}

div.fieldvalue.read {
    border: 1px solid rgb(231, 231, 231);
    padding: .8em;
    background-color: #f0f0f0;
}

div.indexer {
    height: auto;
}

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

div.indexer br {
    display: table;
    height: .5em;
    content: '';
}

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

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

/* внешняя часть, открытая часть */
body.open_part {
    background: url(openpart_background_1.jpg) bottom center no-repeat #ebebeb;
    background-size: cover;
    display: table;
}

body.open_part div.maincontent_data {
    display: block;
    width: auto;
    background-color: transparent;
    border: 0;
    min-height: unset;
}

body.open_part div.maincontent_data.autocreated {
    width: 100%;
    display: table;
}

body.open_part div.maincontent_data form {
    padding: 0;
}

body.open_part div.header {
    display: table-header-group;
    background: none;
    text-align: center;
    padding: 0;
    color: inherit;
    position: relative;
}

body.open_part div.header a, body.open_part div.header a:hover {
    color: #7d8490;
}

body.open_part div.header div.header_wrapper {
    display: table;
}

body.open_part div.header_middle {
    display: inline-block;
    width: 80rem;
    min-width: 80rem;
    max-width: 80rem;
    text-align: center;
}

body.open_part div.header_middle div.logo {
    padding: 0;
    display: block;
    margin-top: 0;
    width: 100%;
    cursor: pointer;
    margin-bottom: 1em;
}

body.open_part div.header_middle div.logo img {
    height: 10em;
    margin-top: 2em;
}

body.open_part div.header_middle div.header_under_logo {
    color: #969fa6;
    margin-top: .9em;
    font-size: 1.3em;
    margin-bottom: .9em;
    display: none;
}

body.open_part div.header_left {
    width: 7%;
    font-size: 110%;
    text-align: left;
    padding-left: .5em;
    display: none;
}

body.open_part div.header_middle1 {
    width: 18%;
    font-size: 200%;
    text-transform: uppercase;
    text-align: right;
    font-weight: normal;
    line-height: 100%;
    padding-right: .5em;
}

body.open_part div.header_left a:hover, body.open_part div.header_middle1 a:hover {
    text-decoration: none;
}

body.open_part div.header_middle2 {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: left;
    width: 50%;
    padding: 0;
}

body.open_part div.header_middle2 a {
    font-size: 140%;
}

body.open_part div.mobile_menu {
    display: none !important;
}

body.open_part div.header_right {
    display: inline-block;
    width: 8em;
    min-width: 8em;
    max-width: 8em;
    position: absolute;
    padding: 0;
    margin-left: -8em;
    text-align: right;
}

body.open_part div.header_right div.header_right_help {
    margin-top: 2em;
}

body.open_part div.header_right div.header_right_help a {
    color: #7d8490;
    font-size: 1.1em;
}

body.open_part div.header_right div.header_right_help span.svg_background_import {
    width: 1.3em;
    height: auto;
    display: inline-block;
    margin-left: .5em;
    background-size: contain;
    background-image: url(save-circle.svg);
    vertical-align: middle;
    margin-top: -0.2em;
}

body.open_part div.header_right div.header_right_help span.svg_background_import svg {
    width: 1.3em;
    height: 1.3em;
    vertical-align: middle;
}

body.open_part div.header_right div.header_right_help span.svg_background_import svg .cls-1 {
    fill: #7d8490;
}

body.open_part div.header_right div.mobile_menu_button {
    display: none;
    float: right;
    margin-right: 1.8em;
    margin-top: 1.8em;
    width: 1.5em;
    height: 1.2em;
    vertical-align: top;
    margin-left: 0;
    background-size: contain;
    background-position: center;
}

body.open_part div.content {
    border: 0;
    display: table-row-group;
    vertical-align: middle;
    height: auto;
    min-height: 85%;
    padding-left: 0;
}

body.open_part div.maincontent {
    display: table-row;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    color: #24242c;
}

body.open_part div.maincontent_wrapper {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    background-color: transparent;
    border: 0;
    height: auto;
}

body.open_part div.maincontent h1, h2, h3, h4 {
    color: #21ade4;
}

body.open_part div.footer {
    display: table-footer-group;
    background: none;
    height: auto;
    padding: 0;
}

body.open_part div.footer_wrapper {
    display: table;
    padding: 0 0 1em 0;
    margin: 0;
    width: 100%;
}

body.open_part div.footer_left, body.open_part div.footer_right, body.open_part div.footer_middle {
    display: table-cell;
}

body.open_part div.footer_left {
    width: 20%;
    padding-left: 3em;
}

body.open_part div.footer_middle {
    width: auto;
    color: #3c3c48;
    padding-top: 1em;
}

body.open_part div.footer_middle a {
    color: #7f7f92;
    text-decoration: underline;
    font-size: 80%;
    display: block;
    margin-bottom: 2em;
}

body.open_part div.footer_right {
    width: 20%;
    color: white;
    opacity: .3;
    padding-right: 3em;
}

body.open_part div.footer_right:hover {
    opacity: 1;
}

body.open_part div.footer_right a {
    color: white;
    margin: 0;
}

body.open_part div.footer_right a:hover {
    text-decoration: underline;
}

div.open_part_mainpage_wrapper {
    width: 80rem;
    margin: auto;
    padding: 0;
    text-align: center;
}

div.open_part_mainpage_wrapper h1 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 2em 0;
}

div.open_part_main {
    display: table;
    width: 100%;
    border-bottom: 1px #e7e7e7 solid;
}

div.open_part_main:last-child {
    border-bottom: 0;
}

div.open_part_main_left {
    border-right: 1px #e7e7e7 solid;
    display: table-cell;
    width: 33%;
    padding: 1em 1em 1em .5em;
    vertical-align: top;
    font-size: 110%;
}

div.open_part_main_left.extended {
    width: 67%;
}

div.open_part_main_left.reduced {
    width: 25%;
}

div.open_part_main_left.reduced.noborder {
    border-right: 0;
}

div.open_part_main_middle {
    display: table-cell;
    padding: 1em;
    vertical-align: top;
    width: 34%;
    font-size: 110%;
}

div.open_part_main_middle.full {
    width: auto;
}

div.open_part_main_right {
    display: table-cell;
    width: 33%;
    padding: 1em .5em 1em 1em;
    vertical-align: top;
    font-size: 110%;
}

/* регистрация в открытой части */
div.open_part_main.step_0 div.steps_description {
    display: table;
    width: 100%;
}

div.open_part_main.step_0 div.steps_description div.steps_description_line {
    display: table-row-group;
    vertical-align: middle;
}

div.open_part_main.step_0 div.steps_description div.steps_description_line.line_1 {
    vertical-align: middle;
}

div.open_part_main.step_0 div.steps_description div.steps_description_line.line_1 div {
    height: auto;
}

div.open_part_main.step_0 div.steps_description div.steps_description_line.line_2 {
    vertical-align: top;
}

div.open_part_main.step_0 div.steps_description div.steps_description_line.line_2 div {
    height: 4em;
    vertical-align: top;
    font-size: 1.3em;
    padding-top: 1em;
    font-family: "ProximaNovaSemibold", Arial, sans-serif;
}

div.open_part_main.step_0 div.steps_description div.steps_description_full {
    width: 26%;
    vertical-align: middle;
    display: table-cell;
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle {
    background-color: #464c55;
    border-radius: 50%;
    width: 14em;
    height: 14em;
    display: inline-flex;
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle span.svg_background_import {
    width: 8em;
    min-width: 8em;
    height: auto;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    margin: auto;
    flex: 1;
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle span.svg_background_import svg {
    height: auto;
    vertical-align: middle;
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle span.svg_background_import svg {
    fill: white;
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle span.svg_background_import.circle_1 {
    background-image: url(step1-icon.svg);
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle span.svg_background_import.circle_1 svg {
    width: 3.8em;
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle span.svg_background_import.circle_2 {
    background-image: url(step2-icon.svg);
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle span.svg_background_import.circle_2 svg {
    width: 6.3em;
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle span.svg_background_import.circle_3 {
    background-image: url(step3-icon.svg);
}

div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle span.svg_background_import.circle_3 svg {
    width: 4.5em;
}

div.open_part_main.step_0 div.steps_description div.steps_description_shrink {
    vertical-align: middle;
    text-align: center;
}

div.open_part_main.step_0 div.steps_description div.steps_description_shrink span.svg_background_import.arrow_right {
    width: 1em;
    height: auto;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    margin: 0;
    background-image: url(arrow-steps.svg);
}

div.open_part_main.step_0 div.steps_description div.steps_description_shrink span.svg_background_import.arrow_right svg {
    width: 1em;
    height: auto;
    vertical-align: middle;
}

div.open_part_main.step_0 div.steps_description div.steps_description_shrink span.svg_background_import.arrow_right svg .cls-1 {
    fill: #7d8490;
}

div.open_part_main.step_0 div.steps_description div.steps_description_shrink {
    width: 11%;
    display: table-cell;
}

div.open_part_main.step_0 button.participate {
    margin-top: 4em;
    border-radius: .5em !important;
}

div.open_part_main.step_0 button.participate {
    font-size: 2rem !important;
    font-family: "ProximaNovaSemibold", Arial, sans-serif !important;
    padding: .7em 2.2em !important;
}

div.open_part_main.step_0 div.or_login {
    margin: 2em 0;
    font-size: 1.3em;
}

div.open_part_main.step_0 button.login {
    margin-top: 0;
    background: #24242c !important;
    border: .15em #24242c solid !important;
    border-radius: .5em !important;
}

div.open_part_main.step_0 button.login:hover {
    background: #797f84 !important;
    border: .15em #797f84 solid !important;
}

div.open_part_main.step_0 button.login {
    font-size: 1.5rem !important;
    font-family: "ProximaNovaSemibold", Arial, sans-serif !important;
    padding: .4em 2.6em !important;
}

div.open_part_main.step_1 div.status_description {
    display: table;
    width: 100%;
    cursor: pointer;
}

div.open_part_main.step_1 div.status_description div.status_description_line {
    display: table-row-group;
    vertical-align: middle;
}

div.open_part_main.step_1 div.status_description div.status_description_line.line_1 {
    vertical-align: middle;
}

div.open_part_main.step_1 div.status_description div.status_description_line.line_1 div {
    height: auto;
}

div.open_part_main.step_1 div.status_description div.status_description_line.line_2 {
    vertical-align: top;
}

div.open_part_main.step_1 div.status_description div.status_description_line.line_2 div {
    height: 5em;
    vertical-align: top;
    font-size: 1.4em;
    font-family: "ProximaNovaBold", Arial, sans-serif;
    padding: 1em 1em 0 1em;
}

div.open_part_main.step_1 div.status_description div.status_description_line.line_2 div span.status_description_text {
    font-size: .8em;
    font-family: "ProximaNova", Arial, sans-serif;
    display: block;
    margin-top: .5em;
}

div.open_part_main.step_1 div.status_description div.status_description_full {
    width: 25%;
    vertical-align: middle;
    display: table-cell;
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_outer_circle {
    border-radius: 50%;
    padding: .5em;
    border: .5em solid transparent;
    display: inline-block;
}

div.open_part_main.step_1 div.status_description div.status_description_full.selected div.status_description_outer_circle {
    border-color: #de291c;
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle {
    background-color: white;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    width: 14em;
    height: 14em;
    display: table-cell;
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import {
    width: 8em;
    height: auto;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    margin: 0;
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import svg {
    height: auto;
    vertical-align: middle;
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import svg {
    fill: #4a4f58;
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import.circle_1 {
    background-image: url(role-spec.svg);
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import.circle_1 svg {
    width: 5.5em;
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import.circle_2 {
    background-image: url(role-launcher.svg);
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import.circle_2 svg {
    width: 4em;
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import.circle_3 {
    background-image: url(role-boss.svg);
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import.circle_3 svg {
    width: 5.5em;
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import.circle_4 {
    background-image: url(role-moderator.svg);
}

div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle span.svg_background_import.circle_4 svg {
    width: 5.5em;
}

div.open_part_main.step_1 button.register_as {
    margin-top: 4em;
    border-radius: .5em !important;
}

div.open_part_main.step_1 button.register_as {
    font-size: 2rem !important;
    font-family: "ProximaNovaSemibold", Arial, sans-serif !important;
    padding: .7em 2.2em !important;
}

div.open_part_main.step_2 {
    background-color: white;
    border-radius: .5em;
    -moz-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    color: #7f8591;
    font-size: 1.2em;
    padding: 3em 0;
}

div.open_part_main.step_2 h1 {
    font-family: "ProximaNova", Arial, sans-serif;
    margin-bottom: .5em;
}

div.open_part_main.step_2 form {
    width: 30em;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.open_part_main.step_2 div.input_email_and_pass {
    margin-bottom: 2em;
}

div.open_part_main.step_2 input {
    font-size: 1.1em;
    margin-top: .2em;
}

div.open_part_main.step_2 div.email_name_div {
    text-align: left;
    margin-bottom: 1em;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.open_part_main.step_2 div.email_name {
    color: #82828b;
}

div.open_part_main.step_2 div.password_name_div, div.open_part_main.step_2 div.repeat_password_name_div {
    text-align: left;
    display: inline-block;
    margin-bottom: 2em;
    width: 49%;
    min-width: 49%;
    max-width: 49%;
}

div.open_part_main.step_2 div.password_name, div.open_part_main.step_2 div.repeat_password_name {
    color: #82828b;
}

div.open_part_main.step_2 div.buttons {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 1.5em;
}

div.open_part_main.step_2 div.buttons button {
    margin: 0;
}

div.open_part_main.step_2 div.buttons button span {
    font-size: 1.1em !important;
    font-family: "ProximaNovaSemibold", Arial, sans-serif !important;
    padding: .3rem 2rem !important;
}

div.open_part_main.step_2 div.buttons button.nonimportant {
    float: left;
}

div.open_part_main.step_2 div.buttons button.main {
    float: right;
}

div.open_part_main.step_2 div.save_and_continue_disclaimer {
    color: #b9b9c7;
    font-size: .8em;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.open_part_main.step_2 div.save_and_continue_disclaimer a {
    color: #b9b9c7;
}

div.open_part_main.step_2 hr {
    width: 30em;
    border-top: 3px solid #edf0f2;
    margin: 2em 0;
}

div.open_part_main.step_2 div.or_use_social_network {
    margin-bottom: 2em;
}

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(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(fb-icon.svg);
}

div.or_use_social_network_list a.social_2 span.svg_background_import svg .cls-1 {
    fill: #3c5b9a;
}

div.or_use_social_network_list a.social_3 span.svg_background_import {
    background-image: url(gg-icon.svg);
}

div.or_use_social_network_list a.social_3 span.svg_background_import svg .cls-1 {
    fill: #dc4938;
}

div.open_part_main.step_3 {
    background-color: white;
    border-radius: .5em;
    -moz-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    font-size: 1.2em;
    padding: 3em 0;
}

div.open_part_main.step_3 div.success.svg_background_import {
    width: 2.5em;
    height: auto;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    margin: 0;
    background-image: url(step3-icon.svg);
    margin-bottom: 1em;
}

div.open_part_main.step_3 div.success.svg_background_import svg {
    width: 2.5em;
}

div.open_part_main.step_3 div.success.svg_background_import svg .step-3-cls-1 {
    fill: #bebec2;
}

div.open_part_main.step_3 div.success.svg_background_import svg .step-3-cls-2 {
    stroke: #4d4fa1;
    stroke-width: 4px;
}

div.open_part_main.step_3 h1 {
    font-family: "ProximaNovaSemibold", Arial, sans-serif;
    font-size: 1.5em;
    margin-bottom: 0;
}

div.open_part_main.step_3 h2 {
    font-size: 1.2em;
    font-family: "ProximaNova", Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 0;
}

div.open_part_main.step_3 div.success_message {
    background-color: #f1f1f1;
    font-size: 1em;
    width: 65rem;
    border-radius: .5em;
    padding: 2em;
    margin: 2em auto;
}

div.open_part_main.step_3 div.success_message a {
    color: #21ade4;
}

div.open_part_main.step_3 div.buttons {
    width: 54em;
    margin: 0 auto 1.5em auto;
}

div.open_part_main.step_3 div.buttons button {
    margin: 0;
    width: 49%;
    min-height: 4.5em;
}

div.open_part_main.step_3 div.buttons button span {
    font-size: 1.1em !important;
    font-family: "ProximaNovaSemibold", Arial, sans-serif !important;
    padding: .3rem 2rem !important;
}

div.open_part_main.step_3 div.buttons button.nonimportant {
    float: left;
}

div.open_part_main.step_3 div.buttons button.main {
    float: right;
}

/* noty */
ul#noty_bottomLeft_layout_container {
    min-width: 20rem !important;
    max-width: 35rem !important;
}

ul#noty_bottomLeft_layout_container li {
    width: 100% !important;
    background: none #666666 !important;
    border: 0 !important;
    border-left: .7em solid !important;
}

ul#noty_bottomLeft_layout_container li div.noty_message {
    font-size: 1.1em !important;
    padding: 1.2em 1.3em !important;
    line-height: 1.2em !important;
    color: white !important;
}

/* различные общие элементы */
div.dropfield2_field:not([level]) input:disabled + label {
    font-weight: bold;
    text-transform: uppercase;
    padding: 1em 0 !important;
    background-color: #F5F5F5;
    display: block;
    text-align: center;
}

div.dropfield2_field:not([level]) input:disabled + label:before, div.dropfield2_field:not([level]) input:disabled + label:after {
    display: none !important;
}

.svg_background_import svg {
    vertical-align: baseline;
}

div.menu_item_wrapper.item5, div.menu_item_wrapper.item8, div.menu_item_wrapper.item9, div.menu_item_wrapper.item10, div.menu_item_wrapper.item11, div.menu_item_wrapper.hr {
    display: none !important;
}

a.open_part_edit_button {
    position: absolute;
    width: 9em;
    font-weight: bold;
    display: inline-block;
    padding: 1em .5em;
    border-radius: .5em;
    background-color: #4e5358;
    color: white;
    top: 0;
    text-align: center;
    right: 0;
    z-index: 2;
}

div.soc_part img.qr_code {
    width: 100%;
}

div.maincontent_data h1.data_h1 {
    font-size: 1.2em;
    padding: 1.5rem 0 0 0;
    clear: both;
    font-family: "ProximaNovaBold", Arial, sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
    color: #b6b6c5;
}

div.maincontent_data h1.data_h1:first-of-type {
    border-top: 0;
    padding-top: 0;
}

div.maincontent_data h1.data_h1 div.marker_line.blue {
    font-size: 70%;
}

div.maincontent_data h1.form_header {
    color: #21ade4;
    font-size: 2.5em;
    padding: 0 0 2rem 0;
    font-family: "ProximaNovaLight", Arial, sans-serif !important;
    font-weight: normal;
}

div.maincontent_data h1.form_header a {
    color: #21ade4;
}

div.maincontent_data > form[id^='form_'] {
    background-color: white;
    border-radius: .5em;
    -moz-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    padding: 2rem;
}

div.maincontent_data > ul.ollist {
    background-color: white;
    border-radius: 0 .5em .5em .5em;
    -moz-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    padding: 1rem 2rem 2rem 2rem;
}

div.maincontent h1, h2, h3, h4 {
    color: #7f858a;
    text-align: left;
}

div.maincontent_data > a.outer_add_something_button {
    background-color: white;
    border-radius: 3em;
    padding: .3em .35em;
    top: .4em;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: 1;
    right: 0;
}

div.maincontent_data > a.outer_add_something_button span.outer_add_something_button_text {
    font-size: 1.3em;
    color: #282931;
    vertical-align: middle;
    margin-right: .3em;
}

div.maincontent_data > a.outer_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(main-plus-for-all-tabs.svg);
    vertical-align: middle;
}

div.maincontent_data > a.outer_add_something_button span.svg_background_import svg {
    width: 1.8em;
    height: 1.8em;
    vertical-align: middle;
}

div.maincontent_data > a.outer_add_something_button span.svg_background_import svg .plus-cls-1 {
    fill: #4d4fa1;
}

div.maincontent_data > a.outer_add_something_button span.svg_background_import svg .plus-cls-2 {
    fill: white;
}

div.maincontent_data h1.page_header {
    color: #21ade4;
    font-size: 2.5em;
    padding: 0 0 2rem 0;
    font-family: "ProximaNovaLight", Arial, sans-serif !important;
    font-weight: normal;
}

div.maincontent_data h1.page_header.header_arrow:before {
    content: '';
    position: absolute;
    left: 0;
    background: url(header_arrow.png) left center no-repeat;
    background-size: contain;
    width: 9.3rem;
    height: 3rem;
    margin-left: -11.6rem;
}

div.maincontent_data h1.page_header sup {
    color: #4d4fa1;
    font-size: .6em;
    padding-left: .4em;
}

div.maincontent_data h1.page_header a {
    color: #21ade4;
}

.user_online {

}

.user_offline {

}

label img {
    margin-right: 5px;
}

label hr {
    clear: none;
    display: inline-block;
    height: 3px;
    width: 90%;
    border-top: 3px solid rgb(218, 225, 232);
}

a.bold_link {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

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

    /*Borders - (Optional)*/
    border-left: .5em solid #3d7ca0;
    border-right: .2em solid #3d7ca0;

    /*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: #999;

    /*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;
}

.ui-widget-overlay {
    z-index: 11003;
}

.ui-dialog {
    z-index: 11004;
}

.no-title .ui-dialog-titlebar {
    display: none;
}

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

h1 span.small {
    font-size: .6em;
}

span.gray, a.gray {
    color: #848491;
}

span.red {
    color: rgb(197, 44, 63);
}

form#search_project_community {
    margin-top: -1em;
}

input#search {
    width: 50%;
    padding: .5rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #4e5358;
    color: white;
    border: 0;
    border-radius: .3rem 0 0 .3rem;
    height: 2.5rem;
}

input#search::-webkit-input-placeholder {
    color: #7f858a;
}

input#search::-moz-placeholder {
    color: #7f858a;
}

input#search:-ms-input-placeholder {
    color: #7f858a;
}

input#search:-moz-placeholder {
    color: #7f858a;
}

input#search:focus::-webkit-input-placeholder {
    color: white;
}

input#search:focus::-moz-placeholder {
    color: white;
}

input#search:focus:-ms-input-placeholder {
    color: white;
}

input#search:focus:-moz-placeholder {
    color: white;
}

input#search_image_submit {
    width: 2.5rem;
    border: 0;
    border-radius: 0 .3rem .3rem 0;
    padding: 0;
    margin: 0;
    background: url(lens-off.png) #4e5358 center center no-repeat;
    background-size: 1rem;
    font-size: 1rem;
    cursor: pointer;
    vertical-align: bottom;
    height: 2.5rem;
}

input#search:focus + input#search_image_submit {
    background: url(lens-on.png) #4e5358 center center no-repeat;
    background-size: 1rem;
}

input#search_image_submit[type=image] {
    width: 2.5rem;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
    height: 100%;
}

a.add_something {
    padding: .4em .4em .3em .4em;
    float: right;
    z-index: 1;
    color: white;
}

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

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

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

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

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

a.add_something.fa-plus {
    background-color: #4d4fa1;
}

a.add_something.fa-plus:hover {
    background-color: black;
}

a.add_something.fa-plus.inverted {
    color: #de291c;
    background-color: transparent;
}

a.add_something.fa-plus.inverted:hover {
    color: black;
    background-color: transparent;
}

div.overflown_content {
    overflow: hidden;
}

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

a.show_hidden {
    display: block;
    padding: 0.5% 1%;
    text-align: center;
    font-size: 110%;
    clear: both;
    border: 1px dashed rgb(218, 225, 232);
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

a.show_hidden.not_bold {
    font-weight: normal;
}

a.show_hidden_table {
    display: block;
    padding: 0.5% 1%;
    text-align: center;
    font-size: 110%;
    clear: both;
    border: 1px dashed rgb(218, 225, 232);
}

div.vimeo_container {
    display: table-footer-group;
    text-align: center;
}

div.vimeo_container iframe {
    margin-top: 2em;
}

div.vimeo_viewbox {
    text-align: center;
}

div.vimeo_viewbox iframe {
    width: 1000px;
    aspect-ratio: 640/360;
    max-width: 100%;
}

canvas {
    width: 100% !important;
    max-width: 100% !important;
}

/* ограничения для неверифицированных */
body.not_verified div.menu_item_wrapper.item6, body.not_verified div.menu_item_wrapper.item3, body.not_verified div.menu_item_wrapper.item7, body.not_verified div.menu_item_wrapper.item12 {
    display: none !important;
}

/* уведомления noty */
div.noty_modal {
    z-index: 12000 !important;
}

/* вкладки */
div.tabs {
    padding: 0;
    width: auto;
}

div.maincontent_data.autocreated div.tabs, div.soc_part.full > div.tabs:first-child, div.soc_part_right > div.tabs:first-child {
    margin: -2rem -2rem 0 -2rem;
    padding: 0;
    background: none transparent;
    width: auto;
    min-width: calc(100% + 4rem - 1px);
    max-width: calc(100% + 4rem - 1px);
    display: inline-block;
}

div.tabs.nopadding {
    padding: 0;
}

.ui-tabs {
    text-align: left;
}

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

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

div.maincontent_data.autocreated div.ui-tabs > .ui-tabs-panel, div.soc_part.full > div.tabs:first-child > .ui-tabs-panel, div.soc_part_right > div.tabs:first-child > .ui-tabs-panel {
    padding: 2rem 2rem 1rem 2rem;
}

.ui-tabs-nav.ui-widget-header {
    background: none transparent;
}

.ui-tabs .ui-tabs-nav {
    margin: 0 -2rem 1rem -2rem;
    padding: 0 2rem;
    border-bottom: 1px #e7e7e7 solid;
    display: block;
    font-size: 1.1rem !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin: 0;
}

div.maincontent_data.autocreated .ui-tabs > .ui-tabs-nav, div.soc_part.full > div.tabs:first-child > .ui-tabs-nav, div.soc_part_right > div.tabs:first-child > .ui-tabs-nav {
    border: 0;
    margin: 0;
    padding: 0;
    -moz-box-shadow: 1em 0 #ebeef1;
    -webkit-box-shadow: 1em 0 #ebeef1;
    box-shadow: 1em 0 #ebeef1;
    background: none #ebeef1;
    padding-right: 31rem;
    width: 100%;
}

div.maincontent_data.autocreated .ui-widget input,
div.maincontent_data.autocreated .ui-widget select,
div.maincontent_data.autocreated .ui-widget textarea {
    font-size: 1.3em !important;
}

.ui-tabs ul.ui-tabs-nav li {
    border: 1px #e7e7e7 solid;
    border-bottom: 0;
    border-right: 0;
    border-radius: 0;
    background: none #edf2f4;
    margin: 0;
    padding: .5em 1em;
}

div.maincontent_data.autocreated .ui-tabs > .ui-tabs-nav li, div.soc_part.full > div.tabs:first-child > .ui-tabs-nav li, div.soc_part_right > div.tabs:first-child > .ui-tabs-nav li {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: .3em .3em 0 0;
}

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

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

.ui-tabs ul.ui-tabs-nav li a {
    outline-color: transparent;
    color: rgb(153, 153, 153);
    text-transform: none;
    font-weight: bold;
    font-size: 1em;
    display: inline-block;
}

div.maincontent_data.autocreated .ui-tabs > ul.ui-tabs-nav li a, div.soc_part.full > div.tabs:first-child > ul.ui-tabs-nav li a, div.soc_part_right > div.tabs:first-child > ul.ui-tabs-nav li a {
    color: black;
}

.ui-tabs ul.ui-tabs-nav li.ui-state-hover a {
    color: black;
}

.ui-tabs ul.ui-tabs-nav li.ui-tabs-active a {
    color: black;
}

.ui-tabs ul.ui-tabs-nav li {
    padding: 0;
    font-weight: bold;
    border: 1px white solid;
    border-bottom: 0;
    background: none;
    margin-bottom: 0;
    outline: none !important;
}

.ui-tabs ul.ui-tabs-nav li.ui-state-hover {
    padding: 0;
    background: none white;
    border: 1px white solid;
    border-bottom: 0;
}

div.maincontent_data.autocreated .ui-tabs > ul.ui-tabs-nav li.ui-state-hover, div.soc_part.full > div.tabs:first-child > ul.ui-tabs-nav li.ui-state-hover, div.soc_part_right > div.tabs:first-child > ul.ui-tabs-nav li.ui-state-hover {
    background: none transparent;
}

div.maincontent_data.autocreated .ui-tabs > ul.ui-tabs-nav li.ui-tabs-active.ui-state-hover, div.soc_part.full > div.tabs:first-child > ul.ui-tabs-nav li.ui-tabs-active.ui-state-hover, div.soc_part_right > div.tabs:first-child > ul.ui-tabs-nav li.ui-tabs-active.ui-state-hover {
    background: none white;
}

.ui-tabs ul.ui-tabs-nav li.ui-tabs-active, .ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-hover {
    padding: 0 0 1px 0;
    background: none white;
    border: 1px #e7e7e7 solid;
    border-bottom: 0;
    margin-bottom: -1px;
}

.ui-tabs .ui-tabs-nav li a {
    margin: .5em 1.5em;
    padding: 0;
}

.ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:after {
    width: 100%;
    height: .3em;
    background-color: #4d4fa1;
    position: absolute;
    display: block;
    bottom: -0.5em;
    content: "";
}

/* поле поиска с доп.элементами */
div.qwerty_space {
    width: auto;
    text-align: center;
    float: none;
    display: inline-block;
}

div.qwerty_space input#qwerty {
    width: 24em;
    background: none;
    border: 1px solid white;
    border-radius: .5em 0 0 .5em;
    padding: .8em 0 .8em .8em;
    color: white !important;
    border-right: none;
    height: 3em;
    margin: 0;
}

div.qwerty_space.small input#qwerty {
    width: calc(100% - 6rem);
}

div.qwerty_space input#qwerty.ui-autocomplete-loading {
    background: url(ajax-loader.gif) 98% center no-repeat;
    background-size: contain;
}

div.qwerty_space input#qwerty::-webkit-input-placeholder {
    color: white;
    opacity: 1;
}

div.qwerty_space input#qwerty::-moz-placeholder {
    color: white;
    opacity: 1;
}

div.qwerty_space input#qwerty:-ms-input-placeholder {
    color: white;
    opacity: 1;
}

div.qwerty_space input#qwerty:-moz-placeholder {
    color: white;
    opacity: 1;
}

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.3em;
    height: 3em;
    margin: 0;
    vertical-align: top;
}

div.qwerty_space #qwerty-helper {
    text-align: left;
    position: absolute;
    display: none;
    font-size: 110%;
    background-color: #555b60;
    color: white;
    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: 110%;
    background-color: #555b60;
    color: white;
    border-radius: 0;
    padding-left: 1em;
    padding-right: 1em;
    z-index: 1000;
    width: 100%;
}

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

/* меню переключения между подразделами, меню функций */
div.actions_list {
    background: url(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: #E9EBF0;
    text-align: left;
}

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

div.actions_list_switcher div.actions_list_button a {
    color: white;
    background-color: #55739C;
    padding: .5em 1em;
    border-radius: .5em;
}

div.actions_list_switcher div.actions_list_button.careful a {
    background-color: #ca1212;
}

div.actions_list_text {
    color: #55739C;
    text-align: right;
    background: url(more.svg) right 1em center no-repeat;
    background-size: 1.8em;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    right: 1em;
}

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

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-color: #656b70;
    border: 1px #7a8085 solid;
    opacity: 1;
    position: absolute;
    z-index: 2;
    border-radius: .3em;
    top: 3.5rem;
    right: 1em;
    min-width: 17rem;
    font-size: 1rem;
}

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 {
    border-top: 1px solid #7a8085;
    display: block;
    line-height: 1em;
    padding: .5em 1em;
    text-align: left;
    color: #bcc2c7;
}

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

div.actions_list_items a:hover {
    color: white;
}

div.actions_list_switcher > div:not(.actions_list_items):not(.actions_list_text) > span {
    color: #55739C;
    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.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: rgb(0, 150, 0);
    border-radius: 50%;
    bottom: 2%;
    right: 2%;
    border: .1em solid white;
    width: .5em;
    height: .5em;
    max-width: 4px;
    max-height: 4px;
}

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 {
    float: right;
    padding: .3em;
    margin-top: -0.6em;
    cursor: pointer;
    /*opacity: 0.7;*/
    z-index: 1;
}

div.important_button:hover {
    opacity: 1;
}

div.important_button.marked {
    color: rgb(197, 44, 63);
}

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

div.important_button:hover span.important_button_text {
}

div.important_button span.important_button_icon {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    background: url(like-icon-small.svg) center center no-repeat #da291d;
    background-size: .9em auto;
    border-radius: 50%;
    text-align: center;
    margin-right: .3em;
    vertical-align: middle;
}

div.important_button.marked span.important_button_icon {
    background-image: url(like-icon-small.svg);
}

div.important_button span.important_button_counter {
    font-weight: bold;
    color: #da291d;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
}

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

/* всплывающая подсказка для "Это интересно" */
div.helper {
    position: absolute;
    z-index: 100000;
    background-color: rgb(51, 51, 51);
    padding: .5em 1em 1em 1em;
    display: none;
    font-size: 1rem;
    min-width: 20rem;
}

div.helper div.helper_header {
    color: white;
    clear: both;
    padding-bottom: .5em;
    font-weight: bold;
}

div.helper div.photoName {
    width: 4rem !important;
    margin: 0 .5rem 0 0;
}

div.helper div.photoName:last-child {
    margin-right: 0;
}

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

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

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

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

a.load_disk {
    display: block;
    padding: 0.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 {
    display: block;
    padding: 0.5% 1%;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.soc_part_projects a.load_projects_communities_list {
    grid-column: span 4;
}

a.load_users_list {
    display: block;
    padding: 0.5% 1%;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    clear: both;
}

/* виджет задач */
div.tasks_widget_container {
    display: none;
    position: fixed;
    left: 1em;
    bottom: 0;
    width: 5em;
    border: 1px solid rgb(231, 231, 231);
    border-bottom: 0;
    z-index: 10000;
}

div.tasks_widget {
    background-color: #4c5a62;
    font-size: 160%;
    font-weight: bold;
    padding: .1em;
    text-align: center;
    color: white;
    cursor: pointer;
    clear: both;
    vertical-align: middle;
    display: table-cell;
    width: 3em;
    height: 2em;
}

div.tasks_widget span.fa {
    margin-left: .2em;
}

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: white;
    position: absolute;
    width: 25em;
    bottom: 0;
    z-index: 10501;
    display: none;
}

div.tasks_widget_list_container:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5em .5em .5em 0;
    border-color: transparent rgb(185, 185, 185) transparent transparent;
    content: "";
    display: block;
    float: left;
    margin-left: -0.5em;
    margin-top: -1.5em;
}

div.tasks_widget_list_header, div.tasks_widget_task_header {
    background-color: #4c5a62;
    text-align: left;
    font-size: 110%;
    color: white;
    padding: .5em 0 .5em .5em;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
}

div.tasks_widget_list_header, div.tasks_widget_task_header a {
    color: white;
}

div.tasks_widget_list_close {
    float: right;
    margin-right: .5em;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url('close.png') no-repeat;
    background-size: contain;
    margin-top: .2em;
    opacity: 0.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('settings_white.png') no-repeat;
    background-size: contain;
    margin-top: .2em;
    opacity: 0.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;
    background-color: #4c5a62;
}

div.tasks_widget_list_functions_list a {
    display: block;
    cursor: pointer;
    padding: .3em;
    text-align: left;
    font-weight: bold;
    border: 1px dashed rgb(218, 225, 232);
    border-bottom: 0;
    color: white;
}

div.tasks_widget_list_functions_list a:last-child {
    border-bottom: 1px dashed rgb(218, 225, 232);
}

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

div.tasks_widget_task_scroll {
    height: 24em;
    background-color: rgb(245, 245, 245);
    border-left: 1px solid #334960;
    border-right: 1px solid #334960;
    padding: 1% 0;
    font-size: 110%;
}

div.tasks_widget_list_scroll {
    height: 27em;
    border: 1px solid #334960;
    border-top: none;
}

div.tasks_widget_list_scroll div.tasks_widget_list_highlight {
    height: 2.5em;
    background-color: rgb(240, 240, 240);
}

div.tasks_widget_list_search {
    bottom: 0;
    background-color: white;
    text-align: left;
    font-size: 80%;
    color: white;
    padding: .5em 0 .5em .5em;
    width: 100%;
    border: 1px solid #334960;
    border-top: 0;
}

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

div.tasks_widget_list_item {
    border-bottom: 1px solid rgb(240, 240, 240);
    padding: .5em;
    text-align: left;
    font-size: 110%;
    cursor: pointer;
    background-color: white;
}

div.tasks_widget_list_item_separator {
    background-color: #4c5a62;
    text-align: left;
    font-size: 110%;
    color: white;
    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: rgb(197, 44, 63);
    float: right;
}

div.tasks_widget_list_item_settings_list {
    display: none;
    background-color: rgb(240, 240, 240);
    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;
    border: 1px solid #383e43;
    border-bottom: 0;
    z-index: 10000;
}

div.conversations_widget_container_avatar {
    display: none;
    background-color: #7e858b;
    border-top: 1px #4c5a62 solid;
}

div.conversations_widget_container_avatar div.photoName {
    width: 90%;
    margin: 5%;
}

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: #de291c;
    color: white;
    font-weight: bold;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    padding: .2em;
    display: none;
}

div.conversations_widget_container_avatar div.conversations_widget_list_close {
    display: none;
    position: absolute;
    right: -.5em;
    top: 0;
    width: 1em;
    height: 1em;
    background: url('close.png') no-repeat black;
    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: #383e43;
    font-size: 160%;
    font-weight: bold;
    text-align: center;
    color: white;
    cursor: pointer;
    clear: both;
    vertical-align: middle;
    display: table-cell;
    width: 3em;
    height: 2em;
}

div.conversations_widget span.svg_background_import {
    vertical-align: baseline;
    margin-left: .2em;
}

div.conversations_widget span.svg_background_import.load {
    background-image: url(profil-icon-2.svg);
    background-size: contain;
}

div.conversations_widget span.svg_background_import svg {
    width: 80%;
    height: 80%;
}

div.conversations_widget span.svg_background_import path {
    fill: white !important;
}

div.conversations_widget span.fa {
    margin-left: .2em;
    vertical-align: top;
}

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:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5em 0 .5em .5em;
    border-color: transparent transparent transparent rgb(185, 185, 185);
    content: "";
    display: block;
    float: right;
    margin-right: -0.5em;
    margin-top: -1.5em;
}

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

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

div.conversations_widget_list_container:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5em 0 .5em .5em;
    border-color: transparent transparent transparent rgb(185, 185, 185);
    content: "";
    display: block;
    float: right;
    margin-right: -0.5em;
    margin-top: -1.5em;
}

div.conversations_widget_list_header, div.conversations_widget_message_header {
    background-color: #7e858b;
    text-align: left;
    font-size: 110%;
    color: white;
    padding: .5em 0 .5em .5em;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
}

div.conversations_widget_list_header, div.conversations_widget_message_header a {
    color: white;
}

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('close.png') no-repeat;
    background-size: contain;
    margin-top: .2em;
    opacity: 0.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('mute.png') no-repeat;
    background-size: contain;
    margin-top: .2em;
    opacity: 0.7;
}

div.conversations_widget_list_sound.mute {
    background: url('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('settings_white.png') no-repeat;
    background-size: contain;
    margin-top: .2em;
    opacity: 0.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;
    background-color: #4c5a62;
}

div.conversations_widget_message_functions a {
    display: block;
    cursor: pointer;
    padding: .3em;
    text-align: left;
    font-weight: bold;
    border: 1px dashed rgb(218, 225, 232);
    border-bottom: 0;
    color: white;
}

div.conversations_widget_message_functions a:last-child {
    border-bottom: 1px dashed rgb(218, 225, 232);
}

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

div.conversations_widget_message_scroll {
    height: 24em;
    background-color: white;
    border-left: 1px solid #cdd4d7;
    border-right: 1px solid #cdd4d7;
    padding: 1% 0;
    font-size: 110%;
    color: #444444;
}

div.conversations_widget_list_scroll {
    height: 27em;
    border: 1px solid #555b60;
    border-top: none;
}

div.conversations_widget_list_search {
    bottom: 0;
    background-color: white;
    text-align: left;
    font-size: 80%;
    color: white;
    padding: .5em 0 .5em .5em;
    width: 100%;
    border: 1px solid #555b60;
    border-top: 0;
}

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

div.conversations_widget_list_item {
    border-bottom: 1px solid rgb(240, 240, 240);
    padding: .2em 0;
    text-align: left;
    font-size: 110%;
    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: #7e858b;
    text-align: left;
    font-size: 110%;
    color: white;
    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_contact div.photoName {
    width: 3em;
    margin: 0 .5em 0 0;
    z-index: 1;
}

div.conversations_widget_message_contact, div.conversations_widget_message_me {
    text-align: left;
    font-weight: normal;
    border-radius: .4em;
    margin: .5em 0;
    padding: .5em;
    width: 100%;
}

div.conversations_widget_message_contact {
    float: left;
    background-color: rgb(255, 255, 255);
    padding: 0 .5em;
}

div.conversations_widget_message_me {
    float: right;
    background-color: #ebeef1;
    width: 18.5em;
    margin-right: .3em;
}

div.conversations_widget_message_content div.commands {
    color: #b0b0b0;
    float: right;
    max-width: 79%;
    font-size: 90%;
    text-align: right;
}

div.conversations_widget_message_content div.commands a[dyn_action] {
    color: white;
    display: inline-block;
    background-color: #e1e5e9;
    padding: .3em 1em;
    margin-left: .5em;
    opacity: 0.7;
    margin-bottom: .5em;
}

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

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

div.conversations_widget_message_content {
    -ms-word-break: break-all;
    overflow-wrap: break-word;
}

div.conversations_widget_time {
    float: right;
    color: #b0b0b0;
    font-size: 80%;
}

div.conversations_widget_message_conversation_form textarea {
    height: 3em;
    font-size: 1.1em;
    border-color: #cdd4d7;
    margin-bottom: 0;
    vertical-align: top;
    border-radius: 0;
}

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

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

div.uploaded_file.folder {
    background: url(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(icon-edit.svg) left center no-repeat;
    background-size: contain;
    display: inline-block;
    opacity: 0.6;
    vertical-align: top;
    margin-right: .5em;
}

div.uploaded_file a.edit_file, div.uploaded_file a.trash {
    display: none;
    float: right;
    margin-left: .5em;
}

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

div.uploaded_file:hover a.edit_file {
    margin-right: 0;
}

div.uploaded_file:hover a.trash {
    margin-right: .3em;
}

div.uploaded_file span.uploaded_file_info {
    font-size: 80%;
    color: #999ea2;
    display: block;
    min-height: 1em;
}

div.uploaded_file span.uploaded_file_info a {
    color: #56565d;
}

div.uploaded_file span.uploaded_file_description {
    font-size: 80%;
    display: block;
    color: #999ea2;
}

div.uploaded_file.folder a {
    color: #21ade4;
}

div.uploaded_file a.bold_link {
    font-family: "ProximaNovaSemibold", Arial, sans-serif;
}

div.uploaded_file a.bold_link + span.bold_link_size {
    color: #959ca3;
    font-family: "ProximaNovaSemibold", Arial, sans-serif;
}

div.uploaded_file.folder a.bold_link {
    font-size: 1.3em;
    font-family: "ProximaNova", Arial, sans-serif;
    font-weight: normal;
}

input#new_file {
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

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

/* загрузка файлов в разных разделах + библиотека файлов */
div.community_library_upload div.new_file_bar {
    height: 1px;
    width: 0;
    background-color: gray;
    margin-top: 1%;
}

div.community_library div.uploaded_file {
    border-bottom: 1px dashed rgb(218, 225, 232);
    padding: 1em 0 1em 1.5em;
    background-position: left 1.2em;
}

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

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 rgb(218, 225, 232);
    padding-top: 1%;
    padding-bottom: 1%;
}

div.community_projects_list div.community_projects_list_item {
    border-bottom: 1px solid rgb(218, 225, 232);
    padding-top: 1%;
    padding-bottom: 1%;
}

div[class$="_library"] a.library_controls {
    background-color: #e5e8eb;
    padding: .3em 1em .3em 0;
    color: #24242c;
    display: inline-block;
    z-index: 1;
    border-radius: .3em;
    margin-left: 1em;
    vertical-align: middle;
}

div[class$="_library"] a.library_controls:hover {
    background-color: #d7dce0;
    color: black;
}

div[class$="_library"] a.library_controls span.svg_background_import {
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: .5em;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: .5em;
    margin-top: -0.1em;
}

div[class$="_library"] a.library_controls[id$="_library_link_wrapper"] span.svg_background_import {
    background-image: url(link-file-icon.svg);
    width: .6em;
}

div[class$="_library"] a.library_controls[id$="_library_link_wrapper"] span.svg_background_import svg {
    width: .6em;
}

div[class$="_library"] a.library_controls[id$="_library_create_folder_wrapper"] span.svg_background_import {
    background-image: url(menu-icon-04.svg);
    width: 1em;
}

div[class$="_library"] a.library_controls[id$="_library_create_folder_wrapper"] span.svg_background_import svg {
    width: 1em;
}

div[class$="_library"] a.library_controls[id$="_library_show_rights_wrapper"] span.svg_background_import {
    background-image: url(menu-icon-05.svg);
    width: 1em;
}

div[class$="_library"] a.library_controls[id$="_library_show_rights_wrapper"] span.svg_background_import svg {
    width: 1em;
}

div[class$="_library"] a.library_controls span.svg_background_import svg {
    width: 1em;
    height: 1em;
}

div[class$="_library"] a.library_controls span.svg_background_import svg .cls-1 {
    fill: #969ca1;
}

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

div[class$="_library"] div.uploaded_file {
    border-bottom: 1px solid #dbdfe3;
    padding: 1em 0 1em 2.5em;
    background-position: left 1.2em;
}

div[class$="_library"] > div.uploaded_file:first-child {
    margin-top: -1em;
}

div[class$="_library"] > div.uploaded_file:first-of-type {
    margin-top: -1em;
}

div[class$="_library"] div.uploaded_file:last-of-type {
    border-bottom: 0;
}

div.project_tasks_library a.expand_all_branches {
    font-weight: bold;
    float: right;
    z-index: 1;
    padding-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 rgb(218, 225, 232);
    padding: 1em 0 1em 1.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_profile div[id^="field_program_project_present"],
div.maincontent_data.autocreated form#form_profile div[id^="field_program_project_description"],
div.maincontent_data.autocreated form#form_profile div[id^="field_program_project_team"],
div.maincontent_data.autocreated form#form_profile div[id^="field_program_work_total_years"],
div.maincontent_data.autocreated form#form_profile div[id^="field_program_status"],
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_project div[id^="field_parent"],
div.maincontent_data.autocreated form#form_profile div[id^="field_sid"],
div.maincontent_data.autocreated form#form_register div[id^="field_fio"] {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.maincontent_data.autocreated form#form_register div[id^="field_go_back_after_save"] {
    display: none;
}

form#form_user_companies_add span.code_id {
    display: none;
}

form#form_user_companies_add tr#line0 span.fa-arrows {
    display: none;
}

form#form_user_companies_add td#td_code {
    width: 5em;
}

td#td_autosetif {
    width: 22em !important;
}

div[id^="choice_autosetif"] {
    width: 20em !important;
}

div.maincontent_data.autocreated form#form_program_test label[for^="icon"] span {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: top;
    margin-right: .5em;
}

/* различные виды wrapper'ов на страницах внутренней части сайта */
div.soc_part:not(.section) {
    display: table;
    width: 100%;
    font-size: 1.1rem;
    vertical-align: top;
    -moz-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    table-layout: fixed;
}

div.soc_part div[class^="soc_part_"] {
    vertical-align: top;
}

div.soc_part.full {
    background-color: white;
    padding: 2rem;
}

div.soc_part.full:first-of-type {
    border-radius: .5em;
    -moz-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    padding: 2rem;
}

div.soc_part.full.no_bottom_effects {
    padding-bottom: 0;
    border-bottom: 0;
}

div.soc_part.full:last-child {
    border-bottom: 0;
}

div.soc_part.section {
    vertical-align: top;
    border-top: 1px #e1e8ec solid;
    padding: 1rem 2rem 1rem 2rem;
    margin: 0 -2rem;
    display: block;
    width: auto;
    background-color: white;
}

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

div.soc_part div.soc_part_left {
    display: block;
    width: 100%;
    padding: 2em;
}

div.soc_part.no_bottom_effects + div.soc_part div.soc_part_left {
    padding-top: 0;
}

div.soc_part div.soc_part_left.reduced:not(.white_background) {
    -moz-box-shadow: 1em 0 #ebeef1;
    -webkit-box-shadow: 1em 0 #ebeef1;
    box-shadow: 1em 0 #ebeef1;
    padding: 2em 0;
}

div.soc_part div.soc_part_left.reduced:not(.white_background):not(.task):not(.event) {
    min-height: 14em;
}

div.soc_part div.soc_part_left.reduced.white_background {
    border-radius: .5em .5em 0 0;
    background-color: white;
}

div.soc_part div.soc_part_left.reduced:after {
    content: '';
    clear: both;
}

div.soc_part div.soc_part_left.extended {
    background-color: white;
}

div.soc_part div.soc_part_middle {
    display: table-cell;
    padding: 1em;
}

div.soc_part div.soc_part_right {
    display: block;
    width: 100%;
    padding: 1rem 2rem;
    background-color: white;
}

div.soc_part_left.white_background + div.soc_part_right {
    padding-top: 0;
}

div.soc_part.no_bottom_effects + div.soc_part div.soc_part_right {
    padding-top: 0;
}

div.soc_part div.soc_part_right:last-child {
    border-radius: 0 0 .5em .5em;
}

div.soc_part.section div.soc_part_special {
    margin: -1em 0;
    float: left;
    padding: 1em 0;
    width: 48%;
}

div.soc_part.section div.soc_part_special.left {
    border-right: 1px #e7e7e7 solid;
    margin-right: 1em;
    padding-right: 2em;
}

div.soc_part hr {
    margin: 0 0 1em 0;
}

div.soc_part hr.sub_hr {
    width: 80%;
    border-top: 1px dashed rgb(218, 225, 232);
    margin: 0 10% 1em 10%;
}

div.soc_part h1 {
    font-weight: normal;
    font-size: 2.2em;
    color: #21ade4;
    font-family: "ProximaNovaSemibold", Arial, sans-serif;
}

div.soc_part h1 sup {
    font-family: "ProximaNovaLight", Arial, sans-serif;
}

div.soc_part h1 a {
    color: #21ade4;
}

div.soc_part h1.page_header {
    color: #3d7ca0;
    border-bottom: 1px solid #e1e8ec;
    font-size: x-large;
    font-weight: bold;
    margin: 0 -1.5rem .5em -1.5rem;
    padding: 0 0 .5em 1.5rem;
}

div.soc_part h1.page_header a {
    color: #3d7ca0;
}

div.soc_part h2 {
    padding-bottom: .5em;
    font-size: 2.5em;
    color: #7f858a;
    font-weight: normal;
    font-family: "ProximaNovaLight", Arial, sans-serif;
}

div.soc_part h2 sup {
    color: #4d4fa1;
    font-size: .5em;
    padding-left: .5em;
}

div.soc_part h2.nopadding {
    padding: 0;
}

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

div.maincontent_data div.block_name {
    font-weight: bold;
    background-color: rgb(222, 229, 235);
    padding: 1% 1%;
    font-size: 120%;
}

div.maincontent_data a.block_all, div.maincontent_data a.block_new {
    position: absolute;
    font-weight: normal;
    margin-left: 1em;
    z-index: 2000;
    right: 0;
}

div.maincontent_data div.block_header {
    padding: 0 0 1em 0;
}

div.maincontent_data div.block_data {
    min-height: 2.5em;
}

div.maincontent_data div.block_data table, div.maincontent_data div.block_data table td {
    border: 1px solid rgb(218, 225, 232);
    border-collapse: collapse;
}

div.maincontent_data div.block_data table {
    width: 100%;
}

div.maincontent_data div.block_data table thead tr:first-child td {
    border-top: none;
}

div.maincontent_data div.block_data table tbody tr:last-child td {
    border-bottom: none;
}

div.maincontent_data div.block_data table td {
    padding: 0 .2em;
}

div.maincontent_data div.block_data table tr.block_data_header td {
    padding: 0.5% 0.5%;
    font-weight: bold;
}

div.maincontent_data div.block#project_wall {
    width: calc(100% - 31rem);
    float: left;
    background-color: white;
    margin-bottom: 0;
}

div.marker_line {
    width: 6em;
    height: .2em;
    position: absolute;
    display: none;
}

div.marker_line.white {
    background-color: white;
}

div.marker_line.blue {
    background-color: #3d7c9f;
    height: .25em;
    position: absolute;
    top: -1px;
}

/* приглашение пользователя, добавление пользователя, управление правами пользователей */
div.project_user_add_wrapper, div.community_user_add_wrapper, div.task_user_add_wrapper, div.event_user_add_wrapper {
    padding: 1% 1%;
    display: inline-block;
    background-color: rgb(222, 229, 235);
    border-top-left-radius: .2em;
    border-top-right-radius: .2em;
    cursor: pointer;
}

div.project_user_add_wrapper:hover, div.community_user_add_wrapper:hover, div.task_user_add_wrapper:hover, div.event_user_add_wrapper:hover {
    background-color: rgb(212, 219, 225);
}

div.project_user_add, div.community_user_add, div.task_user_add, div.event_user_add {
    font-weight: bold;
    font-size: 120%;
    color: 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;
}

div.ui-dialog div#text2 input {
    vertical-align: bottom;
}

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

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

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

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

div.soc_part 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.soc_part 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.soc_part div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar a.user_rights_bar, div.soc_part div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar span {
    margin-right: .5em;
    display: inline-block;
    line-height: 1.3em;
    color: #a8adb2;
}

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

div.soc_part div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar a.user_rights_bar.selected, div.soc_part div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar span.selected {
    color: #4d4fa1;
    font-weight: bold;
    opacity: 1;
}

div.soc_part div[class$="_users_list"] div.photoNameNameWrapper div.user_rights_bar a.user_rights_bar#delete_all {
    background: url(close.png) center center no-repeat #a8adb2;
    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.soc_part div.tabs_horizontal_shadow {
    content: '';
    display: block;
    height: 1em;
    -moz-box-shadow: 0 .5em .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 .5em .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: 0 .5em .5em -0.4em rgba(0, 0, 0, 0.1);
    clear: both;
    margin: 0 -2em 2em -2em;
    padding: 0 2em;
}

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

div.soc_part a.inner_add_something_button span.inner_add_something_button_text {
    font-size: 1.3em;
    color: #282931;
    font-family: "ProximaNovaLight", Arial, sans-serif;
    vertical-align: middle;
}

div.soc_part 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(main-plus-for-all-tabs.svg);
    vertical-align: middle;
}

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

div.soc_part a.inner_add_something_button span.svg_background_import svg .plus-cls-1 {
    fill: #4d4fa1;
}

div.soc_part a.inner_add_something_button span.svg_background_import svg .plus-cls-2 {
    fill: white;
}

div[class$="_users_list"] input[name="user_rights_lookup"] {
    font-size: .9em;
    float: right;
    width: 25em;
    padding: .5em .8em;
    background: url(icon-find.svg) center right .5em no-repeat;
    background-size: 1em;
}

/* ui-autocomplete */
.ui-widget.ui-widget-content.ui-autocomplete {
    font-size: 1rem !important;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #3d7c9f;
    /*z-index: 5 !important;*/
    /* если выставить z-index, то список будет не видно, например, в выборе пользователя для приглашения в проект */
}

.ui-menu {
    padding: 0;
    color: rgb(51, 51, 51);
}

.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: 0.5em center no-repeat white;
    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: #3d7c9f;
    color: white;
}

.ui-menu .ui-menu-item.ui-menu-item-people a {
    background-image: url(global_menu_1.png);
}

.ui-menu .ui-menu-item.ui-menu-item-people a {
    background-image: url(global_menu_1.png);
}

.ui-menu .ui-menu-item.ui-menu-item-people a.ui-state-active {
    background-image: url(global_menu_1_white.png);
}

.ui-menu .ui-menu-item.ui-menu-item-publication a {
    background-image: url(global_menu_4.png);
}

.ui-menu .ui-menu-item.ui-menu-item-publication a.ui-state-active {
    background-image: url(global_menu_4_white.png);
}

.ui-menu .ui-menu-item.ui-menu-item-project a {
    background-image: url(global_menu_5.png);
}

.ui-menu .ui-menu-item.ui-menu-item-project a.ui-state-active {
    background-image: url(global_menu_5_white.png);
}

.ui-menu .ui-menu-item.ui-menu-item-community a {
    background-image: url(global_menu_8.png);
}

.ui-menu .ui-menu-item.ui-menu-item-community a.ui-state-active {
    background-image: url(global_menu_8_white.png);
}

.ui-menu .ui-menu-item.ui-menu-item-task a {
    background-image: url(global_menu_10.png);
}

.ui-menu .ui-menu-item.ui-menu-item-task a.ui-state-active {
    background-image: url(global_menu_10_white.png);
}

.ui-menu .ui-menu-item.ui-menu-item-event a {
    background-image: url(global_menu_10.png);
}

.ui-menu .ui-menu-item.ui-menu-item-event a.ui-state-active {
    background-image: url(global_menu_10_white.png);
}

.ui-menu .ui-menu-item.ui-menu-item-tag a {
    /**/
}

.ui-menu .ui-menu-item.ui-menu-item-tag a.ui-state-active {
    /**/
}

div.header .ui-widget-content a {
    color: rgb(51, 51, 51);
}

/* раздел логина */
div.mainpage_login {
    width: 32em;
    height: 32em;
    display: table-cell;
    vertical-align: middle;
    margin: 6em 0;
    font-size: 1.2em;
    padding: 3em 0;
    color: #7f8591;
}

div.mainpage_login:before {
    content: '';
    background-color: white;
    opacity: 1;
    width: 32em;
    height: 32em;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .5em;
    -moz-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
}

div.mainpage_login a#white_cross {
    width: 1.5em;
    height: 1.5em;
    background: center center url(close-white.png) no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    right: 1em;
    top: 1.5em;
}

div.mainpage_login a#white_cross:hover {
    text-decoration: none;
}

div#login_choices, div#login_remind {
}

div#login_choices div.text, div#login_remind div.text {
    font-family: "ProximaNova", Arial, sans-serif;
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 .5em 0;
    color: #24242c;
}

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

div#login_choices div.apply_date {
    margin-bottom: 1em;
    width: 25em;
}

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

div#login_choices input:-webkit-autofill,
div#login_choices input:-webkit-autofill:hover,
div#login_choices input:-webkit-autofill:focus,
div#login_choices input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 2em white inset !important;
    border-bottom: 1px #d4d9dd solid !important;
}

div#login_choices input:-webkit-autofill {
    -webkit-text-fill-color: #24242c !important;
}

div#login_choices input#login_global, div#login_choices input#pass_global, div#login_remind input#em_global {
    background: transparent;
    border-radius: .5em .5em 0 0;
    height: 3em;
    font-family: "ProximaNovaLight", Arial, sans-serif !important;
    font-size: 1.1em;
    padding: .5em .7em;
    width: 30rem;
}

div#login_choices input#login_global::-webkit-input-placeholder {
    opacity: 1;
}

div#login_choices input#login_global::-moz-placeholder {
    opacity: 1;
}

div#login_choices input#login_global:-ms-input-placeholder {
    opacity: 1;
}

div#login_choices input#login_global:-moz-placeholder {
    opacity: 1;
}

div#login_choices input#pass_global::-webkit-input-placeholder {
    opacity: 1;
}

div#login_choices input#pass_global::-moz-placeholder {
    opacity: 1;
}

div#login_choices input#pass_global:-ms-input-placeholder {
    opacity: 1;
}

div#login_choices input#pass_global:-moz-placeholder {
    opacity: 1;
}

div#login_remind input#em_global::-webkit-input-placeholder {
    opacity: 1;
}

div#login_remind input#em_global::-moz-placeholder {
    opacity: 1;
}

div#login_remind input#em_global:-ms-input-placeholder {
    opacity: 1;
}

div#login_remind input#em_global:-moz-placeholder {
    opacity: 1;
}

div#login_choices input#login_global {
    border-bottom: none !important;
}

div#login_choices input#pass_global {
    border-radius: 0 0 .5em .5em;
}

div#login_remind input#em_global {
    border-radius: 0.5em;
}

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

div#login_choices form button, div#login_remind form button {
    width: 50%;
}

div#login_choices form button.loader_appended, div#login_remind form button.loader_appended {
    color: transparent !important;
}

div#login_choices form button#btn_login {
    margin: 2em 0 .5em 0;
}

div#login_remind form button#btn_make_remind {
    margin-top: 1.5em;
}

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

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

div#login_choices a.fa {
    border: 1px black solid;
    padding-top: .7em;
    border-radius: 50%;
    color: black;
    width: 2.5em;
    height: 2.5em;
    margin-right: .3em;
    font-size: 150%;
}

div#login_choices a.fa:last-of-type {
    margin-right: 0;
}

div#login_choices a.fa:hover {
    text-decoration: none;
}

div#login_remind {
    display: none;
}

/* форма добавления сообщения */
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 {
    font-size: 100%;
    font-weight: normal;
    text-align: justify;
    background-color: #555b60;
    color: #b5b8bc;
    padding: .2em .3em;
    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.kind_conversation div.conversation_form.opened div.conversation_form_data, div.kind_conversation div.conversation_form.do_not_hide div.conversation_form_data {
    padding-left: 0;
}

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: #404448 !important;
    border: .15em #404448 solid !important;
    color: white !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:not(checked) + label {
    padding: 0 0 0 3em;
}

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

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

div.kind_conversation a.attach {
    float: none;
    position: absolute;
    right: 0;
    z-index: 1;
    margin-top: 3em;
}

.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: #da291d !important;
}

/* сообщения */
div.kind_conversation {
    display: flex;
    flex-wrap: wrap;
    max-height: calc(100vh - 15em);
}

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

div.conversation_message_switcher {
    flex: 1;
    height: calc(100vh - 15em);
    min-height: calc(100vh - 15em);
    max-height: calc(100vh - 15em);
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    border-right: 1px solid #dcdfe3;
    border-radius: .5em 0 0 .5em;
    background-color: white;
    display: flex;
    flex-direction: column;
}

div.conversation_message_switcher div.conversation_message_switcher_search_container {
    padding: 2rem;
    border-bottom: 1px #dcdfe3 solid;
}

div.conversation_message_switcher input#conversation_search_input {
    width: calc(100% - 2.5rem);
    margin-bottom: 0;
    font-size: 1.1rem !important;
    vertical-align: top;
    background-color: #ebeef1;
    border: 0 !important;
    border-radius: .3em 0 0 .3em;
    padding: .5rem 1rem;
    height: 2.5rem;
}

div.conversation_message_switcher input#conversation_search_input.loading {
    background-image: url(ajax-loader.gif);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: contain;
}

div.conversation_message_switcher a#conversation_search_image {
    width: 2.5rem;
    display: inline-block;
    border: 0;
    border-radius: 0 .3em .3em 0;
    padding: 0;
    height: 2.5rem;
    background: url(icon-find.svg) center no-repeat #ebeef1;
    background-size: 1em;
}

div.conversation_message_switcher a#conversation_search_image svg {
    width: 2.5em;
    height: 2.5em;
    padding: 25%;
}

div.conversation_message_switcher a#conversation_search_image path {
    fill: #c6cace !important;
}

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

div.conversation_message_switcher a#conversation_search_image.switched {
    position: relative;
    overflow: hidden;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    background: none;
}

div.conversation_message_switcher a#conversation_search_image.switched:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    z-index: -1;
    background: url(add.png) 0 0 repeat #de291c;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

div.conversation_message_switcher div.conversation_message_switcher_scroller {
    overflow-y: auto;
    overflow-x: hidden;
}

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 - 15em);
    min-height: calc(100vh - 15em);
    max-height: calc(100vh - 15em);
    width: 75%;
    min-width: 75%;
    max-width: 75%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid #EAEAEA;
    border-left: 0;
    -moz-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    box-shadow: .5em 0 .5em -0.4em rgba(0, 0, 0, 0.1);
    border-radius: 0 .5em .5em 0;
    background-color: white;
}

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

div.conversation_message_maincontent h2 {
    font-size: 1.5em;
    padding: 2rem;
    color: #24242c;
    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 #EAEAEA 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 {
    flex: 1;
    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;
    width: 9.3em;
    min-width: 9.3em;
    max-width: 9.3em;
    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: #21ade4 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: url(plane.svg) left center no-repeat !important;
    background-size: 2.5em !important;
    width: 100%;
    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.user_was_online {
}

div.message {
    padding: 1rem 2rem;
    border-bottom: 1px solid #dcdfe3;
    font-size: 1.2em;
    display: flex;
}

div.message.inner {
    padding: 1rem 2rem;
}

div.message.selected {
    background-color: #d4d8db;
}

div.message:hover {
    cursor: pointer;
    background-color: rgb(248, 248, 248);
}

div.message.selected:hover {
    background-color: #d4d8db;
}

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

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

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

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 {
    justify-content: unset;
}

div.message.inner div.message_photos {
}

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 {
    font-size: .9em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100% - 4em);
}

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

div.message.inner div.counter {
    font-size: .9em;
    color: rgb(100, 100, 100);
}

div.message_info div.time {
    font-size: .9em;
    color: rgb(152, 152, 152);
}

div.message.inner div.time {
    color: rgb(152, 152, 152);
    font-size: .8em;
    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;
    font-size: 85%;
    color: rgb(100, 100, 100);
}

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

div.message_info div.content_preview.unread:after {
    content: '';
    position: absolute;
    background-color: rgb(197, 44, 63);
    border-radius: 50%;
    bottom: .3em;
    right: 0;
    width: .5em !important;
    height: .5em !important;
    max-width: 6px;
    max-height: 6px;
}

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

div.message_info div.content_preview.unread.counter:after {
    bottom: 0;
    width: 1.1em !important;
    height: 1.1em !important;
    max-width: 14px;
    max-height: 14px;
    color: white;
    text-align: center;
    content: attr(data-content);
}

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.message_content_photo {
    float: left;
    width: 6%;
    height: 100%;
}

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

div.message_content.unread {
    background-color: rgb(254, 255, 241);
    height: 100%;
}

div.message_content div.message_content_data {
    margin-left: 3em;
    margin-right: 3em;
    margin-bottom: .5em;
    -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 {
    color: rgb(100, 100, 100);
}

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: white;
    display: inline-block;
    background-color: #acb0b4;
    padding: .3em 1em;
    margin-left: .5em;
}

div.message_content div.commands div.done, div.conversation_message_content_text div.commands div.done {
    color: #acb0b4;
    display: inline-block;
    padding: .3em 1em;
    margin-left: .5em;
    opacity: 0.7;
    border: 1px #acb0b4 solid;
}

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(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 {
    float: right;
    padding: .3em;
    margin-top: -0.6em;
    opacity: 0.7;
    z-index: 1;
}

div.messages_button:hover {
    opacity: 1;
}

div.messages_button.marked {
    color: #e86d00;
}

div.messages_button span.messages_button_icon {
    display: inline-block;
    width: 1.2em;
    height: 1em;
    background: url(comment.png) center center no-repeat;
    background-size: contain;
    text-align: center;
    margin-right: .3em;
    vertical-align: bottom;
}

div.messages_button.marked span.messages_button_icon {
    background-image: url(comment_hover.png);
}

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

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

/* стена в проектах / сообществах */
div.wall_message_container {
}

div.wall_message_container hr {
    margin-top: 0;
}

div.wall_message_container a {
}

div.wall_message {
    padding-top: .5em;
    padding-bottom: .5em;
}

div.wall_message.child {
    padding-left: 4em;
    border-top: 1px solid rgb(218, 225, 232);
}

div.wall_message:hover {
}

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

div.wall_message div.wall_message_photo {
    display: inline-block;
    width: 3.5em;
}

div.wall_message.child div.wall_message_photo {
    width: 3em;
}

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

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

div.wall_message div.wall_message_data {
    display: inline-block;
    width: calc(100% - 3.8em);
    vertical-align: top;
    padding-left: .5em;
}

div.wall_message.child div.wall_message_data {
    width: calc(100% - 3.3em);
}

div.wall_message div.wall_message_data.unread {
    background-color: rgba(240, 214, 173, 0.7);
}

div.wall_message div.wall_message_data div.important_button {
    float: none;
    text-align: left;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

div.wall_message div.wall_message_data div.important_button {
    line-height: 1em;
    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.important_button.marked span.important_button_icon {
    background-color: #da291d;
}

div.wall_message div.wall_message_data div.important_button div.helper {
    text-align: left;
}

div.wall_message div.wall_message_data div.wall_message_creator {
    font-weight: bold;
    margin-bottom: .5em;
    display: inline-block;
    min-width: 80%; /*иначе в проектах, в которых не очень много всего, на сжатом по ширине отображении стены имя самопроизвольно переносится на новую строку, хотя место есть*/
}

div.wall_message div.wall_message_data div.wall_message_creator a {
    color: #21ade4;
}

div.wall_message.child div.wall_message_data div.wall_message_creator {
    /*font-weight: normal;*/
}

div.wall_message div.wall_message_data div.wall_message_more {
    float: right;
    width: 1.5em;
    height: 1.5em;
    background: url(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;
    position: absolute;
    z-index: 1001; /* чтобы перекрывать "это важно" */
    right: 0;
    border: 1px #e2e5e9 solid;
    border-radius: .3em;
    width: 17rem;
    background-color: white;
}

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.wall_message_more_function {
    display: block;
    cursor: pointer;
    padding: .5em 1em;
    text-align: left;
    border-bottom: 1px #e2e5e9 solid;
    color: #7e858b;
    font-size: .9em;
}

div.wall_message div.wall_message_data div.wall_message_more_list a.wall_message_more_function:hover {
    text-decoration: none;
    color: black;
}

div.wall_message div.wall_message_data div.wall_message_more_list a.wall_message_more_function:last-of-type {
    border-bottom: none;
}

div.wall_message div.wall_message_data div.wall_message_more_list a.wall_message_more_function.wall_message_more_edit {
    /**/
}

div.wall_message div.wall_message_data div.wall_message_content {
    margin-bottom: .5em;
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    text-align: justify;
    color: black;
}

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.unread {
    /*background-color: rgb(254,255,241);*/
    background-color: rgb(240, 240, 240);
}

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote {
    margin-top: 1%;
    font-weight: bold;
    font-size: 90%;
}

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

div.wall_message div.wall_message_data div.wall_message_content div.wall_message_vote_choice .jq-radio {
    margin-top: -4px;
}

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: rgb(241, 241, 241);
    height: 1.5em;
}

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 rgb(241, 241, 241);
    border-right: 1px solid rgb(241, 241, 241);
    margin-top: -1.45em;
}

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 {
    font-size: 80%;
    color: #949a9f;
    display: inline-block;
}

div.wall_message div.wall_message_data div.wall_message_time a {
    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 {
    padding: 1em 0;
    margin-left: 4em;
}

div.wall_conversation_group {
    display: table;
}

div.wall_conversation_group + div[id$="_conversation"] {
    margin-bottom: 1em;
}

div.wall_conversation_group_image {
    width: 4.5em;
    display: table-cell;
    height: 4.5em;
    vertical-align: middle;
}

div.wall_conversation_group_image img {
    width: 100%;
}

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

/* стена в задачах / событиях */
div.task_message_container {
}

div.task_message_container hr {
    margin-top: 0;
}

div.task_message {
    padding-top: 1%;
    padding-bottom: 1%;
}

div.task_message.child {
    margin-left: 7%;
    border-top: 1px solid rgb(218, 225, 232);
}

div.task_message:hover {
}

div.task_message div.task_message_photo {
    display: inline-block;
    width: 3.5em;
}

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

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

div.task_message div.task_message_data {
    display: inline-block;
    width: calc(100% - 5em);
    vertical-align: top;
    margin-left: 1em;
    color: #24242c;
}

div.task_message div.task_message_data.unread {
    background-color: rgba(240, 214, 173, 0.7);
}

div.task_message div.task_message_data div.task_message_creator {
    font-weight: bold;
    margin-bottom: 1%;
}

div.task_message div.task_message_data div.task_message_creator a {
    color: #24242c;
}

div.task_message.child div.task_message_data div.task_message_creator {
    font-weight: normal;
}

div.task_message div.task_message_data div.task_message_content {
    margin-bottom: 1%;
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    text-align: justify;
}

div.task_message div.task_message_data div.task_message_time {
    font-size: 80%;
    color: #949a9f;
}

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

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

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

div.block_header.task_comment_form div.conversation_form div.conversation_form_controls select {
    font-size: .9em;
    width: 21%;
    margin-left: 1em;
}

div.block_header.task_comment_form div.conversation_form div.conversation_form_controls input.dpkr_time {
    position: absolute;
    width: 9em;
    margin-left: 1em;
    margin-top: 3.1em;
    font-size: .9em;
    display: none;
}

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

/* раздел агрегированной стены */

/* обсуждения */
div.conversation_message_container {
    padding: 0;
}

div.conversation_message_container hr {
    margin-top: 0;
}

div.conversation_message {
    padding-top: .5em;
    padding-bottom: .5em;
}

div.conversation_message.child {
    margin-left: 4em;
    border-top: 1px solid rgb(218, 225, 232);
}

div.conversation_message:hover {
}

div.conversation_message div.conversation_message_photo {
    display: inline-block;
    width: 3.5em;
}

div.conversation_message.child div.conversation_message_photo {
    width: 3em;
}

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

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

div.conversation_message div.conversation_message_data {
    display: inline-block;
    width: calc(100% - 3.8em);
    vertical-align: top;
    padding-left: .5em;
}

div.conversation_message.child div.conversation_message_data {
    width: calc(100% - 3.3em);
}

div.conversation_message div.conversation_message_data div.conversation_message_id {
    float: right;
    z-index: 1;
    margin-bottom: .5em;
    margin-left: .5em;
}

div.conversation_message div.conversation_message_data div.important_button {
    float: none;
    text-align: left;
    margin: 0 .5em 0 0;
    display: inline-block;
    vertical-align: top;
    line-height: 1em;
    padding: 0;
}

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.important_button.marked span.important_button_icon {
    background-color: #da291d;
}

div.conversation_message div.conversation_message_data div.important_button div.helper {
    text-align: left;
}

div.conversation_message div.conversation_message_data.unread {
    background-color: rgba(240, 214, 173, 0.7);
}

div.conversation_message div.conversation_message_data div.conversation_message_more {
    float: right;
    width: 1.5em;
    height: 1.5em;
    background: url(more.svg) no-repeat;
    background-size: contain;
    cursor: pointer;
    display: none;
}

div.conversation_message div.conversation_message_data div.conversation_message_more_list {
    display: none;
    position: absolute;
    z-index: 1001; /* чтобы перекрывать "это важно" */
    right: 0;
    border: 1px #e2e5e9 solid;
    border-radius: .3em;
    width: 17rem;
    background-color: white;
}

div.conversation_message div.conversation_message_data div.conversation_message_more_list a.conversation_message_more_function {
    display: block;
    cursor: pointer;
    padding: .5em 1em;
    text-align: left;
    border-bottom: 1px #e2e5e9 solid;
    color: #7e858b;
    font-size: .9em;
}

div.conversation_message div.conversation_message_data div.conversation_message_more_list a.conversation_message_more_function:hover {
    text-decoration: none;
    color: black;
}

div.conversation_message div.conversation_message_data div.conversation_message_more_list a.conversation_message_more_function:last-of-type {
    border-bottom: none;
}

div.conversation_message div.conversation_message_data div.conversation_message_more_list a.conversation_message_more_function.conversation_message_more_edit {
    /**/
}

div.conversation_message div.conversation_message_data div.conversation_message_creator {
    font-weight: bold;
    margin-bottom: .5em;
    display: inline-block;
}

div.conversation_message.child div.conversation_message_data div.conversation_message_creator {
    font-weight: normal;
}

div.conversation_message div.conversation_message_data div.conversation_message_content {
    margin-bottom: .5em;
}

div.conversation_message div.conversation_message_data div.conversation_message_content div.conversation_message_content_text {
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    text-align: justify;
}

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 .jq-radio {
    margin-top: -4px;
}

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: rgb(241, 241, 241);
    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 rgb(241, 241, 241);
    border-right: 1px solid rgb(241, 241, 241);
    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 {
    font-size: 80%;
    color: rgb(100, 100, 100);
    display: inline-block;
}

div.conversation_message_container div.conversation_form {
    padding: 0.5% 0;
    margin-bottom: 1em;
}

div.conversation_form div.conversation_form_controls label {
    margin-right: .5em;
}

div#project_conversation:after {
    content: '';
    clear: both;
}

div#project_conversation button.main.new_project_conversation, div#community_conversation button.main.new_community_conversation {
    margin-top: 0;
    margin-bottom: .5em;
    padding: .5em 1.5em !important;
    float: right;
    z-index: 1;
}

div#project_conversation div.conversation_form, div#community_conversation div.conversation_form {
    padding: 0 0 1em 0;
}

div#project_conversation div.block_data div.project_conversation_message, div#community_conversation div.block_data div.community_conversation_message {
    /*border-bottom: 1px solid rgb(218, 225, 232);*/
    padding: 1em;
}

div#project_conversation div.block_data div.project_conversation_message.string2, div#community_conversation div.block_data div.community_conversation_message.string2 {
    background-color: #eef1f3;
}

div#project_conversation div.block_data div.project_conversation_message ~ div.project_conversation_message, div#community_conversation div.block_data div.community_conversation_message ~ div.community_conversation_message {
    padding-top: 1em;
}

div#project_conversation div.block_data div > div.project_conversation_message:first-child, div#community_conversation div.block_data div > div.community_conversation_message:first-child {
    padding-top: 1em;
}

div#project_conversation div.block_data div.project_conversation_message:last-of-type, div#community_conversation div.block_data div.community_conversation_message:last-of-type {
    border-bottom: 0;
}

div#project_conversation div[class$="_conversation_count"], div#community_conversation div[class$="_conversation_count"] {
    color: #868c91;
    float: right;
    font-size: 1.4em;
    vertical-align: middle;
    display: inline-block;
    height: 140%;
}

div#project_conversation div[class$="_conversation_count"] span.svg_background_import, div#community_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(icon-discuss-number.svg);
    margin-top: -0.5em;
}

div#project_conversation div[class$="_conversation_count"] span.svg_background_import svg, div#community_conversation div[class$="_conversation_count"] span.svg_background_import svg {
    width: 1.2em;
    height: auto;
    vertical-align: middle;
}

div#project_conversation div[class$="_conversation_count"] span.svg_background_import svg .cls-1, div#community_conversation div[class$="_conversation_count"] span.svg_background_import svg .cls-1 {
    fill: #c3c9ce;
}

div#project_conversation div.project_conversation_message div.project_conversation_name, div#community_conversation div.community_conversation_message div.community_conversation_name {
    margin-bottom: 0.5%;
}

div#project_conversation div.project_conversation_message div.project_conversation_name a, div#community_conversation div.community_conversation_message div.community_conversation_name a {
    font-weight: bold;
    color: #24242c;
    font-size: 1.2em;
}

div#project_conversation div.project_conversation_message div.project_conversation_additional, div#community_conversation div.community_conversation_message div.community_conversation_additional {
    font-size: 80%;
    color: #999ea2;
}

div#project_conversation div.project_conversation_message div.project_conversation_additional a, div#community_conversation div.community_conversation_message div.community_conversation_additional a {
    color: #24242c;
}

div#project_conversation div.project_conversation_message div.project_conversation_additional span.red, div#community_conversation div.community_conversation_message div.community_conversation_additional span.red {
    border-radius: .7em;
    background-color: #da291d;
    color: white;
    padding: .1em 1em;
    vertical-align: text-top;
    margin-right: .5em;
}

/* аватар проекта, аватар сообщества, аватар задачи, аватар события, аватар пользователя */
div.soc_part div.soc_part_left.reduced div.soc_part_left_avatar {
    width: 8em;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    height: 8em;
    float: left;
    z-index: 1;
    margin-right: 1.5em;
}

/* навигационные блоки внутренней части */
div.soc_part_projects {
    display: grid;
    width: auto;
    min-width: 100%;
    grid-gap: 2rem;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: min-content;
    margin-bottom: 2rem;
}

a.soc_part_project_container {
    height: 15rem;
    background-color: white;
    display: inline-block;
    vertical-align: top;
    border-radius: .5rem;
    -moz-box-shadow: .5rem .5rem .5rem -0.4rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: .5rem .5rem .5rem -0.4rem rgba(0, 0, 0, 0.1);
    box-shadow: .5rem .5rem .5rem -0.4rem rgba(0, 0, 0, 0.1);
    font-size: 1rem;
}

div.soc_part_project {
    display: flex;
    flex-wrap: wrap;
    min-height: 100%;
}

div.soc_part_project div.soc_part_project_img_wrapper {
    display: inline-block;
    width: 3rem;
    max-width: 3rem;
    min-width: 3rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: .5rem 0 0 .5rem;
    flex: 1;
}

div.soc_part_project div.soc_part_project_img_wrapper.mine:before {
    content: '';
    position: absolute;
    width: .7rem;
    height: .7rem;
    background-color: #4d4fa1;
    border: .15rem #e0e4ea solid;
    border-radius: 50%;
    margin: 1rem calc(50% - .5rem);
    z-index: 2;
}

/*div.soc_part_project div.soc_part_project_img_wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    background-color: #e1e4e7;
    border-radius: .5rem 0 0 .5rem;
    z-index: 1;
    opacity: .93;
    height: 100%;
}*/

div.soc_part_project div.soc_part_project_img_wrapper.mine:after {
    background-color: #a6aeb7;
    opacity: .85;
}

div.soc_part_project div.soc_part_project_right {
    position: relative;
    padding: 1rem 1.5rem;
    flex: 1;
    color: #949a9f;
}

div.soc_part_project div.soc_part_project_right div.mine_dot {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 11px;
    height: 11px;
    border: 2px solid white;
    background-color: #29ade4;
    border-radius: 50%;
    z-index: 2;
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_name {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: .53rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #dbdfe3;
    color: #24242c;
    max-height: 2.7rem;
    overflow: hidden;
}

div.soc_part_project div.soc_part_project_right span.svg_background_import {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: .5rem;
    background-size: contain;
    vertical-align: baseline;
}

div.soc_part_project div.soc_part_project_right span.soc_part_project_right_data {
    color: #4d4fa1;
}

div.soc_part_project div.soc_part_project_right span.svg_background_import svg {
    width: 1rem;
    height: auto;
}

div.soc_part_project div.soc_part_project_right span.svg_background_import path {
    fill: #b0b9c1 !important;
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_members {
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_members span.svg_background_import {
    background-image: url(project-icon-3.svg);
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_new span.svg_background_import {
    background-image: url(project-icon-2.svg);
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_author {
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_author span.svg_background_import {
    background-image: url(project-icon-1.svg);
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_annotation {
    margin-top: .5rem;
    height: 5rem;
    overflow-y: hidden;
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_fill_percent {
    position: absolute;
    bottom: 1rem;
    color: #a2a2a3;
    width: calc(100% - 3rem);
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_fill_percent div.soc_part_project_right_fill_percent_percentage {
    float: right;
    color: #de291c;
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_fill_percent div.soc_part_project_right_fill_percent_line {
    clear: both;
    width: 100%;
    background-color: #e4e6e9;
    height: 1px;
    margin-top: .3rem;
}

div.soc_part_project div.soc_part_project_right div.soc_part_project_right_fill_percent div.soc_part_project_right_fill_percent_line div.soc_part_project_right_fill_percent_line_inner {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #de291c;
}

div.kind_socstart div.soc_part_projects {
    grid-template-columns: repeat(3, 1fr);
}

div.kind_socstart > a.load_projects_communities_list {
    display: none;
}

a.soc_part_project_container.soc_part_plus {
    background-color: #4d4fa1;
    color: white;
    border: 0;
    cursor: inherit;
}

a.soc_part_plus div.soc_part_plus_header {
    font-size: 1.2em;
    font-weight: bold;
    padding: 1.5rem;
    height: 4rem;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

a.soc_part_plus form.add_project_form {
    height: 10.8rem;
    padding: 0 0 0 1.5rem;
    overflow: hidden;
}

a.soc_part_plus input#add_project_form_name {
    width: 50%;
    padding: .5rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    color: white;
    border: 0;
    background: none;
    border-bottom: 1px #21ade4 solid;
}

a.soc_part_plus input#add_project_form_name::-webkit-input-placeholder {
    color: #dfdfdf;
}

a.soc_part_plus input#add_project_form_name::-moz-placeholder {
    color: #dfdfdf;
}

a.soc_part_plus input#add_project_form_name:-ms-input-placeholder {
    color: #dfdfdf;
}

a.soc_part_plus input#add_project_form_name:-moz-placeholder {
    color: #dfdfdf;
}

a.soc_part_plus input#add_project_form_name:focus::-webkit-input-placeholder {
    color: white;
}

a.soc_part_plus input#add_project_form_name:focus::-moz-placeholder {
    color: white;
}

a.soc_part_plus input#add_project_form_name:focus:-ms-input-placeholder {
    color: white;
}

a.soc_part_plus input#add_project_form_name:focus:-moz-placeholder {
    color: white;
}

a.soc_part_plus input#add_project_form_submit {
    position: absolute;
    z-index: 1;
    bottom: -0.3em;
    right: -0.3em;
    width: 6.5em;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    background: url(plus-project.svg) center center no-repeat white;
    background-size: 1.5em;
    font-size: 1em;
    cursor: pointer;
    vertical-align: bottom;
    height: 6.5em;
    border: 1.5em #21ade4 solid;
    -moz-box-shadow: 0 0 .5em #21ade4;
    -webkit-box-shadow: 0 0 0.5em #21ade4;
    box-shadow: 0 0 0.5em #21ade4;
}

a.soc_part_plus input#add_project_form_name:focus + input#add_project_form_submit {
    width: 7.5em;
    height: 7.5em;
    bottom: -0.8em;
    right: -0.8em;
    border: 1.75em #4d4fa1 solid;
}

div.soc_part_project div.loading {
    background: url(ajax-loader.gif) center center no-repeat #f3f3f3;
    background-size: 6em;
}

div.soc_part_project > div:not(.soc_part_project_right) iframe {
    min-height: 12em;
    width: 100%;
}

div.soc_part_plus {
    background: url(add.png) center center no-repeat #21ade4;
    font-size: 110%;
    padding: .5em 1.3em;
    display: inline-block;
    text-align: center;
    color: white;
    width: 4em;
    height: 4em;
    background-size: 50%;
    margin-bottom: 1.7em;
}

/* блоки тестов на главной странице внутренней части */
a.back_to_list {
    display: block;
    width: max-content;
    border: 1px solid #29ADE4;
    box-sizing: border-box;
    border-radius: .4rem;
    padding: .5em 1em .5em 2em;
    background: url(arrow-left-program-block.svg) .7em center no-repeat;
    background-size: .8em;
    margin-bottom: 2rem;
}

div.programs_blocks {
    display: grid;
    width: auto;
    min-width: 100%;
    grid-gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: min-content;
    margin-bottom: 2rem;
}

a.programs_block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 19.5rem;
    background-color: white;
    vertical-align: top;
    border-radius: .5rem;
    box-shadow: 4px 4px 8px rgba(15, 22, 61, 0.1);
    font-size: 1rem;
}

a.programs_block div.main {
    flex: 1;
    padding: 0 1.8rem 1.5rem 1.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

a.programs_block div.main div.logo {
    height: 100%;
    width: 11em;
    background: left center no-repeat;
    background-size: contain;
}

a.programs_block div.main div.events {
    position: absolute;
    right: 1.8rem;
    top: 1.5rem;
    width: 2em;
    height: 2em;
    background: url(icon-notif.svg) center center no-repeat;
    background-size: contain;
}

a.programs_block div.main div.events > span {
    position: absolute;
    color: white;
    background-color: #29ADE4;
    padding: 0 .5em;
    border-radius: 1em;
    margin-top: -.6em;
    right: -.5em;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5em;
    min-width: 1.5em;
}

a.programs_block div.main div.events > span > span {
    height: 1.1em;
}

a.programs_block div.main div.archive {
    position: absolute;
    right: 1.8rem;
    top: 1.5rem;
    color: #B0B9C1;
    background-color: #EBEFF2;
    border-radius: .3em;
    padding: 0 .3rem;
}

a.programs_block div.main progress {
    -webkit-appearance: none;
    appearance: none;

    width: 100%;
    height: 2px;
    min-height: 2px;
    max-height: 2px;
}

a.programs_block div.main progress[value]::-webkit-progress-bar {
    background-color: #D4D9DD;
}

a.programs_block div.main progress[value]::-webkit-progress-value {
    background-color: #29ADE4;
}

a.programs_block div.main div.percent {
    color: #29ADE4;
    font-weight: bold;
    display: block;
    position: absolute;
    right: 1.8rem;
    bottom: 2rem;
}

a.programs_block div.name {
    flex: 1;
    background-color: #4F555A;
    height: 7rem;
    min-height: 7rem;
    max-height: 7rem;
    font-size: 1.5em;
    color: white;
    padding: 1.3rem 1.8rem;
    border-radius: 0 0 .5rem .5rem;
}

div.program_header {
    height: 9em;
    background-color: white;
    border-radius: .7em;
    display: flex;
    align-items: center;
    margin-bottom: 2em;
}

div.program_header:before {
    content: '';
    position: absolute;
    left: 0;
    background: url(header_arrow.png) left center no-repeat;
    background-size: contain;
    width: 9.3rem;
    height: 3rem;
    margin-left: -11.6rem;
}

div.program_header + div.welcome_and_completion_message {
    margin-bottom: 1.66em;
}

div.in_program_list_container {
    background-color: white;
    border-radius: .7em;
    padding: 2.5em 2em;
}

div.in_program_list_container h1.page_header.header_arrow {
    border-radius: .3rem .3rem 0 0;
    color: #1670B9;
    font-weight: bold;
    font-size: 1.5em;
    padding: .8em 1.1em;
    line-height: 1em;
    background: url(arrow-spisok-up.svg) right 1em top 1.1em no-repeat #EBEFF2;
    background-size: .7em;
    display: flex;
    align-items: center;
    cursor: pointer;
}

div.in_program_list_container h1.page_header.header_arrow.closed {
    background-image: url(arrow-spisok-down.svg);
    margin-bottom: 2em;
}

div.in_program_list_container h1.page_header.header_arrow:before {
    display: none;
}

div.in_program_list_container div.program_tests_list_container {
    width: 100%;
    padding: 0;
}

div.in_program_list_container div.welcome_and_completion_message {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

div.in_program_list_container h1.page_header.header_arrow.closed + div.program_tests_list_container, div.in_program_list_container h1.page_header.header_arrow.closed + div.welcome_and_completion_message, div.in_program_list_container h1.page_header.header_arrow.closed + div.welcome_and_completion_message + div.program_tests_list_container {
    display: none;
}

div.in_program_list_container div.project_form_block {
    display: flex;
    border-bottom: 1px solid #DEE5EA;
    background-color: transparent !important;
    flex-wrap: wrap;
    padding: 1.2em 1.5em 1.2em 4.4em;
}

div.in_program_list_container div.program_program_assign div.project_form_block {
    padding: 1.2em 1.5em;
}

div.in_program_list_container div.program_program_assign div.project_form_block div.project_form_block_description {
    display: block;
}

div.in_program_list_container div.project_form_block div.project_form_block_icon {
    position: absolute;
    left: 1.6em;
    top: 1.2em;
    width: 1.5em;
    height: 1.5em;
    background: center center no-repeat;
    background-size: contain;
}

div.in_program_list_container div.program_tests_list_container > div:last-of-type {
    border-bottom: 0;
}

div.in_program_list_container div.project_form_block div.project_form_block_name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div.in_program_list_container div.project_form_block div.project_form_block_name > span {
    flex: 1;
    display: flex;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.project_form_block_name_span {
    width: 100%;
}

div.in_program_list_container div.project_form_block div.project_form_block_name a {
    font-weight: normal;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.project_form_block_report_link {
    float: none;
    max-width: max-content;
    justify-content: flex-end;
    margin-right: 0;
    font-size: .75em;
    color: #B0B9C1;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.project_form_block_report_link a {
    color: #29ADE4;
    font-weight: bold;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion {
    float: none;
    max-width: 1.7em;
    justify-content: flex-end;
    flex-wrap: wrap;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion span.svg_background_import {
    width: 1em;
    height: 1em;
    text-align: right;
    margin-left: 0;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion.full span.svg_background_import {
    background-image: url(icon-done-ver1.svg);
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion.not_full span.svg_background_import {
    background-image: url(icon-eye-0.svg);
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion.not_full span.svg_background_import svg {
    max-width: 1.3em;
    max-height: unset;
    margin-right: -.1em;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion.progress {
    margin-left: 1em;
    max-width: 2.6em;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion.progress span.percent {
    color: #29ADE4;
    min-width: 100%;
    font-size: .75em;
    text-align: right;
    margin-bottom: .2em;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion.progress span.percent.zero {
    color: #DEE5EA;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion.progress progress {
    -webkit-appearance: none;
    appearance: none;

    width: 100%;
    height: 2px;
    min-height: 2px;
    max-height: 2px;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion.progress progress[value]::-webkit-progress-bar {
    background-color: #DEE5EA;
}

div.in_program_list_container div.project_form_block div.project_form_block_name span.completion.progress progress[value]::-webkit-progress-value {
    background-color: #29ADE4;
}

div.in_program_list_container div.project_form_block div.project_form_block_description {
    display: flex;
    width: 100%;
}

/* круглые прогресс-бары */
div.program_header div.program_header_progress {
    width: 8em;
    max-width: 8em;
    min-width: 8em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8em;
}

div.program_header div.program_header_progress div.program_header_progress_wrapper {
    font-size: 4.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
}

div.program_header div.program_header_progress span {
    font-size: .3em;
    color: #29ADE4;
    position: absolute;
    line-height: 1em;
}

div.program_header div.program_header_progress div.pie {
    width: 1em;
    height: 1em;
    clip: rect(auto, auto, auto, auto);
    left: 0;
    position: absolute;
    top: 0;
}

div.program_header div.program_header_progress div.pie.lessThan50 {
    clip: rect(0, 1em, 1em, .5em);
}

div.program_header div.program_header_progress div.shadow {
    width: 100%;
    height: 100%;
    border: .07em solid rgba(223, 229, 234, .7);
    border-radius: 50%;
}

div.program_header div.program_header_progress div.pie div.half-circle {
    width: 100%;
    height: 100%;
    border: .07em solid #29ADE4;
    border-radius: 50%;
    clip: rect(0, .5em, 1em, 0);
    left: 0;
    position: absolute;
    top: 0;
}

:root {
    --rotation: 0deg;
}

div.program_header div.program_header_progress div.pie div.left-side {
    transform: rotate(var(--rotation));
}

div.program_header div.program_header_progress div.pie div.right-side {
    transform: rotate(180deg);
}

div.program_header div.program_header_progress div.pie.lessThan50 div.right-side {
    display: none;
}

div.in_program_progress_text {
    position: absolute;
    font-size: 1rem;
    right: 3.5em;
    display: flex;
    align-items: center;
}

div.in_program_progress_text span {
    font-size: .9rem;
    color: #B0B9C1;
    display: inline-block;
    margin-left: .5em;
    text-align: right;
}

div.in_program_progress_text div.in_program_progress {
    font-size: 1.5em;
    width: 1em;
    height: 1em;
}

div.in_program_progress_text div.in_program_progress_wrapper {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, #29ADE4 48%, rgb(215, 217, 219) 50%);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

div.in_program_progress_text div.in_program_progress_wrapper + div.in_program_progress_wrapper_2 {
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, transparent 48%, #29ADE4 50%);
    transform: rotate(var(--rotation));
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-top: -100%;
}

div.in_program_progress_text div.in_program_progress_wrapper.lessThan50 + div.in_program_progress_wrapper_2 {
    background: linear-gradient(to left, rgb(215, 217, 219) 48%, transparent 50%);
}

div.program_header h1 {
    width: 100%;
    color: #24242C;
    font-weight: normal;
    font-size: 2.5em;
}

div.program_header div.logo {
    width: 11em;
    max-width: 11em;
    min-width: 11em;
    height: 100%;
    background: left center no-repeat;
    background-size: contain;
    margin-right: 2em;
}

div.program_tests_list_container {
    margin-bottom: 2em;
    background-color: white;
    padding: 1em;
}

div.internalstage_5_checklist {
    display: none;
}

div.internalstage_5_checklist button.main {
    margin-left: 0 !important;
}

form#form_internalstage button {
    margin-left: 0 !important;
}

div.internalstage_5_checklist button.careful {
    background: none !important;
}

div.internalstage_5_checklist button.careful:hover {
    background: none !important;
}

/* сообщения на главной странице внутренней части */
div.socstart_messages {
    background-color: white;
    position: fixed;
    width: 32.2%;
    height: 100vh;
    margin-top: -8.5rem;
    content: '';
    display: block;
    z-index: 2;
    right: 0;
    padding: 8.5rem 2.5rem 2.5rem 2.5rem;
    overflow-y: auto;
}

div.socstart_messages h1.page_header {
    color: #a8adb2;
    padding-bottom: 0;
}

div.socstart_messages h2 {
    border-top: 2px solid #f0f0f0;
    color: #b1b7bc;
    padding: .5em 0 1em 0;
    font-weight: normal;
    margin-top: 1em;
}

div.socstart_messages div.message {
    border: 0;
    padding: 1rem 0;
    display: flex;
}

div.socstart_messages div.message:first-of-type {
    padding-top: 0;
}

div.socstart_messages div.message:hover {
    background-color: transparent;
}

div.socstart_messages div.message div.message_info {
    background-color: #ebeef1;
    border-radius: .5em;
    min-height: 4em;
    padding: .7em;
}

div.socstart_messages div.message div.names {
    color: #4d4fa1;
    font-size: 85%;
}

div.socstart_messages div.message div.time {
    font-size: 85%;
}

div.socstart_messages div.message div.content_preview {
    font-size: 90%;
}

/* сообщения, зависящие от статуса, на главной странице внутренней части */
div.maincontent_data h1.page_header.novikombank {

}

div.maincontent_data div.novikombank {
    display: inline-block;
    width: 10em;
    height: 1.5em;
    background: url(novikombank.png) left top no-repeat;
    background-size: contain;
    margin-left: .5em;
    position: absolute;
    margin-top: -.45em;
}

body.u24 .novikombank, body.pp_568 .novikombank {
    display: none;
}

body.pp_568 .novikombank ~ div.welcome_and_completion_message.system_message, body.pp_568 .novikombank ~ div.welcome_and_completion_message.status_description {
    display: none;
}

div.welcome_and_completion_message {
    background-color: #4d4fa1;
    border-radius: .4em;
    padding: 1em;
    color: white;
    margin-bottom: 2.5rem;
    font-size: 1.2em;
}

div.welcome_and_completion_message.program_rating_shown {
}

div.welcome_and_completion_message div.program_rating {
    float: right;
    border-top-right-radius: .3em;
    padding: .5em;
    background-color: #21ade4;
    color: white;
    border-bottom-left-radius: .3em;
    margin: -1em -1em 1em 1em;
}

/* таймер в сообщениях */
div.welcome_and_completion_message div.timer {
    display: none;
    font-weight: bold;
}

div.welcome_and_completion_message div.timer.visible {
    display: inline-block;
}

/* новости на главной странице внутренней части */
div.news_block {
    border-top: 1px #e7e7e7 solid;
}

div.soc_part_news {
    padding-top: 1em;
}

h2 + div.soc_part_news {
    padding-top: 0;
}

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

div.soc_part_news_text a {
    color: #24242c;
}

div.soc_part_news div.soc_part_news_image {
    position: relative;
    display: block;
    margin-bottom: .5em;
    width: 100%;
}

div.soc_part_news div.soc_part_news_image a {
    display: block;
    width: 100%;
}

div.soc_part_news div.soc_part_news_image img {
    max-width: 100%;
}

div.soc_part_news div.soc_part_news_image div.soc_part_news_quote {
    height: 4em;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgb(197, 44, 63);
    padding-top: .8em;
    font-size: 110%;
    padding-left: .5em;
    color: white;
}

a.all_news_link {
    float: right;
}

/* новости */
div.news_full {
    margin-bottom: 1em;
}

h1.news_header {
    font-weight: normal;
    line-height: 110%;
}

div.news_date {
    color: rgb(152, 152, 152);
    padding-bottom: .5em;
}

div.news_text {
}

div.news_text div, div.news_text p {
    margin-bottom: .5em;
}

div.news_text img {
    text-align: center;
}

div.news_additional {
    text-align: right;
}

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: 130%;
}

div.news_short_date {
    color: rgb(152, 152, 152);
    font-size: 90%;
}

/* текстовые разделы */
div.article_top_header_wrapper {
    padding-left: 1em;
}

h1.article_top_header {
    font-weight: normal;
    font-size: 250%;
    padding: 0;
}

div.article_top_image {
}

div.article_top_image img {
    width: 100%;
}

h2.article_header {

}

div.article_date {
    color: rgb(152, 152, 152);
}

div.article_author {
    color: rgb(152, 152, 152);
}

div.article_tags {
    color: rgb(152, 152, 152);
}

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: #999999;
}

div.article_path a {
    color: #999999;
}

/* раздел статьи */
div.soc_part div.publication {
    border-bottom: 1px #e7e7e7 dashed;
    padding: 1em 0;
}

div.soc_part div.publication:last-child {
    border-bottom: 0;
    padding: 1em 0 0 0;
}

div.soc_part div.publication div.publication_header {
    font-size: 120%;
    font-weight: bold;
}

div.soc_part div.publication div.publication_header a {
    color: rgb(0, 86, 150) !important;
}

div.soc_part div.publication div.publication_authors {
    font-size: 90%;
    padding-top: .3em;
}

div.soc_part div.publication div.publication_authors a {
    color: #e86d00;
}

div.soc_part div#tabs-1 div.publication div.publication_annotation {
    width: 70%;
}

div.soc_part div.publication div.publication_tags {
    font-size: 90%;
    color: rgb(152, 152, 152);
    padding-top: .3em;
}

div.soc_part div.publication div.publication_tags a {
    color: rgb(152, 152, 152);
}

div.soc_part div.publication div.publication_buttons {
    float: right;
    z-index: 2000;
    width: 20em;
}

div.soc_part div.publication div.publication_buttons div {
    margin-right: 1.5em;
    padding-left: 1.3em;
    background: left center no-repeat;
    float: left;
    cursor: pointer;
}

div.soc_part div.publication div.publication_buttons div.publication_buttons_edit {
    background-image: url(edit.png);
    background-size: 1em auto;
}

div.soc_part div.publication div.publication_buttons div.publication_buttons_edit a {
    color: rgb(0, 0, 0);
}

div.soc_part div.publication div.publication_buttons div.publication_buttons_edit a:hover {
    color: #e86d00;
    text-decoration: none;
}

div.soc_part div.publication div.publication_buttons div.publication_buttons_edit:hover {
    background-image: url(edit_hover.png);
}

div.soc_part div.publication div.publication_buttons div.publication_buttons_delete {
    background-image: url(cross.png);
    background-size: .9em auto;
}

div.soc_part div.publication div.publication_buttons div.publication_buttons_delete:hover {
    background-image: url(cross_hover.png);
    color: rgb(197, 44, 63);
}

div.soc_part div.publication div.important_button {
    float: left;
    padding: 0;
    margin-top: .5em;
}

div.soc_part div.publication div.important_button div.helper {
    width: 15.5em;
}

div.soc_part div.publication div.messages_button {
    float: left;
    padding: 0;
    margin-top: .5em;
    margin-left: .5em;
}

div.soc_part div.publication_content {
    padding: 1em 0;
}

div.soc_part div.publication_content ol, div.soc_part div.publication_content ul {
    margin-left: 2em;
}

div.soc_part div.soc_part_left.reduced.soc_part_publication div.soc_part_left_avatar {
    /*margin-bottom: .5em;*/
}

div.soc_part div.soc_part_publication h2 {
    font-weight: normal;
    padding-bottom: .3em;
    margin-top: -0.8em;
}

div.soc_part div.publication_content img {
    max-width: 100%;
}

div.soc_part div.soc_part_publication span.small {
    display: block;
    padding-bottom: .3em;
    margin-bottom: .3em;
    border-bottom: 1px #e7e7e7 dashed;
}

div.soc_part div.tags_cloud {
    background-color: rgb(243, 243, 243);
    float: right;
    padding: 2em;
    width: 30%;
    z-index: 1;
    text-align: center;
}

div.soc_part div.publications {
    float: left;
    width: 66%;
}

div.soc_part div.publications div.publication_annotation {
    width: auto;
}

div.soc_part div.tags_cloud a {
    color: rgb(2, 87, 154) !important;
}

div.soc_part div.tags_cloud div.tags_cloud_tag {
    display: inline-block;
    margin-right: .5em;
    line-height: 100%;
    margin-bottom: .5em;
}

/* раздел поиска информации */
ol.searchresult li {
    font-size: 120%;
    margin-bottom: 1%;
    margin-left: 1em;
}

ol.searchresult li li {
    font-size: 100%;
    margin-bottom: 0;
}

/* раздел информации по пользователю, раздел пользователя, профиль */
div.soc_part div.soc_part_left.reduced button {
    width: 19rem;
    margin-bottom: .8rem;
    float: right;
    clear: right;
    padding: 1rem !important;
    z-index: 1;
    text-align: left;
}

div.soc_part div.soc_part_left.reduced button.svg_background span.svg_background_import {
    background-size: 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .8rem;
    line-height: 1.2rem;
}

div.soc_part div.soc_part_left.reduced button.svg_background span.svg_background_import svg {
    max-width: 1.3rem;
    max-height: 1.3rem;
}

div.soc_part div.soc_part_left.reduced button.svg_background span.svg_background_import path {
    fill: white;
}

div.soc_part div.soc_part_left.reduced button.svg_background span.svg_profile {
    background: url(profil-icon-2.svg) center center no-repeat;
    background-size: contain;
}

div.soc_part div.soc_part_left.reduced button.svg_background span.svg_portfolio {
    background: url(icon-portfolio.svg) center center no-repeat;
    background-size: contain;
}

div.soc_part div.soc_part_user_info {
    margin: .5em 0 0 0;
}

div.soc_part div.soc_part_user_info span {
    display: inline-block;
    margin-bottom: .5em;
}

div.soc_part div.soc_part_user_info span.gray {
    width: 9em;
    vertical-align: top;
}

div.soc_part div.soc_part_user_info span.gray.bigger {
    width: 15em;
}

span.soc_part_user_status, span.soc_part_user_pass {
    cursor: pointer;
    font-size: 1.2em;
}

span.soc_part_user_was_online {
    position: absolute;
    right: 5em;
    margin-top: .7em;
    margin-left: 1em;
    text-align: right;
}

div[id^="choice_program_additional_groups"] div.dropfield2_field[id*="[h1_"] label, div[id^="choice_program_additional_groups"] div.dropfield2_field[id*="[pttg_"] label {
    font-weight: bold;
    text-transform: uppercase;
    padding: 1em 0 !important;
    background-color: #F5F5F5;
    display: block;
    text-align: center;
}

div[id^="choice_program_additional_groups"] div.dropfield2_field[id*="[h1_"] label:before, div[id^="choice_program_additional_groups"] div.dropfield2_field[id*="[pttg_"] label:before, div[id^="choice_program_additional_groups"] div.dropfield2_field[id*="[h1_"] label:after, div[id^="choice_program_additional_groups"] div.dropfield2_field[id*="[pttg_"] label:after {
    display: none !important;
}

/* информационная панель разделов проекты, группы и т.д., выпадающее меню функций в разделах проекты, группы и т.д. */
div.soc_part_right div.section_menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 31rem;
    text-align: right;
    background-color: #4e5358;
    height: 2.1em;
    font-size: 1.1em;
    border-radius: .5em .5em 0 0;
    margin-top: -1rem;
    z-index: 1;
    vertical-align: middle;
    color: white;
    line-height: 1em;
    display: flex;
    align-items: center;
}

div.soc_part_right div.section_menu:after {
    content: '';
    clear: both;
}

div.soc_part_right div.section_menu div.section_menu_functions_list {
    display: none;
    position: absolute;
    z-index: 2;
    right: 0;
    margin-top: 3rem;
    border: 1px #7a8085 solid;
    border-radius: .3em;
    width: 17rem;
    background-color: #656b70;
    margin-right: .5rem;
}

div.soc_part_right div.section_menu div.section_menu_functions_list:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .6em .6em .6em;
    border-color: transparent transparent #656b70 transparent;
    content: "";
    display: block;
    right: 0;
    top: 0;
    margin-top: -0.5em;
    margin-right: .6rem;
    position: absolute;
}

div.soc_part_right div.section_menu div.section_menu_functions_list a {
    display: block;
    cursor: pointer;
    padding: .5em 1em;
    text-align: left;
    border-bottom: 1px #7a8085 solid;
    font-size: 1rem;
    color: #bcc2c7;
}

div.soc_part_right div.section_menu div.section_menu_functions_list a:hover {
    color: white;
}

div.soc_part_right div.section_menu div.section_menu_functions_list a.nonimportant {

}

div.soc_part_right div.section_menu div.section_menu_functions_list a.careful {

}

div.soc_part_right div.section_menu div.section_menu_functions_list a.main {

}

div.soc_part_right div.section_menu div.section_menu_functions_list a:hover {
    text-decoration: none;
}

div.soc_part_right div.section_menu div.section_menu_functions_list a:last-of-type {
    border-bottom: none;
}

div.soc_part_right div.section_menu div.people_counter, div.soc_part_right div.section_menu div.tasks_counter {
    float: left;
}

div.soc_part_right div.section_menu div.people_counter {
    margin-left: 1em;
}

div.soc_part_right div.section_menu div.tasks_counter {
    margin-left: 2em;
}

div.soc_part_right div.section_menu span.svg_background_import {
    background-size: 1rem;
    width: 1em;
    height: 1em;
    vertical-align: text-bottom;
    margin-right: .5em;
}

div.soc_part_right div.section_menu svg {
    width: 1.3em;
    height: 1.3em;
}

div.soc_part_right div.section_menu path {
    fill: #acb3b8;
}

div.soc_part_right div.section_menu span.people_icon {
    background-image: url(menu-icon-05.svg);
}

div.soc_part_right div.section_menu span.tasks_icon {
    background-image: url(menu-icon-08.svg);
}

div.soc_part_right div.section_menu div.actions_list_text {
    color: white;
    background-size: 1.3em;
    font-family: "ProximaNovaSemibold", Arial, sans-serif;
}

/* раздел проекты */
div.project_dates {
    text-align: right;
    float: right;
    color: #7f858a;
    border-radius: .3em;
    margin-right: 1.5em;
    min-width: 15rem;
    max-width: 20rem;
}

div.project_dates div {
    padding: .5rem 1rem;
    text-align: right;
    font-size: 1.5rem;
    background-color: #d4d9de;
    border-radius: .3em;
    font-family: "ProximaNovaLight", Arial, sans-serif;
}

div.project_dates div:after {
    content: '';
    clear: both;
}

div.project_dates div:last-child {
    margin-top: .2em;
}

div.project_dates span {
    font-size: .9rem;
    float: left;
    display: block;
    width: 5em;
    text-align: left;
    line-height: 110%;
    font-family: "ProximaNova", Arial, sans-serif;
    margin-right: .5em;
}

div.soc_part div.project_author_like {
    float: right;
    width: 15rem;
}

div.soc_part div.project_author_like span.important_button_icon {
    font-size: 2em;
}

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

div.soc_part div.project_author {
    color: #7f858a;
    z-index: 1;
}

div.soc_part div.project_author span.svg_background_import {
    background-size: 1rem;
    width: 1rem;
    height: 1rem;
    vertical-align: text-top;
    margin-top: .1em;
    margin-right: .5rem;
    background-image: url(send-message-sm-icon.svg);
}

div.soc_part div.project_author span.svg_background_import svg {
    max-width: 1rem;
    max-height: 1rem;
    vertical-align: top;
    margin-top: .1em;
}

div.soc_part div.project_author span.svg_background_import path {
    fill: #bfc6cd;
}

div.soc_part div.project_description {
    margin-top: 1em;
    margin-bottom: 2em;
    color: #848491;
    font-family: "ProximaNovaLight", Arial, sans-serif;
}

div.soc_part div.project_description_communities {
    margin-bottom: 1em;
}

div.soc_part.project div.important_button, div.soc_part.task div.important_button, div.soc_part.event div.important_button, div.soc_part.community div.important_button {
    float: none;
    padding: 0;
    margin: .5rem 0 0 0;
    vertical-align: middle;
}

div.soc_part.project div.tabs {
    padding-top: 0;
}

div.soc_part div#project_request_suggestion div.conversation_form {
    padding: 0 0 1em 0;
}

div.soc_part div.project_request_suggestion_message {
}

div.soc_part div.project_request_suggestion_message div.project_request_suggestion_message_header {
    margin-bottom: .5em;
}

div.soc_part div.project_request_suggestion_message_content {
    float: left;
    padding-left: .5em;
    margin-left: .5em;
    border-left: 1px #e7e7e7 solid;
}

div.soc_part div.project_request_suggestion_message div.project_request_suggestion_comment {
    background-size: 1.2em auto;
    margin-right: 1.5em;
    margin-top: .5em;
    padding-left: 1.5em;
    background: url(comment.png) left center no-repeat;
    cursor: pointer;
}

div.soc_part div.project_request_suggestion_message div.project_request_suggestion_comment a {
    color: rgb(0, 0, 0) !important;
}

div.soc_part div.project_request_suggestion_message div.project_request_suggestion_comment a:hover {
    color: #e86d00 !important;
    text-decoration: none !important;
}

div.soc_part div.project_request_suggestion_message div.project_request_suggestion_comment:hover {
    background-image: url(comment_hover.png);
}

div.soc_part div.project_event_extended {
    margin-bottom: .5em;
}

div.soc_part div.project_event_extended_name {
    font-size: 100%;
    padding-bottom: .2em;
}

div.soc_part div.project_event_extended_name a {
    font-weight: bold;
}

div.soc_part div.project_event_extended_time {
    color: #9aa2a7;
    font-size: 90%;
    padding-left: 1.2em;
    float: left;
    margin-right: 1em;
    background: url(clock.png) left center no-repeat;
    background-size: 1em auto;
}

div.soc_part div.project_event_extended_place {
    color: #9aa2a7;
    font-size: 90%;
    padding-left: 1.2em;
    float: left;
    background: url(place.png) left center no-repeat;
    background-size: .8em auto;
}

div.soc_part div.project_event_extended_description {
    padding-top: .2em;
}

div.soc_part div.project_events_tab {
    float: right;
    width: 31rem;
    border-left: 1px #e3e7ea solid;
    margin-top: -2em;
    margin-right: -2em;
}

div.soc_part div.project_events_tab_header {
    padding: 2em;
    border-bottom: 1px #dce1e5 solid;
}

div.soc_part div.project_events_tab_header h3 {
    color: #24242c;
    font-weight: normal;
}

div.soc_part div.project_events_tab_header_past h3 {
    color: #a9a9b6;
}

div.soc_part div.project_events_tab_header span.project_events_tab_icon {
    width: 1.5em;
    height: 1.5em;
    margin-right: 1em;
}

div.soc_part div.project_events_tab_header span.project_events_tab_icon.project_events_tab_icon_future {
    background-image: url(event-future.svg);
}

div.soc_part div.project_events_tab_header span.project_events_tab_icon.project_events_tab_icon_past {
    background-image: url(event-past.svg);
}

div.soc_part div.project_events_tab_header span.project_events_tab_icon svg {
    width: 1.3em;
    height: auto;
    vertical-align: middle;
}

div.soc_part div.project_events_tab_header span.project_events_tab_icon path {
    fill: #a9a9b6 !important;
}

div.soc_part div.project_event_small {
    border-bottom: 1px #dce1e5 solid;
    background-color: #f2f4f6;
    padding: 1em 2em;
    color: #394451;
}

div.soc_part div.project_event_small.project_event_past {
    background-color: white;
    color: #a5aaaf;
}

div.soc_part div.project_event_small_name {
    font-size: 100%;
    padding-bottom: .2em;
}

div.soc_part div.project_event_small_name a {
    font-weight: bold;
}

div.soc_part div.project_event_future div.project_event_small_name a {
    color: #394451;
}

div.soc_part div.project_event_small_time {
    font-size: .9em;
    padding-left: 1.5em;
    margin-right: 1em;
    background: url(event-time.svg) left center no-repeat;
    background-size: 1em auto;
}

div.soc_part div.project_event_small_place {
    font-size: .9em;
    padding-left: 1.5em;
    margin-right: 1em;
    background: url(event-place.svg) left center no-repeat;
    background-size: .9em auto;
}

div.canvas_holder {
    width: 100%;
    margin-bottom: 2em;
    max-height: 35em;
}

div.project_form_datadate_buttons + div.canvas_holder {
    max-width: calc(100% - 38rem);
}

div.project_form_block {
    padding: 1em;
    display: table;
    width: 100%;
}

div > div.project_form_block.string1:last-child {
    border-bottom: 1px solid #eef1f3;
}

div.project_form_block.string2 {
    background-color: #eef1f3;
}

div.project_form_block div.project_form_block_name {
    font-weight: bold;
    color: #24242c;
    font-size: 1.2em;
    display: table-cell;
    width: 100%;
}

div.project_form_block div.project_form_block_name a {
    font-weight: bold;
    color: #24242c;
}

div.project_form_block div.project_form_block_name a.fa-table {
    color: #acb3b8;
}

div.project_form_block div.project_form_block_name span.project_form_block_report_link {
    display: block;
    float: right;
    margin: 0 .5em;
}

div.project_form_block div.project_form_block_name span.project_form_block_report_link:last-of-type {
    margin-left: 1em;
}

div.project_form_block div.project_form_block_name span.project_form_block_report_link.rvc_project_form_block_report_link {
    margin-right: 0;
    text-align: right;
    font-weight: normal;
}

div.project_form_block div.project_form_block_name span.project_form_block_report_link a {
    font-weight: normal;
}

div.project_form_block div.project_form_block_name span.project_form_block_report_link.rvc_project_form_block_report_link + a {
    margin-top: .7em;
    display: inline-block;
    z-index: 1;
}

div.project_form_block div.project_form_block_name span.completion {
    display: block;
    float: right;
    color: #bebec2;
}

div.project_form_block div.project_form_block_name span.completion span.svg_background_import {
    display: inline-block;
    margin-left: .5em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    vertical-align: top;
}

div.project_form_block div.project_form_block_name span.completion span.svg_background_import svg {
    max-width: 1.2em;
    max-height: 1.2em;
    vertical-align: top;
}

div.project_form_block div.project_form_block_name span.completion.full span.svg_background_import {
    background-image: url(icon-ok.svg);
}

div.project_form_block div.project_form_block_name span.completion.full span.svg_background_import svg .cls-1 {
    fill: #bebec2;
}

div.project_form_block div.project_form_block_name span.completion.full span.svg_background_import svg .cls-2 {
    fill: #de291c;
}

div.project_form_block div.project_form_block_name span.completion.not_full {
    color: #de291c;
}

div.project_form_block div.project_form_block_name span.completion.not_full span.svg_background_import {
    background-image: url(znak-v.svg);
}

div.project_form_block div.project_form_block_name span.completion.not_full span.svg_background_import svg .cls-1 {
    fill: #de291c;
}

div.project_form_block div.project_form_block_name span.completion.not_full span.svg_background_import svg .cls-2 {
    fill: white;
}

div.project_form_block div.project_form_block_description {
    margin-top: .5em;
    font-size: 80%;
    color: #999ea2;
    display: table-row;
}

div.project_form_block div.project_form_block_description a {
    color: #24242c;
}

div.project_form_block input#user_id {
    font-size: 1.1rem !important;
}

div.project_form_datadate_buttons {
    float: right;
    text-align: left;
    width: 35rem;
    margin-right: -2em;
    overflow-y: auto;
    max-height: 35em;
    padding-left: 4rem;
}

div.project_form_datadate_buttons button {
    display: block;
    width: 10em;
    background: #ebeff2 !important;
    border: .15em #ebeff2 solid !important;
    color: #24242c !important;
    font-weight: bold !important;
}

div.project_form_datadate_buttons button:not(.ui-button-disabled), div.project_form_datadate_buttons button.selected {
    border: .15em #ebeff2 solid !important;
    padding: 1rem;
    margin-bottom: .3em;
}

div.project_form_datadate_buttons button:hover:not(.ui-button-disabled), div.project_form_datadate_buttons button.selected {
    background: white !important;
    border: .15em #d2d6d9 solid !important;
    color: #80858b !important;
}

div.project_form_datadate_buttons button.selected:before {
    content: '';
    display: block;
    position: absolute;
    background: url(ukaz.svg) center center no-repeat;
    background-size: contain;
    width: 3em;
    height: 1em;
    left: -3.8em;
    top: .7em;
}

div.project_form_datadate_buttons div.project_form_datadate_buttons_separator {
    color: #bebec2;
    border-top: 1px solid #e3e4e8;
    text-align: right;
    position: absolute;
    right: 2em;
    left: 4rem;
    padding-top: .5em;
}

/* трекинг в разделе проектов */
div#project_conversation div.tracking div.project_conversation_message div.project_conversation_name {
    margin-bottom: 0;
}

div#project_conversation div.tracking div.project_conversation_message span.project_form_block_report_link {
    display: block;
    float: right;
    margin: 0 .5em;
    z-index: 1;
}

div#project_conversation div.tracking div.project_conversation_message span.project_form_block_report_link:last-of-type {
    margin-left: 1em;
}

div#project_conversation div.tracking div.project_conversation_message span.project_form_block_report_link a {
    font-weight: normal;
}

div#project_conversation div.tracking div.project_conversation_message span.completion {
    display: block;
    float: right;
    color: #24242c;
    font-weight: bold;
    margin-top: .2em;
    z-index: 1;
}

div#project_conversation div.tracking div.project_conversation_message span.completion span.svg_background_import {
    display: inline-block;
    margin-left: .5em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    vertical-align: top;
}

div#project_conversation div.tracking div.project_conversation_message span.completion span.svg_background_import svg {
    max-width: 1.2em;
    max-height: 1.2em;
    vertical-align: top;
}

div#project_conversation div.tracking div.project_conversation_message span.completion.full span.svg_background_import {
    background-image: url(icon-ok.svg);
}

div#project_conversation div.tracking div.project_conversation_message span.completion.full span.svg_background_import svg .cls-1 {
    fill: #bebec2;
}

div#project_conversation div.tracking div.project_conversation_message span.completion.full span.svg_background_import svg .cls-2 {
    fill: #de291c;
}

div#project_conversation div.tracking div.project_conversation_message span.completion.not_full {
    color: #de291c;
}

div#project_conversation div.tracking div.project_conversation_message span.completion.not_full span.svg_background_import {
    background-image: url(znak-v.svg);
}

div#project_conversation div.tracking div.project_conversation_message span.completion.not_full span.svg_background_import svg .cls-1 {
    fill: #de291c;
}

div#project_conversation div.tracking div.project_conversation_message span.completion.not_full span.svg_background_import svg .cls-2 {
    fill: white;
}

table.tracking_menutable tbody td {
    font-weight: bold;
}

/* раздел сообщества */
div.community_info {
    padding: 5% 1%;
    font-size: 140%;
}

div.community_info a {
    color: white;
}

/* раздел задачи */
div.task_dates {
    text-align: right;
    float: right;
    background-color: #f0f0f0;
    color: #3d7ca0;
    border-radius: .3em;
}

div.task_dates div {
    padding: .5em 1em;
}

div.task_dates div:last-child {
    border-top: 1px solid #dbdee0;
}

div.task_status, div.task_priority {
    cursor: pointer;
}

div.task_status, div.task_priority, div.task_percentage, div.task_state {
    background-color: #d4d9de;
    font-size: 140%;
    font-weight: bold;
    text-align: left;
    padding: .3em;
    float: right;
    margin: 0 .5em 0 0;
    z-index: 1;
}

div.task_percentage {
    border-left: 1px solid rgb(241, 241, 241);
    border-right: 1px solid rgb(241, 241, 241);
    width: 8%;
    text-align: center;
    background: rgb(241, 241, 241) url(white.png) repeat-y;
}

div.task_status {
}

div.task_state {
}

div.task_state.red {
    background-color: rgb(180, 0, 0);
    color: white;
}

div.task_state.yellow {
    background-color: rgb(200, 160, 0);
    color: white;
}

div.task_state.green {
    background-color: rgb(0, 150, 0);
    color: white;
}

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.soc_part.full.task h1 {
    display: inline;
}

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: #f0f0f0;
    color: #3d7ca0;
    border-radius: .3em;
}

div.event_dates div {
    padding: .5em 1em;
}

div.event_dates div:last-child {
    border-top: 1px solid #dbdee0;
}

/* календарь в проектах / сообществах */
div#project_calendar, div#community_calendar {
    width: 100%;
}

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: 10em;
    float: right;
    margin: 0;
    padding: .5em;
    height: 2.5em;
}

div#project_calendar > div.block_header a.calendar_today, div#community_calendar > div.block_header a.calendar_today {
    font-size: .9em;
    float: right;
    background-color: #e5e8eb;
    padding: .6em 1em;
    color: #24242c;
    display: inline-block;
    z-index: 1;
    border-radius: .3em;
    margin-right: 1em;
}

div#project_calendar > div.block_header a.calendar_today:hover, div#community_calendar > div.block_header a.calendar_today:hover {
    background-color: #d7dce0;
    color: black;
}

.gantt-row-height {
    height: 3em;
}

.gantt-labels-row span, .gantt-labels-head-row span, .gantt-head-row span {
    height: 3em;
    padding-top: 1em;
}

.gantt-head-row, .gantt-labels-head-row {
    height: 3em;
}

.gantt-foreground-col, .gantt-foreground-col-weekend, .gantt-foreground-col-nonworkhour {
    border-right: 1px solid #e4e8eb;
}

.gantt-task {
    bottom: auto;
    height: 50%;
}

.gantt-task-content {
    overflow: inherit;
    margin: 0;
}

.gantt-task-content span {
    display: inline-block;
    white-space: nowrap;
    color: #8a8f94;
    position: absolute;
    margin-top: 2em;
    font-size: 90%;
}

.gantt-background-row-alt {
    background-color: #eef1f3;
}

.gantt-foreground-col-weekend, .gantt-foreground-col-nonworkhour {
    background-color: rgba(230, 230, 230, 0.3);
}

/* таблица задач, список задач */
table.tasks_table {
    width: 100%;
}

div.soc_part_right.extended table.tasks_table {
    margin-bottom: 1em;
}

table.tasks_table tr.block_data_header {
    font-family: "ProximaNovaBold", Arial, sans-serif;
    color: #394451;
}

table.tasks_table a.show_hidden_table {
    color: #2e9ad8;
}

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[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%;
    padding-top: .3em;
}

table.tasks_table td:nth-of-type(2) a:first-of-type {
    font-size: 1.2em;
    font-weight: bold;
    color: #24242c;
}

table.tasks_table td div.task_conversation_additional a {
    color: #56565d;
}

table.tasks_table td h3 {
    padding: .5em 0;
    color: #868c91;
    border-bottom: 1px solid #dbdfe3;
    margin-bottom: .5em;
}

table.tasks_table tbody td {
    color: #848491;
}

div.google_authorize {
    border: 1px solid #e7e7e7;
    border-top: none;
    padding: .2em;
}

div.google_authorize a {
    background: url(google.png) left center no-repeat;
    background-size: contain;
    padding-left: 1.5em;
}

div.google_authorize select {
    width: 50%;
    max-width: 50%;
    font-size: 1em;
    margin-bottom: .5em;
}

div.ical {
    border-top: 1px solid #e7e7e7;
    padding: .5em .2em .2em .2em;
}

div.maincontent_data div.google_authorize form button.main {
    margin: 0;
    float: right;
}

div#project_tasks tr.closed_rejected {
    display: none;
}

div.tasklist_filter {
    padding: .2em;
    text-align: right;
    margin-bottom: .5em;
    position: absolute;
    right: 0;
    top: -8.3em;
    color: #24242c;
}

div.soc_part.full div.tasklist_filter {
    right: -2.3em;
    top: -4.3em;
}

div.tasklist_filter select[name="tasklist_filter_obj"] {
    width: auto;
    font-size: 1em;
    padding: .3em .5em;
}

/* список событий проектов / групп */
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-image: url(arrow-calendar-left.svg) !important;
    background-position: 1em center !important;
    background-repeat: no-repeat !important;
    background-size: .7em !important;
    width: 14em;
}

div.eventlist div.eventlist_controls button#next {
    float: right;
    background-image: url(arrow-calendar-right.svg) !important;
    background-position: right 1em center !important;
    background-repeat: no-repeat !important;
    background-size: .7em !important;
    width: 14em;
}

div.eventlist div.eventlist_controls button#prev:hover, div.eventlist div.eventlist_controls button#next:hover {

}

div.eventlist + div.ical {
    border: 1px solid rgb(204, 204, 204);
    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 rgb(204, 204, 204);
    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: rgb(250, 250, 250);
    font-weight: bold;
}

div.eventlist_table table td.today div {
    font-weight: normal;
}

div.eventlist_table table tr.eventlist_table_header {
    background-color: rgb(243, 243, 243);
}

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(clock.png);
    background-size: 1em;
    font-size: 100%;
}

div.eventlist_table table td div.eventlist_block div.project_event_extended_task {
    background-image: url(global_menu_10.png);
    background-size: 1em;
    opacity: 0.7;
}

div.eventlist_table table td div.eventlist_block div.project_event_extended_event {
    background-image: url(global_menu_7.png);
    background-size: 1em;
    opacity: 0.7;
}

div.eventlist_table table td div.eventlist_block div.project_event_extended_news {
    background-image: url(global_menu_9.png);
    background-size: 1em;
    opacity: 0.7;
}

div.eventlist_table table td div.eventlist_block div.project_event_small_name {
    float: none;
    display: inline;
}

div.eventlist_filter {
    border: 1px solid rgb(204, 204, 204);
    border-bottom: none;
    padding: .2em;
    font-weight: bold;
}

div.eventlist_filter select[name="eventlist_filter_obj"] {
    width: auto;
    font-size: 1em;
}

/* компетенции, портфолио, прецеденты */
input#competence_filter {
    font-size: .8em;
    margin-bottom: 1%;
}

table.portfolio_table, table.portfolio_table th, table.portfolio_table td {
    /*border: 1px solid rgb(218, 225, 232);*/
    border: 0;
    border-collapse: collapse;
}

table.portfolio_table {
    width: 100%;
}

table.portfolio_table td {
    padding: 0 0.5%;
    vertical-align: middle;
}

table.portfolio_table th {
    padding: 0.5% 0.5%;
    width: 33%;
    text-align: left;
    color: #9a9ca5;
}

table.portfolio_table .gray {
    color: #9a9ca5;
}

table.portfolio_table tr.string1 {
    background-color: #ebeef1;
}

table.portfolio_table tr.string2 {
    background-color: white;
}

table.portfolio_table th#certificates {
    text-align: center;
    width: 12%;
}

table.portfolio_table th#stories_approvals {
    width: 55%;
    padding: 0;
    text-align: center;
}

table.portfolio_table th#spaced {
    width: 12%;
    padding: 0;
}

table.portfolio_table th#individual_ones {
    text-align: center;
    width: 10%;
    padding: 0;
    font-size: 90%;
}

table.portfolio_table th#group_ones {
    text-align: center;
    width: 10%;
    padding: 0;
    font-size: 90%;
}

table.portfolio_table tr.competence td:nth-of-type(2) {
    text-align: center;
}

table.portfolio_table tr.competence td:nth-of-type(3), table.portfolio_table tr.competence td:nth-of-type(4), table.portfolio_table tr.competence td:nth-of-type(5), table.portfolio_table tr.capability, table.portfolio_table tr.affinity {
    font-size: 90%;
}

table.portfolio_table tr.competence td:nth-of-type(4), table.portfolio_table tr.competence td:nth-of-type(5), table.portfolio_table tr.capability td:nth-of-type(2), table.portfolio_table tr.capability td:nth-of-type(3), table.portfolio_table tr.affinity td:nth-of-type(2), table.portfolio_table tr.affinity td:nth-of-type(3) {
    text-align: center;
}

table.portfolio_table tr.competence td:nth-of-type(3), table.portfolio_table tr.competence td:nth-of-type(4), table.portfolio_table tr.competence td:nth-of-type(5) {
    padding-top: .5em;
}

table.portfolio_table tr.affinity td:nth-of-type(1), table.portfolio_table tr.affinity td:nth-of-type(2), table.portfolio_table tr.affinity td:nth-of-type(3) {
    padding-bottom: .5em;
}

table.portfolio_table tr.add_competence td {
    text-align: center;
    color: rgb(160, 160, 160);
    font-size: 90%;
    padding: 1%;
    font-weight: bold;
}

table.portfolio_table tr.change_portfolio td {
    text-align: right;
    font-size: 90%;
}

div.bar_graph {
    float: right;
    width: 2em;
    z-index: 1;
    margin-right: -1em;
}

div.bar_graph.editable {
    cursor: pointer;
}

div.bar_graph span {
    background-color: rgb(205, 205, 205);
    width: .3em;
    margin-right: .1em;
    display: inline-block;
    vertical-align: bottom;
}

div.bar_graph span:last-of-type {
    margin-right: 0;
}

div.bar_graph span.bar_graph_1 {
    height: .6em;
}

div.bar_graph span.bar_graph_2 {
    height: .9em;
}

div.bar_graph span.bar_graph_3 {
    height: 1.2em;
}

div.bar_graph.type_1 span.bar_graph_1, div.bar_graph.type_2 span.bar_graph_1, div.bar_graph.type_3 span.bar_graph_1, div.bar_graph.type_2 span.bar_graph_2, div.bar_graph.type_3 span.bar_graph_2, div.bar_graph.type_3 span.bar_graph_3 {
    background-color: #4d4fa1;
}

table.portfolio_table div.competence_name {

}

table.portfolio_table div.remove_competence {
    float: right;
    background: url(close.png) center center no-repeat #acb0b4;
    background-size: .9em;
    cursor: pointer;
    width: 1.2em;
    height: 1.2em;
    z-index: 1;
    margin-left: .5em;
    opacity: .7;
}

table.portfolio_table a.show_hidden {
    font-weight: normal;
    border: 0;
    padding: 0;
    font-size: 100%;
}

table.portfolio_table a.show_chart {
    font-weight: normal;
    border: 0;
    padding: 0;
    font-size: 100%;
    display: block;
    text-align: center;
    clear: both;
}

table.portfolio_table tr.portfolio_chart td {
    padding: .5em;
}

button#check_all_proofcases {
    margin-top: 0;
    margin-bottom: .8em;
}

div.show_proofcases {
    /**/
}

div.show_proofcases_story {
    /**/
}

div.soc_part div.proofcase {
    border-bottom: 1px #e7e7e7 dashed;
    padding: 1em 0;
    border-top: 1px #e7e7e7 dashed;
}

div.soc_part div.proofcase ~ div.proofcase {
    border-top: 0;
}

div.soc_part div.proofcase:last-of-type {
    border-bottom: 0;
    padding: 1em 0 0 0;
}

div.soc_part div.proofcase div.proofcase_header {
    font-size: 120%;
    font-weight: bold;
}

div.soc_part div.proofcase div.proofcase_header a {
    color: rgb(0, 86, 150) !important;
}

div.soc_part div.proofcase div.proofcase_authors {
    font-size: 90%;
    padding-top: .3em;
    color: rgb(152, 152, 152);
}

div.soc_part div.proofcase div.proofcase_authors a {
    color: #e86d00;
}

div.soc_part div#tabs-1 div.proofcase div.proofcase_annotation {
    width: 70%;
}

div.soc_part div.proofcase div.proofcase_type {
    font-size: 90%;
    color: rgb(152, 152, 152);
}

div.soc_part div.proofcase div.proofcase_tags {
    font-size: 90%;
    color: rgb(152, 152, 152);
    padding-top: .3em;
}

div.soc_part div.proofcase div.proofcase_tags a {
    color: rgb(152, 152, 152);
}

div.soc_part div.proofcase div.proofcase_tags div.bar_graph {
    float: none;
    display: inline-block;
    padding: 0;
    margin-left: .3em;
    opacity: 0.6;
}

button#add_professiogram {
    /**/
}

div#add_professiogram_wrap {
    padding: 0 2em 2em 2em;
    text-align: left;
}

div#add_professiogram_div {
    display: none;
}

div#add_professiogram_div div.competence_group_top_level {
    margin-top: .5em;
}

button.add_chosen_professiogram {
    margin-left: .5em;
}

div.competence_group_top_level + button.add_chosen_professiogram {
    margin-left: 0;
}

div.competence_group_top_level {
    font-size: 120%;
    font-weight: bold;
}

div.competence_record {
    border: 1px solid rgb(200, 200, 200);
    padding: 0.3%;
    margin-bottom: 1px;
    cursor: pointer;
}

div.competence_record_helper {
    font-weight: bold;
    cursor: pointer;
    float: right;
    margin-right: .5em;
}

div.task_story {

}

div.task_story div.task_story_item {
    border-bottom: 1px solid rgb(218, 225, 232);
    padding-top: 1%;
    padding-bottom: 1%;
}

div.event_story {

}

div.event_story div.event_story_item {
    border-bottom: 1px solid rgb(218, 225, 232);
    padding-top: 1%;
    padding-bottom: 1%;
}

table.story_table, table.story_table th, table.story_table td {
    border: 1px solid rgb(218, 225, 232);
    border-collapse: collapse;
    vertical-align: top;
    padding: 0 0 .3em;
}

table.story_table {
    width: 100%;
}

table.story_table input.mustbe, table.story_table textarea.mustbe {
    border: 0;
    margin: 0;
    font-size: 1em;
}

div.story_view table.story_table {
    border: 1px solid rgb(218, 225, 232);
}

div.story_view div.story_members_list, div.story_view div.story_competence_list {
    padding-top: 0;
}

div.story_members_list button {
    margin-top: 0;
}

table.story_table td {
    padding: 0 .5em;
    width: 50%;
}

table.story_table tr:first-child th {
    border-top: 0;
}

table.story_table tr:last-child td {
    border-bottom: 0;
}

div.story_members_list {
    padding-top: .5em;
}

div.story_members_list input[name=story_users_lookup] {
    font-size: .9em;
    margin-bottom: .5em;
}

div.story_members_list hr {
    margin-top: .5em;
    margin-bottom: .5em;
    border-top: 1px dashed rgb(218, 225, 232);
}

div.story_members_list div.story_user {
    border-bottom: 1px solid rgb(231, 231, 231);
    padding: .2em .5em .2em .2em;
    margin: 0 -0.5em;
}

div.story_members_list div.clear + div.story_user {
    border-top: 1px solid rgb(231, 231, 231);
}

div.story_members_list hr + div.story_user {
    border-top: 1px solid rgb(231, 231, 231);
}

div.story_members_list div.story_user div.photoName {
    width: 2em;
    margin: 0 .5em;
}

div.story_members_list div.story_member_witness {
    float: right;
}

div.story_members_list div.story_member, div.story_members_list div.story_witness, div.story_members_list div.story_appraiser {
    display: block;
    text-align: center;
    color: #24242c;
    cursor: pointer;
    padding: .5em;
    float: right;
    margin-right: .5em;
    border: 1px dotted #24242c;
    font-size: .9em;
    line-height: 100%;
}

div.story_member_witness div:first-child {
    margin-right: 0;
}

div.story_members_list div.story_member.active, div.story_members_list div.story_witness.active, div.story_members_list div.story_appraiser.active {
    background-color: #da291d;
    color: white;
    border: 1px solid #b91a0f;
}

div.story_competence_list {
    padding-top: .5em;
}

div.story_competence_list input[name=story_competence] {
    font-size: .9em;
    margin-bottom: .5em;
}

div.story_competence_list div.story_competence_list_item {
    border-bottom: 1px solid rgb(231, 231, 231);
    padding: .2em .5em .2em .5em;
    margin: 0 -0.5em;
}

div.story_competence_list div.story_competence_list_item span.small {
    opacity: .8;
    font-size: .8em;
}

div.story_competence_list div#story_competence_add-container + div.story_competence_list_item {
    border-top: 1px solid rgb(231, 231, 231);
}

div.story_competence_list div.story_competence_list_item div.story_competence_list_item_levels {
    float: right;
    margin-left: 1em;
}

div.story_competence_list div.story_competence_list_item div.story_competence_list_item_level {
    display: block;
    text-align: center;
    color: #24242c;
    cursor: pointer;
    padding: .5em;
    float: right;
    margin-right: .5em;
    border: 1px dotted #24242c;
    font-size: .9em;
    line-height: 100%;
}

div.story_competence_list div.story_competence_list_item div.story_competence_list_item_level[value="3"] {
    margin-right: 0;
}

div.story_competence_list div.story_competence_list_item div.story_competence_list_item_level.active {
    background-color: #da291d;
    color: white;
    border: 1px solid #b91a0f;
}

div.story_competence_list div.story_competence_list_item div.story_competence_list_item_level_selected {
    float: right;
    font-weight: bold;
}

div.story_competence_list div.story_competence_list_item div.story_competence_list_item_delete {
    color: rgb(255, 255, 255);
    padding: 0 .4em;
    background: url(close.png) center center no-repeat #da291d;
    background-size: contain;
    width: 1em;
    height: 1em;
    float: right;
    margin-left: .5em;
    cursor: pointer;
    border: 1px solid #b91a0f;
}

table.story_table td.story_main_settings {
    padding: 1em .5em;
}

td.story_main_settings div.story_group_stories {
    float: left;
}

td.story_main_settings div.story_group_story {
    display: block;
    text-align: center;
    font-weight: bold;
    background-color: #ebeef1;
    border: 1px solid #d4d9dd;
    color: #687178;
    cursor: pointer;
    padding: .5em;
    float: left;
    margin-right: .5em;
}

td.story_main_settings div.story_group_story.active {
    background-color: #da291d;
    color: white;
    border: 1px solid #b91a0f;
}

td.story_main_settings div.story_emotionals, div.story_members_list div.story_emotionals {
    float: right;
    z-index: 1;
}

td.story_main_settings div.story_emotional, div.story_members_list div.story_emotional {
    display: block;
    text-align: center;
    font-weight: bold;
    background-color: #ebeef1;
    border: 1px solid #d4d9dd;
    color: #687178;
    cursor: pointer;
    padding: .5em;
    float: right;
    margin-left: .5em;
}

div.story_members_list div.story_emotional {
    margin-bottom: .5em;
    margin-left: 0;
    float: none;
}

td.story_main_settings div.story_emotional.active, div.story_members_list div.story_emotional.active {
    background-color: #da291d;
    color: white;
    border: 1px solid #b91a0f;
}

table.story_table td.story_main_settings button.main {
    margin-top: 0;
}

div.story_members_list_done {
    text-align: right;
    font-weight: bold;
    padding-top: 1%;
}

div.story_library input[name=story_users_lookup2] {
    font-size: .9em;
}

div.story_library div.story_item {
    border-bottom: 1px dashed rgb(218, 225, 232);
    padding: 1em 0;
}

div.story_library div.story_item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

div.story_library div.story_item:first-child {
    margin-top: -1em;
}

div.story_library div.story_item a.edit_story {
    width: 1em;
    height: 1.2em;
    background: url(edit.png) left .16em no-repeat;
    background-size: contain;
    display: inline-block;
    opacity: 0.6;
    vertical-align: top;
    margin-right: .2em;
}

div.story_library button {
    font-size: 1em;
}

a.ctrlink.competencies_and_stories {
    color: rgb(51, 51, 51);
    padding: 0 .5em .2em;
    border: 1px dotted black;
    background-color: transparent;
}

div.fieldvalue div.story_competence_list {
    padding-top: 0;
}

div.fieldvalue div.story_competence_list input[name=story_competence] {
    font-size: 1.3em;
    margin-bottom: 0;
}

div.fieldvalue div.story_competence_list div.story_competence_list_item {
    margin: 0;
}

div.fieldvalue div.story_competence_list div#story_competence_add-container + div.story_competence_list_item {
    margin-top: .5em;
}

/* профессиограммы */
div.professiogram_list {

}

div.professiogram_list button#create_professiogram {
    margin: 1em 0;
}

div.professiogram_list div.project_professiogram_item, div.professiogram_list div.community_professiogram_item {
    border-bottom: 1px solid rgb(218, 225, 232);
    padding-top: 1%;
    padding-bottom: 1%;
}

table.professiogram_table {
    width: 100%;
}

table.professiogram_table, table.professiogram_table th, table.professiogram_table td {
    border: 1px solid rgb(218, 225, 232);
    border-collapse: collapse;
    vertical-align: top;
    padding: 0 0 .3em;
}

table.professiogram_table input.mustbe, table.professiogram_table textarea {
    border: 0;
    margin: 0;
    font-size: 1em;
}

table.professiogram_table textarea {
    border-bottom: 1px solid rgb(231, 231, 231);
}

div.maincontent_data form table.professiogram_table button.main, div.maincontent_data form table.professiogram_table button.careful {
    margin: 0;
    margin-bottom: .5em;
}

div.professiogram_view table.professiogram_table {
    border: 1px solid rgb(218, 225, 232);
}

div.professiogram_view div.professiogram_competence_list {
    padding-top: 0;
}

table.professiogram_table tr:first-child th {
    border-top: 0;
}

table.professiogram_table tr:last-child td {
    border-bottom: 0;
}

div.professiogram_competence_list {
    padding-top: .5em;
}

div.professiogram_competence_list input[name=professiogram_competence] {
    font-size: .9em;
    margin-bottom: .5em;
}

div.professiogram_competence_list div.professiogram_competence_list_item {
    border-bottom: 1px solid rgb(231, 231, 231);
    padding: .2em .5em .2em .5em;
    margin: 0 -0.5em;
}

div.professiogram_competence_list.nomargin div.professiogram_competence_list_item {
    margin: 0;
}

div.professiogram_competence_list div#professiogram_competence_add-container + div.professiogram_competence_list_item {
    border-top: 1px solid rgb(231, 231, 231);
}

div.professiogram_competence_list div.professiogram_competence_list_item div.professiogram_competence_list_item_levels {
    float: right;
}

div.professiogram_competence_list div.professiogram_competence_list_item div.professiogram_competence_list_item_level {
    display: block;
    text-align: center;
    color: rgb(51, 51, 51);
    cursor: pointer;
    padding: 0 .5em .2em;
    float: right;
    margin-right: .5em;
    border: 1px dotted black;
}

div.professiogram_competence_list div.professiogram_competence_list_item div.professiogram_competence_list_item_level[value="3"] {
    margin-right: 0;
}

div.professiogram_competence_list div.professiogram_competence_list_item div.professiogram_competence_list_item_level.active {
    background-color: #e86d00;
    color: white;
    border: 1px solid #e86d00;
}

div.professiogram_competence_list div.professiogram_competence_list_item div.professiogram_competence_list_item_level_selected {
    float: right;
    font-weight: bold;
}

div.professiogram_competence_list div.professiogram_competence_list_item div.professiogram_competence_list_item_delete {
    color: rgb(255, 255, 255);
    padding: 0 .4em;
    background: url(close.png) center center no-repeat rgb(197, 44, 63);
    background-size: contain;
    width: 1em;
    height: 1em;
    float: right;
    margin-left: .5em;
    cursor: pointer;
}

table.professiogram_table td.professiogram_main_settings {
    padding: 1em .5em;
}

table.professiogram_table div#name_rights {
    display: none;
}

table.professiogram_table div#div_rights {
    margin: 0;
    padding: 0;
}

table.professiogram_table div#div_rights div.dropfield, table.professiogram_table div#div_rights div.dropfield2 {
    font-size: .9em;
}

/* раздел файлового диска */
div.disk_path {
    padding-bottom: 1em;
}

div.disk_path button {
    font-size: .9em;
    margin-top: 0;
    margin-right: .5em;
}

div.disk_path button.disk_switcher {
    margin: 0;
    float: right;
}

div.disk_path button.disk_switcher.table {
    background: url(view_table.png) center center no-repeat #9ea0a7 !important;
    background-size: 2em !important;
}

div.disk_path button.disk_switcher.blocks {
    background: url(view_blocks.png) center center no-repeat #9ea0a7 !important;
    background-size: 2em !important;
}

div.disk_path button.disk_switcher:hover {
    background-color: #797f84 !important;
}

div.disk_search {
    float: right;
    z-index: 1;
    width: 20em;
    text-align: right;
}

div.disk_search input#search {
    width: 17em;
}

table.disk_table {
    width: 100%;
}

div.soc_part_right.extended table.disk_table {
    margin-bottom: 1em;
}

table.disk_table tr.block_data_header {
    font-weight: bold;
}

table.disk_table th.fixed_width {
    width: 15em;
}

table.disk_table td, table.disk_table th {
    border: 1px solid #e7e7e7;
    padding: .3em !important;
    text-align: left;
}

table.disk_table th[data-sort] {
    cursor: pointer;
}

/* раздел коллеги */
div.soc_part.full.people div.indexer_toggle.indexer_shown {
    margin-right: 0;
}

div.soc_part.full.people hr {
    clear: both;
}

div.soc_part div.colleague {
    width: 47%;
    float: left;
    margin-bottom: 1em;
}

div.soc_part div.colleague div.photoName {
    width: 4em;
    margin: 0;
    float: left;
}

div.soc_part div.colleague div.photoName div.photoName_photo_wrapper {
    width: 100%;
    position: relative;
    margin: 0;
}

div.soc_part div.colleague div.colleague_info {
    padding-left: 1em;
    font-size: 90%;
    width: 80%;
    height: 4em;
    vertical-align: middle;
    display: table-cell;
}

div.soc_part div.colleague div.colleague_info a {
    font-size: 130%;
}

div.soc_part div.colleague div.colleague_info a.become_friends {
    font-size: 100%;
    color: green;
}

div.soc_part div.colleague div.colleague_buttons {
    clear: both;
    padding-top: .5em;
}

div.soc_part div.colleague div.colleague_buttons div.colleague_buttons_comment, div.soc_part div.colleague div.colleague_buttons div.colleague_buttons_delete {
    margin-right: 1.5em;
    padding-left: 1.5em;
    background: left center no-repeat;
    float: left;
    cursor: pointer;
}

div.soc_part div.colleague div.colleague_buttons div.colleague_buttons_comment {
    background-image: url(comment.png);
    background-size: 1.2em auto;
}

div.soc_part div.colleague div.colleague_buttons div.colleague_buttons_comment a {
    color: rgb(0, 0, 0);
}

div.soc_part div.colleague div.colleague_buttons div.colleague_buttons_comment a:hover {
    color: #e86d00;
    text-decoration: none;
}

div.soc_part div.colleague div.colleague_buttons div.colleague_buttons_comment:hover {
    background-image: url(comment_hover.png);
}

div.soc_part div.colleague div.colleague_buttons div.colleague_buttons_delete {
    background-image: url(cross.png);
    background-size: .9em auto;
}

div.soc_part div.colleague div.colleague_buttons div.colleague_buttons_delete:hover {
    background-image: url(cross_hover.png);
    color: rgb(197, 44, 63);
}

/* раздел тестирования, раздел vform */
div.shl_test {

}

div.shl_test div.shl_instruction {

}

div.shl_test div.shl_instruction h2 {
    color: #21ade4;
    font-size: 1.5em;
    padding-top: 1em;
    padding-bottom: .5em;
}

div.shl_test div.shl_info {
    margin-top: 1em;
}

div.shl_test div.shl_info h2 {
    color: #21ade4;
    font-size: 1.5em;
    padding: .5em 0;
}

div.shl_test div.shl_begin_test {
    margin-top: 1em;
}

form#form_program_test_try h1.data_h1 {
    color: #21ade4;
}

form#form_program_test_try div[id="name_legend[0]"] {
    display: none;
}

form#form_program_test_try div[id="div_legend[0]"] {
    padding-left: 0;
}

form#form_program_test_try div[id="field_go_back_after_save[0]"], form#form_regparse div[id="field_go_back_after_save[0]"] {
    display: none;
}

form#form_program_test_try div.dropfield, form#form_dataform div.dropfield {
    display: none !important;
}

form#form_program_test_try div.dropfield2, form#form_dataform 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;
}

form#form_program_test_try div.dropfield2 .ui-resizable-s, form#form_dataform div.dropfield2 .ui-resizable-s {
    display: none !important;
}

form#form_program_test_try div.dropfield2 div.dropfield2_container, form#form_dataform div.dropfield2 div.dropfield2_container {
    padding: 0 !important;
    overflow: unset;
    height: auto;
}

form#form_program_test_try div.dropfield2 div.dropfield2_field {
    float: left;
    margin-right: 2em;
}

form#form_program_test_try input[type="radio"].valid + label {
    color: green;
    font-weight: bold;
}

form#form_program_test_try input[type="radio"].wrong + label {
    color: red;
    font-weight: bold;
}

span.valid_answers {
    display: none;
}

form#form_program_test_try div[id^="field_questionclassic_"] + div.field, form#form_dataform div[id^="field_virtual"] {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

form#form_program_test_try div[id^="field_questionclassic_"] + div.field div.fieldname, div.vform_dynamic_test form#form_program_test_try div.field div.fieldname {
    float: none;
    width: 100%;
    padding-bottom: .5em;
    font-weight: bold;
    font-size: 1.2em;
}

form#form_program_test_try div[id^="field_questionclassic_"] + div.field div.fieldvalue, div.vform_dynamic_test form#form_program_test_try div.field div.fieldname {
    padding-left: 0;
}

form#form_program_test_try div[id^="field_questionclassic_"] + div.field div.dropfield2 div.dropfield2_field, div.vform_dynamic_test form#form_program_test_try div.field div.dropfield2 div.dropfield2_field {
    float: none;
    margin-right: 0;
}

form#form_program_test_try div[id^="name_questionclassic"], form#form_program_test_try div[id^="name_questionverbal"], form#form_program_test_try div[id^="name_questionscenario"], form#form_program_test_try div[id^="name_CR_"], form#form_program_test_try div[id^="name_pause_"] {
    display: none;
}

form#form_program_test_try div[id^="div_questionclassic"], form#form_program_test_try div[id^="div_questionverbal"], form#form_program_test_try div[id^="div_questionscenario"], form#form_program_test_try div[id^="div_CR_"], form#form_program_test_try div[id^="div_pause_"] {
    padding: 0;
    background-color: transparent;
    border: 0;
}

form#form_program_test_try button.nonimportant.add_group {
    margin-left: 0;
}

form#form_program_test_try table {
    width: 100%;
    margin-bottom: .5em;
}

form#form_program_test_try table, form#form_program_test_try table td, form#form_program_test_try table th {
    border: 1px solid #d4d9dd;
}

form#form_program_test_try table td, form#form_program_test_try table th {
    padding: .5em;
}

form#form_program_test_try table caption {
    font-weight: bold;
    padding: .5em;
    background-color: #d4d9dd;
}

form#form_program_test_try div[id^="div_questionclassic"] svg, form#form_program_test_try img {
    max-width: 100%;
    max-height: 40em;
}

form#form_program_test_try div[id^="field_legend"] {
    margin-bottom: 1.5em;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

form#form_program_test_try div[id^="div_legend"] {
    font-size: 1.1em;
}

form#form_program_test_try div.shl_example {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0;
    border-top-right-radius: .5em;
    padding: .5em;
    background-color: #4d4fa1;
    color: white;
    border-bottom-left-radius: .5em;
}

div.maincontent_data[class*="KURS_"] h1.form_header, div.maincontent_data[class*="KURS_"] form#form_program_test_try div.shl_question_no {
    display: none;
}

form#form_program_test_try div.shl_question_no {
    font-size: 1.5em;
    color: #21ade4;
    opacity: .7;
    margin-bottom: .5em;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

select[name="reanswer_question_id_switcher"] {
    position: absolute;
    width: 11em;
    margin-top: 1.8%;
    z-index: 1;
}

select[name="reanswer_question_id_switcher"] option.option_bold {
    display: none;
}

div.reanswer_question_id_switcher {
    margin-top: 1.8em;
    display: table;
}

form#form_program_test_try div.reanswer_question_id_switcher {
    font-size: 1.2em;
}

div.reanswer_question_id_switcher span.reanswer_question_id_switcher_name {
    padding-right: .5em;
    display: inline-block;
    color: #82828b;
}

div.reanswer_question_id_switcher a, div.reanswer_question_id_switcher .a_disabled {
    display: inline-block;
    min-width: 1.5em;
    height: 1.5em;
    text-align: center;
    padding: .14em .3em 0 .3em;
    margin-bottom: .5em;
}
div.reanswer_question_id_switcher .a_disabled {
    color: #d1d1d1;
}

div.reanswer_question_id_switcher a.selected {
    background-color: #4d4fa1;
    color: white;
    border-radius: .75em;
}

div.reanswer_question_id_switcher a span.reanswer_question_id_switcher_page {
    vertical-align: middle;
}

div.reanswer_question_id_switcher span.reanswer_question_id_switcher_separator {
    display: inline-block;
}

div.reanswer_question_id_switcher span.reanswer_question_id_switcher_separator:after {
    content: ' ';
    display: inline-block;
    margin: 0;
}

span.show_timer_data {
    margin-left: 1em;
    font-size: .5em;
    display: none;
    color: #de291c;
}

span.show_timer_data.visible {
    display: inline;
}

h1.form_header span.show_timer_data, h1.page_header span.show_timer_data {
    font-size: .7em;
    font-weight: bold;
    vertical-align: middle;
}

form#form_program_test_try div.fieldvalue.read[id^="div_pause_"] span.show_timer_data {
    font-size: 5em;
    margin: .5em 0 .2em 0;
    display: block;
    opacity: 0;
}

form#form_program_test_try div.fieldvalue.read[id^="div_pause_"] span.show_timer_data.visible {
    opacity: 1;
}

div.project_form_block_name span.show_timer_data {
    font-size: 1em;
}

form#form_program_test_try input[name="test_alias[0]"][value^="TR_"] ~ div.field.wysiwyg div.fieldvalue, form#form_program_test_try input[name="test_alias[0]"][value^="TEAMROLES_"] ~ div.field.wysiwyg div.fieldvalue {
    font-size: 1.2em;
    font-weight: bold;
    border: 0;
    background-color: transparent;
    padding: 0;
}

form#form_program_test_try input[name="test_alias[0]"][value^="TEAMROLES_"] ~ div.field div.fieldname {
    padding: 0;
    font-weight: normal;
    font-size: 1em;
}

form#form_program_test_try input[name="test_alias[0]"][value^="TR_"] ~ div.multiselect_one div.dropfield2_field, form#form_program_test_try input[name="test_alias[0]"][value^="TEAMROLES_"] ~ div.multiselect_one div.dropfield2_field {
    margin-right: 1em !important;
    float: left !important;
}

form#form_program_test_try input[name="test_alias[0]"][value^="TR_"] ~ div.control_buttons button.ui-button.ui-state-disabled, form#form_program_test_try input[name="test_alias[0]"][value^="TEAMROLES_"] ~ div.control_buttons button.ui-button.ui-state-disabled {
    color: black !important;
}

div.vform_dynamic_test div.shl_instruction {
    font-size: 1.2em;
}

div.vform_dynamic_test div.field.wysiwyg div.fieldvalue.read {
    background-color: transparent;
    padding: 0;
    border: 0;
}

div.vform_dynamic_test div.field.wysiwyg div.fieldvalue.read h1, div.vform_dynamic_test div.field.wysiwyg div.fieldvalue.read h2, div.vform_dynamic_test div.field.wysiwyg div.fieldvalue.read h3 {
    color: #21ade4;
    padding: .5em 0;
}

div.vform_dynamic_test div.field.wysiwyg div.fieldvalue.read > h1:first-child, div.vform_dynamic_test div.field.wysiwyg div.fieldvalue.read > h2:first-child, div.vform_dynamic_test div.field.wysiwyg div.fieldvalue.read > h3:first-child {
    padding-top: 0;
}

div.vform_dynamic_test div.field.wysiwyg div.fieldvalue.read br + div > h3:first-child {
    padding-top: 0;
}

div.vform_dynamic_test div.field.wysiwyg div.fieldvalue.read div.svg_slide svg, div.vform_dynamic_test div.shl_instruction div.svg_slide svg {
    height: auto;
    max-width: 100%;
    width: 100%;
}

div.vform_dynamic_test div.svg_slide svg tspan {
    font-family: "ProximaNova", "Arial", sans-serif !important;
}

div.vform_dynamic_test div.field.wysiwyg div.bordered_example {
    border: .3em black solid;
    font-weight: bold;
    font-size: 1.1em;
    padding: 1.5em;
    margin: 1em 0;
    line-height: 2em;
}

div.maincontent_data.autocreated.vform form div.field.multiselect {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.vform div.dropfield2_selecter {
    display: none;
}

div.iform div.field.wysiwyg div.fieldvalue.read {
    background-color: transparent;
    padding: 0;
    border: 0;
}

div.iform div.field.wysiwyg div.fieldvalue.read h1, div.iform div.field.wysiwyg div.fieldvalue.read h2, div.iform div.field.wysiwyg div.fieldvalue.read h3 {
    color: #21ade4;
    padding: .5em 0;
}

div.iform div.field.wysiwyg div.fieldvalue.read > h1:first-child, div.iform div.field.wysiwyg div.fieldvalue.read > h2:first-child, div.iform div.field.wysiwyg div.fieldvalue.read > h3:first-child {
    padding-top: 0;
}

div.iform div.field.wysiwyg div.fieldvalue.read br + div > h3:first-child {
    padding-top: 0;
}

div.iform div.field.wysiwyg div.bordered_example {
    border: .3em black solid;
    font-weight: bold;
    font-size: 1.1em;
    padding: 1.5em;
    margin: 1em 0;
    line-height: 2em;
}

select + span.valid_answers.valid {
    color: green;
    font-weight: bold;
}

select + span.valid_answers.wrong {
    color: red;
    font-weight: bold;
}

form#form_program_test_try input[type="checkbox"].valid + label {
    color: green;
    font-weight: bold;
}

form#form_program_test_try input[type="checkbox"].wrong + label {
    color: red;
    font-weight: bold;
}

/* раздел конструктора тестов */
form#form_program_test_bank div[id^="div_svg_visualized_result"] svg {
    max-width: 40em;
    height: auto;
}

form#form_program_test_bank svg tspan {
    font-family: "ProximaNova", "Arial", sans-serif !important;
}

/* раздел отчеты */
div.kind_stats div.user_rating_error {
    font-size: 1.5em;
    color: rgb(197, 44, 63);
    font-weight: bold;
    margin: .5em 0;
}

div.kind_stats [id="div_program_additional_groups[0]"] a {
    font-weight: bold;
    color: green;
}

div.stats_profile div.conversation_form_data textarea {
    width: 100% !important;
    border-radius: 0 !important;
    margin-bottom: 0;
    vertical-align: top;
    display: block;
}

div.stats_profile div.conversation_form_data {
    width: 100% !important;
}

div.stats_profile div.conversation_form_controls {
    margin: .5em 0;
}

select[name="status_selector"], select[name="program_additional_groups_selector"] {
    display: none;
}

span.set_additional_rights {
    margin-left: .5em;
}

span.set_additional_rights span.fa {
    opacity: .2;
}

span.set_additional_rights:hover span.fa {
    opacity: 1;
    cursor: pointer;
}

span.user_companies_user_data {
    padding-left: .5em;
    display: block;
}

span.user_companies_user_data_header {
    font-weight: bold;
    margin-bottom: .5em;
    margin-top: .5em;
    display: block;
}

span.user_companies_user_data_header:first-child {
    margin-top: 0;
}

input#excel_file_path {
    display: none;
}

/* раздел назначения hr-тестов */
div.hr_project_assignment {
    margin-top: .5em;
}

div.hr_project_assignment button#hr_project_assign_test {
    margin-right: .5em;
    padding: .3rem .5rem !important;
    font-size: 1.1rem !important;
}

div.hr_project_assignment button#hr_project_assign_report {
    padding: .3rem .5rem !important;
    font-size: 1.1rem !important;
}

div.hr_project_assignment button#hr_project_assign_test button, div.hr_project_assignment button#hr_project_assign_report button {
    padding: .3rem .5rem !important;
    font-size: 1.1rem !important;
}

/* раздел обновлений */
div.users_by_companies_report_name {
    display: inline-block;
    width: 40em;
    color: #020202;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: bold;
    font-size: .8em;
}

div.users_by_companies_report_count_gradient {
    display: inline-block;
    margin-right: 1em;
    height: 1.3em;
    width: .1em;
    background: -webkit-linear-gradient(left, #4d48a3, #1a7cb6);
    background: linear-gradient(to right, #4d48a3, #1a7cb6);
    vertical-align: middle;
}

div.users_by_companies_report_count {
    display: inline-block;
    width: 10em;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1.3em;
}

/* опросы */
table.survey_results_table {
    width: auto;
    min-width: 100%;
}

table.survey_results_table tr.menu {
    font-size: 1.1em;
}

table.survey_results_table th#th_fio {
    width: 10em;
}

table.survey_results_table th#th_percentage {
    width: 3em;
}

/* проектные формы */
form#form_dataform div.field a.project_field_link_to_wizard {
    font-weight: bold;
    font-size: .8em;
    float: right;
    opacity: .2;
}

form#form_dataform div.field:hover a.project_field_link_to_wizard {
    opacity: .5;
}

form#form_dataform div.field a.project_field_link_to_wizard:hover {
    opacity: 1;
}

/* троеточие */
#circleGroup {
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    border-radius: 50%;
    background-color: #acb0b4;
    width: 1.2em;
    height: 1.2em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.circleGroup {
    content: '';
    position: relative;
    background-color: white;
    border-radius: 50%;
    width: .2em !important;
    height: .2em !important;
    max-width: 3px;
    max-height: 3px;
    margin-left: .1em;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .2em;
}

.circleGroup:first-of-type {
    margin-left: 0;
}

/* 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;
}

/* скользящее появление меню */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
        -o-transform: translateY(20px);

    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    from {
        opacity: 0;
        -ms-transform: translateY(20px);

    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
        -moz-transform: translateY(20px);

    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);

    }
    to {
        opacity: 1;
    }
}

/* адаптативная верстка */
@media only screen {
    body.open_part div.fullpage, body.open_part div.fullpage_wrapper {
        margin: 0;
        height: 100%;
        width: 100%;
        display: table;
        background: none;
        padding: 0;
    }

    div.footer {
        display: none;
    }
}

@media only screen and (min-width: 700px) {
    *::-webkit-scrollbar-button {
        display: none;
    }

    *::-webkit-scrollbar {
        width: 1rem;
    }

    *::-webkit-scrollbar-track {
        background-color: #F8F8F8;
        border: 1px solid #DFDFDF;
        border-radius: .4rem;
    }

    *::-webkit-scrollbar-thumb {
        background: #C4C4C4;
        background-clip: content-box;
        border: .25rem solid transparent;
        border-radius: .5rem;
    }

    div.open_part_login {
        padding: 0 5em;
    }
}

@media only screen and (min-width: 1000px) {
}

@media only screen and (max-width: 1300px) and (min-device-width: 767px) {
    /* меню от этого размера и ниже (вплоть до мобильной версии) сворачиваем автоматически */
    div.header div.mobile_menu_button svg {
        margin-left: .5em;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    div.mobile_menu {
        width: 6rem;
        background-size: 6rem auto;
    }

    div.mobile_menu div.logo {
        background: center center url(logo-2.svg) no-repeat;
        background-size: 3.5em;
        margin: 0;
        width: 6rem;
        height: 6rem;
        border-bottom: 1px solid rgb(64, 65, 72);
    }

    body.u24 div.mobile_menu div.logo {
        background: center center url(u24_logo-2.png) no-repeat;
        background-size: 4.5em;
    }

    body.pp_568 div.mobile_menu div.logo {
        background: center center url(pp_568_logo.png) no-repeat;
        background-size: 4.5em;
    }

    div.mobile_menu div.menu_item_wrapper {
        width: 6rem;
        border-bottom: 1px solid rgb(64, 65, 72);
        text-align: center;
        padding: .5em 0;
    }

    div.mobile_menu div.menu_item_wrapper.hr {
        display: none;
    }

    div.mobile_menu div.mobile_menu div.menu_item_wrapper a.menu {
        width: 6rem;
        padding: .5em;
    }

    div.mobile_menu div.menu_item_wrapper a.menu {
        text-align: center;
        font-size: .9em;
    }

    div.mobile_menu div.menu_item_wrapper a.menu span.menu_image {
        display: table-cell;
        width: 3em;
        height: 3em;
        text-align: center;
        margin: 0;
        vertical-align: middle;
    }

    div.mobile_menu div.menu_item_wrapper a.menu span.menu_image svg {
        width: 100%;
        height: auto;
        max-height: 2.5em;
        max-width: 2.5em;
    }

    div.mobile_menu div.menu_item_wrapper.item1, div.mobile_menu div.menu_item_wrapper.item2 {
        display: none;
    }

    body.rtvector div.mobile_menu div.menu_item_wrapper.item1, body.rtvector div.mobile_menu div.menu_item_wrapper.item2 {
        display: table;
    }

    div.mobile_menu div.menu_item_wrapper a.menu span.menu_name {
        display: inline-block;
        width: 100%;
    }

    div.mobile_menu div.menu_item_wrapper.program_outer a.menu span.menu_name {
        margin-left: 0 !important;
    }

    div.header div.login_buttons a {
        margin-right: 1rem;
    }

    div.fullpage_wrapper {
        margin-left: 6rem;
    }
}

@media only screen and (max-width: 1300px) {
    div.header_left {
        display: none;
    }

    div.header_middle {
        width: 73%;
        min-width: 73%;
        max-width: 73%;
    }

    div.maincontent {
        padding: 2.5rem 2rem;
        font-size: 1.3em;
    }
}

@media only screen and (min-width: 1300px) {
    div.maincontent {
        padding: 2.5rem 8%;
    }

    div.open_part_mainpage_wrapper {
    }

    div.open_part_login {
        padding: 0 6em;
    }

    div.header div.login_buttons a {
        margin-right: 1rem;
    }
}

@media only screen and (min-width: 1400px) {
    div.open_part_mainpage_wrapper {
    }

    div.open_part_login {
        padding: 0 6em;
    }

    div.header div.login_buttons a {
        margin-right: 2rem;
    }
}

@media only screen and (min-width: 1550px) {

}

@media only screen and (min-width: 1900px) {
    div.open_part_login {
        padding: 0 2em;
    }
}

/* мобильная верстка */
@media only screen and (max-device-width: 767px) {
    /* основные элементы */
    .mobile_hidden {
        display: none !important;
    }

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

    div.indexer {
        height: 15em;
        margin-bottom: .5rem;
    }

    div.indexer_toggle, div.indexer_toggle.indexer_shown {
        margin-right: 0;
        margin-top: -1.5em;
        z-index: 1;
    }

    div.indexer_toggle.indexer_shown span.indexer_toggle_text {
        display: inline-block;
    }

    div.maincontent_data h1.data_h1 {
        font-size: 2.5em;
    }

    button.main, input.main, button.nonimportant, input.nonimportant, button.careful, input.careful, button.close {
        font-size: 1.8rem !important;
        line-height: 1.8rem !important;
    }

    button.main, input.main, button.nonimportant, input.nonimportant {
        padding: 1rem 3rem !important;
    }

    button.careful:hover:not(.ui-button-disabled), input.careful:hover, button.careful2:hover, input.careful2:hover, button.close:hover, button.careful:not(.ui-button-disabled), input.careful, button.careful2, input.careful2, button.close {
        padding: .85rem 2.85rem;
    }

    .pagecount td.next, .pagecount td.previous {
        display: none;
    }

    .pagecount td.pagenums {
        padding: 0;
    }

    div.fixed_help {
        margin-top: -2.6em;
        font-size: 1.3em;
        width: 65%;
        opacity: .5;
    }

    div.dropfield {
        font-size: 1.1em;
    }

    div.maincontent_data.autocreated form div.field, div.maincontent_data form button.nonimportant.add_group {
        margin-bottom: 3rem;
    }

    /* вкладки */
    .ui-tabs .ui-tabs-nav {
        font-size: 1.7rem !important;
        background-color: white;
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        justify-content: space-between;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        border-top-left-radius: .5em;
        border-top-right-radius: .5em;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    div.maincontent_data.autocreated .ui-tabs > .ui-tabs-nav, div.soc_part.full > div.tabs:first-child > .ui-tabs-nav, div.soc_part_right > div.tabs:first-child > .ui-tabs-nav {
        padding-right: 0;
        background-color: white;
        border-top-left-radius: .5em;
        border-top-right-radius: .5em;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    div.ui-tabs-panel .ui-tabs .ui-tabs-nav, div.soc_part.section .ui-tabs .ui-tabs-nav {
        width: auto;
        max-width: none;
        border-radius: unset;
        margin: 1rem 0;
        padding: 0;
    }

    .ui-tabs ul.ui-tabs-nav li {
        padding: 0;
        flex: 1 0 auto;
    }

    .ui-tabs .ui-tabs-nav li a {
        padding: 0;
        margin: .5em;
    }

    .ui-tabs ul.ui-tabs-nav li.ui-state-hover {
        background: none #d9e3e9;
        padding: 0;
    }

    .ui-tabs ul.ui-tabs-nav li.ui-tabs-active, .ui-tabs ul.ui-tabs-nav li.ui-tabs-active.ui-state-hover {
        background: none white;
        padding: 0 0 1px 0;
    }

    /* ui-диалоги */
    .ui-dialog {
        font-size: small !important;
    }

    .ui-dialog .ui-dialog-content {
        min-height: auto !important;
    }

    div.ui-dialog div#text2 input {
        width: 100%;
    }

    /* модальные окна */
    #modal-container {
        width: 98% !important;
        height: 90% !important;
        left: 1% !important;
        top: 10% !important;
        font-size: 1.2rem;
    }

    .modal-title {
        padding: 1.5em;
    }

    .modal-content {
        padding: 1.5em;
    }

    #modal-container a.modalCloseImg {
        top: 0;
        right: 0;
    }

    /* мобильное меню */
    div.mobile_menu_wrapper:before {
        display: none;
    }

    div.mobile_menu {
        width: 100% !important;
        background: #24242c !important;
        display: none;
        opacity: 1 !important;
        padding-top: 10em;
        overflow-y: auto;
    }

    div.mobile_menu.mobile_version {
        display: none;
    }

    div.mobile_menu div.logo {
        display: none;
    }

    div.mobile_menu div.menu_item_wrapper {
        width: 100% !important;
        font-size: 2em;
        border-bottom: none !important;
        text-align: left !important;
        padding: 1.2rem 1rem !important;
    }

    div.mobile_menu div.menu_item_wrapper a.menu {
        width: 12rem !important;
        font-size: 1.2em !important;
        text-align: left !important;
    }

    body.minimized_menu div.mobile_menu div.menu_item_wrapper a.menu span.menu_name {
        width: auto !important;
    }

    div.mobile_menu div.menu_item_wrapper a.menu span.menu_image {
        display: inline-block !important;
        width: 1em !important;
        margin: 0 1em !important;
        height: 1em !important;
        vertical-align: top !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    div.mobile_menu div.menu_item_wrapper a.menu span.menu_image svg {
        max-width: 1em !important;
        max-height: 1em !important;
        width: 100% !important;
        height: auto !important;
        vertical-align: middle !important;
    }

    div.mobile_menu div.menu_item_wrapper a.menu span.menu_name {
        font-size: .8em;
    }

    div.mobile_menu div.menu_item_wrapper.hr {
        display: table !important;
    }

    div.mobile_menu div.menu_item_wrapper.item1, div.mobile_menu div.menu_item_wrapper.item2, div.mobile_menu div.menu_item_wrapper.item_profile_4 {
        display: table !important;
    }

    div.mobile_menu div.menu_item_wrapper.program_outer a.menu span.menu_name {
        margin-left: 3.7em;
    }

    div.mobile_menu div.submenu a {
        font-size: 140%;
    }

    div.mobile_menu div.submenu a.level2 {
        font-size: 130%;
    }

    /* общие элементы дизайна внутренней части */
    div.conversations_widget_container {
        display: none;
    }

    div.tasks_widget_container {
        display: none;
    }

    div.help_widget_container {
        display: none;
    }

    a.open_part_edit_button {
        display: none;
    }

    div.header {
        position: fixed;
        z-index: 100000;
        background: #24242c;
        padding: 0;
        height: 8em;
        min-height: 8em;
        max-height: 8em;
    }

    div.header div.mobile_logo {
        display: inline-block;
        cursor: pointer;
        height: 6rem;
        background: url(logo-1.svg) no-repeat;
        background-size: contain;
        width: 20rem;
        background-position: center;
        margin: auto;
    }

    body.u24 div.header div.mobile_logo {
        background: url(u24_logo-1.png) no-repeat;
        background-size: contain;
    }

    body.pp_568 div.header div.mobile_logo {
        background: url(pp_568_logo.png) center no-repeat;
        background-size: contain;
    }

    div.header div.mobile_logo a {
        display: block;
        width: 100%;
        height: 100%;
    }

    div.header div.qwerty_space, div.header div.login_buttons, div.header div.login_user_name {
        display: none;
    }

    div.header div.photoName {
        width: 4rem;
        margin-right: 2.5rem;
    }

    div.header_left {
        padding-left: 0;
        width: 20%;
        min-width: 20%;
        max-width: 20%;
        display: flex;
    }

    div.header div.mobile_menu_button {
        display: inline-block;
        width: 3rem;
        height: 2rem;
        vertical-align: middle;
        cursor: pointer;
        z-index: 1;
        background: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent !important;
        margin: auto 0 auto 3rem;
    }

    div.header div.mobile_menu_button:hover {
        background-color: transparent;
    }

    div.header div.mobile_menu_button svg {
        display: none;
    }

    div.header div.mobile_menu_button span {
        display: block;
        position: absolute;
        height: .3em;
        width: 100%;
        background: #6d737b;
        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.header div.mobile_menu_button span:nth-of-type(1) {
        top: 0;
    }

    div.header div.mobile_menu_button span:nth-of-type(2), div.header div.mobile_menu_button span:nth-of-type(3) {
        top: .85em;
    }

    div.header div.mobile_menu_button span:nth-of-type(4) {
        top: 1.7em;
    }

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

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

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

    div.header_middle {
        width: 60%;
        min-width: 60%;
        max-width: 60%;
        display: flex;
    }

    div.header_middle div.login_user_name {
        display: none;
    }

    div.header_right {
        width: 20%;
        min-width: 20%;
        max-width: 20%;
        padding: 0;
    }

    div.header div.header_login {
        justify-content: flex-end;
    }

    div.global_menu {
        display: none;
    }

    div.fullpage {
        margin: 0;
        padding: 0;
        height: 100%;
    }

    div.fullpage_wrapper {
        margin-left: 0;
        max-width: 100%;
    }

    div.content {
        padding: 8rem 0 0 0;
        flex-direction: column;
        justify-content: flex-start;
    }

    div.maincontent {
    }

    div.maincontent_wrapper {
        font-size: 1.5em;
        display: flex;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

    div.maincontent_data {
        border: 0;
        display: flex;
        flex-wrap: nowrap;
        align-content: flex-start;
        flex-direction: column;
    }

    div.maincontent_data > form[id^='form_'] {
        padding-top: 1rem;
        font-size: 1.2rem;
    }

    div.soc_part.full:first-of-type {
        padding-top: 1rem;
    }

    div.soc_part:not(.section) {
        font-size: inherit;
    }

    div.soc_part h2 {
        font-size: 1.5em;
    }

    div.soc_part div.soc_part_left.reduced {
        display: table-caption;
        width: 100%;
        text-align: left;
    }

    div.soc_part div.soc_part_left.reduced.white_background {
        padding-bottom: 1em;
    }

    div.soc_part div.soc_part_left.reduced div.soc_part_left_avatar {
        display: none !important;
        width: 15%;
        margin-bottom: 1%;
        float: left;
        overflow: hidden;
        height: 6.5em;
        margin-right: 3em;
    }

    div.soc_part div.soc_part_left.reduced:not(.white_background):not(.task):not(.event) {
        min-height: auto;
        padding: 0;
    }

    div.soc_part div.soc_part_right.extended {
        padding-top: 0;
        margin-top: 4em;
    }

    div.soc_part div.soc_part_left.reduced.white_background + div.soc_part_right.extended {
        margin-top: 0;
    }

    div.soc_part div.soc_part_right:last-of-type {
        border-radius: .5em 0 .5em .5em;
    }

    div.soc_part_right div.section_menu {
        margin-top: -3.2em;
        min-width: 35rem;
        max-width: 50rem;
        width: auto;
    }

    div.soc_part_right div.section_menu span.svg_background_import {
        vertical-align: text-top;
    }

    div.soc_part_right div.section_menu div.section_menu_functions_list {
        width: 25rem;
    }

    div.soc_part_right div.section_menu div.section_menu_functions_list a {
        font-size: 1.4rem;
    }

    div.soc_part_right div.section_menu div.actions_list {
        margin: -0.5em 1em -0.6em 0;
        padding: .55em 2em .6em 0;
    }

    div.footer {
        margin-top: 2em;
    }

    div.footer_left {
        width: 40%;
    }

    div.footer_middle {
        width: 20%;
    }

    div.footer_right {
        width: 40%;
    }

    /* внешняя (открытая) часть */
    div.open_part_mainpage_wrapper {
        width: 98%;
    }

    div.open_part_mainpage_wrapper h1 {
        margin: 0 0 1em 0;
    }

    body.open_part div.header, body.open_part div.footer {
        padding-right: 3em;
        padding-left: 3em;
    }

    body.open_part div.header {
        position: relative;
    }

    body.open_part div.header_left {
        width: 15%;
        min-width: 15%;
        max-width: 15%;
    }

    body.open_part div.header_middle {
        width: 70%;
        min-width: 70%;
        max-width: 70%;
    }

    body.open_part div.header_middle div.header_under_logo {
        margin-top: .5em;
    }

    body.open_part div.header_right {
        width: 15%;
        min-width: 15%;
        max-width: 15%;
        margin-left: 0;
    }

    body.open_part div.header_right div.header_right_help {
        margin-right: 1em;
    }

    body.open_part div.fullpage {
        padding-top: 0;
    }

    body.open_part div.content {
        display: table-row;
    }

    body.open_part div.maincontent_wrapper {
        display: block;
        width: 100%;
    }

    body.open_part div.maincontent {
        display: table-cell;
    }

    body.open_part div.footer_wrapper {
        padding-bottom: 0;
    }

    div.open_part_main.step_2 div.buttons button {
        font-size: 1.5rem !important;
        line-height: 1.5rem !important;
    }

    div.open_part_main.step_3 {
        padding: 3em 2em;
    }

    div.open_part_main.step_3 div.success_message {
        width: 100%;
    }

    div.open_part_main.step_3 div.buttons {
        width: 100%;
    }

    body.open_part div.maincontent_data form {
        font-size: 1.3em;
    }

    body.open_part div.maincontent_wrapper {
        font-size: inherit;
    }

    /* перестраиваем автоматические таблицы под удобный для работы формат */
    table.maininfotable {
        width: 100%;
    }

    table.maininfotable tr {
        width: 100%;
        display: inline-block;
    }

    table.maininfotable tr.menu {
        font-size: inherit;
    }

    table.maininfotable tr.menu td {
        font-size: 1.3rem;
    }

    table.maininfotable td {
        display: inline-block;
        text-align: left;
        padding: 0 !important;
        margin: 1% !important;
    }

    table.maininfotable td.small, table.maininfotable td.type1delete, table.maininfotable td.type1num {
        width: 3% !important;
        min-width: 3% !important;
        margin: 1% 0 1% 1% !important;
    }

    table.maininfotable tr.menu td:nth-of-type(3) {
        font-size: 1.6rem;
    }

    table.maininfotable tr td:nth-of-type(3) {
        width: 90% !important;
        min-width: 90% !important;
    }

    table.maininfotable tr td:nth-of-type(4n) {
        margin-left: 9% !important;
    }

    table.maininfotable td {
        width: 21% !important;
        min-width: 21% !important;
    }

    table.maininfotable tr.menu td[colspan] {
        width: 100% !important;
        margin: 1% 0 !important;
    }

    /* перестраиваем обычные таблицы под удобный для работы формат */
    table.menutable {
        width: 100%;
    }

    table.menutable tr {
        width: 100%;
        display: inline-block;
    }

    table.menutable tr.menu {
        font-size: inherit;
    }

    table.menutable td, table.menutable th {
        font-size: x-small;
        display: inline-block;
        text-align: left;
        padding: 0 !important;
        margin: 1% !important;
        width: 31% !important;
        min-width: 31% !important;
    }

    table.menutable td:nth-of-type(3n), table.menutable th:nth-of-type(3n) {
        width: 32% !important;
        min-width: 32% !important;
    }

    table.menutable td[colspan] {
        width: 100% !important;
        min-width: 100% !important;
    }

    /* различные отдельные элементы */
    div.actions_list_items {
        right: 0 !important;
        font-size: 1.5rem;
        top: 4rem;
    }

    a.outer_add_something_button {
        top: 0 !important;;
        padding: 0 !important;
        margin: 0 !important;;
    }

    a.outer_add_something_button span.svg_background_import, div.maincontent_data > a.outer_add_something_button span.svg_background_import {
        margin-right: 0;
        width: 1.8em;
        height: 1.8em;
    }

    a.outer_add_something_button span.outer_add_something_button_text {
        display: none;
    }

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

    input#search {
        width: calc(100% - 2.5rem);
    }

    div.message_conversation_form div.conversation_form {
        padding: 1em 1.5em;
    }

    div.mainpage_login {
        padding: 2em 0;
    }

    div.open_part_login {
        padding: 0 1em;
    }

    div.socstart_messages {
        display: none;
    }

    div.project_users_list div.photoName, div.community_users_list div.photoName, div.task_users_list div.photoName, div.event_users_list div.photoName {
        width: 30%;
    }

    div.overflown_content.em15 {
        overflow: inherit;
        width: 100%;
        height: auto;
    }

    div.overflown_content.em15 + a.show_hidden {
        display: none;
    }

    div.welcome_and_completion_message {
        width: 100% !important;
        font-size: 1em;
    }

    div.program_tests_list_container {
        width: 100%;
    }

    div.in_program_list_container div.program_tests_list_container {
        width: 100%;
        margin-bottom: 1em;
    }

    div.programs_blocks {
        grid-template-columns: repeat(1, 1fr);
    }

    a.programs_block {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        font-size: .8em;
        height: 17em;
        border-radius: .5em;
    }

    a.programs_block div.name {
        height: 9rem;
        min-height: 9rem;
        max-height: 9rem;
        padding: 2rem 1.8rem;
    }

    div.in_program_list_container {
        width: 100%;
        padding: .5em;
        border-radius: .4em;
    }

    div.in_program_list_container h1.page_header.header_arrow {
        padding: .8em 1.5em .8em .8em;
        background-position: right .5em center;
        font-size: 1em;
        border-radius: .3em .3em 0 0;
    }

    div.in_program_progress_text {
        position: relative;
        flex: 1;
        font-size: 1.3rem;
        right: auto;
        justify-content: flex-end;
    }

    div.in_program_progress_text span {
        display: none;
    }

    div.in_program_list_container div.project_form_block {
        padding-left: 1.6em;
        padding-right: .5em;
    }

    div.in_program_list_container div.project_form_block div.project_form_block_icon {
        left: 0;
        top: 1.3em;
        width: 1.1em;
        height: 1.1em;
    }

    div.program_header {
        width: 100%;
        height: 5em;
        margin-bottom: 1em;
        border-radius: .4em;
    }

    div.program_header div.program_header_progress {
        width: 5em;
        max-width: 5em;
        min-width: 5em;
    }

    div.program_header div.program_header_progress div.program_header_progress_wrapper {
        font-size: 3em;
    }

    div.program_header h1 {
        font-size: 1.3em;
    }

    div.program_header div.logo {
        display: none;
    }

    div.kind_socstart {
        padding-right: 0 !important;
    }

    div.kind_socstart div.soc_part_projects, div.soc_part_projects {
        grid-template-columns: repeat(1, 1fr);
    }

    div.soc_part_projects a.load_projects_communities_list {
        grid-column: span 1;
    }

    a.soc_part_project_container {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        font-size: 1.8rem;
        height: auto;
        margin: 0 0 1em 0;
        min-height: 26rem;
    }

    div.soc_part_project div.soc_part_project_img_wrapper {
        border-radius: .5em 0 0 .5em;
        width: 5rem;
        max-width: 5rem;
        min-width: 5rem;
    }

    div.soc_part_project div.soc_part_project_right {
        border-radius: 0 .5em .5em 0;
        padding: 2rem;
    }

    a.soc_part_plus div.soc_part_plus_header, div.soc_part_project div.soc_part_project_right div.soc_part_project_right_name {
        font-size: 2rem;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        max-height: 3.5rem;
    }

    div.soc_part_project div.soc_part_project_right span.svg_background_import {
        width: 1.5rem;
        height: 1.5rem;
    }

    div.soc_part_project div.soc_part_project_right span.svg_background_import svg {
        width: 1.5rem;
    }

    div.soc_part_project div.soc_part_project_right div.soc_part_project_annotation {
        height: 7rem;
    }

    a.soc_part_plus input#add_project_form_name {
        font-size: 1.8rem;
    }

    a.soc_part_plus form.add_project_form {
        height: 14rem;
        overflow: initial;
    }

    div.soc_part div.project_events_tab {
        float: none;
        width: auto;
        margin: -1em 0 1em 0;
        border: 0;
    }

    div.soc_part div.project_events_tab div.project_events_tab_header {
        padding: 1.5em 0;
    }

    div.maincontent_data div.block#project_wall {
        width: 100%;
    }

    div.soc_part div.project_author {
        display: none;
    }

    div.soc_part div.project_description {
        max-height: 10em;
        overflow-y: hidden;
    }

    div.soc_part div.project_author_like {
        width: auto;
        text-align: right;
        margin-left: 1em;
    }

    div.important_button span.important_button_icon {
        width: 1em !important;
        height: 1em !important;
    }

    div.project_dates {
        width: auto;
        margin-right: 0;
        min-width: 9rem;
        clear: right;
        margin-top: 1em;
        margin-left: 1em;
    }

    div.project_dates span {
        display: none;
    }

    div.canvas_holder {
        height: 30em;
        max-height: 30em;
    }

    div.project_form_datadate_buttons + div.canvas_holder {
        max-width: 100%;
    }

    tr.portfolio_chart div.canvas_holder {
        display: none;
    }

    a.back_to_list {
        font-size: .85em;
    }

    div.project_form_block {
        padding: 1em;
    }

    div.project_form_block div.project_form_block_name {
        font-size: 1em;
        flex-wrap: wrap;
    }

    div.in_program_list_container div.project_form_block div.project_form_block_name span.project_form_block_name_span {
        order: 1;
    }

    div.in_program_list_container div.project_form_block div.project_form_block_name span.project_form_block_report_link {
        order: 3;
        min-width: 100%;
        margin-left: 0;
        margin-top: .5em;
    }

    div.in_program_list_container div.project_form_block div.project_form_block_name span.completion {
        order: 2;
    }

    div.project_form_datadate_buttons {
        float: none;
        text-align: right;
        margin: 0 0 2em 0;
        height: auto;
        width: 100%;
        padding-left: 5em;
    }

    div.project_form_datadate_buttons button {
        margin-right: .5em;
        margin-top: 0;
    }

    div.project_form_datadate_buttons div.project_form_datadate_buttons_separator {
        right: 0;
        left: 5em;
    }

    div.tasklist_filter {
        top: -9em;
    }

    div.tasklist_filter select[name="tasklist_filter_obj"] {
        max-width: 7em;
    }

    div.soc_part.full div.tasklist_filter {
        right: 0;
        top: 2em;
        z-index: 1;
    }

    div[class$="_users_list"] input[name="user_rights_lookup"] {
        width: 14em;
        padding-right: 2em;
    }

    div.eventlist div.eventlist_controls h2 {
        clear: both;
        padding-top: 1em;
    }

    div.eventlist_table table td {
        height: 5em;
    }

    div.eventlist div.eventlist_controls button {
        padding: .5rem !important
    }

    div.task_status, div.task_priority, div.task_percentage, div.task_state {
        clear: right;
        margin: .5em 0 0 0;
    }

    div.soc_part div.soc_part_left.reduced button {
        float: none;
        width: 100%;
    }

    div.soc_part div.soc_part_left.reduced button.svg_background span.svg_background_import {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
    }

    div#login_choices form button, div#login_remind form button {
        width: 30rem;
    }

    li[aria-controls="tabs-calendar"] {
        display: none;
    }

    div.maincontent_data > h1 {
        margin-top: .5em;
    }

    div.maincontent_data > h1:first-of-type {
        margin-top: 0;
    }

    div.maincontent_data h1.page_header, div.maincontent_data h1.form_header {
        font-size: 1.5em;
    }

    div.maincontent_data h1.page_header.header_arrow:before {
        content: none;
    }

    div.maincontent_data div.novikombank {
        display: block;
        position: relative;
        margin: .3em 0;
        width: 10em;
        text-align: left;
    }

    div.wall_message div.wall_message_data div.wall_message_time {
        vertical-align: top;
    }

    div.soc_part div.tabs div[class$="_users_list"] div.photoName {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    div[class$="_library"] a.library_controls {
        margin-left: .5em;
    }

    div.tasklist_table {
        width: 100%;
        overflow-y: auto;
    }

    table.tasks_table {
        width: 150%;
    }

    div.soc_part_right.extended table.tasks_table {
        width: 125%;
    }

    div[aria-labelledby^="portfolio_"] {
        overflow-x: auto;
    }

    div.soc_part.full.people div.indexer_toggle, div.soc_part.full.people div.indexer_toggle.indexer_shown {
        margin-top: -3.2em;
    }

    div.fieldvalue[id^="div_beforeask"] ol {
        margin-left: 0;
        padding-left: 1em;
    }

    /* портфолио, компетенции, прецеденты */
    table.portfolio_table div.competence_name {
        margin-right: 2em;
    }

    div.bar_graph {
        margin-top: .5em;
        clear: right;
    }

    table.portfolio_table div.remove_competence {
        margin-right: -0.2em;
    }

    td.story_main_settings div.story_emotionals, div.story_members_list div.story_emotionals {
        max-width: 48%;
    }

    td.story_main_settings div.story_group_story {
        margin-bottom: .5em;
    }

    td.story_main_settings div.story_group_stories {
        max-width: 48%;
    }

    td.story_main_settings div.story_emotional, div.story_members_list div.story_emotional {
        margin-bottom: .5em;
    }

    div.story_members_list div.story_member_witness {
        float: none;
        margin-top: .5em;
    }

    div.story_members_list div.story_user div.photoName {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    div.story_competence_list div.story_competence_list_item div.story_competence_list_item_levels {
        float: none;
        display: block;
        text-align: left;
        margin-left: 0;
    }

    div.story_competence_list div.story_competence_list_item div.story_competence_list_item_level {
        float: none;
        margin-bottom: .5em;
        width: 15em;
    }

    div.story_competence_list div.story_competence_list_item span.small {
        font-size: .8em;
    }

    /* стены / обсуждения / диалоги */
    div#project_wall div.conversation_form div.conversation_form_photo, div.conversation_message_maincontent div.conversation_form div.conversation_form_photo {
        display: none !important;
    }

    div#project_wall div.conversation_form div.conversation_form_data, div.conversation_message_maincontent div.conversation_form div.conversation_form_data {
        width: 100% !important;
    }

    /* регистрация в открытой части */
    div.open_part_main.step_0 div.steps_description div.steps_description_full div.steps_description_circle {
        width: 10em;
        height: 10em;
    }

    div.open_part_main.step_0 div.steps_description div.steps_description_line.line_2 div {
        font-family: "ProximaNova", Arial, sans-serif;
        font-size: 1em;
    }

    div.open_part_main.step_0 button.participate {
        margin-top: 1.5em;
    }

    div.open_part_main.step_0 div.or_login {
        margin: 1.5em 0;
    }

    div.open_part_main.step_0 button.login {
    }

    div.open_part_main.step_1 div.status_description {
        font-size: .7em;
    }

    div.open_part_main.step_1 div.status_description div.status_description_full div.status_description_circle {
        width: 11.5em;
        height: 11.5em;
    }

    div.open_part_main.step_1 button.register_as {
        padding: .7em 2em !important;
    }

    div.open_part_main.step_2 div.buttons button span {
        padding: .3rem 1rem !important;
    }

    div.open_part_main.step_2 {
        padding: 2em 0;
    }

    div.open_part_main.step_2 div.password_name_div {
        margin-bottom: 1em;
    }

    div.open_part_main.step_2 div.repeat_password_name_div {
        margin-bottom: 1em;
    }

    div.open_part_main.step_2 hr {
        margin: 1em 0;
    }

    div.open_part_main.step_2 div.or_use_social_network {
        margin-bottom: 1em;
    }

    /* раздел сообщения */
    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 a#conversation_search_image svg {
        width: 4em;
        height: 4em;
    }

    div.conversation_message_switcher.inside_conversation {
        display: none;
    }

    div.conversation_message_switcher div.conversation_message_switcher_scroller {
        height: auto;
    }

    div.conversation_message_switcher + div.conversation_message_maincontent {
        display: none;
    }

    div.conversation_message_switcher.inside_conversation + div.conversation_message_maincontent {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        border: 0;
        display: flex;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 0;
        height: calc(100vh - 10em);
        min-height: calc(100vh - 10em);
        max-height: calc(100vh - 10em);
        border-radius: .5em;
        padding: 1rem;
    }

    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;
        font-size: 1.2em;
    }

    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.kind_conversation div.actions_list_text.svg_background_import svg {
        width: 1.3em;
    }

    div.new_message {
        margin: 2.5rem 1rem;
    }

    div.message {
        font-size: small;
    }

    div.message.inner {
        padding: 1rem;
    }

    div.message.inner div.message_delete {
        right: 1rem;
    }

    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;
        width: 8.5em;
        min-width: 8.5em;
        max-width: 8.5em;
    }

    div.conversation_message_switcher div.conversation_message_switcher_search_container {
        padding: 1.5rem 0;
        text-align: center;
    }

    div.conversation_message_switcher input#conversation_search_input {
        width: calc(90% - 2.5rem);
        font-size: 1.5rem !important;
    }

    /* раздел друзья */
    div.indexer.filters_people_indexer {
        margin-bottom: 1em;
    }

    div.soc_part div.colleague {
        float: none;
        width: 100%;
        padding-bottom: 1em;
        border-bottom: 1px solid rgb(218, 225, 232);
    }

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

    div.soc_part div.colleague:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    div.soc_part.full.people hr {
        display: none;
    }

    /* различные отдельные элементы динамических разделов */
    form#form_program_test_try input[name="test_alias[0]"][value^="TR_"] ~ div[id^="field_legend"] div.fieldvalue, form#form_program_test_try input[name="test_alias[0]"][value^="TEAMROLES_"] ~ div[id^="field_legend"] div.fieldvalue {
        font-size: 1.95em;
    }

    div.maincontent_data.autocreated.vform[class*="360_"] form div.field.multiselect.multiselect_one {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    form#form_program_test_try div[id^="field_questionclassic_"] + div.field div.fieldname, div.vform_dynamic_test form#form_program_test_try div.field div.fieldname {
        font-size: 1.5em;
    }
}

/* альбомный разворот */
@media only screen and (max-device-width: 767px) and (orientation: landscape) {

}

/* стили для печати */
@media print {
    @page {
        size: auto;
        margin: 10mm;
    }

    body {
        margin: 0;
    }
}

/* данные для мобильной версии (передаются через API) */
#mobile_application_rgb .body {
    background-color: rgb(243, 243, 243);
    color: rgb(0, 0, 0);
}

#mobile_application_hex .body {
    background-color: #f3f3f3;
    color: #000000;
}

#mobile_application_rgb .link {
    color: rgb(0, 86, 150);
}

#mobile_application_hex .link {
    color: #005696;
}

#mobile_application_rgb .main_button {
    background-color: rgb(232, 109, 0);
    color: rgb(255, 255, 255);
}

#mobile_application_hex .main_button {
    background-color: #e86d00;
    color: #ffffff;
}

#mobile_application_rgb .nonimportant_button {
    background-color: rgb(51, 73, 96);
    color: rgb(255, 255, 255);
}

#mobile_application_hex .nonimportant_button {
    background-color: #334960;
    color: #ffffff;
}

#mobile_application_rgb .careful_button {
    background-color: rgb(170, 51, 51);
    color: rgb(255, 255, 255);
}

#mobile_application_hex .careful_button {
    background-color: #aa3333;
    color: #ffffff;
}

#mobile_application_rgb .gray {
    color: rgb(100, 100, 100);
}

#mobile_application_hex .gray {
    color: #646464;
}

#mobile_application_rgb .message {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

#mobile_application_hex .message {
    background-color: #ffffff;
    color: #000000;
}

#mobile_application_rgb .message_me {
    background-color: rgb(218, 227, 237);
    color: rgb(0, 0, 0);
}

#mobile_application_hex .message_me {
    background-color: #dae3ed;
    color: #000000;
}

#mobile_application .logo {
    background-image: url(logo-1.svg);
}


.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d4d9dd;
    border-radius: 0;
    height: 3em;
    line-height: normal;
    width: 100%;
    padding: 0.8em;
    font-size: 1.3em;
}
.select2-results__message, .select2-search__field, .select2-results__option {
    font-size: 12px;
}
.select2-selection__arrow {
    display: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    line-height: 100%;
    font-family: "ProximaNovaLight", Arial, sans-serif !important;
}



.logo-big {
    background-image: url(Logo-Big.svg);
    height: 150px;
    max-width: 500px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.program_label {
    position: absolute;
    left: 0px;
    top: -3px;
    padding: 1px 10px;
    border-radius: 0px 20px;
    font-size: 10px;
    color: white;
    z-index: 2;
}





.flex_col, .flex_row, .flex_col_5, .flex_row_5, .flex_col_10, .flex_row_10, .flex_col_15, .flex_row_15, .flex_col_20, .flex_row_20, .flex_col_25, .flex_row_25, .flex_col_30, .flex_row_30, .flex_col_40, .flex_row_40 {
    display: flex;
}
.flex_col, .flex_col_5, .flex_col_10, .flex_col_15, .flex_col_20, .flex_col_25, .flex_col_30, .flex_col_40 {flex-direction: column;}
.flex_row, .flex_row_5, .flex_row_10, .flex_row_15, .flex_row_20, .flex_row_25, .flex_row_30, .flex_row_40 {flex-direction: row;}
.flex_col_5 {row-gap: 5px;}
.flex_row_5 {column-gap: 5px;}
.flex_col_10 {row-gap: 10px;}
.flex_row_10 {column-gap: 10px;}
.flex_col_15 {row-gap: 15px;}
.flex_row_15 {column-gap: 15px;}
.flex_col_20 {row-gap: 20px;}
.flex_row_20 {column-gap: 20px;}
.flex_col_25 {row-gap: 25px;}
.flex_row_25 {column-gap: 25px;}
.flex_col_30 {row-gap: 25px;}
.flex_row_30 {column-gap: 25px;}
.flex_col_40 {row-gap: 40px;}
.flex_row_40 {column-gap: 40px;}
.flex_grow {flex-grow: 1;}
.flex_jc_c {justify-content: center;}
.flex_jc_e {justify-content: flex-end;}
.flex_ai_c {align-items: center;}
.flex_center {justify-content: center; align-items: center;}
.flex_wrap {flex-wrap: wrap;}
.flex_nowrap {flex-wrap: nowrap;}


.nw {
    white-space: nowrap;
}


.report_btn {
    padding: 2px 10px;
    font-size: 10px;
    color: white !important;
    background-color: #29ade4;
    border-radius: 20px;
    font-weight: normal;
    box-shadow: 0px 1px 3px #1d7ea7a6;
}
.report_btn:hover {
    box-shadow: 0px 1px 1px #1d7ea7a6;
}


.select2-dropdown {
    z-index: 20000;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px;
}