@CHARSET "UTF-8";

@font-face {
  font-family: "Rostelecom-Basis",
  font-weight: 300;
  src: url("../font/RostelecomBasis-Light.otf") format("opentype");
}

@font-face {
  font-family: "Rostelecom-Basis",
  font-weight: 400;
  src: url("../font/RostelecomBasis-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Rostelecom-Basis",
  font-weight: 500;
  src: url("../font/RostelecomBasis-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Rostelecom-Basis",
  font-weight: 700;
  src: url("../font/RostelecomBasis-Bold.otf") format("opentype");
}

@font-face {
    font-family: 'NeoSansCyr-Regular';
    src: url('../font/NeoSansCyr-Regular/NeoSansCyr-Regular.eot');
    src: url('../font/NeoSansCyr-Regular/NeoSansCyr-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NeoSansCyr-Regular/NeoSansCyr-Regular.woff') format('woff'),
    url('../font/NeoSansCyr-Regular/NeoSansCyr-Regular.ttf') format('truetype'),
    url('../font/NeoSansCyr-Regular/NeoSansCyr-Regular.svg#NeoSansCyr-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%;
}

body {
    background: #fcfcfc;
    min-height: 100%;
}

body, input, textarea, select {
    font-size: 15px;
}

body, input, textarea, select, h3, div.round-panel {
    color: #343434;
}

label {
    font-size: 15px;
}

body.noauth div.main-parent {
    background: none;
}

.noauth {
  background: #ffffff url('/img/bg.svg') no-repeat 20% 0;
  background-size: cover;
	box-sizing: border-box;
  min-height: 100%;
}

#repository {
  height: 100%;
	position: relative;
  text-align: initial;
}

.footer {
  bottom: 0;
  font-size: .87rem;
  left: 0;
  padding: 2rem 0;
  position: absolute;
}

/* Rostelecom Styles */

.rt,
.input {
  color: #101828;
  font-family: 'Rostelecom-Basis', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.25em;
}

/* Authorization (main/authorization) */

.authorization {
  height: 100%;
  position: relative;
}

.authorization__logo {
  left: 3.125rem;
  position: absolute;
  top: 2rem;
}

.authorization__logo > img {
  height: 87px;
}

.authorization__wrapper {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.authorization__block {
  background-color: #ffffff;
  box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, .3);
  margin-bottom: .33rem;
  padding: 1rem;
  width: 20rem;
}

.authorization__block_error {
  color: #ff4f12;
  font-size: .875rem;
}

.authorization__title {
  font-family: 'Rostelecom-Basis', Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  margin: 1rem 0 1.5rem;
}

.authorization__button {
  margin: 1.5rem 0 0 auto;
}

.authorization__footer {
  bottom: 2rem;
  position: absolute;
  right: 2rem;
}

.authorization__footer > img {
  height: 2.3rem;
}

/* Form Elements */

.input {
  box-sizing: border-box;
}

.input.input_authorization {
  border-bottom: 1px solid #7B939B;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1rem 0;
  outline: 0;
  padding: .2rem .5rem;
  width: 100%;
}

.button {
  border-radius: .33rem;
  height: 2.33rem;
  padding: 0 2rem;
}

.button.button_main {
  background-color: #7b939b;
  border: none;
  color: #ffffff;
}

.button.button_main:hover,
.button.button_main:focus {
  background-color: #979799;
}

.button.button_secondary {
  background-color: #ff4f12;
  border: none;
  color: #ffffff;
}

.button.button_secondary:hover,
.button.button_secondary:focus {
  background-color: #ff8218;
}

/*
body.noauth .bl-auth-content-form-input {
	text-align: center;
	margin-bottom: 20px;
	margin-left: -15px;
}
body.noauth .bl-auth-content-form-input-label {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #444;
	width: 78px;
	margin-left: 0px;
	text-align: left;
}
body.noauth .bl-auth-content-form-input input {
	display: inline-block;
	vertical-align: middle;
	width: 320px;
}

*/



.comment {
    color: #848484;
}

.warning {
    color: #f00;
}

.circle {
    background: #AFE17D;
    width: 10px;
    height: 10px;
    text-align: center;
    margin-right: 0px;
    border-radius: 50px;
    /*display: -moz-box; display: -webkit-box; display: box;*/
    display: inline-block;
    *display: inline;
    zoom: 1;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-pack: center;
    box-align: center;
}

.circle.warning {
    background: #CBA405;
}

.circle.critical {
    background: #BC0000;
}

h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2rem;
}

h1.title {
    margin-bottom: 60px;
}

h3 {
    font-size: 24px;
    color: #626262;
    padding-left: 0px;
    padding-right: 0;
    margin-bottom: 17px;
}

img.left.icon {
    float: none;
    margin-left: 0 !important;
}

img.source {
    margin-bottom: -8px;
    margin-right: 10px;
}

label.subtitle {
    color: #343434;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

/* Links */
a.action {
    font-size: 13px;
}

a.vkl {
    color: #51a400;
    border-bottom: 1px solid #51a400;
}

a.otkl {
    color: #ff8d13;
    border-bottom: 1px solid #ff8d13;
}

a.del {
    color: #ff1313;
    border-bottom: 0 !important;
}

a.inform {
    font-family: 'Times New Roman', Arial;
    color: #B0B0B0;
    padding: 0 5px;
}

a.switcher {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 13px;
    height: 8px;
}

a.switcher:before {
    color: #0b60ad;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 10px;
}

a.switcher.active:before {
    content: "\f106";
}

h1 a.action, a.action-area {
    float: right;
    padding: 5px 0 0 5px;
    margin-left: 30px;
}

h1 a.action span {
    color: #000;
    font-size: 17px;
}

a.action-area {
    float: none;
    margin-left: 0;
}

div.export {
    float: right;
    margin-top: 11px; /* margin-right: 10px; */
}

div.export a.action-area:last-child {
    padding-right: 0;
}

a.block-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 75px;
    background: #f4f4f5;
    padding: 0 20px;
    color: #343434;
    vertical-align: middle;
    text-align: center;
    position: relative;
    margin-right: 5px;
    line-height: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 290px;
}

a.block-btn span {
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    top: -5px;
    right: -5px;
    background: #F4F4F4;
}

a.block-btn.active {
    border-top: 10px solid transparent;
    border-top-color: #b777ca;
    margin-top: -10px;
    color: #424242; /*font-weight: bold;*/
    box-shadow: 0 6px 0 #f4f4f5;
}

#profiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-right: -5px;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding-top: 20px;
}

a.block-btn.hidden {
    background: #F2F2F2;
}

a.block-btn.add {
    background: #8EB9E3 url('/img/icons/add.png') no-repeat top right;
    color: #fff;
}

a.block-btn.add.active {
    background: #FCFCFC;
    color: #A5A5A5;
    border-top: 5px solid #76DEB2;
}

/* Inputs */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
}

.select {
  display: inline-block;
  position: relative;
}

.select:after {
  content:"";
  width:0;
  height:0;
  position:absolute;
  pointer-events: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 1em;
  right: .75em;
  border-top: 8px solid black;
  opacity: 0.5;
}

input.txt,
textarea,
select {
    border: 1px solid #ccc;
    padding: 6px 10px 7px;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 6px;
    -moz-box-sizing: border-box;
}

input.txt {
    padding: 0 8px;
    height: 34px;
}

input.txt-small {
    padding-top: 3px;
    padding-bottom: 3px;
}

textarea {
    padding-top: 6px;
    padding-bottom: 6px;
    padding: 6px 10px 7px;
}

input.datepicker {
    background: url('/img/icons/calendar.png') no-repeat center right 5px;
    width: 127px;
    font-weight: normal;
}

input:disabled,
select:disabled,
textarea:disabled {
    background-color: #f4f4f5;
}

.half-transp {
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

label.radio {
    padding-left: 20px;
    line-height: 24px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: hidden;
    cursor: pointer;
}

label.radio input.hidden, label.radio span.radio {
    float: left;
    margin-left: -20px;
    outline: none;
}

label.radio input.hidden {
    margin-left: -50px;
}

span.radio {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('/img/icons/radio.png') no-repeat;
    margin-right: 10px;
    margin-top: 6px;
}

span.radio.active {
    background-position: 0 100%;
}

/* Buttons */
input.but {
    color: #494949;
}

input.but.small {
    background: url('/img/buttons/but.png') no-repeat;
    font-size: 0.8em;
    height: 30px;
    width: 105px;
    color: #525252;
}

input.but.mini {
    background: url('/img/buttons/but_mini.png') no-repeat;
    font-size: 1em;
    height: 32px;
    width: 92px;
    color: #525252;
}

input.btn, a.btn {
    background: #387db9;
    border: 0;
    height: 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #fff !important;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font: bold 16px/26px Arial, Verdana, sans-serif;
    padding: 0 28px 0;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    border-radius: 6px;
    behavior: url('/common/static/js/PIE.htc');
}

.btn-gray {
    background-color: #6f6f6f !important;
}

.btn-gray:hover,
.btn-gray:focus {
    background-color: #666 !important;
}

a.btn {
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

a.btn.mini {
    font-size: 11px;
    height: 25px;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
}

input.btn:hover, a.btn:hover {
    background: #2a6ba3;
}

select {
    padding: 0 5px;
    height: 34px;
}

select option {
    padding: 2px 0;
}

p.subtitle {
    border-left: 13px solid #fff;
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 35px;
    text-align: center;
}

div.noting { /* background: url('/img/icons/note.png') no-repeat; */
    padding-left: 40px;
    padding-top: 5px;
    font-size: 13px;
    color: #a9a9a9;
    position: relative;
}

div.noting:before {
    content: "\f069";
    display: inline-block;
    font: normal normal normal 32px/1 FontAwesome;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0px;
    top: 0;
    color: #b777ca;
}

/* Header */
div.header {
    position: relative;
    white-space: nowrap;
    border-top: 1px solid #000;
    margin-top: -1px;
    margin-bottom: 85px !important;
    padding: 0;
}

div.header div.login-container {
    float: right;
    margin-right: -75px;
    line-height: 40px;
    padding-left: 23px; /* background: url('/img/icons/user.png') no-repeat 0 13px; */
    color: #585858;
    font-size: 16px;
    line-height: 41px;
}

div.header div.login-container a {
    margin-left: 6px;
}

div.header strong, div.header b {
    border-bottom: 0 !important;
    font-size: 13px;
    line-height: 18px;
}

div.header a.logo {
    position: absolute;
    left: -4rem;
    top: 1px;
}

div.header a.logo img {
    width: 2rem;
}

div.header img {
    vertical-align: middle;
    margin-bottom: 3px;
    max-width: 100%;
    width: 2rem;
}
div.header img.badge {
    position: relative;
    right: 40px;
    top: 1px;
    width: auto;
}

div#mainContainer {
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
}

div#mainContainer:after {
    content: '';
    width: 100%;
    height: 45px;
    left: 0;
    top: 0;
    position: absolute;
    background: #e0e2e4;
    z-index: -1;
}
div#mainContainer.plug-page:after {
    display: none;
}

/* Menu */
div.menu, div.submenu {
    float: left;
}

div.menu {
    display: table;
    margin-bottom: 2px;
    margin-left: -10px;
}

div.menu div.item, div.submenu div.item {
    line-height: 16px;
}

div.menu div.item {
    display: table-cell;
}

div.submenu div.item {
    float: left;
}

div.menu div.item a {
    padding: 0px 10px;
    line-height: 44px;
    display: inline-block;
}

div.menu div.item:hover {
    background: #e7e9ea;
}

div.menu div.item a:hover {
}

body.kz div.menu div.item a {
    padding: 0 6px;
}

div.submenu div.item:first-child {
    margin-left: 0;
}

div.submenu div.item:first-child a {
    padding-left: 0;
}

div.menu a, div.menu strong, a.lnk {
    outline: none;
}

div.menu a, div.menu strong {
    font-size: 16px;
}

a.lnk {
    font-size: 13px;
    text-transform: uppercase;
}

div.menu div.item {
    /* padding: 2px 5px 1px; */
}

div.menu div.item.active a, div.submenu div.item.active a {
    color: #585858 !important;
}

div.menu div.item.active {
    background: #FCFCFC;
}

div.menu div.item #mainStatus {
    margin-left: -10px;
    margin-right: 10px;
}

div.menu div.item.active:hover a {
    text-decoration: none;
}

div.submenu {
    margin-top: 10px;
    margin-bottom: 25px;
    padding: 9px 0;
}

div.submenu div.item {
    border-left: 1px solid #E3E3E3;
}

div.submenu div.item a {
    font-size: 15px;
    line-height: 14px;
    vertical-align: top;
    padding: 0 20px;
}

div.submenu.lang {
    float: right;
    margin-top: 0;
    margin-right: 15px;
    padding-bottom: 0;
    padding-top: 14px;
}

div.submenu.lang div.item {
    border-left: 1px solid #fff;
}

div.submenu.lang div.item a {
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
}

div.submenu div.item:first-child {
    border-left: 0;
}

/* Controls */
div.submenu.controls {
    margin: 10px 0;
}

div.submenu.controls .fa {
    display: block;
    font-size: 31px;
    color: #bdbdbd;
    margin-bottom: 0px;
    height: 38px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
}

div.submenu.controls .fa.fa-search {
    font-size: 29px;
}

div.submenu.controls div.item {
    border-left: 0;
    position: relative;
}

div.submenu.controls div.item a {
    font-size: 13px;
    padding: 0;
    display: inline-block;
    text-align: center;
    background: url('/img/bg/submenu_border.png') no-repeat 0 14px;
    line-height: 18px;
}

div.submenu.controls div.item:first-child a {
    background: none;
}

div.submenu.controls div.item.import {
    overflow: hidden;
}

div.submenu.controls div.item.import a {
    width: 90px;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}

div.submenu.controls div.item.group-profile {
    width: 148px;
}

div.submenu.controls div.item.search {
}

div.submenu.controls div.item.search a {
    width: 90px;
    padding-left: 15px;
    padding-right: 15px;
}

div.submenu.controls div.item.search.actived { /* background: url('/img/icons/controls/search_actived.png') no-repeat top center; */
}

div.submenu.controls div.item.search.actived a {
    color: #343434;
}

div.submenu.controls div.item.search.actived a .fa.fa-search {
    color: #7e7e7e
}

div.submenu.controls div.item.backup { /* background: url('/img/icons/controls/backup.png') no-repeat top center; */
    width: 170px;
}

div.left-menu {
    position: absolute;
    left: -60px;
    margin-top: 3px;
}

div.left-menu a {
    line-height: 40px;
}

div.left-menu a .fa.fa-angle-left {
    font-size: 30px;
}

div.right-content {
    float: left;
    width: 810px;
}

div.right-content div.activity, div.right-content dl {
    margin-left: 10px;
    line-height: 27px;
}

div.right-content h1 {
    margin-top: 0;
}

/* Main */
div.area-container, div.right-content h1 {
    width: 990px;
}

div.area-container {
  min-height: 100%;
  box-sizing: border-box;
  position: relative;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 6rem 0;
}


/*div.area-container {width: auto; text-align: left; margin: 0;}*/
div.main-content {
    min-height: 250px;
    position: relative;
}

div.round-panel {
    border: 1px solid #CFCFCE;
}

div.round-panel table {
    margin: 10px 0;
}

div.round-panel table th, div.stats table th {
    color: #848484;
}

div.round-panel table td, div.stats table td {
    text-align: right;
    font-weight: bold;
}

div.round-panel table td.noindents {
    padding-left: 0;
    padding-right: 0;
}

div.round-panel table td.half {
    padding-left: 0px;
    padding-right: 20px;
    text-align: right !important;
}

div.stats table {
    border-bottom: 0;
}

div.round-panel table tbody tr th.editable.noactive:hover, div.round-panel table tbody tr td.editable.noactive:hover,
div.stats table tbody tr th.editable.noactive:hover, div.stats table tbody tr td.editable.noactive:hover {
    background: #f0f0f0 url('/img/icons/edit.png') no-repeat right 5px top 5px;
    cursor: pointer;
}

div.round-panel table tbody tr:nth-child(2n) th.editable.noactive:hover, div.round-panel table tbody tr:nth-child(2n) td.editable.noactive:hover,
div.stats table tbody tr:nth-child(2n) th.editable.noactive:hover, div.stats table tbody tr:nth-child(2n) td.editable.noactive:hover {
    background: #f9f9f9 url('/img/icons/edit.png') no-repeat right 5px top 5px;
}

td.ip input.txt, th.rootWord input.txt {
    border-radius: 0;
    padding: 2px 5px;
    margin: 0;
    margin-right: 5px;
}

div.main-page th, div.main-page td {
    font-weight: bold;
}

.light, div.round-panel.light th, div.round-panel th.light, div.main-page div.round-panel th {
    color: #848484;
}

div.popup {
    font-size: 0.85em;
    width: 250px;
    box-shadow: 3px 3px 4px #555;
    behavior: url('/common/static/js/PIE.htc');
}

div.popup div.piptik {
    left: 10px;
    width: 21px;
    height: 18px;
    background: url('/img/icons/piptik_top.png') no-repeat;
}

div.popup.bottom div.piptik {
    margin-top: 80px;
    background: url('/img/icons/piptik_bottom.png?8') no-repeat;
    width: 26px;
    height: 26px;
}

div.popup p {
    margin: 10px 15px !important;
    padding-right: 15px;
    font-weight: normal;
}

div.popup a.close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url('/img/icons/x.gif') no-repeat 0 0;
    width: 7px;
    height: 7px;
    border-bottom: 0;
}

div.popup a.close:active {
    background-position: 0 100%;
}

div.window-popup.popup-info div.window-form {
    position: fixed;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-left: -250px;
    margin-top: -100px;
    z-index: 1010;
    background: #fff;
    padding: 30px;
    text-align: center;
    color: #000;
    font-size: 1.2em;
}

div.window-popup.popup-info div.window-form input.but {
    margin: 0 5px;
}

tr.pager td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

div.pager {
    margin: 19px 10px 0;
    line-height: 30px;
}

div.pager.top {
    margin: 0;
}

div.pager.top.actived {
    margin: 0;
    padding: 10px 0;
}

div.pager a, div.pager b {
    margin-right: 9px;
    font-weight: bold;
}

div.pager b.points {
    margin-right: 6px;
    margin-left: -4px;
}

div.pager .small-btn {
    background: #f4f4f5;
    padding: 0;
}

div.pager .small-btn .fa {
    font-size: 18px;
}

div.pager .small-btn a {
    padding: 3px 12px 2px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

div.pager .small-btn.first {
    margin: 0 10px 0 45px;
}

div.activity {
    margin-left: 20px;
    width: 650px;
}

div.checklist {
    line-height: 30px;
}

div.checklist div.tab {
    margin-left: 35px;
}

/* Pages */
/*div.data-page div.area-container {width: auto;}*/
table .wrap {
    max-width: 120px;
    width: 120px !ie;
    white-space: pre-wrap; /* css-3 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

div.round-panel.list table td, div.blacklistEditor-page div.round-panel table td {
    text-align: left;
}

div.round-panel.list {
    margin-top: 70px;
}

div.round-panel.list table {
    margin-top: -45px;
}

div.round-panel.list table th, div.round-panel.list table td {
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #f8f8f8;
}

div.round-panel.list table th:first-child, div.round-panel.list table td:first-child {
    border-left: 0;
}

div.round-panel.list table thead td {
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
}

div.round-panel.list table tbody td {
    font-weight: normal;
}

div.users-page div.popup p, div.blacklistEditor-page div.popup p {
    font-weight: bold;
}

div.users-page table.data th, div.users-page table.data td {
    padding-left: 10px;
    padding-right: 10px;
}

div.users-page table.data td {
    font-size: 14px;
}

div.users2-page td {
    font-weight: bold;
}

div.users2-page span.light {
    margin-right: 5px;
}

em.indicator-container {
    width: 100px;
}

em.indicator {
    min-width: 35px;
}

em.indicator strong, div.round-panel table em.indicator strong {
    color: #0091c5;
}

div.stats {
    margin-top: 10px;
}

div.stats b.cnt {
    float: right;
}

div.stats div.legend {
    white-space: nowrap;
}

div.stats table {
    border-collapse: separate;
    border-spacing: 0;
}

div.stats table th, div.stats table td {
    padding: 5px 10px !important;
    text-align: left;
    color: #848484 !important;
}

div.stats table td.legendColorBox {
    padding-right: 0 !important;
}

div.stats table td.cnt {
    color: #525252 !important;
}

div.pie-graph div.percent {
    text-shadow: 1px 0 2px #000;
    color: #fff;
    font-weight: bold;
    font-family: Arial, HelveticaNeueCyrBold, Helvetica;
}

table.settings {
    margin-left: 20px;
    margin-top: 50px;
    font-size: 1.05em;
}

table.settings th, table.settings td {
    vertical-align: top;
    padding: 15px 25px;
}

table.settings th {
    padding-right: 40px;
    padding-left: 0;
}

table.settings td {
    border-left: 1px solid #fff;
    padding-left: 45px;
}

table.settings td.active {
    background: #f1f1f1 url('/img/bg/pattern_light.png');
}

table.settings td.noborder {
    border-left: 0;
}

table.settings div.ico {
    height: 40px;
}

table.settings label {
    display: block;
}

table.settings label input.check-r {
    margin-left: -30px;
    width: 30px;
    margin-right: 0;
}

div.panel-page {
    margin-top: 25px;
    background: #F7F7F7;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}

div.panel-page div.content {
    padding: 25px;
}

div.panel-page div.content h4 {
    margin-top: 0;
    font-family: Arial, HelveticaNeueCyrBold, Helvetica;
    font-size: 1.1em;
}

div.panel-page p.note {
    color: #B0B0B0;
    margin-bottom: 25px;
    font-size: 0.8em;
}

div.panel-page label.warning {
    color: #f00;
}

div.panel-page input.txt {
    border-radius: 0;
    padding: 4px 5px;
}

div.tabs {
    position: relative;
}

div.tabs div.tab {
    float: left;
    width: 25.5%;
    text-align: center;
    background: #EFEFEF;
    cursor: pointer;
    overflow: hidden;
}

div.tabs div.tab.last {
    width: 23.5%;
}

div.tabs div.hide-last-bottom {
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 10px;
    height: 7px;
    background: #EFEFEF;
}

div.tabs div.tab div.c {
    margin-right: 10px;
    margin-bottom: 10px;
    background: #F7F7F7;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

div.tabs div.tab.actived div.c {
    margin-bottom: 0;
    padding-bottom: 10px;
    box-shadow: 2px 0 2px rgba(0, 0, 0, 0.3);
}

div.tabs div.tab.last div.c {
    margin-right: 0;
}

div.tabs div.tab.last.actived div.c {
    box-shadow: none;
}

div.tabs div.tab div.top {
    height: 8px;
    margin-bottom: 10px;
}

div.tabs div.tab.actived div.top {
    background: #0091C5;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

div.tabs div.tab h4 {
    margin: 10px 0;
}

div.tabs div.tab p {
    padding: 0 15px 15px;
    display: table-cell;
    line-height: 16px;
    height: 64px;
    vertical-align: middle;
}

div.popup-connect div.connecting-form {
    position: fixed;
    z-index: 1001;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -100px;
    width: 600px;
    height: 200px;
    background: #f4f4f4;
}

div.popup-connect div.content {
    float: right;
    width: 510px;
    padding: 35px 0 0 35px;
    font-size: 0.9em;
    text-align: left;
}

div.popup-connect div.content div.btndown {
    margin-right: 140px;
    margin-top: 5px;
}

div.popup-connect div.content ol {
    margin-top: 25px;
    margin-bottom: 30px;
    padding-left: 50px;
    font-size: 1.25em;
}

div.popup-connect div.content h2 {
    color: #626262;
    font-size: 24px;
    font-variant: normal;
    margin-top: 0;
}

div.popup-connect div.right div.btndown {
    margin: 0 !important;
    position: absolute;
    top: 20px;
    right: 25px;
    height: 14px;
    width: 14px;
    /*background-image: url('/img/icons/close.png');*/
    margin: 0;
}

div.popup-connect div.right img {
    margin-top: 65px;
    margin-right: 50px;
    padding-right: 0;
}

div.popup-connect.unconfirmed div.connecting-form {
    width: 530px;
    margin-left: -265px;
    margin-top: -85px;
    min-height: 190px;
    height: auto;
    background: #fff;
}

div.popup-connect.unconfirmed div.content {
    float: left;
    width: 475px;
    padding: 25px;
    padding-right: 0;
    font-size: 1.2em;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
    color: #3b3b3b;
}

div.popup-connect.unconfirmed div.right div.btndown {
    width: 10px;
    height: 10px;
    /*background-image: url('/img/icons/alert_x.png');*/
}

div.popup-connect.unconfirmed div.content p {
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 15px;
}

div.popup-connect.unconfirmed div.content p.bigger {
    font-size: 1.1em;
    line-height: 26px;
}

div.popup-connect.unconfirmed div.content h2 {
    font-size: 1.2em;
    margin: 0;
    margin-bottom: 15px;
    color: #3b3b3b;
}

div.popup-connect.unconfirmed div.content a {
    font-weight: bold;
}

div.popup-connect.unconfirmed div.content span.b {
    font-weight: bold;
}

div.popup-connect.unconfirmed.middle div.connecting-form {
    width: 715px;
}

div.popup-connect.unconfirmed.middle div.content {
    width: 660px;
}

div.popup-connect.unconfirmed.big div.connecting-form {
    width: 915px;
}

div.popup-connect.unconfirmed.big div.content {
    width: 860px;
}

div.popup-connect.unconfirmed.big div.content h2, div.popup-connect.unconfirmed div.content h2.bigger {
    font-size: 1.4em;
    line-height: 30px;
}

div.popup-connect.unconfirmed.big div.content a.action, div.popup-connect.unconfirmed.big div.content a.sait {
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
}

div.popup-connect.unconfirmed.easy div.connecting-form {
    border: 0;
    width: 550px;
}

div.popup-connect.unconfirmed.easy div.btndown {
    margin-top: 12px;
    margin-right: 12px;
}

div.popup-connect.unconfirmed.easy h2, div.popup-connect.unconfirmed.easy p {
    padding-left: 25px;
    padding-right: 25px;
}

div.popup-connect.unconfirmed.easy h2 {
    font-size: 22px;
    margin-top: 0;
    padding-top: 20px;
}

div.popup-connect.unconfirmed.easy p {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
}

span.progress, span.progress span {
    height: 16px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

span.progress {
    position: relative;
    background: #fff;
    width: 100px;
    text-align: left !important;
    border-radius: 3px;
    behavior: url('/common/static/js/PIE.htc');
}

span.progress span {
    position: absolute;
    background: #AFE17D;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    behavior: url('/common/static/js/PIE.htc');
}

span.progress.warning span {
    background: #CBA405;
}

span.progress.critical span {
    background: #BC0000;
}

span.vl {
    margin-right: 5px;
}

div.list-controls table div.wrap {
    max-width: 260px;
}

div.list-controls input.txt {
    width: 189px;
}

/*
div.list-controls.stats table tbody tr:nth-child(2n) th, div.list-controls.stats table tbody tr:nth-child(2n) td {background: transparent;}
div.list-controls.stats table tbody tr:nth-child(2n+1) th, div.list-controls.stats table tbody tr:nth-child(2n+1) td {background: #f9f9f9 url('/static/img/bg/zebra.gif');}
*/
div.list-controls table tr.empty {
    background: #f9f9f9 url('/static/img/bg/zebra.gif');
}

div.list-controls.stats table th, div.list-controls.stats table td {
    color: #000 !important;
    font-weight: normal;
}

table.data {
    border-bottom: 1px solid #8F8F8F;
    margin-left: -10px;
    margin-right: -10px;
    width: 102%;
}

table.data th, table.data td {
    padding: 9px 10px;
    vertical-align: top;
    line-height: 20px;
    font-size: 15px;
}

table.data th {
    background: #aaa;
    color: #fff;
    font-size: 15px;
}

table.data td.val {
    text-align: right;
    font-weight: bold;
}

table.data td.val span.progress {
    margin-bottom: -3px;
    background-color: #e0e2e4;
}

table.data tbody tr:nth-child(odd) th, table.data tbody tr:nth-child(odd) td {
    background: transparent;
    color: #343434;
}

table.data tbody tr:nth-child(even) th, table.data tbody tr:nth-child(even) td,
table.data tbody tr.even th, table.data tbody tr.even td {
    background: #f4f4f5;
    color: #343434;
}

table.data tbody tr.odd th, table.data tbody tr.odd td {
    background: transparent;
    color: #343434;
    border: 0;
}

table.data tbody tr:last-child th, table.data tbody tr:last-child td {
    border-bottom: 0;
}

table.data tbody th, table.data tbody td {
    padding-top: 7px;
    padding-bottom: 7px;
}

table.data tbody tr.zero th, table.data tbody tr.zero td {
    background: #0063CF;
    color: #fff;
}

table.data tbody tr.one th, table.data tbody tr.one td {
    background: #ECF1F3;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    color: #000;
}

table.data tbody tr.two th, table.data tbody tr.two td {
    background: #f4f4f5;
    border-bottom: 1px solid #fff;
}

table.data tbody tr.two td.domain {
    padding-left: 40px;
}

table.data.summary {
    font-size: 13px;
    border-bottom: 0;
}

table.data.summary th {
    font-size: 15px;
    font-weight: normal;
}

table.data.summary th p {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    padding-left: 0;
    line-height: 32px;
    margin-top: 6px;
}

table.data.summary td p {
    margin: 0;
}

table.data.summary tr:first-child th, table.data.summary tr:first-child td {
    border-top: 0;
}

table.data.summary.state td {
    padding-left: 0;
    vertical-align: top;
    white-space: nowrap;
}

table.data.summary.state td span.circle {
    margin-bottom: -4px;
}

table.data.summary.state td a.switcher {
    margin-left: 5px;
}

table.data.summary.state th {
    padding-right: 0;
}

table.data tbody tr th.editable.noactive:hover, table.data tbody tr td.editable.noactive:hover {
    background: #f0f0f0 url('/img/icons/edit.png') no-repeat right 5px top 5px;
    cursor: pointer;
}

table.data tbody tr:nth-child(2n) th.editable.noactive:hover, table.data tbody tr:nth-child(2n) td.editable.noactive:hover {
    background: #f4f4f5 url('/img/icons/edit.png') no-repeat right 5px top 5px;
}

table.data thead tr.controls th, table.data thead tr.controls td {
    background: #F4F4F4;
    padding-left: 0;
    padding-right: 5px;
}

table.data thead tr.controls select, table.data thead tr.controls input.txt, table.data thead tr.controls textarea {
    width: 100%;
    box-sizing: border-box;
}

#search input.btn, #search a.btn {
    padding: 0 19px;
}

dl:after {
    clear: both;
}

dl dt {
    float: left;
    padding-top: 5px;
    width: 180px;
    font-size: 14px;
    color: #343434;
}

dl dd {
    margin-left: 200px;
}

div.editor div.activity {
    margin: 0;
}

div.editor fieldset {
    border: 1px solid #fff;
}

div.editor fieldset legend {
    color: #a5a5a5;
    font-size: 13px;
}

div.editor label.subtitle {
}

.search-form {
    float: left;
    margin-top: 2px;
}

.search-form fieldset {
    border: 0;
    background: url("/img/icons/sprite.png") no-repeat scroll 0 -78px rgba(0, 0, 0, 0);
    height: 14px;
    margin: 4px 15px 0 0;
    overflow: hidden;
    padding: 4px 3px;
    width: 122px;
}

.search-form input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #000000;
    float: left;
    font: 11px Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    margin: 0;
    outline: medium none;
    padding: 0 0 0 7px;
    width: 93px;
}

.search-form input[type="submit"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 21px;
}

div.pie-graph {
    background: transparent !important;
}

div.thematics-container {
    float: left;
    width: 60%;
}

div.thematics-container table {
    margin-left: -1px;
}

div.thematics-container th, div.thematics-container td {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

div.thematics-container td:first-child {
    padding-left: 11px;
}

div.thematics-container th {
    padding-right: 10px;
}

div.thematics-container table.data.summary {
    font-size: 15px;
}

div.thematics-container table.data.summary th {
    font-size: 16px;
    font-weight: bold;
}

div.thematics-container table.data th, div.thematics-container table.data td {
    padding-top: 6px;
}

div.thematics-container table.data td.percent, div.thematics-container table.data th.numb {
    padding-top: 7px;
    padding-bottom: 6px;
}

div.thematics-container table.data th.numb {
    text-align: right;
}

div.reports-page h3, div.trafikPartnerViewer-page h3, div.dynamicViewer-page h3 {
    margin-bottom: 20px;
    color: #626262;
}

div.reports-page div.panel-controls, div.dynamicViewer-page div.panel-controls {
    padding-left: 10px;
}

div.panel-controls {
    padding: 10px 0;
    margin-bottom: 50px;
}

div.panel-controls a.scrolling {
    margin: 0;
}

/* Datepicker */
.ui-widget-content, .ui-widget-header {
    background: #656565 !important;
}

.ui-datepicker {
    border: 0 !important;
    line-height: 18px !important;
    padding: 10px !important;
    border-radius: 6px;
    behavior: url('/common/static/js/PIE.htc');
}

.ui-datepicker table {
    margin: 0 !important;
}

.ui-datepicker th {
    font-weight: normal !important;
    text-transform: uppercase;
    color: #bfbfbf;
}

.ui-datepicker th.ui-datepicker-week-end {
    color: #e0e0e0;
    font-weight: bold !important;
}

.ui-datepicker td:last-child {
    border-right: 0 !important;
}

.ui-datepicker td a.ui-state-active {
    color: #653595 !important;
    background: #ECF1F3 !important;
}

.ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-active:hover {
    border-top: 2px solid #653595 !important;
}

.ui-datepicker td a:hover, button.ui-priority-secondary:hover {
    border: 0 !important;
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.ui-datepicker td a:active, button.ui-priority-secondary:active {
    color: #f00 !important;
}

.ui-widget-header {
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
}

.ui-datepicker th, .ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    -moz-opacity: 1 !important;
    opacity: 0.4 !important;
    filter: alpha(opacity=100) !important;
}

.ui-state-disabled .ui-state-default, .ui-widget-content .ui-state-disabled .ui-state-default, .ui-widget-header .ui-state-disabled .ui-state-default {
    color: #4B4B4B !important;
}

.ui-datepicker .ui-datepicker-title {
    text-transform: lowercase;
    line-height: 1.4em;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin-top: 0 !important;
    border-top: 1px solid #fff !important;
}

button.ui-priority-secondary {
    text-shadow: 1px 1px 1px #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: transparent !important;
    color: #E7E7E7 !important;
    border: 0 !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: #fff !important;
    width: 22px !important;
    height: 22px !important;
    cursor: pointer;
    border-radius: 15px;
    behavior: url('/common/static/js/PIE.htc');
}

.ui-icon {
    background: url('/common/static/img/icons/calendar_arrows_black_white.png') !important;
    width: 11px !important;
    height: 12px !important;
    background-repeat: no-repeat !important;
}

.ui-icon-circle-triangle-w {
    background-position: 0 0 !important;
}

.ui-icon-circle-triangle-e {
    background-position: 100% 0 !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    left: 60% !important;
    top: 60% !important;
}

.ui-datepicker .ui-datepicker-prev.ui-state-disabled span {
    background-position: 0 100% !important;
}

.ui-datepicker .ui-datepicker-next.ui-state-disabled span {
    background-position: 100% 100% !important;
}

.ui-datepicker-prev-hover, .ui-datepicker-next-hover {
    top: 2px !important;
    text-align: center !important;
    border: 0 !important;
    background: transparent !important;
}

.ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker-next-hover {
    right: 2px !important;
}

div.admins {
    position: relative;
    float: left;
    margin-top: -1px;
    margin-right: 5px;
    width: 180px;
}

div.admins div.items {
    position: absolute;
    left: 0;
    right: 0;
    top: 2px;
    background: #ECF1F3;
    padding-top: 40px;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
    behavior: url('/common/static/js/PIE.htc');
}

div.admins div.items a {
    display: block;
    border-top: 1px solid #f4f4f5;
    margin-left: 0 !important;
    padding: 5px 10px;
}

div.admins div.items a:first-child {
    border-top: 0;
}

div.admins div.items a.active {
    color: #000;
}

div.admins a.current {
    position: relative;
    font-size: 11px;
    color: #141414;
}

/* Translates */
table.translates td b {
    color: #1a1a1a;
}

table.translates td b.success {
    color: #056C0a;
}

table.translates tr th, table.translates tr td {
    border-right: 1px solid #CFCFCE;
}

table.translates tr th:last-child, table.translates tr td:last-child {
    border-right: 0;
}

table.translates tr.d td {
    padding-top: 5px;
    padding-bottom: 5px;
}

table.translates thead th {
    padding-left: 10px !important;
}

table.translates tbody td {
    cursor: pointer;
}

table.translates tr.disabled td {
    color: #ccc !important;
    cursor: default;
}

table.form th {
    padding-top: 8px;
}

div.dashboard-page h3 {
    color: #bebebe;
}

/* pages */
.page-reports * {
    box-sizing: border-box;
}

.page-reports svg > text {
    display: none;
}

.page-reports h1 > span {
    font-size: 20px;
}

/* global UI */

.ui__icon-info {
    font-size: 16px;
    padding: 0 8px;
    color: #ada8a8;
}

.ui__icon-info:hover {
    color: red;
}

.ui-table {
    width: 100%;
    border-collapse: collapse;
}

.ui-table tr td {
    background-color: #fcfcfc;
    padding: 9px 10px;
    font-size: 14px;
    color: #494949;
}

.ui-table tr td._right {
    text-align: right;
}

.ui-table thead {
}

.ui-table thead tr td {
    color: #fff;
    font-weight: bold;
    background-color: #aaaaaa;
}

.ui-table thead tr td._normal {
    font-weight: normal;
}

.ui-table thead tr td:last-child {
    text-align: right;
}

.ui-table tr:nth-child(2n):not(.odd) td,
.ui-table tr.even td {
    background-color: #f4f4f5;
}

.ui-table tbody tr td:last-child:not(:only-child) {
    text-align: right;
}

.ui-table tr.subitem > td {
    padding: 10px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.ui-cell-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 600px;
}

/* obj-panel-controls */

.obj-panel-controls__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 35px 0 35px;
    -ms-flex-line-pack: center;
        align-content: center;
}

.obj-panel-controls__title {
    margin-right: 40px;
    line-height: 31px;
    font-size: 14px;
}

.obj-panel-controls__links {
    display: block;
    padding: 0px 10px;
    background-color: #f4f4f5;
    margin-right: 40px;
}

.obj-panel-controls__links-item {
    font-size: 14px;
    margin: 0 0px;
    position: relative;
    display: inline-block;
    height: 31px;
    line-height: 31px;
}

.obj-panel-controls__links-item.active {
    color: #444;
    font-weight: bold;
}

.obj-panel-controls__links-item:after {
    content: '|';
    color: #ccc;
    margin: 0 5px 0 10px;
}

.obj-panel-controls__links-item:last-child:after {
    display: none;
}

.obj-panel-controls__calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.obj-panel-controls__region {
    margin-left: 20px;
}

.obj-panel-controls__select {
    background: #f4f4f5;
    border-radius: 0;
    height: 30px;
    margin-left: 33px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 14px;
}

.obj-panel-controls__select:hover {

    /* background: #e4e4e4; */
}

.obj-panel-controls__calendar-control {
    display: inline-block;
    vertical-align: top;
    width: 31px;
    height: 31px;
    background-color: #f4f4f5;
    text-align: center;
    line-height: 31px;
}

.obj-panel-controls__calendar-control .fa {
    font-size: 18px;
}

.obj-panel-controls__calendar-control._left {
}

.obj-panel-controls__calendar-control._right {
}

.obj-panel-controls__calendar-control._disable {
    color: #ccc !important;
}

.obj-panel-controls__calendar-select-day {
    color: #000;
    font-size: 14px;
    background-color: #f4f4f5;
    height: 31px;
    display: inline-block;
    vertical-align: top;
    line-height: 31px;
    padding: 0 10px;
    margin: 0 5px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* max-width: 200px; */
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.obj-panel-controls__calendar-select-day:hover {
    background: #e4e4e4;
}

.obj-panel-controls__calendar-select-day-field {
    color: #000;
    font-size: 14px;
    background-color: #f4f4f5;
    height: 31px;
    display: inline-block;
    vertical-align: top;
    line-height: 31px;
    padding: 0 10px;
    margin: 0 5px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 200px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0;
    border: none;
    outline: none;
}

.obj-panel-controls__calendar-select-day span {
    font-style: normal;
    padding: 2px 5px 0;
    color: #444;
}

.obj-panel-controls__calendar-select-day:hover {

}

.obj-panel-controls__calendar-select-day input {
    border: none;
    padding: 2px 0 0;
    font-size: 14px;
    color: #333;
    margin: 0;
    line-height: inherit;
    background: none !important;
    outline: none;
    width: 100%;
    display: block;
    max-width: 73px;
    line-height: inherit;
    font-weight: bold;
}

.obj-panel-controls__calendar-select-day .fa {
    color: #ababab;
    margin-left: 10px;
    line-height: 16px;
}

/* obj-panel-stats */

.obj-panel-stats__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 60px 0;
}

.obj-panel-stats__item {
    border-right: 1px solid #ccc;
    padding: 0 37px;
}

.obj-panel-stats__item:last-child {
    border: none;
}

.obj-panel-stats__num {
    font-size: 40px;
    line-height: 36px;
    font-weight: 300;
    color: #7B939B;
    display: block;
    text-align: center;
    white-space: nowrap;
}

.obj-panel-stats__description {
    font-size: 14px;
    display: block;
    margin-top: 10px;
    line-height: 25px;
    text-align: center;
}

/* obj-graph-stats */
.obj-graph-stats__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 25px;
    margin-bottom: 50px;
}

.obj-graph-stats__col {
    width: 100%;
}

.obj-graph-stats__col._left {
    width: 70%;
    margin-right: 5%;
}

.obj-graph-stats__col._right {
    width: 24%;
}

.obj-graph-stats__td-name {
    width: 33%;
    min-width: 350px;
}

.obj-graph-stats__td-id {
    min-width: 40px;
    width: 10%;
}

.obj-graph-stats__td-counts, .obj-graph-stats__td-hits {
    min-width: 120px;
    width: 15%;
}

.obj-graph-stats__head-color {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background-color: #ccc;
    margin-right: 9px;
    border-radius: 90px;
}

.obj-graph-stats__item-color {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-color: #ccc;
    margin-right: 9px;
}

.obj-graph-stats__chart-container {
    margin: 0 auto;
}

.obj-graph-stats__chart-legends .item.active td {
    background-color: #e7e7e7;
    color: #000;
}

.obj-graph-stats__chart-legends .item.hidden {
    display: none;
}

.obj-graph-stats__btn-show-all {
    display: block;
    background-color: #f4f4f5;
    width: 100%;
    padding: 11px 0;
    text-align: center;
    font-size: 14px;
    margin-top: 35px;
    font-weight: bold;
}

.obj-graph-stats__btn-show-all em {
    color: #000;
    font-style: normal;
    font-weight: normal;
}

.obj-graph-stats__btn-show-all em:after {
    content: "\f078";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 10px;
    color: #387db9;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.obj-graph-stats__btn-show-all.switch-show em:after {
    content: "\f077";
}

.obj-graph-stats__btn-show-all .icon {
}

.obj-page-license table {

}

.obj-page-license table {
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    margin-left: -15px;
    width: 600px;
}

.obj-page-license table thead td {
    text-align: right;
    padding: 8px 15px;
}

.obj-page-license table tbody td {
    text-align: right;
    background: transparent;
    padding: 8px 15px;
}

.obj-page-license table tbody tr:nth-child(2n) td {
    background-color: #f4f4f5;
}

.obj-page-license table tbody td:first-child {
    text-align: left;
}

.obj-page-license table {
}

.obj-page-license table {
}

/* KPIRuleEditor */

.obj-kpi-addrule .el-help-block {
    background-color: #f4f4f5;
    position: absolute;
    right: 0;
    top: 80px;
    width: 280px;
    padding: 15px;
    z-index: 10;
}

.obj-kpi-addrule .el-help-title {
    font-size: 22px;
    margin: 5px 0 10px;
    color: #626262;
    display: block;
}

.obj-kpi-addrule .main-content {
    position: relative;
}

.obj-kpi-addrule .el-help-subtitle {
    color: #a5a5a5;
    font-size: 12px;
    margin: 5px 0;
    display: block;
}

.obj-kpi-addrule .el-help-list {
    display: block;
    padding: 0;
    margin: 30px 0 0 0;
}

.obj-kpi-addrule .el-help-list-item {
    font-size: 14px;
    margin: 10px 0;
    color: #505055;
    display: block;
}

.obj-kpi-addrule .el-help-list-item b {
    font-weight: bold;
    color: #343434;
}

.obj-kpi-addrule {
    position: relative;
}

.obj-kpi-addrule * {
    box-sizing: border-box;
}

.obj-kpi-addrule .el-main-title {
    margin-bottom: 50px;
}

.obj-kpi-addrule .el-input-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}

.obj-kpi-addrule .el-input-block._bottom {
    margin-top: 50px;
}

.obj-kpi-addrule .el-input-block > div {
    padding-left: 15px;
    padding-right: 15px;
}

.obj-kpi-addrule .el-col-12 {
    width: 100%;
}

.obj-kpi-addrule .el-col-11 {
    width: 91.66666667%;
}

.obj-kpi-addrule .el-col-10 {
    width: 83.33333333%;
}

.obj-kpi-addrule .el-col-9 {
    width: 75%;
}

.obj-kpi-addrule .el-col-8 {
    width: 66.66666667%;
}

.obj-kpi-addrule .el-col-7 {
    width: 58.33333333%;
}

.obj-kpi-addrule .el-col-6 {
    width: 50%;
}

.obj-kpi-addrule .el-col-5 {
    width: 41.66666667%;
}

.obj-kpi-addrule .el-col-4 {
    width: 33.33333333%;
}

.obj-kpi-addrule .el-col-3 {
    width: 25%;
}

.obj-kpi-addrule .el-col-2 {
    width: 16.66666667%;
}

.obj-kpi-addrule .el-col-1 {
    width: 8.33333333%;
}

.obj-kpi-addrule .el-form {

    margin-top: 37px;
}

.obj-kpi-addrule .el-checkbox-group-wrapper {
    padding-bottom: 25px;
}

.obj-kpi-addrule .el-main-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.obj-kpi-addrule .el-main-title > span {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.obj-kpi-addrule .el-main-title .sub-text,
.obj-title-right .sub-text {
    font-size: 12px;
    font-family: arial;
    margin-left: 5px;
    text-transform: none;
}

.obj-kpi-addrule .el-main-title .sub-text em,
.obj-title-right .sub-text em {
    font-style: normal;
    color: #c1c1c1;
}

.obj-kpi-addrule .el-main-title > .right {
}

.obj-kpi-addrule .el-form-row {

}

.obj-kpi-addrule .el-form-col {

}

.obj-kpi-addrule .el-form-col._left {

}

.obj-kpi-addrule .el-form-col._right {

}

.obj-kpi-addrule .el-input-label {
    font-size: 14px;
    color: #555;
    display: block;
}

.obj-kpi-addrule .el-input-label i {
    color: #939393;
    display: block;
    font-style: normal;
}

.obj-kpi-addrule .el-input-field._text {
    width: 100%;
    max-width: 400px;
}

.obj-kpi-addrule .el-checkbox-group-item {
    display: block;

}

.obj-kpi-addrule .js-accordion-header {
    position: relative;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.obj-kpi-addrule .js-accordion-header:before {
    content: '+';
    position: absolute;
    left: 5px;
    top: 5px;
    line-height: 25px;
    font-size: 26px;
    color: #4b99ff;
    width: 20px;
    text-align: center;
}

.obj-kpi-addrule .js-accordion-header.active:before {
    content: '-';
    content: '';
    font-size: 20px;
    font-weight: bold;
    width: 11px;
    margin-top: 11px;
    margin-left: 4px;
    height: 3px;
    background-color: #4b99ff;
}

.obj-kpi-addrule .js-accordion-header:hover {
    /* background-color: #f1f1f1; */
}

.obj-kpi-addrule .js-accordion-content {
    padding-left: 50px;
    display: none;
}

.obj-kpi-addrule .el-checkbox-group-field {
    display: none;
}

.obj-kpi-addrule .js-accordion-btn .el-checkbox-group-field {
    display: block;
    position: absolute;
    width: 17px;
    height: 19px;
    left: 22px;
    top: 8px;
    z-index: 10;
    opacity: 0;
}

.obj-kpi-addrule .el-checkbox-group-title {
    font-size: 16px;
    color: #222;
    font-family: Arial, Sans, Sans-serif;
    font-weight: bold;
    position: relative;
    display: block;
    cursor: pointer;
    margin: 5px -5px 5px;
    padding: 10px 10px 10px 53px;
}
.obj-kpi-addrule .el-checkbox-group-title:first-letter {
    text-transform: initial;
}

.obj-kpi-addrule .el-checkbox-group-title:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 13px;
    padding-right: 1px;
    height: 14px;
    position: absolute;
    left: 31px;
    top: 10px;
    text-align: center;
    font-size: 12px;
    color: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 14px;
}

.obj-kpi-addrule .el-checkbox-group-field:checked + .el-checkbox-group-title:before {
    background-color: #4b99ff;
    border-color: #4b99ff;
    color: #fff;
}

.obj-kpi-addrule .not-full .el-checkbox-group-field:checked + .el-checkbox-group-title:before {
	background-color: #4b99ff;
	border-color:#4b99ff;
	color: transparent;
	box-shadow: 0 0 0 4px #fff inset;
}
.obj-kpi-addrule .not-full .el-checkbox-group-field:checked + .el-checkbox-group-title.changed:before {
	box-shadow: 0 0 0 4px #fff inset, 0 0 0 5px #fffd33;
}

select.changed,
textarea.changed,
input.changed {
	box-shadow: 0 0 0 5px #fffd33;
}

.obj-kpi-addrule .el-input-title {
    font-size: 22px;
    color: #a5a5a5;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}

.obj-kpi-addrule .el-checkbox-group-string {
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    display: block;
    color: #343434;
}

.obj-kpi-addrule .el-checkbox-group-string:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 13px;
    padding-right: 1px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 12px;
    color: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 14px;
}
input[type="checkbox"] + .changed:before {
	box-shadow: 0 0 0 5px #fffd33;
}
.obj-kpi-addrule .el-checkbox-group-string:hover:before {
    box-shadow: 0 0 2px 1px #d3d3d3;
}
input[type="checkbox"] + .changed:hover:before {
	box-shadow: 0 0 2px 1px #d3d3d3, 0 0 0 5px #fffd33;
}
.obj-kpi-addrule .el-checkbox-group-field:checked + .el-checkbox-group-string:before {
    background-color: #4b99ff;
    border-color: #4b99ff;
    color: #fff;
}

.obj-kpi-addrule .el-checkbox-group-item {
    display: block;
    margin: 15px 0;
    cursor: pointer;
    color: #343434;
}

.obj-kpi-addrule .el-form-footer {
    margin-bottom: 40px;
}

.obj-kpi-addrule .el-form-footer-counter {
    margin: 20px 0 64px;
    font-size: 22px;
    color: #a5a5a5;
    font-weight: normal;
    font-family: 'NeoSansCyr-Regular', Arial, sans-serif;
    background: #f5f5f5;
    padding: 15px 18px;
    width: 400px;
    display: block;
    margin-left: -18px;
}

.obj-kpi-addrule .el-form-footer-counter span {
    color: #000;
}

.obj-kpi-addrule .el-form-footer-counter span em {
    font-style: normal;
}

.obj-makro-regions__wrapper {
    width: 100%;
}

.obj-makro-regions__title {
}

.obj-makro-regions__table {
    margin-top: 20px;
    width: 100%;
    max-width: 750px;
    border: none !important;
    vertical-align: middle !important;
    border-collapse: collapse;
}

.obj-makro-regions__row {
    vertical-align: middle !important;
}

.obj-makro-regions__col {
    vertical-align: middle !important;
    width: 35%;
    font-size: 14px;
    color: #000;
    padding: 5px 10px !important;
}

.obj-makro-regions__col._first {
    width: 35%;
}

.obj-makro-regions__col._second {
    width: 50%
}

.obj-makro-regions__col._third {
    width: auto;
    text-align: right;
    min-width: 100px;
}

.obj-makro-regions__field {
    width: 100%;
}

input.txt.obj-makro-regions__field[disabled="disabled"] {
    background-color: transparent;
    border-color: transparent;
    color: #000;
    font-size: 16px;
}

.obj-makro-regions__wrapper .js-makro-regions-btn-update {
    display: none;
}

.js-makro-regions-area.active .js-makro-regions-btn-update {
    display: block;
}

.js-makro-regions-area.active .js-makro-regions-btn-edit {
    display: none;
}

.obj-makro-regions__wrapper .js-makro-regions-btn-update {
    padding: 0 10px;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    width: 100%;
    text-transform: lowercase;
}

#obj-relationPCRequests .relationPCRequests__table {
    border-collapse: collapse;
    border-bottom: 2px solid #d6d6d6;
    margin-bottom: 40px;
    margin-left: -10px;
    margin-right: -10px;
}

.relationPCRequests__datepicker-wrapper {
    position: relative;
}

.relationPCRequests__icon-clock {
    color: red;
}

.relationPCRequests__datepicker-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #ababab;
    pointer-events: none;
}

#obj-relationPCRequests .obj-relationPCRequests__title {
    margin-bottom: 40px;
}

#obj-relationPCRequests .relationPCRequests__table-header-td {
    padding-bottom: 13px;
}

#obj-relationPCRequests .relationPCRequests__table-header-field {
    width: 100%;
    font-size: 15px;
    color: #555;
}

#obj-relationPCRequests .relationPCRequests__table-header-submit {
    font-size: 16px;
    text-transform: lowercase;
    width: 89px;
    padding-left: 22px;
}

#obj-relationPCRequests .relationPCRequests__table-content-th {
    padding: 15px 10px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    vertical-align: top;
    background-color: #aaa;
    border: none;
    color: #fff;
}

#obj-relationPCRequests .relationPCRequests__table-content-th._separate {
    border-right: 1px solid #d6d6d6;
}

#obj-relationPCRequests .relationPCRequests__table-content-th._green {
    background-color: #e1f0ff;
    color: #000;
}

#obj-relationPCRequests .relationPCRequests__table-content-th._purple {
    background-color: #e9e9f7;
    color: #000;
}

#obj-relationPCRequests .relationPCRequests__table-content-td {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 4px;
    padding-top: 11px;
    padding-bottom: 8px;
    vertical-align: top;
}

.relationPCRequests__table-content-string-town {
    position: relative;
    overflow: hidden;
    display: block;
}

#obj-relationPCRequests tr:nth-child(2n) .relationPCRequests__table-content-td {
    background-color: #f4f4f5;
}

#obj-relationPCRequests .relationPCRequests__table-content-td._separate {
    border-right: 1px solid #d6d6d6;
}

#obj-relationPCRequests .relationPCRequests__table-content-td._date {
    line-height: 19px;
}

#obj-relationPCRequests .relationPCRequests__link-del {
    color: red;
    text-decoration: none;
}

.relationPCRequests__modal-wrapper {

    text-align: left;

    min-width: 700px;
}

.relationPCRequests__modal-wrapper .btn {
    padding-right: 30px;
    padding-left: 30px;
}

.relationPCRequests__modal-title1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #626262;
    text-transform: lowercase;
}

.relationPCRequests__modal-title2 {
    margin: 30px 0 10px;
    padding: 0;
    font-size: 14px;
    color: #343434;
    font-family: arial, verdana;
}

.relationPCRequests__modal-title3 {
    margin: 25px 0;
    padding: 0;
    font-size: 20px;
    color: #343434;
    font-weight: bold;
}

.relationPCRequests__modal-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* width:100%; */
    margin: 0 -10px;
    padding-bottom: 25px;
}

.relationPCRequests__modal-col {
    width: 50%;
    display: block;
    padding: 0 10px;
}

.relationPCRequests__modal-btn {

}

.relationPCRequests__modal-table {
    margin: 20px 0 40px;
    border-collapse: collapse;
    margin-left: -5px;
    width: 100%;
}

.relationPCRequests__modal-tr {

}

.relationPCRequests__modal-table tr:nth-child(2n) td {
    background-color: #e8e8e8;
}

.relationPCRequests__modal-table tr td {
    padding: 7px 9px;
    font-size: 14px;
}

.relationPCRequests__modal-table tr td:nth-child(2n) {
    font-weight: bold;
}

.js-modal-submit {
    float: right;
    line-height: 33px !important;
    text-transform: lowercase;
}

.js-modal-submit._cancel {
    background-color: #949494;
    float: left;
}

.js-modal-submit._cancel:hover {
    background-color: #949494;
    opacity: 0.8;
}

.js-modal-submit._disallow {
    padding-right: 45px;
    padding-left: 45px;
}

.reject .js-modal-submit._allow {
    display: none;
}

.accept .js-modal-submit._disallow {
    display: none;
}

.obj__userEditor {
}

div.obj__userEditor h1 {
    width: 969px;
}

.el-loader {
    font-size: 16px;
    color: #e41e26;
}

.obj__userEditor .title {
    margin-bottom: 30px;
    position: relative;
    padding-left: 0;
    display: block;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.obj__userEditor .title > span {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.obj__userEditor .title .sub-text {
    font-size: 12px;
    font-family: arial;
    margin-left: 12px;
}

.obj__userEditor .title .sub-text em {
    font-style: normal;
    color: #c1c1c1;
}

.obj__userEditor .title > .right {
    /* float:none; */
    padding-right: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.obj__userEditor .title > .right .btn {
    font-size: 14px;
    margin-left: 15px;
    height: 30px;
}

.obj__userEditor .replace_count {
    font-size: 24px;
}
.obj__userEditor .replace_count.changed {
    margin: 0 -5px;
    padding: 0 5px;
    background-color: #fffd33;
}
.obj__userEditor .form-string {
    font-size: 14px;
    color: #343434;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    margin-left: 10px;
}

.obj__userEditor .wifi-status {
    color: #343434;
}

.obj__userEditor .wifi-status.on {
    color: #9e34de;
}

.obj__userEditor .el-icon-replace {
    font-size: 16px;
    color: #000;
    margin-right: 10px;
    margin-top: 7px;
}

.obj__userEditor .el-icon-replace._black {
    color: #000;
}

.obj__userEditor .el-icon-replace._white, .fa._white {
    color: #fff;
    text-shadow: 1px 1px 0px #7a7a7a;
}

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

.main-content__sidebar {
    position: absolute;
    right: 20px;
    top: 53px;
    background-color: #f4f4f5;
    padding: 20px;
    width: 280px;
    box-sizing: border-box;
}

.main-content__sidebar h2 {
    font-size: 24px;
    color: #626262;
    font-weight: 500;
    font-family: 'NeoSansCyr-Regular', Arial, sans-serif;
    margin: 4px 0 16px;
    display: block;
    text-transform: lowercase;
    box-sizing: border-box;
}

.main-content__sidebar .timezone-info {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 16px;
    padding-bottom: 5px;
}

.main-content__sidebar .timezone-info span {
    display: block;
    font-size: 14px;
    line-height: 23px;
}

.main-content__sidebar .timezone-info h5 {
    font-size: 14px;
    margin: 15px 0 5px;
    padding: 0;
}

.main-content__sidebar ul {
    display: block;
    padding: 0;
    margin: 0;
}

.main-content__sidebar .usl {
    margin-bottom: 24px;
}

.main-content__sidebar li {
    display: block;
    padding: 0;
    margin: 0 0 10px;
    line-height: 20px;
    font-size: 14px;
}
.main-content__sidebar .badge {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.main-content__sidebar a {

}

.obj__userEditor .right-content {
    width: 100%;
    margin-left: -20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.obj__userEditor .right-content__inner {
    position: relative;
}

.obj__userEditor .right-content__inner.active .js-main-tab {
    height: 400px;
}

.obj__userEditor .ui__h2 {
    margin-top: 27px;
}

.obj__userEditor dl {
    margin-left: 0 !important;
    position: relative;
}

.obj__userEditor .el__checkgroup-wrapper {

    padding-top: 6px;

    display: block;

    margin-left: 8px;
}

.obj__userEditor .other-content {
    box-sizing: border-box;
    margin-left: 20px;
}

.obj__userEditor .el__checkgroup-item {
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.obj__userEditor .el__checkgroup-field {
    display: none;
}

.obj__userEditor .el__checkgroup-visual-check {
	display: inline-block;
	vertical-align: top;
	width: 11px;
	height: 11px;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-top: 7px;
	box-shadow: 0 1px 0 0 #cacaca inset;
	position: relative;
}

.obj__userEditor .el__checkgroup-visual-check._radio {
    border-radius: 90px;
    width: 13px;
    height: 13px;
    margin-top: 6px;
}

.obj__userEditor .el__checkgroup-item:hover .el__checkgroup-visual-check {
    box-shadow: 0 0 0 5px rgba(52, 151, 255, 0.20) inset;
}

.obj__userEditor input:checked + .el__checkgroup-visual-check {
	box-shadow: 0 0 0 8px #3497ff inset !important;
	border-color: #3497ff;
}
.obj__userEditor input.changed + .el__checkgroup-visual-check {
	box-shadow: 0 1px 0 0 #cacaca inset, 0 0 0 5px #fffd33 !important;
}
.obj__userEditor input.changed:checked + .el__checkgroup-visual-check {
	box-shadow: 0 0 0 8px #3497ff inset, 0 0 0 5px #fffd33 !important;
}
.obj__userEditor input:checked + .el__checkgroup-visual-check:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 8px;
    line-height: 11px;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.obj__userEditor input.changed + .el__checkgroup-visual-check._radio {
    box-shadow: 0 0 0 5px #275392 !important;
}
.obj__userEditor input.changed:checked + .el__checkgroup-visual-check._radio {
    box-shadow: 0 0 0 4px #275392 inset, 0 0 0 5px #275392 !important;
}
.obj__userEditor input:checked + .el__checkgroup-visual-check._radio {
	box-shadow: 0 0 0 4px #275392 inset !important;
	border-color: #275392;
}

.obj__userEditor input:checked + .el__checkgroup-visual-check._radio:before {
    display: none;
}

.obj__userEditor .el__checkgroup-string {
    font-size: 14px;
    color: #444;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 20px;
}
.obj__userEditor .el__checkgroup-string.no-indent {
    margin: 0;
}

.obj__userEditor .el__radio-btn-edit {
    bottom: 2px;
}

.obj__userEditor .js__status-string {
	position: relative;
	margin-left: 23px;
    padding-left: 5px;
}

.obj__userEditor .js__status-string[strStatus="edited"] {
    color: #b777ca;
}

.obj__userEditor .js__status-string.changed {
    background-image: linear-gradient(to top, #fffd33, #fffd33);
    background-repeat: no-repeat;
    background-size: 100px 20px;
    background-position-y: 3px;
}
.obj__userEditor .js__status-string[strStatus="edited"]:before,
.obj__userEditor .js__status-string[strStatus="notset"]:before {
	content: "\f274";
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	left: -23px;
	top: 5px;
}

.obj__userEditor .js__status-string[strStatus="notset"] {
    color: #a9a9a9;
}

.obj__userEditor .js__status-string[strStatus="notset"]:before {
    content: "\f133";
    vertical-align: top;
}

.obj-shedule__wrapper {
    margin: 0 auto;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
    margin-bottom: 25px;
    width: 900px;
    padding-right: 50px;
    box-sizing: border-box;
}

.obj-shedule__title {
    font-size: 22px;
    color: #a5a5a5;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
    margin-top: 45px;
    margin-left: -47px;
}

.obj-shedule__description-block {
    display: block;
    margin: 30px 0 30px 57px;
}

.obj-shedule__description-string {
    font-size: 16px;
    color: 343434;
    display: block;
    line-height: 20px;
    margin-left: 63px;
    height: auto;
    margin: 0 0 0;
    line-height: 35px;
}

.obj-shedule__timezone {
    display: block;
    margin: 35px 0 60px;
    font-size: 14px;
}

.obj-shedule__description-squere {
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    background-color: #ccc;
    text-align: center;
    margin: 0 1px;
    min-height: 32px;
    line-height: 28px;
    color: #000;
    font-size: 16px;
    color: transparent;
    cursor: pointer;
    font-size: 0;
    margin-right: 13px;
}

.obj-shedule__description-squere._red {
    background-color: #f6beaa;
}

.obj-shedule__description-squere._green {
    background-color: #679349;
}

.obj-shedule__description-squere._gray {
    background-color: #f4f4f4;
}

.obj-shedule__wrapper .head-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 103.4%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-left: -18px;
    margin-bottom: 15px;
}

.obj-shedule__wrapper .head-container .square {
    display: block;
    width: auto;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin: 0 1px;
}

.obj-shedule__wrapper .head-container .square._day-head {
    background-color: transparent;
    color: #343434;
    margin-right: 25px;
}

.obj-shedule__wrapper .day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 2px;
}

.obj-shedule__wrapper .day._holidays {
    margin-top: 10px;
}

.obj-shedule__wrapper .day .square {
    display: block;
    width: 100%;
    background-color: #f4f4f4;
    text-align: center;
    margin: 0 1px;
    min-height: 28px;
    line-height: 32px;
    font-size: 16px;
    color: transparent;
    cursor: pointer;
    font-size: 0;
}

.obj-shedule__wrapper .day .square:hover {
    opacity: 0.7;
}

.obj-shedule__wrapper .day .square._green {
    background-color: #679349;
}

.obj-shedule__wrapper .day .square._red {
    background-color: #f6beaa;
}

.obj-shedule__wrapper .day .square._gray {
    background-color: #f4f4f4;
}

.obj-shedule__wrapper .day .square._day-head {
    background-color: transparent;
    color: #343434;
    margin-right: 25px;
    font-size: 15px;
    text-transform: uppercase;
}

.obj-shedule__btn-submit {
    background: #387db9;
    border: 0;
    height: 37px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #fff !important;
    display: inline-block;
    zoom: 1;
    font: bold 16px/26px Arial, Verdana, sans-serif;
    padding: 5px 28px 0;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    border-radius: 6px;
    display: block;
    width: 250px;
    text-align: center;
    margin: 20px auto;
    margin: 70px 0 20px 350px;
}

.obj-shedule__btn-submit:hover {
    background: #2a6ba3;
    color: #fff !important;
}

.js-modal__wrapper {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.72);
    display: none;
}

.js-modal__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    box-sizing: border-box;
    overflow: auto;
    max-height: 100%;
}

.js-modal__window {
    width: auto;
    min-width: 500px;
    max-width: 900px;
    display: block;
    background-color: #f4f4f4;
    padding: 30px 0px 30px 40px;
    box-sizing: border-box;
    position: relative;
    z-index: 500;
    transition: all 200ms cubic-bezier(0.04, 0.49, 0.37, 1.21);
    -webkit-transform: translateX(0px) translateY(100px) scale(0);
    transform: translateX(0px) translateY(100px) scale(0);
}

.js-modal__window.active {
    -webkit-transform: translateX(0px) translateY(0px) scale(1);
    transform: translateX(0px) translateY(0px) scale(1);
}

.js-modal__bg-exit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 100;
}

.js-modal__btn-exit {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
}

.obj-info-modal-text {
    text-align: left;
    padding-right: 40px;
}

.obj-info-modal-text h1 {
    font-size: 28px;
    line-height: 35px;
    color: #000;
}

.obj-info-modal-text h2 {
    font-size: 24px;
    line-height: 35px;
    color: #000;
}

.obj-info-modal-text h3 {
    font-size: 20px;
    line-height: 35px;
    color: #000;
}

.obj-info-modal-text h4 {
    font-size: 20px;
    line-height: 35px;
    color: #5a5a5a;
    margin: 0 0 20px;
    font-weight: normal;
}

.obj-info-modal-text h5 {
    font-size: 16px;
    line-height: 35px;
    color: #000;
}

.obj-info-modal-text p {
    font-size: 16px;
    color: #000;
    line-height: 22px;
    margin: 20px 0;
}

.obj-info-modal-text a {
}

.obj-info-modal-text ul {
    display: block;
    padding: 0;
    margin: 30px 0;
}

.obj-info-modal-text ul li {
    display: list-item;
    list-style-position: outside;
    margin-left: 18px;
    font-size: 16px;
    line-height: 21px;
    color: #484848;
    margin-bottom: 20px;
}

.obj-info-modal-text p {
    display: block;
    list-style-position: outside;
    font-size: 16px;
    line-height: 22px;
    color: #484848;
    margin: 15px 0;
}

.obj-info-modal-text ol {
}

.obj-info-modal-text ol li {
}

.obj-rolerules .wrap {
    display: block;
    width: 100%;
    margin: 20px 0 30px;
}

.obj-rolerules .table {
    width: 100%;
    max-width: 800px;
    min-width: 654px;
    border-spacing: 0;
    margin-left: -16px;
}

.obj-rolerules .table tr th {

    padding: 10px 0px 20px;

    vertical-align: baseline;
}

.obj-rolerules .table tr td {
    background-color: transparent;
    padding: 0px 10px 0px;
    text-align: center;
    border-right: 5px solid #fcfcfc;
    border-left: 5px solid #fff;
}

.obj-rolerules .table tr:nth-child(2n) td {
    background-color: #f4f4f5;
    padding: 0 10px;
    width: 23%;
}

.obj-rolerules .table tr td:first-child {
    text-align: left;
    width: 300px;
    border-left: none;
}

.obj-rolerules .table .string-label {
    color: #343434;
    font-size: 15px;
    display: block;
    padding: 3px 0 4px;
}

.obj-rolerules .table .title-main {
    font-size: 24px;
    color: #626262;
    font-weight: 300;
    font-family: 'NeoSansCyr-Regular', Arial, sans-serif;
    min-width: 165px;
    display: block;
    padding-left: 10px;
}

.obj-rolerules .table .title-col {
    font-size: 15px;
    line-height: 18px;
    color: #343434;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
}

.radio-btn__wrapper {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
}

.radio-btn__wrapper._block {
    display: block;
    text-align: left;
    vertical-align: top;
    position: relative;
    padding-left: 22px;
}

.radio-btn__wrapper._block .radio-btn__field-visual {
    margin-top: 2px;
    position: absolute;
    left: 0;
    top: 0;
}

.radio-btn__field-hide {
    display: none;
}

.radio-btn__field-visual {
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: top;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 7px;
    box-shadow: 0px 1px 0px 0px #cacaca inset;
    position: relative;
    border-radius: 90px;
}

.radio-btn__field-visual._checkbox {
    border-radius: 3px;
}

.radio-btn__field-hide:checked + .radio-btn__field-visual._checkbox:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 8px;
    line-height: 11px;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #275392;
}

.radio-btn__wrapper .radio-btn__field-hide:checked + .radio-btn__field-visual {
    box-shadow: 0 0 0px 4px #275392 inset;
    border-color: #275392;
}

.radio-btn__wrapper .radio-btn__field-hide.changed + .radio-btn__field-visual {
    box-shadow: 0 0 0 5px #275392;
}

.radio-btn__wrapper .radio-btn__field-hide.changed:checked + .radio-btn__field-visual {
    box-shadow: 0 0 0px 4px #275392 inset, 0 0 0 5px #275392;
}

.not-first-letter:first-letter {
    text-transform: none !important;
}

.obj-panel-category {
}

.obj-panel-category__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 45px 0 70px;
}

.obj-panel-category__left-block {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.obj-panel-category__controls {
    margin-right: 100px;
}

.obj-panel-category__label {
    font-style: italic;
    color: #343434;
    font-size: 14px;
    padding-right: 22px;
}

.obj-panel-category__submit {
    background: #387db9;
    border: 0;
    height: 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #fff !important;
    display: inline-block;
    zoom: 1;
    font: bold 16px/26px Arial, Verdana, sans-serif;
    padding: 0 21px 0;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    border-radius: 6px;
    margin-left: 20px;
    text-transform: lowercase;
}

.obj-panel-category__select {
    margin-left: 20px;
    font-size: 16px;
    font-weight: bold;
    width: 400px;
}

.obj-panel-category__controls-btn {
    display: inline-block;
    width: 31px;
    height: 31px;
    background-color: #f4f4f5;
    line-height: 33px;
    text-align: center;
}

.obj-panel-category__submit:hover {
    background-color: #316694;
}

.obj-panel-category__controls-btn .fa {
    font-size: 18px;
    line-height: 31px;
}

.obj-panel-category__select optgroup {
    font-size: 12px;
    color: #a5a5a5;
    font-weight: normal;
}

.obj-panel-category__select optgroup option {
    color: #000;
}

.drop-select__wrapper {
    position: relative;
    width: 400px;
    max-width: 100%;
}
.drop-select__wrapper_header {
    width: 1000px;
    margin: -10px -10px 0;
    max-width: initial;
}

.drop-select__value {
    display: block;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ccc;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    font-weight: bold;
    color: #343434;
    padding-right: 50px;
    padding-left: 15px;
    cursor: pointer;
    font-size: 16px;
}

.drop-select__value_header {
    height: 50px;
    line-height: 50px;
    font-size: 32px;
    font-weight: normal;
    font-family: 'NeoSansCyr-Regular', Arial, sans-serif;
    color: #626262;
    border-radius: 0;
    border-color: transparent;
    border-bottom-color: #e3e3e3;
    overflow-x: hidden;
    text-overflow: ellipsis;
    background-color: #fcfcfc;
    padding-left: 0;
    margin-left: 10px;
}
.drop-select__value_header:hover {
    border-radius: 10px;
    border-color: #e3e3e3;
    padding-left: 10px;
    margin-left: 0;
}

.drop-select__value:hover,
.drop-select__value:hover:before {
    background-color: #f7f7f7;
}

.drop-select__value:before {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 199;
    border-radius: 4px;
}

.drop-select__value_header:before {
    color: #387db9;
    font-size: 30px;
    line-height: 48px;
}

.drop-select__wrapper.droped .drop-select__value:before {
    content: "\f106";
}

.drop-select__category {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 200;
    margin: 0;
    width: 100%;
    padding: 0;
    margin-top: 0;
    border: 1px solid #cacaca;
    border-radius: 4px;
    overflow: auto;
    max-height: 295px;
    display: none;
}

.drop-select__category_header {
    border-radius: 10px;
    border-color: #e3e3e3;
    font-family: 'NeoSansCyr-Regular', Arial, sans-serif;
    max-height: 500px;
}

.drop-select__wrapper.droped .drop-select__category {
    display: block;
    width: 100%;
    padding-right: 0px;
}

.drop-select__category-item {
    display: block;
    padding: 0;
    margin: 0;
}

.drop-select__category-title {
    font-size: 16px;
    font-weight: bold;
    padding: 11px 11px 11px 15px;
    display: block;
    color: #343434;
}

.drop-select__category-title_header {
    padding-left: 20px;
    padding-top: 8px;
    color: #626262;
    font-size: 30px;
    font-weight: normal;
}
.drop-select__category-title_header:first-letter {
    text-transform: lowercase;
}

.drop-select__list {
    padding: 0;
    margin: 0;
    display: block;
}

.drop-select__list-item {
    padding: 0;
    margin: 0;
    display: block;
}

.drop-select__list-title {
    display: block;
    color: #a9a9a9;
    font-size: 20px;
    padding: 5px 15px;
}

.drop-select__list-title_header {
    padding-left: 20px;
}

.drop-select__list-btn {
    display: block;
    padding: 6px 40px;
    font-size: 20px;
    color: #343434;
}

.drop-select__list-btn_header {
    padding: 9px 55px;
    color: #387db9;
    font-family: 'NeoSansCyr-Regular', Arial, sans-serif;
}

.drop-select__list-btn.active,
.drop-select__list-btn.active:hover {
    background-color: #e6e6e6 !important;
    color: #000 !important;
}

.drop-select__list-btn:hover {
    background-color: #387db9;
    color: #fff !important;
}

.ui-datepicker td {
    padding: 0;
}

.ui-datepicker.ui-widget-content {
    background: #fff !important;
    border-radius: 0;
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.25);
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    color: #44484c !important;
    font-weight: normal;
    font-size: 14px;
    padding: 5px 0;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
    color: #eaeaea !important;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar .ui-state-default.ui-priority-secondary {
    color: #999 !important;
}

.ui-datepicker.ui-widget-content table {
    border-spacing: 0 !important;

}

.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover {
    background-color: #ececec !important;
    /* color: #fff !important; */
}

.ui-datepicker th.ui-datepicker-week-end {
    color: red;
    font-weight: normal !important;
}

.ui-datepicker.ui-widget-content tr td a.ui-state-active.ui-state-default {
    border: none !important;
    color: #fff !important;
    background-color: #387db9 !important;
}

.ui-datepicker.ui-widget-content .ui-widget-header {
    color: #333 !important;
    font-weight: normal;
}

.ui-datepicker.ui-widget-content .ui-datepicker-next span {
    background: none !important;
    color: #000 !important;
    display: inline-block;
    text-indent: 0 !important;
    font-size: 0;
}

.ui-datepicker.ui-widget-content .ui-datepicker-next span:before {
    content: "\f105";
    font: normal normal normal 15px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #387db9;

}

.ui-datepicker.ui-widget-content .ui-datepicker-prev span {
    background: none !important;
    color: #000 !important;
    display: inline-block;
    text-indent: 0 !important;
    font-size: 0;
}

.ui-datepicker.ui-widget-content .ui-datepicker-prev span:before {
    content: "\f104";
    font: normal normal normal 15px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #387db9;

}

table thead #search th {
    background-color: transparent;
}

.adminEditor-page div.right-content div.activity {
    margin-left: -10px;
}

.obj-license__wrapper {
    margin-top: 27px;
}
.obj-license__table tr td {
    font-size: 14px;
}
.obj-license__total {
    color: #73b135;
    font-size: 17px;
    font-weight: bold;
}
.obj-license__count {
    font-size: 15px;
}
.obj-license__details {
    display: inline-block;
    white-space: nowrap;
}
.obj-license__info-btn {
    color:#afafaf;
    display: inline-block;
    font-size:16px;
    padding: 0 7px;
}

.obj-group-editor {
    width: 990px;
}

.obj-group-editor div.activity {
    width: 100%;
}

.obj-group-editor #profileEditor {
    /*display: block;*/
    width: 100%;
    background-color: #f4f4f5;
    padding: 15px 30px 30px;
    margin-top: 5px;
    box-sizing: border-box;
}

.obj-group-editor #profileEditor .title-4 {
    font-size: 18px;
    text-transform: inherit;
}

.obj-group-editor #profileEditor .title-4:first-letter {
    text-transform: uppercase;
}

.obj-group-editor a.block-btn.hidden {
    color: #a2a2a2;
}

.obj-group-editor #profiles a span {
    position: initial;
    top: inherit;
    left: inherit;
    width: auto;
    height: auto;
    background: none;
    padding-bottom: 5px;
}

.llsg-string {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #a5a5a5;
    margin-right: 15px;
    line-height: 26px;
}

.llsg-link {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    margin-left: 3px;
    line-height: 27px;
    text-transform: uppercase;
}

.area--group-editor dl,
.area--blacklistAdd dl,
.area--whitelistadd dl {
    padding-left: 0;
    margin-left: 0 !important;
}

.area--group-editor {
}

.changes-marker {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 22px;
    height: 22px;
    background-color: #fffd33;
}

#popupAlertNotifyTimeout .content {
    box-sizing: border-box;
    width: 820px;
    padding: 40px 45px;
    text-align: left;
}
#popupAlertNotifyTimeout .connecting-form {
    width: 820px;
}
#popupAlertNotifyTimeout .btn {
    font-size: 15px;
}
#timeoutValue {
    color: red;
    font-weight: bold;
}

.one-line {
    white-space: nowrap;
}

.user-filter-status {
    margin-left: 15px;
}
.user-filter-status_header {
    margin-left: 0;
}
.user-filter-status_relation {
    display: inline-block;
    width: 10px;
    margin-right: 5px;
}
.user-filter-status__icon {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #b8b8b8;
}
.user-filter-status__icon_big {
    width: 15px;
    height: 15px;
    border-width: 2px;
}
.user-filter-status__icon_active {
    background-color: #afe17d;
    border-color: #afe17d;
}
.plug {
    padding-top: 60px;
    text-align: center;
}
.plug__logo {
    width: 75px;
}
.plug__title {
    margin: 135px auto 70px;
    font-size: 28px;
    color: #626262;
}
.plug__paragraph {
    font-size: 16px;
    color: #343434;
}

.select-control-arrow {
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    display: block;
    font-size: 30px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    background-color: #f4f4f5;
}
.select-control-arrow_left {
    margin-left: -575px;
    padding-right: 1px;
}
.select-control-arrow_right {
    margin-left: 525px;
    padding-left: 1px;
}

.server-info-title {
    margin-top: 50px;
    font-family: "NeoSansCyr-Regular", Arial, sans-serif;
    font-size: 24px;
    color: #bebebe;
}

.form-group-title {
    padding-top: 15px;
    font-size: 24px;
    color: #626262;
}

.field-edit-link {
    position: absolute;
    left: 0;
    margin-left: 350px;
}

.section {
    margin-bottom: 70px;
}

.antivirus-chart {
    height: 280px;
    width: 100%;
}

.antivirus-pie {
    display: inline-block;
    min-height: 280px;
    width: 50%;
}
.antivirus-pie:not(:last-child) {
    float: left;
}
.antivirus-square {
    display: inline-block;
    width: .8em;
    height: .8em;
    margin-right: .3em;
}

.antivirus-legend {
    align-items: center;
    display: flex;
    margin-top: 20px;
}
.antivirus-legend > *:not(:first-child) {
    margin-left: 25px;
}
.antivirus-legend__color {
    border-radius: 4px;
    background-color: currentColor;
    height: 10px;
    width: 30px;
}
.antivirus-legend__label {
    margin-right: 25px;
}
.antivirus-legend__pie {
  justify-content: center;
}
.antivirus-count-bar {
    background-color: currentColor;
    height: 18px;
}

.email-count-badge {
    background-color: #afe17d;
    border-radius: 50%;
    color: #343434;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    height: 14px;
    margin-left: 2px;
    text-align: center;
    top: -2px;
    position: relative;
    vertical-align: middle;
    width: 14px;
}

.user-editor .user-editor__asterisk,
.user-editor .user-editor__message_error {
  color: #bc0000;
}

.user-editor .user-editor__input {
  width: 310px;
}

.user-editor .user-editor__input_error,
.user-editor .user-editor__input_validation {
  border-color: #bc0000;
  box-shadow: 0 0 2px rgba(188, 0, 0, .4);
}

.user-editor .user-editor__input_validation ~ .user-editor__message_validation {
  display: inline-block;
}

.user-editor .user-editor__message {
  display: none;
  font-size: .8em;
}

.user-editor .user-editor__message_error {
  display: inline-block;
}

.user-editor .user-editor__message_validation {
  color: #bc0000;
  line-height: 16px;
  margin-top: 6px;
}

.user-editor .user-editor__profiles {
  display: none;
}

.user-editor .user-editor__profiles.selected {
  display: block;
}

.user-editor .user-editor__profiles > .el__checkgroup-item {
  display: block;
}

#catList label.radio-btn__wrapper.disabled {
  color: #a5a5a5;
}

table.data {
  table-layout:fixed;
  width:100%;
}

table.data td {
  word-break: break-all;
}

.spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 1em;
  animation: spinner-keyframes .6s linear infinite;
  background-color: transparent;
  border:  2px solid #f4f4f5;
  border-bottom-color: #387db9;
  border-radius: 50%;
  border-top-color: #387db9;
  height: 2em;
  width: 2em;
}

@keyframes spinner-keyframes {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* blacklistAdd, whitelistAdd */

.blacklistAdd .blacklistAdd__section,
.whitelistAdd .whitelistAdd__section {
  display: block;
  margin: 20px 0;
}

.blacklistAdd .blacklistAdd__section > label,
.blacklistAdd .blacklistAdd__section > textarea,
.whitelistAdd .whitelistAdd__section > label,
.whitelistAdd .whitelistAdd__section > textarea {
  display: inline-block;
  vertical-align: top;
}

.blacklistAdd .blacklistAdd__section > label,
.whitelistAdd .whitelistAdd__section > label {
  font-size: 14px;
  min-width: 200px;
  padding-top: 5px;
  width: 200px;
}

.blacklistAdd .blacklistAdd__section > ul,
.whitelistAdd .whitelistAdd__section > ul {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 0 2em;
  padding: 5px 0;
}

.blacklistAdd .blacklistAdd__section > textarea,
.whitelistAdd .whitelistAdd__section > textarea {
  width: 444px;
}

.blacklistAdd .blacklistAdd__section > label.error,
.blacklistAdd .blacklistAdd__section > .blacklistAdd__error,
.whitelistAdd .whitelistAdd__section > label.error,
.whitelistAdd .whitelistAdd__section > .whitelistAdd__error {
  color: #bc0000;
}

.blacklistAdd .blacklistAdd__section > .blacklistAdd__success,
.whitelistAdd .whitelistAdd__section > .whitelistAdd__success {
  color: #3bbc9e;
}

.blacklistAdd .blacklistAdd__section > textarea.error,
.whitelistAdd .whitelistAdd__section > textarea.error {
  border-color: #bc0000;
}

.blacklistAdd .blacklistAdd__section > input[type="submit"],
.whitelistAdd .whitelistAdd__section > input[type="submit"],
.whitelistAdd .whitelistAdd__section > label.radio-btn__wrapper {
  margin-left: 200px;
}

.blacklistAdd .blacklistAdd__comment,
.whitelistAdd .whitelistAdd__comment {
  box-sizing: border-box;
  display: inline-block;
  margin-left: 2rem;
}

.blacklistAdd .blacklistAdd__comment > span,
.whitelistAdd .whitelistAdd__comment > span {
  color: #848484;
  display: inline-block;
  font-size: 13px;
  margin: 10px 0;
}

th > .wrapper {
  display: flex;
  width: 100%;
}

th > .wrapper > *:not(:last-child) {
  flex-grow: 1;
}

th > .wrapper > *:last-child {
  margin-left: 6px;
}

/* Rostelecom Styles */

@font-face {
  font-family: "Rostelecom-Basis",
  font-weight: 300;
  src: url("../font/RostelecomBasis-Light.otf") format("opentype");
}

@font-face {
  font-family: "Rostelecom-Basis",
  font-weight: 400;
  src: url("../font/RostelecomBasis-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Rostelecom-Basis",
  font-weight: 500;
  src: url("../font/RostelecomBasis-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Rostelecom-Basis",
  font-weight: 700;
  src: url("../font/RostelecomBasis-Bold.otf") format("opentype");
}

.rt-button {
  border-radius: 5px;
  height: 34px;
}

.rt-button_small {
  height: 34px;
}

.rt-button_medium {
  padding: 0px 18px;
}

.rt-button_wide {
  padding: 0px 36px;
}

.rt-button_main,
.rt-button_secondary {
  background-color: #ff4f12;
  border: none;
  color: #ffffff;
}

.rt-button_main:hover,
.rt-button_main:focus,
.rt-button_secondary:hover,
.rt-button_secondary:focus {
  background-color: #ff8218;
}

.rt-button_main:disabled:hover,
.rt-button_main:disabled:focus,
.rt-button_secondary:disabled:hover,
.rt-button_secondary:disabled:focus {
  background-color: #f4f4f5;
}

.rt-controls .rt-icon {
  display: block;
  height: 2.5rem;
  margin: .5rem auto;
}

.rt-controls .rt-link {
  padding: 0;
  max-width: 110px;
  width: 110px
}

.rt-icon {
  height: 1.5em;
  margin: 0 .25em;
  vertical-align: middle;
  width: auto;
}

.rt-heading > h1 {
  color: #101828;
  font-family: 'Rostelecom-Basis', Arial, sans-serif;
  font-weight: 500;
  line-height: 1.15em;
}

.rt-heading_margin {
  font-weight: 500;
  margin-bottom: 1rem;
}

.rt-heading_underline {
  border-bottom: 1px solid #e3e8ec;
  padding-bottom: 4px;
}

.rt-link {
  color: #101828;
}

.rt-link:hover {
  color: #404653;
}

.rt-link::first-letter {
  text-transform: uppercase;
}

.rt-menu .rt-link {
  color: #101828;
}

table.rt-table {
  margin-top: 30px;
  table-layout: auto;
}

table.rt-table th {
  background-color: #7b939b;
}

table.rt-table th[nowrap="nowrap"] {
}

.rt-wrapper {
  color: #101828;
  font-family: 'Rostelecom-Basis', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.25em;
}

div#mainContainer.rt-wrapper:after {
  background-color: #e3e8ec;
}

/* parts/heading */

.heading {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}

.heading > .last-action {
  font-size: .8em;
}

.heading > .last-action em {
  color: #c1c1c1;
}

.heading > .download {
  font-size: .85em;
}

.top.toggler {
    cursor: pointer;
}

.top.toggler::after {
    content: '+';
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
}

.top.toggler.active::after {
    content: '-';
}

/* parts/info */

.info {
  position: relative;
}

.info__icon {
  color: #7B939B;
}

.info__icon > svg {
  vertical-align: text-top;
}

.info__message {
  background-color: #7B939B;
  bottom: 110%;
  color: #ffffff;
  display: none;
  font-size: .8rem;
  left: .4em;
  padding: .4rem 1rem;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

.info__icon:hover + .info__message,
.info__icon:focus + .info__message {
  display: inline-block;
}

/* user-editor/main */

.user-editor {
}

.user-editor__icon {
  display: inline-block;
  padding-left: .5rem;
}

/* reports/filter */

.reports-filter {
}

.reports-filter__icon > svg {
  vertical-align: middle;
}