diff --git a/Web/static/css/style.css b/Web/static/css/style.css
index 482a2cff..bc094717 100644
--- a/Web/static/css/style.css
+++ b/Web/static/css/style.css
@@ -1,462 +1,470 @@
 html {
     overflow-y: scroll;
-  }
-  
-  body {
-      margin: 0;
-      padding: 0;
-      background-color: #fff;
-      text-align: left;
-      font-family: tahoma, verdana, arial, sans-serif;
-      font-size: 11px;
-      word-break: break-word;
-      word-wrap: break-word;
-  }
-  
-  span {
-      padding: 0 0 2px;
-      color: gray;
-      font-weight: bold;
-  }
-  
-  .nobold, nobold {
-      font-weight: normal;
-      color: gray;
-  }
-  
-  .hidden {
-      display: none;
-  }
-  
-  a {
-      text-decoration: none;
-      color: #2B587A;
-      cursor: pointer;
-  }
-  
-  .layout {
-      width: 791px;
-      margin: 0 auto;
-  }
-  
-  .page_header {
-      position: relative;
-      width: 791px;
-      height: 45px;
-      background-repeat: no-repeat;
-      background-position: 0;
-      background: url('../img/header.png');
-  }
-  
-  .page_custom_header {
-      background: url('../img/header_custom.png');
-  }
-  
-  #page_act {
-      border-bottom: 1px solid #d5dde6;
-      padding: 2px 10px 5px 10px;
-      color: #2B587A;
-      width: 608px;
-      margin-left: -10px;
-  }
-  
-  .home_button {
-      position: absolute;
-      width: 145px;    
-      text-indent: -999px;
-      height: 42px;
-  }
-  
-  .home_button_custom {
-      width: 175px;
-      text-indent: 58px;
-      line-height: 41px;
-      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
-      font-weight: bold;
-      color: white;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-  }
-  
-  .header_navigation {
-      text-align: center;
-      line-height: 20px;
-      padding-right: 8px;
-      text-transform: lowercase;
-      float: right;
-  }
-  
-  .header_navigation .link {
-      display: inline-block;
-      height: 29px;
-      padding: 11px 4px 0 7px;
-      background-size: 1.5px 41px;
-      background: url('../img/divider.png') no-repeat;
-  }
-  
-  .header_navigation .link a {
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+    text-align: left;
+    font-family: tahoma, verdana, arial, sans-serif;
+    font-size: 11px;
+    word-break: break-word;
+    word-wrap: break-word;
+}
+
+span {
+    padding: 0 0 2px;
+    color: gray;
+    font-weight: bold;
+}
+
+.nobold,
+nobold {
+    font-weight: normal;
+    color: gray;
+}
+
+.hidden {
+    display: none;
+}
+
+a {
+    text-decoration: none;
+    color: #2B587A;
+    cursor: pointer;
+}
+
+.layout {
+    width: 791px;
+    margin: 0 auto;
+}
+
+.page_header {
+    position: relative;
+    width: 791px;
+    height: 45px;
+    background-repeat: no-repeat;
+    background-position: 0;
+    background: url('../img/header.png');
+}
+
+.page_custom_header {
+    background: url('../img/header_custom.png');
+}
+
+#page_act {
+    border-bottom: 1px solid #d5dde6;
+    padding: 2px 10px 5px 10px;
+    color: #2B587A;
+    width: 608px;
+    margin-left: -10px;
+}
+
+.home_button {
+    position: absolute;
+    width: 145px;
+    text-indent: -999px;
+    height: 42px;
+}
+
+.home_button_custom {
+    width: 175px;
+    text-indent: 58px;
+    line-height: 41px;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
+    font-weight: bold;
+    color: white;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.header_navigation {
+    text-align: center;
+    line-height: 20px;
+    padding-right: 8px;
+    text-transform: lowercase;
+    float: right;
+}
+
+.header_navigation .link {
+    display: inline-block;
+    height: 29px;
+    padding: 11px 4px 0 7px;
+    background-size: 1.5px 41px;
+    background: url('../img/divider.png') no-repeat;
+}
+
+.header_navigation .link a {
     color: #D7D7D7;
     text-decoration: none;
     font-weight: bold;
-  }
-  
-  .header_navigation .link a:hover {
+}
+
+.header_navigation .link a:hover {
     text-decoration: underline;
     color: #fff;
-  }
-  
-  .sidebar {
-      width: 118px;
-      margin: 4px 0 0 4px;
-      float: left;
-  }
-  
-  .navigation {
-      position: relative;
-      padding: 0;
-  }
-  
-  .navigation .link {
-      display: block;
-      padding: 3px 3px 3px 6px;
-      text-decoration: none;
-      border-top: 1px solid #fff;
-      color: #000;
-      border-bottom: 0;
-      border-left: 0;
-      border-right: 0;
-      font-size: 11px;
-      text-align: left;
-      cursor: pointer;
-      background: none;
-      margin-bottom: 1px;
-  }
-  
-  .navigation .link:hover {
-      background-color: #E4E4E4;
-      border-top: 1px solid #CCCCCC;
-  }
-  
-  .navigation .edit-button {
-      background-color: #fff !important;
-      color: gray !important;
-      position: absolute;
-      right: 0;
-  }
-  
-  .navigation .group_link {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-  }
-  
-  .navigation_footer {
-      padding: 0;
-  }
-  
-  .navigation_footer .link {
-      display: block;
-      padding: 3px 3px 3px 6px;
-      text-decoration: none;
-      border-top: 1px solid #fff; /* fix */
-      color: #000;
-  }
-  
-  .navigation_footer .link:hover {
-      background-color: #E4E4E4;
-      border-top: 1px solid #CCCCCC;
-  }
-  
-  .page_body {
-      width: 632px;
-      float: right;
-      margin-right: 15px;
-      margin-top: -2px;
-      font-size: 11px;
-      text-align: left;
-  }
-  
-  .wrap1 {
-      border: 1px solid #EBF0F4;
-      border-top: 0px;
-      width: auto;
-  }
-  
-  .wrap2 {
-      border-right: 1px solid #F6F8FA;
-      border-top: 0px;
-  }
-  
-  .page_yellowheader {
-      padding: 4px 10px 4px;
-      font-weight: bold;
-      background: url('../img/header_yellow.png') repeat-x;
-      background-color: #EEE5B8;
-      border-right: solid 1px #DCD4A4;
-      border-left: solid 1px #E4DDB4;
-      border-bottom: solid 1px #D7CF9E;
-      overflow: hidden;
-  }
-  
-  #wrapHI {
-      border-right: solid 1px #D5DDE6;
-      border-left: solid 1px #D5DDE6;
-  }
-  
-  #wrapH {
-      border-right: solid 1px #EAEEF3;
-      border-left: solid 1px #EAEEF3;
-  }
-  
-  .page_yellowheader span {
-      color: #C8BF85;
-  }
-  
-  .page_yellowheader a {
-      color: #696029;
-  }
-  
-  .page_content {
-      display: inline-block;
-      width: 610px;
-  }
-  
-  .page_wrap {
+}
+
+.sidebar {
+    width: 118px;
+    margin: 4px 0 0 4px;
+    float: left;
+}
+
+.navigation {
+    position: relative;
+    padding: 0;
+}
+
+.navigation .link {
+    display: block;
+    padding: 3px 3px 3px 6px;
+    text-decoration: none;
+    border-top: 1px solid #fff;
+    color: #000;
+    border-bottom: 0;
+    border-left: 0;
+    border-right: 0;
+    font-size: 11px;
+    text-align: left;
+    cursor: pointer;
+    background: none;
+    margin-bottom: 1px;
+}
+
+.navigation .link:hover {
+    background-color: #E4E4E4;
+    border-top: 1px solid #CCCCCC;
+}
+
+.navigation .edit-button {
+    background-color: #fff !important;
+    color: gray !important;
+    position: absolute;
+    right: 0;
+}
+
+.navigation .group_link {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.navigation_footer {
+    padding: 0;
+}
+
+.navigation_footer .link {
+    display: block;
+    padding: 3px 3px 3px 6px;
+    text-decoration: none;
+    border-top: 1px solid #fff;
+    /* fix */
+    color: #000;
+}
+
+.navigation_footer .link:hover {
+    background-color: #E4E4E4;
+    border-top: 1px solid #CCCCCC;
+}
+
+.page_body {
+    width: 632px;
+    float: right;
+    margin-right: 15px;
+    margin-top: -2px;
+    font-size: 11px;
+    text-align: left;
+}
+
+.wrap1 {
+    border: 1px solid #EBF0F4;
+    border-top: 0px;
+    width: auto;
+}
+
+.wrap2 {
+    border-right: 1px solid #F6F8FA;
+    border-top: 0px;
+}
+
+.page_yellowheader {
+    padding: 4px 10px 4px;
+    font-weight: bold;
+    background: url('../img/header_yellow.png') repeat-x;
+    background-color: #EEE5B8;
+    border-right: solid 1px #DCD4A4;
+    border-left: solid 1px #E4DDB4;
+    border-bottom: solid 1px #D7CF9E;
+    overflow: hidden;
+}
+
+#wrapHI {
+    border-right: solid 1px #D5DDE6;
+    border-left: solid 1px #D5DDE6;
+}
+
+#wrapH {
+    border-right: solid 1px #EAEEF3;
+    border-left: solid 1px #EAEEF3;
+}
+
+.page_yellowheader span {
+    color: #C8BF85;
+}
+
+.page_yellowheader a {
+    color: #696029;
+}
+
+.page_content {
+    display: inline-block;
+    width: 610px;
+}
+
+.page_wrap {
     border-bottom: solid 1px #c3cad2;
     border-left: solid 1px #d5dde6;
     border-right: solid 1px #d5dde6;
-  }
-  
-  .page_wrap.padding_top {
+}
+
+.page_wrap.padding_top {
     padding-top: 12px;
-  }
-  
-  .content-main-tile {
-      margin: -10px;
-      margin-top: 3pt;
-      padding: 7pt;
-      border-top: 1px solid #ebf0f4;
-      background-color: #fbfbfb;
-  }
-  
-  .float-right {
-      float: right;
-  }
-  
-  .lowercase {
-      text-transform: lowercase;
-  }
-  
-  .album {
-      margin: 8px;
-      padding: 8px;
-      width: 95%;
-      background-color: #fff;
-      border: 1px solid #ebf0f4;
-  }
-  
-  .album-photo {
-      position: relative;
-      width: 25%;
-      max-height: 140px;
-      margin-bottom: 8px;
-      text-align: center;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-  }
-  
-  .album-photo img {
-      width: unset;
-      max-height: 120px !important;
-      max-width: 83%;
-      vertical-align: top;
-      border: 1px #ccc solid;
-      padding: 8px;
-      background-color: #fff;
-  }
-  
-  .album-photo > .album-photo--delete {
-      position: absolute;
-      right: 0;
-      top: 0;
-      padding: 5px;
-      margin: 4px;
-      color: #fff;
-      background-color: hsla(0, 0%, 0%, 0.3);
-      width: 10px;
-      height: 10px;
-      line-height: 10px;
-      opacity: 0;
-      transition: .1s opacity ease-out;
-  }
-  
-  .album-photo:hover > .album-photo--delete {
-      opacity: 1;
-  }
-  
-  .album-flex {
-      display: flex;
-      flex-wrap: wrap;
-  }
-  
-  .name-checkmark {
-      margin-left: 2pt;
-  }
-  
-  #profile_link, .profile_link {
-      display: block;
-      box-sizing: border-box;
-      padding: 3px;
-      background: transparent;
-      border: none;
-      border-bottom: 1px solid #CCC;
-      font-size: 11px;
-      color: #2b587a;
-      width: 200px;
-      text-align: left;
-      cursor: pointer;
-  }
-  
-  .profile_link_form {
-      margin-bottom: 0;
-  }
-  
-  #profile_links {
-      margin: 10px 0;
-  }
-  
-  #profile_link:hover, .profile_link:hover {
-      background: #ECECEC;
-  }
-  
-  .action_links > .profile_link, .action_links > .profile_link_form > .profile_link {
-      width: 150px;
-  }
-  
-  .profile_link.disable > a, .profile_link.disable {
-      cursor: not-allowed;
-      color: grey;
-  }
-  
-  .profile_link.loading > a::after, .profile_link.loading::after {
-      content: "";
-      display: inline-block;
-      background-image: url('/assets/packages/static/openvk/img/loading_mini.gif');
-      width: 30px;
-      height: 7px;
-      margin-left: 5px;
-  }
-  
-  .page_footer {
-      margin-left: 95px;
-      padding-top: 5px;
-      clear: both;
-      text-align: center;
-  }
-  
-  table {
-      font-size: 11px;
-      text-align: left;
-  }
-  
-  .information {
-      padding: 9px;
-      background-color: #c3e4ff;
-  }
-  
-  .error {
-      padding: 9px;
-      background-color: #ffc3c3;
-  }
-  
-  .page_footer .link {
-      padding: 3px 7px;
-      display: inline-block;
-      color: #444;
-      text-decoration: none;
-  }
-  
-  .page_footer .link:hover {
-      background-color: #DFDFDF;
-  }
-  
-  .content_divider {
-      margin-bottom: 6px;
-  }
-  
-  .menu_divider {
-      height: 1px;
-      background: #CCC;
-      margin: 4px 0 2px;
-  }
-  
-  .page_status {
-      font-weight: normal;
-      font-size: 11px;
-      padding: 3px 1px 3px;
-      color: #000;
-      width: 380px;
-      height: auto !important;
-      overflow: hidden;
-  }
-  
-  .page_status_edit_button {
-      cursor: pointer;
-  }
-  
-  .page_status_edit_button:hover {
-      text-decoration: underline;
-  }
-  
-  .page_status_popup {
-      position: absolute;
-      border: 1px solid #CCC;
-      background-color: #f7f7f7;
-      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);;
-      padding: 10px;
-      float: right;
-      margin-top: 5px;
-      margin-left: -6px;
-  }
-  
-  .page_status_popup form {
-      margin: 0;
-  }
-  
-  .button {
-      border-radius: 2px;
-      border: #595959;
-      font-size: 11px;
-      outline: none;
-      white-space: nowrap;
-      background: #595959;
-      background-position: 0px -16px;
-      color: #fff;
-      padding: 4px 8px 4px;
-      text-shadow: 0 1px 0 #686868;
-      cursor: pointer;
-      text-decoration: none;
-  }
-  
-  .button:hover {
-      color: #e8e8e8;
-  }
-  
-  .button-loading {
-      display: inline-block;
-      background-image: url('/assets/packages/static/openvk/img/loading_mini.gif');
-      width: 30px;
-      height: 7px;
-      margin-left: -3px;
-  }
-  
-  input[class=button] {
-      padding: 5px 7px 4px;
-  }
-  
-  input[type=checkbox], input[type=radio] {
+}
+
+.content-main-tile {
+    margin: -10px;
+    margin-top: 3pt;
+    padding: 7pt;
+    border-top: 1px solid #ebf0f4;
+    background-color: #fbfbfb;
+}
+
+.float-right {
+    float: right;
+}
+
+.lowercase {
+    text-transform: lowercase;
+}
+
+.album {
+    margin: 8px;
+    padding: 8px;
+    width: 95%;
+    background-color: #fff;
+    border: 1px solid #ebf0f4;
+}
+
+.album-photo {
+    position: relative;
+    width: 25%;
+    max-height: 140px;
+    margin-bottom: 8px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.album-photo img {
+    width: unset;
+    max-height: 120px !important;
+    max-width: 83%;
+    vertical-align: top;
+    border: 1px #ccc solid;
+    padding: 8px;
+    background-color: #fff;
+}
+
+.album-photo>.album-photo--delete {
+    position: absolute;
+    right: 0;
+    top: 0;
+    padding: 5px;
+    margin: 4px;
+    color: #fff;
+    background-color: hsla(0, 0%, 0%, 0.3);
+    width: 10px;
+    height: 10px;
+    line-height: 10px;
+    opacity: 0;
+    transition: .1s opacity ease-out;
+}
+
+.album-photo:hover>.album-photo--delete {
+    opacity: 1;
+}
+
+.album-flex {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.name-checkmark {
+    margin-left: 2pt;
+}
+
+#profile_link,
+.profile_link {
+    display: block;
+    box-sizing: border-box;
+    padding: 3px;
+    background: transparent;
+    border: none;
+    border-bottom: 1px solid #CCC;
+    font-size: 11px;
+    color: #2b587a;
+    width: 200px;
+    text-align: left;
+    cursor: pointer;
+}
+
+.profile_link_form {
+    margin-bottom: 0;
+}
+
+#profile_links {
+    margin: 10px 0;
+}
+
+#profile_link:hover,
+.profile_link:hover {
+    background: #ECECEC;
+}
+
+.action_links>.profile_link,
+.action_links>.profile_link_form>.profile_link {
+    width: 150px;
+}
+
+.profile_link.disable>a,
+.profile_link.disable {
+    cursor: not-allowed;
+    color: grey;
+}
+
+.profile_link.loading>a::after,
+.profile_link.loading::after {
+    content: "";
+    display: inline-block;
+    background-image: url('/assets/packages/static/openvk/img/loading_mini.gif');
+    width: 30px;
+    height: 7px;
+    margin-left: 5px;
+}
+
+.page_footer {
+    margin-left: 95px;
+    padding-top: 5px;
+    clear: both;
+    text-align: center;
+}
+
+table {
+    font-size: 11px;
+    text-align: left;
+}
+
+.information {
+    padding: 9px;
+    background-color: #c3e4ff;
+}
+
+.error {
+    padding: 9px;
+    background-color: #ffc3c3;
+}
+
+.page_footer .link {
+    padding: 3px 7px;
+    display: inline-block;
+    color: #444;
+    text-decoration: none;
+}
+
+.page_footer .link:hover {
+    background-color: #DFDFDF;
+}
+
+.content_divider {
+    margin-bottom: 6px;
+}
+
+.menu_divider {
+    height: 1px;
+    background: #CCC;
+    margin: 4px 0 2px;
+}
+
+.page_status {
+    font-weight: normal;
+    font-size: 11px;
+    padding: 3px 1px 3px;
+    color: #000;
+    width: 380px;
+    height: auto !important;
+    overflow: hidden;
+}
+
+.page_status_edit_button {
+    cursor: pointer;
+}
+
+.page_status_edit_button:hover {
+    text-decoration: underline;
+}
+
+.page_status_popup {
+    position: absolute;
+    border: 1px solid #CCC;
+    background-color: #f7f7f7;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
+    padding: 10px;
+    float: right;
+    margin-top: 5px;
+    margin-left: -6px;
+}
+
+.page_status_popup form {
+    margin: 0;
+}
+
+.button {
+    border-radius: 2px;
+    border: #595959;
+    font-size: 11px;
+    outline: none;
+    white-space: nowrap;
+    background: #595959;
+    background-position: 0px -16px;
+    color: #fff;
+    padding: 4px 8px 4px;
+    text-shadow: 0 1px 0 #686868;
+    cursor: pointer;
+    text-decoration: none;
+}
+
+.button:hover {
+    color: #e8e8e8;
+}
+
+.button-loading {
+    display: inline-block;
+    background-image: url('/assets/packages/static/openvk/img/loading_mini.gif');
+    width: 30px;
+    height: 7px;
+    margin-left: -3px;
+}
+
+input[class=button] {
+    padding: 5px 7px 4px;
+}
+
+input[type=checkbox],
+input[type=radio] {
     background-color: transparent;
     -webkit-appearance: none;
     -moz-appearance: none;
@@ -467,1424 +475,1455 @@ html {
     cursor: pointer;
     vertical-align: middle;
     margin: 4px 3px 3px 3px;
-  }
-  
-  input[type=checkbox] {
+}
+
+input[type=checkbox] {
     background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIHANrh6P///8DK1a22wF+DpbfAy9/l6v///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw==");
-  }
-  
-  input[type=radio] {
+}
+
+input[type=radio] {
     background-image: url("../img/radio.png");
-  }
-  
-  input[type=checkbox]:hover, input[type=radio]:hover {
+}
+
+input[type=checkbox]:hover,
+input[type=radio]:hover {
     background-position: 0 -28px;
-  }
-  
-  input[type=checkbox]:checked, input[type=radio]:checked {
+}
+
+input[type=checkbox]:checked,
+input[type=radio]:checked {
     background-position: 0 -14px;
-  }
-  
-  #auth {
-      padding: 10px;
-  }
-  
-  .left_small_block {
-      float: left;
-      width: 200px;
-      margin-right: 10px;
-      border-right: 1px #eeeeee solid;
-  }
-  
-  .left_big_block {
-      width: 397px;
-      float: left;
-      margin-right: 13px;
-  }
-  
-  .right_small_block {
-      float: right;
-      width: 200px;
-  }
-  
-  .right_big_block {
-      width: 399px;
-      float: right;
-  }
-  
-  .content_title_expanded {
-      background-image: url('../img/flex_arrow_open2.png');
-      background-repeat: no-repeat;
-      background-color: #e6e6e6;
-      border-top: #8B8B8B solid 1px;
-      padding: 3px 8px 3px 24px;
-      font-weight: bold;
-      color: #626262;
-      font-size: 11px;
-      cursor: pointer;
-      display: block;
-  }
-  
-  .content_title_unexpanded {
-      background-image: url('../img/flex_arrow_shut.gif');
-      background-repeat: no-repeat;
-      background-color: #eee;
-      border-top: solid 1px #ccc;
-      padding: 3px 8px 3px 24px;
-      font-weight: bold;
-      color: #888;
-      font-size: 11px;
-      cursor: pointer;
-      display: block;
-      margin-top: 5px;
-  }
-  
-  .content_subtitle {
-      background-color: #F0F0F0;
-      padding: 0;
-      display: block;
-      font-size: 11px;
-      border-bottom: 1px solid #EEEEEE;
-      color: #777777;
-      padding: 3px 8px;
-      border-top: #ccc solid 1px;
-  }
-  
-  .content {
-      padding: 8px;
-  }
-  
-  .content-withouttop {
-      padding-top: 0px;
-  }
-  
-  input[type="text"], input[type="password"], input[type~="text"], input[type~="password"], input[type="email"], input[type="phone"], input[type~="email"], input[type~="phone"], input[type="search"], input[type~="search"], select {
-      border: 1px solid #C0CAD5;
-      padding: 3px;
-      font-size: 11px;
-      font-family: tahoma, verdana, arial, sans-serif;
-      width: 100%;
-      box-sizing: border-box;
-  }
-  
-  h4 {
-      border-bottom: 1px solid #E8EBEE;
-      color: #45688E;
-      font-size: 12px;
-      font-weight: bold;
-      margin: 0px;
-      padding: 0px 0px 3px;
-      font-family: verdana, arial, sans-serif;
-  }
-  
-  .post {
-      width: 100%;
-      overflow: hidden;
-      display: block;
-  }
-  
-  .post-online {
-      color: #AAA;
-      text-align: center;
-      width: 50px;
-      padding-top: 5px;
-      display: block;
-  }
-  
-  .post-author {
-      background-color: #F6F6F6;
-      border-top: #8B8B8B solid 1px;
-      border-bottom: #ECECEC solid 1px;
-      font-size: 11px;
-      padding: 3px 5px 3px;
-      line-height: 125%;
-  }
-  
-  .post-author .date {
-      font-size: 9px;
-      color: black;
-  }
-  
-  .post-content {
-      border-bottom: #ECECEC solid 1px;
-      font-size: 9px;
-  }
-  
-  .post-content .text {
-      padding: 4px;
-      font-size: 11px;
-      hyphens: manual;
-      line-height: 130%;
-  }
-  
-  .post-content .attachments_b {
-      margin-top: 8px;
-  }
-  
-  .attachment .post {
-      width: 102%;
-  }
-  
-  .post-content .media {
-      max-width: 100%;
-      image-rendering: -webkit-optimize-contrast;
-  }
-  
-  .post-signature {
-      margin: 4px;
-      margin-bottom: 2px;
-  }
-  
-  .post-signature span {
-      color: grey;
-  }
-  
-  .post-signature a {
-      font-weight: 700;
-  }
-  
-  .post-menu {
-      height: 12px;
-      padding: 4px;
-      font-size: 9px;
-      color: #bcbcbc;
-  }
-  
-  .post:target {
-      animation-duration: 5s;
-      animation-name: post-target;
-  }
-  
-  @keyframes post-target {
-      from {
-          background-color: rgba(208, 208, 208, 1);
-      }
-  
-      to {
-          background-color: rgba(208, 208, 208, 0);
-      }
-  }
-  
-  .small-textarea {
-      height: 24px;
-  }
-  
-  .expanded-textarea {
-      min-height: 48px;
-  }
-  
-  ul {
-      list-style-type: square;
-      color: #a2a2a2;
-  }
-  
-  span {
-      padding: 0 0 2px;
-      color: black;
-      font-weight: normal;
-  }
-  
-  #logininput {
-      width: 123px;
-      height: 21px;
-      padding: 3px;
-      border: 1px solid #C0CAD5;
-      font-size: 11;
-      margin: 3px 0;
-  }
-  
-  #fastLogin {
-      min-width: 122px;
-  }
-  
-  #fastLogin input {
-    margin-bottom: 5px;
-  }
-  
-  #fastLogin input[type=submit] {
+}
+
+#auth {
+    padding: 10px;
+}
+
+.left_small_block {
+    float: left;
+    width: 200px;
+    margin-right: 10px;
+    border-right: 1px #eeeeee solid;
+}
+
+.left_big_block {
+    width: 397px;
+    float: left;
+    margin-right: 13px;
+}
+
+.right_small_block {
+    float: right;
+    width: 200px;
+}
+
+.right_big_block {
+    width: 399px;
+    float: right;
+}
+
+.content_title_expanded {
+    background-image: url('../img/flex_arrow_open2.png');
+    background-repeat: no-repeat;
+    background-color: #e6e6e6;
+    border-top: #8B8B8B solid 1px;
+    padding: 3px 8px 3px 24px;
+    font-weight: bold;
+    color: #626262;
+    font-size: 11px;
+    cursor: pointer;
+    display: block;
+}
+
+.content_title_unexpanded {
+    background-image: url('../img/flex_arrow_shut.gif');
+    background-repeat: no-repeat;
+    background-color: #eee;
+    border-top: solid 1px #ccc;
+    padding: 3px 8px 3px 24px;
+    font-weight: bold;
+    color: #888;
+    font-size: 11px;
+    cursor: pointer;
+    display: block;
     margin-top: 5px;
-  }
-  
-  #fastlogin input[type=text], #fastlogin input[type=password] {
-      width: 100%;
-  }
-  
-  .ovk-avView {
-      padding: 8px;
-  }
-  
-  .ovk-avView--el {
-      width: 32%;
-      max-height: 90px;
-      text-align: center;
-      display: inline-block;
-      vertical-align: text-top;
-  }
-  
-  .ovk-avView--el .ava {
-      max-width: 80%;
-      max-height: 63px;
-  }
-  
-  .content_list {
-      display: flex;
-      width: 200px;
-      flex-wrap: wrap;
-  }
-  
-  .content_list.long {
-      width: 397px;
-  }
-  
-  .content_list .cl_element {
-      width: 33%;
-  }
-  
-  .content_list.long .cl_element {
-      width: 16.5%;
-  }
-  
-  .content_list .cl_element .cl_avatar {
-      padding: 7px 7px 0 7px;
-      text-align: center;
-  }
-  
-  .content_list .cl_element .cl_name {
-      padding: 0 3px;
-      text-align: center;
-      display: flex;
-      flex-direction: column;
-  }
-  
-  .content_list .cl_element .cl_name .cl_lname {
-      font-size: 7pt;
-  }
-  
-  .ava {
-      width: 45px;
-  }
-  
-  table.User {
-      vertical-align: text-top;
-  }
-  
-  .container_gray {
+}
+
+.content_subtitle {
+    background-color: #F0F0F0;
+    padding: 0;
+    display: block;
+    font-size: 11px;
+    border-bottom: 1px solid #EEEEEE;
+    color: #777777;
+    padding: 3px 8px;
+    border-top: #ccc solid 1px;
+}
+
+.content {
+    padding: 8px;
+}
+
+.content-withouttop {
+    padding-top: 0px;
+}
+
+input[type="text"],
+input[type="password"],
+input[type~="text"],
+input[type~="password"],
+input[type="email"],
+input[type="phone"],
+input[type~="email"],
+input[type~="phone"],
+input[type="search"],
+input[type~="search"],
+select {
+    border: 1px solid #C0CAD5;
+    padding: 3px;
+    font-size: 11px;
+    font-family: tahoma, verdana, arial, sans-serif;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+h4 {
+    border-bottom: 1px solid #E8EBEE;
+    color: #45688E;
+    font-size: 12px;
+    font-weight: bold;
+    margin: 0px;
+    padding: 0px 0px 3px;
+    font-family: verdana, arial, sans-serif;
+}
+
+.post {
+    width: 100%;
+    overflow: hidden;
+    display: block;
+}
+
+.post-online {
+    color: #AAA;
+    text-align: center;
+    width: 50px;
+    padding-top: 5px;
+    display: block;
+}
+
+.post-author {
+    background-color: #F6F6F6;
+    border-top: #8B8B8B solid 1px;
+    border-bottom: #ECECEC solid 1px;
+    font-size: 11px;
+    padding: 3px 5px 3px;
+    line-height: 125%;
+}
+
+.post-author .date {
+    font-size: 9px;
+    color: black;
+}
+
+.post-content {
+    border-bottom: #ECECEC solid 1px;
+    font-size: 9px;
+}
+
+.post-content .text {
+    padding: 4px;
+    font-size: 11px;
+    hyphens: manual;
+    line-height: 130%;
+}
+
+.post-content .attachments_b {
+    margin-top: 8px;
+}
+
+.attachment .post {
+    width: 102%;
+}
+
+.post-content .media {
+    max-width: 100%;
+    image-rendering: -webkit-optimize-contrast;
+}
+
+.post-signature {
+    margin: 4px;
+    margin-bottom: 2px;
+}
+
+.post-signature span {
+    color: grey;
+}
+
+.post-signature a {
+    font-weight: 700;
+}
+
+.post-menu {
+    height: 12px;
+    padding: 4px;
+    font-size: 9px;
+    color: #bcbcbc;
+}
+
+.post:target {
+    animation-duration: 5s;
+    animation-name: post-target;
+}
+
+@keyframes post-target {
+    from {
+        background-color: rgba(208, 208, 208, 1);
+    }
+
+    to {
+        background-color: rgba(208, 208, 208, 0);
+    }
+}
+
+.small-textarea {
+    height: 24px;
+}
+
+.expanded-textarea {
+    min-height: 48px;
+}
+
+ul {
+    list-style-type: square;
+    color: #a2a2a2;
+}
+
+span {
+    padding: 0 0 2px;
+    color: black;
+    font-weight: normal;
+}
+
+#logininput {
+    width: 123px;
+    height: 21px;
+    padding: 3px;
+    border: 1px solid #C0CAD5;
+    font-size: 11;
+    margin: 3px 0;
+}
+
+#fastLogin {
+    min-width: 122px;
+}
+
+#fastLogin input {
+    margin-bottom: 5px;
+}
+
+#fastLogin input[type=submit] {
+    margin-top: 5px;
+}
+
+#fastlogin input[type=text],
+#fastlogin input[type=password] {
+    width: 100%;
+}
+
+.ovk-avView {
+    padding: 8px;
+}
+
+.ovk-avView--el {
+    width: 32%;
+    max-height: 90px;
+    text-align: center;
+    display: inline-block;
+    vertical-align: text-top;
+}
+
+.ovk-avView--el .ava {
+    max-width: 80%;
+    max-height: 63px;
+}
+
+.content_list {
+    display: flex;
+    width: 200px;
+    flex-wrap: wrap;
+}
+
+.content_list.long {
+    width: 397px;
+}
+
+.content_list .cl_element {
+    width: 33%;
+}
+
+.content_list.long .cl_element {
+    width: 16.5%;
+}
+
+.content_list .cl_element .cl_avatar {
+    padding: 7px 7px 0 7px;
+    text-align: center;
+}
+
+.content_list .cl_element .cl_name {
+    padding: 0 3px;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+}
+
+.content_list .cl_element .cl_name .cl_lname {
+    font-size: 7pt;
+}
+
+.ava {
+    width: 45px;
+}
+
+table.User {
+    vertical-align: text-top;
+}
+
+.container_gray {
     background: #F6F6F6;
     padding: 12px;
-  }
-  
-  .container_gray.bottom {
-      border-bottom: #ebebeb solid 1px;
-  }
-  
-  #auth .container_gray {
-      margin-left: -10px;
-      margin-bottom: -10px;
-      width: 603px;
-  }
-  
-  .container_gray .content {
-      background: #fff;
-      padding: 5px;
-      border: #DEDEDE solid 1px;
-      clear: both;
-  }
-  
-  .tabs {
+}
+
+.container_gray.bottom {
+    border-bottom: #ebebeb solid 1px;
+}
+
+#auth .container_gray {
+    margin-left: -10px;
+    margin-bottom: -10px;
+    width: 603px;
+}
+
+.container_gray .content {
+    background: #fff;
+    padding: 5px;
+    border: #DEDEDE solid 1px;
+    clear: both;
+}
+
+.tabs {
     border-bottom: 1px solid #707070;
     padding: 0 10px;
-  }
-  
-  #activetabs {
-      background: #707070;
-  }
-  
-  
-  #activetabs:hover {
-      color: #e8e8e8;
-  }
-  
-  .tab {
+}
+
+#activetabs {
+    background: #707070;
+}
+
+
+#activetabs:hover {
+    color: #e8e8e8;
+}
+
+.tab {
     display: inline-block;
     padding: 5px 10px;
     margin-right: 3px;
     border-radius: 3px 3px 0px 0px;
-  }
-  
-  .tab:hover {
+}
+
+.tab:hover {
     background: #E4E4E4;
-  }
-  
-  #act_tab_a {
-      color: white;
-  }
-  
-  .container_gray .content {
-      background: #fff;
-      padding: 4px;
-      border: #DEDEDE solid 1px;
-      clear: both;
-      margin-bottom: 12px;
-      overflow: hidden;
-      word-break: break-word;
-  }
-  
-  .gray-block {
-      background: #F7F7F7;
-      border: #DEDEDE solid 1px;
-      padding: 6px;
-      margin-top:6px;
-  }
-  
-  .ovk-album {
-      width: 100%;
-  }
-  
-  .ovk-album:not(:first-child), .ovk-note:not(:first-child) {
-      display: inline-block;
-      margin-top: 10px;
-  } 
-  
-  .msg {
-      width: 70%;
-      margin: auto;
-      margin-bottom: 5pt;
-      padding: 8pt;
-      border: 1pt solid #667e96;
-      background-color: #e6f2f3;
-  }
-  
-  #wrapHI > .msg {
-      margin-top: 15pt;
-  }
-  
-  .msg.msg_succ {
-      border-color: #3b584f;
-      background-color: #ddf3d7;
-  }
-  
-  .msg.msg_err {
-      border-color: #9a205e;
-      background-color: #f5e9ec;
-  }
-  
-  .edit_link {
-      color: #c5c5c5;
-      font-family: verdana, arial, sans-serif;
-      font-size: 11px;
-      font-weight: bold;
-  }
-  
-  .crp-list {
-      margin: 10px -6px -10px -11px;
-      display: flex;
-      flex-direction: column;
-      border-top: 1px solid #d6d6d6;
-      max-height: 70%;
-      overflow-y: auto;
-      width: 628px;
-  }
-  
-  .crp-entry {
-      display: flex;
-      padding: 8px;
-      cursor: pointer;
-      margin-left: 1px;
-      border-bottom: 1px solid #d6d6d6;
-  }
-  
-  .crp-entry:hover {
-      background-color: #f9f9f9;
-  }
-  
-  .crp-entry:first-of-type {
-      border-top: 1px solid #d6d6d6;
-  }
-  
-  .crp-entry--image, .crp-entry--info {
-      margin-right: 15px;
-  }
-  
-  .crp-entry--info {
-      width: 190px;
-  }
-  
-  .crp-entry--image > img {
-      max-width: 64px;
-  }
-  
-  .crp-entry--info span {
-      color: grey;
-  }
-  
-  .crp-entry--info a {
-      font-weight: 900;
-  }
-  
-  .crp-entry--message.unread {
-      background-color: #ededed;
-      padding: 5px;
-      width: 346px;
-  }
-  
-  .messenger-app--messages---message.unread {
-      background-color: #ededed;
-      padding: 5px;
-      margin: -5px;
-      padding-bottom: 1.2rem;
-      margin-bottom: 0;
-  }
-  
-  .messenger-app--messages---message.unread:first-of-type {
-      border-top-left-radius: 3px;
-      border-top-right-radius: 3px;
-      padding-bottom: 5px;
-      margin-bottom: 1.2rem;
-  }
-  
-  .messenger-app--messages---message.unread:last-of-type {
-      padding-bottom: 5px;
-      margin-bottom: 1.2rem;
-  }
-  
-  .crp-entry--message---av img {
-      max-width: 42px;
-  }
-  
-  .crp-entry--message---av, .crp-entry--message---text {
-      display: inline-block;
-      vertical-align: top;
-  }
-  
-  .crp-entry--message---text {
-      max-height: 45px;
-      max-width: 260px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-  }
-  
-  .crp-entry--message---text, .messenger-app--messages---message .time {
-      color: #404036;
-  }
-  
-  .messenger-app--messages, .messenger-app--input {
-      padding: 10px;
-  }
-  
-  .messenger-app--messages, .messenger-app--input {
-      padding: 10px 70px;
-  }
-  
-  .messenger-app--messages {
-      height: 360px;
-      overflow-y: auto;
-  }
-  
-  .messenger-app--messages---message, .messenger-app--input {
-      display: flex;
-      align-items: flex-start;
-      justify-content: space-between;
-  }
-  
-  .messenger-app--messages---message {
-      margin-bottom: 1.2rem;
-  }
-  
-  .messenger-app--messages---message .ava, .messenger-app--input > .ava {
-      max-width: 64px;
-  }
-  
-  .messenger-app--messages---message .ava, .messenger-app--input > .ava {
-      width: 52px;
-      height: 52px;
-  }
-  
-  .messenger-app--messages---message ._content {
-      padding-left: 20px;
-      width: 300px;
-  }
-  
-  .messenger-app--messages---message ._content span, .messenger-app--messages---message ._content > a {
-      display: block;
-  }
-  
-  .messenger-app--messages---message ._content span {
-      width: 100%;
-      height: fit-content;
-      overflow: hidden;
-  }
-  
-  .messenger-app--messages---message ._content .attachments {
-      width: 100%;
-  }
-  
-  .messenger-app--messages---message ._content .attachments > .msg-attach-j * {
-      max-width: 86%;
-  }
-  
-  .messenger-app--messages---message ._content .attachments:not(:empty) {
-      margin-top: 15px;
-  }
-  
-  .messenger-app--messages---message .time {
-      width: 100px;
-  }
-  
-  .messenger-app--input {
-      background-color: #f9f9f9;
-      height: 80px !important;
-      border-top: 1px solid #d6d6d6;
-  }
-  
-  .messenger-app--input---messagebox {
-      box-sizing: border-box;
-      padding: 0 10px;
-      width: calc(100% - 128px);
-  }
-  
-  .messenger-app--input---messagebox textarea {
-      width: 100%;
-      height: 50px !important;
-      resize: none;
-      margin-bottom: 8px !important;
-  }
-  
-  .messenger-app--input---messagebox {
-      float: right;
-  }
-  
-  .messenger-app--input .blocked {
-      width: 100%;
-      height: 100%;
-      position: relative;
-  }
-  
-  .messenger-app--input .blocked::after {
-      content: attr(data-localized-text);
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      margin-right: -50%;
-      transform: translate(-50%, -50%);
-      font-weight: 900;
-  }
-  
-  .messenger-app {
-      width: 628px;
-      border-right: 1px solid #d5dde6;
-      border-left: 1px solid #d5dde6;
-      margin-left: 1px;
-      border-bottom: 1px solid #c3cad2;
-  }
-  
-  .music-app {
-      display: grid;
-  }
-  
-  .music-app--player {
-      display: grid;
-      grid-template-columns: 32px 32px 32px 1fr;
-      padding: 8px;
-      border-bottom: 1px solid #c1c1c1;
-      border-bottom-style: solid;
-      border-bottom-style: dashed;
-  }
-  
-  .music-app--player .play, .music-app--player .perv, .music-app--player .next {
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      background-color: #507597;
-      color: #fff;
-      height: 20px;
-      margin: 5px;
-      border: none;
-      border-radius: 5px;
-      cursor: pointer;
-      padding: 0;
-      font-size: 10px;
-  }
-  
-  .music-app--player .info {
-      margin-left: 10px;
-      width: 550px;
-  }
-  
-  .music-app--player .info .song-name * {
-      color: black;
-  }
-  
-  .music-app--player .info .song-name time {
-      float: right;
-  }
-  
-  .music-app--player .info .track {
-      margin-top: 8px;
-      height: 5px;
-      width: 70%;
-      background-color: #fff;
-      border-top: 1px solid #507597;
-      float: left;
-  }
-  
-  .music-app--player .info .track .inner-track {
-      background-color: #507597;
-      height: inherit;
-      width: 15px;
-      opacity: .7;
-  }
-  
-  .settings_delete {
-      margin: -12px;
-      padding: 12px;
-      margin-top: -8px;
-      background: #fff;
-      text-align: center;
-  }
-  
-  textarea {
-      font-family: unset;
-      border: 1px solid #C0CAD5;
-      font-size: 9pt;
-      min-height: 24px;
-      width: 100%;
-      padding: 4px;
-      resize: none;
-      box-sizing: border-box;
-  }
-  
-  #faqhead {
-      background: #fbf3c3;
-      margin: 0px 5px 0px 5px;
-      padding: 5px;
-      font-weight: bold;
-      border: 1px solid #d7cf9e;
-      border-bottom: 0px;
-  }
-  
-  #faqcontent {
-      background: #fafafa;
-      margin: 0px 5px 10px 5px;
-      padding: 5px 5px 5px 10px;
-      border: 1px solid #ddd;
-  }
-  
-  .ovk-lw-container {
-      display: flex;
-      border-bottom: solid 1px #c4c4c4;
-  }
-  
-  .ovk-lw-container > .ovk-lw--list {
-      flex: 9;
-      border-right: 1px solid #BEBEBE;
-  }
-  
-  .ovk-lw-container > .ovk-lw--list > .post {
-      margin-left: 10px;
-      margin-top: 10px;
-  }
-  
-  .ovk-lw-container > .ovk-lw--actions {
-      flex: 5;
-  }
-  
-  .ovk-lw-container > .ovk-lw--actions > .tile {
-      display: flex;
-      flex-direction: column;
-      padding: 10px 5px;
-  }
-  
-  .ovk-lw-container > .ovk-lw--actions > .tile > .profile_link {
-      width: auto!important;
-  }
-  
-  .ovk-lw-container > .ovk-lw--actions > hr {
-      margin: 0;
-  }
-  
-  .profile-hints a {
-      display: block;
-      margin-bottom: 2px;
-  }
-  
-  .profile-hints a img {
-      vertical-align: bottom;
-  }
-  
-  .completeness-gauge {
-      position: relative;
-      width: 95%;
-      height: 16px;
-      background-color: #e6e6e6;
-      border-top: 1px solid #bbb;
-  }
-  
-  .completeness-gauge > div {
-      height: 100%;
-      background-color: #d4d4d4;
-  }
-  
-  .completeness-gauge > span {
-      position: absolute;
-      top: 55%;
-      left: 50%;
-      margin-right: -50%;
-      transform: translate(-50%, -50%);
-  }
-  
-  .completeness-gauge-gold {
-      background-color: #f6ebbb;
-      border-top: 1px solid #b9b597;
-  }
-  
-  .completeness-gauge-gold > div {
-      background-color: #e1d7a2;
-  }
-  
-  .toTop {
-      position: fixed;
-      padding: 20px;
-      width: 100px;
-      height: 100%;
-      background-color: #f3f3f3;
-      font-weight: 900;
-      color: #2b2b2b;
-      box-sizing: border-box;
-      opacity: 0;
-      transition: .1s all;
-  }
-  
-  body.scrolled .toTop:hover {
-      opacity: .5;
-      cursor: pointer;
-  }
-  
-  .ugc-table.slim {
-      width: 100%;
-  }
-  
-  .ugc-table tr > td {
-      word-break: break-word;
-  }
-  
-  .ugc-table tr > td:nth-of-type(1) {
-      width: 120px;
-      vertical-align: super;
-  }
-  
-  .ugc-table tr > td:nth-of-type(2) {
-      display: block;
-      width: 270px;
-      overflow: hidden;
-  }
-  
-  .ugc-table.slim tr > td:nth-of-type(1) {
-      width: unset;
-  }
-  
-  .ugc-table.slim tr > td:nth-of-type(2) {
-      width: 75%;
-  }
-  
-  #sudo-banner {
-      background: #fffae6;
-      border-color: #fffae6;
-      color: #172b4d;
-      padding: 8px;
-      text-align: center;
-  }
-  
-  #sudo-banner p {
-      margin: 0;
-      font-size: 15px;
-  }
-  
-  .post-upload {
-      margin-top: 11px;
-      margin-left: 3px;
-      color: #3c3c3c;
-      display: none;
-  }
-  
-  .post-upload::before {
-      content: " ";
-      width: 8px;
-      height: 8px;
-      display: inline-block;
-      vertical-align: bottom;
-      background-color: #4f4f4f;
-      margin: 3px;
-      margin-left: 2px;
-  }
-  
-  .post-opts {
-      margin-top: 10px;
-  }
-  
-  .post-opts label {
-      width: 100%;
-      display: block;
-  }
-  
-  .like_wrap {
-      color: #2F5879;
-      font-size: 10px;
-      cursor: pointer;
-      float: right;
-  }
-  
-  .heart {
-      background: url('/assets/packages/static/openvk/img/like.gif') no-repeat 1px 0px;
-      height: 10px;
-      margin: 2px 3px 0px;
-      width: 11px;
-      float: left;
-      opacity: 0.4;
-  }
-  
-  .likeCnt {
-      font-size: 10px;
-      margin-right: 3px;
-      float: left;
-  }
-  
-  .heart:hover {
-      opacity: 1 !important;
-  }
-  
-  #liked {
-      opacity: 1 !important;
-  }
-  
-  .content_title_expanded {
-      margin-top: 5px;
-  }
-  
-  .page-wrap {
-      border-bottom: solid 1px #C3CAD2;
-      border-left: solid 1px #DAE1E8;
-      border-right: solid 1px #DAE1E8;
-      padding: 10px;
-  }
-  
-  .wrap1 {
-      width: auto;
-      border: 1px solid #EBF0F4;
-      border-top: 0px;
-  }
-  
-  .wrap2 {
-      border-right: 1px solid #F6F8FA;
-      border-top: 0px;
-  }
-  
-  #wrapH {
-      border-right: solid 1px #EAEEF3;
-      border-left: solid 1px #EAEEF3;
-  }
-  
-  #wrapHI {
-      border-right: solid 1px #D5DDE6;
-      border-left: solid 1px #D5DDE6;
-  }
-  
-  .ugc-table td {
-      vertical-align: top !important;
-      font-size: 11px;
-      line-height: 13px;
-      margin: 0px;
-      padding: 1px 0px 1px 0px;
-  }
-  
-  .label {
-      width: 120px !important;
-      color: gray;
-  }
-  
-  .ugc-table tr > td:nth-of-type(2) {
-      display: block;
-      width: unset;
-      overflow: hidden;
-  }
-  
-  .right_big_block {
-      width: 396px;
-      float: right;
-  }
-  
-  #basicInfo {
-      padding: 5px 0px 15px 8px;
-  }
-  
-  .accountInfo {
-      padding: 0px;
-      margin: 0px 0px 0px 8px;
-      border-bottom: solid 1px #DAE1E8;
-      display: block;
-  }
-  
-  .profileName {
-      /* width: 225px; */
-      color: #45688E;
-      font-size: 11px;
-      font-weight: bold;
-      margin: 0px;
-      /* padding: 2px 5px 0px 0px; */
-  }
-  
-  .profileName h2 {
-      color: #45688E;
-      font-size: 13px;
-      padding-bottom: 0px;
-      margin: 0px;
-      padding: 0px;
-  }
-  
-  .notes_titles {
-      margin: 0px;
-      padding: 0px;
-      list-style: none;
-  }
-  
-  .written {
-      background: url('/assets/packages/static/openvk/img/note.gif') no-repeat 0px 1px;
-      padding: 0px 0px 6px 22px;
-  }
-  
-  .written a {
-      display: block;
-      padding: 0px 0px 1px 0px;
-  }
-  
-  .notes_titles small {
-      color: #333;
-      font-weight: normal;
-      display: block;
-      font-size: 9px;
-  }
-  
-  .notes_titles small a {
-      display: inline;
-      font-weight: normal;
-  }
-  
-  .data {
-      width: 260px !important;
-  }
-  
-  .right_big_block h4 {
-      margin: 1px 0px 0px;
-      padding: 4px 0px 2px !important;
-  }
-  
-  .knowledgeBaseArticle ul {
-      color: unset;
-  }
-  
-  .gift_grid {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr;
-  }
-  
-  .gift_sel {
-      display: grid;
-      box-sizing: border-box;
-      padding: 15px 8px;
-      justify-items: center;
-      cursor: pointer;
-      border-radius: 10px;
-  }
-  
-  .gift_pic {
-      max-width: 70%;
-  }
-  
-  .gift_sel:hover {
-      background-color: #f1f1f1;
-  }
-  
-  .gift_sel.disabled:hover {
-      cursor: not-allowed;
-  }
-  
-  .gift_sel > .gift_price, .gift_sel > .gift_limit {
-      visibility: hidden;
-  }
-  
-  .gift_sel:hover > .gift_price, .gift_sel:hover > .gift_limit {
-      visibility: unset;
-  }
-  
-  .gift_sel.disabled {
-      opacity: .5;
-  }
-  
-  .ovk-video {
-      margin-bottom: 1rem;
-      padding: 0 6px;
-  }
-  
-  .ovk-video > .preview {
-      width: 170px;
-      height: 127px;
-      border: 1px solid #ccc;
-      align-content: center;
-      display: flex;
-      padding: 1px;
-  }
-  
-  #wallAttachmentMenu {
-      position: absolute;
-      margin-top: 20px;
-      border: 1px solid darkgrey;
-      background-color: white;
-      z-index: 32;
-  }
-  
-  #wallAttachmentMenu > a {
-      display: block;
-      padding: 2px 6px;
-      cursor: pointer;
-  }
-  
-  #wallAttachmentMenu > a > img {
-      vertical-align: middle;
-  }
-  
-  #wallAttachmentMenu > a:hover {
-      background-color: #f0f0f0;
-  }
-  
-  #ovkDraw {
-      border: 1px solid #757575;
-  }
-  
-  #ovkDraw .lc-drawing.with-gui {
-      background-color: white !important;
-  }
-  
-  #ovkDraw .literally {
-      border-radius: 0;
-  }
-  
-  #ovkDraw .literally .lc-picker, .literally .lc-options.horz-toolbar {
-      background-color: #f7f7f7;
-      border-color: rgba(0, 0, 0, 0.15);
-  }
-  
-  #ovkDraw .literally .lc-picker .toolbar-button.selected:not(.disabled), #ovkDraw .literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {
-      background-color: #cdcdcd;
-  }
-  
-  #ovkDraw .literally .lc-picker .toolbar-button:hover:not(.disabled), #ovkDraw .literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {
-      border-color: #cdcdcd;
-  }
-  
-  .postFeedWrapper {
-      padding: 4px 8px;
-      background-color: rgb(240, 240, 240);
-      border-bottom: 1px solid #ccc;
-      border-top: 1px solid #ccc;
-  }
-  
-  .user-alert {
-      margin-left: 8px;
-      margin-bottom: 8px;
-      padding: 4px;
-      border: 1px solid #c3a476;
-      font-weight: 900;
-      background-color: #f3ddbd;
-      color: #58462a;
-  }
-  
-  .knowledgeBaseArticle {
-      margin-top: -11px; /* this is very stupid fix but nah */
-  }
-  
-  .avatar-list {
-      padding: 4px 8px 4px 8px;
-  }
-  
-  .avatar-list-item {
-      padding: 4px 0 4px 0;
-  }
-  
-  .avatar-list-item::after {
-      content: '.';
-      display: block;
-      height: 0;
-      clear: both;
-      visibility: hidden;
-  }
-  
-  .avatar-list-item .avatar {
-      float: left;
-  }
-  
-  .avatar-list-item .avatar img {
-      width: 32px;
-      height: 32px;
-      object-fit: cover;
-  }
-  
-  .avatar-list-item .info {
-      float: left;
-      padding-left: 8px;
-      width: 134px;
-  }
-  
-  .avatar-list-item .info-centered {
-      padding-top: 8px;
-  }
-  
-  .avatar-list-item .info .title {
-      font-size: 11px;
-  }
-  
-  .avatar-list-item .info .subtitle {
-      color: rgb(128, 128, 128);
-      font-size: 10px;
-  }
-  
-  .paginator {
-      float: right;
-      margin-top: -1px;
-  }
-  
-  .paginator-at-bottom {
-      margin-top: -6px;
-  }
-  
-  .paginator a {
-      border-top: 3px solid transparent;
-      display: inline-block;
-      padding: 4px 5px;
-  }
-  
-  .paginator a:hover {
-      border-top: 3px solid rgb(170, 170, 170);
-      background-color: rgb(230, 230, 230);
-  }
-  
-  .paginator a.active {
-      border-top: 3px solid rgb(130, 130, 130);
-      font-weight: bold;
-  }
-  
-  .accent-box {
-      background-color: white;
-      padding: 10px;
-      margin: 5px;
-      border: 1px solid #C0CAD5;
-  }
-  
-  .header_search {
-      background: #f7f7f7;
-      width: 607px;
-      padding: 10px;
-      border-bottom: 1px solid #e1e1e1;
-  }
-  
-  .header_search_inputbt {
-      padding: 10px;
-      border-top: 1px solid #ebebeb;
-      display: flex;
-      margin-bottom: 0;
-  }
-  
-  .header_search_input {
-      border: 1px solid #C0CAD5;
-      padding: 3px;
-      padding-left: 19px;
-      font-size: 11px;
-      font-family: tahoma, verdana, arial, sans-serif;
-      width: 549px;
-      background: #fff url('/assets/packages/static/openvk/img/search_icon.png') no-repeat;
-      background-position-x: 4px;
-      background-position-y: 4px;
-  }
-  
-  .button_search {
-      border-radius: 2px;
-      border: #595959;
-      font-size: 11px;
-      outline: none;
-      white-space: nowrap;
-      background: #595959;
-      background-position: 0px -16px;
-      color: #fff;
-      padding: 4px 8px 4px;
-      text-shadow: 0 1px 0 #686868;
-      cursor: pointer;
-      text-decoration: none;
-      margin-left: 10px;
-      width: 7.5%;
-  }
-  
-  .content_search {
-      width: 607px;
-  }
-  
-  .content_search_list {
-      display: flex;
-      width: 100%;
-      padding: 10px;
-  }
-  
-  .content_search_list:hover {
-      background: #f5f5f5;
-  }
-  
-  .content_search_list_ava img{
-      width: 75px;
-  }
-  
-  .content_search_list_ava{
-      width: 85px;
-  }
-  
-  .content_search_list_name_h4 {
-      color: #2b587a;
-      font-weight: bold;
-  }
-  
-  .content_search_list_span {
-      color: #7b7b7b;
-      margin-top: 5px;
-  }
-  
-  .pinned-mark {
-      display: inline-block;
-      height: 16px;
-      width: 16px;
-      overflow: auto;
-      background: url("/assets/packages/static/openvk/img/pin.png") no-repeat 0px 0px;
-      vertical-align: middle;
-  }
-  
-  .topic-list-item {
-      border-bottom: #e6e6e6 solid 1px;
-      padding: 4px;
-  }
-  
-  .messagebox-content-header {
-      background: #F7F7F7;
-      margin: -20px;
-      padding: 10px;
-  }
-  
-  .hover-box {
-      background-color: white;
-      padding: 10px;
-      margin: 5px;
-      border: 1px solid #C0CAD5;
-      cursor: pointer;
-      user-select: none;
-  }
-  
-  .hover-box:hover {
-      background-color: #C0CAD5;
-  }
-  
-  .summaryBar {
+}
+
+#act_tab_a {
+    color: white;
+}
+
+.container_gray .content {
+    background: #fff;
+    padding: 4px;
+    border: #DEDEDE solid 1px;
+    clear: both;
+    margin-bottom: 12px;
+    overflow: hidden;
+    word-break: break-word;
+}
+
+.gray-block {
+    background: #F7F7F7;
+    border: #DEDEDE solid 1px;
+    padding: 6px;
+    margin-top: 6px;
+}
+
+.ovk-album {
+    width: 100%;
+}
+
+.ovk-album:not(:first-child),
+.ovk-note:not(:first-child) {
+    display: inline-block;
+    margin-top: 10px;
+}
+
+.msg {
+    width: 70%;
+    margin: auto;
+    margin-bottom: 5pt;
+    padding: 8pt;
+    border: 1pt solid #667e96;
+    background-color: #e6f2f3;
+}
+
+#wrapHI>.msg {
+    margin-top: 15pt;
+}
+
+.msg.msg_succ {
+    border-color: #3b584f;
+    background-color: #ddf3d7;
+}
+
+.msg.msg_err {
+    border-color: #9a205e;
+    background-color: #f5e9ec;
+}
+
+.edit_link {
+    color: #c5c5c5;
+    font-family: verdana, arial, sans-serif;
+    font-size: 11px;
+    font-weight: bold;
+}
+
+.crp-list {
+    margin: 10px -6px -10px -11px;
+    display: flex;
+    flex-direction: column;
+    border-top: 1px solid #d6d6d6;
+    max-height: 70%;
+    overflow-y: auto;
+    width: 628px;
+}
+
+.crp-entry {
+    display: flex;
+    padding: 8px;
+    cursor: pointer;
+    margin-left: 1px;
+    border-bottom: 1px solid #d6d6d6;
+}
+
+.crp-entry:hover {
+    background-color: #f9f9f9;
+}
+
+.crp-entry:first-of-type {
+    border-top: 1px solid #d6d6d6;
+}
+
+.crp-entry--image,
+.crp-entry--info {
+    margin-right: 15px;
+}
+
+.crp-entry--info {
+    width: 190px;
+}
+
+.crp-entry--image>img {
+    max-width: 64px;
+}
+
+.crp-entry--info span {
+    color: grey;
+}
+
+.crp-entry--info a {
+    font-weight: 900;
+}
+
+.crp-entry--message.unread {
+    background-color: #ededed;
+    padding: 5px;
+    width: 346px;
+}
+
+.messenger-app--messages---message.unread {
+    background-color: #ededed;
+    padding: 5px;
+    margin: -5px;
+    padding-bottom: 1.2rem;
+    margin-bottom: 0;
+}
+
+.messenger-app--messages---message.unread:first-of-type {
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    padding-bottom: 5px;
+    margin-bottom: 1.2rem;
+}
+
+.messenger-app--messages---message.unread:last-of-type {
+    padding-bottom: 5px;
+    margin-bottom: 1.2rem;
+}
+
+.crp-entry--message---av img {
+    max-width: 42px;
+}
+
+.crp-entry--message---av,
+.crp-entry--message---text {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.crp-entry--message---text {
+    max-height: 45px;
+    max-width: 260px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.crp-entry--message---text,
+.messenger-app--messages---message .time {
+    color: #404036;
+}
+
+.messenger-app--messages,
+.messenger-app--input {
+    padding: 10px;
+}
+
+.messenger-app--messages,
+.messenger-app--input {
+    padding: 10px 70px;
+}
+
+.messenger-app--messages {
+    height: 360px;
+    overflow-y: auto;
+}
+
+.messenger-app--messages---message,
+.messenger-app--input {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+}
+
+.messenger-app--messages---message {
+    margin-bottom: 1.2rem;
+}
+
+.messenger-app--messages---message .ava,
+.messenger-app--input>.ava {
+    max-width: 64px;
+}
+
+.messenger-app--messages---message .ava,
+.messenger-app--input>.ava {
+    width: 52px;
+    height: 52px;
+}
+
+.messenger-app--messages---message ._content {
+    padding-left: 20px;
+    width: 300px;
+}
+
+.messenger-app--messages---message ._content span,
+.messenger-app--messages---message ._content>a {
+    display: block;
+}
+
+.messenger-app--messages---message ._content span {
+    width: 100%;
+    height: fit-content;
+    overflow: hidden;
+}
+
+.messenger-app--messages---message ._content .attachments {
+    width: 100%;
+}
+
+.messenger-app--messages---message ._content .attachments>.msg-attach-j * {
+    max-width: 86%;
+}
+
+.messenger-app--messages---message ._content .attachments:not(:empty) {
+    margin-top: 15px;
+}
+
+.messenger-app--messages---message .time {
+    width: 100px;
+}
+
+.messenger-app--input {
+    background-color: #f9f9f9;
+    height: 80px !important;
+    border-top: 1px solid #d6d6d6;
+}
+
+.messenger-app--input---messagebox {
+    box-sizing: border-box;
+    padding: 0 10px;
+    width: calc(100% - 128px);
+}
+
+.messenger-app--input---messagebox textarea {
+    width: 100%;
+    height: 50px !important;
+    resize: none;
+    margin-bottom: 8px !important;
+}
+
+.messenger-app--input---messagebox {
+    float: right;
+}
+
+.messenger-app--input .blocked {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.messenger-app--input .blocked::after {
+    content: attr(data-localized-text);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-right: -50%;
+    transform: translate(-50%, -50%);
+    font-weight: 900;
+}
+
+.messenger-app {
+    width: 628px;
+    border-right: 1px solid #d5dde6;
+    border-left: 1px solid #d5dde6;
+    margin-left: 1px;
+    border-bottom: 1px solid #c3cad2;
+}
+
+.music-app {
+    display: grid;
+}
+
+.music-app--player {
+    display: grid;
+    grid-template-columns: 32px 32px 32px 1fr;
+    padding: 8px;
+    border-bottom: 1px solid #c1c1c1;
+    border-bottom-style: solid;
+    border-bottom-style: dashed;
+}
+
+.music-app--player .play,
+.music-app--player .perv,
+.music-app--player .next {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background-color: #507597;
+    color: #fff;
+    height: 20px;
+    margin: 5px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    padding: 0;
+    font-size: 10px;
+}
+
+.music-app--player .info {
+    margin-left: 10px;
+    width: 550px;
+}
+
+.music-app--player .info .song-name * {
+    color: black;
+}
+
+.music-app--player .info .song-name time {
+    float: right;
+}
+
+.music-app--player .info .track {
+    margin-top: 8px;
+    height: 5px;
+    width: 70%;
+    background-color: #fff;
+    border-top: 1px solid #507597;
+    float: left;
+}
+
+.music-app--player .info .track .inner-track {
+    background-color: #507597;
+    height: inherit;
+    width: 15px;
+    opacity: .7;
+}
+
+.settings_delete {
+    margin: -12px;
+    padding: 12px;
+    margin-top: -8px;
+    background: #fff;
+    text-align: center;
+}
+
+textarea {
+    font-family: unset;
+    border: 1px solid #C0CAD5;
+    font-size: 9pt;
+    min-height: 24px;
+    width: 100%;
+    padding: 4px;
+    resize: none;
+    box-sizing: border-box;
+}
+
+#faqhead {
+    background: #fbf3c3;
+    margin: 0px 5px 0px 5px;
+    padding: 5px;
+    font-weight: bold;
+    border: 1px solid #d7cf9e;
+    border-bottom: 0px;
+}
+
+#faqcontent {
+    background: #fafafa;
+    margin: 0px 5px 10px 5px;
+    padding: 5px 5px 5px 10px;
+    border: 1px solid #ddd;
+}
+
+.ovk-lw-container {
+    display: flex;
+    border-bottom: solid 1px #c4c4c4;
+}
+
+.ovk-lw-container>.ovk-lw--list {
+    flex: 9;
+    border-right: 1px solid #BEBEBE;
+}
+
+.ovk-lw-container>.ovk-lw--list>.post {
+    margin-left: 10px;
+    margin-top: 10px;
+}
+
+.ovk-lw-container>.ovk-lw--actions {
+    flex: 5;
+}
+
+.ovk-lw-container>.ovk-lw--actions>.tile {
+    display: flex;
+    flex-direction: column;
+    padding: 10px 5px;
+}
+
+.ovk-lw-container>.ovk-lw--actions>.tile>.profile_link {
+    width: auto !important;
+}
+
+.ovk-lw-container>.ovk-lw--actions>hr {
+    margin: 0;
+}
+
+.profile-hints a {
+    display: block;
+    margin-bottom: 2px;
+}
+
+.profile-hints a img {
+    vertical-align: bottom;
+}
+
+.completeness-gauge {
+    position: relative;
+    width: 95%;
+    height: 16px;
+    background-color: #e6e6e6;
+    border-top: 1px solid #bbb;
+}
+
+.completeness-gauge>div {
+    height: 100%;
+    background-color: #d4d4d4;
+}
+
+.completeness-gauge>span {
+    position: absolute;
+    top: 55%;
+    left: 50%;
+    margin-right: -50%;
+    transform: translate(-50%, -50%);
+}
+
+.completeness-gauge-gold {
+    background-color: #f6ebbb;
+    border-top: 1px solid #b9b597;
+}
+
+.completeness-gauge-gold>div {
+    background-color: #e1d7a2;
+}
+
+.toTop {
+    position: fixed;
+    padding: 20px;
+    width: 100px;
+    height: 100%;
+    background-color: #f3f3f3;
+    font-weight: 900;
+    color: #2b2b2b;
+    box-sizing: border-box;
+    opacity: 0;
+    transition: .1s all;
+}
+
+body.scrolled .toTop:hover {
+    opacity: .5;
+    cursor: pointer;
+}
+
+.ugc-table.slim {
+    width: 100%;
+}
+
+.ugc-table tr>td {
+    word-break: break-word;
+}
+
+.ugc-table tr>td:nth-of-type(1) {
+    width: 120px;
+    vertical-align: super;
+}
+
+.ugc-table tr>td:nth-of-type(2) {
+    display: block;
+    width: 270px;
+    overflow: hidden;
+}
+
+.ugc-table.slim tr>td:nth-of-type(1) {
+    width: unset;
+}
+
+.ugc-table.slim tr>td:nth-of-type(2) {
+    width: 75%;
+}
+
+#sudo-banner {
+    background: #fffae6;
+    border-color: #fffae6;
+    color: #172b4d;
+    padding: 8px;
+    text-align: center;
+}
+
+#sudo-banner p {
+    margin: 0;
+    font-size: 15px;
+}
+
+.post-upload {
+    margin-top: 11px;
+    margin-left: 3px;
+    color: #3c3c3c;
+    display: none;
+}
+
+.post-upload::before {
+    content: " ";
+    width: 8px;
+    height: 8px;
+    display: inline-block;
+    vertical-align: bottom;
+    background-color: #4f4f4f;
+    margin: 3px;
+    margin-left: 2px;
+}
+
+.post-opts {
+    margin-top: 10px;
+}
+
+.post-opts label {
+    width: 100%;
+    display: block;
+}
+
+.like_wrap {
+    color: #2F5879;
+    font-size: 10px;
+    cursor: pointer;
+    float: right;
+}
+
+.heart {
+    background: url('/assets/packages/static/openvk/img/like.gif') no-repeat 1px 0px;
+    height: 10px;
+    margin: 2px 3px 0px;
+    width: 11px;
+    float: left;
+    opacity: 0.4;
+}
+
+.likeCnt {
+    font-size: 10px;
+    margin-right: 3px;
+    float: left;
+}
+
+.heart:hover {
+    opacity: 1 !important;
+}
+
+#liked {
+    opacity: 1 !important;
+}
+
+.content_title_expanded {
+    margin-top: 5px;
+}
+
+.page-wrap {
+    border-bottom: solid 1px #C3CAD2;
+    border-left: solid 1px #DAE1E8;
+    border-right: solid 1px #DAE1E8;
+    padding: 10px;
+}
+
+.wrap1 {
+    width: auto;
+    border: 1px solid #EBF0F4;
+    border-top: 0px;
+}
+
+.wrap2 {
+    border-right: 1px solid #F6F8FA;
+    border-top: 0px;
+}
+
+#wrapH {
+    border-right: solid 1px #EAEEF3;
+    border-left: solid 1px #EAEEF3;
+}
+
+#wrapHI {
+    border-right: solid 1px #D5DDE6;
+    border-left: solid 1px #D5DDE6;
+}
+
+.ugc-table td {
+    vertical-align: top !important;
+    font-size: 11px;
+    line-height: 13px;
+    margin: 0px;
+    padding: 1px 0px 1px 0px;
+}
+
+.label {
+    width: 120px !important;
+    color: gray;
+}
+
+.ugc-table tr>td:nth-of-type(2) {
+    display: block;
+    width: unset;
+    overflow: hidden;
+}
+
+.right_big_block {
+    width: 396px;
+    float: right;
+}
+
+#basicInfo {
+    padding: 5px 0px 15px 8px;
+}
+
+.accountInfo {
+    padding: 0px;
+    margin: 0px 0px 0px 8px;
+    border-bottom: solid 1px #DAE1E8;
+    display: block;
+}
+
+.profileName {
+    /* width: 225px; */
+    color: #45688E;
+    font-size: 11px;
+    font-weight: bold;
+    margin: 0px;
+    /* padding: 2px 5px 0px 0px; */
+}
+
+.profileName h2 {
+    color: #45688E;
+    font-size: 13px;
+    padding-bottom: 0px;
+    margin: 0px;
+    padding: 0px;
+}
+
+.notes_titles {
+    margin: 0px;
+    padding: 0px;
+    list-style: none;
+}
+
+.written {
+    background: url('/assets/packages/static/openvk/img/note.gif') no-repeat 0px 1px;
+    padding: 0px 0px 6px 22px;
+}
+
+.written a {
+    display: block;
+    padding: 0px 0px 1px 0px;
+}
+
+.notes_titles small {
+    color: #333;
+    font-weight: normal;
+    display: block;
+    font-size: 9px;
+}
+
+.notes_titles small a {
+    display: inline;
+    font-weight: normal;
+}
+
+.data {
+    width: 260px !important;
+}
+
+.right_big_block h4 {
+    margin: 1px 0px 0px;
+    padding: 4px 0px 2px !important;
+}
+
+.knowledgeBaseArticle ul {
+    color: unset;
+}
+
+.gift_grid {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+
+.gift_sel {
+    display: grid;
+    box-sizing: border-box;
+    padding: 15px 8px;
+    justify-items: center;
+    cursor: pointer;
+    border-radius: 10px;
+}
+
+.gift_pic {
+    max-width: 70%;
+}
+
+.gift_sel:hover {
+    background-color: #f1f1f1;
+}
+
+.gift_sel.disabled:hover {
+    cursor: not-allowed;
+}
+
+.gift_sel>.gift_price,
+.gift_sel>.gift_limit {
+    visibility: hidden;
+}
+
+.gift_sel:hover>.gift_price,
+.gift_sel:hover>.gift_limit {
+    visibility: unset;
+}
+
+.gift_sel.disabled {
+    opacity: .5;
+}
+
+.ovk-video {
+    margin-bottom: 1rem;
+    padding: 0 6px;
+}
+
+.ovk-video>.preview {
+    width: 170px;
+    height: 127px;
+    border: 1px solid #ccc;
+    align-content: center;
+    display: flex;
+    padding: 1px;
+}
+
+#wallAttachmentMenu {
+    position: absolute;
+    margin-top: 20px;
+    border: 1px solid darkgrey;
+    background-color: white;
+    z-index: 32;
+}
+
+#wallAttachmentMenu>a {
+    display: block;
+    padding: 2px 6px;
+    cursor: pointer;
+}
+
+#wallAttachmentMenu>a>img {
+    vertical-align: middle;
+}
+
+#wallAttachmentMenu>a:hover {
+    background-color: #f0f0f0;
+}
+
+#ovkDraw {
+    border: 1px solid #757575;
+}
+
+#ovkDraw .lc-drawing.with-gui {
+    background-color: white !important;
+}
+
+#ovkDraw .literally {
+    border-radius: 0;
+}
+
+#ovkDraw .literally .lc-picker,
+.literally .lc-options.horz-toolbar {
+    background-color: #f7f7f7;
+    border-color: rgba(0, 0, 0, 0.15);
+}
+
+#ovkDraw .literally .lc-picker .toolbar-button.selected:not(.disabled),
+#ovkDraw .literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {
+    background-color: #cdcdcd;
+}
+
+#ovkDraw .literally .lc-picker .toolbar-button:hover:not(.disabled),
+#ovkDraw .literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {
+    border-color: #cdcdcd;
+}
+
+.postFeedWrapper {
+    padding: 4px 8px;
+    background-color: rgb(240, 240, 240);
+    border-bottom: 1px solid #ccc;
+    border-top: 1px solid #ccc;
+}
+
+.user-alert {
+    margin-left: 8px;
+    margin-bottom: 8px;
+    padding: 4px;
+    border: 1px solid #c3a476;
+    font-weight: 900;
+    background-color: #f3ddbd;
+    color: #58462a;
+}
+
+.knowledgeBaseArticle {
+    margin-top: -11px;
+    /* this is very stupid fix but nah */
+}
+
+.avatar-list {
+    padding: 4px 8px 4px 8px;
+}
+
+.avatar-list-item {
+    padding: 4px 0 4px 0;
+}
+
+.avatar-list-item::after {
+    content: '.';
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+}
+
+.avatar-list-item .avatar {
+    float: left;
+}
+
+.avatar-list-item .avatar img {
+    width: 32px;
+    height: 32px;
+    object-fit: cover;
+}
+
+.avatar-list-item .info {
+    float: left;
+    padding-left: 8px;
+    width: 134px;
+}
+
+.avatar-list-item .info-centered {
+    padding-top: 8px;
+}
+
+.avatar-list-item .info .title {
+    font-size: 11px;
+}
+
+.avatar-list-item .info .subtitle {
+    color: rgb(128, 128, 128);
+    font-size: 10px;
+}
+
+.paginator {
+    float: right;
+    margin-top: -1px;
+}
+
+.paginator-at-bottom {
+    margin-top: -6px;
+}
+
+.paginator a {
+    border-top: 3px solid transparent;
+    display: inline-block;
+    padding: 4px 5px;
+}
+
+.paginator a:hover {
+    border-top: 3px solid rgb(170, 170, 170);
+    background-color: rgb(230, 230, 230);
+}
+
+.paginator a.active {
+    border-top: 3px solid rgb(130, 130, 130);
+    font-weight: bold;
+}
+
+.accent-box {
+    background-color: white;
+    padding: 10px;
+    margin: 5px;
+    border: 1px solid #C0CAD5;
+}
+
+.header_search {
+    background: #f7f7f7;
+    width: 607px;
+    padding: 10px;
+    border-bottom: 1px solid #e1e1e1;
+}
+
+.header_search_inputbt {
+    padding: 10px;
+    border-top: 1px solid #ebebeb;
+    display: flex;
+    margin-bottom: 0;
+}
+
+.header_search_input {
+    border: 1px solid #C0CAD5;
+    padding: 3px;
+    padding-left: 19px;
+    font-size: 11px;
+    font-family: tahoma, verdana, arial, sans-serif;
+    width: 549px;
+    background: #fff url('/assets/packages/static/openvk/img/search_icon.png') no-repeat;
+    background-position-x: 4px;
+    background-position-y: 4px;
+}
+
+.button_search {
+    border-radius: 2px;
+    border: #595959;
+    font-size: 11px;
+    outline: none;
+    white-space: nowrap;
+    background: #595959;
+    background-position: 0px -16px;
+    color: #fff;
+    padding: 4px 8px 4px;
+    text-shadow: 0 1px 0 #686868;
+    cursor: pointer;
+    text-decoration: none;
+    margin-left: 10px;
+    width: 7.5%;
+}
+
+.content_search {
+    width: 607px;
+}
+
+.content_search_list {
+    display: flex;
+    width: 100%;
+    padding: 10px;
+}
+
+.content_search_list:hover {
+    background: #f5f5f5;
+}
+
+.content_search_list_ava img {
+    width: 75px;
+}
+
+.content_search_list_ava {
+    width: 85px;
+}
+
+.content_search_list_name_h4 {
+    color: #2b587a;
+    font-weight: bold;
+}
+
+.content_search_list_span {
+    color: #7b7b7b;
+    margin-top: 5px;
+}
+
+.pinned-mark {
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+    overflow: auto;
+    background: url("/assets/packages/static/openvk/img/pin.png") no-repeat 0px 0px;
+    vertical-align: middle;
+}
+
+.topic-list-item {
+    border-bottom: #e6e6e6 solid 1px;
+    padding: 4px;
+}
+
+.messagebox-content-header {
+    background: #F7F7F7;
+    margin: -20px;
+    padding: 10px;
+}
+
+.hover-box {
+    background-color: white;
+    padding: 10px;
+    margin: 5px;
+    border: 1px solid #C0CAD5;
+    cursor: pointer;
+    user-select: none;
+}
+
+.hover-box:hover {
+    background-color: #C0CAD5;
+}
+
+.summaryBar {
     border-bottom: #DEDEDE solid 1px;
     clear: both;
     padding: 11px 10px;
-      padding-bottom: 11px;
+    padding-bottom: 11px;
     line-height: normal;
-  }
-  
-  .summaryBar .summary {
-      color: #45688E;
-      font-weight: bold;
-      padding-top: 3px;
-      padding-bottom: 4px;
-      display: inline-block;
-  }
-  
-  .note_header {
-      background: #f7f7f7;
-      border-bottom: solid 1px #DAE1E8;
-      border-top: solid 1px #45688E;
-      padding: 4px 6px 5px 6px;
-  }
-  
-  .note_header .note_title {
-      color: #45688E;
-      font-size: 13px;
-      font-weight: bold;
-      line-height: 15px;
-      margin: 0;
-      padding: 0 0 1px 0;
-  }
-  
-  .note_footer {
-      border-top: 1px solid #ddd;
-      clear: both;
-      margin-top: 10px;
-      padding: 0px 2px 0px 6px;
-  }
-  
-  .comments_count {
-      padding: 5px 0px 0px 0px;
-  }
-  
-  .groups_options {
+}
+
+.summaryBar .summary {
+    color: #45688E;
+    font-weight: bold;
+    padding-top: 3px;
+    padding-bottom: 4px;
+    display: inline-block;
+}
+
+.note_header {
+    background: #f7f7f7;
+    border-bottom: solid 1px #DAE1E8;
+    border-top: solid 1px #45688E;
+    padding: 4px 6px 5px 6px;
+}
+
+.note_header .note_title {
+    color: #45688E;
+    font-size: 13px;
+    font-weight: bold;
+    line-height: 15px;
+    margin: 0;
+    padding: 0 0 1px 0;
+}
+
+.note_footer {
+    border-top: 1px solid #ddd;
+    clear: both;
+    margin-top: 10px;
+    padding: 0px 2px 0px 6px;
+}
+
+.comments_count {
+    padding: 5px 0px 0px 0px;
+}
+
+.groups_options {
     padding: 10px 20px 20px;
     border-top: #DEDEDE solid 1px;
-  }
-  
-  #gp_container {
-      display: inline-block;
-  }
-  
-  #gp_container span {
-      display: block;
-      margin: 10px 0 15px;
-  }
-  
-  #gp_container h4 {
-      font-size: 11px;
-  }
-  
-  .container_gray .content:last-child {
-      margin-bottom: 0;
-    }
-  
-  .group_info {
-      padding: 0 0 0 5px !important;
-   }
-  
-  .group_info .label {
-      width: auto !important;
-      padding-right: 5px;
-  }
-  
-  table td[width="120"] {
-      text-align: right;
-  }
-  
-  .profile_thumb {
-      padding: 0px 10px 0px 0px;
-      width: 50px;
-      display: inline-block;
-      vertical-align: top;
-  }
- 
-  .mb_tabs {
+}
+
+#gp_container {
+    display: inline-block;
+}
+
+#gp_container span {
+    display: block;
+    margin: 10px 0 15px;
+}
+
+#gp_container h4 {
+    font-size: 11px;
+}
+
+.container_gray .content:last-child {
+    margin-bottom: 0;
+}
+
+.group_info {
+    padding: 0 0 0 5px !important;
+}
+
+.group_info .label {
+    width: auto !important;
+    padding-right: 5px;
+}
+
+table td[width="120"] {
+    text-align: right;
+}
+
+.profile_thumb {
+    padding: 0px 10px 0px 0px;
+    width: 50px;
+    display: inline-block;
+    vertical-align: top;
+}
+
+.mb_tabs {
     background-color: #F6F6F6;
     border-bottom: #DEDEDE solid 1px;
     padding: 10px;
-  }
+}
 
-  .mb_tab {
+.mb_tab {
     cursor: pointer;
     font-weight: bold;
     margin-right: 10px;
     display: inline-block;
-  }
+}
 
-  .mb_tab div {
+.mb_tab div {
     padding: 5px 7px;
 }
 
@@ -1905,17 +1944,18 @@ html {
     padding: 0 0 0 5px !important;
 }
 
-  .mb_tab#active {
+.mb_tab#active {
     background-color: #898989;
-  }
+}
 
-  .mb_tab#active div {
+.mb_tab#active div {
     border: 2px solid #5f5f5f;
-  }
+}
 
-  .mb_tab#active a {
+.mb_tab#active a {
     color: white;
-  }
+}
+
 .profile_thumb {
     padding: 0px 10px 0px 0px;
     width: 50px;