html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: Inconsolata;
  src: url(/assets/fonts/Inconsolata-Light.ttf); }
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto-Light.ttf); }
* {
  box-sizing: border-box;
  font-family: Inconsolata, Roboto, sans-serif; }

html {
  height: 100%; }

body {
  position: relative;
  min-height: 100%;
  background: #fff;
  font: 14px Arial; }

#pages {
  display: none; }

a:link {
  text-decoration: none;
  color: #008CBA; }

a:visited {
  color: #008CBA; }

a:hover {
  color: #000000; }

a:active {
  color: #008CBA; }

strong, b {
  font-weight: bold; }

.clear {
  clear: both; }

.hidden {
  display: none !important; }

img.copy {
  cursor: pointer; }

#toast {
  display: none;
  position: absolute;
  bottom: 10%;
  width: 100%;
  text-align: center;
  user-select: none; }

#toast span {
  background: #777;
  color: white;
  border-radius: 8px;
  padding: 8px; }

#content {
  user-select: none; }

.panel {
  width: 100%;
  text-align: center;
  font-size: 14pt; }

.panel div {
  cursor: pointer; }

.panel .link {
  display: inline-block;
  padding: 0 16px; }

.panel span {
  display: block;
  text-align: center; }

.panel .close {
  position: absolute;
  top: 16px;
  right: 16px; }

.profile {
  padding: 24px 32px 32px 32px;
  overflow: hidden; }

.profile img {
  width: 50px;
  height: 50px;
  border-radius: 50%; }

.profile img, ul {
  float: left; }

.profile ul {
  list-style: none;
  padding-top: 6px;
  padding-left: 14px; }

.profile .full-name {
  font-size: 12pt;
  font-weight: bold;
  padding-left: 2px; }

.profile .lbal {
  font-size: 18pt; }

.log_win {
  width: 90%;
  margin: 16px auto;
  border: 1px solid #4b9edf;
  clear: both; }

.log_win .title {
  width: 100%;
  line-height: 30px;
  padding-left: 8px;
  border-bottom: 1px solid #4b9edf;
  color: #000;
  font-size: 14pt; }

.log_win .console {
  height: 236px;
  display: block;
  overflow-y: scroll;
  background: #3d3d3d;
  padding: 8px;
  font-size: 12pt; }

.items {
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none; }

.items button {
  cursor: pointer; }

.items div {
  width: 120px;
  display: inline-block;
  text-align: center;
  padding-top: 32px; }

.items .name {
  display: block;
  text-align: center; }

.items .nn {
  background: #e9e7ff;
  /*border-radius: 4px;*/ }

.items button {
  margin-top: 8px;
  width: 100px;
  font-size: 12pt; }

.transfer {
  text-align: center; }

.transfer .title {
  width: 100%;
  padding-top: 32px;
  font-size: 1.3em;
  color: #5d5d5d; }

.transfer .text {
  padding-top: 16px; }

.transfer .send_form {
  display: inline-block;
  padding-top: 32px;
  text-align: left; }

.transfer .send_form img {
  cursor: pointer;
  vertical-align: middle; }

.transfer .f {
  padding-top: 8px;
  font-size: 1.1em; }

.transfer input {
  margin-top: 4px;
  padding: 4px; }

.transfer .btn {
  padding: 6px 12px;
  margin-top: 8px; }

.tpl_trnsf {
  display: none; }

.list_trnsf {
  margin: 16px auto;
  overflow-y: scroll;
  max-height: 232px;
  text-align: center; }

.list_trnsf::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.list_trnsf::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5; }

.list_trnsf::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555; }

.list_trnsf .i {
  padding: 8px 0; }

.list_trnsf .i div {
  display: inline-block;
  vertical-align: middle; }

.list_trnsf .d {
  width: 75px;
  font-size: 0.85em;
  color: #ccc; }

.list_trnsf .n {
  width: 100px;
  font-size: 0.9em;
  word-wrap: break-word; }

.list_trnsf .s {
  width: 70px;
  text-align: right;
  padding-left: 6px;
  font-size: 0.9em;
  font-weight: bold; }

.list_trnsf .income {
  color: green; }

.list_trnsf .outlay {
  color: red; }

.top .top-wrap {
  width: 100%;
  padding-top: 16px;
  height: 456px; }

.top .side-left {
  float: left;
  width: 100%;
  border-right: none;
  height: 144px; }

.top .list {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  width: 100%;
  float: left;
  height: 100%; }

.top .list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.top .list::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5; }

.top .list::-webkit-scrollbar-thumb {
  background-color: #777777;
  border: 2px solid #777777; }

.top .top {
  text-align: center; }

.top .title {
  width: 100%;
  padding-top: 32px;
  font-size: 1.3em;
  color: #5d5d5d;
  text-align: center; }

.top .tabs {
  display: table;
  margin: 8px 0;
  width: 100%;
  float: left;
  text-align: center; }

.top .tab-button {
  padding: 15px 0;
  text-align: center;
  user-select: none;
  border-radius: 5px;
  border: 2px solid #777777;
  width: 100px;
  margin: 0 5px;
  display: inline-block; }

.top .tab-button.active {
  background: #ffffff;
  cursor: default; }

.top .tab-button:not(.active) {
  background: #777777;
  color: #ffffff;
  cursor: pointer; }

.top .my-profile {
  width: 100%;
  min-height: 80px;
  float: left;
  padding: 0 16px 0 16px;
  border-bottom: 1px solid #777; }

.top .my-profile .info {
  width: 174px; }

.top .user {
  padding-bottom: 8px;
  width: 100%;
  float: left; }

.top .user:last-child {
  padding-bottom: 0; }

.top .block {
  float: left; }

.top .photo img {
  width: 50px;
  height: 50px;
  /*border-radius: 50%;*/
  margin: 8px 0 0;
  display: block; }

.top .info {
  text-align: left;
  padding-left: 16px;
  width: 250px; }

.top .info .param {
  padding-bottom: 8px;
  word-wrap: break-word; }

.top .rate {
  font-weight: bold; }

.top .tab-content .user .full-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.top .tab-content {
  margin: 0 auto;
  padding: 16px;
  width: 100%;
  display: table; }

.top .mn-not-groups {
  padding: 16px 0 0;
  width: 300px;
  font-size: 16px; }

.app_info .title {
  width: 100%;
  padding-top: 32px;
  font-size: 1.3em;
  color: #5d5d5d;
  text-align: center; }

.app_info .text {
  width: 85%;
  margin: 0 auto;
  padding-top: 16px;
  font-size: 1.1em;
  text-align: justify; }

.app_txt .title {
  width: 100%;
  padding-top: 32px;
  font-size: 1.3em;
  color: #5d5d5d;
  text-align: center; }

.app_txt .text {
  width: 85%;
  margin: 0 auto;
  padding-top: 16px;
  font-size: 1.1em;
  text-align: justify;
  text-align: center; }

.ref_list {
  margin: 16px auto;
  overflow-y: scroll;
  max-height: 232px;
  text-align: center; }

.tpl_tasks {
  display: none; }

.tasks_list {
  margin: 16px auto;
  overflow-y: scroll;
  max-height: 232px;
  text-align: center;
  font-size: 1.3em; }

.tasks_list .b {
  vertical-align: middle;
  min-width: 100px; }

.tasks_list .t {
  padding: 12px 0; }

.tasks_list .t sub {
  color: green;
  font-size: 0.9em; }

.tasks_list .claim {
  cursor: pointer;
  background-color: #aaffaa;
  border: 1px solid #444;
  width: 50px; }

.tasks_list .claim:disabled,
.tasks_list .claim[disabled] {
  background-color: #fff; }

.tasks_list .load {
  background: white url(/assets/img/load.gif) no-repeat;
  background-position: 50% 50%;
  color: transparent; }

/*# sourceMappingURL=style.css.map */