.b-log-link {
  display: inline-block;
  float: right;
  padding: 0 30px 0 0;
  margin: 8px 0px 0 0;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  color: #4a4a4a;
}

._logout-link {
  background: url(/static/dev/4b857c66e651752be5923b3ed3a6f7c1.png) no-repeat right;
}

._login-link {
  background: url(/static/dev/38418e4668cd5ed54d9da283a17462e3.png) no-repeat right;
}.dropdown-container {
  margin: 0 0 0 15px;
  display: inline-block;
  /*max-width: 100%;*/
  max-width: 220px;
  text-align: left;
  vertical-align: middle;
}

.dropdown-container:first-child {
  margin: 0;
}

.dropdown-container.bordered {
  padding: 0 10px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  background: #fff;
}

.drop-down-group-container {
  display: inline-block;
  margin: 34px 15px 0 15px;
}

.b-active_group-container {
  width: 105px;
}

.drop-down_group-container {
  width: 200px;
  max-height: 400px;
  overflow: auto;
  padding: 0;
  display: block;
  position: absolute;
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  z-index: -1000;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .3s, z-index .3s;
  top: -10000px;
}

.drop-down_group-container.opened {
  opacity: 1;
  transform: translateY(0);
  z-index: 1001;
  top: auto;
}

.dropdown-container.bordered .drop-down_group-container {
  margin-left: -10px;
}

.btn_adding-site-prot {
  padding: 5px 12px;
  width: 65px;
  height: 24px;
  border: none;
  border-right: 1px solid #cdcdcd;
}

.drop-down_adding-site-prot {
  width: 89px;
}

.b_selected {
  background-color: #0050a0;
  color: #fff;
}

.btn .caret {
  /*float: right;*/
  margin-bottom: 0px;
  background-size: 10px;
  margin-left: 10px;
}

.btn .caret.caret-left {
  /*float: right;
    margin-top: 8px;*/
  background-size: 10px;
  margin-right: 10px;
  margin-left: 0;
}

.dropdown-button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  cursor: pointer;
}

.dropdown-button .caret {
  display: inline-block;
  width: 13px;
  height: 30px;
  background: url(/static/dev/d4498821e78ebd4dc1ce656c4c15cd01.png) no-repeat 0;
  transition: transform .3s;
  float: right;
}

.dropdown-button .caret._caret-up {
  transform: rotate(180deg);
}

.dropdown-button > .caret {
  margin: 0 0 0 10px;
}

.drop-down li:hover,
.drop-down a:hover {
  background: #eee;
  text-decoration: none;
  color: #252525;
}

.drop-down li a.active {
  background-color: #0050a0;
  color: #FFF;
}

.drop-down ul {
  margin: 0;
  padding: 0;
}

.drop-down li {
  list-style: none;
  line-height: 23px;
  cursor: pointer;
  padding: 5px;
  font-size: 12px;
  word-break: break-all;
  white-space: normal;
}

.drop-down li.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.drop-down a {
  display: block;
  padding: 2px 5px;
  font-size: 12px;
}

.drop-down li.b_selected:hover,
.drop-down a.b_selected:hover {
  background: #0167cc;
  text-decoration: none;
  color: #fff;
}.b-validator {
  position: relative;
}

.b-error_text {
  color: #f06d7d;
  margin-top: 10px;
}.checkbox input[type=checkbox] {
  display: none;
}

.checkbox {
  display: block;
}

.checkbox_inline {
  vertical-align: top;
  /*float: left;*/
  display: inline-block;
}

.checkbox label {
  width: 100%;
  position: relative;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkbox label.nowrap {
  white-space: nowrap;
}

.checkbox .checkbox-label_empty {
  width: 16px;
  margin: 0;
  padding: 0;
}

.checkbox label::before {
  width: 19px;
  height: 19px;
  margin-right: 10px;
  bottom: 1px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  line-height: 16px;
  content: '\2713';
  text-align: center;
  color: rgba(255,255,255,0);
  border: 1px solid #aaa;
  border-radius: 1px;
  background-color: #fff;
}

.checkbox input[type=checkbox]:checked + label::before {
  font-size: 15px;
  line-height: 16px;
  content: '\2713';
  text-align: center;
  color: #000;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}

.checkbox.b-subchecked label::before {
  color: #9e9e9e;
}.b-text-input-wrapper {
  display: inline-block;
  position: relative;
}

.b-text-input {
  line-height: 35px;
  height: 35px;
  border: 1px solid #c4c4c4;
  border-radius: 7px;
  padding: 0 15px;
  box-sizing: border-box;
  outline: none;
  width: 100%;
}

.b-text-input_icon-left {
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 35px;
}

.b-text-input_icon-right {
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 35px;
}

textarea.b-text-input {
  height: 150px;
  resize: none;
}

.b-text-input-clear {
  height: 35px;
  width: 35px;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  cursor: pointer;
}

.b-text-input-clear:after,
.b-text-input-clear:before {
  position: absolute;
  right: 9px;
  top: 17px;
  width: 50%;
  height: 1px;
  display: block;
  content: ' ';
  background-color: #afb0b1;
  transform: rotate(45deg);
}

.b-text-input-clear:before {
  transform: rotate(-45deg);
}.b-autocompleate-input {
  position: relative;
}

.b-autocompleate-suggests {
  position: absolute;
  z-index: 100;
  background: #fff;
  width: 100%;
  border: 1px solid #f3f3f3;
  box-sizing: border-box;
  margin-top: 3px;
  box-shadow: 0 0 2px 0px darkgrey;
}

.b-autocompleate-suggests-item {
  cursor: pointer;
  padding: 5px 10px;
}

.b-autocompleate-suggests-item:hover,
.b-autocompleate-suggests-item_selected {
  color: #f83f06;
  background: #f1f1f1;
}.b-reg-form-checkbox {
  display: none;
}

.b-reg-form-checkbox + label::before {
  content: "";
  display: inline-block;
  height: 23px;
  width: 23px;
  margin: 0 5px 0 0;
  background-image: url(/static/dev/abbece134942e1fe749eac352b0aa1d0.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
}

.b-reg-form-checkbox + label::before {
  background-position: 0 0;
}

.b-reg-form-checkbox:checked + label::before {
  background-position: 0 -25px;
}

.b-reg-form-label {
  color: #7e7e7e;
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}

.b-reg-form-label_check {
  display: inline-block;
  position: relative;
  margin-right: 30px;
  cursor: pointer;
}

.b-reg-form-label_check span {
  padding-left: 30px;
  line-height: 23px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}.b-user-info {
  padding-left: 30px;
  position: absolute;
  top: 10px;
  right: 159px;
  font-size: 16px;
  text-align: right;
  color: #4a4a4a;
}

.b-user-info__ico {
  width: 21px;
  height: 21px;
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  content: '';
  opacity: .5;
  border: 1px solid #9b9b9b;
  border-radius: 15px;
  background: #d8d8d8 url(/static/dev/ceadc4a4e04c12424d0a843f20a26b7e.png) no-repeat 1px 2px;
  background-size: 20px;
}.b-header {
  height: 38px;
  background-color: white;
  border-bottom: 1px #efefef solid;
  padding: 20px;
}

.b-header-box {
  margin: 0 auto;
  position: relative;
}

.b-logo {
  display: inline-block;
  width: 127px;
  height: 32px;
  vertical-align: top;
  margin: 0 15px 6px 0;
  background: url(/static/dev/2fd215dbc0f33220d311110d9dd9f6ef.svg) no-repeat 0 0px;
}

.b-project-name {
  display: inline-block;
  height: 36px;
  white-space: nowrap;
  text-transform: lowercase;
  font: 30px/36px "Open Sans light", Tahoma, Geneva, sans-serif;
  line-height: 30px;
}

.b-user-info {
  position: absolute;
  right: 159px;
  top: 10px;
  font-size: 16px;
  color: #4a4a4a;
  text-align: right;
  padding-left: 30px;
}.b-rkn {
  text-align: right;
  width: 40%;
  float: right;
  font-size: 13px;
  line-height: 1.2;
  clear: both;
}

.b-rkn .b-rkn-link {
  text-decoration: underline;
  font-size: 13px;
  line-height: 1.2;
}.b-footer {
  width: 100%;
  height: 54px;
  background-color: white;
  border-top: 1px #efefef solid;
  font-size: 13px;
  flex: 0 0 auto;
}

.b-footer-box {
  width: 1024px;
  margin: 0 auto;
  padding: 20px 0 0 0;
}

.b-footer-copy {
  display: inline-block;
  padding: 0 105px 0 20px;
  color: #212121;
}

a.b-footer-link,
a.b-footer-link:hover,
a.b-footer-link:visited,
a.b-footer-link:active {
  padding-right: 12px;
  color: #212121;
}

.b-footer-rostelecom {
  width: 92px;
  height: 41px;
  display: block;
  background-image: url(/static/dev/f750d66234fb2540628600581e6c5709.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  vertical-align: middle;
  margin-right: 20px;
  margin-top: -15px;
}

.wrapper_support {
  display: inline-block;
  padding: 5px 0 5px 0;
}.wrapper {
  transform: translate(-50%,-100%);
  margin-top: -7px;
  margin-left: -3px;
}

.balloon {
  background: #ffffff;
  padding: 10px;
  z-index: 100;
  -webkit-box-shadow: 1px 1px 2px 2px #D1D1D1;
  box-shadow: 1px 1px 2px 2px #D1D1D1;
}

.balloon:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ffffff;
  bottom: -7px;
  position: absolute;
  left: 50%;
  margin-left: -3px;
}.b-dialog-shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.54);
  z-index: 1000;
  top: 0;
  left: 0;
}

.b-dialog-title {
  font-size: 20px;
  margin: 0 0 15px;
}

.b-dialog-body {
  word-wrap: break-word;
}

.b-dialog-wrapper {
  width: 500px;
  margin: 0 auto;
  margin-top: 100px;
  padding: 30px 30px 15px 30px;
  background: #fff;
}

.b-dialog-footer {
  border-top: 1px solid #eae8e8;
  margin-top: 10px;
  padding: 15px 0 0;
  text-align: right;
}

.b-button-dialog {
  color: #707070;
  cursor: pointer;
  padding: 10px 15px;
  border: none;
  border-radius: 3px;
  min-width: 150px;
  text-align: center;
  margin: 0 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
  /* IE6-9 */
  display: inline-block;
}

.b-button-dialog:last-child {
  margin-right: 0;
}

.b-button-dialog:first-child {
  margin-left: 0;
}

.b-button-dialog.primary {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#09579b+0,00529e+100 */
  background: #09579b;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #09579b 0%, #00529e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #09579b 0%,#00529e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #09579b 0%,#00529e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09579b', endColorstr='#00529e',GradientType=0 );
  /* IE6-9 */
  color: #ffffff!important;
  cursor: pointer;
}

.b-button-dialog.primary:hover {
  background: #2f86d8;
  color: white;
  background: -moz-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#2a79c4));
  background: -webkit-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: -o-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: -ms-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: linear-gradient(to bottom,  #2f86d8 0%, #2a79c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2f86d8", endColorstr="#2a79c4",GradientType=0 );
}.notifications-item {
  display: block;
  width: 420px;
  height: 80px;
  position: fixed;
  color: #fff;
  border-radius: 5px;
  transition-property: right, top, bottom, left;
  transition-duration: 0.4s;
  cursor: default;
}

.notifications-item.with-more {
  cursor: pointer;
}

.notifications-item-picture {
  float: left;
  height: 80px;
  width: 90px;
  background-color: rgba(0,0,0,0.11);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
}

.notifications-item-notify {
  background-color: #4b4b4b;
}

.notifications-item-message {
  background-color: #3498db;
}

.notifications-item-success {
  background-color: #07569b;
}

.notifications-item-error {
  background-color: #d23f4d;
}

.notifications-item-picture-notify {
  background-image: url(/static/dev/8057cc3a6c97d6116e029d3a926edd3b.svg);
}

.notifications-item-picture-message {
  background-image: url(/static/dev/9361c8e6a75d055120378a5364fcec4b.svg);
}

.notifications-item-picture-success {
  background-image: url(/static/dev/fcae86339c67548c39f69e354bdacee9.svg);
}

.notifications-item-picture-error {
  background-image: url(/static/dev/b1478f76694a7e4df875aa2a05b85af7.svg);
}

.notifications-item-title,
.notifications-item-title-single {
  display: block;
  line-height: 35px;
  margin: 0 15px 0 105px;
  font-size: 16px;
  font-weight: 600;
}

.notifications-item-title-single {
  line-height: 80px;
}

.notifications-item-text {
  display: block;
  margin: 0 15px 0 105px;
  max-height: 45px;
}

.notifications-item-button-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  height: 20px;
  width: 20px;
  background-image: url(/static/dev/5236f0c4f42b0a3f3df79777cdc652ee.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0,0,0,0.2);
  cursor: pointer;
  border-radius: 50%;
}

.notifications-item-button-close:hover {
  background-color: rgba(0,0,0,0.4);
}@font-face {
  font-family: "Open Sans Regular";
  src: url(/static/dev/6e8dabd745336ec353f1737886f19aaf.eot);
  src: url(/static/dev/6e8dabd745336ec353f1737886f19aaf.eot?#iefix) format("embedded-opentype"),
    url(/static/dev/dbeb0ccea3c958bc24bbb485f4aa1bfb.svg#OpenSans) format("svg"),
    url(/static/dev/a56657d3192a8aed84adea29e451aa84.woff2) format("woff2"),
    url(/static/dev/ad9296c3ce8c7ed1e43eac0ced9c681b.woff) format("woff"),
    url(/static/dev/87f042ce417689faf9f685457105d570.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans Semibold";
  src: url(/static/dev/59cab7edf1c2e870db9853f7a442b55c.eot);
  src: url(/static/dev/59cab7edf1c2e870db9853f7a442b55c.eot?#iefix) format("embedded-opentype"),
    url(/static/dev/fe84968a042685915e7bb2fbc56bcbf0.svg#OpenSansSemibold) format("svg"),
    url(/static/dev/03ee29a87ea666717be5a01efe1cc6d6.woff2) format("woff2"),
    url(/static/dev/db996f6625ec719d000ab4d94c119469.woff) format("woff"),
    url(/static/dev/5c857c2323e7fc80228e8460718aabe6.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Open Sans Light";
  src: url(/static/dev/10a88ae93a79f609dc8c5435c1f32580.eot);
  src: url(/static/dev/10a88ae93a79f609dc8c5435c1f32580.eot?#iefix) format("embedded-opentype"),
    url(/static/dev/53f56fbd74198151edc6107736014109.svg#OpenSansLight) format("svg"),
    url(/static/dev/8d0d2b793ccf2a8ea14928c695ff6748.woff2) format("woff2"),
    url(/static/dev/30de505be08f24e71ab8bc46bdc4bf3a.woff) format("woff"),
    url(/static/dev/9ca2a773571d6fe842a47e70b7d245f9.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

/** {
    margin: 0;
    padding: 0;
}*/

::-webkit-input-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

[data-reactroot] {
  min-width: 1024px;
}

html {
  overflow-y: scroll;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Open Sans Light";
  background: #eeeeee;
  color: #5f5f5f;
  font-size: 14px;
  line-height: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: black;
  margin: 0;
}

h1,
h2 {
  font-size: 30px;
  line-height: 36px;
  font-family: "Open Sans Light", Calibri, Arial, Helvetica, sans-serif;
  padding: 15px 0;
}

a,
a:hover,
a:visited,
a:active {
  text-decoration: none;
  color: #5f5f5f;
  outline: none;
}

a.b-local {
  color: #0263b0;
  font-weight: bold;
}

.b-wrapper {
  width: 1024px;
  margin: 0 auto;
  min-height: calc(100% - 55px);
  background: #f8f8f8;
  flex: 1 0 auto;
}

#root {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
}

.b-root {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
}

.b-opacity {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

/* The animation code */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.b-clear:before,
.b-clear:after {
  width: 100%;
  display: table;
  clear: both;
  float: none;
  content: "";
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.b-content-block {
  margin: 0 20px;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.b-btn-feedback {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #babbbd;
}

/* ._base-pdf
{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../../static/img/basic-pdf.png') no-repeat;
    background-size: 25px;
    overflow: hidden;
    text-indent: 99999px;
    position: absolute;
    top: -5px;
    margin-left: 10px;
} */

.b-h3 {
  font-weight: 600;
}

.b-btn {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  background-color: #00509f;
  border: none;
  border-radius: 5px;
  margin-right: 10px;
  cursor: pointer;
}

.b-btn:hover,
.b-btn:visited {
  background-color: #0260bd;
  color: #fff;
}

.b-btn-remove {
  background-color: #e66a6a;
  background-image: url(/static/img/btn-remove-ico.png);
  background-repeat: no-repeat;
  background-position: center;
}

.b-btn-remove:before {
  content: 'x';
  color: transparent;
}

.b-btn-remove:hover,
.b-btn-remove:visited {
  background-color: #e75656;
}

.b-btn.disabled {
  background: #b7b7b7;
  cursor: default;
}

.support {
  display: block;
  text-align: center;
  padding: 5px 15px;
  line-height: 1.2;
}

.support_ {
  float: right;
  width: 30%;
  text-align: right;
  line-height: 1.2;
}

.b-warning {
  padding: 15px 15px 15px 92px;
  margin: 15px;
  border: 1px solid #ccbb2d;
  border-radius: 5px;
  font-size: 17px;
  line-height: 22px;
  background: #fff url(/static/dev/e5a111b524547b4b9abbcde5d553a2ea.png) no-repeat 15px 15px;
  background-size: 50px 46px;
  color: #000;
  box-shadow: 0px 0px 1px 0px #ffeb3b;
}

._trankate-str {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  max-width: 400px;
}/*Basics style for forms*/

.b-step-back {
  position: absolute;
  cursor: pointer;
  font-size: 16px;
  background: url("/static/img/back.png") no-repeat 0 3px;
  padding-left: 20px;
}

.b-cont-box {
  width: 480px;
  background: #ffffff;
  margin: 0 auto;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 1px 0 #D4D4D4;
  box-shadow: 0 2px 1px 0 #D4D4D4;
  /*overflow: hidden;*/
}

.b-reg-form {
  width: 325px;
  margin: 0 auto;
  padding-bottom: 20px;
  color: #7e7e7e;
}

.b-h2 {
  font-size: 30px;
  line-height: 36px;
  font-family: "Open Sans Light", Calibri, Arial, Helvetica, sans-serif;
  padding: 15px 0;
  word-wrap: break-word;
}

.b-h2_success:before {
  content: '';
  display: block;
  position: absolute;
  margin-left: -45px;
  margin-top: 7px;
  width: 35px;
  height: 28px;
  background: url("/static/img/counter-success.png") no-repeat;
}

.b-h2_error:before {
  content: '';
  display: block;
  position: absolute;
  margin-left: -45px;
  margin-top: 7px;
  width: 28px;
  height: 28px;
  background: url("/static/img/counter-error.png") no-repeat;
}

.b-reg-form-content {
  margin-top: 20px;
}

.b-reg-form-item {
  margin-bottom: 20px;
  position: relative;
}

.b-reg-form-input {
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  line-height: 28px;
  width: 303px;
  padding: 10px;
}

/*.b-reg-form-label
{
    color: #7e7e7e;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}*/

/*.b-reg-form-label_check
{
    display: inline-block;
    position: relative;
    margin-right: 30px;
}
.b-reg-form-label_check span
{
    padding-left: 30px;
    line-height: 23px;
    width: 383px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;    
}*/

.b-registration-sbt {
  color: #707070;
  cursor: pointer;
  padding: 0 15px;
  line-height: 35px;
  border: none;
  border-radius: 3px;
  width: 100%;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
  /* IE6-9 */
  display: inline-block;
}

.b-valid-sbt {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#09579b+0,00529e+100 */
  background: #09579b;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #09579b 0%, #00529e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #09579b 0%,#00529e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #09579b 0%,#00529e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09579b', endColorstr='#00529e',GradientType=0 );
  /* IE6-9 */
  color: #ffffff!important;
}

.b-valid-sbt:hover {
  background: #2f86d8;
  color: white;
  background: -moz-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#2a79c4));
  background: -webkit-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: -o-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: -ms-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: linear-gradient(to bottom,  #2f86d8 0%, #2a79c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2f86d8", endColorstr="#2a79c4",GradientType=0 );
}

.b-reg-form-confirm + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1px;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 1px;
  /* content: "";
    display: inline-block;
    height: 21px;
    width: 21px;
    margin: 0;
    background-image: url(/static/img/sp2_checkbox.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;*/
}

.b-reg-form-confirm + label::before {
  /*background-position: 0 -26px;*/
}

.b-reg-form-confirm:checked + label::before {
  /*background-position: 0 -1px;*/
  content: "\2713";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  font-size: 15px;
  color: #000;
  text-align: center;
  line-height: 15px;
}

.b-reg-form-label-confirm span {
  display: inline-block;
  overflow: hidden;
  margin-top: -3px;
}

._mar-left {
  margin-left: 30px;
}

.b-not-received-letter {
  text-align: center;
}

.b-sent-letter-again {
  cursor: pointer;
  border-bottom: 1px dashed #5f5f5f;
}

.b-reg-form-select-input {
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  line-height: 28px;
  width: 323px;
  position: relative;
}

.b-reg-form-select-down {
  position: absolute;
  /*top: -1px;*/
  /*left: -2px;*/
}

.b-reg-form-select {
  border: none;
  border-right: 1px solid #c9c9c9;
  width: 77px;
  height: 28px;
  display: inline-block;
  cursor: pointer;
  color: #7e7e7e;
}

.b-reg-form-text {
  width: 240px;
  display: inline-block;
  border: none;
  line-height: 28px;
  box-sizing: border-box;
}

.b-error-box {
  position: relative;
}

.b-error {
  color: red;
  position: absolute;
  display: block !important;
  padding: 10px;
  width: 240px;
  background: #fcfcfc;
  -webkit-box-shadow: 3px 3px 4px 1px #BFBFBF;
  box-shadow: 3px 3px 4px 1px #BFBFBF;
  z-index: 10;
  top: -50px;
  left: 336px;
}

.b-error:before {
  content: '';
  display: block;
  width: 11px;
  height: 13px;
  background: url("/static/img/arrow-error.png") no-repeat 0 0;
  position: absolute;
  top: 7px;
  left: -11px;
}

.b-reg-form-textarea-input {
  width: 305px;
  height: 100px;
  border: none;
  background: #f4f4f4;
  color: #909090;
  padding: 10px;
  font-size: 14px;
  resize: none;
}

.b-reg-form-textarea-copy {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #000;
  cursor: pointer;
  border-bottom: 1px dashed #000;
}

/*.b-reg-form-checkbox
{
    display: none;
}*/

/*.b-reg-form-checkbox + label::before {
    content: "";
    display: inline-block;
    height: 23px;
    width: 23px;
    margin: 0 5px 0 0;
    background-image: url(/static/img/sp_checkbox.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
}
.b-reg-form-checkbox + label::before {
    background-position: 0 0;
}
.b-reg-form-checkbox:checked + label::before {
    background-position: 0 -25px;
}*/

.b-psw-progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
}

.b-psw-bar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.b-reg-form-confirm {
  display: none;
}

.b-psw-bar_danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.b-psw-bar_warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.b-psw-bar_success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.b-sent-letter {
  width: 483px;
  height: 428px;
  margin: 0 auto;
  margin-top: 42px;
}

.b-sent-letter-box {
  position: relative;
  width: 484px;
  height: 428px;
}

.b-sent-letter-foot {
  width: 484px;
  height: 252px;
  background: url("/static/img/b-sent-letter-foot.png") no-repeat 0 0;
  position: absolute;
  bottom: 0;
}

.b-sent-letter-cont {
  width: 483px;
  height: 176px;
  position: relative;
  overflow: hidden;
}

.b-sent-letter-text {
  width: 363px;
  background: #ffffff;
  margin: 0 20px;
  z-index: 10;
  -webkit-box-shadow: 0 -1px 3px 2px rgba(176,176,176,0.2);
  box-shadow: 0 -1px 3px 2px rgba(176,176,176,0.2);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 18px 40px;
}

.b-sent-letter-top-bord {
  width: 483px;
  height: 24px;
  background: url("/static/img/b-sent-letter-top-bord.png") no-repeat 0 0;
  position: absolute;
  bottom: 0;
}

.b-sent-letter-title {
  font-size: 28px;
  font-family: "Open Sans Light", Calibri, Arial, Helvetica, sans-serif;
  margin-bottom: 30px;
}

/*Counters Group*/

.b-counters-group {
  height: 300px;
  overflow-y: scroll;
  margin-bottom: 30px;
  border: 1px solid #dbdbdb;
  padding: 10px;
}

.b-counters-group-success {
  width: 572px;
  margin: 10% auto;
  background: url("/static/img/counter-success.png") no-repeat 0 18px;
  padding-left: 48px;
}

._counter-items {
  overflow: hidden;
}

.b-reg-form-sec {
  width: 50%;
  float: left;
}

.b-reg-form-sec-items {
  display: block;
  margin-bottom: 5px;
}

.b-reg-form-confirm {
  display: none;
}

.b-registration-sbt {
  width: auto;
  display: block;
  min-width: 200px;
  margin-left: 15px;
}

._sbt-inline {
  display: inline-block;
}

a.b-registration-sbt-reset {
  color: #000;
  margin: 0 0 0 30px;
  font-weight: bold;
}

.b-registration-loading {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('/static/img/form_in_progress.gif');
}

.b-search-form-control {
  width: 300px;
  padding: 7px 7px 7px 30px;
  border: 1px solid #cdcdcd;
}

.b-search-form-control-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: url("/static/img/glyico/glyphicons-28-search.png") no-repeat 0 0;
  background-size: 15px;
}

.b-simple-cal {
  display: inline-block;
  width: 450px;
}

.b-control-datepicker {
  padding: 5px 12px;
}

.datepicker {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  margin-top: 10px;
  position: absolute;
  z-index: 1000;
}

.datepicker .btn {
  border: none;
  border-radius: 30px;
}

.datepicker .btn:hover {
  background: #f8f8f8;
}

.datepicker .btn[disabled = 'disabled'] {
  color: #d8d8d8;
}

.datepicker .btn-info.btn-today {
  background: #d8d8d8;
}

.datepicker .btn.btn-primary {
  background-color: #a5a4a4;
  color: #f8f8f8;
}

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

.datepicker .btn.pull-left {
  background: url("/static/img/glyico/glyphicons-601-chevron-left_s.png") no-repeat;
  height: 13px;
  width: 8px;
}

.datepicker .btn.pull-right {
  background: url("/static/img/glyico/glyphicons-601-chevron-right_s.png") no-repeat;
  height: 13px;
  width: 8px;
}

.b-dropdown-menu {
  width: 180px;
  display: inline-block;
}

._padd-top-30 {
  padding-top: 30px;
}.b-menu {
  display: inline-block;
}

.b-submenu {
  padding: 0 20px;
  position: relative;
}

.b-menu.left {
  float: left;
}

.b-menu.right {
  float: right;
}

.b-menu ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}

.b-menu ul li {
  float: left;
}

.b-menu a,
.b-menu span {
  display: inline-block;
  margin-right: 18px;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  box-sizing: border-box;
}

.b-menu a:hover,
.b-submenu a:hover {
  color: #f83f06;
}

.b-menu li.active a {
  border-bottom: 3px solid #000;
}

.b-submenu li.active a {
  border-bottom: none;
  color: #f83f06;
}

ul.b-more-list {
  display: none;
  position: absolute;
  right: 0;
  z-index: 10000;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
}

ul.b-more-list li {
  float: none;
  display: block;
  margin: 0;
  margin: 0 10px;
}

ul.b-more-list li a {
  display: block;
  height: 35px;
  line-height: 35px;
}

.b-nav-more:hover .b-more-list {
  display: block;
}

.b-nav-more {
  padding-right: 5px;
  background: url(/static/dev/d4498821e78ebd4dc1ce656c4c15cd01.png) no-repeat right center;
}.b-header-panel {
  line-height: 0;
  height: 50px;
  position: relative;
  padding: 0 20px;
  border-bottom: 1px solid #efefef;
  background: #fff;
}.b-el-group_action {
  padding: 30px 0 0 10px;
  overflow: hidden;
}

.b-el-group-item {
  width: 442px;
  margin: 0 20px 20px 0;
  padding: 10px 10px 20px 10px;
  position: relative;
  float: left;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fcfcfc;
  -webkit-box-shadow: 0 .5px 1px .5px #a7a7a7;
  box-shadow: 0 .5px 1px .5px #a7a7a7;
}

.b-el-group-item:hover {
  background-color: #fff;
}

.b-el-group-item__title {
  margin: 10px 0 20px 0;
  padding-left: 40px;
  position: relative;
  font-size: 18px;
  font-weight: bold;
}

.b-el-group-item__title:before {
  width: 24px;
  height: 24px;
  position: absolute;
  position: absolute;
  top: 5px;
  left: 10px;
  display: block;
  content: '';
  opacity: .5;
  background: url(/static/dev/eb26efecca8cd85ead0402d708e1493f.png) no-repeat 0 0;
  background-size: 24px;
}

.b-el-group-item__desc {
  padding-left: 40px;
  font-size: 16px;
}.b-loading {
  width: 40px;
  height: 40px;
  background: url(/static/dev/1aedc5644d117b92772159eeccf8098a.gif) no-repeat;
  background-size: 40px;
  text-indent: 9000px;
  margin: 50px auto;
}.b-intro-instruction {
  font-size: 25px;
  color: #4b4b4b;
  position: relative;
  padding: 0 0 40px 55px;
  display: inline-block;
}

._instruction-first:before {
  content: '1';
}

._instruction-second:before {
  content: '2';
}

._instruction-the-third:before {
  content: '3';
}

._instruction-fourth:before {
  content: '4';
}

._instruction-five:before {
  content: '5';
}

.b-intro-instruction:before {
  display: block;
  font-size: 18px;
  color: #fff;
  padding: 10px;
  background: #02519e;
  border-radius: 35px;
  width: 20px;
  text-align: center;
  position: absolute;
  top: -10px;
  left: 0;
}

.b-intro-instruction-link {
  line-height: 24px;
}.b-button-def {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */
  height: 45px;
  padding: 0 15px;
  margin: 0;
  display: inline-block;
  position: relative;
  z-index: 1;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  vertical-align: middle;
  cursor: default;
  font-size: 15px;
  line-height: 43px;
  text-align: center;
}

.b-button,
.b-button:visited {
  height: 45px;
  font-family: Open Sans Regular;
  font-size: 16px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#09579b+0,00529e+100 */
  background: #09579b;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #09579b 0%, #00529e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #09579b 0%,#00529e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #09579b 0%,#00529e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09579b', endColorstr='#00529e',GradientType=0 );
  /* IE6-9 */
  /*  background: #358fe4;
    background: -moz-linear-gradient(top,  #358fe4 0%, #2f86d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358fe4), color-stop(100%,#2f86d8));
    background: -webkit-linear-gradient(top,  #358fe4 0%,#2f86d8 100%);
    background: -o-linear-gradient(top,  #358fe4 0%,#2f86d8 100%);
    background: -ms-linear-gradient(top,  #358fe4 0%,#2f86d8 100%);
    background: linear-gradient(to bottom,  #358fe4 0%,#2f86d8 100%);
*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#358fe4", endColorstr="#2f86d8",GradientType=0 );
  padding: 0 15px;
  margin: 0;
  display: inline-block;
  position: relative;
  z-index: 1;
  border: 0 none;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  font-size: 15px;
  line-height: 43px;
  text-align: center;
}

.b-button:hover {
  background: #2f86d8;
  color: white;
  background: -moz-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#2a79c4));
  background: -webkit-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: -o-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: -ms-linear-gradient(top,  #2f86d8 0%, #2a79c4 100%);
  background: linear-gradient(to bottom,  #2f86d8 0%, #2a79c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2f86d8", endColorstr="#2a79c4",GradientType=0 );
}

.b-button:active {
  background: #2467a5;
  color: white;
  background: -moz-linear-gradient(top,  #20598e 0%, #2977c0 10%, #2977c0 20%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20598e), color-stop(10%,#2977c0), color-stop(20%,#2977c0));
  background: -webkit-linear-gradient(top,  #20598e 0%, #2977c0 10%, #2977c0 20%);
  background: -o-linear-gradient(top,  #20598e 0%, #2977c0 10%, #2977c0 20%);
  background: -ms-linear-gradient(top,  #20598e 0%, #2977c0 10%, #2977c0 20%);
  background: linear-gradient(to bottom,  #20598e 0%, #2977c0 10%, #2977c0 20%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2467a5", endColorstr="#2977c0",GradientType=0 );
}

.b-button-header {
  margin: 10px 0;
  float: left;
}

.b-button-header-right {
  float: right;
  margin-left: 5px;
}/**
 * Obsidian style
 * ported by Alexander Marenin (http://github.com/ioncreature)
 */

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #282b2e;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-selector-id {
  color: #93c763;
}

.hljs-number {
  color: #ffcd22;
}

.hljs {
  color: #e0e2e4;
}

.hljs-attribute {
  color: #668bb0;
}

.hljs-code,
.hljs-class .hljs-title,
.hljs-section {
  color: white;
}

.hljs-regexp,
.hljs-link {
  color: #d39745;
}

.hljs-meta {
  color: #557182;
}

.hljs-tag,
.hljs-name,
.hljs-bullet,
.hljs-subst,
.hljs-emphasis,
.hljs-type,
.hljs-built_in,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #8cbbad;
}

.hljs-string,
.hljs-symbol {
  color: #ec7600;
}

.hljs-comment,
.hljs-quote,
.hljs-deletion {
  color: #818e96;
}

.hljs-selector-class {
  color: #A082BD;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag,
.hljs-title,
.hljs-section,
.hljs-type,
.hljs-name,
.hljs-strong {
  font-weight: bold;
}.hljs {
  border-radius: 5px;
  background: #4b4b4b;
  font-family: "Open Sans Light", Calibri, Arial, Helvetica, sans-serif;
}

.hljs-string,
.hljs-symbol {
  color: #bababa;
}

.hljs-tag,
.hljs-name,
.hljs-bullet,
.hljs-subst,
.hljs-emphasis,
.hljs-type,
.hljs-built_in,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #cfe7fe;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-selector-id {
  color: #84f9fd;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag,
.hljs-title,
.hljs-section,
.hljs-type,
.hljs-name,
.hljs-strong {
  font-weight: normal;
}

.hljs-number {
  color: #e0e2e4;
}

.b-intro-header-descr pre code {
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 30px 0;
}

.b-intro-code-serv {
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: 34px;
}.b-intro-header {
  padding-top: 10px;
}

.b-intro-header-title {
  font-size: 45px;
  font-family: "Open Sans Light", Calibri, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #4b4b4b;
  padding-top: 100px;
}

.b-intro-item {
  position: relative;
  margin: 60px auto 0 auto;
  width: 804px;
}

.b-intro-benefits {
  overflow: hidden;
  width: 760px;
  margin: 0 auto;
  text-align: center;
}

.b-intro-benefit {
  width: 200px;
  float: left;
  margin-right: 80px;
  padding-top: 150px;
}

.b-intro-benefit:last-child {
  margin-right: 0;
}

.b-intro-benefit-title {
  font-size: 18px;
}

._safe {
  background: url(/static/dev/451b4dde184d303cbd6048205b80c1a0.jpg) no-repeat center 0;
}

._print-stat {
  background: url(/static/dev/eb8d051318d06b54f177e5029e105768.jpg) no-repeat center 0;
}

._shared-access {
  background: url(/static/dev/1efc0a1af230ddcd0e707c7db0caea31.jpg) no-repeat center 0;
}

.b-intro-header-descr {
  min-width: 804px;
  margin: 0 auto;
}

.b-intro-instruction-descr {
  font-size: 16px;
  margin: 0 0 30px 0;
  line-height: 25px;
  position: relative;
}

.b-certificate {
  text-align: right;
  float: right;
  font-size: 13px;
  line-height: 1.2;
  clear: both;
  padding-bottom: 10px;
  text-decoration: underline;
}.b-content {
  position: relative;
  /*width: 960px;*/
  margin: 0 auto;
  padding: 0 20px 20px 20px;
  padding-bottom: 50px;
}

.b-el-group {
  /*width: 970px;*/
  margin: 0 auto;
  padding: 10px 0 0 0;
}

.b-el-group_counter {
  overflow: visible;
}

.b-h1 {
  font-size: 30px;
  margin: 15px 0 0 0;
  border-bottom: solid #e6e6e8 1px;
}

.b-h1_float-left {
  float: left;
  margin-left: 0;
  text-overflow: ellipsis;
  border-bottom: none;
}

.b-title-section {
  position: relative;
  height: auto;
  margin: 0 20px;
  border-bottom: solid #e6e6e8 1px;
}

/*.b-title-section:after,
.b-title-section:before {
    display: block;
    content: '';
    clear: both;
}*/

.b-intro-header-descr pre {
  text-align: left;
}

.header-element-container {
  display: inline-block;
  margin: 35px 0 0 15px;
}

.b-search-filter {
  position: relative;
}

.b-search-form-control {
  width: 300px;
  padding: 7px 7px 7px 30px;
  border: 1px solid #cdcdcd;
}

.b-search-form-control-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background: url(/static/dev/79957812851116d04ea5faa1c53959eb.png) no-repeat 0 0;
  background-size: 15px;
}

.b-filter-panel {
  margin: 15px 20px;
}

.b-title-panel {
  margin: 0 20px;
}

.b-filter-panel:after {
  display: block;
  clear: both;
  content: '';
}

.b-section {
  padding: 10px 0 20px 0;
}

._sectionFullWidth {
  padding-right: 0;
  padding-left: 0;
}

.b-report-div {
  backface-visibility: hidden;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.b-report-div-counter-group {
  width: 1000px;
  margin: 0 auto;
}

.counter-group-title {
  font-weight: bold;
  border-top: 1px solid #e2e4e7;
  border-bottom: 1px solid #e2e4e7;
  background: #ecedef;
}

.counter-group-text:first-of-type {
  width: 400px;
  padding: 10px 18px;
}

.counter-group-text {
  display: table-cell;
  width: 133px;
  text-align: right;
}

.counter-group-text_left {
  text-align: left;
}

.counter-group-item .counter-group-text {
  font-size: 15px;
  font-weight: bold;
}

.counter-group-item .counter-group-text_left {
  font-weight: normal;
}

.counter-group-item {
  border-bottom: 1px solid #e2e4e7;
}

.counter-group-text {
  display: table-cell;
  width: 133px;
  padding: 10px 0;
  text-align: right;
}

.counter-group-text_left {
  text-align: left;
}

.b-data-text {
  cursor: pointer;
}

.b-site-name {
  font-family: 'Open Sans Light', Calibri, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  word-break: break-all;
}

.b-site-link {
  font-size: 13px;
}

.b-site-link:hover {
  color: #000;
}

.b-counter-utils {
  overflow: hidden;
  margin-top: 5px;
}

.b-counter-link {
  display: inline-block;
  margin-right: 20px;
  border-bottom: 1px dashed;
}

.b-counter-link_edit,
.b-counter-link_edit:hover,
.b-counter-link_edit:visited,
.b-counter-link_edit:active {
  font-size: 13px;
  color: #2f86d8;
  border-bottom-color: #2f86d8;
}

.b-report-div-sort-arr,
.b-report-div-sort {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  cursor: pointer;
  transition: transform .3s, opacity .3s;
  vertical-align: sub;
  opacity: .3;
  background: url(/static/dev/1e3c658b26d4bcf245712b17adfc6a7f.png) no-repeat center;
  background-size: 12px;
}

.b_attendance_table_sort_up,
.b_attendance_table_sort_down {
  opacity: 1;
}

.b_attendance_table_sort_down {
  transform: rotate(180deg);
}

.filter-empty {
  font-size: 20px;
  font-weight: 600;
  padding: 20px 0;
  text-align: center;
  border: 1px solid #e6e6e8;
  border-width: 1px 0;
}

.filter-count {
  margin: 10px 20px;
}

.counter-group-text-unverified {
  display: table-cell;
  width: 600px;
  padding: 10px 0 10px 18px;
}

._counters-domain-item {
  width: 358px;
  text-align: center;
}

.b-counters-domain-stat__verify {
  font-size: 13px;
  font-weight: bold;
  position: inherit;
  display: inline-block;
  overflow: auto;
  max-width: 100%;
  cursor: pointer;
  white-space: normal;
  text-overflow: inherit;
  color: #0263b0;
}

.counter-group-title_full-width {
  padding: 10px 20px;
}

.b-form-error {
  font-weight: 600;
  color: #f00;
}

.b-domains-without-code {
  padding: 5px 0 0 0;
}

.b-domains-without-code-items {
  font-weight: 600;
}

.b-domains-without-code-help {
  float: right;
  min-height: 100px;
}

.b-domains-without-code-help a {
  display: block;
  color: #2f86d8;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 15px;
}

.public:after {
  content: " ";
  display: inline-block;
  background-image: url(/static/dev/eb26efecca8cd85ead0402d708e1493f.png);
  width: 17px;
  height: 12px;
  background-size: 17px;
  margin: 0 0 0 5px;
  opacity: 0.5;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.user-already-have-rigths {
  padding: 0 7px;
  background: #d8d8d8;
  margin: 5px 5px 0 0;
  line-height: 23px;
  display: inline-block;
  border-radius: 3px;
  color: #000;
  font-weight: 600;
  cursor: default;
}

.user-already-have-rigths.rights-90 {
  background: #9cbeff;
  color: #fff;
}

#outdated {
  font-family: "Open Sans", "Segoe UI", sans-serif;
  position: absolute;
  /*background-color: #f25648;*/
  color: white;
  display: none;
  overflow: hidden;
  left: 0;
  position: fixed;
  text-align: center;
  /*text-transform: uppercase;*/
  top: 0;
  width: 100%;
  z-index: 1500;
  padding: 0 24px 24px 0;
  height: 100%;
  background-color: rgba(31,117,183,.9) !important;
}

#outdated.fullscreen {
  height: 100%;
}

#outdated .vertical-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#outdated h6 {
  font-size: 24pt;
  line-height: 24pt;
  margin: 12px 0;
}

#outdated p {
  font-size: 12pt;
  line-height: 12pt;
  margin: 0;
}

#outdated #buttonUpdateBrowser {
  /*border: 2px solid white;*/
  color: white;
  cursor: pointer;
  display: block;
  margin: 30px auto 0;
  padding: 10px 20px;
  position: relative;
  text-decoration: none;
  width: 280px;
  border: 0 none;
  border-radius: 3px;
  vertical-align: middle;
  font-size: 12pt;
  line-height: 43px;
  text-align: center;
  background-color: #09579B;
}

#outdated #buttonUpdateBrowser:hover {
  background-color: white;
  color: #09579B;
}

#outdated .last {
  height: 20px;
  position: absolute;
  right: 70px;
  top: 10px;
  width: auto;
  display: inline-table;
}

#outdated .last[dir=rtl] {
  left: 25px !important;
  right: auto !important;
}

#outdated #buttonCloseUpdateBrowser {
  color: white;
  display: block;
  font-size: 36px;
  height: 100%;
  line-height: 36px;
  position: relative;
  text-decoration: none;
  width: 100%;
}.b-counterlist {
  border-bottom: 1px #efefef solid;
  background: #FFF;
}

.b-counterlist ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}

.b-counterlist ul li {
  float: left;
}

.b-counterlist a {
  display: block;
  padding: 16px 0px 13px 0;
  margin-right: 18px;
}

.b-counterlist li.active a {
  border-bottom: 3px solid #000;
}

.b-counterlist_menu {
  margin: auto;
  padding: 0 20px;
}

.b-verification-method-item {
  font-size: 16px;
  margin-right: 10px;
  color: #000;
  cursor: pointer;
}

.b-verification-method-item.active {
  font-weight: bold;
  border-bottom: 2px solid #000;
}

.b-verification-progress-spinner {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.b-file-link {
  text-decoration: underline;
}

.b-counters-domain-stat {
  position: relative;
  padding-left: 25px;
}

.b-counters-domain-stat:before {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(/static/dev/92f18f2afadf73223f2929e1c405db81.png) no-repeat;
  background-size: 20px;
  opacity: 0.5;
}

td.b-counters-domain-item {
  text-align: center;
}

td.b-counters-domain-item a {
  white-space: normal;
  overflow: auto;
  text-overflow: inherit;
  position: inherit;
  display: inline-block;
  max-width: 100%;
  color: #0263b0;
  font-weight: bold;
  cursor: pointer;
  font-size: 13px;
}

.b-h1_no-bord {
  border: none;
}

.b-h1_bottom-bord {
  border-bottom: 1px #efefef solid;
}

.b-el-group {
  /*width: 970px;*/
  margin: 0 auto;
  padding: 10px 0 0 0;
}

.b-el-group_action {
  padding: 30px 0 0 10px;
  overflow: hidden;
}

.b-el-group-item {
  float: left;
  width: 442px;
  margin: 0 20px 20px 0;
  background-color: #fcfcfc;
  position: relative;
  padding: 10px 10px 20px 10px;
  -webkit-box-shadow: 0 0.5px 1px 0.5px #a7a7a7;
  box-shadow: 0 0.5px 1px 0.5px #a7a7a7;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.b-el-group-item:hover {
  background-color: #fff;
}

.b-el-group-item__title {
  position: relative;
  padding-left: 40px;
  font-size: 18px;
  margin: 10px 0 20px 0;
  font-weight: bold;
}

.b-el-group-item__desc {
  font-size: 16px;
  padding-left: 40px;
}

.b-filters {
  padding: 40px 0 0 10px;
}

/*.b-content_counter-group*/

/*{*/

/*width: 100%;*/

/*}*/

.b-el-group_counter {
  overflow: visible;
}

.b-counters_statistic {
  width: 113px !important;
}

.b-report-table-counter-group {
  padding: 0 !important;
}

.b-report-table-counter-group-table {
  width: 1000px;
  margin: 0 auto;
}

.b-report-table-counter-group-tr {
  background: none !important;
}

.b-counters-remove-domain {
  color: #f83f06 !important;
  border-bottom: 1px dashed #f83f06;
  font-weight: normal!important;
  margin-left: 15px;
  cursor: pointer;
}

.btn_adding-site-prot {
  padding: 5px 12px;
  width: 65px;
  height: 24px;
  border: none;
  border-right: 1px solid #cdcdcd;
}

.drop-down_adding-site-prot {
  width: 89px;
}

.form-text_adding-url {
  width: 227px;
  margin-left: 96px;
  height: 34px;
}

.b-micro-chart {
  width: 133px;
  height: 50px;
  display: block;
}

.graph_sessions_delta {
  background-position: right;
  background-repeat: no-repeat;
  margin-right: 5px;
}

.graph_sessions_delta.positive {
  padding-right: 15px;
  background-image: url('/static/img/up.png');
}

.graph_sessions_delta.negative {
  padding-right: 15px;
  background-image: url('/static/img/down.png');
}

/* Replace table with div */

.b-report-div {
  backface-visibility: hidden;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.b-report-div-counter-group {
  width: 1000px;
  margin: 0 auto;
}

.counter-group-title {
  background: #ecedef;
  border-bottom: 1px solid #e2e4e7;
  border-top: 1px solid #e2e4e7;
  font-weight: bold;
}

.counter-group-text:first-of-type {
  width: 400px;
  padding: 10px 18px;
}

.counter-group-text {
  display: table-cell;
  width: 133px;
  text-align: right;
}

.counter-group-text_left {
  text-align: left;
}

.counter-group-item .counter-group-text {
  font-weight: bold;
  font-size: 15px;
}

.counter-group-item .counter-group-text_left {
  font-weight: normal;
}

.counter-group-item {
  border-bottom: 1px solid #e2e4e7;
}

.b-data-text {
  cursor: pointer;
}

.counter-group-text-unverified {
  width: 600px;
  display: table-cell;
  padding: 10px 0 10px 18px;
}

._counters-domain-item {
  text-align: center;
  width: 358px;
}

.b-counters-domain-stat__verify,
.b-counters-domain-stat__verify:hover,
.b-counters-domain-stat__verify:active,
.b-counters-domain-stat__verify:visited {
  white-space: normal;
  overflow: auto;
  text-overflow: inherit;
  position: inherit;
  display: inline-block;
  max-width: 100%;
  color: #0263b0;
  font-weight: bold;
  cursor: pointer;
  font-size: 13px;
}

.b-buttons-group_abs {
  position: absolute;
  top: 58px;
  right: 0;
}

.b-search-filter {
  display: inline-block;
  margin: 34px 15px 0 15px;
  position: relative;
}

._counterScriptDisabled {
  width: auto;
}

.input-group {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}

.input-group:after {
  content: ' ';
  display: block;
  clear: both;
}

.input-group .input-group-item {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  font-size: 14px;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-color: #9d9d9d;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  float: left;
}

.input-group div.input-group-item {
  background-color: #fff;
}

.input-group div.input-group-item input[type="text"] {
  display: block;
  border: none;
  line-height: 40px;
  height: 40px;
  background: none;
  padding: 0;
  outline: none;
  width: 100%;
}

.input-group .input-group-item.b-btn {
  border: none;
  border-left: 1px solid #9d9d9d;
}

.input-group .input-group-item:first-child {
  border-radius: 5px 0 0 5px;
}

.input-group .input-group-item:last-child {
  border-radius: 0 5px 5px 0;
}

.input-group .input-group-item.b-btn[disabled] {
  background-color: #b1b1b1;
  cursor: default;
}

.b-esia-checkbox {
  display: inline-block;
}

.b-esia-button {
  display: inline-block;
}

.b-esia-user-info {
  display: inline-block;
  line-height: 45px;
  color: #fff;
  padding: 0 15px 0 50px;
  background-image: url(/static/img/gosuslugi-logo.png);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 10px center;
  background-color: #0e6db9;
  float: right;
}

.b-feedback-form-error {
  margin: 5px 0 0 10px;
  color: #ff0c0c;
}

.b-feedback-form-checkbox {
  margin: 10px;
  display: inline-block;
}

.b-feedback-form-dynamyc-label {
  margin: 0 10px;
}

._dialog-ok {
  padding: 5px 15px;
  line-height: 17px;
  height: auto;
  margin-right: 15px;
}.widget-wrapper {
  background-color: #fff;
  border: solid #d2d2d2 1px;
  border-top: none;
  border-left-color: #f0f0f0;
  border-right-color: #f0f0f0;
  border-radius: 5px;
  padding: 15px 15px 5px 15px;
  margin: 10px;
  vertical-align: top;
  float: left;
}

.widget-wrapper.widget-hidden .widget-title {
  border-bottom: none;
}

.widget-title-suggest {
  font-size: 13px;
  line-height: 28px;
  float: right;
  display: inline-block;
  color: #c1c1c1;
}

.widget-body {
  margin: 10px 0 0 0;
}

.dashboard-grid .widget-body {
  height: 200px;
  overflow: hidden;
}

.b-report-summ.b-widget-description {
  padding: 5px 0;
  font-size: 18px;
}

.b-report-summ.b-widget-sub_description {
  padding: 5px 0;
  font-size: 14px;
}.recharts-default-tooltip {
  margin: 0px;
  padding: 10px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(204, 204, 204);
  white-space: nowrap;
}

.recharts-tooltip-item-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.recharts-tooltip-label {
  margin: 0px;
  font-weight: 600;
}

.b-legend {
  margin: 0 20px;
}

.b-legend-item {
  margin: 0 5px;
}

.b-legend-dot {
  position: relative;
  height: 19px;
  width: 14px;
  line-height: 20px;
  display: inline-block;
  margin: 0 5px;
  vertical-align: text-bottom;
}

.b-legend-dot-line {
  position: absolute;
  height: 2px;
  width: 100%;
  margin-top: -1px;
  top: 50%;
  left: 0;
  content: ' ';
}

.b-legend-dot-round {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
}

.b-tooltip-wrapper {
  position: absolute;
  z-index: 99999;
  padding: 15px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 3px;
}

.b-tooltip-wrapper:after,
.b-tooltip-wrapper:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -5px;
}

.b-tooltip-wrapper:before {
  border-top: 5px solid #ccc;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 100%;
  margin-top: 1px;
  margin-left: -6px;
}

.b-tooltip-round {
  display: inline-block;
  margin-right: 5px;
  height: 5px;
  width: 5px;
  border: 2px solid;
  border-radius: 50%;
  line-height: 19px;
}

.b-tooltip-label {
  margin-bottom: 5px;
}.b-button-back:after {
  background: url(/static/dev/3277b172aa5e850c80351de92731f9b9.png) no-repeat center;
  display: inline-block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  margin-left: -20px;
  cursor: pointer;
  content: 'q';
  color: transparent;
}.b-attendance-cal-select {
  position: relative;
  cursor: pointer;
  width: 180px;
  font-size: 16px;
  padding: 0 0 0 22px;
  margin-top: 36px;
  float: right;
  text-align: left;
  background-image: url(/static/dev/e56183ade518f66826650730758d32b5.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.b-attendance-cal-select.active {
  border-bottom: 4px solid #000;
  padding-bottom: 16px;
  margin-top: 36px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.b-attendance-cal {
  display: inline-block;
}.date-input {
  line-height: 35px;
  height: 35px;
  border: 0;
  border-radius: 7px;
  padding: 0 15px;
  box-sizing: border-box;
  outline: none;
  width: 100%;
}

.error {
  border: 1px solid red;
  border-radius: 10px;
  background-color: #ffffff;
}.range_picker {
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
  z-index: 1;
}

/*.dropdown-container
{
    float: left;
    margin-bottom: 25px;
}*/

.wrapper_calendar {
  position: relative;
  display: inline-block;
  width: 100%;
}

.form-group {
  margin: 28px 0 40px 0;
}

.form-control-inline {
  display: inline-block;
}

.b-calendar-date-form_separator {
  width: 28px;
  display: inline-block;
  text-align: center;
  margin-top: 6px;
}

.DayPicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 1rem 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  clear: both;
}

.DayPicker-Month {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 1rem;
}

.DayPicker-NavBar {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 .5rem;
}

.DayPicker-NavButton {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.DayPicker-NavButton--prev {
  left: 1rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDI2IDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjIgKDEyMDQzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wcmV2PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InByZXYiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjM5MzE5MywgMjUuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMy4zOTMxOTMsIC0yNS4wMDAwMDApIHRyYW5zbGF0ZSgwLjg5MzE5MywgMC4wMDAwMDApIiBmaWxsPSIjNTY1QTVDIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAsNDkuMTIzNzMzMSBMMCw0NS4zNjc0MzQ1IEwyMC4xMzE4NDU5LDI0LjcyMzA2MTIgTDAsNC4yMzEzODMxNCBMMCwwLjQ3NTA4NDQ1OSBMMjUsMjQuNzIzMDYxMiBMMCw0OS4xMjM3MzMxIEwwLDQ5LjEyMzczMzEgWiIgaWQ9InJpZ2h0IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");
}

.DayPicker-NavButton--next {
  right: 1rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDI2IDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjIgKDEyMDQzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5uZXh0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9Im5leHQiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuOTUxNDUxLCAwLjAwMDAwMCkiIGZpbGw9IiM1NjVBNUMiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCw0OS4xMjM3MzMxIEwwLDQ1LjM2NzQzNDUgTDIwLjEzMTg0NTksMjQuNzIzMDYxMiBMMCw0LjIzMTM4MzE0IEwwLDAuNDc1MDg0NDU5IEwyNSwyNC43MjMwNjEyIEwwLDQ5LjEyMzczMzEgTDAsNDkuMTIzNzMzMSBaIiBpZD0icmlnaHQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
}

.DayPicker-Caption {
  display: table-caption;
  height: 1.5rem;
  text-align: center;
  color: #000;
}

.DayPicker-Weekdays {
  display: table-header-group;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: .5rem;
  font-size: .875em;
  text-align: center;
  color: #000;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: .5rem;
  border: 1px solid #eaecec;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
  color: #000;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Day--today {
  color: #d0021b;
  font-weight: 500;
}

.DayPicker-Day--disabled {
  color: #dce0e0;
  cursor: default;
  background-color: #eff1f1;
}

.DayPicker-Day--outside {
  cursor: default;
  color: #dce0e0;
}

.DayPicker-Day--sunday {
  background-color: #f7f8f8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #dce0e0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  color: #FFF;
  background-color: #ccc;
}

.DayPicker-Day--start:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: #f7a428;
}

.DayPicker-Day--end:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: #358fe4;
}/*.recharts-wrapper
{
    position: relative;
    height: 100% !important;
}*/

.b-chart-wrapper {
  margin: 25px 0;
  padding: 30px 0;
  border: 1px solid #ddd;
  border-width: 1px 0;
  background: #fff;
  min-height: 280px;
}

.b-report-table-title {
  border-top: 1px solid #e2e4e7;
  border-bottom: 1px solid #e2e4e7;
  background: #ecedef;
}

.b-report-table-statistic-title {
  border-bottom: 1px solid #e2e4e7;
  background: none !important;
}

.b-report-table th {
  /*width: 15%;*/
}

.b-report-table th:first-of-type,
.b-report-table td:first-of-type {
  padding-right: 0;
  /*width: 40%;*/
  text-align: left;
}

.b-datatable-text,
.b-report-table-sort {
  float: left;
  cursor: pointer;
}

.b-report-table th:first-of-type .b-datatable-text {
  width: auto;
}

.b-datatable-text {
  width: 75%;
}

.b-report-table-sort {
  margin-left: 10px;
}

.b-site-name {
  font-family: 'Open Sans Light', Calibri, Arial, Helvetica, sans-serif;
  font-size: 16px;
  word-break: break-all;
}

.b-site-link {
  font-size: 13px;
}

.b-site-link:hover {
  color: #000;
}

.b-report-table th:first-of-type,
.b-report-table td:first-of-type,
.b-report-table td,
.b-report-table-th {
  width: auto;
  margin: 0;
  padding: 0;
}

.b-report-table th:first-of-type,
.b-report-table td:first-of-type {
  width: 560px;
  padding: 5px 18px;
}

.b-report-table th {
  width: 133px;
  padding: 10px 0;
}

.b-report-table td {
  padding: 10px;
}

.b-report-table {
  width: 100%;
  max-width: 1024px;
  border-collapse: collapse;
  border: 1px solid #ddd;
  border-right: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.b-report-table tr {
  border-bottom: 1px solid #eee;
  background: #fff;
}

tr.b-report-table-title {
  font-weight: normal;
  border-bottom: none;
}

.b-report-table th,
.b-report-table td {
  border-left: 1px solid #eee;
  /*min-width: 100px;*/
}

.b-report-table th {
  width: 12%;
  padding: 5px 12px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

.b-report-table-th-select,
.b-report-table-td-select {
  width: 5%;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.oldnewvisitors .b-report-table th,
.oldnewvisitors .b-report-table td,
.attendance .b-report-table th,
.attendance .b-report-table td {
  width: 20%;
  /*min-width: 85px;*/
}

.b-report-table th.cell_checked,
.b-report-table td.cell_checked {
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
}

.b-report-table tr {
  border-bottom: 1px solid #eee;
  background: #fff;
}

.b-report-table-statistic tr td {
  text-overflow: ellipsis;
  overflow: hidden;
}

.b-report-table-statistic tr:nth-child(odd) {
  background: #f8f8f8;
}

.b-datatable-header-text,
.b-report-table-filter {
  font-family: 'Open Sans Light';
  font-size: 14px;
  text-align: right;
}

.b-datatable-header-text {
  margin-bottom: 10px;
  padding: 7px 0 0 0;
  font-weight: bold;
}

.b-datatable-header-text-left {
  text-align: left;
}

.oldnewvisitors .b-datatable-header-text,
.oldnewvisitors .b-report-table-filter,
.attendance .b-datatable-header-text,
.attendance .b-report-table-filter,
.typein .b-datatable-header-text,
.typein .b-report-table-filter {
  cursor: pointer;
}

.b-datatable-header-description {
  text-align: right;
}

.b-row-label {
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}

.b-row-button {
  width: 19px;
  height: 19px;
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 3px;
  background-image: url(/static/dev/ea67132e56b269d55fa41ab6b84653bd.png);
  border: 1px solid #ccc;
  background-color: #fff;
  float: left;
}

.b-row-button.opened {
  background-image: url(/static/dev/b4b05d730e4aead4de867cc4acf58485.png);
}

.b-open-line:hover,
.b-open-line.active {
  color: #000;
  border-color: #000;
}

/*NEED TO REFACTORING*/

/*NEW report-table-filter*/

tr.b-report-table-title {
  border-bottom: none;
}

th.b-report-table-filter-cell {
  text-align: right;
}

th.b-report-table-filter-cell._first {
  text-align: left;
}

.b-report-table-filter-item {
  width: 17px;
  height: 17px;
  border: 1px solid #cdcdcd;
  display: inline-block;
  float: right;
  margin-left: 10px;
  cursor: pointer;
}

._filter-sort {
  background: url(/static/dev/6b5fda15596636753e169795c516376d.png) no-repeat center;
  background-size: 13px;
  opacity: .5;
  background-position: center;
}

._filter-percent {
  background: url(/static/dev/6238861cda892fba158d2752459a0e94.png) no-repeat center;
  background-size: 16px;
}

._filter-config {
  border: none;
  background: url(/static/dev/9a672b430b8e18dbfb4faab156f65678.png) no-repeat center;
  background-size: 16px;
  /*opacity: 0.5;*/
  position: relative;
}

._filter-item-on {
  -webkit-box-shadow: inset 1px 1px 3px 1px #DEDEDE;
  box-shadow: inset 1px 1px 3px 1px #DEDEDE;
  background-color: #EBEBEB;
}

/*NEW report-table-filter END*/

.b-column-config {
  border: none;
  position: relative;
}

.b-column-config:after {
  display: block;
  content: " ";
  background-size: -9px;
  opacity: 0.5;
  height: 17px;
  position: relative;
  /* z-index: 100; */
  background: url(/static/dev/9a672b430b8e18dbfb4faab156f65678.png) no-repeat center;
  background-size: 16px;
}

.b-col-settings {
  display: none;
  z-index: 1;
}

.b-column-config:hover > .b-col-settings {
  display: block;
  position: absolute;
  top: 100%;
  right: -10px;
  padding: 10px;
  background: #fff;
  opacity: 1;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.36);
}

.b-report-table-filter-item._filter-sort.sorted {
  opacity: 1;
  border-color: #909090;
}

.b-report-table-filter-item._filter-sort.sorted.sorted-down {
  transform: rotate(180deg);
}.b-traffic-sources-percentage {
  overflow: hidden;
  margin-top: 15px;
  max-height: 40px;
}

.b-traffic-sources-diagram {
  margin-top: 20px;
  position: relative;
}

.b-traffic-sources-diagram-title {
  color: #7c7c7c;
  font-size: 16px;
  padding-left: 20px;
}

.b-traffic-sources-diagram-title:before {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  border-radius: 10px;
  top: 4px;
  left: 0;
}

._first:before {
  background: #4c9ef4;
}

._second:before {
  background: #8c9bae;
}

._the-third:before {
  background: #ffc852;
}

.b-traffic-sources-diagram-item {
  margin: 0 0 10px 0;
  overflow: hidden;
  width: 100%;
  height: 50px;
  position: relative;
}.b-map-container {
  position: relative;
}

.b-map-popup {
  position: absolute;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e2e4e7;
  white-space: nowrap;
}.b-traffic-geography-map {
  height: 230px;
  margin-top: 20px;
  position: relative;
}

.b-traffic-geography-map-details {
  overflow: hidden;
  margin-top: 10px;
}

.b-indication-text {
  display: inline-block;
}

.b-indication {
  display: inline-block;
  margin-left: 10px;
}

.b-color-indication {
  width: 72px;
  height: 12px;
  background: #7799cc;
  /* Old browsers */
  background: -moz-linear-gradient(left,  #7799cc 0%, #7700FF 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #7799cc 0%,#7700FF 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #7799cc 0%,#7700FF 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f998', endColorstr='#496600',GradientType=1 );
  /* IE6-9 */
  display: inline-block;
  margin: 0 10px;
}

#map {
  height: 100%;
}

#geo_popup {
  position: absolute;
  /*
        bottom: 45px;
        left: 0px;
    */
  color: #000;
  z-index: 1002;
  background-color: white;
  padding: 8px;
  border: 1px solid #ccc;
}

.content_geo_popup {
  font-size: 16px;
  margin-bottom: 3px;
  line-height: 22px;
}.b-traffic-sources-percentage {
  overflow: hidden;
  margin-top: 15px;
  max-height: 40px;
}

.b-traffic-sources-diagram {
  margin-top: 20px;
  position: relative;
}

.b-traffic-sources-diagram-title {
  color: #7c7c7c;
  font-size: 16px;
  padding-left: 20px;
}

.b-traffic-sources-diagram-title:before {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  border-radius: 10px;
  top: 4px;
  left: 0;
}

._searchterms:before {
  background: #87b454;
}

._typein:before {
  background: #d9b11e;
}

._externalreferers:before {
  background: #4989e6;
}

.b-traffic-sources-diagram-item {
  margin: 0 0 10px 0;
  overflow: hidden;
  width: 100%;
  height: 50px;
  position: relative;
}.consolid_ {
  max-width: 480px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
}

._alignRight {
  float: right;
}.consolid_ {
  max-width: 480px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
}

._alignRight {
  float: right;
}.b-panel {
  height: 50px;
}

.b-table {
  width: 100%;
  border-spacing: 0;
}

.b-table td,
th {
  padding: 5px;
  text-align: left;
}

.save_doc {
  text-indent: 30px;
  cursor: pointer;
  background-image: url(/static/dev/60e25ac7c2534c194bcf164fec7ce08b.png);
  background-repeat: no-repeat;
  background-position: 14px 11px;
  float: right;
}.b-auth {
  width: 422px;
  /*height: 407px;*/
  margin: 50px auto 0 auto;
  background-color: white;
  text-align: center;
  border-radius: 5px;
  border: solid #d2d2d2 1px;
  border-top: none;
  border-left-color: #f0f0f0;
  border-right-color: #f0f0f0;
}

.b-auth-form {
  text-align: left;
  padding: 21px 50px 0 50px;
}

.b-auth-field {
  padding: 3px 0 10px 0;
}

.b-auth-field_name {
  padding: 9px 0  5px 0;
}

.b-auth-field_bt {
  padding-top: 20px;
}

.b-auth-field_link {
  font-size: 13px;
  padding-bottom: 20px;
}

.b-input {
  width: 300px;
  height: 43px;
  padding: 0 6px;
  border: solid #9d9d9d 1px;
  border-radius: 3px;
  line-height: 43px;
  outline: none;
}

.hasError {
  border-color: #f06d7d;
}

/*.b-button_nav 
{
    height:26px;
    line-height: 24px;
    padding: 0 50px 0 15px;
    position: absolute;
    bottom: -10px;
    left: 386px;
}
*/

.b-button_enter {
  width: 314px;
}

.b-button_right {
  float: right;
  /*margin-right: 20px;*/
}

.b-button_top {
  margin-top: -53px;
}

.b-button_w-100 {
  width: 100%;
}

.b-auth-pass-recovery {
  margin-right: 9px;
}

.b-unauth-error,
.b-unauth-success {
  background: #f06d7d;
  margin-bottom: 20px;
  margin: 0 -55px 20px -55px;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 12px;
}

.b-unauth-success {
  background: #6fe19d;
}

.b-unauth-error-title {
  font-size: 16px;
  display: block;
}

.b-sent-letter {
  width: 483px;
  height: 428px;
  margin: 0 auto;
  margin-top: 42px;
}

.b-sent-letter-box {
  position: relative;
  width: 484px;
  height: 428px;
}

.b-sent-letter-foot {
  width: 484px;
  height: 252px;
  background: url(/static/dev/ed5c8120b53f7eeffa2aff3d3bb660c1.png) no-repeat 0 0;
  position: absolute;
  bottom: 0;
}

.b-sent-letter-cont {
  width: 483px;
  height: 176px;
  position: relative;
  overflow: hidden;
}

.b-sent-letter-text {
  position: relative;
  width: 363px;
  background: #ffffff;
  margin: 0 20px;
  z-index: 10;
  -webkit-box-shadow: 0 -1px 3px 2px rgba(176,176,176,0.2);
  box-shadow: 0 -1px 3px 2px rgba(176,176,176,0.2);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 18px 40px;
}

.b-sent-letter_small-text {
  top: 5px;
}

.b-sent-letter-top-bord {
  width: 483px;
  height: 24px;
  background: url(/static/dev/6b6ecd3c371731979da33e4fd1573949.png) no-repeat 0 0;
  position: absolute;
  bottom: 0;
}

.b-sent-letter-title {
  font-size: 28px;
  font-family: "Open Sans Light", Calibri, Arial, Helvetica, sans-serif;
  margin-bottom: 30px;
}.b-reg {
  width: 422px;
  /*height: 407px;*/
  margin: 50px auto 20px auto;
  background-color: white;
  text-align: center;
  border-radius: 5px;
  border: solid #d2d2d2 1px;
  border-top: none;
  border-left-color: #f0f0f0;
  border-right-color: #f0f0f0;
}

.b-reg-form {
  text-align: left;
  padding: 21px 50px 40px 50px;
}

.b-reg-field_name {
  font-weight: 600;
}

.b-error_text_additionally {
  margin: 10px 0px 10px 0px;
  color: #f06d7d;
}

.animate-switch-container {
  width: 315px;
}

.msg_form {
  color: #f44336;
}/* b-reports */

.b-reports {
  padding-bottom: 20px;
  overflow: hidden;
  width: 1003px;
  margin-left: 13px;
}

.b-col {
  width: 33%;
  float: left;
}

.b-report-bt {
  margin: 20px 0px 0 0;
  padding-right: 50px;
  text-align: center;
}

.b-report {
  background-color: white;
  border: solid #d2d2d2 1px;
  border-top: none;
  border-left-color: #f0f0f0;
  border-right-color: #f0f0f0;
  border-radius: 5px;
  margin: 20px 20px 0 0;
  margin: 20px 3px 0 0;
  padding: 15px 15px 5px 15px;
}

a:last-child .b-report {
  margin-right: 0;
}

.b-report_25 {
  width: 193px;
  height: 213px;
  float: left;
  position: relative;
  display: block;
  margin-right: 25px;
}

.b-report_25-last {
  margin-right: 0;
}

.b-report_30 {
  width: 286px;
  float: left;
  height: 359px;
  overflow: hidden;
  margin: 0 0 15px 0;
}

.b-aggregated-report_30 {
  width: 286px;
  float: left;
  height: auto;
  min-height: 270px;
  overflow: hidden;
  margin: 0 15px 0 0;
}

.b-report_70 {
  width: 610px;
  float: left;
  height: 359px;
  margin: 0;
}

.b-report_h-240 {
  height: 240px;
}

.b-report_h-240 .b-traffic-visits {
  height: 150px;
}

.b-report-name {
  display: block;
  font-size: 18px;
  line-height: 24px;
  border-bottom: solid #dddddd 1px;
  padding: 0 0 10px 28px;
  font-family: "Open Sans Light", Calibri, Arial, Helvetica, sans-serif;
}

.b-report-name_no-ico {
  background-image: none;
  padding-left: 3px;
}

.b-report-tab {
  margin-top: 15px;
  height: 180px;
  overflow: auto;
  overflow-x: hidden;
}

.b-report-items {
  padding: 16px 0px 0px 30px;
  font-size: 16px;
  line-height: 20px;
}

.b-report-item {
  display: block;
  padding: 5px 0 9px 0;
}

.b-report-item_often {
  font-weight: bold;
  color: black;
}

.b-report-diag {
  margin-top: 15px;
  position: relative;
}

.b-report-summ {
  font-size: 20px;
  padding-top: 15px;
  line-height: 27px;
}

.b-report-tab table {
  width: 98%;
}

/* /b-reports */.b-update-timer {
  float: left;
  margin: 45px 0 0 25px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  padding-right: 25px;
}

.b-update-timer::after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url(/static/dev/522b533559c9dc100a7092101042bfe9.png) no-repeat;
}.users_online {
  margin-top: 29px;
  margin-left: 46px;
  font-weight: 600;
  float: left;
}

._online {
  position: relative;
}

._online:before {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 16px;
  background-image: url(/static/dev/0642ce84b55aa5bcea16d109ae3bc4b5.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-left: -27px;
  background-size: 16px;
}.b-nav-item_active {
  text-decoration: none;
  color: #000 !important;
}

.b-content {
  margin: 0 auto;
  position: relative;
  padding: 0 20px 20px 20px;
}

.b-title-section {
  position: relative;
  min-height: 73px;
  border-bottom: solid #e6e6e8 1px;
}

.b-h1_float-left {
  float: left;
  border-bottom: none;
  margin-left: 0;
  text-overflow: ellipsis;
}

.b-h1 {
  font-size: 29px;
  margin: 15px 0 0 0;
}

.b-report-name {
  font-family: Open Sans Regular;
  font-size: 18px;
}

.b-left {
  width: 330px;
  float: left;
  margin-right: 5px;
  margin-left: 13px;
}

.b-right {
  width: 625px;
  float: left;
}

.b-report_70 {
  margin: 0 0 15px 0;
}

.btn-info {
  margin-top: -7px;
}

.caret {
  /*margin-bottom: 2px;*/
}

.ui-chart {
  position: relative;
}

.ui-chart-tooltip {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}/*access management to statistics*/

.b-counter-access-menu {
  float: right;
  margin-top: 15px;
  padding-top: 10px;
}

.b-counter-access-menu-item {
  display: inline-block;
  list-style: none;
}

.b-counter-access-menu-link {
  display: block;
  height: 31px;
  margin-right: 30px;
  font-size: 16px;
}

.access-menu-item_active {
  border-bottom: 3px solid #000;
}

.b-counter-access-list-util {
  position: relative;
  height: 60px;
  margin-top: 12px;
}

.group_access-list-util {
  display: inline-block;
  position: absolute;
  right: 0;
  padding-top: 10px;
}

.b-counter-access-list-section {
  background: #ffffff;
  margin-top: 30px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px 0 #A3A3A3;
  box-shadow: 0 1px 1px 0 #A3A3A3;
  padding: 15px;
}

.b-counter-access-list-section-util {
  position: relative;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.b-access-list-user-name,
.b-access-list-email,
.b-access-list-denied-link {
  display: inline-block;
}

.b-access-list-user-name {
  font-size: 18px;
  margin-right: 20px;
}

.b-access-list-email {
  color: #000000;
}

.b-access-list-denied-link {
  /*position: absolute;*/
  /*right: 0;*/
  cursor: pointer;
  padding-bottom: 3px;
  text-align: center;
}

.b-access-list-denied-link:hover {
  color: #000000;
}

.b-access-list-item {
  width: 30%;
  float: left;
  margin-right: 5%;
  position: relative;
}

.b-access-list-item:last-of-type {
  text-align: right;
  margin: auto;
}

.b-access-list-select-rights .btn-info {
  border: none;
}

.b-counter-access-list-section-item {
  margin-bottom: 15px;
}

.b-counter-access-list-section-item:last-of-type {
  margin: auto;
}

.b-counter-access-list-section-item:after {
  content: '';
  display: block;
  clear: both;
}

.b-counterlist {
  height: 50px;
}

/* Providing access to statistics */

.b-access-form {
  width: 588px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px 0 #A3A3A3;
  box-shadow: 0 1px 1px 0 #A3A3A3;
  background: #ffffff;
  margin: 30px auto 0 auto;
  padding: 30px 30px 15px 30px;
}

.b-access-form-title {
  padding-top: 0;
}

/* User invitation form */

.b-user-invitation-form {
  width: 490px;
  margin: 0 auto;
  padding-bottom: 10px;
}

.b-user-invitation-form-descr {
  margin-bottom: 30px;
  display: block;
}

.b-user-invitation-form_input {
  width: 468px;
  margin-bottom: 10px;
}

.b-user-invitation-input-descr {
  font-size: 12px;
}

.drop-down-user-invitation .btn-info {
  width: 464px;
  height: 40px;
}

.drop-down-user-invitation .btn-info .caret {
  margin-top: 17px;
}

.b-user-invitation-form_area {
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  padding: 10px;
  width: 468px;
  height: 100px;
}

._invitation-sbt {
  width: auto;
}

.b-sent-letter-box_invitation {
  height: 446px;
}

.b-sent-letter-cont_invitation {
  height: 196px;
}

.b-sent-letter-title_invitation {
  font-size: 27px;
}

.b-btn_invitation {
  display: block;
  width: 314px;
  text-align: center;
  margin: 30px auto 0 auto;
}

.b-sent-letter_invitation-text {
  top: 21px;
  height: 161px;
}

.b-active_rights-access {
  width: auto;
  height: auto;
}



.b-registration-loading_sentInvitation {
  position: absolute;
  left: -40px;
  top: 10px;
}.b-card {
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px 0 #A3A3A3;
  box-shadow: 0 1px 1px 0 #A3A3A3;
  padding: 15px;
  margin-top: 20px;
}

.b-card-head {
  position: relative;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.b-organizations {
  margin-bottom: 20px;
}

.b-organizations:after {
  content: '';
  display: block;
  clear: both;
}

.b-organizations-list-item {
  display: block;
  padding: 0 30px 0 10px;
  line-height: 35px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.b-organizations-list-item>label {
  position: absolute;
  right: 34px;
  opacity: 0.5;
}

.b-organizations-list {
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
}

.b-organizations-list.b-organizations-list_minimized {
  float: left;
  width: 280px;
}

.b-organizations-list-item:before {
  display: block;
  content: "";
  height: 1px;
  background: #e5e5e5;
  margin-right: -20px;
}

.b-organizations-list-item:after {
  position: absolute;
  right: 10px;
  top: 0;
  display: block;
  content: "";
  height: 35px;
  width: 20px;
  float: right;
  opacity: .5;
  background: url(/static/dev/7cb1e8e96e74f29a23644f8ef814815c.png) no-repeat center;
}

.b-organizations-list-item:hover:after,
.b-organizations-list-item.active:after {
  opacity: 1;
}

.b-organizations-list-item.active {
  font-weight: 600;
}

.b-organizations-list-item:hover {
  background: #fbf9f9;
}

.b-organizations-list-item:first-child:before {
  display: none;
}

.b-organizations-list-item:first-child {
  border-radius: 5px 5px 0 0;
}

.b-organizations-list-item:last-child {
  border-radius: 0 0 5px 5px;
}

.b-organizations-list-item span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  margin-right: 25px;
}

.b-organization {
  margin-left: 300px;
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  padding: 10px;
}

.b-organization-forms {
  margin-top: 25px;
}



.b-error_text_abs {
  position: absolute;
  color: #f00;
  left: 0;
  background: #fff;
  line-height: 12px;
  padding: 8px;
  border: 1px solid #ccc;
  z-index: 100;
  min-width: 250px;
}

.ukaz_171_header {
  font-family: "Open San", Calibri, Arial, Helvetica, sans-serif;
}

.b-btn-remove {
  background-color: #e66a6a;
  background-image: url(/static/dev/ae84efcc3be94004a71e1275724fbc94.png);
  background-repeat: no-repeat;
  background-position: center;
}

.b-btn-remove:before {
  content: 'x';
  color: transparent;
}

.b-btn-remove:hover,
.b-btn-remove:visited {
  background-color: #e75656;
}

.b-help-link {
  margin: 5px 0;
  display: inline-block;
  text-decoration: underline;
}

.b-required-warning {
  line-height: 35px;
  margin: 0 20px;
}

.b-organization-form-error {
  color: #f00;
  font-weight: 600;
  margin: 10px 35px;
  display: inline-block;
}

.b-government-annotation {
  font-size: 13px;
}

.b-roi-help {
  line-height: 10px;
  padding: 10px;
  display: inline-block;
}

.nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form-indicator {
  display: inline-block;
  width: 10px;
  line-height: 40px;
  height: 10px;
  vertical-align: middle;
  border-radius: 50%;
  background: #ccc;
  margin: 0 7px;
}

.form-indicator.active {
  background: #6bb84c;
}

.b-url {
  color: #a3a3a3;
  font-size: 13px;
  margin-left: 38px;
  margin-top: -8px;
}

.b-input {
  width: 345px;
  height: 43px;
  padding: 0 6px;
  border: solid #9d9d9d 1px;
  border-radius: 3px;
  line-height: 43px;
  outline: none;
}.list-view-item {
  display: block;
  padding: 0 30px 0 10px;
  line-height: 35px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-view-wrapper {
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
}

.list-view-wrapper.list-view-wrapper_minimized {
  float: left;
  width: 280px;
}

.list-view-item:before {
  display: block;
  content: "";
  height: 1px;
  background: #e5e5e5;
  margin-right: -20px;
}

.list-view-item:after {
  position: absolute;
  right: 10px;
  top: 0;
  display: block;
  content: "";
  height: 35px;
  width: 20px;
  float: right;
  opacity: .5;
  background: url(/static/dev/7cb1e8e96e74f29a23644f8ef814815c.png) no-repeat center;
}

.list-view-item:hover:after,
.list-view-item.active:after {
  opacity: 1;
}

.list-view-item.active {
  font-weight: 600;
}

.list-view-item:hover {
  background: #fbf9f9;
}

.list-view-item:first-child:before {
  display: none;
}

.list-view-item:first-child {
  border-radius: 5px 5px 0 0;
}

.list-view-item:last-child {
  border-radius: 0 0 5px 5px;
}

.list-view-item span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  margin-right: 25px;
}.b-counterlist {
  border-bottom: 1px #efefef solid;
  background: #FFF;
}

.b-counterlist ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}

.b-counterlist ul li {
  float: left;
}

.b-counterlist a {
  display: block;
  padding: 16px 0px 13px 0;
  margin-right: 18px;
}

.b-counterlist li.active a {
  border-bottom: 3px solid #000;
}

.b-counterlist_menu {
  margin: auto;
  padding: 0 20px;
}._counters-group {
  width: 620px;
}

.b-counters-form {
  padding: 0 40px 10px 40px;
}

._sbt-center {
  margin: 0 auto;
}

.b-counter-utils {
  overflow: hidden;
  margin-top: 5px;
}

.b-counter-link {
  display: inline-block;
  border-bottom: 1px dashed;
  margin-right: 20px;
}

.b-counter-link_edit,
.b-counter-link_edit:hover,
.b-counter-link_edit:visited,
.b-counter-link_edit:active {
  color: #2f86d8;
  border-bottom-color: #2f86d8;
  font-size: 13px;
}

.b-counter-link_remove,
.b-counter-link_remove:hover,
.b-counter-link_remove:visited,
.b-counter-link_remove:active {
  color: #f83f06;
  border-bottom-color: #f83f06;
}

.b-counter-link_remove {
  margin: 0 0 20px 0;
  cursor: pointer;
}

.b-remove-group {
  text-align: center;
}

.b-counters_titles a {
  max-width: 550px !important;
}

.b-intro-header-descr {
  text-align: center;
}

.b-intro-header-descr pre {
  text-align: left;
}

.counters-group-box {
  width: 1000px;
  margin: 0 auto;
}._counters-group {
  width: 620px;
}

.b-counters-form {
  padding: 0 40px 10px 40px;
}

._sbt-center {
  margin: 0 auto;
}

.b-counter-utils {
  overflow: hidden;
  margin-top: 5px;
}

.b-counter-link {
  display: inline-block;
  border-bottom: 1px dashed;
  margin-right: 20px;
}

.b-counter-link_edit,
.b-counter-link_edit:hover,
.b-counter-link_edit:visited,
.b-counter-link_edit:active {
  color: #2f86d8;
  border-bottom-color: #2f86d8;
  font-size: 13px;
}

.b-counter-link_remove,
.b-counter-link_remove:hover,
.b-counter-link_remove:visited,
.b-counter-link_remove:active {
  color: #f83f06;
  border-bottom-color: #f83f06;
}

.b-counter-link_remove {
  margin: 0 0 20px 0;
  cursor: pointer;
}

.b-remove-group {
  text-align: center;
}

.b-counters_titles a {
  max-width: 550px !important;
}

.b-intro-header-descr {
  text-align: center;
}

.b-intro-header-descr pre {
  text-align: left;
}

.counters-group-box {
  width: 1000px;
  margin: 0 auto;
}.dashboard {
  margin-left: -10px;
  margin-right: -10px;
}.b-content {
  /*width: 960px;*/
  margin: 0 auto;
  padding-bottom: 50px;
  position: relative;
  padding: 0 20px 20px 20px;
}

.b-el-group {
  position: relative;
  overflow: hidden;
}

.b-el-group_counter {
  overflow: visible;
}

.b-h2 {
  font-size: 25px;
  border-bottom: solid #e6e6e8 1px;
  padding-bottom: 10px;
  font-family: "Open Sans", Calibri, Arial, Helvetica, sans-serif;
  margin: 15px 0 0 0;
}

.b-h1_bottom-bord {
  border-bottom: 1px #efefef solid;
}

.b-section {
  padding: 10px 0 20px 0;
}

.doc-item {
  line-height: 25px;
}

._base-pdf {
  display: inline-block;
  background: url(/static/dev/6283e8b9a475b739083d899e143ae3a3.svg) no-repeat;
  background-size: 20px;
  padding-left: 30px;
  vertical-align: bottom;
}

._sertificate {
  display: inline-block;
  background: url(/static/dev/787a2641cc6a7f66ec3c2d7e06933fb2.svg) no-repeat;
  background-size: 20px;
  padding-left: 30px;
  vertical-align: bottom;
}
/*# sourceMappingURL=styles.css.map*/