@-webkit-keyframes processIconRotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  90% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes processIconRotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  90% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes slideInUpBar {
  from {
    position: relative;
    height: 1px;
    visibility: visible;
  }
  to {
    position: relative;
    height: 74px;
  }
}
@keyframes slideInUpBarItem {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.grid-cols {
  display: table;
  width: 100%;
  /*
    &.max_w1200 {
        max-width: 1200px;
    }

    &.max_w900 {
        max-width: 900px;
    }
*/
}
.grid-cols._width-auto {
  width: auto;
}
.grid-cols._info {
  margin-bottom: 20px;
}
.grid-cols._info .grid-cols-item {
  padding: 10px;
}
.grid-cols-row {
  display: table-row;
}
.grid-cols-item {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px 0 0;
}
.grid-cols-item.col-stretch {
  width: 100%;
}
.grid-cols-item:last-child {
  padding: 0;
}
.grid-cols-item._v-middle {
  vertical-align: middle;
}
.grid-cols-item__links {
  display: flex;
}
.grid-cols-item__links_right {
  justify-content: flex-end;
  white-space: nowrap;
}
kl-cc-toolbar .grid-cols kl-cc-toolbar-item > button > i,
kl-cc-toolbar .grid-cols kl-cc-locale {
  display: table-cell;
  vertical-align: middle;
}
kl-cc-toolbar .grid-cols kl-cc-toolbar-item > button > kl-cc-locale {
  padding-left: 8px;
}
kl-cc-toolbar .grid-cols kl-cc-toolbar-item > div.b-control-popup > button > i,
kl-cc-toolbar .grid-cols kl-cc-toolbar-item > div.b-control-popup > button > kl-cc-locale,
kl-cc-toolbar .grid-cols kl-cc-toolbar-item > div.b-control-popup > button > kl-locale {
  display: table-cell;
  vertical-align: middle;
}
kl-cc-toolbar .grid-cols kl-cc-toolbar-item > div.b-control-popup > button > kl-cc-locale,
kl-cc-toolbar .grid-cols kl-cc-toolbar-item > div.b-control-popup > button > kl-locale {
  padding-left: 8px;
}
body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #6b777e;
  background-color: #fff;
  min-width: 320px;
  position: relative;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  margin: 0.5em 0;
  font-weight: normal;
}
h1,
.h1 {
  font-size: 24px;
  margin: 0 0 1em 0;
  color: #6b777e;
  font-weight: normal;
}
h2,
.h2 {
  font-size: 24px;
  margin: 40px 0 0.5em 0;
}
h2:first-child,
.h2:first-child {
  margin-top: 0;
}
h3,
.h3 {
  font-size: 18px;
  margin: 20px 0 0.5em 0;
}
h3:first-child,
.h3:first-child {
  margin-top: 0;
}
h4,
.h4 {
  font-size: 16px;
  margin: 20px 0 10px 0;
}
.g-hidden {
  display: none!important;
}
.g-viz-hidden {
  visibility: hidden!important;
}
.text-strong {
  font-weight: bold;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-prewap {
  white-space: pre-wrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.display-flex {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.form-input,
.ui.input input {
  display: block;
  width: 100%;
  height: var(--form-input-height, 34px);
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  border: 1px solid #a3aeb6;
  border-radius: 4px;
  /* placeholder style not working if declaration with comma (,)  */
  /* placeholder style not working if declaration with comma (,)  */
}
.form-input:focus,
.ui.input input:focus,
.form-input:active,
.ui.input input:active {
  outline: none;
}
.form-input[disabled],
.ui.input input[disabled],
.form-input .disabled,
.ui.input input .disabled {
  opacity: 0.5;
}
.form-input[disabled]:active,
.ui.input input[disabled]:active,
.form-input .disabled:active,
.ui.input input .disabled:active {
  border: 1px solid #a3aeb6;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-input::-webkit-input-placeholder,
.ui.input input::-webkit-input-placeholder {
  opacity: 1;
  color: #9d9d9d;
}
.form-input::-moz-placeholder,
.ui.input input::-moz-placeholder {
  opacity: 1;
  color: #9d9d9d;
}
.form-input:-ms-input-placeholder,
.ui.input input:-ms-input-placeholder {
  opacity: 1;
  color: #9d9d9d;
}
.form-input::placeholder,
.ui.input input::placeholder {
  opacity: 1;
  color: #9d9d9d;
}
.form-input.show-inline,
.ui.input input.show-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.has-error .form-input,
.has-error .ui.input input,
.form-input.has-error,
.ui.input input.has-error {
  border-color: #a94442;
}
.highlight .form-input,
.highlight .ui.input input,
.form-input.highlight,
.ui.input input.highlight {
  background-color: #fffba3;
  -webkit-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.form-input.collapse,
.ui.input input.collapse {
  width: 100%;
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.form-input._size-1,
.ui.input input._size-1 {
  width: 2.7em;
}
.form-input._size-2,
.ui.input input._size-2 {
  width: 3.6em;
}
.form-input._size-3,
.ui.input input._size-3 {
  width: 4.5em;
}
.form-input._size-4,
.ui.input input._size-4 {
  width: 5.4em;
}
.form-input._size-5,
.ui.input input._size-5 {
  width: 6.3em;
}
.form-input._size-6,
.ui.input input._size-6 {
  width: 7.2em;
}
.form-input._size-7,
.ui.input input._size-7 {
  width: 8.1em;
}
.form-input._size-8,
.ui.input input._size-8 {
  width: 9em;
}
.form-input._size-9,
.ui.input input._size-9 {
  width: 9.9em;
}
.form-input._size-10,
.ui.input input._size-10 {
  width: 10.8em;
}
.form-input._size-11,
.ui.input input._size-11 {
  width: 11.7em;
}
.form-input._size-12,
.ui.input input._size-12 {
  width: 12.6em;
}
.form-input._size-13,
.ui.input input._size-13 {
  width: 13.5em;
}
.form-input-balloon,
.ui.input input-balloon {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  margin-top: 5px;
  background: #FFFBA3;
  padding: 10px;
  border: 1px solid #d6cd00;
  display: none;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.form-input-balloon.active,
.ui.input input-balloon.active {
  display: block;
}
.form-input-balloon:after,
.ui.input input-balloon:after,
.form-input-balloon:before,
.ui.input input-balloon:before {
  content: "";
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: -4px;
  bottom: auto;
  left: auto;
  border-width: 0 5px 5px;
  border-color: #FFFBA3 transparent;
}
.form-input-balloon:before,
.ui.input input-balloon:before {
  top: -5px;
  border-color: #d6cd00 transparent;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.form-textarea {
  --form-input-height: 90px;
}
.checkbox:not(.ui) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 1px solid #acacac;
  background: #fff;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin-top: -1px;
}
.highlight .checkbox,
.checkbox.highlight {
  background-color: #fffba3;
  outline: 4px solid #fffba3;
}
.checkbox.native {
  border: none;
  background: transparent;
}
.checkbox.native .checkbox-check {
  display: none;
}
.checkbox.native input {
  opacity: 1;
  position: relative;
}
.checkbox-check {
  content: '';
  width: 9px;
  height: 6px;
  display: inline-block;
  border: 2px solid #00a89e;
  border-top: none;
  border-right: none;
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  opacity: 0;
}
.checkbox-text {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  margin: 0 5px;
}
.highlight .checkbox-text,
.checkbox-text.highlight {
  background-color: #fffba3;
  outline: 4px solid #fffba3;
}
.checkbox-text:first-child {
  margin: 0;
}
.checkbox-wrap {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-wrap.state-inline {
  display: inline-block;
}
.checkbox-wrap.offset-x1 {
  margin: 0 23px;
}
.checkbox-wrap[disabled],
.checkbox-wrap .disabled {
  opacity: 0.5;
}
.checkbox-label {
  white-space: nowrap;
  display: inline-block;
  margin: 8px 20px 8px 0;
  cursor: pointer;
}
.highlight .checkbox-label,
.checkbox-label.highlight {
  background-color: #fffba3;
  outline: 4px solid #fffba3;
}
[dir="rtl"] .checkbox-label {
  margin: 5px 0 5px 20px;
}
.checkbox-descr {
  margin: -5px 0 10px 24px;
  color: #999;
}
.checkbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.checkbox input:checked ~ .checkbox-check,
.checkbox input[checked=true] ~ .checkbox-check,
.checkbox input[checked=checked] ~ .checkbox-check,
.checkbox.checked .checkbox-check {
  opacity: 1;
}
.radio:not(.ui) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 1px solid #acacac;
  background: #fff;
  border-radius: 50%;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin-top: -1px;
}
.radio:not(.ui).check {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: none;
  border-radius: none;
  background: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin-top: -1px;
}
kl-cc-wizard[ref='change-owner-wizard'] .table.table-users .radio:not(.ui) {
  visibility: hidden;
}
kl-cc-wizard[ref='change-owner-wizard'] .table.table-users .radio:not(.ui).selected {
  visibility: visible;
}
kl-cc-wizard[ref='change-owner-wizard'] .table.table-users tr:hover .radio:not(.ui) {
  visibility: visible;
}
kl-cc-wizard[ref='change-owner-wizard'] .table.table-users tr:hover {
  background-color: #d8e8f5;
  cursor: pointer;
}
.profiles-security {
  width: 300px;
}
.highlight .radio,
.radio.highlight {
  background-color: #fffba3;
  outline: 4px solid #fffba3;
}
.radio-check {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  border: 1px solid transparent;
  background: #00a89e;
  position: absolute;
  top: 3px;
  left: 3px;
  opacity: 0;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-transform: scale(2);
  transform: scale(2);
}
.radio-text {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  margin: 0 5px;
}
.radio-wrap {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-wrap.state-inline {
  display: inline-block;
}
.radio-wrap.offset-x1 {
  margin: 0 23px;
}
[disabled] .radio-wrap,
[disabled].radio-wrap {
  opacity: 0.5;
}
.radio-label {
  white-space: nowrap;
  display: inline-block;
  margin: 8px 20px 8px 0;
  cursor: pointer;
}
.highlight .radio-label,
.radio-label.highlight {
  background-color: #fffba3;
  outline: 4px solid #fffba3;
}
[dir="rtl"] .radio-label {
  margin: 5px 0 5px 20px;
}
.radio input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.radio input:checked ~ .radio-check,
.radio input[checked=true] ~ .radio-check,
.radio input[checked=checked] ~ .radio-check {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.upload {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 0 20px 0 0;
}
.upload:last-child {
  margin: 0;
}
.upload .grid-cols-item {
  vertical-align: middle;
}
.upload-real {
  -webkit-appearance: button;
  height: 34px;
  width: 100%;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.upload-real::-webkit-file-upload-button {
  cursor: pointer;
}
.upload-button.btn {
  margin: 0;
}
.group-row {
  position: relative;
}
.group-row-wrap {
  position: relative;
}
kl-cc-wizard[ref='change-owner-wizard'] .wizard-caption {
  overflow: hidden;
  text-overflow: ellipsis;
}
kl-cc-wizard[ref='userResendInvitationWizard'] .steps-list {
  padding-left: 26px;
  padding-bottom: 0px;
  margin-top: 4px;
}
kl-cc-wizard[ref='userResendInvitationWizard'] .steps-list li:not(:first-child) {
  margin-top: 4px;
}
kl-cc-wizard[ref='userResendInvitationWizard'] .paragraphTop {
  margin: 22px 0px 0px 0px;
}
kl-cc-wizard[ref='userResendInvitationWizard'] .paragraphWithoutBreak {
  margin: 2px 0px 0px 0px;
}
kl-cc-wizard[ref='userResendInvitationWizard'] .paragraphWithBreak {
  margin: 20px 0px 0px 0px;
}
kl-cc-wizard[ref='userImportWizard'] .steps-list {
  padding-left: 26px;
  padding-bottom: 0px;
  margin-top: 4px;
}
kl-cc-wizard[ref='userImportWizard'] .steps-list li:not(:first-child) {
  margin-top: 4px;
}
kl-cc-wizard[ref='userImportWizard'] .paragraphTop {
  margin: 22px 0px 0px 0px;
}
kl-cc-wizard[ref='userImportWizard'] .paragraphWithoutBreak {
  margin: 2px 0px 0px 0px;
}
kl-cc-wizard[ref='userImportWizard'] .paragraphWithBreak {
  margin: 20px 0px 0px 0px;
}
.modal {
  position: relative;
  display: inline-block;
  width: 500px;
  padding: 20px;
  text-align: left;
  vertical-align: middle;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  background: #fff;
  font-size: 14px;
  white-space: normal;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  overflow: hidden;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.modal-layout {
  z-index: 888;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden;
}
.modal-layout.state-show {
  display: block;
}
.modal-wrap {
  height: 100%;
  text-align: center;
  overflow: auto;
  white-space: nowrap;
}
.modal-wrap:after {
  content: '';
  position: relative;
  display: inline-block;
  width: 0;
  height: 100%;
  margin-left: -3px;
  border: none;
  vertical-align: middle;
  overflow: hidden;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
button.close:active,
button.close:focus {
  outline: none;
}
[ref=session-expired-popup] button.close {
  display: none;
}
.close {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
}
.close:hover {
  color: #333;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.8;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.loader-layout {
  z-index: 999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loader-layout.loader-section {
  position: absolute;
  z-index: 90;
}
.loader-layout.state-show {
  display: block;
}
.loader-placeholder {
  display: inline-block;
  background: #fff;
  padding: 50px 40px;
  width: 500px;
  white-space: normal;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.loader-placeholder .ico-spinner {
  position: relative;
  margin-top: 10px;
  margin-bottom: 35px;
}
.loader-placeholder-wrap {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.loader-wrap {
  height: 100%;
  text-align: center;
  overflow: auto;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.5);
}
.loader-wrap.blurred {
  background: rgba(255, 255, 255, 0.8);
}
.loader-wrap:after {
  content: '';
  position: relative;
  display: inline-block;
  width: 0;
  height: 100%;
  margin-left: -3px;
  border: none;
  vertical-align: middle;
  overflow: hidden;
}
.btn,
.ui.button {
  display: inline-block;
  padding: 9px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  background-color: #e6ecee;
  border: 1px solid transparent;
}
.btn.collapse,
.ui.button.collapse {
  width: 100%;
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.btn:active,
.ui.button:active,
.btn:focus,
.ui.button:focus {
  outline: none;
}
.btn.__disabled,
.ui.button.__disabled,
.btn[__disabled],
.ui.button[__disabled],
.btn.disabled,
.ui.button.disabled,
.btn[disabled],
.ui.button[disabled],
fieldset[disabled] .btn,
fieldset[disabled] .ui.button {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.4;
}
.ui.button.primary {
  border-color: #b3b3b3;
  background: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.89);
  border-radius: 5px;
  min-width: 100px;
}
.ui.button.primary:hover {
  border-color: #a3aeb6;
  color: #23d1ae;
}
.ui.button.primary:active {
  border-color: #a3aeb6;
  color: #23d1ae;
}
.btn-clear {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}
.btn-clear:active,
.btn-clear:focus {
  outline: none;
}
.btn-link {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}
.btn-link-text {
  text-decoration: underline;
  display: inline-block;
  margin: 0 2px;
}
.btn-link-text:hover {
  text-decoration: none;
}
.btn-link:active,
.btn-link:focus {
  outline: none;
}
.btn-group {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.btn-group .dropdown-arrow {
  display: inline-block;
  width: 8px;
  height: 5px;
  background: url("ico-dropdown-arrow.svg");
  vertical-align: middle;
  margin: 0 4px;
}
.btn-group > .btn {
  margin: 0;
}
.btn-group > .btn-link {
  vertical-align: inherit;
}
.btn-group > .btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-last-of-type(1) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
[dir="rtl"] .btn-group > .btn:nth-last-of-type(1) {
  margin-left: 0;
  margin-right: -1px;
}
.btn-group > .btn.dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  outline: none;
  overflow-y: auto;
  max-height: 250px;
}
.btn-group .dropdown-menu.active {
  display: block;
}
.btn-group .dropdown-menu.pos-bottom {
  bottom: 100%;
  top: auto;
}
.btn-group .dropdown-menu.pos-left,
.btn-group .dropdown-menu_pos-left {
  right: auto;
  left: 0;
}
.btn-group .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.btn-group .dropdown-menu .item {
  display: block;
  padding: 9px 20px;
  clear: both;
  font-weight: 300;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}
.btn-group .dropdown-menu .item.sub {
  padding: 9px 20px 9px 40px;
}
.btn-group .dropdown-menu .item:hover,
.btn-group .dropdown-menu .item.active {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.btn-group.active .dropdown-menu {
  display: flex;
  flex-direction: column;
}
kl-cc-scroll .scrollbar-thumb {
  position: absolute;
  width: 7px;
  min-height: 20px;
  border-radius: 5px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
  cursor: pointer;
}
kl-cc-scroll .scrollbar-track {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 7px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #F5F5F5;
}
.list-editor-preloader {
  position: absolute;
  top: 0;
  z-index: 100;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
  font-size: 24px;
}
.list-editor-preloader .list-editor-loading-text {
  position: relative;
}
.parameter {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 10px;
}
.parameter-col {
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
}
.parameter-col:last-child {
  padding-right: 0;
}
[dir="rtl"] .parameter-col {
  padding-right: 0;
  padding-left: 20px;
}
.parameter-name {
  font-weight: bold;
  font-size: 16px;
}
.parameter .checkbox-wrap {
  margin: 0;
}
.parameter .checkbox-wrap .trigger {
  margin-top: 1px;
}
.parameter.component-toggle {
  margin-bottom: 30px;
}
.parameter .align-right {
  text-align: right;
}
.bread {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.bread li {
  display: inline-block;
}
.bread li:before {
  content: '/';
  margin-left: 0.3em;
  margin-right: 0.2em;
  font-family: Verdana, Arial, sans-serif;
}
.bread li:first-child:before {
  display: none;
}
.bread a {
  cursor: pointer;
}
.b-icon {
  display: inline-block;
  background: 0 0 no-repeat;
  vertical-align: middle;
}
/* table sort */
.col-header {
  display: inline-block;
  position: relative;
  padding: 0 15px 0 0;
  cursor: pointer;
}
.col-header.state-active {
  text-transform: uppercase;
}
.col-header.state-active:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 5px;
  background-image: url("ico-tablesort.svg");
  margin: 0 5px;
  position: absolute;
  top: 6px;
  right: -3px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.col-header.state-desc:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
[dir="rtl"] .col-header {
  padding: 0 0 0 15px;
}
[dir="rtl"] .col-header:after {
  right: auto;
  top: 6px;
  left: -3px;
}
.ico-spinner {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-right: solid 4px transparent;
  border-top: solid 4px #23d1ae;
  -webkit-animation: spinner 800ms linear infinite;
  animation: spinner 800ms linear infinite;
}
.ico-spinner.size-small {
  width: 30px;
  height: 30px;
  border-width: 2px;
  box-shadow: 0 0 0 3px #d5dfe3;
}
.ico-spinner.size-big {
  width: 60px;
  height: 60px;
  border-width: 4px;
  box-shadow: 0 0 0 5px #d5dfe3;
}
.col-ico .ico-spinner {
  position: relative;
}
.ico-spinner._alt {
  background: transparent;
  box-shadow: none;
}
@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body {
  min-width: 760px;
}
/* grid fw*/
/* Micro Clearfix */
.clear,
.section,
.checkbox:not(.ui) {
  border-radius: 4px;
}
.clear:before,
.section:before,
.checkbox:not(.ui):before,
.clear:after,
.section:after,
.checkbox:not(.ui):after {
  content: "";
  display: table;
}
.clear:after,
.section:after,
.checkbox:not(.ui):after {
  clear: both;
}
/* Common Classes */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.padd-right {
  padding-right: 30px;
}
.margin-right {
  margin-right: 10px;
}
.margin-left {
  margin-left: 10px;
}
.padd-left {
  padding-left: 30px;
}
[dir="rtl"] .left {
  float: right;
}
[dir="rtl"] .right {
  float: left;
}
[dir="rtl"] .align-left {
  text-align: right;
}
[dir="rtl"] .align-right {
  text-align: left;
}
[dir="rtl"] .padd-right {
  padding-left: 30px;
}
[dir="rtl"] .padd-left {
  padding-right: 30px;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.hide {
  display: none;
}
.wrap-flex {
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  overflow: auto;
}
.wrap-flex.no_scroll {
  overflow: visible;
}
.wrap-flex_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.wrap-flex_column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.wrap-body {
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
}
.wrap-bodycols {
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  overflow: auto;
}
.header:not(.ui) {
  height: 80px;
  border-bottom: 1px solid #ccc;
  padding: 20px 30px 20px 20px;
}
.header-login {
  background: #333;
  color: #fff;
}
.header-login .logo-text:hover {
  cursor: default;
  color: #fff;
}
.header-sub {
  border-bottom: 1px solid #ccc;
  padding: 20px 30px 20px 20px;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.side {
  width: 280px;
  background: #333;
  color: #fff;
  padding: 15px;
  overflow: auto;
  position: relative;
}
.side._w-sub {
  width: 280px;
}
.side._w-sub .side-footer {
  margin-left: 50px;
}
[dir="rtl"] .side._w-sub .side-footer {
  margin-left: 0;
  margin-right: 50px;
}
.side-router {
  display: block;
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
}
.side-router .wrap-flex {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
}
.side-router .b2b-wrap-bodycols,
.side-router .wrap-bodycols {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.simple-flex {
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.content {
  position: relative;
  overflow: auto;
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
}
.content-wrap {
  -webkit-box-flex: flex;
  -moz-box-flex: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
}
.content-fixed {
  padding: 14px 30px 0 30px;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.content-fixed.bordered {
  border-top: 1px solid #d5dfe3;
}
.content-fixed._offset-bottom {
  padding-bottom: 20px;
}
.content-footer {
  padding: 20px 30px;
}
.content-btn-panel {
  margin: 20px 30px 0 30px;
}
.content-scroll {
  overflow: auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.content-scroll_padding {
  padding: 20px 30px;
}
.content-scroll.rm-padd-top {
  padding-top: 0;
}
.content-scroll.rm-padd-bot {
  padding-bottom: 0;
}
.content-header {
  margin-bottom: 20px;
  position: relative;
}
.content-cols {
  display: table;
  width: 100%;
}
.content-cols.max_w1200 {
  max-width: 1200px;
}
.content-cols.max_w900 {
  max-width: 900px;
}
.content-cols_item {
  display: table-cell;
  padding: 0 40px 0 0;
}
.content-cols_item.col-stretch {
  width: 100%;
}
.content-cols_item:last-child {
  padding: 0;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
/*
.content-maxw {
    max-width: 1200px;
}
*/
kl-plugin-container {
  height: 100%;
  display: block;
}
kl-plugin-container > kl-plugin {
  height: 100%;
  display: block;
}
kl-plugin-container > kl-plugin > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
kl-plugin-container > kl-plugin > div > kl-cc-form-set {
  display: block;
  overflow: auto;
  margin-right: -30px;
  padding-right: 30px;
  height: 100%;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
ul {
  margin-block: 0;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
body {
  font-family: "MuseoSans", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  color: #333;
  background-color: #fff;
  min-width: 320px;
  position: relative;
}
a {
  color: #1e856f;
  text-decoration: underline;
}
a.link-dashed {
  text-decoration: none;
  border-bottom: 1px dashed #1e856f;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #1e856f;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  margin: 0.5em 0;
  font-weight: normal;
}
h1,
.h1 {
  font-size: 24px;
  margin: 0 0 20px 0;
  color: #333;
  font-weight: normal;
}
h2,
.h2 {
  font-size: 24px;
  margin: 40px 0 0.5em 0;
}
h2:first-child,
.h2:first-child {
  margin-top: 0;
}
h3,
.h3 {
  font-size: 18px;
  margin: 20px 0 0.5em 0;
}
h3:first-child,
.h3:first-child {
  margin-top: 0;
}
h4,
.h4 {
  font-size: 16px;
  margin: 20px 0 10px 0;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}
hr.offset {
  margin-left: -30px;
  margin-right: -30px;
}
p:first-child {
  margin-top: 0;
}
.h2_sup {
  font-size: 21px;
  display: block;
}
.header_center,
.col_center {
  text-align: center;
}
.text-small {
  font-size: 13px;
}
.text-large {
  font-size: 16px;
}
.text-marked {
  color: #333;
}
.text-danger,
.text-critical {
  color: #ec3c3c;
}
.text-attention,
.text-warning {
  color: #ecc03c;
}
a.text-danger:hover,
a.text-critical:hover {
  color: #ec3c3c;
}
.text-ok {
  color: #1E856F;
}
.offset-top-small {
  margin-top: 8px;
}
.offset-x1 {
  margin-left: 23px!important;
}
.offset-v-box {
  margin-bottom: 20px;
}
.black-icon-color .ficon-arrow:before {
  color: #1D1D1B;
}
.offset-v-element {
  margin-bottom: 7px;
}
.subtitle .ui.header {
  margin-top: 10px !important;
  font-weight: 300;
}
.indent-1,
.indent-2,
.indent-3 {
  display: block;
  margin-left: 35px;
}
[dir="ltr"] .indent-1 {
  margin-left: 20px !important;
}
[dir="ltr"] .indent-2 {
  margin-left: 40px !important;
}
[dir="ltr"] .indent-3 {
  margin-left: 60px !important;
}
.indent-bottom-1,
.indent-bottom-2,
.indent-bottom-3 {
  display: block;
}
.indent-bottom-1 {
  margin-bottom: 10px !important;
}
.indent-bottom-2 {
  margin-bottom: 20px !important;
}
.indent-bottom-3 {
  margin-bottom: 30px !important;
}
.indent-top-1 {
  margin-top: 10px !important;
}
.indent-top-2 {
  margin-top: 20px !important;
}
.indent-top-3 {
  margin-top: 30px !important;
}
.indent-top-negative-1 {
  margin-top: -10px !important;
}
.indent-top-negative-2 {
  margin-top: -20px !important;
}
.indent-top-negative-3 {
  margin-top: -30px !important;
}
.trancated {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 95%;
  white-space: nowrap;
}
.text-lighter {
  color: #999;
}
.lighted-control {
  display: block;
  background: rgba(255, 251, 163, 0.38);
}
.lighted-control input[type="text"] {
  border-color: #ffe37f;
}
.table-with-checkbox thead tr td:first-child {
  width: 50px;
}
kl-text,
kl-block,
kl-auto-form-trigger,
kl-chart-bar,
kl-label-text,
kl-auto-label-text,
kl-details-breadcrumb,
kl-auto-raw,
kl-auto-form,
kl-auto-state-selector,
kl-auto-control-set,
kl-auto-control-group,
kl-auto-toggle {
  display: block;
}
kl-label-text .field-row-wrap,
kl-auto-label-text .field-row-wrap {
  word-wrap: break-word;
  word-break: break-word;
}
kl-auto-form {
  position: relative;
  min-height: 15px;
  margin-bottom: 80px;
}
kl-auto-form select {
  border-radius: 4px;
}
@-webkit-keyframes processIconRotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  90% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes processIconRotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  90% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes slideInUpBar {
  from {
    position: relative;
    height: 1px;
    visibility: visible;
  }
  to {
    position: relative;
    height: 74px;
  }
}
@keyframes slideInUpBarFixed {
  from {
    height: 1px;
    visibility: visible;
  }
  to {
    height: 74px;
  }
}
@keyframes slideInUpBarItem {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideOutBarItem {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    display: block;
  }
}
@keyframes slideOutBar {
  from {
    height: 74px;
  }
  to {
    height: 0;
  }
}
@-webkit-keyframes egg-rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
  }
  40% {
    -webkit-transform: rotate3d(1, 2, 0, 360deg) scale3d(10, 10, 10);
    transform: rotate3d(1, 2, 0, 360deg) scale3d(10, 10, 10);
    transform-origin: -50% -50%;
    transform-style: preserve-3d;
  }
  60% {
    -webkit-transform: rotate3d(1, 2, 0, 360deg) scale3d(10, 10, 10);
    transform: rotate3d(1, 2, 0, 360deg) scale3d(10, 10, 10);
    transform-origin: -50% -50%;
    transform-style: preserve-3d;
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
  }
}
@keyframes egg-rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
  }
  40% {
    -webkit-transform: rotate3d(1, 2, 0, 360deg) scale3d(10, 10, 10);
    transform: rotate3d(1, 2, 0, 360deg) scale3d(10, 10, 10);
    transform-origin: -50% -50%;
    transform-style: preserve-3d;
  }
  60% {
    -webkit-transform: rotate3d(1, 2, 0, 360deg) scale3d(10, 10, 10);
    transform: rotate3d(1, 2, 0, 360deg) scale3d(10, 10, 10);
    transform-origin: -50% -50%;
    transform-style: preserve-3d;
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
  }
}
@-webkit-keyframes egg-fly {
  0% {
    position: fixed;
    transform: perspective(0px) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
    transform-origin: 50% 50% 50%;
    transform-style: preserve-3d;
  }
  30% {
    position: fixed;
    transform: perspective(0px) scale3d(10, 10, 10) rotate3d(87, 80, 60, -74deg);
    transform-origin: 50% 50% 50%;
    transform-style: preserve-3d;
  }
  60% {
    position: fixed;
    transform: perspective(0px) scale3d(10, 10, 15) rotate3d(87, 80, 60, -74deg);
    transform-origin: 50% 50% 50%;
    transform-style: preserve-3d;
  }
  100% {
    transform: perspective(0px) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
    transform-origin: 50% 50% 50%;
    transform-style: preserve-3d;
  }
}
@keyframes egg-fly {
  0% {
    position: fixed;
    transform: perspective(0px) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
    transform-origin: 50% 50% 50%;
    transform-style: preserve-3d;
  }
  30% {
    position: fixed;
    transform: perspective(0px) scale3d(10, 10, 10) rotate3d(87, 80, 60, -74deg);
    transform-origin: 50% 50% 50%;
    transform-style: preserve-3d;
  }
  60% {
    position: fixed;
    transform: perspective(0px) scale3d(10, 10, 15) rotate3d(87, 80, 60, -74deg);
    transform-origin: 50% 50% 50%;
    transform-style: preserve-3d;
  }
  100% {
    transform: perspective(0px) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
    transform-origin: 50% 50% 50%;
    transform-style: preserve-3d;
  }
}
/*
## Fonts
*/
@font-face {
  font-family: MuseoSans;
  font-style: normal;
  font-weight: 900;
  src: url(museosanscyrl-900.eot?#iefix) format("embedded-opentype"), url(museosanscyrl-900.woff) format("woff"), url(museosanscyrl-900.ttf) format("truetype"), url(museosanscyrl-900.svg#MuseoSans) format("svg");
}
@font-face {
  font-family: MuseoSans;
  font-style: normal;
  font-weight: 700;
  src: url(museosanscyrl-700.eot?#iefix) format("embedded-opentype"), url(museosanscyrl-700.woff) format("woff"), url(museosanscyrl-700.ttf) format("truetype"), url(museosanscyrl-700.svg#MuseoSans) format("svg");
}
@font-face {
  font-family: MuseoSans;
  font-style: normal;
  font-weight: 500;
  src: url(museosanscyrl-500.eot?#iefix) format("embedded-opentype"), url(museosanscyrl-500.woff) format("woff"), url(museosanscyrl-500.ttf) format("truetype"), url(museosanscyrl-500.svg#MuseoSans) format("svg");
}
@font-face {
  font-family: MuseoSans;
  font-style: normal;
  font-weight: 300;
  src: url(museosanscyrl-300.eot?#iefix) format("embedded-opentype"), url(museosanscyrl-300.woff) format("woff"), url(museosanscyrl-300.ttf) format("truetype"), url(museosanscyrl-300.svg#MuseoSans) format("svg");
}
@font-face {
  font-family: MuseoSans;
  font-style: italic;
  font-weight: 300;
  src: url(museosanscyrl-300italic.eot?#iefix) format("embedded-opentype"), url(museosanscyrl-300italic.woff) format("woff"), url(museosanscyrl-300italic.ttf) format("truetype"), url(museosanscyrl-300italic.svg#MuseoSans) format("svg");
}
.icon-offset {
  margin: 0 5px;
}
.icon-usersgroup {
  background: transparent url("ico-users_group.svg") 0 0 no-repeat;
  width: 19px;
  height: 12px;
}
.icon-transferred-close {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25677 8.257C8.64729 7.86648 9.28046 7.86648 9.67098 8.25701L12 10.586L14.329 8.257C14.7196 7.86648 15.3527 7.86648 15.7432 8.25701C16.1338 8.64754 16.1338 9.2807 15.7432 9.67122L13.4142 12.0003L15.7427 14.3288C16.1332 14.7193 16.1332 15.3525 15.7427 15.743C15.3521 16.1335 14.719 16.1335 14.3284 15.743L11.9999 13.4145L9.67146 15.7429C9.28093 16.1334 8.64776 16.1334 8.25724 15.7429C7.86672 15.3524 7.86673 14.7192 8.25725 14.3287L10.5857 12.0002L8.25676 9.67121C7.86623 9.28069 7.86624 8.64752 8.25677 8.257Z' fill='%231D1D1B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z' fill='%231D1D1B'/%3E%3C/svg%3E%0A");
}
.icon-admin {
  font-size: 13px;
  color: #fff;
  background: #ef3340;
  padding: 1px 3px;
  margin: 2px;
}
.icon-admin:before {
  content: 'Admin';
}
.icon-size-14 {
  --size: 14px;
}
.icon-await {
  background-image: url("ico-await.svg");
  width: var(--width, 26px);
  height: var(--height, 26px);
}
.icon-clock {
  -webkit-mask: url("ico-clock-24.svg") no-repeat 100% 100%;
  mask: url("ico-clock-24.svg") no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--icon-color, #ADB4B9);
  /* we can define width, height separately or size for both width and height */
  width: var(--width, var(--size, 24px));
  height: var(--width, var(--size, 24px));
  background-size: cover;
}
.icon-rut-status-manual {
  background-image: url("ico-rut-status-manual.svg");
  width: 16px;
  height: 16px;
}
.icon-rut-status-scheduled {
  background-image: url("ico-rut-status-scheduled.svg");
  width: 16px;
  height: 16px;
}
.icon-rut-status-error {
  background-image: url("ico-rut-status-error.svg");
  width: 16px;
  height: 16px;
}
.icon-hourglass {
  background-image: url("ico-hourglass.svg");
  width: 16px;
  height: 16px;
}
.icon-pause {
  background-image: url("ico-pause.svg");
  width: 16px;
  height: 16px;
}
.icon-rut-status-error-black {
  -webkit-mask: url("ico-rut-status-error.svg") no-repeat 100% 100%;
  mask: url("ico-rut-status-error.svg") no-repeat 100% 100%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #1D1D1B;
  width: 16px;
  height: 16px;
  background-size: cover;
}
.icon-rut-status-done {
  background-image: url("ico-rut-status-done.svg");
  width: 16px;
  height: 16px;
}
.icon-shield {
  background-image: url("shield-gold.svg");
  width: 28px;
  height: 36px;
  background-size: cover;
}
.icon-shield.blank {
  background-image: url("shield-blank.svg");
}
.icon-feedback-baloon {
  background-image: url("feedback-baloon.svg");
  width: 64px;
  height: 50px;
  margin-right: 24px;
  margin-top: 6px;
}
.icon-close-wizard-confirm-exitCross {
  background-image: url("ico-cross-small.svg");
  width: 11px;
  height: 11px;
  position: absolute;
  top: 22px;
  right: 23px;
  cursor: pointer;
}
.icon-done {
  width: 25px;
  height: 25px;
  font-family: 'b2b-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  color: #1E856F;
}
.icon-done:before {
  content: "\e916";
}
.icon-info {
  background-image: url("ico-status-info.svg");
  width: 26px;
  height: 26px;
}
.icon-info-fill {
  background-image: url("ico-status-info-fill.svg");
  width: 14px;
  height: 14px;
}
.icon-info-migration {
  background-image: url("ico-info-migration.svg");
  width: 24px;
  height: 24px;
}
.icon-reset-profile {
  background-image: url("ico-profile-reset.svg");
  width: 16px;
  height: 16px;
}
.icon-warning-cube {
  background-image: url("ico-warning-cube.svg");
  width: 32px;
  height: 32px;
  background-size: cover;
}
.icon-warning-triangle {
  background-image: url("ico-warning-triangle.svg");
  width: 32px;
  height: 32px;
  background-size: cover;
}
.icon-refresh {
  background-image: url("ico-refresh.svg");
  width: 12px;
  height: 12px;
}
.icon-refresh.state-progress {
  -webkit-animation: processIconRotation 1400ms infinite;
  animation: processIconRotation 1400ms infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.icon-download-pdf {
  background-image: url("ico-download-pdf.svg");
  width: 16px;
  height: 15px;
  margin-bottom: 2px;
}
.icon-download {
  background-image: url("ico-download.svg");
  width: 12px;
  height: 13px;
}
.icon-dropdown-menu {
  background-image: url("ico-dropdown-menu.svg");
  width: 16px;
  height: 16px;
  background-position: center;
}
.icon-link-chain {
  background-image: url("ico-link-chain.svg");
  width: 14px;
  height: 14px;
}
.icon-link-external {
  background-image: url("ico-link-external.svg");
  width: 16px;
  height: 16px;
}
.icon-link-arrow-right {
  background-image: url("ico-link-arrow-right.svg");
  width: 16px;
  height: 16px;
}
.icon-link-external-white {
  background-image: url("ico-link-external-white.svg");
  width: 16px;
  height: 16px;
}
.icon-link-external-green {
  background-image: url("ico-link-external-green.svg");
  width: 16px;
  height: 16px;
}
.icon-success-circle {
  background-image: url("ico-success-circle.svg");
  width: 16px;
  height: 16px;
}
.icon-fail-triangle {
  background-image: url("ico-fail-triangle.svg");
  width: 16px;
  height: 16px;
}
.icon-status-ok-outline {
  background-image: url("status-ok-outline.svg");
  width: 24px;
  height: 24px;
}
.icon-status-error-outline {
  background-image: url("status-error-outline.svg");
  width: 24px;
  height: 24px;
}
.icon-close {
  background-image: url("ico-close.svg");
  width: 8px;
  height: 8px;
}
.icon-close-16 {
  background-image: url("ico-close-16.svg");
  width: 16px;
  height: 16px;
}
.icon-error-64 {
  background-image: url("ico-error-64.svg");
  width: 64px;
  height: 64px;
}
.icon-download-workspace-settings {
  background-image: url("ico-download-pdf.svg");
  width: 16px;
  height: 15px;
}
.icon-list-item {
  background-image: url("ico-list-item.svg");
  width: 12px;
  height: 11px;
  padding: 0 6px;
  margin-top: 1px;
}
.col-header {
  display: inline-block;
  position: relative;
  padding: 0 15px 0 0;
  cursor: pointer;
  white-space: nowrap;
}
td.text-center .col-header {
  padding: 0 15px 0 15px;
}
.col-header.no-click {
  cursor: default;
}
.col-header.state-active {
  text-transform: uppercase;
}
.col-header.state-active:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 5px;
  background-image: url("ico-tablesort.svg");
  margin: 0 5px;
  position: absolute;
  top: 6px;
  right: -3px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.col-header.state-desc:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.icon-flag {
  width: 16px;
  height: 19px;
}
.icon-flag.normal {
  background-image: url("ico-flag-normal.svg");
}
.icon-flag.warning {
  background-image: url("ico-flag-warning.svg");
}
.icon-flag.critical {
  background-image: url("ico-flag-critical.svg");
}
.icon-security-check {
  width: 16px;
  height: 16px;
  background: url("ico-check.svg") no-repeat 0 0;
}
.icon-security-danger {
  width: 16px;
  height: 16px;
  background: url("ico-danger.svg") no-repeat 0 0;
}
.icon-security-check-grey {
  width: 16px;
  height: 16px;
  background: url("ico-check-grey.svg") no-repeat 0 0;
}
.icon-security-danger-grey {
  width: 16px;
  height: 16px;
  background: url("ico-danger-grey.svg") no-repeat 0 0;
}
.icon-security-level-high {
  width: 16px;
  height: 16px;
  background: url("security-level-high.svg") no-repeat 0 0;
}
.icon-security-level-optimal {
  width: 16px;
  height: 16px;
  background: url("security-level-optimal.svg") no-repeat 0 0;
}
.icon-security-level-low {
  width: 16px;
  height: 16px;
  background: url("security-level-low.svg") no-repeat 0 0;
}
.icon-spinner {
  animation: rotate 2s linear infinite;
  width: 16px;
  height: 16px;
  background: url("ico-spinner.svg") no-repeat 0 0;
}
.icon-preload-spinner {
  animation: rotate 2s linear infinite;
  width: 16px;
  height: 16px;
  background: url("ico-preload-spinner.svg") no-repeat 0 0;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.icon-cloud {
  width: 128px;
  height: 117px;
  background: url("ico-cloud.svg") no-repeat 0 0;
}
.icon-win {
  width: 20px;
  height: 20px;
  background: url("ico-win.svg") no-repeat 0 0;
}
.icon-android {
  width: 20px;
  height: 20px;
  background: url("ico-android.svg") no-repeat 0 0;
}
.icon-status {
  width: 14px;
  height: 20px;
  background-image: url("ico-status-unknow.svg");
  background-size: contain;
}
.b-legend .icon-status {
  width: 9px;
  height: 14px;
}
.icon-status-wrap {
  text-align: center;
}
.icon-status.state-ok {
  width: 13px;
  height: 17px;
  background-image: url("ico-status-ok.svg");
}
.b-legend .icon-status.state-ok {
  width: 13px;
  height: 14px;
}
.icon-status.state-warning {
  width: 22px;
  height: 20px;
  background-image: url("ico-status-warning.svg");
}
.b-legend .icon-status.state-warning {
  width: 15px;
  height: 17px;
}
.icon-status.state-critical {
  width: 20px;
  height: 20px;
  background-image: url("ico-status-critical.svg");
}
.b-legend .icon-status.state-critical {
  width: 13px;
  height: 17px;
}
.icon-status.state-suspicious {
  width: 16px;
  height: 16px;
  background-image: url("ico-status-suspicious.svg");
}
.user-device-ico {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: transparent;
  color: #fff;
  vertical-align: middle;
  line-height: 28px;
  text-align: center;
}
.user-device-ico:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #6B777E;
  background-color: #fff;
  border: 1px solid #6B777E;
  font-size: 12px;
}
.user-device-ico.ico-ios:before {
  content: 'iOS';
}
.user-device-ico.ico-android:before {
  content: 'And';
}
.user-device-ico.ico-mac:before {
  content: 'Mac';
}
.user-device-ico.ico-win:before {
  content: 'Win';
}
.user-device .user-device-ico {
  margin-right: 10px;
}
@font-face {
  font-family: 'b2b-icons';
  src: url('b2b-icons.ttf?q97p8g') format('truetype'), url('b2b-icons.woff?q97p8g') format('woff'), url('b2b-icons.svg?q97p8g#b2b-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="ficon-"],
[class*=" ficon-"],
.icon-font,
i.icon {
  font-family: 'b2b-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ficon-size-14 {
  font-size: 14px;
}
.ficon-ico-arrow-nav:before {
  color: #1e856f;
  display: inline-block;
}
.ficon-ico-arrow2-nav:before {
  color: #1e856f;
}
.ficon-arrow-back {
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #1e856f;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  vertical-align: middle;
}
.ficon-arrow-back:before {
  content: "\e953";
}
.ficon-arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.ficon-arrow__btn {
  cursor: pointer;
}
.ficon-arrow:before {
  color: var(--ficon-arrow-color, #1e856f);
}
.ficon-arrow_color-initial:before {
  --ficon-arrow-color: #333333;
}
.ficon-arrow_color-secondary:before {
  --ficon-arrow-color: #666666;
}
.ficon-arrow.left,
.ficon-arrow_left {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ficon-arrow.right,
.ficon-arrow_right {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ficon-arrow.top {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ficon-ico-main_menu-control:before {
  top: 2px;
  position: relative;
}
.ficon-ico-main_menu-storages:before {
  font-size: 16px;
}
.ficon-ico-main_menu-settings:before,
.ficon-ico-main_menu-advanced:before {
  font-size: 16px;
}
.ficon-ico-menu_add:before {
  content: "\e600";
  font-size: 12px;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  top: -2px;
}
/* Icon color */
.icon-color-critical {
  color: #ED2939;
}
.icon-color-error {
  color: #ED2939;
}
.icon-color-warning {
  color: #FFAA00;
}
.icon-color-info {
  color: #27B7FF;
}
.icon-color-ok {
  color: #00A88E;
}
.ficon-status-clean:before,
.ficon-status-ok:before,
.ficon-status-normal:before,
.ficon-status-ok-48:before,
.ficon-status-ok-24:before,
.ficon-shield-ok:before {
  color: #1e856f;
}
.ficon-status-critical:before,
.ficon-status-critical-24:before,
.ficon-status-critical-48:before {
  color: #ec3c3c;
}
.ficon-status-warning:before,
.ficon-status-warning-24:before,
.ficon-status-warning-48:before {
  color: #ecc03c;
}
.ficon-status-clock,
.ficon-shield-wait:before {
  color: #ccc;
}
.ficon-status-no-devices:before,
.ficon-status-unknow,
.info-48:before {
  color: #51AEE2;
}
.ficon-color_black {
  color: #1D1D1B;
}
.ficon-color-red:before {
  color: #ED2939;
}
.ico-spinner.pos-inline {
  position: relative;
  width: 25px;
  height: 25px;
  border-width: 2px;
}
.ico-state-loading {
  min-width: 16px;
  min-height: 16px;
  border-radius: 50%;
  border-right: solid 3px transparent;
  border-top: solid 3px #f5a623;
  -webkit-animation: spinner 800ms linear infinite;
  animation: spinner 800ms linear infinite;
}
.ico-spinner {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-right: solid 4px transparent;
  border-top: solid 4px var(--spinner-color, #f5a623);
  -webkit-animation: spinner 800ms linear infinite;
  animation: spinner 800ms linear infinite;
}
.ico-spinner:before {
  background: none;
  border: none;
}
i.kl.icon.add:before {
  content: "\e944";
}
i.kl.icon.edit:before {
  content: "\e921";
}
i.kl.icon.remove:before {
  content: "\e952";
}
i.kl.icon.vendor.chevron.up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
i.kl.icon.vendor.chevron.up:before {
  content: "\e953";
}
i.kl.icon.vendor.chevron.down:before {
  content: "\e953";
}
.ficon-fire-icon_news:before {
  color: #ef3340;
}
.ficon-remove_bold:before {
  font-weight: 600;
}
.ficon_warn {
  color: #f0ad4e;
}
.ficon_info {
  color: #51aee2;
}
.ficon-star_filled {
  --icon-color: #f0ad4e;
}
.ficon-star {
  color: var(--icon-color);
}
.ficon-link-external_color:before {
  color: #1e856f;
}
.ficon-edr-parent-node_color:before {
  color: #E9980A;
}
/* Copy paste here */
.ficon-status-critical-24:before {
  content: "\e92c";
}
.ficon-status-info-24:before {
  content: "\e92d";
}
.ficon-status-ok-24:before {
  content: "\e92e";
}
.ficon-status-unknown-24:before {
  content: "\e92f";
}
.ficon-status-warning-24:before {
  content: "\e930";
}
.ficon-information-panel-license-account:before {
  content: "\e95b";
}
.ficon-shield-ok:before {
  content: "\e950";
}
.ficon-shield-wait:before {
  content: "\e951";
}
.ficon-status-critical-48:before {
  content: "\e931";
}
.ficon-devices-48:before {
  content: "\e932";
}
.ficon-info-48:before {
  content: "\e933";
}
.ficon-status-ok-48:before {
  content: "\e934";
}
.ficon-report-48:before {
  content: "\e935";
}
.ficon-trial-license-48:before {
  content: "\e936";
}
.ficon-status-unknown-48:before {
  content: "\e937";
}
.ficon-status-warning-48:before {
  content: "\e938";
}
.ficon-danger:before {
  content: "\e95d";
  color: #fa625b;
}
.ficon-star:before {
  content: "\e97e";
}
.ficon-menu-toggler:before {
  content: "\e959";
}
.ficon-fire-icon:before {
  content: "\e95c";
}
.ficon-profiles-advanced:before {
  content: "\e954";
}
.ficon-profiles-control:before {
  content: "\e955";
}
.ficon-profiles-management:before {
  content: "\e956";
}
.ficon-profiles-settings:before {
  content: "\e957";
}
.ficon-profiles-security:before {
  content: "\e958";
}
.ficon-arrow:before {
  content: "\e953";
}
.ficon-change-device-owner:before {
  content: "\e909";
}
.ficon-assign-to-users:before {
  content: "\e91d";
}
.ficon-bin:before {
  content: "\e91e";
}
.ficon-create-group:before {
  content: "\e91f";
}
.ficon-copy:before {
  content: "\e920";
}
.ficon-ico-menu_edit:before {
  content: "\e921";
}
.ficon-move:before {
  content: "\e924";
}
.ficon-file-properties:before {
  content: "\e925";
}
.ficon-scan:before {
  content: "\e926";
}
.ficon-ico-menu_scan:before {
  content: "\e929";
}
.ficon-virus-scan:before {
  content: "\e93e";
}
.ficon-ico-menu_update:before {
  content: "\e93f";
}
.ficon-ico-main_menu-updates:before {
  content: "\e940";
}
.ficon-ico-menu_restore:before {
  content: "\e901";
}
.ficon-manage-database:before {
  content: "\e941";
}
.ficon-ico-distrubution-packages:before {
  content: "\e90d";
}
.ficon-ico-feedback:before {
  content: "\e90e";
}
.ficon-ico-unlocked:before {
  content: "\e91c";
}
.ficon-ico-locked:before {
  content: "\e91b";
}
.ficon-stop:before {
  content: "\e91a";
}
.ficon-pause:before {
  content: "\e917";
}
.ficon-play:before {
  content: "\e918";
}
.ficon-resume:before {
  content: "\e919";
}
.ficon-ico-devices:before {
  content: "\e915";
}
.ficon-ico-flag:before {
  content: "\e90f";
}
.ficon-ico-security-profiles:before {
  content: "\e912";
}
.ficon-ico-information-panel:before {
  content: "\e910";
}
.ficon-ico-main_menu-advanced:before {
  content: "\e942";
}
.ficon-ico-main_menu-settings:before {
  content: "\e943";
}
.ficon-ico-settings:before {
  content: "\e913";
}
.ficon-ico-quarantine:before {
  content: "\e911";
}
.ficon-ico-flag-full:before {
  content: "\e922";
}
.ficon-add:before {
  content: "\e944";
}
.ficon-add-new-user:before {
  content: "\e945";
}
.ficon-calendar:before {
  content: "\e946";
}
.ficon-check:before {
  content: "\e947";
}
.ficon-close:before {
  content: "\e948";
}
.ficon-ico-menu_del:before {
  content: "\e949";
}
.ficon-remove:before {
  content: "\e952";
}
.ficon-password-hide:before {
  content: "\e94a";
}
.ficon-password-show:before {
  content: "\e94b";
}
.ficon-search:before {
  content: "\e94c";
}
.ficon-status-critical:before {
  content: "\e939";
}
.ficon-info:before {
  content: "\e93a";
}
.ficon-status-ok:before {
  content: "\e93b";
}
.ficon-status-clean:before {
  content: "\e94d";
}
.ficon-status-normal:before {
  content: "\e94e";
}
.ficon-status-unknow:before {
  content: "\e93c";
}
.ficon-status-no-devices:before {
  content: "\e94f";
}
.ficon-status-warning:before {
  content: "\e93d";
}
.ficon-license-devices:before {
  content: "\e92a";
}
.ficon-license-trial:before {
  content: "\e92b";
}
.ficon-arrow_v:before {
  content: "\e928";
}
.ficon-ico-main_menu-tree:before {
  content: "\e90a";
}
.ficon-ico-done:before {
  content: "\e916";
}
.ficon-menu-sub-active:before {
  content: "\e95a";
}
.ficon-ico-users:before {
  content: "\e914";
}
.ficon-ico-main_menu-users:before {
  content: "\e923";
}
.ficon-ico-clock-24:before {
  content: "\e90c";
}
.ficon-status-clock:before {
  content: "\e927";
}
.ficon-ico-menu_mail:before {
  content: "\e90b";
}
.ficon-ico-menu_save:before {
  content: "\e902";
}
.ficon-ico-menu_properties:before {
  content: "\e900";
}
.ficon-ico-main_menu-profile_settings:before {
  content: "\e903";
}
.ficon-ico-main_menu-control:before {
  content: "\e904";
}
.ficon-ico-main_menu-security:before {
  content: "\e905";
}
.ficon-ico-main_menu-manage:before {
  content: "\e907";
}
.ficon-ico-arrow2-nav:before {
  content: "\e906";
}
.ficon-ico-arrow-nav:before {
  content: "\e908";
}
.ficon-ico-main_menu-networks:before {
  content: "\e60c";
}
.ficon-ico-main_menu-antivirus:before {
  content: "\e60d";
}
.ficon-ico-main_menu-defense:before {
  content: "\e611";
}
.ficon-ico-main_menu-app_control:before {
  content: "\e60e";
}
.ficon-ico-main_menu-webfilter:before {
  content: "\e610";
}
.ficon-ico-main_menu-storages:before {
  content: "\e60b";
}
.ficon-ico-main_menu-devices:before {
  content: "\e605";
}
.ficon-ico-main_menu-distr:before {
  content: "\e606";
}
.ficon-ico-main_menu-monitor:before {
  content: "\e607";
}
.ficon-ico-main_menu-profiles:before {
  content: "\e608";
}
.ficon-ico-menu_manage:before {
  content: "\e602";
}
.ficon-ico-menu_move:before {
  content: "\e603";
}
.ficon-ico-menu_more:before {
  content: "\e604";
}
.ficon-video:before {
  content: "\e95e";
}
.ficon-profiles-security-check:before {
  content: "\e95f";
}
.ficon-scan-detector:before {
  content: "\e960";
}
.ficon-folder:before {
  content: "\e961";
}
.ficon-file:before {
  content: "\e962";
}
.ficon-export:before {
  content: "\e963";
}
.ficon-import:before {
  content: "\e974";
}
.ficon-configure:before {
  content: "\e964";
}
.ficon-edr-event-file-drop:before {
  content: "\e965";
}
.ficon-edr-event-inject:before {
  content: "\e966";
}
.ficon-edr-event-network-connection:before {
  content: "\e967";
}
.ficon-edr-event-registry:before {
  content: "\e968";
}
.ficon-edr-event-spawn:before {
  content: "\e969";
}
.ficon-edr-parent-node:before {
  content: "\e96a";
}
.ficon-link-external:before {
  content: "\e96b";
}
.ficon-menu:before {
  content: "\e96c";
}
.ficon-plus:before {
  content: "\e96d";
}
.ficon-minus:before {
  content: "\e96e";
}
.ficon-target:before {
  content: "\e96f";
}
.ficon-wizard:before {
  content: "\e970";
}
.ficon-status-error:before {
  content: "\e971";
}
.ficon-workstation:before {
  content: "\e972";
}
.ficon-profiles-cloud-discovery-sidebar:before {
  content: "\e973";
}
.ficon-cancel-icon:before {
  content: "\e975";
}
.ficon-response-icon:before {
  content: "\e976";
}
.ficon-device-scope-icon:before {
  content: "\e977";
}
.ficon-threats-number-icon:before {
  content: "\e978";
}
.ficon-warning-search-icon:before {
  content: "\e979";
}
.ficon-warning-status-icon:before {
  content: "\e97a";
  color: #f9c559;
}
.ficon-critical-status-icon:before {
  content: "\e97b";
  color: #b21a35;
}
.ficon-high-status-icon:before {
  content: "\e97c";
  color: #fa625b;
}
.ficon-low-status-icon:before {
  content: "\e97d";
  color: #b2b8bf;
}
.btn,
.ui.button {
  border-radius: 0;
  margin: 0 20px 0 0;
  box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.1);
}
.btn:last-child,
.ui.button:last-child {
  margin: 0;
}
.btn-group,
.ui.button-group {
  margin: 0 20px 0 0;
}
.btn-group:last-child,
.ui.button-group:last-child {
  margin: 0;
}
.btn-group .ficon-arrow_v,
.ui.button-group .ficon-arrow_v {
  display: inline-block;
  height: 1em;
  line-height: 10px;
}
.btn-group.active .ficon-arrow_v,
.ui.button-group.active .ficon-arrow_v {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn {
  border-radius: 4px;
}
.btn-default {
  color: #1E856F;
  background-color: #fff;
  border-color: #b3b3b3;
  font-weight: 500;
}
.btn-primary {
  color: #fff;
  background-color: #1E856F;
  border-color: #1E856F;
  box-shadow: none;
  font-weight: 500;
}
.btn-primary:hover {
  background: #23d1ae;
  border-color: #23d1ae;
  box-shadow: none;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background: #006d5c;
  border-color: #006d5c;
  box-shadow: none;
}
.btn-primary.__disabled,
.btn-primary[__disabled],
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.__disabled:hover,
.btn-primary[__disabled]:hover,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.__disabled:focus,
.btn-primary[__disabled]:focus,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.__disabled.focus,
.btn-primary[__disabled].focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.__disabled:active,
.btn-primary[__disabled]:active,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.__disabled.active,
.btn-primary[__disabled].active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
  box-shadow: none;
  opacity: 1;
}
.btn-primary.progress {
  border-bottom-color: transparent;
  position: relative;
}
.btn-primary.progress:before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #fff 5px, #fff 10px) fixed;
  animation: state-progress 2s infinite linear;
  background-position: 10px 0;
  bottom: -1px;
  left: 0;
  right: 0;
}
.btn-danger {
  color: #fff;
  background-color: #ed2939;
  border-color: #ed2939;
  box-shadow: 0 3px 1px -1px rgba(189, 28, 41, 0.3);
  font-weight: 500;
}
.btn-danger:hover {
  background: #ff4455;
  border-color: #ff4455;
  box-shadow: 0 3px 1px -1px rgba(189, 28, 41, 0.15);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background: #bd1c29;
  border-color: #bd1c29;
  box-shadow: none;
}
.btn-danger.__disabled,
.btn-danger[__disabled],
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.__disabled:hover,
.btn-danger[__disabled]:hover,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.__disabled:focus,
.btn-danger[__disabled]:focus,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.__disabled.focus,
.btn-danger[__disabled].focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.__disabled:active,
.btn-danger[__disabled]:active,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.__disabled.active,
.btn-danger[__disabled].active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
  box-shadow: none;
  opacity: 1;
}
.btn-danger.progress {
  border-bottom-color: transparent;
  position: relative;
}
.btn-danger.progress:before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #fff 5px, #fff 10px) fixed;
  animation: state-progress 2s infinite linear;
  background-position: 10px 0;
  bottom: -1px;
  left: 0;
  right: 0;
}
.btn-sys {
  background: #fff;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.89);
  padding: 8px 10px;
  font-weight: 500;
  white-space: nowrap;
}
.btn-sys:hover {
  background: #fff;
  border-color: #ccc;
  box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.05);
  color: #23d1ae;
}
.btn-sys:active,
.btn-sys.active,
.open > .dropdown-toggle.btn-sys,
.active > .dropdown-toggle.btn-sys {
  background: #f2f2f2;
  border-color: #999;
  box-shadow: none;
}
.btn-sys.disabled,
.btn-sys[disabled],
fieldset[disabled] .btn-sys,
.btn-sys.disabled:hover,
.btn-sys[disabled]:hover,
fieldset[disabled] .btn-sys:hover,
.btn-sys.disabled:focus,
.btn-sys[disabled]:focus,
fieldset[disabled] .btn-sys:focus,
.btn-sys.disabled.focus,
.btn-sys[disabled].focus,
fieldset[disabled] .btn-sys.focus,
.btn-sys.disabled:active,
.btn-sys[disabled]:active,
fieldset[disabled] .btn-sys:active,
.btn-sys.disabled.active,
.btn-sys[disabled].active,
fieldset[disabled] .btn-sys.active {
  color: #b3b3b3;
  background: #f2f2f2;
  border-color: #ccc;
  cursor: default;
  box-shadow: none;
  opacity: 1;
}
.btn-sys.progress {
  border-bottom-color: transparent;
  position: relative;
}
.btn-sys.progress:before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #a3aeb6 5px, #a3aeb6 10px) fixed;
  animation: state-progress 2s infinite linear;
  background-position: 10px 0;
  bottom: -1px;
  left: 0;
  right: 0;
}
.btn-locker {
  font-family: 'b2b-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 2px 2px 4px 7px;
  color: #6b777e;
  margin: 0 5px 0 0;
  font-size: 12px;
}
.btn-locker:before {
  content: "\e98f";
}
.btn-locker.state-unlocked:before {
  content: "\e990";
}
.btn-locker.state-pressed {
  box-shadow: inset 0 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.btn-clear {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}
.wizard-footer .btn-clear {
  margin: 0 20px 0 0;
}
.wizard-footer .btn-clear:last-child {
  margin: 0;
}
.btn-link {
  white-space: nowrap;
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  color: #1e856f;
  text-decoration: underline;
  text-align: left;
  font-weight: 300;
}
.btn-link.w-icon {
  text-decoration: none;
}
.btn-link.w-icon .ficon {
  margin-right: 3px;
}
.btn-link:hover {
  text-decoration: none;
}
.btn-link:hover .btn-link-text {
  text-decoration: none;
}
.btn-link .ficon-ico-arrow-nav,
.btn-link .ficon-ico-arrow2-nav {
  margin: 0 4px;
}
.wizard-footer .btn-link {
  margin: 0 20px 0 0;
}
.wizard-footer .btn-link:last-child {
  margin: 0;
}
.ui.button {
  border-color: #a3aeb6;
  background: #e6ecee;
  box-shadow: inset 0 1px 0 0 #fff, 0 2px 3px -1px rgba(0, 0, 0, 0.1);
  color: #333;
  padding: 9px 10px;
}
.ui.button:hover {
  background: #fafafa;
}
.ui.button:active,
.ui.button.active,
.open > .dropdown-toggle.ui.button,
.active > .dropdown-toggle.ui.button {
  background: #b6bfc1;
  box-shadow: none;
}
.ui.button.disabled,
.ui.button[disabled],
fieldset[disabled] .ui.button,
.ui.button.disabled:hover,
.ui.button[disabled]:hover,
fieldset[disabled] .ui.button:hover,
.ui.button.disabled:focus,
.ui.button[disabled]:focus,
fieldset[disabled] .ui.button:focus,
.ui.button.disabled.focus,
.ui.button[disabled].focus,
fieldset[disabled] .ui.button.focus,
.ui.button.disabled:active,
.ui.button[disabled]:active,
fieldset[disabled] .ui.button:active,
.ui.button.disabled.active,
.ui.button[disabled].active,
fieldset[disabled] .ui.button.active {
  color: #333;
  background: #f4f6f6;
  cursor: default;
  box-shadow: inset 0 1px 0 0 #fff;
}
@keyframes state-progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 100px;
  }
}
@keyframes state-progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 100px;
  }
}
.btn-rename {
  font-size: 15px;
  margin: 0 5px;
}
.btn-rename:hover {
  color: #3c8dcc;
}
.btn-wrapper-inline {
  display: inline-block;
}
/* if 'button' inside 'kl-cc-button' element */
kl-cc-button {
  display: inline-block;
  margin: 0 20px 0 0;
}
kl-cc-button .btn {
  margin: 0;
}
kl-cc-button:last-child {
  margin: 0;
}
kl-cc-select-dropdown {
  display: inline-block;
}
.form .control-label {
  padding: 8px 15px;
}
.form .btn:last-child {
  margin-right: 0;
}
.form .btn:first-child {
  margin-left: 0;
}
.form .form-tooltip {
  color: #999999;
  font-size: 12px;
}
.form-group {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  max-width: 736px;
}
.table .form-group {
  margin: 0;
}
.table .form-group.group-row {
  display: inline-block;
}
[disabled] .form-group {
  opacity: 0.5;
}
[disabled] .form-group .form-label,
[disabled] .form-group .form-input {
  opacity: 1;
}
.form-group.size-half {
  width: 300px;
}
.form-group.group-row {
  display: table;
  width: 100%;
  max-width: 710px;
}
.form-group.group-row.label-stretch {
  width: auto;
  min-width: 170px;
}
.form-group.group-row.label-stretch .form-label {
  width: auto;
}
.form-group.group-row.label-full {
  width: auto;
  min-width: 170px;
}
.form-group.group-row.label-full .form-label {
  width: 100%;
}
.form-group.group-row .form-label {
  display: table-cell;
  padding: 4px 20px 0 0;
  width: 170px;
  vertical-align: top;
}
[dir="rtl"] .form-group.group-row .form-label {
  padding: 4px 0 0 20px;
}
.form-group.group-row-label {
  display: table-cell;
  padding: 0 20px 0 0;
  width: 170px;
}
[dir="rtl"] .form-group.group-row-label {
  padding: 0 0 0 20px;
}
.form-group.group-row-label .form-label {
  display: inline-block;
  width: auto;
  padding: 0;
}
.form-group.group-row-wrap {
  display: table-cell;
}
.form-group__description {
  color: #333333;
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
}
.form-splited .splited-wrap {
  display: table;
  width: 100%;
}
.form-splited .splited-item {
  display: table-cell;
  vertical-align: top;
}
.form-splited .splited-port {
  width: 60px;
}
.form-splited .splited-sep {
  width: 6px;
  padding: 0 3px;
  vertical-align: middle;
  text-align: center;
}
.form-splited .splited-password-input {
  width: 100%;
}
.form-splited .splited-password-button .btn {
  margin: 19px 0 0 10px;
}
.form-label {
  margin-bottom: 3px;
  display: inline-block;
}
[disabled] .form-label {
  opacity: 0.5;
}
.group-label {
  margin: 25px 0 7px 0;
}
.form-caption {
  font-weight: 500;
  margin: 25px 0 10px 0;
  font-size: 18px;
  color: #333;
}
.form-controlbox-wrap {
  border: 1px solid #a3aeb6;
  background: #fff;
  margin-top: 10px;
  display: block;
  overflow: auto;
}
.form-controlbox-wrap.has-error,
.has-error .form-controlbox-wrap {
  border: 1px solid #a94442;
}
.form-controlbox-wrap .b-control {
  border-top: none;
}
.form-controlbox-wrap .table thead {
  border-bottom: 1px solid #d5dfe3;
}
.form-controlbox-wrap .table tbody {
  border: none;
}
.form-controlbox-wrap .checkbox-label {
  margin: 0;
}
.form-controlbox-content {
  min-height: 200px;
}
.form-controlbox-content.size-h300 {
  max-height: 300px;
  overflow: scroll;
  overflow-x: hidden;
}
.form-controlbox-content.editor-scroll {
  max-height: 500px;
  overflow: auto;
}
.form-input {
  color: #555;
  background: #fff;
  border: 1px solid #b3b3b3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s, background-color ease 500ms;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease 500ms;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease 500ms;
  height: var(--form-input-height, 32px);
}
.form-input:focus,
.form-input:active {
  border-color: #00a89e;
  color: #6b777e;
  -webkit-box-shadow: inset 0 1px 1px rgba(60, 141, 204, 0.25);
  box-shadow: inset 0 1px 1px rgba(60, 141, 204, 0.25);
}
.form-input.small {
  padding: 3px 6px;
  height: 30px;
}
.form-input.input-intext {
  margin: 2px;
}
.form-input.size-num {
  width: 50px;
  padding-right: 0;
}
[dir="rtl"] .form-input.size-num {
  padding-left: 0;
  padding-right: 12px;
}
.form-input.input-time {
  width: 70px;
}
.form-input.size-half {
  width: 350px;
  padding-right: 0;
}
.has-error .form-input,
.form-input.has-error {
  border-color: #a94442;
}
select.form-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url('select-arrow-grey.svg') no-repeat 98% center;
  padding-right: 28px;
  padding-left: 8px;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.1);
}
[dir="rtl"] select.form-input {
  padding-left: 28px;
  padding-right: 8px;
  background-position: 0 center;
}
select.form-input:focus,
select.form-input:active {
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.1);
}
select.form-input.small {
  padding: 3px 20px 3px 6px;
  height: 30px;
}
[dir="rtl"] select.form-input.small {
  padding: 3px 6px 3px 20px;
}
select.form-input::-ms-expand {
  display: none;
}
.form-input-clear {
  background: transparent;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*-ms-user-select: none;
        user-select: none;*/
  height: auto;
}
.form-input-clear::-ms-expand {
  display: none;
}
.form-input-clear::-ms-clear {
  display: none;
}
.form-input-clear:focus,
.form-input-clear:active {
  outline: none;
  cursor: text;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-input ~ label {
  margin-top: 5px;
}
.form-select_text {
  display: inline-block;
  padding: 0 15px 0 0;
  margin: 0;
  width: auto;
  overflow: hidden;
  -ms-user-select: none;
  position: relative;
}
.form-select_text:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #3c8dcc transparent transparent transparent;
}
.form-select_text .form-input {
  background: transparent;
  color: #3c8dcc;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  width: 137%;
  height: 22px;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-user-select: none;
  user-select: none;
}
.form-select_text .form-input::-ms-expand {
  display: none;
}
select.form-input option:disabled,
select.form-input option[selected]:disabled {
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none;
  color: #B9C1C4;
  background-color: transparent;
}
.form-textarea-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  resize: none;
}
.form-textarea-full-wrap {
  margin: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.updates-eula-textarea {
  display: block;
  margin: 20px 0;
  width: 100%;
  height: 200px;
  padding: 10px;
}
.upload {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.upload-real {
  -webkit-appearance: button;
  height: 32px;
  width: 100%;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.upload-real::-webkit-file-upload-button {
  cursor: pointer;
}
.upload-button.btn {
  margin: 0;
}
.select-mid {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.fieldset {
  margin: 0 0 20px 0;
}
.fieldset-subgroup {
  margin: 15px 0 30px 20px;
}
.fieldset-subgroup .parameter {
  margin: 20px 0;
}
[disabled] .state-switch {
  opacity: 0.5;
}
.input-rename {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #a3aeb6;
  font-size: 24px;
  color: #6b777e;
}
.input-rename:focus,
.input-rename:active {
  border-color: #a3aeb6;
  color: #6b777e;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.box-date {
  display: inline-block;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  border: 1px solid #a3aeb6;
  border-radius: 0;
  white-space: nowrap;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s, background-color ease 500ms;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease 500ms;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease 500ms;
  cursor: default;
}
.box-date-input {
  width: 22px;
  border: none;
  background: transparent;
  margin: 0 2px;
  cursor: default;
  text-align: center;
}
.box-date-input:first-child {
  text-align: right;
}
.box-date-input:focus,
.box-date-input:active {
  outline: none;
  cursor: text;
}
.box-date-input:hover {
  color: #3c8dcc;
}
.box-date-input._year {
  width: 29px;
}
.box-date-sep {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.has-error .box-date,
.box-date.has-error {
  border-color: #a94442;
}
.highlight .box-date,
.box-date.highlight {
  background-color: #fffba3;
  -webkit-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.form-lockable {
  position: relative;
  padding-left: 40px;
  max-width: 710px;
}
.form-lockable .btn-locker {
  position: absolute;
  top: 2px;
  left: 0;
}
.radio-label {
  white-space: nowrap;
  display: inline-block;
  margin: 4px 20px 4px 0;
  cursor: pointer;
}
.kl-auto-form-trigger,
.kl-auto-component-toggle {
  display: block;
  margin-bottom: 30px;
}
.kl-auto-form-trigger .ui.grid,
.kl-auto-component-toggle .ui.grid {
  display: block;
}
.kl-auto-form-trigger .column.full,
.kl-auto-component-toggle .column.full {
  margin-bottom: 5px;
}
.kl-auto-form-trigger .ui.button,
.kl-auto-component-toggle .ui.button {
  box-shadow: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  text-decoration: underline;
  color: #00a89e;
}
.kl-auto-form-trigger .ui.button:hover,
.kl-auto-component-toggle .ui.button:hover {
  text-decoration: none;
}
.kl-auto-component-toggle .control-description {
  margin-bottom: 10px;
}
.kl-auto-component-toggle .ui.grid {
  margin-left: 42px;
}
.kl-auto-component-toggle .ui.grid .ui.toggle.checkbox {
  margin: 0 0 0 -42px;
}
kl-cc-form-trigger .parameter {
  display: block;
  width: auto;
}
kl-cc-form-trigger .parameter-col {
  display: block;
  padding: 0;
}
kl-cc-form-trigger .parameter-col:first-child {
  margin-bottom: 10px;
}
kl-cc-form-trigger .parameter-col.align-right {
  text-align: left;
}
kl-cc-form-trigger .btn.btn-sys {
  box-shadow: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  text-decoration: underline;
  color: #00a89e;
}
kl-cc-form-trigger .btn.btn-sys:hover {
  text-decoration: none;
}
kl-cc-component-toggle .parameter {
  display: block;
  width: auto;
}
kl-cc-component-toggle .parameter-col {
  display: block;
  padding: 0;
  margin-left: 42px;
}
kl-cc-component-toggle .parameter-col .trigger-wrap {
  margin-left: -42px;
}
kl-cc-component-toggle .parameter-col .trigger-wrap .checkbox-text.parameter-name {
  margin: 2px 0 0 0.3em;
}
kl-cc-component-toggle .parameter-col:first-child {
  margin-bottom: 5px;
}
kl-cc-component-toggle .parameter-col.align-right {
  text-align: left;
}
kl-cc-component-toggle .btn.btn-sys {
  box-shadow: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  text-decoration: underline;
  color: #00a89e;
}
kl-cc-component-toggle .btn.btn-sys:hover {
  text-decoration: none;
}
kl-cc-raw kl-cc-toggle {
  display: block;
  margin-bottom: 20px;
}
kl-cc-raw kl-cc-toggle .trigger-descr {
  margin: 5px 42px;
}
kl-auto-raw kl-auto-toggle {
  margin-bottom: 10px;
}
kl-auto-raw .listeditor kl-auto-toggle {
  margin: 0;
}
kl-auto-raw:not(:first-child) > kl-auto-header .ui.header {
  margin-top: 30px;
  margin-bottom: 15px;
}
kl-auto-raw:not(:first-child) .kl-auto-form-trigger {
  margin-top: 20px;
}
/* pseudo-semantic css for real-semantic markup */
.ui.form {
  position: relative;
  max-width: 100%;
  font-size: 14px;
}
.ui.checkbox {
  position: relative;
  display: inline-block;
  backface-visibility: hidden;
  outline: 0;
  vertical-align: middle;
  font-style: normal;
  min-height: 15px;
  font-size: 14px;
  line-height: 15px;
  min-width: 15px;
}
.ui.checkbox input[type=checkbox],
.ui.checkbox input[type=radio] {
  cursor: pointer;
  position: absolute;
  top: 9px;
  left: 0;
  opacity: 0!important;
  outline: 0;
  z-index: 3;
  width: 15px;
  height: 15px;
}
.ui.checkbox input[type=checkbox][hidden],
.ui.checkbox input[type=radio][hidden] {
  display: none;
}
.ui.checkbox input[type=checkbox] {
  border-radius: 4px;
}
.ui.checkbox .box,
.ui.checkbox label {
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: 0;
  font-size: 14px;
  margin: 6px 20px 6px 0;
  cursor: pointer;
}
.listeditor .ui.checkbox .box,
.listeditor .ui.checkbox label {
  margin: 0;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  content: '';
  background: #fff;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  border: 1px solid #acacac;
  border-radius: 4px;
}
.ui.checkbox .box:after,
.ui.checkbox label:after {
  content: '';
  width: 9px;
  height: 6px;
  display: inline-block;
  border: 2px solid #00a89e;
  border-top: none;
  border-right: none;
  position: absolute;
  top: 3px;
  left: 3px;
  transform: rotate(-45deg) scale(1);
  opacity: 0;
}
.ui.checkbox.labeless label {
  margin: 0;
}
.ui.checkbox.labeless input[type=checkbox],
.ui.checkbox.labeless input[type=radio] {
  top: 0;
}
.ui.checkbox.radio label {
  margin: 4px 20px 4px 0;
}
.ui.checkbox.radio label:before {
  content: '';
  transform: none;
  border-radius: 50%;
  top: 0;
  left: 0;
}
.ui.checkbox.radio label:after {
  border: none;
  content: '' !important;
  line-height: 15px;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  transition: all 200ms ease;
  transform: scale(0.46666667);
  background-color: #00a89e;
}
.ui.checkbox.toggle {
  display: block;
}
.ui.checkbox.toggle input {
  width: 32px;
  height: 16px;
  margin: 0;
  top: 0;
}
.ui.checkbox.toggle label {
  min-height: 20px;
  padding-left: 42px;
  color: #333;
  margin: 2px 0;
  cursor: pointer;
  font-weight: 500;
  z-index: 0;
}
.ui.checkbox.toggle label:before {
  display: block;
  position: absolute;
  content: '';
  z-index: 1;
  transform: none;
  border: none;
  top: -1px;
  box-shadow: none;
  width: 32px;
  height: 16px;
  border-radius: 20px;
  background: #b3b3b3;
  cursor: pointer;
  transition: all 200ms ease;
}
.ui.checkbox.toggle label:after {
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: transparent;
  box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.15);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  left: 2px;
  cursor: pointer;
  top: 1px;
  transition: all 200ms ease;
}
.ui.checkbox.toggle input:checked ~ label:before {
  background-color: #00a89e !important;
}
.ui.checkbox.toggle input:checked ~ label:after {
  left: 18px;
  box-shadow: none;
}
.ui.checkbox input:checked ~ label:after {
  opacity: 1;
}
.multi-line-eula-block {
  padding-left: 24px;
}
.multi-line-eula-block .checkbox-wrapper {
  margin-left: -24px;
}
.multi-line-eula-block {
  padding-left: 24px;
}
.multi-line-eula-block .checkbox-wrapper {
  margin-left: -24px;
}
.checkbox-wrapper.no-title {
  display: inline-block;
  width: 20px;
}
.control-description {
  margin-bottom: 30px;
  color: #1D1D1B;
  font-size: 14px;
}
.control-description ~ .ui.toggle.checkbox {
  margin-bottom: 0;
}
.kl-component-toggle .ui.toggle,
.kl-auto-component-toggle .ui.toggle {
  margin-bottom: 10px;
}
kl-state-selector .field,
kl-auto-state-selector .field {
  margin: 0;
}
kl-state-selector .grouped.fields label,
kl-auto-state-selector .grouped.fields label {
  display: inline-block;
  margin-bottom: 8px;
}
kl-select select,
kl-auto-select select {
  display: block;
  height: auto;
  width: 100%;
  background: #fff;
  font-size: 14px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.1);
  height: 34px;
  color: #555;
  transition: color 0.1s ease, border-color 0.1s ease;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(select-arrow-grey.svg) 98% center no-repeat #fff;
  padding: 6px 12px;
  padding-right: 28px;
  padding-left: 8px;
}
kl-select select:disabled,
kl-auto-select select:disabled {
  color: #cccccc;
  border: solid 1px #cccccc;
  background-color: #f2f2f2;
  background: url(select-arrow-grey.svg) 98% center no-repeat #fff;
}
kl-select select:focus,
kl-auto-select select:focus {
  outline: #b3b3b3 auto 1px;
}
kl-select.dark select,
kl-auto-select.dark select {
  background-color: #2d2d2d;
}
kl-select.dark select:not([disabled]),
kl-auto-select.dark select:not([disabled]) {
  color: #fff;
  background: url(select-arrow-white.svg) 98% center no-repeat #2d2d2d;
}
kl-select.dark select option,
kl-auto-select.dark select option {
  background-color: white;
  color: #555555;
}
.field {
  display: block;
  margin: 10px 0;
  max-width: 736px;
}
.listeditor .field {
  margin: 0;
}
.field > label {
  margin-bottom: 3px;
  display: inline-block;
}
.field > label .form-label {
  margin: 0;
}
.field .field {
  margin: 0;
  max-width: auto;
}
.title1 {
  margin: 32px 0px 20px 0px;
  display: block;
  font-weight: 400;
  font-size: 16px;
}
.subtitle1 {
  margin: 20px 0px 15px 0;
  display: block;
  font-weight: 500;
}
.subtitle2 {
  margin: -5px 0 20px 0;
  display: block;
  color: #666666;
}
.toogle-description {
  margin: -10px 0 30px 42px;
  display: block;
}
.text1 {
  margin: 3px 0;
}
.inline-input .group-row-wrap {
  display: inline-block;
}
kl-time-input.field.field-row,
kl-date-input.field.field-row,
kl-auto-time-input.field.field-row,
kl-auto-date-input.field.field-row {
  display: flex;
}
kl-time-input.field.field-row > label,
kl-date-input.field.field-row > label,
kl-auto-time-input.field.field-row > label,
kl-auto-date-input.field.field-row > label {
  padding: 4px 10px 0 0;
  min-width: 235px;
}
.ui.grid {
  display: flex;
}
.ui.grid > .column.full {
  flex: 1;
}
.ui.control-bar {
  background: #e6ecee;
  padding: 5px 10px;
  border-bottom: 1px solid #d5dfe3;
}
kl-toolbar-item .ui.button,
kl-auto-toolbar-item .ui.button,
kl-toolbar-item .ui.button:hover,
kl-auto-toolbar-item .ui.button:hover,
kl-toolbar-item .ui.button:active,
kl-auto-toolbar-item .ui.button:active,
kl-toolbar-item .ui.button[disabled],
kl-auto-toolbar-item .ui.button[disabled] {
  border: none;
  box-shadow: none;
  border-radius: none;
  background: transparent;
}
kl-toolbar-item .ui.button:hover,
kl-auto-toolbar-item .ui.button:hover,
kl-toolbar-item .ui.button:active,
kl-auto-toolbar-item .ui.button:active {
  color: #00a89e;
}
kl-toolbar-item .ui.button i.icon,
kl-auto-toolbar-item .ui.button i.icon {
  display: inline-block;
  margin: 0 0.3em 0 0;
  vertical-align: text-bottom;
}
.kl-auto-form-trigger {
  display: block;
  margin-bottom: 30px;
}
.kl-auto-raw kl-auto-button.custom-component-button-sys {
  padding-right: 0px;
}
.kl-auto-raw .margin-text {
  margin-left: 42px;
  font-size: 14px;
  color: #1D1D1B;
  margin-top: -7px;
  position: absolute;
}
.kl-auto-raw .custom-component {
  margin-bottom: 15px;
}
.kl-auto-raw .custom-component-notation {
  color: #333;
  font-weight: 500;
  font-family: "MuseoSans", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 15px;
  min-height: 20px;
  display: block;
  margin: 2px 0;
}
.kl-auto-raw .custom-component-notation-button {
  color: #00a89e;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  padding-bottom: 8px;
  min-height: 20px;
  display: block;
  background: none!important;
  border: none;
  text-decoration: underline;
  padding-left: 0!important;
  margin-bottom: 4px;
}
.kl-auto-raw .custom-component-notation-button button {
  margin-top: -4px !important;
  margin-bottom: 8px !important;
  box-shadow: none;
}
.kl-auto-raw .custom-component-notation-button:hover {
  text-decoration: none;
}
.kl-auto-raw .custom-component-description {
  display: block;
  color: #1D1D1B;
  font-family: "MuseoSans", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.2;
  font-size: 14px;
  margin-top: 10px;
}
.kl-auto-raw .custom-component-toggle {
  margin-bottom: 0;
}
.kl-auto-raw .custom-component-button {
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  display: block;
  margin-top: 10px;
}
.kl-auto-raw .custom-component-button.cloud-services div:first-child {
  margin-top: -8px;
  font-weight: 300;
  padding-bottom: 20px;
}
.kl-auto-raw .custom-component-button-sys {
  border-color: #b3b3b3;
  background: #fff;
  color: #00a89e;
  padding: 8px 10px;
  font-weight: 500;
}
.kl-auto-raw .custom-component-button-sys:hover {
  background: #fff;
  border-color: #ccc;
  color: #23d1ae;
}
.kl-auto-raw .custom-component-button-sys:active,
.kl-auto-raw .custom-component-button-sys.active,
.open > .dropdown-toggle.kl-auto-raw .custom-component-button-sys,
.active > .dropdown-toggle.kl-auto-raw .custom-component-button-sys {
  background: #f2f2f2;
  border-color: #999;
  box-shadow: none;
}
.kl-auto-raw .custom-component-button-sys.disabled,
.kl-auto-raw .custom-component-button-sys[disabled],
fieldset[disabled] .kl-auto-raw .custom-component-button-sys,
.kl-auto-raw .custom-component-button-sys.disabled:hover,
.kl-auto-raw .custom-component-button-sys[disabled]:hover,
fieldset[disabled] .kl-auto-raw .custom-component-button-sys:hover,
.kl-auto-raw .custom-component-button-sys.disabled:focus,
.kl-auto-raw .custom-component-button-sys[disabled]:focus,
fieldset[disabled] .kl-auto-raw .custom-component-button-sys:focus,
.kl-auto-raw .custom-component-button-sys.disabled.focus,
.kl-auto-raw .custom-component-button-sys[disabled].focus,
fieldset[disabled] .kl-auto-raw .custom-component-button-sys.focus,
.kl-auto-raw .custom-component-button-sys.disabled:active,
.kl-auto-raw .custom-component-button-sys[disabled]:active,
fieldset[disabled] .kl-auto-raw .custom-component-button-sys:active,
.kl-auto-raw .custom-component-button-sys.disabled.active,
.kl-auto-raw .custom-component-button-sys[disabled].active,
fieldset[disabled] .kl-auto-raw .custom-component-button-sys.active {
  color: #b3b3b3;
  background: #f2f2f2;
  border-color: #ccc;
  cursor: default;
  box-shadow: none;
  opacity: 1;
}
.kl-auto-raw .custom-component-button-sys.progress {
  border-bottom-color: transparent;
  position: relative;
}
.kl-auto-raw .custom-component-button-sys.progress:before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #a3aeb6 5px, #a3aeb6 10px) fixed;
  animation: state-progress 2s infinite linear;
  background-position: 10px 0;
  bottom: -1px;
  left: 0;
  right: 0;
}
.kl-auto-raw .custom-component-padding-left {
  padding-left: 42px;
}
.custom-component {
  margin-bottom: 15px;
}
.content-scroll.wizard-licenseWrap.no-padding {
  padding: 0;
}
.profile-members-button {
  width: 140px;
}
.create-group-popup-form .form-group-label {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 12px;
  display: block;
}
.create-group-popup-form .form-group {
  margin: 0;
  margin-bottom: 24px;
}
.create-group-popup-table .table-grid {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  border: 1px solid #d5dfe3;
  height: 100%;
}
.create-group-popup-table .table-row {
  display: flex;
  flex-direction: row;
  padding: 12px 16px;
  border-bottom: 1px solid #d5dfe3;
}
.create-group-popup-table .table-row:last-child {
  border-bottom: none;
}
.create-group-popup-table .table-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  position: sticky;
  top: 0;
  z-index: 1;
  background: white;
  border-bottom: 1px solid #d5dfe3;
}
.create-group-popup-table .table-body {
  overflow-y: auto;
}
.create-group-popup-table .checkbox-cell {
  width: 10%;
}
.create-group-popup-table .user-cell,
.create-group-popup-table .group-cell {
  padding-left: 12px;
  width: 55%;
  color: #1D1D1B;
  font-weight: 300;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.create-group-popup-table .user-cell .user-email,
.create-group-popup-table .group-cell .user-email {
  color: #666666;
}
.create-group-popup-table .group-cell {
  width: 35%;
}
.tree .node {
  display: block;
}
.tree .sub-nodes {
  margin-left: 15px;
}
.tree .ui.checkbox {
  display: none;
}
.tree kl-auto-locale[key*="Selected entries"] {
  display: none;
}
kl-auto-data-table-cell[kl-id="vMUZ6EPkRP"] > div > kl-auto-control-set {
  display: flex;
}
.cloud-discovery-group-icon {
  margin: 24px;
}
.cloud-discovery-group-label {
  font-weight: 500;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] thead tr td:first-child,
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:first-child {
  width: 1em;
  min-width: 1em;
  max-width: 1em;
  padding-right: 0;
  white-space: nowrap;
  font-weight: 500;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:first-child + td {
  width: 20em;
  min-width: 20em;
  max-width: 20em;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:first-child + td + td {
  width: 20em;
  min-width: 20em;
  max-width: 20em;
  white-space: nowrap;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:first-child + td + td kl-auto-control-set {
  display: flex;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:first-child + td + td kl-auto-control-set kl-auto-raw:last-child {
  white-space: nowrap;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:first-child + td + td kl-auto-control-set kl-auto-raw:last-child kl-auto-link div {
  white-space: nowrap;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:first-child + td + td kl-auto-control-set kl-auto-raw:last-child kl-auto-link {
  font-weight: 500;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:first-child + td + td kl-auto-control-set kl-auto-raw:last-child kl-auto-link div:before {
  content: "|";
  margin-left: 4px;
  margin-right: 4px;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:first-child + td + td kl-auto-control-set select {
  width: 8em;
  margin-left: 18px;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] tbody tr td:last-child {
  width: 60em;
  min-width: 2em;
  max-width: 20em;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] thead tr td {
  font-weight: 500;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] thead tr td:first-child + td kl-auto-locale {
  margin-left: -20px;
}
kl-auto-data-table[kl-id="QedFo@$NRB"] .form-controlbox-content {
  min-height: 0px;
}
kl-auto-data-table[kl-id="MbOPE4fNBp"] table tr td:not(:last-child) {
  white-space: nowrap;
}
kl-auto-data-table[kl-id="MbOPE4fNBp"] table tr td:last-child {
  width: 100%;
}
kl-auto-data-table[kl-id="BkZILr38WM"] table tr td:not(:last-child) {
  white-space: nowrap;
}
kl-auto-data-table[kl-id="BkZILr38WM"] table tr td:last-child {
  width: 100%;
}
kl-auto-data-table[kl-id="HJW0@N$Hbf"] table tr td:not(:last-child) {
  white-space: nowrap;
}
kl-auto-data-table[kl-id="HJW0@N$Hbf"] table tr td:last-child {
  width: 100%;
}
kl-auto-data-table[kl-id="5YP4cYwSTp"] table tr td:not(:last-child) {
  white-space: nowrap;
}
kl-auto-data-table[kl-id="5YP4cYwSTp"] table tr td:last-child {
  width: 100%;
}
div[id="XydFlvvINKL2"] div table tr td:not(:last-child) {
  white-space: nowrap;
}
div[id="XydFlvvINKL2"] div table tr td:last-child {
  width: 100%;
}
div[id="N!ze2wi0oiP8"] div table tr td:not(:last-child) {
  white-space: nowrap;
}
div[id="N!ze2wi0oiP8"] div table tr td:last-child {
  width: 100%;
}
kl-auto-form[form-id="2amwHk25S"] kl-auto-raw[klindex="3"] kl-auto-control-group div kl-auto-control-set {
  display: flex;
  flex-direction: row;
  align-items: center;
}
kl-auto-form[form-id="2amwHk25S"] kl-auto-raw[klindex="3"] kl-auto-control-group div kl-auto-control-set kl-auto-raw:first-child {
  width: 100%;
}
kl-auto-form[form-id="2amwHk25S"] kl-auto-raw[klindex="3"] kl-auto-control-group div kl-auto-control-set kl-auto-raw:first-child kl-auto-textbox {
  width: 100%;
  max-width: 100%;
}
kl-auto-form[form-id="2amwHk25S"] kl-auto-raw[klindex="3"] kl-auto-control-group div kl-auto-control-set kl-auto-raw:first-child kl-auto-textbox div {
  width: 100%;
  max-width: 100%;
  padding-right: 3px;
}
kl-auto-form[form-id="2amwHk25S"] kl-auto-raw[klindex="3"] kl-auto-control-group div kl-auto-control-set kl-auto-raw:first-child kl-auto-textbox input {
  height: 32px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  box-shadow: inset 0 3px 0 0 rgba(29, 29, 27, 0.05), inset 0 2px 0 0 rgba(29, 29, 27, 0.05);
}
kl-auto-form[form-id="2amwHk25S"] kl-auto-raw[klindex="3"] kl-auto-control-group div kl-auto-control-set kl-auto-raw:first-child kl-auto-textbox input:focus {
  box-shadow: 0 0 0 2px rgba(0, 168, 142, 0.25), inset 0 1px 2px 0 rgba(29, 29, 27, 0.25);
  border: solid 1px #1E856F;
}
kl-auto-form[form-id="2amwHk25S"] kl-auto-raw[klindex="3"] kl-auto-control-group div kl-auto-control-set kl-auto-raw:last-child button {
  border-radius: 3px;
  box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.1);
  border: solid 1px #b3b3b3;
}
kl-auto-form[form-id="2amwHk25S"] kl-auto-raw[klindex="3"] kl-auto-control-group div kl-auto-control-set kl-auto-raw:last-child button.active {
  color: #ffffff;
  box-shadow: 0 3px 1px -1px rgba(0, 84, 72, 0.3);
  background-color: #1E856F;
}
kl-auto-control-group[kl-id="0Tolcjok5F"] kl-auto-raw + kl-auto-raw {
  margin-top: 40px;
  margin-bottom: 8px;
}
kl-auto-control-group[kl-id="0Tolcjok5F"] kl-auto-raw + kl-auto-raw + kl-auto-raw {
  margin-top: 14px;
  margin-bottom: 14px;
}
kl-auto-form-trigger[kl-id="LINKA791D6DD7Ff"] {
  margin-top: 4px !important;
}
kl-auto-form-trigger[kl-id="Si15n9ax8b"] {
  margin: -20px 0 30px 42px !important;
  display: block;
}
kl-auto-text[kl-id="TEXTA791D6DD7Ff"] {
  color: #1D1D1B;
  font-size: 14px;
}
kl-auto-form[form-id="Syfia0zWM"] kl-auto-raw[klindex="7"] {
  margin-top: -6px;
}
kl-auto-state-selector[kl-id="BJ@RS6s8@f"] label:first-child {
  font-weight: 500;
}
kl-auto-state-selector[kl-id="HyZ9A$DrWM"] label:first-child {
  font-weight: 500;
}
kl-auto-checkbox[kl-id="pfyIflyq5W"] label {
  font-weight: 500;
}
kl-auto-checkbox[kl-id="rJes9YvHbf"] {
  margin-bottom: -5px !important;
}
kl-auto-checkbox[kl-id="rJes9YvHbf"] label {
  font-weight: 500;
}
kl-auto-textbox[kl-id="By@ontPrZf"] .field {
  width: 90px;
}
kl-auto-toggle[kl-id="T2gQl6gATB"] {
  margin-bottom: 4px;
}
kl-auto-header[kl-id="qGx2igGcqiB"] .ui.header {
  margin-top: 32px !important;
  margin-bottom: 4px !important;
  font-weight: 500;
  color: #000000;
}
kl-auto-header[kl-id="Hqy3ajGqLx"] .ui.header {
  font-size: 14px !important;
  margin-top: 16px !important;
  margin-bottom: 8px !important;
  font-weight: 500;
  color: #000000;
}
kl-auto-header[kl-id="Zqld323sGa"] .ui.header {
  font-size: 14px !important;
  margin-top: 24px !important;
  margin-bottom: 4px !important;
  font-weight: 500;
  color: #000000;
}
kl-auto-form[form-id="Rht787Fu@"] .indent-1 {
  margin-left: 27px;
}
kl-auto-form[form-id="Rht787Fu@"] .indent-2 {
  margin-left: 54px;
}
kl-auto-select[kl-id="TWg1h7GLafw"] .field {
  width: 240px;
  margin-bottom: 4px;
}
kl-auto-select[kl-id="YRsTGf2GqKg"] .field {
  width: 300px;
}
kl-auto-header[kl-id="Tx2GawZw6"] .ui.header {
  font-size: 14px !important;
  margin-top: 24px !important;
  margin-bottom: 4px !important;
  font-weight: 500;
  color: #000000;
}
kl-auto-data-table[kl-id="Y2gJfAqGT"] .table thead td:first-child,
kl-auto-data-table[kl-id="Y2gJfAqGT"] .table tbody td:first-child {
  padding-left: 20px;
  width: 0;
}
kl-auto-data-table[kl-id="Y2gJfAqGT"] .table thead td:first-child .checkbox-wrap,
kl-auto-data-table[kl-id="Y2gJfAqGT"] .table tbody td:first-child .checkbox-wrap {
  width: 15px;
}
kl-auto-data-table[kl-id="Y2gJfAqGT"] .table thead td:nth-child(2) {
  width: 0;
}
kl-auto-data-table[kl-id="Y2gJfAqGT"] .form-controlbox-wrap {
  margin-top: 8px !important;
}
kl-auto-data-table[kl-id="G1Ba2xuWF"] .table thead td:first-child,
kl-auto-data-table[kl-id="G1Ba2xuWF"] .table tbody td:first-child {
  padding-left: 20px;
  width: 0;
}
kl-auto-data-table[kl-id="G1Ba2xuWF"] .table thead td:first-child .checkbox-wrap,
kl-auto-data-table[kl-id="G1Ba2xuWF"] .table tbody td:first-child .checkbox-wrap {
  width: 15px;
}
kl-auto-data-table[kl-id="G1Ba2xuWF"] .table thead td:nth-child(2) {
  width: 0;
}
kl-auto-data-table[kl-id="G1Ba2xuWF"] .form-controlbox-wrap {
  margin-top: 8px !important;
}
kl-auto-data-table .table thead td {
  font-size: 14px;
}
kl-auto-data-table[kl-id="OuderlOUwr"] .table thead td:first-child,
kl-auto-data-table[kl-id="OuderlOUwr"] .table tbody td:first-child {
  padding-left: 20px;
  width: 0;
}
kl-auto-data-table[kl-id="OuderlOUwr"] .table thead td:first-child .checkbox-wrap,
kl-auto-data-table[kl-id="OuderlOUwr"] .table tbody td:first-child .checkbox-wrap {
  width: 15px;
}
kl-auto-data-table[kl-id="OuderlOUwr"] .form-controlbox-wrap {
  margin-top: 8px !important;
}
kl-auto-header[kl-id="GQgsqwyQxw"] .ui.header {
  margin-top: 12px !important;
  margin-bottom: 4px !important;
  font-weight: 500;
  color: #000000;
}
kl-auto-header[kl-id="Grg1bwL8UEЗ"] .h4 {
  margin-top: 12px !important;
  margin-bottom: 4px !important;
  font-weight: 500;
  color: #000000;
}
kl-auto-header[kl-id="IGxo4b3LsC"] .ui.header {
  margin-top: 12px !important;
  margin-bottom: 4px !important;
  font-weight: 500;
  color: #000000;
}
kl-auto-header[kl-id="HfwJfMa23Gaw"] .ui.header {
  margin-top: 12px !important;
  margin-bottom: 4px !important;
  font-weight: 500;
  color: #000000;
}
kl-auto-text[kl-id="RLfbQ2hwbn"] kl-auto-locale {
  display: block;
  margin-bottom: 24px;
}
kl-auto-text[kl-id="DmcxvSIa0z"] kl-auto-locale {
  display: block;
  margin-bottom: 24px;
}
kl-auto-locale[kl-id="gst12VsGaw"] {
  display: block;
  margin-bottom: 24px;
}
kl-auto-locale[kl-id="GSqVay12sLB"] {
  font-size: 12px;
}
.notificationWithLinkWrapper {
  display: block;
  background: #E0F4FE;
  padding: 16px 20px;
  margin-bottom: 15px;
}
.notificationWithLinkWrapper kl-auto-raw {
  display: inline;
}
.notificationWithLinkWrapper kl-auto-locale[kl-id="FCvJ9CnTvH"] {
  display: inline-block;
}
.notificationWithLinkWrapper kl-auto-link[kl-id="7Nep0fwsL5"] {
  display: inline-block;
  margin-left: 5px;
}
kl-auto-textbox[kl-id="r1@jzVv9zM"] {
  width: 400px !important;
}
kl-auto-password-input[kl-id="SyWdHEwqMz"] input {
  margin-right: 20px;
  width: 240px !important;
}
kl-auto-password-input[kl-id="SyWdHEwqMz"] button {
  background: #fff !important;
  width: 140px !important;
  border-radius: 4px !important;
}
kl-auto-password-input[kl-id="r1ZKHVDcMM"] input {
  margin-right: 20px;
  width: 240px !important;
}
kl-auto-password-input[kl-id="r1ZKHVDcMM"] button {
  background: #fff !important;
  width: 140px !important;
  border-radius: 4px !important;
}
.passwordRecommendations {
  padding: 12px 0px;
}
.passwordRecommendations .passwordRecommendationTitle {
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}
.passwordRecommendations .passwordRecommendationItem {
  display: inline-block;
  margin: 5px 0;
}
.passwordRecommendations .passwordRecommendationItem:before {
  content: "\2022";
  margin-right: 6px;
  color: #CCCCCC;
}
.passwordsDoNotMatchError {
  color: #A94442;
}
.threatDetectionAndExclusions-subHeader1 {
  display: block;
  margin: 20px 0px 8px 0px;
  font-size: 16px;
  font-weight: 400;
}
.threatDetectionAndExclusions-subHeader2 {
  display: block;
  margin: 31px 0px 8px 0px;
  font-size: 16px;
  font-weight: 400;
}
.threatDetectionAndExclusions-subDescription1 {
  display: block;
  margin: 0px 0px 24px 0px;
}
.threatDetectionAndExclusions-subDescription2 {
  display: block;
  margin: 0px 0px 0px 0px;
}
.trustedApps-header {
  display: block;
  margin: 12px 0px 8px 0px;
  font-size: 16px;
  font-weight: 400;
}
.trustedApps-tblApps {
  margin: 24px 0px 8px 0px;
}
.trustedApp-groupNetworkTraffic {
  padding: 3px 12px 0px 26px;
}
.trustedApp-groupIPsPorts {
  padding: 0px 12px 32px 26px;
}
.trustedApp-locIPsPortsHeader {
  display: block;
  margin: 24px 0px 8px 0px;
  font-weight: 400;
}
.trustedApp-header {
  display: block;
  margin: 12px 0px 8px 0px;
  font-size: 16px;
  font-weight: 400;
}
.trustedApp-clearWarning {
  display: block;
  background: #FFF7E5;
  padding: 19px 26px 16px 20px;
  margin: 10px 0px 0px -26px;
}
kl-auto-textbox[kl-id="txtFilePath"] {
  margin: 24px 0px;
}
kl-auto-textbox[kl-id="txtFilePath"] label {
  margin: 0px 0px 8px 0px;
  font-weight: 400;
}
.main-app-category {
  font-weight: 500;
}
kl-auto-form-trigger[kl-id="LtF235Fa1H"] {
  margin-top: 16px !important;
}
kl-auto-form-trigger[kl-id="fMmwCjt5wDsa"] {
  margin-top: -14px !important;
}
kl-auto-textbox[kl-id="MfWFyq25dD"] {
  margin-top: 24px !important;
  width: 530px;
}
kl-auto-textbox[kl-id="MfWFyq25dD"] label {
  color: #000000;
  font-weight: 500;
  margin-bottom: 8px;
}
kl-auto-textbox[kl-id="d77u1azYQB"] {
  margin-top: 24px !important;
  width: 530px;
}
kl-auto-textbox[kl-id="d77u1azYQB"] label {
  color: #000000;
  font-weight: 500;
  margin-bottom: 8px;
}
kl-auto-header[kl-id="21Twzgus5"] .ui.header {
  margin-top: 12px !important;
  margin-bottom: 8px !important;
}
kl-auto-locale[kl-id="3HaWcir5s7"] {
  margin: 0 0 24px 0;
  display: block;
  color: #666666;
}
kl-auto-header[kl-id="BJgdsniUbf"] .ui.header {
  margin-top: 12px !important;
  margin-bottom: 24px !important;
}
kl-auto-form[form-id="YOLEdQCFm"] kl-auto-textbox {
  margin: 24px 0;
}
kl-auto-form[form-id="YOLEdQCFm"] kl-auto-textbox label {
  font-weight: 400;
  margin-bottom: 8px;
}
kl-auto-textbox[kl-id="ByWCn2j8om"] label:after,
kl-auto-textbox[kl-id="ByWCn2j8mm"] label:after {
  content: " *";
  color: #ED2939;
}
kl-auto-header[kl-id="Rqd7lgWylcw"] .ui.header {
  font-size: 14px !important;
  margin-top: 24px !important;
  margin-bottom: 8px !important;
  font-weight: 500;
  color: #000000;
}
kl-auto-locale[kl-id="3GaWyAc1ta"] .field {
  margin-top: -18px;
}
kl-auto-data-table-cell[kl-id="GTqbKGwYwB5"] kl-auto-locale[key="Activity of office applications"] {
  font-weight: 500;
  position: absolute;
  padding: 11px 28px 9px 20px;
  left: 2px;
  margin-top: -20px;
  background-color: white;
}
kl-auto-data-table-cell[kl-id="GTqbKGwYwB5"] kl-auto-locale[key="Use of Windows Management Instrumentation (WMI)"] {
  font-weight: 500;
  position: absolute;
  padding: 11px 28px 9px 20px;
  left: 2px;
  margin-top: -20px;
  background-color: white;
}
kl-auto-data-table-cell[kl-id="GTqbKGwYwB5"] kl-auto-locale[key="Activity of script engines and frameworks"] {
  font-weight: 500;
  position: absolute;
  padding: 11px 28px 9px 20px;
  left: 2px;
  margin-top: -20px;
  background-color: white;
}
kl-auto-data-table-cell[kl-id="GTqbKGwYwB5"] kl-auto-locale[key="Abnormal program activity"] {
  font-weight: 500;
  position: absolute;
  padding: 11px 28px 9px 20px;
  left: 2px;
  margin-top: -20px;
  background-color: white;
}
kl-auto-data-table[kl-id="Y4gGeQtGA"] table {
  border-collapse: unset;
}
kl-auto-data-table[kl-id="Y4gGeQtGA"] table tbody td:first-child {
  width: 0;
  padding-left: 20px;
}
kl-auto-data-table[kl-id="Y4gGeQtGA"] table tbody td:first-child .checkbox-wrap {
  width: 15px;
}
kl-auto-data-table[kl-id="Y4gGeQtGA"] table thead .checkbox-wrap {
  display: none;
}
kl-auto-data-table[kl-id="Y4gGeQtGA"] table thead kl-auto-locale[key="AnomalyControl.Rules.table.Column1.header"] {
  position: absolute;
  padding: 8px 28px 7px 20px;
  left: 2px;
  margin-top: -15px;
  background-color: white;
}
kl-auto-data-table[kl-id="Y4gGeQtGA"] table td {
  border-bottom: 1px solid #d5dfe3;
}
kl-auto-data-table[kl-id="Y4gGeQtGA"] table tbody tr:nth-child(odd) {
  background: none;
}
kl-auto-data-table[kl-id="tblIPs"] table thead td:first-child {
  width: 32px;
}
kl-auto-data-table[kl-id="tblPorts"] table thead td:first-child {
  width: 32px;
}
[id="1JEd_XQ9xp1V"] table colgroup col:first-child {
  width: 2.5em !important;
}
[id="1JEd_XQ9xp1V"] table colgroup col:last-child {
  width: 100% !important;
}
[id="1JEd_XQ9xp1V"] thead tr th:first-child,
[id="1JEd_XQ9xp1V"] tbody tr td:first-child kl-cc-raw {
  overflow: visible;
  white-space: nowrap;
}
div#NJLRZBX3ginM kl-cc-form-trigger .parameter:first-child,
div#NJLRZBX3ginM kl-cc-form-trigger .fieldset:first-child {
  margin-bottom: 15px;
}
div#Eyk1lmX9x6yV .form-group:first-child {
  position: relative;
}
div#Eyk1lmX9x6yV .form-group:first-child p {
  position: absolute;
  left: 200px;
  top: 14px;
}
div#CloudDiscoveryDisclaimer .parameter {
  background-color: #000000;
  display: flex;
  padding: 12px;
  align-items: center;
  color: #ffffff;
}
div#CloudDiscoveryDisclaimer .parameter div div span {
  display: flex;
  align-items: center;
}
div#CloudDiscoveryDisclaimer .parameter div div span::before {
  background: url("ico-status-info.svg") no-repeat;
  width: 16px;
  height: 16px;
  content: '';
  display: inline-block;
}
div#CloudDiscoveryDisclaimer .parameter div div span kl-cc-locale {
  margin-left: 7px;
}
div#CloudDiscoveryDisclaimer .parameter div {
  margin: 0;
  margin-right: 2px;
}
div#CloudDiscoveryDisclaimer .parameter div:last-child {
  color: #06aa90 !important;
}
div#CloudDiscoveryServices kl-cc-locale {
  font-weight: 300;
}
div#CloudDiscoveryList {
  padding-left: 42px;
  margin-top: -20px;
  margin-bottom: 30px;
}
kl-auto-form[form-id="Syfia0zWM"] kl-auto-raw[klindex="7"] {
  margin-top: -24px;
}
kl-auto-control-group[kl-id="CfFB73uzoZ"],
kl-auto-control-group[kl-id="CfFB73uzo2"],
kl-auto-control-group[kl-id="CfFB73uzo3"] {
  margin-bottom: 18px;
  background-color: #000000;
  font-weight: 500;
}
kl-auto-control-group[kl-id="CfFB73uzoZ"].stick,
kl-auto-control-group[kl-id="CfFB73uzo2"].stick,
kl-auto-control-group[kl-id="CfFB73uzo3"].stick {
  margin-bottom: -10px;
}
kl-auto-control-group[kl-id="CfFB73uzoZ"] kl-auto-control-set,
kl-auto-control-group[kl-id="CfFB73uzo2"] kl-auto-control-set,
kl-auto-control-group[kl-id="CfFB73uzo3"] kl-auto-control-set {
  display: flex;
  align-items: center;
  padding: 12px;
  color: #fff;
}
kl-auto-control-group[kl-id="CfFB73uzoZ"] kl-auto-control-set kl-auto-icon,
kl-auto-control-group[kl-id="CfFB73uzo2"] kl-auto-control-set kl-auto-icon,
kl-auto-control-group[kl-id="CfFB73uzo3"] kl-auto-control-set kl-auto-icon {
  align-items: center;
  display: flex;
  color: #44ade2;
  margin-right: 3px;
}
kl-auto-control-group[kl-id="CfFB73uzoZ"] kl-auto-control-set kl-auto-raw,
kl-auto-control-group[kl-id="CfFB73uzo2"] kl-auto-control-set kl-auto-raw,
kl-auto-control-group[kl-id="CfFB73uzo3"] kl-auto-control-set kl-auto-raw {
  margin-right: 4px;
}
kl-auto-control-group[kl-id="CfFB73uzoZ"] a,
kl-auto-control-group[kl-id="CfFB73uzo2"] a,
kl-auto-control-group[kl-id="CfFB73uzo3"] a {
  color: #23D1AE;
}
.disabled-link {
  color: darkgray;
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
  text-decoration: none;
}
kl-auto-select[kl-id="XSw5t5opgk"] > .field {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
kl-auto-select[kl-id="XSw5t5opgk"] > .field label {
  margin-right: 5px;
}
kl-auto-locale[kl-id="RirbfwTEE@"] {
  display: block;
  margin-top: 20px;
}
kl-auto-text[kl-id="YSOfkdxyDh"] {
  display: block;
  margin-top: 20px;
  font-weight: bold;
}
kl-auto-data-table[kl-id="E9dGd$tIUF"] .table tbody td {
  vertical-align: top;
}
kl-auto-state-selector[kl-id="a5n1Yk1Rc8"] {
  margin-top: 20px;
}
kl-auto-state-selector,
kl-auto-checkbox.vertical-margin {
  display: inline-block;
  margin: 10px 0 5px 0;
}
.management-description {
  margin-bottom: 16px;
  margin-top: -8px;
  display: block;
}
.skeleton-light {
  background: linear-gradient(110deg, #F6F6F6 8%, #fbfbfb 18%, #F6F6F6 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
}
.skeleton-dark {
  background: linear-gradient(110deg, #E8E8E8 8%, #f4f4f4 18%, #E8E8E8 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
}
@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
/** WebControl: website blocking message */
kl-auto-form[form-id="BFb0B6Uum"] {
  line-height: 20px;
  /* Header */
  /* Description line two container */
  /* Textarea component */
  /* Reset button */
}
kl-auto-form[form-id="BFb0B6Uum"] > kl-auto-control-set {
  /* Header outermost container */
}
kl-auto-form[form-id="BFb0B6Uum"] > kl-auto-control-set > kl-auto-raw:nth-child(1),
kl-auto-form[form-id="BFb0B6Uum"] > kl-auto-control-set > kl-auto-raw:nth-child(2),
kl-auto-form[form-id="BFb0B6Uum"] > kl-auto-control-set > kl-auto-raw:nth-child(3) {
  width: 65%;
  max-width: 640px;
  min-width: 300px;
}
kl-auto-form[form-id="BFb0B6Uum"] kl-auto-header[kl-id="@CHnZIfBYf"] h4 {
  margin: 12px 0 8px;
}
kl-auto-form[form-id="BFb0B6Uum"] kl-auto-control-group[kl-id="XX7zpsCTT5"] kl-auto-control-set {
  display: flex;
  gap: 4px;
}
kl-auto-form[form-id="BFb0B6Uum"] kl-auto-textbox[kl-id="9IWbypM5Wt"] {
  margin: 0;
  max-width: unset;
}
kl-auto-form[form-id="BFb0B6Uum"] kl-auto-textbox[kl-id="9IWbypM5Wt"] .field {
  max-width: unset;
}
kl-auto-form[form-id="BFb0B6Uum"] kl-auto-textbox[kl-id="9IWbypM5Wt"] textarea {
  height: 240px;
  resize: none;
  padding: 6px 8px;
  margin: 24px 0 16px;
  width: 65%;
  max-width: 640px;
  min-width: 300px;
}
kl-auto-form[form-id="BFb0B6Uum"] kl-auto-button[kl-id="BLPh1TU3TW"] button {
  font-size: 12px;
  line-height: 16px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
kl-auto-form[form-id="BFb0B6Uum"] kl-auto-button[kl-id="BLPh1TU3TW"] button:hover {
  background-color: #f4f7fa;
}
kl-auto-form[form-id="BFb0B6Uum"] kl-auto-button[kl-id="BLPh1TU3TW"] button:active {
  background-color: rgba(41, 77, 117, 0.09);
  box-shadow: none;
}
kl-auto-control-group[kl-id="mrTd2M0yHH"] {
  /* Selector and link to the page container */
  /* Link to the page */
}
kl-auto-control-group[kl-id="mrTd2M0yHH"] kl-auto-control-set {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
kl-auto-control-group[kl-id="mrTd2M0yHH"] kl-auto-form-trigger[kl-id="jGK2NJY2J7"] span {
  color: #1e856f;
  font-weight: 300;
  line-height: 1.2;
}
/** end WebControl: website blocking message */
.table {
  width: 100%;
}
.table-wrap {
  position: relative;
  margin: 5px 0;
}
.table-wrap.rm-padd {
  margin: 5px -30px;
}
.table-wrap._fixed_head {
  padding-top: 32px;
  margin: 0 -20px;
  height: 100%;
}
.table-wrap._fixed_head.rm-padd {
  margin: 0 -20px;
}
.table-wrap._fixed_head kl-user-list {
  display: block;
  height: 100%;
  overflow: auto;
}
.table-wrap._fixed_head thead {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  display: table;
  width: 100%;
  border-bottom: 1px solid #d5dfe3;
}
.table-wrap._fixed_head thead td {
  display: table-cell;
}
.table-wrap._fixed_head tbody {
  border-top: none;
}
.table-scroll {
  height: 100%;
  overflow-y: auto;
}
.table thead td:first-child,
.table tbody td:first-child {
  padding-left: 30px;
}
.table thead td:first-child._nospacing,
.table tbody td:first-child._nospacing {
  padding-left: 10px;
}
.table thead td:last-child,
.table tbody td:last-child {
  padding-right: 30px;
}
.table thead td {
  padding: 8px 10px;
  font-size: 13px;
  white-space: nowrap;
}
.table tbody {
  border-top: 1px solid #d5dfe3;
  border-bottom: 1px solid #d5dfe3;
}
.table tbody.device-list {
  border-bottom: none;
}
.table tbody td {
  padding: 11px 10px;
  vertical-align: middle;
  line-height: 1.5;
}
.table tbody tr:nth-child(odd) {
  background: #f6f6f6;
}
.table tbody tr:focus {
  outline: #006d5c auto 1px;
}
.table.wo-head tbody {
  border-top: none;
}
.table .selected td {
  background: #f1f9ff;
}
.table-status-24 .ficon.ficon-status-critical-24,
.table-status-24 .ficon.ficon-status-warning-24 {
  font-size: 24px;
}
.table-icons-center .ficon {
  display: block;
  text-align: center;
}
.table-users .security-level {
  padding: 2px;
  border-radius: 3px;
  font-size: 12px;
  display: flex;
  margin-left: 4px;
  align-items: center;
}
.table-users .security-level-tag-loading {
  min-width: 70px;
  color: #999999;
  align-items: center;
}
.table-users .security-level-tag-high {
  min-width: 70px;
  background-color: #bbf1d3;
  color: #333333;
}
.table-users .security-level-tag-optimal {
  min-width: 70px;
  background-color: #c8f3ff;
  color: #333333;
}
.table-users .security-level-tag-low {
  min-width: 70px;
  background-color: #f8f0ab;
  color: #000000;
}
.table-users .user-subtext {
  font-size: 13px;
  margin: 2px 0 0 0;
}
.table-users .users-group {
  display: inline-block;
  vertical-align: middle;
}
.table-users .users-group .b-icon {
  margin-right: 3px;
}
.table-users .users-group-link {
  font-weight: 500;
}
thead td.table-users-namespec,
tbody td.table-users-namespec {
  padding-left: 30px;
}
[dir="rtl"] thead td.table-users-namespec,
[dir="rtl"] tbody td.table-users-namespec {
  padding-left: 10px;
  padding-right: 30px;
}
tbody td.table-users-namespec .icon-usersgroup {
  position: relative;
  margin-left: -22px;
  margin-right: 4px;
}
[dir="rtl"] tbody td.table-users-namespec .icon-usersgroup {
  padding-left: 4px;
  padding-right: -22px;
}
.table-col {
  /* events */
}
.table-col-cb {
  width: 5%;
  min-width: 50px;
}
.table-col-icon {
  width: 80px;
}
.table-col-status {
  width: 70px;
  text-align: center;
}
.table-col-type {
  width: 80px;
}
.table-col-date {
  width: 130px;
}
.table-col-category {
  width: 270px;
}
.comment-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  cursor: help;
}
.table-events {
  margin: -20px -20px 0 -20px;
}
.table-events .table tbody {
  border: none;
}
.table-events-header {
  margin-top: 20px;
  border-bottom: 1px solid #d5dfe3;
}
.table-cloud-services {
  margin-bottom: 40px;
}
.table-cloud-services .category {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  padding-right: 0;
  white-space: nowrap;
  font-weight: 500;
}
.table-cloud-services .service {
  margin-left: -100px;
  display: table-caption;
}
.empty-list {
  max-width: 600px;
  margin: auto;
  margin-top: 25vh;
  position: relative;
  color: #999;
}
.empty-list h2 {
  font-size: 16px;
  font-weight: 700;
}
.empty-list p {
  font-size: 14px;
  font-weight: 300;
}
.pull-table + .content-scroll {
  padding-top: 0;
}
.content-no-scroll {
  padding: 20px 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._h500 {
  max-height: 500px;
  border: 1px solid #d5dfe3;
  padding: 0;
}
._h500 .table-wrap {
  margin: 0;
}
._h500 .table-wrap .table tbody {
  border-bottom: none;
}
._h700 {
  max-height: 700px;
  border: 1px solid #d5dfe3;
  padding: 0;
}
._h700 .table-wrap {
  margin: 0;
}
._h700 .table-wrap .table tbody {
  border-bottom: none;
}
.eventlog-table-container .table-body-row .table-body-cell:nth-child(3) {
  word-break: break-word;
}
.report-table-container tbody td,
.report-table-container thead td {
  font-size: 12px;
  line-height: 1.5;
  padding: 8px 10px;
}
.report-table-container tbody td:first-child,
.report-table-container thead td:first-child {
  padding-left: 10px;
}
.report-table-container tbody td:last-child,
.report-table-container thead td:last-child {
  padding-right: 10px;
}
.nav-pills {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
}
.nav-pills > li {
  display: inline-block;
}
.nav-pills .btn {
  padding: 2px 0;
  color: #6b777e;
  margin: 4px 9px 4px 14px;
  min-width: 0;
  text-decoration: none;
  background: transparent;
  box-shadow: none;
  border-bottom: 1px dashed #6b777e;
}
.nav-pills .btn.state-active {
  background: #4eb9d6;
  color: #fff;
  border-radius: 18px;
  padding: 7px 10px;
  border: none;
  margin: 0 0 0 5px;
}
.nav-tabs {
  height: 47px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.nav-tabs .tab-item {
  display: inline-flex;
  align-items: center;
  height: inherit;
  cursor: pointer;
  font: normal 700 14px MuseoSans, sans-serif;
  color: #1E856F;
  background-color: white;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: var(--tab-item-border-color, white);
  padding: 5px 10px 22px 10px;
}
.nav-tabs .tab-item:not(:last-child) {
  margin-right: 24px;
}
.nav-tabs .tab-item__active {
  --tab-item-border-color: #1E856F;
}
.content-tabs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  overflow: auto;
}
.content-tabs .tabs-head {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #e7e7e7;
  background-color: white;
}
.content-tabs .infotabs-head {
  z-index: 1;
  border-bottom: 1px solid #e7e7e7;
  background-color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.content-tabs .tabs-body {
  padding: 22px 30px;
  background-color: var(--tabs-body-background-color, white);
}
.content-tabs .tabs-body_grey {
  --tabs-body-background-color: #f6f6f6;
}
@media only screen and (max-width: 1010px) {
  .nav-tabs .tab-item {
    padding: 5px 5px 22px 5px;
  }
  .nav-tabs .tab-item:not(:last-child) {
    margin-right: 12px;
  }
}
.filter-pills {
  border-bottom: 1px solid #d5dfe3;
  padding: 5px 20px 20px 20px;
}
.filter-pills.pills-events {
  border-bottom: none;
  padding: 5px 20px;
}
.filter-pills .nav-pills > li {
  vertical-align: middle;
}
.filter-pills.rm-padd {
  margin: 0 -20px;
}
.kl-cc-tab {
  display: block;
}
.kl-cc-tab_padding {
  padding: 20px 30px;
}
.content-scroll_padding-without-right-side {
  margin: 20px 0 0 30px;
  display: flex;
}
.content-scroll_flexed {
  display: flex;
  flex-direction: column;
}
.trigger {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
  margin: 2px 0;
  transition: all 150ms ease;
}
.highlight .trigger,
.trigger.highlight {
  background-color: #fffba3;
  outline: 5px solid #fffba3;
}
.trigger-wrap {
  margin-bottom: 5px;
  position: relative;
  padding-left: 37px;
  min-height: 21px;
}
.trigger-wrap .trigger {
  position: absolute;
  top: 0;
  left: 0;
}
[disabled] .trigger-wrap,
.disabled .trigger-wrap {
  opacity: 0.5;
}
.table .trigger-wrap {
  margin: 0;
}
.trigger-wrap .checkbox-text {
  margin: 3px 0.3em 2px 0.3em;
  white-space: normal;
  font-weight: 500;
}
.trigger-wrap .checkbox-text.parameter-name {
  font-weight: 500;
  margin: 0 0.3em;
}
.trigger-outer,
.trigger-box {
  display: block;
  position: absolute;
}
.trigger-outer {
  top: 0;
  left: 0;
  width: 32px;
  height: 16px;
  border-radius: 20px;
  background: #b3b3b3;
  cursor: pointer;
  transition: all 200ms ease;
}
.trigger-box {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  left: 2px;
  cursor: pointer;
  top: 2px;
  transition: all 200ms ease;
  box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.15);
}
.highlight .trigger-box {
  background-color: #fffba3;
}
.trigger-descr {
  margin-bottom: 10px;
  color: #1D1D1B;
  font-size: 14px;
}
.trigger input {
  visibility: hidden;
}
.trigger input ~ .text-off {
  display: block;
}
.trigger input:checked ~ .trigger-outer,
.trigger input[checked=true] ~ .trigger-outer,
.trigger input[checked=checked] ~ .trigger-outer {
  background: #00a89e;
}
.trigger input:checked ~ .trigger-box,
.trigger input[checked=true] ~ .trigger-box,
.trigger input[checked=checked] ~ .trigger-box {
  left: 18px;
  box-shadow: none;
}
.logo {
  display: inline-block;
  width: 133px;
  height: 43px;
  background: transparent url("kescloud_icon.png") 0 0 no-repeat;
  vertical-align: middle;
  position: relative;
  z-index: 10;
}
.nav-minimizer {
  border: none;
  background: transparent;
  margin: 0;
  outline: none;
  padding: 0;
}
.nav-minimizer:focus,
.nav-minimizer:active {
  outline: none;
}
.logo-text {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
  position: relative;
  z-index: 10;
  text-decoration: none;
  transition: margin 150ms ease;
  white-space: nowrap;
}
.side .logo-text {
  margin: 20px 0;
  color: #fff;
}
.logo-text:active,
.logo-text:hover,
.logo-text:focus {
  color: #cccccc;
}
.logo-text:before {
  content: '';
  display: inline-block;
  width: 37px;
  height: 43px;
  vertical-align: middle;
}
.logo-text .text {
  font-size: 19px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 0 0 10px;
  font-family: "MuseoSans", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  opacity: 1;
  transform: translateX(0);
  transition: transform 150ms ease;
  width: 210px;
}
.logo-text .text-first {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 2px;
  display: block;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.logo-text .text-second {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  display: block;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.default-logo:before {
  background-size: 37px 43px;
  background-image: url("logo-b2b-cloud.svg");
  background-repeat: no-repeat;
  background-color: transparent;
}
.next-logo:before {
  background-size: 37px 43px;
  background-image: url("logo-kaspersky-next.svg");
  background-repeat: no-repeat;
  background-color: transparent;
}
.nav-toggle {
  border: none;
  background: transparent;
  vertical-align: middle;
  position: relative;
  z-index: 10;
  padding: 0 20px 0 0;
  display: inline-block;
}
.nav-toggle:focus {
  outline: none;
}
.nav-toggle .icon-bar {
  background: #6e767d;
  width: 30px;
  height: 4px;
  display: block;
}
.nav-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
kl-list-search {
  display: flex;
}
kl-list-search .main-search-toggler {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #999;
  line-height: 32px;
}
kl-list-search .main-search-toggler .ficon {
  margin-right: 7px;
  position: relative;
}
._v-bottom {
  vertical-align: bottom;
}
.main-search {
  width: 100%;
  position: relative;
  background: #fff;
  right: 0;
  left: 0;
  display: none;
}
.main-search.active {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
}
.main-search.active .control-clear {
  display: block;
}
.main-search .form-input:first-child {
  padding-left: 6px;
}
.main-search:not(.active) .form-input {
  background: none;
  border-color: transparent;
  box-shadow: none;
  transition: all 200ms ease;
}
.main-search .control-clear {
  margin-right: 6px;
}
.main-search .control-submit {
  position: absolute;
  top: 8px;
  left: 8px;
  color: #999;
}
.text-search-match {
  background: #f9fbd6 !important;
}
.sub-header {
  margin-top: -10px;
  margin-bottom: 10px;
}
.header-navlinks {
  font-size: 24px;
}
.header-navlinks a {
  display: inline-block;
  margin-left: 0.5em;
}
.header-control .select-mid,
.header-control .form-label {
  vertical-align: middle;
}
.header-filter {
  display: table;
  width: 100%;
}
.header-filter-col {
  display: table-cell;
  vertical-align: bottom;
}
.header-search {
  margin-top: 20px;
}
.bread {
  font-size: 18px;
  font-weight: 500;
}
.bread li:last-child a:after,
.bread li:nth-last-child(2) a:after {
  content: '';
}
.bread li:last-child span,
.bread li:nth-last-child(2) span {
  display: inline;
}
.bread-back .ficon {
  margin-right: 1px;
  position: relative;
  bottom: 1px;
}
kl-cc-breadcrumb:last-child .h1:last-child {
  margin: 0;
}
.details-page-layout .bread {
  font-size: 14px;
  font-weight: 300;
}
.side {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.side-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.side-nav .item {
  position: relative;
}
.side-nav .item-link {
  text-decoration: none;
  padding: 10px;
  display: block;
}
.side-nav .item.state-current .item-link {
  color: #000;
}
.side-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.side-footer-nav {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 35px;
}
.side-footer-nav.copyright {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
}
.side-footer-nav .item {
  margin: 0.5em 0;
}
.side-footer-nav .item a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
.side-user {
  margin: -15px;
  margin-top: 20px;
  padding: 15px;
  background: #1b1b1b;
  position: relative;
}
.side-user .user-notification-icon {
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 16px;
  color: #979797;
  text-decoration: none;
}
.user-menu .wrap {
  height: auto;
  font-size: 14px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s ease-out;
  z-index: 100;
  text-align: left;
  outline: none;
  color: #fff;
  background: #1b1b1b;
}
.user-menu .wrap.active .ficon-arrow_v {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.user-menu .wrap.active .dropdown {
  max-height: 900px;
  opacity: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.user-menu .wrap .dropdown {
  position: absolute;
  top: auto;
  bottom: 30px;
  background: #1b1b1b;
  left: -15px;
  right: -15px;
  outline: none;
  transition: all 0.3s ease-out;
  padding: 10px 0 0 0;
  max-height: 0;
  opacity: 0;
  min-width: 220px;
  overflow: auto;
}
.user-menu .wrap .dropdown .item {
  cursor: pointer;
}
.user-menu .wrap .dropdown .item .item-link {
  display: block;
  padding: 10px 20px 10px 50px;
  transition: all 0.3s ease-out;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: #999;
}
.user-menu .wrap .dropdown .item .icon {
  position: absolute;
  left: 20px;
}
.user-menu .wrap .dropdown .item.active .item-link:before {
  font-family: 'b2b-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e947";
  position: absolute;
  left: 20px;
  display: inline-block;
}
.user-menu .wrap .dropdown .item.group {
  cursor: default;
  margin-top: 15px;
}
.user-menu .wrap .dropdown .item.group .item-link {
  color: #fff;
}
.user-menu .wrap .dropdown .item.group:first-child {
  margin: 0;
}
.user-menu .wrap .dropdown .item:not(.group):hover .item-link {
  color: #fff;
}
.user-menu .wrap .dropdown-arrow {
  top: 8px;
}
.user-menu .ficon-arrow_v {
  top: 0;
  right: 10px;
  position: absolute;
}
.user-menu .wrap-placeholder {
  display: block;
  text-decoration: none;
  overflow: hidden;
  max-width: 242px;
  min-height: 18px;
  text-overflow: ellipsis;
  vertical-align: middle;
  padding: 0 0 0 35px;
  position: relative;
  cursor: pointer;
}
.user-menu .wrap-placeholder .icon {
  position: absolute;
  left: 5px;
}
.user-menu-role {
  margin: 5px 4px 0 35px;
  color: #999;
}
.side {
  transition: width 150ms ease;
}
.side-nav {
  margin: 0 -15px;
}
._minimize ~ .side-nav {
  margin-left: 30px;
}
._minimize ~ .side-nav .item-link {
  padding-left: 20px;
}
[dir="rtl"] ._minimize ~ .side-nav .item-link {
  padding-right: 20px;
}
.side-nav .b-icon {
  vertical-align: top;
  position: absolute;
  margin-left: -30px;
  width: 16px;
  font-size: 16px;
  display: inline-block;
  color: #999;
}
.side-nav .item-alert {
  display: inline-block;
  margin-left: 4px;
  background: red;
  width: 15px;
  height: 14px;
  border-radius: 2px;
  text-align: center;
  line-height: 14px;
  font-size: 10px;
  vertical-align: middle;
  color: #fff;
}
.side-nav .item-alert:before {
  content: '!';
}
.side-nav .item {
  color: #fff;
  position: relative;
}
.side-nav .item-link {
  color: #fff;
  padding: 14px 10px 14px 50px;
  position: relative;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
}
.side-nav .item-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
.side-nav .item-link.state-current {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 4px 0 0 0 #23d1ae;
}
.side-nav .item-link.state-current .b-icon {
  color: #fff;
}
.side-nav .item-link._sub {
  font-weight: normal;
  padding: 10px 10px 10px 40px;
}
._minimize .side-nav .item-text {
  display: none;
}
.side-nav .item.has-subsections > .item-link > .ficon-arrow_v {
  display: inline-block;
  margin: 0 0 0 0.3em;
  color: #999;
  height: 11px;
  line-height: 7px;
}
.side-nav .item.has-subsections.active > .item-link > .ficon-arrow_v {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.side-nav .item.has-subsections ul {
  list-style: none;
  padding: 0;
  background: #1b1b1b;
  max-height: 0;
  opacity: 0;
  overflow: auto;
}
.side-nav .item.has-subsections ul .item-link {
  color: #999;
}
.side-nav .item.has-subsections ul.active {
  display: block;
  opacity: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  max-height: 500px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.side-nav .item.has-subsections ul.active .item-link.state-current {
  background: initial;
  box-shadow: none;
  color: #fff;
}
.side-nav .item.has-subsections ul.active .item-link.state-current:before {
  font-family: 'b2b-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e95a";
  position: absolute;
  left: 25px;
  display: inline-block;
}
.side.side-minimized {
  width: 48px;
  overflow: hidden;
}
.side.side-minimized .side-nav {
  width: 50px;
  overflow: hidden;
}
.side.side-minimized .side-nav .item {
  margin: 0;
}
.side.side-minimized .side-nav .item .b-icon {
  margin: 0;
}
.side.side-minimized .side-nav .item kl-cc-locale {
  display: none;
}
.side.side-minimized .side-nav .item .item-alert {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  right: 10px;
}
.side.side-minimized .side-nav .item .item-alert:before {
  display: none;
}
.side.side-minimized .side-nav .item-link {
  padding: 14px 10px 30px 15px;
}
.side.side-minimized .side-nav .item-link-text {
  display: none;
}
.side.side-minimized .side-nav .item-link.state-current {
  background: none;
  color: #6b777e;
}
.side.side-minimized .side-nav .item-link.state-current .b-icon {
  color: #fff;
}
.side.side-minimized .side-nav .item-link.state-current:after {
  right: auto;
  left: -4px;
  width: 12px;
}
[dir="rtl"] .side.side-minimized .side-nav .item-link.state-current:after {
  left: auto;
  right: -4px;
}
.side.side-minimized .side-nav .item.has-subsections ul.active {
  display: block;
  position: fixed;
  left: 48px;
  margin-top: -48px;
  background: #1b1b1b;
  z-index: 111;
  width: 200px;
}
.side.side-minimized .side-nav .item.has-subsections ul.active .item-link {
  padding: 14px 10px 14px 15px;
}
.side.side-minimized .side-nav .item.has-subsections ul.active .item-link.state-current:before {
  display: none;
}
.side.side-minimized .side-nav .item.has-subsections ul.active kl-cc-locale {
  display: block;
}
.side.side-minimized .side-nav .item.has-subsections > .item-link > .ficon-arrow_v {
  display: none;
}
.side.side-minimized .side-footer {
  display: none;
}
.side.side-minimized .user-menu .placeholder-text,
.side.side-minimized .user-menu .ficon-arrow_v {
  display: none;
}
.side.side-minimized .user-menu .wrap-placeholder .icon {
  left: 1px;
}
.side.side-minimized .user-menu .dropdown {
  position: fixed;
  width: 250px;
  left: 48px;
  bottom: 0;
}
.side.side-minimized .logo-text {
  margin: 15px -7px;
}
.side.side-minimized .logo-text:before {
  width: 28px;
  height: 32px;
  background-size: 28px 32px;
}
.side.side-minimized .logo-text .text {
  opacity: 0;
  transform: translateX(100%);
}
.sp-menu {
  width: 245px;
}
.sp-menu .sp-menu-caption {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 20px;
  line-height: 20px;
}
.sp-menu .sp-accordion-title {
  display: flex;
  padding: 14px 40px 14px 40px;
  text-decoration: none;
  color: #333;
  position: relative;
  cursor: pointer;
}
.sp-menu .sp-accordion-title.active {
  background: #e7e7e7;
  box-shadow: inset 4px 0 0 0 #23d1ae;
}
.sp-menu .sp-accordion-title.expanded .sp-accordion-arrow {
  transform: rotate(180deg);
  margin-top: 3px;
}
.sp-menu .sp-accordion-title:hover {
  background: #e7e7e7;
}
.sp-menu .sp-accordion-title .b-icon {
  vertical-align: top;
  position: absolute;
  margin-left: -24px;
  width: 16px;
  font-size: 16px;
  display: inline-block;
  color: #999;
}
.sp-menu .sp-accordion-title .sp-accordion-arrow {
  margin: 0;
  right: 10px;
  font-size: 12px;
  text-align: center;
}
.sp-menu .sp-accordion-content {
  display: none;
}
.sp-menu .sp-accordion-content.expanded {
  display: block;
}
.sp-menu .sp-accordion-content .item {
  display: block;
  padding: 12px 15px 12px 40px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
.sp-menu .sp-accordion-content .item.active {
  background: #e7e7e7;
  box-shadow: inset 4px 0 0 0 #23d1ae;
}
.sp-menu .sp-accordion-content .item:hover {
  background: #e7e7e7;
}
.sp-menu .sp-expander {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  cursor: pointer;
  justify-content: space-between;
}
.sp-menu .sp-expander .sp-accordion-arrow {
  margin-bottom: 2px;
}
.sp-menu .sp-expander.expanded .sp-accordion-arrow {
  transform: rotate(180deg) translateY(-4px);
}
@media only screen and (max-width: 1010px) {
  .side {
    width: 48px;
    overflow: hidden;
  }
  .side .side-nav {
    width: 50px;
    overflow: hidden;
  }
  .side .side-nav .item {
    margin: 0;
  }
  .side .side-nav .item .b-icon {
    margin: 0;
  }
  .side .side-nav .item kl-cc-locale {
    display: none;
  }
  .side .side-nav .item .item-alert {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    right: 10px;
  }
  .side .side-nav .item .item-alert:before {
    display: none;
  }
  .side .side-nav .item-link {
    padding: 14px 10px 30px 15px;
  }
  .side .side-nav .item-link-text {
    display: none;
  }
  .side .side-nav .item-link.state-current {
    background: none;
    color: #6b777e;
  }
  .side .side-nav .item-link.state-current .b-icon {
    color: #fff;
  }
  .side .side-nav .item-link.state-current:after {
    right: auto;
    left: -4px;
    width: 12px;
  }
  [dir="rtl"] .side .side-nav .item-link.state-current:after {
    left: auto;
    right: -4px;
  }
  .side .side-nav .item.has-subsections ul.active {
    display: block;
    position: fixed;
    left: 48px;
    margin-top: -48px;
    background: #1b1b1b;
    z-index: 111;
    width: 200px;
  }
  .side .side-nav .item.has-subsections ul.active .item-link {
    padding: 14px 10px 14px 15px;
  }
  .side .side-nav .item.has-subsections ul.active .item-link.state-current:before {
    display: none;
  }
  .side .side-nav .item.has-subsections ul.active kl-cc-locale {
    display: block;
  }
  .side .side-nav .item.has-subsections > .item-link > .ficon-arrow_v {
    display: none;
  }
  .side .side-footer {
    display: none;
  }
  .side .user-menu .placeholder-text,
  .side .user-menu .ficon-arrow_v {
    display: none;
  }
  .side .user-menu .wrap-placeholder .icon {
    left: 1px;
  }
  .side .user-menu .dropdown {
    position: fixed;
    width: 250px;
    left: 48px;
    bottom: 0;
  }
  .side .logo-text {
    margin: 15px -7px;
  }
  .side .logo-text:before {
    width: 28px;
    height: 32px;
    background-size: 28px 32px;
  }
  .side .logo-text .text {
    opacity: 0;
    transform: translateX(100%);
  }
  .side .nav-minimizer {
    visibility: hidden;
  }
}
.b-control {
  border: none;
  background: #ececec;
  padding: 0 30px;
  /* 'More' drop down */
}
.rm-padd .b-control {
  margin: 0 -30px;
}
.b-control.rm-padd {
  margin: 0 -30px;
}
.b-control kl-cc-toolbar-item:first-child :not(.popup) > .btn {
  margin-left: -10px;
}
.b-control kl-cc-toolbar-item:last-child .btn {
  margin-right: -10px;
}
.b-control .btn {
  padding: 13px 10px;
  margin: 0;
  font-size: 14px;
}
.b-control .btn:hover {
  background: #d6d6d6;
}
.b-control .ficon {
  margin: 0 4px 0 0;
  font-size: 16px;
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.b-control-popup {
  display: inline-block;
  position: relative;
  padding: 10px 0;
  margin: -10px 0;
}
.b-control-popup.to-bottom .popup {
  bottom: auto;
  top: 38px;
}
.b-control-popup.to-bottom .popup:before,
.b-control-popup.to-bottom .popup:after {
  content: '';
  position: absolute;
  top: -11px;
  bottom: auto;
  left: 50%;
  margin-left: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11.5px 11.5px;
  border-color: transparent transparent #ffffff transparent;
}
.b-control-popup.to-bottom .popup:before {
  top: -12px;
  bottom: auto;
  border-color: transparent transparent #d5dfe3 transparent;
}
.b-control-popup.to-bottom:hover .popup {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.b-control-popup.to-bottom:hover .state-disabled {
  display: none;
}
.b-control-popup.to-bottom-left .popup {
  z-index: 2;
  bottom: auto;
  top: 38px;
  left: 0;
}
.b-control-popup.to-bottom-left .popup:before,
.b-control-popup.to-bottom-left .popup:after {
  content: '';
  position: absolute;
  top: -11px;
  bottom: auto;
  left: 15px;
  margin-left: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11.5px 11.5px;
  border-color: transparent transparent #ffffff transparent;
}
.b-control-popup.to-bottom-left .popup:before {
  top: -12px;
  bottom: auto;
  border-color: transparent transparent #d5dfe3 transparent;
}
.b-control-popup.to-bottom-left:hover .popup {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.b-control-popup.to-bottom-left:hover .state-disabled {
  display: none;
}
.b-control-popup .btn {
  text-align: left;
}
.b-control-popup .btn .kl.icon.ficon-ico-menu_more {
  font-size: 16px;
}
.b-control-popup .popup {
  display: none;
  position: absolute;
  z-index: 1;
  background: #fff;
  border: 1px solid #d5dfe3;
  padding: 3px 0;
  bottom: 38px;
  left: -90px;
  max-width: 340px;
  width: max-content;
  text-align: left;
  margin-top: 18px;
}
.b-control-popup .popup:before,
.b-control-popup .popup:after {
  content: '';
  position: absolute;
  bottom: -11px;
  margin-left: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 11.5px 0 11.5px;
  border-color: #ffffff transparent transparent transparent;
}
.b-control-popup .popup:before {
  bottom: -12px;
  border-color: #d5dfe3 transparent transparent transparent;
}
.b-control-popup .popup .btn {
  width: 100%;
}
.b-control-popup .popup .btn:hover {
  background: #f6f6f6;
}
.b-control-popup:hover .popup {
  display: block;
}
.b-control-popup:hover .popup-item {
  display: flex;
  flex-direction: row;
  grid-gap: 5px;
  align-items: center;
  padding-right: 25px;
  min-width: 100px;
}
.b-control-popup:hover .popup-item__text {
  white-space: nowrap;
}
.b-control-popup:hover .state-disabled {
  display: none;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.top-user-control {
  display: inline-block;
}
.top-user-notification {
  margin-left: 5px;
  display: inline-block;
}
[dir="rtl"] .top-user-notification {
  margin-right: 5px;
}
.top-user-ssplink {
  margin-right: 20px;
  display: inline-block;
}
.top-user-ssplink .btn {
  font-size: 13px;
}
.top-user-refresh {
  margin-right: 10px;
  display: inline-block;
}
@media (max-width: 950px) {
  .top-user-refresh {
    margin-right: 0;
  }
  .top-user-refresh .btn-link-text {
    display: none;
  }
}
.top-user-refresh .btn {
  font-size: 13px;
}
.top-user-refresh .btn .b-icon {
  vertical-align: bottom;
}
.top-user-refresh .btn-link-text {
  margin: 0 10px;
}
.wrapper-dropdown {
  /* Size & position */
  position: relative;
  margin: 0 auto;
  padding: 12px 25px 0 10px;
  height: 40px;
  border: 1px solid transparent;
  box-sizing: border-box;
  /* Styles */
  background: #fff;
  border-radius: 2px;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease-out;
  z-index: 100;
  font-size: 13px;
  text-align: left;
  /* Active state */
}
.wrapper-dropdown.distrib {
  border-color: #a3aeb6;
  background: #e6ecee;
  box-shadow: inset 0 1px 0 0 #fff, 0 2px 3px -1px rgba(0, 0, 0, 0.1);
  color: #333;
  padding: 9px 10px;
  line-height: 0.9em;
  font-size: 14px;
  border-radius: 0px;
  height: 32px;
  position: static;
}
.wrapper-dropdown.distrib:hover {
  background: #fafafa;
}
.wrapper-dropdown.distrib:active,
.wrapper-dropdown.distrib.active,
.open > .dropdown-toggle.wrapper-dropdown.distrib {
  background: #b6bfc1;
  box-shadow: none;
}
.wrapper-dropdown.distrib a {
  color: #333;
}
.wrapper-dropdown.distrib a:hover,
.wrapper-dropdown.distrib a:focus,
.wrapper-dropdown.distrib a:active {
  color: #333;
}
.wrapper-dropdown.distrib .dropdown {
  min-width: 100%;
  right: 0;
  white-space: nowrap;
}
.wrapper-dropdown.distrib .dropdown .padding-left {
  padding-left: 10px;
}
.wrapper-dropdown.distrib .dropdown li {
  padding: 10px 10px 10px 30px;
  line-height: 1.2em;
}
[dir="rtl"] .wrapper-dropdown.distrib .dropdown li {
  padding: 10px 30px 10px 10px;
}
.wrapper-dropdown.distrib .dropdown li:first-child {
  padding: 10px;
}
.wrapper-dropdown.distrib .dropdown li:hover {
  background: #f3f8f8;
}
.wrapper-dropdown.distrib .dropdown li.disabled {
  color: #a3aeb6;
  padding: 10px;
}
.wrapper-dropdown.distrib .dropdown li.disabled:hover {
  background: none;
  cursor: default;
}
.wrapper-dropdown.distrib .dropdown li a {
  padding: 0;
  color: #333;
  display: block;
  transition: all 0.3s ease-out;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  background: none;
}
.wrapper-dropdown.distrib .dropdown li a:hover {
  background: none;
}
.wrapper-dropdown.distrib.active {
  border-color: #a3aeb6;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper-dropdown.distrib.active .wrapper-dropdown-placeholder {
  color: #fff;
  outline: none;
}
.wrapper-dropdown.distrib.active .dropdown {
  border-top: 0;
  border: 1px solid #a3aeb6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper-dropdown-placeholder {
  text-decoration: none;
  overflow: hidden;
  max-width: 242px;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.wrapper-dropdown .dropdown-arrow {
  display: block;
  width: 8px;
  height: 5px;
  background: url("ico-dropdown-arrow.svg");
  position: absolute;
  top: 18px;
  right: 10px;
}
.wrapper-dropdown .ficon-arrow_v {
  top: 0;
  right: 10px;
  position: absolute;
}
.wrapper-dropdown .dropdown {
  /* Size & position */
  position: absolute;
  top: 100%;
  /*left: -1px;  Size */
  right: -1px;
  /* Size */
  /* Styles */
  background: #fff;
  border-radius: 0 0 2px 2px;
  border: 1px solid #d5dfe3;
  border-bottom: none;
  list-style: none;
  transition: all 0.3s ease-out;
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* Hiding */
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  min-width: 220px;
}
.wrapper-dropdown .dropdown li:hover a {
  background: #f3f8f8;
}
.wrapper-dropdown .dropdown li a {
  display: block;
  padding: 10px 20px;
  transition: all 0.3s ease-out;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrapper-dropdown .dropdown li:last-of-type a {
  border: none;
}
.wrapper-dropdown .dropdown li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}
.wrapper-dropdown.active {
  border-radius: 2px 2px 0 0;
  background: #eff3f5;
  box-shadow: none;
  border: 1px solid #d5dfe3;
  border-bottom: none;
  color: #fff;
  /*&:after {
            border-color: @dropdown-border transparent;
        }*/
}
.wrapper-dropdown.active .dropdown-arrow,
.wrapper-dropdown.active .ficon-arrow_v {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.wrapper-dropdown.active .dropdown {
  border-bottom: 1px solid #d5dfe3;
  max-height: 500px;
  opacity: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.wrapper-distrib {
  position: relative;
  white-space: nowrap;
}
.wrapper-distrib .btn {
  margin: 0;
}
.wrapper-distrib .btn:first-child {
  border-radius: 2px 0 0 2px;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper-distrib .btn:last-child {
  border-radius: 0 2px 2px 0;
}
.video-instruction-modal__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  cursor: pointer;
}
.video-instruction-modal__content {
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.video-instruction-modal__btn-close {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  color: white;
}
.video-instruction-modal__iframe {
  border: none;
}
.modal {
  width: 600px;
  max-height: 700px;
  overflow: auto;
}
.modal.size-x2,
.modal.size-lg {
  width: 800px;
}
.modal.size-xlg {
  width: 1000px;
}
.modal.size-xxlg {
  width: 1280px;
  max-height: 760px;
  min-height: 600px;
}
.modal.size-m {
  width: 480px;
}
.modal.size-sm {
  width: 400px;
}
.modal-caption {
  font-size: 21px;
  margin: 0.2em 0 0.8em 0;
  text-align: center;
}
.modal-caption.align-left {
  text-align: left;
}
.modal-body {
  text-align: left;
}
.modal-scrollable {
  max-height: 450px;
  overflow: auto;
  padding-right: 10px;
}
.modal-buttons {
  margin-top: 20px;
}
.modal-buttons .btn {
  min-width: 65px;
}
@media only screen and (max-width: 1020px) {
  .modal.size-xlg {
    width: 600px;
  }
  .modal.size-xxlg {
    width: 600px;
  }
}
@media only screen and (max-width: 1280px) {
  .modal.size-xlg {
    width: 600px;
  }
  .modal.size-xxlg {
    width: 600px;
  }
}
@media only screen and (max-width: 700px) {
  .modal.size-x2,
  .modal.size-lg,
  .modal.size-xlg,
  .modal.size-xxlg {
    width: 600px;
  }
}
.modal .totals {
  background: #f6f9fb;
  border: 1px solid #d5dfe3;
  margin-bottom: 30px;
  padding-top: 15px;
}
.modal .totals p {
  padding-left: 20px;
}
.modal .empty-list {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 5%;
  position: relative;
}
.data-error {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 18%;
  position: relative;
}
.wizard {
  background: #fff;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 75px;
  margin: 0;
  height: auto;
  max-height: initial;
}
.wizard .close {
  position: absolute;
  top: 24px;
  right: 20px;
}
.wizard-layout {
  z-index: 888;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden;
}
.wizard-layout.state-show {
  display: block;
}
.wizard__area-to-close {
  width: 75px;
  background: transparent;
  height: 100vh;
  cursor: pointer;
}
.wizard__feature-item {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.wizard__feature-plus {
  font-size: 16px;
  font-weight: 300;
  margin-right: 2px;
}
.wizard__feature-minus {
  font-size: 16px;
  font-weight: 300;
  margin-right: 2px;
}
.wizard .content-fixed.top.eula-multicaption {
  font-size: 16px;
  margin-top: 0;
}
.wizard .wizard-caption:not(:empty) {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  line-height: 24px;
  margin: 15px 0 5px 0;
  padding-bottom: 7px;
}
.wizard .wizard-caption:not(:empty):first-child {
  margin-top: 0;
}
.wizard .wizard-caption:not(:empty) .notification-banner {
  background-color: #fffba3;
  padding: 10px;
  margin-bottom: 10px;
}
.wizard .wizard-caption:not(:empty) .notification-banner .notification-banner-item {
  margin: 5px 0;
}
.wizard .wizard-caption:empty {
  min-height: 0px;
  height: 0px;
}
.wizard .wizard-licenseWrap {
  border: 1px solid #D5D8DA;
  padding: 8px 10px;
  margin: 20px 30px 0 30px;
}
.wizard .full-height {
  display: flex;
  flex-direction: column;
}
.wizard-header {
  border-bottom: none;
  display: block;
  background: #fff;
  padding: 20px 30px;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wizard-header .header-steps {
  text-align: left;
}
.wizard-header .header-steps kl-cc-locale {
  display: inline-block;
  color: #666666;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px;
}
.wizard-header .header-text {
  text-align: left;
  color: #1d1d1b;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.wizard-header .header-nav {
  position: absolute;
  top: 22px;
  left: 20px;
}
[dir="rtl"] .wizard-header .header-nav {
  right: 20px;
  left: auto;
}
.wizard-header .header-nav .btn {
  font-size: 20px;
  margin-right: 20px;
}
[dir="rtl"] .wizard-header .header-nav .btn {
  margin-right: 0;
  margin-left: 20px;
}
.wizard-body {
  padding: 0 30px 20px 30px;
  overflow: auto;
  text-align: left;
  line-height: 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.wizard-body-border {
  border: 1px solid #00a89e;
  padding: 6px 12px;
}
.wizard-body-full-height {
  height: 100%;
}
.wizard-body-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.wizard-body .wizard-innerscroll {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-flex: flex;
  -moz-box-flex: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: stretch;
  /* Mozilla */
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
}
.wizard-body .wizard-innerscroll ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #F5F5F5;
}
.wizard-body .wizard-innerscroll ::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.wizard-body .wizard-innerscroll ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.wizard-body .wizard-innerscroll .content-scroll {
  min-height: 100px;
  position: relative;
}
.wizard-body .wizard-innerscroll .content-scroll._offset {
  margin: 20px 30px;
  padding: 0;
  border-bottom: 1px solid #d5dfe3;
}
.wizard-body .wizard-innerscroll .content-scroll._tablebody {
  padding-top: 0;
}
.wizard-body ul.no-bullet {
  list-style: none;
}
.wizard-body ul.no-padding {
  padding-left: 0;
}
.wizard-footer {
  padding: 20px 30px;
  background: #fff;
  text-align: left;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.wizard-footer .col:before {
  content: '\00A0';
}
.wizard-footer.footer-dark {
  background: #b3b3b3;
}
.wizard-buttons {
  padding-bottom: 40px;
  margin-bottom: -20px;
}
.wizard-buttons.to-bottom {
  flex: 1;
  display: flex;
  align-items: end;
}
.wizard-buttons.sticky-block {
  position: sticky;
  bottom: -20px;
  height: 96px;
  padding: 24px 30px 40px 30px;
  background: #fff;
  margin: 0 -30px;
}
.wizard-buttons.sticky-block.with-border {
  border-top: 1px solid #e7e7e7;
}
.wizard-buttons .btn {
  min-width: 130px;
}
.wizard .table-wizardUsers td,
.wizard .table-wizardNotifications td {
  outline: none;
}
.wizard .table-wizardUsers td:first-child,
.wizard .table-wizardNotifications td:first-child {
  width: 40%;
}
.wizard .table-wizardUsers span,
.wizard .table-wizardNotifications span {
  display: inline-block;
  outline: none;
  min-height: 1em;
  min-width: 1em;
}
.wizard .table-wizardUsers .state-invalid,
.wizard .table-wizardNotifications .state-invalid {
  color: #bf0000;
}
.wizard .table-wizardUsers .state-invalid .b-icon,
.wizard .table-wizardNotifications .state-invalid .b-icon {
  position: absolute;
  margin-left: -20px;
  margin-top: 1px;
  color: #6b777e;
}
.wizard .table-wizardUsers .state-invalid .b-icon:before,
.wizard .table-wizardNotifications .state-invalid .b-icon:before {
  font-size: 15px;
}
.wizard .table-wizardNotifications td:first-child {
  width: 80px;
}
.wizard .license-agreements-innerscroll .content-fixed {
  padding-top: 8px;
}
.wizard .license-agreements-innerscroll .description kl-cc-locale {
  padding: 0 8px;
}
.wizard .license-agreements-innerscroll .description kl-cc-locale:first-child {
  padding-left: 0px;
  border-right: 1px solid #999999;
}
.wizard .license-agreements-innerscroll .wizard-buttons .btn-default {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.89);
  padding: 10px 30px;
  margin-top: 40px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal {
  color: #1d1d1b;
  padding: 24px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .modal-caption,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .modal-caption {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
  margin-bottom: 16px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .kcsh-modal-header,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .kcsh-modal-header {
  display: flex;
  column-gap: 8px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .kcsh-modal-header__icon,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .kcsh-modal-header__icon {
  flex-shrink: 0;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .kcsh-modal-subtitle,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .kcsh-modal-subtitle {
  margin-bottom: 16px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .kcsh-modal-body,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .kcsh-modal-body {
  max-width: 408px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 24px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .kcsh-modal-body kl-cc-locale,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .kcsh-modal-body kl-cc-locale {
  display: block;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .kcsh-modal-text-line,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .kcsh-modal-text-line {
  margin-bottom: 8px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .modal-buttons,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .modal-buttons {
  display: flex;
  column-gap: 16px;
  margin-top: 0;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .modal-buttons .btn,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .modal-buttons .btn {
  min-width: 116px;
  margin: 0;
  padding: 6px 12px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .modal-buttons .btn kl-cc-locale,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .modal-buttons .btn kl-cc-locale {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .modal .ficon-close,
kl-cc-popup[ref^="kcsh-popup-warning"] .modal .ficon-close {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 24px;
  right: 24px;
  font-size: 10px;
  width: 16px;
  height: 16px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .kcsh-popup-running-migration-notification {
  display: flex;
  gap: 16px;
  align-items: center;
  border-radius: 8px;
  background-color: #E0F4FE;
  padding: 20px 16px;
  margin-bottom: 24px;
}
kl-cc-popup[ref^="kcsh-popup-running-migration"] .icon-info-migration {
  flex-shrink: 0;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .wizard-footer,
kl-cc-stepper-step[ref^="ksch-load-data"] .wizard-footer,
kl-cc-stepper-step[ref^="accept"] .wizard-footer,
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .wizard-footer,
kl-cc-stepper-step[ref^="ksch-reboot"] .wizard-footer,
kl-cc-stepper-step[ref^="ksch-activation"] .wizard-footer,
kl-cc-stepper-step[ref^="ksch-start"] .wizard-footer,
kl-cc-stepper-step[ref^="ksch-fail"] .wizard-footer {
  padding-bottom: 32px;
}
kl-cc-stepper-step .header-kl-cc-step {
  color: #1d1d1b;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] {
  color: #1d1d1b;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .info {
  margin-top: 24px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .info .b-icon {
  margin-right: 8px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .info .h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-bottom: 16px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .ksch-help {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .ksch-help-link {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .welcome-info-list-item {
  margin-top: 8px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .welcome {
  max-width: 675px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .wizard-header {
  max-width: 675px;
  padding-bottom: 8px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .header-text {
  color: #1d1d1b;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  max-width: 654px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .notifications {
  margin: 24px 0;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .notifications .notification {
  border-radius: 8px;
  color: #1d1d1b;
  background: #FFF7E5;
  padding: 16px 20px;
  align-items: center;
  column-gap: 16px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .notifications .notification .plugin-warning__icon {
  flex-shrink: 0;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .btn {
  min-width: 140px;
}
kl-cc-stepper-step[ref^="ksch-welcome"] .content-cols_item .btn {
  margin: 0 16px 0 0;
}
kl-cc-stepper-step[ref^="ksch-load-data"] .ksch-load {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
kl-cc-stepper-step[ref^="ksch-load-data"] .ksch-load .icon-preload-spinner {
  zoom: 3;
  margin: 0 auto 8px;
}
kl-cc-stepper-step[ref^="ksch-load-data"] .ksch-load .title {
  color: #1d1d1b;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
kl-cc-stepper-step[ref^="ksch-load-data"] .btn {
  min-width: 140px;
}
kl-cc-stepper-step[ref^="ksch-load-data"] .content-cols_item .btn {
  margin: 0 16px 0 0;
}
kl-cc-stepper-step[ref^="accept"] {
  color: #1d1d1b;
}
kl-cc-stepper-step[ref^="accept"] .wizard-header {
  padding-bottom: 8px;
}
kl-cc-stepper-step[ref^="accept"] .header-text {
  color: #1d1d1b;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  max-width: 654px;
}
kl-cc-stepper-step[ref^="accept"] .content-fixed {
  padding: 0 30px;
}
kl-cc-stepper-step[ref^="accept"] .content-scroll {
  border-radius: 4px;
  border: 1px solid #979797;
  padding: 20px;
  margin: 0 30px;
}
kl-cc-stepper-step[ref^="accept"] .wizard-innerscroll {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
kl-cc-stepper-step[ref^="accept"] .checkbox-label {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin: 0;
}
kl-cc-stepper-step[ref^="accept"] .checkbox-text {
  margin: 0;
}
kl-cc-stepper-step[ref^="accept"] .accept-link {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
kl-cc-stepper-step[ref^="accept"] .accept-link .b-icon {
  display: inline-block;
  cursor: pointer;
  margin-left: 4px;
}
kl-cc-stepper-step[ref^="accept"] .accept-link:first-child {
  margin-bottom: 8px;
}
kl-cc-stepper-step[ref^="accept"] .accept-controls {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
kl-cc-stepper-step[ref^="accept"] .btn {
  min-width: 140px;
  padding: 6px 12px;
  font-weight: 400;
  line-height: 20px;
}
kl-cc-stepper-step[ref^="accept"] .content-cols_item .btn {
  margin: 0 16px 0 0;
}
kl-cc-stepper-step[ref^="accept"] .agreement-container {
  margin-top: 16px;
}
kl-cc-stepper-step[ref^="accept"] .agreement-container p {
  color: #1d1d1b;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin: 0;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] {
  color: #1d1d1b;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .wizard-header {
  padding-bottom: 8px;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .header-text kl-cc-locale {
  color: #1d1d1b;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .form-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 240px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 0;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .form-input.has-error {
  border-color: #ed2939;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .nagent-protection-subtitle {
  max-width: 654px;
  margin-bottom: 16px;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .form-error {
  display: inline-block;
  color: #ed2939;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  margin-top: 4px;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .password-icon {
  color: #999999;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .btn {
  min-width: 140px;
  padding: 6px 12px;
  font-weight: 400;
  line-height: 20px;
}
kl-cc-stepper-step[ref^="ksch-nagent-protection"] .content-cols_item .btn {
  margin: 0 16px 0 0;
}
kl-cc-stepper-step[ref^="ksch-reboot"] {
  color: #1d1d1b;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .header-text {
  color: #1d1d1b;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .wizard-header {
  padding-bottom: 8px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .reboot-subtitle {
  margin-bottom: 24px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .reboot {
  max-width: 654px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .reboot-user-action {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding-left: 24px;
  margin-top: 8px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .reboot-user-action-force {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  align-items: flex-start;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .reboot-user-action-timer {
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .reboot-user-action-timer .form-input {
  width: 148px;
  color: #1d1d1b;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .has-error {
  border-color: #ed2939;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .hint {
  color: #666666;
  font-size: 12px;
  line-height: 16px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .hint-error {
  color: #ed2939;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .form-textarea {
  width: 386px;
  height: 94px;
  resize: none;
  padding: 6px 8px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] kl-cc-checkbox .checkbox-label {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin: 0;
}
kl-cc-stepper-step[ref^="ksch-reboot"] kl-cc-checkbox .checkbox-text {
  margin: 0;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .radio-label {
  margin: 0;
  margin-bottom: 8px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .notifications {
  margin: 24px 0;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .notifications .notification {
  border-radius: 8px;
  color: #1d1d1b;
  background: #FFF7E5;
  padding: 16px 20px;
  align-items: center;
  column-gap: 16px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .notifications .notification .plugin-warning__icon {
  flex-shrink: 0;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .btn {
  min-width: 140px;
  padding: 6px 12px;
  font-weight: 400;
  line-height: 20px;
}
kl-cc-stepper-step[ref^="ksch-reboot"] .content-cols_item .btn {
  margin: 0 16px 0 0;
}
kl-cc-stepper-step[ref^="ksch-activation"] {
  color: #1d1d1b;
}
kl-cc-stepper-step[ref^="ksch-activation"] .header-text {
  color: #1d1d1b;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  max-width: 654px;
}
kl-cc-stepper-step[ref^="ksch-activation"] .wizard-header {
  padding-bottom: 8px;
}
kl-cc-stepper-step[ref^="ksch-activation"] .checkbox-label {
  margin: 0;
  color: rgba(0, 0, 0, 0.89);
}
kl-cc-stepper-step[ref^="ksch-activation"] .activation {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  max-width: 654px;
}
kl-cc-stepper-step[ref^="ksch-activation"] .activation-info {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
kl-cc-stepper-step[ref^="ksch-activation"] .activation-assignment {
  color: #666666;
  margin-top: 4px;
  padding-left: 24px;
}
kl-cc-stepper-step[ref^="ksch-activation"] .btn {
  min-width: 140px;
  padding: 6px 12px;
  font-weight: 400;
  line-height: 20px;
}
kl-cc-stepper-step[ref^="ksch-activation"] .content-cols_item .btn {
  margin: 0 16px 0 0;
}
kl-cc-stepper-step[ref^="ksch-start"] .ksch-start {
  color: #1d1d1b;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 8px;
}
kl-cc-stepper-step[ref^="ksch-start"] .ksch-start .icon-preload-spinner {
  zoom: 3;
  margin-bottom: 16px;
}
kl-cc-stepper-step[ref^="ksch-start"] .ksch-start .ksch-start-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
kl-cc-stepper-step[ref^="ksch-start"] .ksch-start .ksch-start-message {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
kl-cc-stepper-step[ref^="ksch-fail"] .ksch-fail {
  color: #1d1d1b;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
kl-cc-stepper-step[ref^="ksch-fail"] .ksch-fail .icon-error-64 {
  margin-bottom: 24px;
}
kl-cc-stepper-step[ref^="ksch-fail"] .ksch-fail .ksch-fail-title {
  display: inline-block;
  max-width: 440px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 8px;
  text-align: center;
}
kl-cc-stepper-step[ref^="ksch-fail"] .ksch-fail .ksch-fail-message {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 16px;
}
kl-cc-stepper-step[ref^="ksch-fail"] .ksch-fail .btn {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 16px;
}
kl-cc-stepper-step[ref^="license-agreements"] .wizard-header {
  padding-bottom: 0;
}
kl-cc-stepper-step[ref^="license-agreements"] .pdfDownloadLink {
  margin-left: 5px;
  text-decoration: none;
}
kl-cc-stepper-step[ref^="eula"] .pdfDownloadLink {
  margin-left: 5px;
  text-decoration: none;
}
kl-cc-stepper-step[ref^="eula-view"] .pdfDownloadLink {
  margin-left: 5px;
  text-decoration: none;
}
.downloadWorkspaceSettingsLink {
  margin: 0px 5px 0px 0px;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (min-width: 990px) {
  .wizard.size-sm {
    width: 550px;
  }
}
/* user add */
.wizard-useradd-ta {
  height: 400px;
  resize: none;
  flex: 1;
}
.wizard-text_table {
  width: 100%;
  table-layout: fixed;
}
.wizard-text_table p:first-child {
  margin-top: 0;
}
.wizard-text_table td {
  vertical-align: top;
  padding: 10px;
}
.wizard-text_table-label {
  width: 200px;
}
.wizard-table-notification {
  position: absolute;
  width: 400px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -200px;
  text-align: center;
  font-size: 14px;
}
.wizard-table-notification .title {
  font-weight: 500;
  display: block;
  margin: 5px 0;
}
.wizard-table-notification .subtitle {
  display: block;
  margin: 5px 0;
}
.b-browser-legacy .wrap-body {
  border-left: 1px solid #dfdedb;
  border-right: 1px solid #dfdedb;
}
.b-browser-legacy .header {
  height: auto;
}
.b-browser-legacy .logo {
  width: 251px;
  height: 41px;
  background: url("logo-legacy.gif") no-repeat;
}
.b-browser-legacy .logo:before {
  display: none;
}
.b-browser-wrong {
  background: #ffff00;
  color: #000;
  padding: 5px 20px;
  display: inline;
  zoom: 1;
}
.b-browser-wrong-layout {
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
.b-browser-wrong-wrap {
  left: 0;
  right: 0;
  top: 3px;
  position: fixed;
  text-align: center;
}
.emb-css .b-browser-wrong-wrap {
  position: absolute;
}
.b-browser-wrong .wrap-body {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.action-bar {
  padding: 0;
  position: relative;
  overflow: hidden!important;
  height: 74px;
  -webkit-animation: slideInUpBar 450ms;
  animation: slideInUpBar 450ms;
  text-align: right;
  -webkit-transition: all 450ms ease;
  transition: all 450ms ease;
}
kl-action-bar.action-bar {
  overflow: visible!important;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation: slideInUpBarFixed 450ms;
  animation: slideInUpBarFixed 450ms;
  z-index: 1;
}
.action-bar._slideDown {
  -webkit-transition: all 450ms ease;
  transition: all 450ms ease;
  height: 0;
}
.action-bar-item {
  border-top: 1px solid #dfdedb;
  position: absolute;
  padding: 20px;
  width: 100%;
  background: #FFFBA3;
}
.action-bar-item._fakestack {
  margin-top: 2px;
  box-shadow: 0 -1px 0 0 #FFFBA3, 0 -2px 0 0 #dfdedb;
}
.action-bar-item:nth-child(2) {
  margin-top: 2px;
}
.action-bar-item:nth-child(3) {
  margin-top: 4px;
}
.action-bar-item:nth-child(4) {
  margin-top: 6px;
}
.action-bar-item:nth-child(5) {
  margin-top: 8px;
}
.action-bar-item:nth-child(6) {
  margin-top: 10px;
}
.action-bar-item:last-child {
  -webkit-animation: slideInUpBarItem 450ms;
  animation: slideInUpBarItem 450ms;
}
.action-bar-item:first-child {
  -webkit-animation: none;
  animation: none;
}
.b-wizardsearch {
  margin-top: 10px;
  position: relative;
}
.b-wizardsearch .form-input {
  padding-right: 30px;
}
.b-wizardsearch .form-input:active,
.b-wizardsearch .form-input:focus,
.b-wizardsearch .form-input.active {
  background: #f9fbd6;
}
.b-wizardsearch-clear {
  position: absolute;
  top: 10px;
  right: 7px;
}
.b-grid-reboot-space {
  border-spacing: 10px;
}
.connection-img {
  display: block;
  width: 100%;
  min-height: 490px;
  min-width: 900px;
  background: transparent url("kes.png") center center no-repeat;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 10;
}
.content-centered {
  display: flex;
  flex-direction: column;
}
.content-centered .btn {
  align-self: center;
}
.content-fixed.top {
  margin-top: 30px;
}
kl-information-reports .info-list-item a {
  cursor: pointer;
}
.report a {
  cursor: pointer;
}
.report-table-wrap thead td {
  white-space: nowrap;
  min-width: 100px;
  text-align: left;
}
.report-table-container {
  max-height: 610px;
  background: #fff;
  margin-top: 10px;
  display: block;
  overflow: auto;
}
.flyout {
  --flyout-width: 500px;
  position: fixed;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 88;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  text-align: left;
  width: var(--flyout-width, 500px);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.17);
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideFromRight;
  animation-name: slideFromRight;
  background: #fff;
}
.flyout__area-to-close {
  background: transparent;
  height: 100vh;
  cursor: pointer;
}
.flyout_wide {
  --flyout-width: calc(100vw - 100px);
}
.flyout.active {
  display: flex;
}
.flyout-layout {
  z-index: 888;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.flyout-layout.active {
  display: block;
}
.flyout .close {
  position: absolute;
  line-height: 25px;
  font-size: 14px;
  cursor: pointer;
  z-index: 5;
  height: 25px;
  width: 45px;
  right: 15px;
  top: 18px;
  text-align: center;
}
.flyout-header {
  display: block;
  background: #fff;
  padding: 20px 60px 20px 40px;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 20px;
  font-weight: 500;
}
.flyout-blocks-wrapper {
  display: contents;
}
.flyout-description {
  display: block;
  background: #fff;
  padding-left: 40px;
  padding-right: 40px;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.flyout .notify {
  padding: 15px 10px;
  margin: 10px 0;
  display: flex;
  align-items: flex-start;
}
.flyout .notify.warning {
  background: #fef9e9;
  border: 1px solid #f7e8c2;
}
.flyout .notify.info {
  background: #f3fbff;
  border: 1px solid #d2efff;
}
.flyout .notify .text {
  margin-left: 10px;
}
.flyout-body {
  padding: 4px 40px 20px 40px;
  text-align: left;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.flyout-body > h4:first-child {
  margin-top: 0;
}
.flyout-footer {
  padding: 20px 40px 40px 40px;
  position: sticky;
  bottom: 0;
  background-color: white;
}
.flyout-footer .btn {
  min-width: 100px;
}
.flyout h4 {
  margin: 1.5em 0 0.4em 0;
}
.flyout div:first-child > h4 {
  margin-top: 0;
}
.flyout .status-22 .ficon {
  font-size: 22px;
  margin: 0 7px 0 0;
  vertical-align: middle;
}
.flyout .status-22 .text {
  vertical-align: middle;
  margin-top: 4px;
  display: inline-block;
}
.flyout-form__section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 16px;
}
.flyout-form__section:last-child {
  margin-bottom: 0;
}
.center-flyout-container {
  display: flex;
  flex-direction: column;
  z-index: 88;
  text-align: left;
  width: var(--flyout-width, 500px);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.17);
  background: #fff;
  height: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  border-radius: 4px;
  border-color: #fff;
  border-style: solid;
  transform: translate(-50%, -50%);
}
@-webkit-keyframes slideFromRight {
  from {
    transform: translateX(500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideFromRight {
  from {
    transform: translateX(500px);
  }
  100% {
    transform: translateX(0);
  }
}
.details-page {
  position: fixed;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  top: 0;
  bottom: 0;
  left: 280px;
  right: 0;
  text-align: left;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.17);
  background: #fff;
}
.details-page.active {
  display: block;
}
.details-page-layout {
  z-index: 888;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.details-page-layout.active {
  display: block;
}
.update-flyout-status .popover {
  display: inline-block;
  top: 2px;
  margin-left: 8px;
}
.update-flyout-status .popover .ficon {
  color: #999999;
}
.update-flyout-link {
  display: flex;
  align-items: center;
}
.update-flyout-link .ficon {
  color: #999999;
  margin-right: 8px;
}
.update-flyout-update-type {
  margin-left: 24px;
  font-size: 12px;
  margin-top: 4px;
}
.fix-device-status-flyout-body .recommendations {
  margin-top: 36px !important;
}
.fix-device-status-flyout-body .rows {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.fix-device-status-flyout-body .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 24px;
}
.fix-device-status-flyout-body .itemContent {
  margin-top: 8px;
}
.fix-device-status-flyout-body .column2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-left: 10px;
}
.fix-device-status-flyout-body .btnAction {
  padding: 4px 8px;
  font-weight: 300;
  width: fit-content;
}
.fix-device-status-flyout-body .panelUpdateDbStarted {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.fix-device-status-flyout-body .lblDatabaseUpdateStarted {
  margin-left: 8px;
  margin-top: 1px;
}
.fix-device-status-flyout-footer .btn {
  min-width: 140px;
}
.fix-device-status-flyout ul {
  padding: 0;
  /* Убираем поля */
  margin-left: 0px;
  /* Отступ слева */
}
.fix-device-status-flyout li {
  margin-top: 24px;
}
.distributed-mode-flyout .bold {
  font-weight: 600;
}
.distributed-mode-flyout .cropped {
  width: 60%;
}
.distributed-mode-flyout-header {
  padding-bottom: 12px;
}
.distributed-mode-flyout .list-icon {
  margin-top: 5px;
}
.distributed-mode-flyout .column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-left: 10px;
}
.distributed-mode-flyout .button-link {
  margin-top: 16px;
  width: fit-content;
}
.distributed-mode-flyout .open-button {
  padding: 6px 12px;
  width: fit-content;
}
.distributed-mode-flyout .link-icon {
  margin-left: 8px;
}
.distributed-mode-flyout .list-link {
  margin-top: 8px;
  width: fit-content;
}
.distributed-mode-flyout .help-link {
  margin-top: 24px;
}
.distributed-mode-flyout .rows {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.distributed-mode-flyout .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 24px;
}
.distributed-mode-flyout .footer-icon {
  margin-left: 6px;
}
.distributed-mode-flyout .column2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-left: 10px;
}
.hosted-migration-failed-flyout .flyout-header,
.hosted-migration-failed-flyout .flyout-description,
.hosted-migration-failed-flyout .flyout-body,
.hosted-migration-failed-flyout .flyout-footer {
  width: 60%;
}
.hosted-migration-failed-flyout .flyout-header {
  padding-bottom: 12px;
  font-weight: 600;
}
.not-connected-flyout .bold {
  font-weight: 600;
}
.not-connected-flyout .open-button {
  padding: 6px 12px;
  width: fit-content;
}
.not-connected-flyout .list-icon {
  margin-top: 5px;
}
.not-connected-flyout .column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-left: 10px;
  margin-top: 4px;
}
.not-connected-flyout .rows {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.not-connected-flyout .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 24px;
}
.not-connected-flyout .indent {
  margin-top: 8px;
}
.sp-cols {
  min-height: 0;
}
.sp {
  left: 75px;
}
.sp__area-to-close {
  width: 75px;
  background: transparent;
  height: 100vh;
  cursor: pointer;
}
.sp.active {
  display: flex;
}
.sp-header {
  position: relative;
  padding: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.sp-header-text {
  font-size: 18px;
  font-weight: 500;
}
.sp-header .close {
  position: absolute;
  line-height: 25px;
  font-size: 14px;
  cursor: pointer;
  z-index: 5;
  height: 25px;
  width: 45px;
  right: 15px;
  top: 18px;
  text-align: center;
}
.sp-cols {
  flex: 1;
  display: flex;
}
.sp-col-menu {
  width: 245px;
  height: 100%;
  background: #f6f6f6;
  overflow: auto;
}
.sp-col-content {
  padding: 20px;
  flex: 1;
  transform: translateX(0);
}
.sp-col-content > .content-scroll {
  padding: 0;
}
.sp-col-content kl-auto-breadcrumb .bread,
.sp-col-content kl-cc-breadcrumb .bread {
  font-size: 14px;
  font-weight: 300;
}
.sp-col-content > .content-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.feature-selector-caption {
  padding-top: 12px;
}
.below-agreement-text {
  padding-top: 9px;
}
kl-pagination {
  display: flex;
  margin: 30px 0;
  justify-content: flex-end;
}
.nav-pagination {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  color: #333;
  font-weight: 700;
}
.nav-pagination .ficon-arrow {
  vertical-align: text-bottom;
}
.nav-pagination .ficon-arrow:before {
  color: #999;
}
.nav-pagination .ficon-arrow.right {
  margin-left: 10px;
}
.nav-pagination .ficon-arrow.left {
  margin-right: 10px;
}
.nav-pagination > li {
  display: inline-block;
  vertical-align: middle;
}
.nav-pagination-rannge {
  margin: 0 5px;
}
.nav-pagination-prev,
.nav-pagination-next,
.nav-pagination-first,
.nav-pagination-last,
.nav-pagination-num {
  margin: 0 5px;
  padding: 5px 10px;
  text-decoration: none;
  color: #333;
}
.nav-pagination-prev:hover,
.nav-pagination-next:hover,
.nav-pagination-first:hover,
.nav-pagination-last:hover,
.nav-pagination-num:hover,
.nav-pagination-prev:active,
.nav-pagination-next:active,
.nav-pagination-first:active,
.nav-pagination-last:active,
.nav-pagination-num:active,
.nav-pagination-prev:focus,
.nav-pagination-next:focus,
.nav-pagination-first:focus,
.nav-pagination-last:focus,
.nav-pagination-num:focus {
  color: #666666;
}
.nav-pagination-num {
  display: inline-block;
  text-decoration: none;
  min-width: 20px;
  text-align: center;
}
.nav-pagination-num.current {
  background: #00a89e;
  color: #ffffff;
}
.detail-text-caption {
  color: #011822;
  font-weight: 500;
  margin: 20px 0 8px 0;
}
.detail-text-caption:first-child {
  margin-top: 0;
}
.detail-text-subheader {
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}
.detail-text-margin-top12 {
  margin-top: 12px;
}
.detail-text-margin-left4 {
  margin-left: 4px;
}
.detail-text-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.detail-item {
  margin: 0 0 24px 0;
}
.detail-item-value {
  color: #666;
  margin-top: 5px;
}
.detail-item-text {
  margin-left: 15px;
  margin-right: 15px;
  text-align: justify;
}
.detail-item__description {
  color: #333333;
  font-size: 12px;
  margin-top: 8px;
  display: inline-block;
}
.detail-item__icon-label {
  display: inline-grid;
  grid-auto-flow: column;
  column-gap: 0.5em;
  align-items: flex-start;
  word-break: break-all;
}
.detail-banner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 15px;
  padding: 0 16px;
  background: var(--background-color, white);
  border-top: 1px solid var(--border-color, 'white');
  border-bottom: 1px solid var(--border-color, 'white');
}
.detail-banner_error {
  --background-color: #ffebed;
  --border-color: #ebbfc2;
}
.detail-banner_warning {
  --background-color: #faf6d9;
  --border-color: #f1dfb0;
}
.detail-banner_info {
  --background-color: #def4fb;
  --border-color: #add5eb;
}
.detail-banner_success {
  --background-color: #e1fbed;
  --border-color: #9eded4;
}
.detail-banner__icon {
  margin-right: 16px;
  margin-bottom: 2px;
  display: flex;
  align-items: flex-start;
  padding: 16px 0;
}
.detail-banner__text {
  padding: 16px 0;
  font-size: 14px;
  font-weight: 300;
  color: #1d1d1b;
}
.detail-banner__link {
  font-size: 14px;
  font-weight: 300;
  color: #1E856F;
}
.detail-tabs-body {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  flex: auto;
  border-bottom: none;
  overflow: auto;
}
.cont-detail-layout {
  border-left: none;
  border-right: none;
  padding-bottom: 0;
  margin-top: 20px;
}
.cont-detail-layout-left {
  width: 30%;
  vertical-align: top;
  min-width: 384px;
}
.cont-detail-layout-right {
  border-left: 1px solid #e7e7e7;
}
.cont-detail-layout-right .nav-tabs-wrap {
  margin: -20px 0 0 -1px;
}
.cont-detail-layout > .content-cols {
  height: 90%;
}
.devices {
  background: #fff;
  /*border: 1px solid #d5dfe3;*/
  /*width: 365px;*/
  position: relative;
  /*padding-bottom: 40px;
    margin-bottom: 40px;*/
}
.devices .user-device:nth-child(odd) {
  background: #f6f6f6;
}
.user-device {
  padding: 15px;
  white-space: nowrap;
  font-size: 16px;
}
.user-device-text {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.user-device-ver {
  display: block;
  color: #97a7af;
  margin-top: 0.2em;
  max-width: 260px;
}
.user-device-link {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  display: block;
}
.user-device-add {
  display: block;
  margin: 0 0 -20px -20px;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 50%;
}
.user-device-add:before {
  content: '+';
  font-size: 47px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 1px;
}
.detail-device-commands {
  max-width: 400px;
  min-width: 280px;
}
.detail-device-commands .btn {
  margin: 10px 0;
}
.detail-device-history {
  min-width: 360px;
  max-width: 620px;
  height: 400px;
  background: #fff;
  /*padding: 10px;*/
  border: 1px solid #d5dfe3;
  overflow: auto;
}
.detail-device-history-control {
  min-width: 360px;
  max-width: 620px;
}
.device-content {
  display: flex;
}
.support-list {
  max-width: 1200px;
}
.support-list-item {
  padding: 20px 20px 0 20px;
  margin: 10px 0;
}
.support-list-item:first-child {
  margin-top: 0;
}
.support-list .item-cols {
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -moz-box-align: flex-start;
  /* Mozilla */
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
}
.support-list .text-state-ok {
  color: #009983;
  text-decoration: none;
}
.support-list .col-ico {
  min-width: 30px;
  text-align: center;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.support-list .col-ico .b-icon {
  font-size: 25px;
}
.support-list .col-support-text {
  margin: 0 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.support-list .description {
  color: #6b777e;
}
.support-list .value-text {
  margin-bottom: 7px;
}
.icon-support {
  font-size: 30px;
  color: #3c8dcc;
  margin: 0 15px;
}
.info-list {
  /* Info page cols */
  /* end Info page cols */
}
.info-list-item {
  background: transparent;
  padding: 20px 30px;
  margin: 20px 0 20px 4px;
  border: 1px solid #ccc;
  border-left: none;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), -4px 0 0 0 #ccc;
  min-height: 104px;
}
.info-list-item.item-done {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), -4px 0 0 0 #1E856F;
}
.info-list-item.item-warning {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), -4px 0 0 0 #ffaa00;
}
.info-list-item.item-critical {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), -4px 0 0 0 #ed2939;
}
.info-list-item.item-info {
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), -4px 0 0 0 #44ade2;
}
.info-list-item:first-child {
  margin-top: 0;
}
.info-list .form-caption {
  margin-bottom: 20px;
}
.info-list .form-caption:first-child {
  margin-top: 0;
}
.info-list .item-cols {
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
}
.info-list .text-state-ok {
  color: #009983;
  text-decoration: none;
}
.info-list .col-ico {
  min-width: 30px;
  text-align: center;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.info-list .col-ico .ficon {
  width: 47px;
  height: 47px;
  font-size: 47px;
}
.info-list .col-system-ico {
  min-width: 60px;
}
.info-list .col-system-ico .user-device-ico {
  margin: 0;
}
.info-list .col-step_name {
  width: 30%;
  margin: 0 30px;
}
.info-list .col-step_text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.info-list .col-monitoring-text,
.info-list .col-distrib-text {
  margin: 0 30px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.info-list .col-distrib-button .btn {
  min-width: 125px;
}
.info-list .col-monitoring-hide {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.info-list .description {
  color: #6b777e;
}
.info-list .value-text {
  margin-bottom: 7px;
}
.info-events-filter {
  display: table;
  width: 100%;
}
.info-events-filter .filter-col {
  display: table-cell;
  padding-bottom: 20px;
}
.info-events .line-primary {
  margin-bottom: 7px;
  display: block;
  white-space: nowrap;
}
.info-paragraph__title {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
}
.info-licenses {
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  margin: 0 -10px 10px -10px;
}
.info-licenses .info-license {
  border: solid 1px #ccc;
  background-color: white;
  margin: 10px;
  padding: 20px 20px 20px 90px;
  width: 458px;
  min-height: 156px;
  position: relative;
}
.info-licenses .info-license-icon {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 48px;
  color: #1E856F;
}
.info-licenses .quantity {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.info-licenses .quantity .current {
  font-size: 32px;
  line-height: 27px;
  margin-right: 3px;
}
.info-licenses .quantity .of {
  margin-left: 3px;
}
.info-blocks {
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px;
}
.info-blocks:not(:last-child) {
  margin-bottom: 10px;
}
.info-blocks.complex-widget .widget.widget-donut,
.info-blocks.complex-widget .widget.widget-casb-small-table {
  min-height: 225px;
  display: flex;
}
.info-blocks .info-block {
  position: relative;
  width: 458px;
  min-height: 156px;
  margin: 5px;
  padding: 20px 20px 20px 90px;
  border: 1px solid #ccc;
  background: white;
}
.info-blocks .info-block.wide {
  width: 100%;
  max-width: 926px;
  min-height: 120px;
}
@media (max-width: 1271px) {
  .info-blocks .info-block.wide {
    max-width: 458px;
  }
}
.info-blocks .info-block-icon {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 48px;
}
.info-blocks .info-block-title {
  font-weight: 500;
  margin-bottom: 8px;
  color: #000000;
  line-height: 1.4;
}
.info-blocks .info-block-title .btn.btn-link {
  font-weight: 500;
  line-height: 1.4;
}
.info-blocks .info-block-title .enable-cloud-discovery-btn.active {
  color: #333333;
  margin-right: 10px;
}
.info-blocks .info-block-title .connect-dlp365-tenant-btn {
  margin-left: 5px;
}
.info-blocks .info-block-title .connect-dlp365-tenant-btn .btn {
  display: inline-block;
  margin-top: -3px;
}
.info-blocks .info-block-text {
  margin: 5px 0;
}
.info-blocks .info-block__interceptor-link {
  margin-top: 10px;
  display: inline-block;
}
.info-blocks .info-block__interceptor-link-inline {
  margin-top: 10px;
  margin-left: 5px;
  display: inline;
}
.info-blocks .info-block-links {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.info-blocks .info-block-links_right {
  justify-content: flex-end;
}
.info-blocks .info-block.item-done {
  box-shadow: inset 4px 0 0 0 #1E856F;
}
.info-blocks .info-block.item-warning {
  box-shadow: inset 4px 0 0 0 #ffaa00;
}
.info-blocks .info-block.item-critical {
  box-shadow: inset 4px 0 0 0 #ed2939;
}
.info-blocks .info-block .cloud-discovery-feedback {
  margin-top: 20px;
}
.info-blocks .info-block a {
  color: #1e856f;
}
.info-blocks.complex-widget {
  border: 1px solid #ccc;
  width: 926px;
  margin: 0 0 10px 0;
  background-color: white;
}
.info-blocks.complex-widget .widget {
  border: none;
  box-shadow: none;
  margin: 0;
}
.info-blocks.complex-widget .widget.widget-area {
  height: 270px;
}
.info-blocks:not(.complex-widget) > .widget,
.info-blocks:not(.complex-widget) > kl-widget {
  display: flex;
  margin-top: 5px;
}
.info-blocks:not(.complex-widget) > .widget:not(:last-child),
.info-blocks:not(.complex-widget) > kl-widget:not(:last-child) {
  margin-right: 10px;
}
.info-blocks .widget {
  position: relative;
  width: var(--widget-width, 458px);
  min-height: 225px;
  border: 1px solid #ccc;
  background-color: white;
  padding: 20px;
}
.info-blocks .widget .grid .tick {
  color: #cccccc;
}
.info-blocks .widget .grid path {
  stroke-width: 0;
}
.info-blocks .widget.wide {
  width: 100%;
  max-width: 926px;
}
@media (max-width: 1271px) {
  .info-blocks .widget.wide {
    max-width: 458px;
  }
}
.info-blocks .widget-placeholder {
  width: 100%;
}
.info-blocks .widget .casb-placeholder {
  text-align: center;
  padding: 10px;
  border: 1px dashed grey;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.info-blocks .widget .casb-placeholder.no-data div {
  margin: 10px 0;
}
.info-blocks .widget .casb-placeholder.disabled div {
  margin: 5px 0;
}
.info-blocks .widget-chart {
  width: 120px;
  height: 120px;
  position: absolute;
  margin-top: 15px;
}
.info-blocks .widget-chart .chart-counter {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  width: 120px;
  height: 120px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.info-blocks .widget-legend {
  width: var(--widget-legend-width, 270px);
  margin-left: 130px;
  vertical-align: top;
}
.info-blocks .widget-legend ul {
  list-style: none;
  padding: 0;
}
.info-blocks .widget-legend .legend-item {
  padding: 5px 0;
  height: 26px;
}
.info-blocks .widget-legend .legend-item.active {
  font-weight: 500;
  padding: 4px 0;
}
.info-blocks .widget-legend .legend-item.active a {
  color: #fff;
  text-decoration: none;
}
.info-blocks .widget-legend .casbCategories-legend.active:hover,
.info-blocks .widget-legend .casbCategories-legend.active {
  font-weight: 500;
  background: #51aee2;
}
.info-blocks .widget-legend .casbCategories-legend.active:hover a,
.info-blocks .widget-legend .casbCategories-legend.active a,
.info-blocks .widget-legend .casbCategories-legend.active:hover .legend-value,
.info-blocks .widget-legend .casbCategories-legend.active .legend-value {
  color: #fff;
}
.info-blocks .widget-legend .casbCategories-legend:hover {
  background: #def4fb;
}
.info-blocks .widget-legend .casbCategories-legend:hover a,
.info-blocks .widget-legend .casbCategories-legend:hover .legend-value {
  color: #000;
}
.info-blocks .widget-legend .legend-value {
  display: inline-block;
  width: 40px;
  text-align: right;
  margin-right: 5px;
  vertical-align: middle;
}
.info-blocks .widget-legend .legend-color {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  vertical-align: middle;
}
.info-blocks .widget-legend .legend-title {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-blocks .widget-legend .legend-title .helper {
  font-size: 12px;
  font-weight: 500;
}
.info-blocks .widget-description {
  width: 260px;
  margin-left: 160px;
  display: inline-block;
  vertical-align: top;
}
.info-blocks .widget-disclaimer {
  width: 260px;
  margin-top: 8px;
  margin-left: 15px;
  display: inline-block;
  vertical-align: top;
}
.info-blocks .widget .widget-dropdown-icon {
  color: #006d5c;
  cursor: pointer;
}
.info-blocks .widget .dropdown-menu .item {
  font-weight: 300;
  padding: 6px 8px;
}
.info-blocks .widget-title {
  font-weight: 500;
  margin-bottom: 12px;
}
.info-blocks .widget-title .title-status {
  display: inline-block;
}
.info-blocks .widget-title .btn.btn-link {
  font-weight: 500;
  color: #00a89e;
}
.info-blocks .widget-title .link {
  font-weight: 300;
}
.info-blocks .widget-table {
  position: relative;
  width: 926px;
  height: 320px;
  padding: 20px;
  border: 1px solid #ccc;
}
.info-blocks .widget-table .table tr {
  height: 24px;
}
.info-blocks .widget-table .table td {
  padding: 4px 10px;
}
.info-blocks .widget-table .table tbody {
  border: none;
}
.info-blocks .widget-table .empty-table-placeholder {
  width: 400px;
  position: absolute;
  left: 50%;
  top: 150px;
  margin-left: -200px;
  text-align: center;
}
.info-blocks .widget-table .empty-table-placeholder .placeholder-title {
  margin-bottom: 5px;
  font-weight: 500;
}
.info-blocks .widget.widget-casb-small-table {
  --widget-width: auto;
  position: relative;
  min-height: 225px;
  padding: 20px;
}
.info-blocks .widget.widget-casb-small-table_empty {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 45px;
}
.info-blocks .widget.widget-casb-small-table .table {
  margin-top: 20px;
}
.info-blocks .widget.widget-casb-small-table .table tr {
  height: 24px;
}
.info-blocks .widget.widget-casb-small-table .table td {
  padding: 5px 0;
}
.info-blocks .widget.widget-casb-small-table .table tbody {
  border: none;
}
.info-blocks .widget.widget-casb-small-table .empty-table-placeholder {
  width: 200px;
  position: absolute;
  left: 50%;
  top: 150px;
  margin-left: -100px;
  text-align: center;
}
.info-blocks .widget.widget-casb-small-table .empty-table-placeholder .placeholder-title {
  margin-bottom: 5px;
  font-weight: 500;
}
.info-blocks .widget-casb-table {
  width: 100%;
  height: auto;
  min-height: auto;
  background-color: transparent;
}
.info-blocks .widget-casb-table.loading {
  height: 200px;
}
.info-blocks .widget-casb-table .widget-title {
  padding: 10px 20px 10px 20px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}
.info-blocks .widget-casb-table .widget-title.dark {
  background: #000000;
}
.info-blocks .widget-casb-table .widget-title .link {
  font-weight: 300;
}
.info-blocks .widget-casb-table .widget-title__text_white {
  color: white;
}
.info-blocks .widget-casb-table__separator {
  border-color: #4a4a4a;
  margin: 8px 0 11px 0;
}
.info-blocks .widget-casb-table__notification {
  padding: 18px;
  background: #DFF4FF;
  border: 1px solid #60ACDD;
  box-sizing: border-box;
  border-radius: 2px;
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.info-blocks .widget-casb-table .widget-warning {
  display: flex;
}
.info-blocks .widget-casb-table .widget-warning .b-icon {
  color: #44ade2;
  margin-right: 8px;
}
.info-blocks .widget-casb-table .widget-warning a {
  color: #23D1AE;
}
.info-blocks .widget-casb-table .table tbody {
  border: none;
}
.info-blocks .widget-casb-table .table tr {
  height: 24px;
}
.info-blocks .widget-casb-table .table td {
  padding: 6px 10px;
}
.info-blocks .widget-casb-table .table td:first-child {
  text-align: end;
}
.info-blocks .widget-casb-table .empty-table-placeholder {
  display: flex;
  background: #def4fb;
  padding: 20px;
  margin: 0 -20px -20px -20px;
  border-top: 1px solid #ADD5E9;
}
.info-blocks .widget-casb-table .empty-table-placeholder .ficon-ico-information-panel {
  color: #44ade2;
  font-weight: 600;
}
.info-blocks .widget-casb-table .empty-table-placeholder .placeholder-title {
  margin-left: 20px;
}
.info-blocks .widget-donut-timeline {
  position: relative;
  width: 926px;
  height: 230px;
  margin: 5px;
  padding: 20px 20px 20px 20px;
  border: 1px solid #ccc;
  border-left: none;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05), -1px 0 0 0 #ccc;
}
.info-feedback-form-container {
  max-width: 926px;
  height: 92px;
  background-color: #dff8f3;
  border: 1px solid #6bc9b8;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 36px 0 25px;
}
.info-feedback-form-btnBlack {
  background-color: #0d0d15;
  font-size: 14px;
  font-weight: 600;
  color: #f5f8fb;
  border-radius: 5px;
  border-width: 0;
}
.info-feedback-form-linkBlack {
  color: #0d0d15;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.info-reports {
  margin-bottom: 20px;
}
.info-reports-item {
  padding: 15px 20px 15px 90px;
  margin: 0 -30px;
  position: relative;
  min-height: 75px;
}
.info-reports-item-icon {
  position: absolute;
  left: 25px;
  top: 13px;
  font-size: 48px;
}
.info-reports-item-title {
  font-weight: 500;
  margin-bottom: 4px;
  color: #00a89e;
}
.info-reports-item-title a {
  text-decoration: underline;
}
.info-reports-item:nth-child(odd) {
  background: #f6f6f6;
}
.info-reports .report-type-links {
  display: inline-flex;
  margin-left: 10px;
}
.info-reports .report-type-links:before {
  content: '[';
}
.info-reports .report-type-links:after {
  content: ']';
}
.info-reports .report-type-links__item {
  display: inline-block;
  margin: 0 5px 0 5px;
}
.offset-bottom {
  margin-bottom: 10px;
}
.distrib-item {
  background: #eff3f5;
  padding: 20px;
  margin: 15px 0;
}
.distrib-item .offset-v-box:last-child {
  margin-bottom: 0;
}
.distrib-item .user-device-ico {
  margin: 0;
}
.distrib-item .text-small p:last-child {
  margin-bottom: 0;
}
.distrib-text {
  padding: 0 20px;
}
.distrib-buttons {
  text-align: right;
}
.distrib-buttons .btn {
  white-space: nowrap;
}
.distrib-buttons .btn-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.distrib-buttons .btn-group .btn:first-child {
  width: 100%;
}
.distrib-icon {
  padding: 5px 0 0 0;
  min-width: 60px;
  text-align: center;
}
.distrib-select-button {
  min-width: 125px;
  border-color: #a3aeb6;
  background: #e6ecee;
  box-shadow: inset 0 1px 0 0 #fff, 0 2px 3px -1px rgba(0, 0, 0, 0.1);
  color: #333;
  padding: 5px 10px;
  cursor: pointer;
}
.distrib-select-button:hover {
  background: #fafafa;
}
.distrib-select-button:active,
.distrib-select-button.active,
.open > .dropdown-toggle.distrib-select-button {
  background: #b6bfc1;
  box-shadow: none;
}
.b-legend-label,
.b-legend-item {
  display: inline-block;
}
.b-legend-label {
  font-weight: 400;
}
.b-legend-item {
  margin: 0 7px;
  line-height: 0.9;
}
.b-legend-item a {
  text-decoration: none;
  border-bottom: 1px dashed;
  display: inline-block;
}
.b-legend-item.active a {
  cursor: default;
  border-bottom: none;
  color: #000;
}
.b-legend-item-separator {
  margin-left: 5px;
  margin-right: 5px;
}
.b-legend .ficon {
  margin: 0 7px;
}
.b-legend .b-icon {
  margin: 0 7px;
}
.license-expired {
  position: absolute;
  left: 50%;
  z-index: 11;
}
.license-expired-inner {
  position: relative;
  left: -50%;
  background: #fffba3;
  font-size: 16px;
  padding: 10px 34px;
}
.progress-scale {
  margin: 30px 100px 30px 0;
}
.progress-scale .scale-box {
  position: relative;
  margin: 3px 0;
  border: 1px solid #ccc;
  background-color: white;
}
.progress-scale .scale-box-fill {
  background: #1E856F;
  width: 0;
  height: 24px;
  margin: -1px;
  position: relative;
  z-index: 2;
  border-right: 2px solid #1E856F;
  box-sizing: content-box;
  transition: width 150ms ease;
}
.progress-scale .scale-steps {
  color: #858585;
}
.progress-scale .fill-steps {
  color: #fff;
  text-align: right;
  margin-right: 30px;
  line-height: 25px;
}
.progress-scale .point {
  height: 24px;
  width: 1px;
  position: absolute;
  top: -1px;
  left: 0;
}
.progress-scale .point-name {
  position: absolute;
  top: 35px;
  color: #000;
  margin-left: -50px;
  min-width: 100px;
  display: block;
  text-align: center;
}
.progress-scale .point-flag {
  position: absolute;
  bottom: 30px;
  right: -10px;
  color: #b3b3b3;
}
.progress-scale .point.passed {
  z-index: 3;
}
.progress-scale .point.passed .point-name {
  color: #858585;
}
.progress-scale .point.passed .point-flag {
  color: #1E856F;
}
.progress-scale .point.passed .point-flag:before {
  content: "\e922";
}
.progress-scale .finish {
  position: absolute;
  right: -20px;
  top: -11px;
  z-index: 10;
}
h2.distribution-package-title {
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 10px 0;
}
.distribution-package {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
  margin: 20px 0;
  padding: 20px 20px 20px 70px;
  position: relative;
}
.distribution-package .ico-spinner {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 32px;
  height: 32px;
  right: auto;
  bottom: auto;
  border-width: 2px;
}
.distribution-package-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 32px;
  height: 32px;
  font-size: 11px;
  line-height: 31px;
}
.distribution-package-icon:before {
  background-color: #1E856F;
  border-radius: 3px;
  border: 1px solid #1E856F;
  font-size: 11px;
  color: #fff;
  font-weight: 500;
}
.distribution-package-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.distribution-package-title a {
  text-decoration: none;
}
.distribution-package-message {
  padding: 20px 30px;
  background: #FFF8E0;
  border: 1px solid #FFF8E0;
  border-left: none;
  border-right: none;
  margin: -20px -30px 20px -30px;
  display: flex;
  align-items: center;
}
.distribution-package-message-text {
  margin-left: 12px;
}
.distribution-package-message.critical {
  background: rgba(255, 68, 85, 0.1);
  border: 1px solid rgba(255, 68, 85, 0.2);
}
.distribution-package-message .ficon {
  font-size: 22px;
}
.distribution-package .dropdown-toggle {
  text-decoration: none;
}
.distribution-package .description {
  border-top: 1px solid #1D1D1B1A;
  margin: 15px -20px -20px -70px;
  padding: 20px 20px 20px 70px;
}
.distribution-package .description a {
  cursor: pointer;
}
.distribution-package .description p:first-child {
  margin-top: 0;
}
.distribution-package .description p:last-child {
  margin-bottom: 0;
}
.distribution-package .description .agreements-links {
  margin-top: 30px;
}
.distribution-package .description .agreements-links a {
  margin-right: 10px;
  color: #666666;
}
.distribution-package .btn-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 8px;
}
.distribution-package .btn-group .btn:not(.btn-clear) {
  display: flex;
  align-items: center;
  column-gap: 6px;
  background: #fff;
  color: rgba(0, 0, 0, 0.89);
  padding: 4px 8px;
}
.distribution-package .btn-group .btn-default {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
}
.distribution-package .btn-group .btn-default kl-cc-locale {
  font-size: 12px;
}
.distribution-package .btn-group .btn-link {
  transition: 400ms;
}
.distribution-package .btn-group .btn-link:hover {
  background-color: #F6F6F6;
}
.distribution-package .btn-group .btn-clear {
  display: flex;
  column-gap: 12px;
  align-items: center;
}
.additional-links {
  border-top: 1px solid #e7e7e7;
  padding: 20px 0;
  margin: 50px 0;
}
.events-filter {
  display: flex;
  align-items: flex-end;
  padding: 20px 30px;
}
.events-filter_margin {
  margin: 0 -30px 0 -30px;
}
.events-filter.rm-gap-top {
  margin-top: -29px;
}
.events-filter-item {
  margin: 0 40px 0 0;
}
.events-filter-item:last-child {
  margin: 0;
}
.events-filter-item.right {
  margin-left: auto;
}
.events-filter .title {
  color: #999;
  margin-bottom: 10px;
}
.events-filter .btn-group > .btn.dropdown-toggle {
  padding: 0;
}
.events-filter .ficon-ico-menu_update {
  font-size: 12px;
}
.events-type-switch {
  display: flex;
  min-height: 15px;
  margin-top: -5px;
}
.events-type-switch .btn-link {
  text-decoration: none;
  border-bottom: 1px dashed #00a89e;
  margin: 5px 12px 0 0;
}
.events-type-switch .btn-link:last-child {
  margin: 5px 0 0 0;
}
.events-type-switch .btn-link.active {
  color: #000;
  border-bottom-color: transparent;
}
.update-filters {
  display: flex;
}
.update-filters .btn-link {
  text-decoration: none;
  border-bottom: 1px dashed #00a89e;
  margin: 0;
  margin-top: 5px;
}
.update-filters .btn-link:first-child {
  margin-right: 8px;
}
.update-filters .update-filters-line {
  color: #999999;
  margin: 5px 8px 0px 5px;
}
.affected-filter {
  display: flex;
  align-items: center;
  margin: 34px 0 22px 0;
}
.affected-filter-item {
  display: flex;
}
.affected-filter-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-right: 8px;
}
.affected-filter-line {
  color: #999999;
  margin: 5px 8px 0px 5px;
}
.affected-filter .btn-link {
  text-decoration: none;
  border-bottom: 1px dashed #00a89e;
  margin: 0;
  margin-top: 5px;
}
.affected-filter .btn-link:first-child {
  margin-right: 8px;
}
.affected-devices-caption .caption-item {
  margin-bottom: 8px;
}
.affected-devices-caption .caption-label {
  font-weight: 400;
  font-size: 14px;
}
.affected-devices-caption .caption-value {
  font-weight: 300;
  font-size: 14px;
}
.item-toggable {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.item-toggable__control {
  cursor: pointer;
}
.item-toggable__btn {
  margin-right: 4px;
}
.item-toggable__content_hidden {
  display: none;
}
.filter-title {
  font-weight: 300;
}
.task-list {
  max-width: 1200px;
}
.task-list-item {
  background: #eff3f5;
  margin: 15px 0;
}
.task-list-item .grid-cols-item {
  padding: 20px;
}
.task-list-item:first-child {
  margin-top: 0;
}
.parameter {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 20px;
}
.parameter-col {
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
}
.parameter-col:last-child {
  padding-right: 0;
}
[dir="rtl"] .parameter-col {
  padding-right: 0;
  padding-left: 20px;
}
.parameter-name {
  font-weight: 500;
  font-size: 14px;
}
.parameter-desc {
  margin-top: 6px;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 14px;
  margin-bottom: 10px;
  color: #1D1D1B;
}
.parameter .checkbox-wrap {
  margin: 0;
}
.parameter .checkbox-wrap .trigger {
  margin-top: 1px;
}
.parameter.component-toggle {
  margin-bottom: 30px;
}
.parameter.has-error,
.has-error .parameter {
  box-shadow: 0 0 0 5px #eff3f5, 0 0 0 6px #a94442;
}
.settings-item {
  margin-bottom: 25px;
}
.settings-title {
  margin-bottom: 10px;
  font-weight: 500;
}
.settings-text {
  margin: 10px 0 15px 0;
}
.settings-has-error {
  color: #a94442;
}
.details-page-layout .parameter-name {
  font-weight: 500;
}
.settings-subscribers {
  margin: 15px 0;
}
.settings-btn-link {
  font-weight: 400;
}
.list-editor-fixedrow {
  display: block;
}
.list-editor-fixedrow .table {
  table-layout: fixed;
}
.list-editor-fixedrow .table td {
  padding: 10px;
}
.list-editor-fixedrow .fixedrow-item,
.list-editor-fixedrow kl-cc-raw {
  height: 34px;
  display: block;
  overflow: hidden;
}
.list-editor-fixedrow .fixedrow-item .trigger-wrap,
.list-editor-fixedrow kl-cc-raw .trigger-wrap {
  margin-top: 6px;
}
.list-editor-fixedrow thead tr {
  background: white;
  outline: 1px solid #d5dfe3;
}
.list-editor-fixedrow tbody td kl-cc-text,
.list-editor-fixedrow tbody td kl-cc-locale {
  height: 34px;
  display: table-cell;
  vertical-align: middle;
}
.list-editor-fixedrow .form-controlbox-content {
  min-height: 400px;
}
.list-editor-fixedrow.has-error {
  border: 1px solid #a94442;
}
.notifications {
  position: relative;
  z-index: 11;
}
.notifications .notification {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  padding: 16px 32px;
  background: #fffba3;
  display: flex;
  flex-direction: row;
}
.notifications .notification.paddingAAC {
  padding: 16px 34px;
}
.notifications .notification.ok_aac {
  background: #E3F9F4;
  color: #000;
}
.notifications .notification.warning_aac {
  background: #FFF7E5;
  color: #000;
}
.notifications .notification.warning {
  background: #fffba3;
  color: #000;
}
.notifications .notification.info {
  background: #def4fb;
  color: #000;
}
.notifications .notification.error {
  background: #ec3c3c;
  color: #fff;
}
.notifications .notification.important {
  background: #FDEAEB;
  color: #1D1D1B;
}
.notifications .notification_error {
  background: #FDEAEB;
}
.notifications .notification .b-icon {
  margin-right: 16px;
}
.notifications .notification .close-notification {
  font-size: 13px;
  margin-left: auto;
  padding-left: 16px;
  cursor: pointer;
}
.notifications .notification .close-notification:hover {
  opacity: 0.8;
}
.notifications .notification .notification-link {
  text-decoration: underline;
  cursor: pointer;
  color: #1E856F;
  font-weight: 600;
  margin: 0px 4px;
}
.notifications .license-changed-notification {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  padding: 16px 32px;
  background: #fffba3;
  display: flex;
  flex-direction: row;
  background: #ECFAFF;
}
.notifications .license-changed-notification.paddingAAC {
  padding: 16px 34px;
}
.notifications .license-changed-notification.ok_aac {
  background: #E3F9F4;
  color: #000;
}
.notifications .license-changed-notification.warning_aac {
  background: #FFF7E5;
  color: #000;
}
.notifications .license-changed-notification.warning {
  background: #fffba3;
  color: #000;
}
.notifications .license-changed-notification.info {
  background: #def4fb;
  color: #000;
}
.notifications .license-changed-notification.error {
  background: #ec3c3c;
  color: #fff;
}
.notifications .license-changed-notification.important {
  background: #FDEAEB;
  color: #1D1D1B;
}
.notifications .license-changed-notification_error {
  background: #FDEAEB;
}
.notifications .license-changed-notification .b-icon {
  margin-right: 16px;
}
.notifications .license-changed-notification .close-notification {
  font-size: 13px;
  margin-left: auto;
  padding-left: 16px;
  cursor: pointer;
}
.notifications .license-changed-notification .close-notification:hover {
  opacity: 0.8;
}
.notifications .license-changed-notification .notification-link {
  text-decoration: underline;
  cursor: pointer;
  color: #1E856F;
  font-weight: 600;
  margin: 0px 4px;
}
.notification_icon_padding {
  padding-right: 16px;
}
.global-notifications-popup {
  background: #fef9e9;
  position: relative;
}
.global-notifications-popup-message {
  padding: 16px 32px 0px 32px;
  border-left: none;
  border-right: none;
  display: flex;
  align-items: flex-start;
}
.global-notifications-popup-message.critical {
  background: rgba(255, 68, 85, 0.1);
  border: 1px solid rgba(255, 68, 85, 0.2);
}
.global-notifications-popup .b-icon {
  margin-right: 16px;
}
.global-notifications-popup-link {
  padding: 8px 0 16px 64px;
}
.global-notifications-popup-link .btn-link {
  font-weight: 700;
}
.distribution-mode-popup {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 32px 12px 32px;
}
.distribution-mode-popup.distributed {
  background: #EEEEFF;
}
.distribution-mode-popup.postmigrated {
  background: #FFF7E5;
}
.distribution-mode-popup-title {
  max-width: 60%;
  align-self: center;
}
.distribution-mode-popup-button-link {
  margin-right: 12px;
  text-decoration: none;
}
.distribution-mode-popup-button {
  padding: 4px 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
}
.distribution-mode-popup-button span {
  margin-left: 4px;
}
.distribution-mode-popup-button:hover .icon-link-external {
  background-image: url('ico-link-external-green.svg');
}
.distribution-mode-popup-links {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.distribution-mode-popup-link {
  font-weight: 600;
  cursor: pointer;
}
.sticky-notifications {
  position: sticky;
  top: 0;
}
.edr-graph > svg {
  width: 100%;
  height: var(--graph-height);
  fill: rgba(1, 24, 34, 0.75);
}
.edr-graph {
  height: var(--graph-height);
  flex: 1;
}
@media screen and (min-height: 901px) {
  .edr-graph {
    --graph-height: 350px;
  }
}
@media screen and (max-height: 900px) {
  .edr-graph {
    --graph-height: 250px;
  }
}
@media screen and (max-height: 699px) {
  .edr-graph {
    --graph-height: 200px;
  }
}
.edr-graph-btn-block {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 2px;
  position: absolute;
  top: 23px;
  right: 26px;
  z-index: 101;
}
.edr-graph-btn-block svg {
  cursor: pointer;
}
.edr-graph-btn-block .edr-graph-btn-control {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #c4c4c4;
  border-radius: 8px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.edr-graph-legend {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 16px;
  position: absolute;
  top: 12px;
  left: 9px;
  z-index: 101;
  gap: 20px;
  width: fit-content;
  margin-top: 12px;
  margin-left: 9px;
  padding: 9px 10px 9px 10px;
  background-color: rgba(255, 255, 255, 0.48);
  border-radius: 3px;
}
.edr-graph-legend-color {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 3px;
  margin-right: 5px;
}
.edr-graph-legend-color_general {
  background: rgba(204, 204, 204, 0.72);
}
.edr-graph-legend-color_threated {
  background: rgba(70, 191, 172, 0.72);
}
.edr-graph-legend-color_unthreated {
  background: rgba(220, 71, 90, 0.72);
}
.edr-graph-legend-text {
  font-size: 14px;
  font-weight: 400;
  color: #1D1D1B;
}
.edr-graph-legend-item {
  display: flex;
  align-items: center;
}
.edr-grid-header {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(29, 29, 27, 0.1);
}
.edr-grid-header__cell {
  padding-left: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.edr-grid-header__cell_time {
  width: 180px;
}
.edr-grid-header__cell_description {
  flex-grow: 10;
}
.edr-grid-row {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(29, 29, 27, 0.1);
  background-color: var(--background-color, inherit);
  min-height: 56px;
  cursor: pointer;
}
.edr-grid-row.edr-grid-row_show-more {
  justify-content: center;
}
.edr-grid-row:hover {
  --background-color: #eaf4fc;
}
.edr-grid-row_selected {
  --background-color: #eaf4fc;
}
.edr-grid-row__cell {
  padding-left: 18px;
  display: flex;
  background-color: transparent;
  width: 100%;
  position: relative;
}
.edr-grid-row__cell .btn-group {
  position: absolute;
  top: 0;
  right: 0;
}
.edr-grid-row__cell_date-time {
  width: 180px;
  min-width: 180px;
  padding-top: 18px;
}
.edr-grid-row__cell_date-same {
  opacity: 0.3;
}
.edr-grid-row-children {
  display: var(--display-children, contents);
  background-color: inherit;
}
.edr-grid-row-children_closed {
  --display-children: none;
}
.edr-grid-row-name {
  display: flex;
  word-break: break-word;
  margin-right: 10px;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 18px;
  margin-bottom: 15px;
}
.edr-grid-row-icon {
  margin-right: 5px;
}
.edr-grid-row-text {
  display: flex;
  flex-direction: column;
}
.edr-grid-row-text-with-detect {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 500;
}
.edr-grid-row-text-with-detect .ficon {
  padding-left: 20px;
}
.edr-grid-row-menu {
  --visibility: visible;
  visibility: var(--visibility);
  margin: auto 20px auto auto;
  outline-color: transparent;
}
.edr-grid-row__content {
  background-color: rgba(204, 204, 204, 0.1);
}
.edr-grid-row__content:hover {
  background-color: rgba(51, 149, 222, 0.1);
}
.edr-grid-row__cell_content-grid {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  gap: 10px;
  padding: 19px 0;
  place-items: stretch;
  width: 100%;
}
.edr-grid-row__cell_content-grid-row-cell_value {
  word-break: break-all;
}
.edr-grid-tree-divider {
  height: var(--divider-height, 52px);
  width: 30px;
  display: grid;
  grid-template-columns: 30px;
  grid-template-rows: 27px 1fr;
  box-sizing: border-box;
  grid-gap: -1px;
  background-color: inherit;
}
.edr-grid-tree-divider-stub {
  margin-right: -1px;
}
.edr-grid-tree-divider:not(.edr-grid-tree-divider-stub) {
  margin-right: 15px;
}
.edr-grid-tree-divider-left-top,
.edr-grid-tree-divider-right-top {
  height: 28px;
}
.edr-grid-tree-divider-left-bottom,
.edr-grid-tree-divider-right-bottom {
  height: auto;
}
.edr-grid-tree-divider-left-top_left {
  border-left: 0.5px solid #999999;
}
.edr-grid-tree-divider-left-top_right {
  border-right: 0.5px solid #999999;
}
.edr-grid-tree-divider-left-bottom_top {
  border-top: 0.5px solid #999999;
}
.edr-grid-tree-divider-left-bottom_left {
  border-left: 0.5px solid #999999;
}
.edr-grid-tree-divider-left-bottom_right {
  border-right: 0.5px solid #999999;
}
.edr-grid-tree-control {
  display: inline-flex;
  --divider-height: 100%;
  position: relative;
  background-color: transparent;
  align-self: stretch;
}
.edr-grid-tree-control-closed .edr-grid-icon-arrow {
  --icon-rotation: rotate(-90deg);
}
.edr-grid-row-children .edr-grid-tree-control {
  margin-left: calc(30px - 1px);
}
.edr-grid-tree-control .edr-grid-icon-arrow {
  --icon-height: 16px;
  transform: var(--icon-rotation, rotate(0deg));
  position: absolute;
  top: calc(27px - var(--icon-height)/2);
  right: calc(calc(var(--icon-height) - 1px)/2);
  width: 16px;
  height: 16px;
  background-color: var(--background-color, white);
  cursor: pointer;
}
.edr-grid-icon-arrow svg {
  pointer-events: none;
}
.edr-grid-tree-control-closed .edr-grid-tree-divider:not(.edr-grid-tree-divider-stub) .edr-grid-tree-divider-left-bottom_right {
  border-right: none;
}
.edr-grid {
  height: calc(var(--edr-view-height) - var(--graph-height));
  display: flex;
  flex-direction: column;
  background-color: var(--edr-view-background-color, inherit);
  flex: 10;
}
.edr-grid-row_main {
  display: block;
  max-height: calc(100vh - var(--graph-height));
  position: relative;
  padding-bottom: 50px;
}
.edr-view {
  --edr-view-background-color: white;
  --graph-height: 350px;
  --edr-view-height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  background-color: inherit;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}
.edr-view > svg {
  width: 100%;
  position: relative;
  background-color: inherit;
}
.node {
  fill: #e7ffff;
  stroke: none;
}
.link {
  fill: none;
  stroke: #000000;
  stroke-width: 1px;
}
.edr-flyout-info-block {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}
.edr-flyout-info-block-description .edr-info-block {
  margin-top: 10px;
}
.edr-flyout-info-block-description kl-cc-toolbar {
  display: block;
  margin-top: -10px;
}
.edr-flyout-info-block-description kl-cc-toolbar .popup {
  margin-top: 27px;
}
.edr-info-block .ficon-menu {
  padding-top: 10px;
}
.edr-info-block:not(:last-child) {
  margin-right: 30px;
  white-space: nowrap;
}
.edr-info-block_right {
  margin-left: auto;
}
.edr-bar {
  text-align: center;
  margin-top: -10px;
}
.edr-bar > .isolate-host-button > button {
  width: 164px;
  text-align: left;
  font-size: 14px;
  font-weight: 200;
  box-sizing: border-box;
  height: 40px;
}
.flyout-description-alert {
  display: flex;
  line-height: 20px;
  padding: 16px 20px 16px 23px;
  background: #FDEAEB;
  margin-top: 24px;
  border-radius: 8px;
}
.flyout-description-alert > div.caution {
  margin-left: 19px;
}
.description-block {
  width: 100%;
  display: table;
  margin-bottom: 32px;
}
.description-row {
  display: table-row;
}
.description-row .title {
  padding-top: 16px;
  padding-right: 32px;
  max-width: 200px;
  width: 200px;
}
.description-row .title .icon-info-fill {
  margin-bottom: 2px;
}
.description-row .title kl-tooltip {
  margin-left: 8px;
}
.description-row > div {
  display: table-cell;
}
.description-row .value-text {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  overflow-wrap: break-word;
}
.description-row .value-text .ficon {
  margin-top: 11px;
}
.description-row .value-text > div:not(:last-child) {
  margin-bottom: 4px;
}
.configure-response-link {
  margin-top: 4px;
}
.description-row .title {
  font-weight: 500;
}
.flyout_scroll {
  overflow: scroll;
}
.block-title {
  display: table-caption;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 24px;
}
.edr-flyout-info-block {
  margin-top: 4px;
  padding: 18px 20px 16px;
}
.edr-flyout-info-block.success {
  background: #E3F9F4;
}
.edr-flyout-info-block.warning {
  background: #FFF7E5;
}
.edr-flyout-info-block-description {
  display: flex;
  flex-wrap: wrap;
}
.edr-flyout-info-status {
  display: flex;
  font-weight: 400;
}
.edr-flyout-info-block-icon {
  margin-right: 16px;
}
.edr-info-block .b-control {
  background: transparent;
  padding-left: 0;
}
.manual-response {
  vertical-align: middle;
  padding-top: 16px;
}
.manual-response .ficon-arrow_v {
  margin-left: 2px;
}
.manual-response .b-control-popup {
  width: 100%;
}
.manual-response .b-control .btn {
  font-size: 12px;
  padding: 5px 5px;
  margin-left: 0!important;
  margin-right: 0!important;
  height: 25px;
  width: 100%;
}
.manual-response .b-control .btn > kl-locale {
  padding-left: 4px;
}
.manual-response .b-control {
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 55px;
}
.manual-response .popup {
  left: -22px;
  top: 24px!important;
  width: 135px;
}
.edr-info-block .b-control-popup > button.btn {
  padding: 0 10px;
}
.edr-info-block .b-control-popup.to-bottom > .popup {
  top: 15px;
  left: -220%;
  width: 120px;
}
.edr-info-block .b-control-popup.to-bottom > .popup .popup-item {
  padding-right: 10px;
}
.edr-info-block .b-control-popup.to-bottom > .popup .popup-item__text {
  white-space: initial;
}
.edr-flyout-success-notification-block {
  background: #FFF7E5;
  padding: 18px 20px;
  margin-top: 16px;
  font-weight: 400;
}
.edr-flyout-successful-isolation-link {
  margin-left: 5px;
}
.info-block {
  margin-bottom: 16px;
}
.info-block_label {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
}
.edr-show-more-icon {
  color: #999999;
  padding-left: 12px;
  vertical-align: middle;
}
.updates-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.border-class {
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.update-information-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.update-block-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #1D1D1B;
}
.update-information-title :first-child {
  color: red !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1D1D1B;
  margin-bottom: 7px;
}
.up-arrow {
  transform: rotate(180deg);
}
.site-header {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  background-color: #FFF;
  height: 70px;
  margin-bottom: 150px;
}
.site-content {
  text-align: center;
}
.site-header .container .product-logo img {
  vertical-align: middle;
  max-height: 43px;
}
.container {
  width: 90%;
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
}
.product-logo {
  float: left;
  margin-right: 10px;
  margin-top: 12px;
}
.product-title {
  font-size: 0.7em;
  width: auto;
  float: left;
  display: block;
  margin-top: 20px;
}
.product-title a {
  text-decoration: none;
}
.product-title .title {
  font-size: 10px;
  color: #1E856F;
  display: block;
}
.product-title .sub-title {
  font-size: 14px;
  color: #4a4a4a;
  display: block;
  font-weight: 500;
}
.site-content .instruction {
  width: 500px;
  text-align: left;
  margin: auto;
}
.site-content .instruction .title {
  font-size: 18px;
  margin-bottom: 20px;
}
.site-content .instruction .sub-title {
  font-size: 14px;
  margin-top: -5px;
  margin-bottom: 30px;
}
.site-content .instruction .list-title {
  font-weight: 500;
  margin-bottom: 5px;
}
.site-content .instruction ol.list {
  margin-left: 0px 14px;
  padding: 0px;
}
.site-content .instruction ol.list li {
  margin: 5px 0;
}
.site-footer {
  height: 100px;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  border-top: 1px solid #e3e3e3;
  margin-top: 100px;
  background: white;
}
.site-footer .copyrights {
  display: block;
  height: 50px;
}
.site-footer .copyrights .text {
  margin-top: 20px;
  display: block;
  float: left;
  font-size: 12px;
  color: #A3A3A3;
}
.site-footer .copyrights .brand-logo {
  margin-top: 16px;
  display: block;
  float: right;
}
.site-footer .links {
  display: block;
  height: 50px;
  border-top: 1px solid #e3e3e3;
  font-size: 12px;
  color: #A3A3A3;
}
.site-footer .links ul {
  list-style: none;
  padding: 0px;
  margin: 20px 0;
}
.site-footer .links ul li {
  display: inline-block;
  margin-right: 8px;
}
.site-footer .links ul li a {
  color: #A3A3A3;
  text-decoration: none;
}
.site-footer .links ul li:not(:first-child):before {
  content: "\2022";
  cursor: default;
  color: #bababa;
  font-size: 1em;
  margin-right: 1em;
}
.message-block {
  display: grid;
  grid-template-columns: 16px auto;
  grid-template-rows: auto;
  grid-gap: 16px;
  border-radius: 8px;
  padding: 16px 20px;
}
.message-block.title {
  grid-template-areas: "icon title" "   . content";
}
.message-block.no-title {
  grid-template-areas: "icon content";
}
.message-block.no-title {
  grid-template-areas: "icon content";
}
.message-block.bottom-indent {
  margin-bottom: 20px;
}
.message-block .content {
  grid-area: content;
  display: flex;
  flex-direction: column;
  grid-gap: 4px;
}
.message-block .content .text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.message-block .icon {
  grid-area: icon;
}
.message-block.info {
  background: #E0F4FE;
}
.new-features-list li:first-child {
  margin-top: 24px;
  font-weight: 500;
}
.new-features-list li:not(:first-child) {
  font-weight: 300;
  margin-left: 13px;
}
.new-features-list .description-list li {
  margin-left: 10px;
  font-weight: 300;
}
.new-features-list p {
  margin-left: 14px;
}
.news-thanks-description {
  font-weight: 400;
  margin-bottom: 4px;
}
.news-next-button {
  margin: 0;
  padding: 0;
}
.edr-instructions .edr-instructions-step {
  margin: 20px 0;
}
.edr-instructions .edr-instructions-step .edr-step-title {
  margin-bottom: 10px;
  font-weight: 700;
}
.edr-instructions .edr-instructions-step .edr-step-description {
  text-align: justify;
}
.encryption-settings .feature {
  margin: 30px 0;
}
.encryption-settings .feature p {
  margin: 5px 0 5px 40px;
}
.encryption-approvement .notify,
.encryption-approvement .profiles,
.encryption-approvement .settings {
  margin: 20px 0;
}
.encryption-approvement .notify {
  background: #E0F4FE;
  border: 1px solid #0990D4;
  position: relative;
  margin-top: -20px;
}
.encryption-approvement .notify .notify-icon {
  position: absolute;
  top: 10px;
  left: 10px;
}
.encryption-approvement .notify .notify-content {
  margin: 10px 0px 0px 35px;
}
.encryption-approvement .profiles {
  position: relative;
}
.encryption-approvement .profiles .profile-list-title .ficon {
  position: absolute;
  top: -1px;
}
.encryption-approvement .profiles .profile-list-title .text {
  margin-left: 25px;
}
.encryption-approvement .profiles .profile-list {
  margin-left: 26px;
}
.encryption-approvement .profiles .profile-list .profile {
  margin: 7px 0;
}
.encryption-approvement .settings .settings-summary-title {
  margin-left: 25px;
}
.encryption-approvement .settings .settings-summary {
  margin-left: 25px;
}
.encryption-approvement .settings .settings-summary .setting {
  margin: 7px 0;
}
.encryption-management .table .encryption-status .ficon {
  vertical-align: middle;
}
.encryption-management .table .encryption-status .label {
  margin-left: 5px;
}
.encryption-management .table .encryption-status .action {
  margin-left: 10px;
}
.encryption-management .table .encryption-technology .ficon {
  vertical-align: middle;
  font-size: 20px;
  display: inline-block;
  margin-top: -5px;
}
.encryption-management .table .encryption-technology .label {
  margin-right: 10px;
}
.link {
  color: #00a89e;
  text-decoration: underline;
  cursor: pointer;
}
.link-external-block {
  display: flex;
  align-items: center;
}
.video-guide-link__layout {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.video-guide-link {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  vertical-align: text-bottom;
  color: #1e856f;
}
.video-guide-link__icon {
  --icon-color: #1e856f;
  margin-right: 5px;
}
.video-guide-link:not(:first-child) {
  margin-left: 10px;
}
.video-guide-link.no-margin {
  margin-left: 0px;
}
.video-guide-links {
  margin: -15px 0px 15px 0px;
}
.video-guide-links-ad {
  display: flex;
  flex-direction: row;
}
.video-guide-links .video-guide-link__icon {
  position: relative;
  top: 2px;
}
.skeleton-title {
  background: #CCCCCC;
  border-radius: 2px;
  width: 160px;
  height: 14px;
  margin-bottom: 12px;
}
.skeleton-title:not(:first-child) {
  margin-top: 27px;
}
.skeleton-text {
  background: #F6F6F6;
  border-radius: 2px;
  width: 100%;
  height: 14px;
  margin-bottom: 6px;
}
.plugin-warning {
  height: 72px;
  background: #FFF7E5;
  margin: -20px -30px 0;
  padding: 16px 32px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.plugin-warning__link {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}
.plugin-warning__icon {
  background: url("status_warning_outline.svg") no-repeat 0 0;
  width: 24px;
  height: 24px;
}
kl-auto-state-selector[kl-id="ComponentsType"] .fields label:first-child {
  font-size: 18px;
  color: #333;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 15px;
}
.remove-users .close {
  font-size: 14px;
  width: 24px;
  height: 24px;
  top: 19px;
  right: 19px;
  padding: 5px;
}
.remove-users .modal {
  padding: 24px;
}
.remove-users .modal-caption {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.89);
  margin-top: 0;
  margin-bottom: 16px;
}
.remove-users .modal-caption .icon {
  font-size: 18px;
  font-weight: 600;
  margin-right: 10px;
}
.remove-users .modal-body {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.89);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.remove-users .form-label {
  color: #666;
  margin-bottom: 4px;
}
.remove-users .warning-box {
  background-color: #FFF7E5;
  border-radius: 8px;
  padding: 16px 20px;
}
.remove-users .warning-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #1D1D1B;
  margin-bottom: 12px;
  display: flex;
  gap: 8px;
}
.remove-users .warning-title .icon {
  font-weight: 600;
}
.remove-users .list {
  margin-top: 8px;
}
.remove-users .modal-buttons {
  margin-top: 24px;
}
.remove-users .btn {
  min-width: 100px;
  margin-right: 16px;
}