.footer,
.footer * {
  box-sizing: border-box;
}
.footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.08);
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 700px) {
  .footer__inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
.footer-contact__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #141414;
}
@media screen and (max-width: 1330px) {
  .footer-contact__title {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.footer-contact__phone {
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: #141414;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
@media screen and (max-width: 1330px) {
  .footer-contact__phone {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.footer-contact__phone:hover {
  color: #0066ff;
}
.footer-credit {
  display: flex;
  align-items: center;
  gap: 1rem 1.5rem;
}
@media screen and (max-width: 700px) {
  .footer-credit {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.footer-credit__copyright {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
}
@media screen and (max-width: 1330px) {
  .footer-credit__copyright {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.footer-credit__socials {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.netangels-kit-modal-container--consent-prompt-modal {
  color: #141414;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .netangels-kit-modal-container--consent-prompt-modal {
    max-width: 300px;
  }
}
.consent-prompt-modal__image {
  height: 12.5rem;
  width: 12.5rem;
  margin: 0 auto;
}
.consent-prompt-modal__title {
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.875rem;
  margin: 0.5rem auto;
}
.consent-prompt-modal__description {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.consent-prompt-modal-button-block__button {
  display: flex;
  flex-direction: column;
  margin: 0.5rem auto 0.75rem;
}
.consent-prompt-modal-button-block__hint {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #454545;
  text-align: left;
}
.consent-prompt-modal-button-block__link {
  color: #0066ff;
  text-decoration: none;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/**
 * Prevent iOS text size adjust after orientation change, without disabling user zoom.
 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
ol,
ul {
  list-style: none;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
textarea {
  resize: vertical;
}
@keyframes block-loading {
  0% {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
@keyframes shake-animation {
  0% {
    transform: translate(0, 0);
  }
  1.78571% {
    transform: translate(5px, 0);
  }
  3.57143% {
    transform: translate(0, 0);
  }
  5.35714% {
    transform: translate(5px, 0);
  }
  7.14286% {
    transform: translate(0, 0);
  }
  8.92857% {
    transform: translate(5px, 0);
  }
  10.71429% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes icon-loading {
  0% {
    color: #b0b0b0;
  }
  100% {
    color: #e3e3e3;
  }
}
.header {
  z-index: 2;
  transition: top 0.2s ease-in-out;
}
.header,
.header * {
  box-sizing: border-box;
}
.header__top-line {
  height: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
}
.header__logo-link {
  display: contents;
}
.header__main-line {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
  padding: 1.25rem 0.5rem;
}
.header-menu {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.25rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  color: #141414;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
  padding: 0.5rem;
}
.header-menu .ui-kit-separator {
  width: calc(100% + 1rem);
  margin: 0.5rem -0.5rem;
}
.header-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.header-nav > .ui-kit-separator {
  width: 0.0625rem;
  height: 1rem;
  border: none;
  background-color: rgba(20, 20, 20, 0.25);
  margin: 0 0.75rem;
}
.header-nav-item {
  position: relative;
  border-radius: 1rem;
  margin: 0 0.75rem;
  transition: background-color 0.2s ease-in-out;
  user-select: none;
}
.header-nav-item__title {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #141414;
  transition: color 0.2s ease-in-out;
  white-space: nowrap;
}
.header-nav-item--active::after {
  position: absolute;
  content: '';
  bottom: -1.25rem;
  left: 0;
  right: 0;
  height: 0.25rem;
  background-color: #0066ff;
  border-radius: 0.25rem 0.25rem 0 0;
}
.header-nav-item--active .header-nav-item__title {
  color: #0066ff;
}
@media screen and (max-width: 1330px) {
  .header-nav-item--only-desktop {
    display: none;
  }
}
.header-nav-link {
  text-decoration: none;
}
.header-nav-link:not(.header-nav-item--active):hover .header-nav-item__title {
  color: #0066ff;
}
.header-nav-link:not(.header-nav-item--active):hover.header-nav-item--orange .header-nav-item__title {
  color: #e17334;
}
.header-nav-dropdown {
  position: relative;
}
.header-nav-dropdown::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 3rem;
}
.header-nav-dropdown__title {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.5rem;
}
.header-nav-dropdown__title.na-icon-arrow-chevron-down::before {
  font-size: 1.25rem;
  transition: rotate 0.1s ease-in-out;
}
.header-nav-dropdown__menu {
  position: absolute;
  top: 3rem;
  left: -1rem;
  display: none;
}
.header-nav-dropdown:hover .header-nav-dropdown__title.na-icon-arrow-chevron-down::before {
  rotate: x 180deg;
}
.header-nav-dropdown:hover .header-nav-dropdown__menu {
  display: flex;
}
.header-nav-tour {
  height: 64px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  max-width: 1370px;
  min-width: 969px;
}
@media screen and (max-width: 1330px) {
  .header-nav-tour {
    margin: 0 20px;
  }
}
.header-nav-tour-wrapper {
  min-height: 64px;
}
.header-nav-tour__inner {
  width: 100%;
  z-index: 100000;
  position: fixed;
  top: 0;
  background-color: #ffffff;
}
.header-nav-tour__prev-button,
.header-nav-tour__next-button {
  width: 96px;
  padding: 9px 0;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  letter-spacing: 0;
  line-height: 16px;
  color: #141414;
  border: 1px solid rgba(69, 85, 98, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.header-nav-tour__next-button--disabled,
.header-nav-tour__prev-button--disabled {
  cursor: initial;
  opacity: 0.3;
}
.header-nav-tour__current-tour {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
  margin: 0 30px;
}
.header-nav-tour__current-tour-title {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  flex: 1;
}
.header-control {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header-menu-item {
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #141414;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease-in-out;
  padding: 0.65rem 0.75rem;
}
.header-menu-item:not(.header-menu-item--active):hover {
  background-color: #fcfcfc;
}
.header-menu-item--active {
  background-color: rgba(0, 102, 255, 0.05);
  color: #0066ff;
}
.header-control-user,
.header-control-balance {
  position: relative;
}
.header-control-user__title,
.header-control-balance__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: #141414;
  cursor: pointer;
  padding: 0.5rem 1rem;
}
.header-control-user__menu,
.header-control-balance__menu {
  position: absolute;
}
.header-control-user__menu {
  top: 3.125rem;
  right: 0;
}
.header-control-balance__title::before {
  font-size: 1.5rem;
}
.header-control-balance__menu {
  top: 3.25rem;
  left: 50%;
  transform: translateX(-50%);
}
.header-control-balance__menu .payment-form {
  padding: 0.5rem 0.75rem 0.75rem;
}
.header-control-balance__menu .payment-form--step-2 {
  padding: 0;
}
.header-control-balance--warning .header-control-balance__title {
  color: #f07a37;
}
.header-control-balance--warning .balance-menu-finance-link__title,
.header-control-balance--warning .balance-menu-finance-link__icon {
  color: #f07a37;
}
.header-control-balance--critical .header-control-balance__title {
  color: #d55a5a;
}
.header-control-balance--critical .balance-menu-finance-link__title,
.header-control-balance--critical .balance-menu-finance-link__icon {
  color: #d55a5a;
}
.balance-menu-finance-link,
.user-menu-account-link {
  text-decoration: none;
  border-radius: 0.5rem;
  color: #141414;
  transition: background-color 0.2s ease-in-out;
  user-select: none;
  padding: 0.75rem;
}
.balance-menu-finance-link:hover,
.user-menu-account-link:hover {
  background-color: #fcfcfc;
}
.balance-menu-finance-link__title {
  display: flex;
  align-items: center;
}
.balance-menu-finance-link__balance {
  flex: 1;
  font-size: 2rem;
  font-weight: 600;
}
.balance-menu-finance-link__balance .count-up {
  margin-right: 1.5rem;
}
.balance-menu-finance-link__balance-enough {
  font-size: 0.6875rem;
  font-weight: 400;
  color: #454545;
  margin: 0.35rem 0;
}
.balance-menu-finance-link__icon {
  font-size: 2.875rem;
  color: #0066ff;
}
.balance-menu-finance-link__subtitle {
  font-size: 0.75rem;
  font-weight: 400;
  color: #0066ff;
  margin-top: 0.25rem;
}
.header-control-user__title::before {
  font-size: 1.5rem;
}
.header-control-user__menu {
  min-width: 15rem;
}
.header-control-user__info-circle {
  position: relative;
  top: -0.5rem;
  left: -0.25rem;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #e17334;
  border-radius: 0.375rem;
}
.user-menu-account-link {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  user-select: none;
}
.user-menu-account-link__title,
.user-menu-account-link__title-span {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
}
.user-menu-account-link__title {
  gap: 1.25rem;
}
.user-menu-account-link__title-span {
  gap: 0.25rem;
  color: #454545;
}
.user-menu-account-link__subtitle {
  font-size: 0.75rem;
  font-weight: 400;
  color: #454545;
}
.user-menu-account-link__verification-hint {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: rgba(226, 138, 88, 0.15);
  border-radius: 0.5rem;
  font-size: 0.75rem;
  color: #e17334;
  padding: 0.625rem;
}
.count-up {
  display: flex;
  align-items: center;
}
@keyframes resource-block-loading {
  0% {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
  }
}
.resource-block {
  width: 100%;
  min-height: 40rem;
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: -1.25rem 0 2.5rem 0 rgba(0, 0, 0, 0.1);
}
.resource-block * {
  box-sizing: border-box;
}
.resource-block-content {
  padding: 2.5rem 1.25rem;
  color: #141414;
}
.resource-block--loading {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.resource-block--cvds {
  width: 100%;
  height: 554px;
  background-color: #b0b0b0;
  border-radius: 0.5rem;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05);
  margin: 8px auto 0;
}
.resource-block .resource-block-header {
  border-radius: 1rem 1rem 0 0;
}
.resource-block-header {
  width: 100%;
  padding: 1.5rem 1.5rem 0 1.5rem;
  background-color: #b0b0b0;
  color: #ffffff;
}
.resource-block-header * {
  box-sizing: border-box;
}
.resource-block-header--enabled {
  background-color: #0066ff;
}
.resource-block-header--disabled,
.resource-block-header--rescue {
  background-color: #454545;
}
.resource-block-header__resource-info {
  display: flex;
  justify-content: space-between;
  gap: 1rem 3rem;
}
.resource-block-header__input-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.resource-block-header__errors {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.resource-block-header__additional {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap-reverse;
  gap: 1.25rem 2rem;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 400;
}
.resource-block-header-additional__items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem 2rem;
}
.resource-block-header-additional__item {
  display: flex;
  align-items: center;
}
.resource-block-header-additional__overflow-span {
  max-width: 15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 1ch;
}
.resource-block-header-additional__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.resource-block-header-additional__actions .ui-kit-context-menu {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 400;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0.5rem;
  transition: all 0.2s ease-in-out;
}
.resource-block-header-additional__actions .ui-kit-context-menu:has(.actions--active) {
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid transparent;
}
.resource-block-header-additional__actions .ui-kit-context-menu span {
  line-height: 2rem;
}
.resource-block-header-additional__actions .ui-kit-context-menu__children {
  gap: 0.25rem;
  padding: 0 0.25rem 0 1rem;
}
.resource-block-header-additional__actions .ui-kit-context-menu__children:has(.actions--disabled) {
  cursor: default;
}
.resource-block-header-additional__actions .ui-kit-context-menu__children:has(.actions--disabled) span {
  color: rgba(255, 255, 255, 0.75);
  cursor: default;
}
.resource-block-header-additional__actions .ui-kit-context-menu__children:has(.actions--disabled) .na-icon-dots::before {
  opacity: 0.75;
}
.resource-block-header-additional__actions .ui-kit-context-menu .contexify {
  border-radius: 0.5rem;
}
.resource-block-header-additional__actions .actions:hover,
.resource-block-header-additional__actions .actions--active {
  background-color: transparent;
}
.resource-block-header-additional__actions .actions .na-icon-dots {
  opacity: 1;
}
.resource-block-header__resource-state {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 0.75rem;
}
.resource-block-header__resource-state .ui-kit-monitoring-icon-block__icon {
  color: rgba(255, 255, 255, 0.5);
}
.resource-block-header__resource-state .ui-kit-monitoring-icon-block--error .ui-kit-monitoring-icon-block__icon,
.resource-block-header__resource-state .ui-kit-monitoring-icon-block:has(.ui-kit-circle) .ui-kit-monitoring-icon-block__icon {
  color: #ffffff;
}
.resource-block-header__resource-tabs {
  margin-top: 1.5rem;
}
.resource-block-item {
  border: 1px solid #e2e5e7;
  border-radius: 1rem;
}
.resource-block-item * {
  box-sizing: border-box;
}
.resource-block-item--sticky {
  position: sticky;
  top: 2rem;
}
@media screen and (max-width: 1330px) {
  .resource-block-item--sticky {
    position: initial;
    top: initial;
  }
}
.resource-block-item--side {
  width: 20rem;
}
@media screen and (max-width: 1330px) {
  .resource-block-item--side {
    width: auto;
  }
}
.resource-block-item--stretch {
  flex: 1;
}
.resource-block-item--header-border > .resource-block-item__header {
  border-bottom: 1px solid #e2e5e7;
}
.resource-block-item--bottom-subtitle > .resource-block-item__header .resource-block-item-header__title {
  flex-direction: column;
  align-items: flex-start;
}
.resource-block-item--bottom-subtitle > .resource-block-item__header .resource-block-item__subtitle {
  line-height: 1rem;
}
.resource-block-item--bottom-subtitle.resource-block-item--form > .resource-block-item__header {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.resource-block-item--spaced-subtitle > .resource-block-item__header .resource-block-item-header__title {
  flex: 1;
  justify-content: space-between;
}
.resource-block-item--text-action > .resource-block-item__header .resource-block-item__action--loading {
  height: 1.125rem;
}
.resource-block-item--table .table-instance-row .table-instance-col--state,
.resource-block-item--with-table .table-instance-row .table-instance-col--state {
  padding-right: 0;
}
.resource-block-item--table > .resource-block-item__content {
  padding: 0;
}
.resource-block-item--table > .resource-block-item__content--loading {
  height: 1.5rem;
  margin: 1.25rem 1.5rem;
}
.resource-block-item--table .table-instances {
  box-shadow: none;
}
.resource-block-item--table .table-instance-col {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 1.0625rem 1.5rem;
}
.resource-block-item--table .rename-input__name,
.resource-block-item--table .rename-input__name .ui-kit-form-input__input {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #141414;
}
.resource-block-item--table .table-wrapper--new:has(+ .pagination-footer) {
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.resource-block-item--table .pagination-footer--new {
  margin: 1rem 1.5rem;
}
.resource-block-item--table-with-bottom-form .table-instance-row:last-child .table-instance-col {
  border-bottom: 1px solid #e2e5e7;
}
.resource-block-item--with-table > .resource-block-item__content {
  padding-top: 0;
}
.resource-block-item--with-table > .resource-block-item__content--loading {
  margin-top: 0;
}
.resource-block-item--with-table .table-instances {
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.05);
}
.resource-block-item--with-table .table-instance-col {
  padding: 0.875rem 1.5rem;
}
.resource-block-item--with-table .table-instance-col--state {
  padding-left: 1rem;
}
.resource-block-item--with-table .table-instance-col--actions {
  padding-right: 1rem;
}
.resource-block-item--with-table .pagination-footer {
  margin: 0.75rem 0 0;
}
.resource-block-item--empty-search.resource-block-item--actions-padding > .resource-block-item__content {
  padding-top: 0.5rem;
}
.resource-block-item--empty-search:not(.resource-block-item--actions-padding) > .resource-block-item__content {
  padding-top: 0;
}
.resource-block-item--actions-padding:not(.resource-block-item--form) > .resource-block-item__header {
  padding: 1rem 1.5rem;
}
.resource-block-item--form > .resource-block-item__content {
  padding: 1.5rem;
}
.resource-block-item--form-only > .resource-block-item__header .resource-block-item__title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.resource-block-item--no-content-padding-top > .resource-block-item__content {
  padding-top: 0;
}
.resource-block-item--no-content-padding-top > .resource-block-item__content--loading {
  margin-top: 0;
}
.resource-block-item--no-content-padding > .resource-block-item__content {
  padding: 0;
}
.resource-block-item--select-item > .resource-block-item__header .resource-block-item__actions {
  width: 50%;
}
.resource-block-item--select-item > .resource-block-item__header .resource-block-item__action--select {
  width: 100%;
}
.resource-block-item--select-item > .resource-block-item__header .ui-kit-select {
  width: 100%;
}
.resource-block-item--gray {
  background-color: #fafafa;
}
.resource-block-item--header-gray > .resource-block-item__header {
  background-color: #fafafa;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.resource-block-item--header-blue {
  overflow: hidden;
}
.resource-block-item--header-blue .resource-block-item__header {
  background-color: rgba(0, 102, 255, 0.1);
}
.resource-block-item--danger {
  background-color: rgba(208, 101, 101, 0.07);
  border-color: rgba(208, 101, 101, 0.7);
}
.resource-block-item--danger > .resource-block-item__header .resource-block-item__title {
  color: #d06565;
}
.resource-block-item--statistics {
  overflow: hidden;
}
.resource-block-item--statistics .ui-kit-statistic-select {
  gap: 1px;
  background-color: #e2e5e7;
  border: 1px solid #e2e5e7;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-right: 0;
}
.resource-block-item--statistics .ui-kit-statistic-select__button {
  background-color: #ffffff;
  border: none;
  border-radius: 0;
}
.resource-block-item--statistics .ui-kit-statistic-select__button--active {
  background-color: #0066ff;
}
.resource-block-item--statistics .ui-kit-statistic-widget {
  background: none;
}
.resource-block-item--statistics .ui-kit-statistic-widget__main {
  padding: 0;
  margin: 1.5rem;
}
.resource-block-item--statistics .ui-kit-statistic-widget-header {
  justify-content: space-between;
}
.resource-block-item--statistics .ui-kit-statistic-widget-header__title {
  flex-basis: auto;
}
.resource-block-item--statistics .ui-kit-statistic-widget-header__periods {
  gap: 1.25rem;
}
.resource-block-item--statistics .ui-kit-statistic-widget__header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e2e5e7;
}
.resource-block-item--statistics .ui-kit-statistic-widget .ui-kit-graphic-renderer--loading {
  border-radius: 1rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.resource-block-item--statistics .ui-kit-statistic-widget .svg-container .main-svg {
  background-color: transparent !important;
}
.resource-block-item--vnc {
  background-color: #000000;
  border-color: #000000;
}
.resource-block-item__header,
.resource-block-item__content {
  padding: 1.5rem;
}
.resource-block-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
.resource-block-item__header .na-icon-close,
.resource-block-item__header .na-icon-arrow-chevron-left {
  font-size: 1.5rem;
  color: #141414;
}
.resource-block-item-header__title {
  display: flex;
  align-items: center;
  gap: 0.25rem 1.5rem;
}
.resource-block-item__icon {
  margin-right: -0.5rem;
}
.resource-block-item__icon::before {
  font-size: 1.5rem;
}
.resource-block-item__title {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #141414;
}
.resource-block-item__subtitle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #7a8791;
}
.resource-block-item__subtitle .ui-kit-copypable-text__container {
  font-size: 0.875rem;
  line-height: calc(1.125rem - 1px);
  font-weight: 400;
  color: #7a8791;
}
.resource-block-item__subtitle .ui-kit-copypable-text .ui-kit-dashed-copy-text {
  border-bottom: 1px dashed #7a8791;
}
.resource-block-item__link {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.625rem;
  color: #0066ff;
  text-decoration: none;
}
.resource-block-item__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.resource-block-item__action--loading {
  width: 8.75rem;
  height: 2.125rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  border-radius: 0.5rem;
}
.resource-block-item__action--loading.resource-block-item__action--search-input {
  width: 217px;
}
.resource-block-item__action--loading.resource-block-item__action--thin {
  height: 1.125rem;
  border-radius: 1rem;
}
@media screen and (max-width: 1330px) {
  .resource-block-item__action--desktop-only {
    display: none;
  }
}
.resource-block-item__content--loading {
  height: 2.125rem;
  border-radius: 1rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  padding: 0;
  margin: 1.5rem;
}
.resource-block-item-empty {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.resource-block-item-empty__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  flex: 3;
  padding: 1.5rem;
}
.resource-block-item-empty__description {
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 400;
}
.resource-block-item-empty__image {
  width: 100%;
  height: 100%;
  max-width: 200px;
}
.resource-block-item-empty__image-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 2;
  padding: 1rem 1.5rem 1rem 0;
}
.resource-block-item-empty__custom {
  padding: 1.5rem;
}
.resource-block-item-block {
  padding: 1.5rem;
  display: flex;
  gap: 1rem;
}
.resource-block-item-block--loading::after {
  content: '';
  width: 100%;
  height: 1rem;
  border-radius: 0.5rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.resource-block-item-block--text-value {
  justify-content: space-between;
  color: #141414;
  padding: 1rem 1.5625rem;
}
.resource-block-item-block--text-value .text-value-item-block__title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.resource-block-item-block--text-value .text-value-item-block__value {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.resource-block-item-block--text-value-bold {
  justify-content: space-between;
  color: #141414;
  padding: 1.125rem 1.5rem;
}
.resource-block-item-block--text-value-bold .text-value-item-block__title,
.resource-block-item-block--text-value-bold .text-value-item-block__value {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.resource-block-item-block--text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #7a8791;
}
.resource-block-item-block--title {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #141414;
  padding: 0.9375rem 1.5625rem;
}
.resource-block-item-block--list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px 20px;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #141414;
}
.resource-block-item-block--list span {
  font-weight: 600;
}
.resource-block-item-block--list .ui-kit-copypable-text__container {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}
.resource-block-item-block--list.resource-block-item-block--loading::after {
  height: 18px;
}
.resource-block-item-block--enumerate {
  justify-content: flex-start;
  gap: 20px 55px;
}
.resource-block-item-block--checkbox,
.resource-block-item-block--switch {
  align-items: center;
  color: #141414;
  padding: 1.125rem 1.5rem;
}
.resource-block-item-block--checkbox.resource-block-item-block--loading::after,
.resource-block-item-block--switch.resource-block-item-block--loading::after {
  height: 21px;
  border-radius: 12px;
}
.resource-block-item-block--select {
  justify-content: stretch;
  align-items: center;
  padding: 0.875rem 1.5rem;
}
.resource-block-item-block--select.resource-block-item-block--loading::after {
  height: 34px;
}
.resource-block-item-block--select .netangels-kit-select-legacy {
  flex: 1;
}
.resource-block-item-block--button {
  justify-content: stretch;
  align-items: center;
  padding: 0.875rem 1.5rem;
}
.resource-block-item-block--button.resource-block-item-block--loading::after {
  height: 34px;
}
.resource-block-item-block--button .button-item-block__button-wrapper {
  flex: 1;
  display: grid;
}
.resource-block-item-block--packet-cards {
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
}
.resource-block-item-block--packet {
  background-color: rgba(0, 102, 255, 0.1);
}
.resource-block-item-block--packet .packet-card {
  flex: 1;
}
.resource-block-item-block--awaiting-packet {
  align-items: flex-start;
}
.resource-block-item-block--awaiting-packet .awaiting-packet__title {
  font-size: 0.9325rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
  margin-bottom: 0.5rem;
}
.resource-block-item-block--awaiting-packet .awaiting-packet__title-span {
  color: #e17334;
}
.resource-block-item-block--awaiting-packet .awaiting-packet__description {
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: 400;
  color: #141414;
}
.resource-block-item-block--awaiting-packet .awaiting-packet__description b {
  font-weight: 600;
}
.resource-block-item-block--awaiting-packet .awaiting-packet__button-wrapper {
  align-self: stretch;
  display: grid;
}
.resource-block-item-block--awaiting-packet .payment-button {
  align-self: stretch;
  display: grid;
}
.resource-block-item-block--no-padding {
  padding: 0;
}
.resource-block-item-block--no-padding-top {
  padding-top: 0;
}
.resource-block-item-block--border-bottom {
  border-bottom: 1px solid #e2e5e7;
}
.resource-block-item-block--border-top {
  border-top: 1px solid #e2e5e7;
}
.resource-block-item-block--diff .text-value-item-block__title,
.resource-block-item-block--diff .text-value-item-block__value {
  font-weight: 600;
  color: #0066ff;
}
.resource-block-item-block--diff-value .text-value-item-block__value {
  font-weight: 600;
  color: #0066ff;
}
.resource-block-item-block--float {
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.05);
  padding: 1rem;
}
.resource-block-item-block--hint {
  border-radius: 0.5rem;
  padding: 0.5625rem;
}
.resource-block-item-block--hint .ui-kit-copypable-text__container {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.resource-block-item-block--text-with-icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.resource-block-item-block--text-with-icon .text-with-icon-item-block {
  min-height: 2rem;
}
.resource-block-item-block--text-with-icon .text-with-icon-item-block__icon {
  font-size: 2rem;
}
.resource-block-item-block--text-with-icon .text-with-icon-item-block__image {
  width: 2rem;
  height: 2rem;
}
.resource-block-item-block--text-with-icon .text-with-icon-item-block__text {
  flex: 1;
  line-height: 1.125rem;
  color: #141414;
}
.resource-block-item-block--text-with-icon .text-with-icon-item-block__title {
  font-size: 0.875rem;
  font-weight: 600;
}
.resource-block-item-block--text-with-icon .text-with-icon-item-block__subtitle {
  font-size: 0.8175rem;
  font-weight: 400;
}
.resource-block-item-block--column {
  flex-direction: column;
}
.resource-block-item-block--orange {
  color: #e17334;
}
.resource-block-item-block--background-blue {
  background-color: rgba(0, 102, 255, 0.1);
}
.resource-block-item-block--column-items {
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
.form-file-uploader-input {
  outline: none;
}
.form-file-uploader {
  border: dashed 1px #b0b0b0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #141414;
  background-color: #f8f8f8;
  cursor: pointer;
  padding: 17px 0;
}
.form-file-uploader__icon {
  margin: 4px 0 12px;
}
.form-file-uploader__icon::before {
  font-size: 24px;
}
.form-file-uploader-desc {
  display: block;
  text-align: center;
}
.form-file-uploader-desc__label {
  font-size: 16px;
  margin-bottom: 3px;
}
.form-file-uploader-desc__hint {
  font-size: 12px;
  margin-bottom: 31px;
}
.form-file-uploader-desc__extensions {
  width: 250px;
  opacity: 0.75;
  font-size: 12px;
}
.form-file-uploader-files {
  margin-bottom: 37px;
  cursor: pointer;
}
.form-file-uploader-files__reselect {
  margin: 5px 0 0 44px;
  font-size: 14px;
  color: #0066ff;
  text-align: left;
}
.file-uploader-files {
  display: flex;
}
.file-uploader-files__icon {
  min-width: 32px;
  height: 32px;
  margin-right: 12px;
}
.file-uploader-files__data {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #141414;
  text-align: left;
}
.file-uploader-data__name {
  font-size: 14px;
}
.file-uploader-data__size {
  font-size: 12px;
  opacity: 0.7;
  line-height: 18px;
  margin: 4px 0;
}
.file-uploader-icon-unknown {
  background-image: url('/static-panel/images/general/icon-upload-unknown.svg');
}
.file-uploader-icon-iso {
  background-image: url('/static-panel/distributions/default_os.svg');
  background-size: contain;
}
.file-uploader-icon-crt {
  background-image: url('/static-panel/images/general/icon-upload-crt.svg');
}
.file-uploader-icon-key {
  background-image: url('/static-panel/images/general/icon-upload-key.svg');
}
.file-uploader-icon-pem {
  background-image: url('/static-panel/images/general/icon-upload-pem.svg');
}
.file-uploader-icon-rar {
  background-image: url('/static-panel/images/general/icon-upload-rar.svg');
}
.file-uploader-icon-tar_gz {
  background-image: url('/static-panel/images/general/icon-upload-tar-gz.svg');
}
.file-uploader-icon-sql {
  background-image: url('/static-panel/images/general/icon-upload-sql.svg');
}
.file-uploader-icon-zip {
  background-image: url('/static-panel/images/general/icon-upload-zip.svg');
}
.form-file-uploader--new > * {
  box-sizing: border-box;
}
.form-file-uploader--new .form-file-uploader,
.form-file-uploader--new .form-file-uploader-files {
  height: 165px;
  border: dashed 1px #b0b0b0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #f8f8f8;
}
.form-file-uploader--new .form-file-uploader-files {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}
.form-file-uploader--new .form-file-uploader-files__reselect {
  margin: 0;
}
.form-file-uploader--new-single .form-file-uploader,
.form-file-uploader--new-single .form-file-uploader-files {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  background-color: transparent;
  border: 1px dashed rgba(20, 20, 20, 0.5);
  border-radius: 1rem;
  padding: 1.25rem 2rem;
}
.form-file-uploader--new-single .form-file-uploader__icon {
  margin: 0;
}
.form-file-uploader--new-single .form-file-uploader__icon::before {
  font-size: 2rem;
}
.form-file-uploader--new-single .form-file-uploader-desc {
  text-align: left;
}
.form-file-uploader--new-single .form-file-uploader-desc__label {
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.form-file-uploader--new-single .form-file-uploader-desc__hint {
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: 400;
  margin-bottom: 0;
}
.form-file-uploader--new-single .form-file-uploader-files {
  margin-bottom: 0;
}
.form-file-uploader--new-single .form-file-uploader-files__reselect {
  display: none;
}
.form-file-uploader--new-single .file-uploader-files {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.form-file-uploader--new-single .file-uploader-files__icon {
  min-width: auto;
  width: 2rem;
  height: 2rem;
  margin-right: 0;
}
.form-file-uploader--new-single .file-uploader-data__name {
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.form-file-uploader--new-single .file-uploader-data__size {
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: 400;
  opacity: 1;
  margin: 0;
}
.input-number-horizontal {
  display: flex;
  align-items: center;
  border: 1px solid rgba(15, 121, 213, 0.3);
  width: 100%;
  border-radius: 4px;
}
.input-number-horizontal-button {
  width: 1.5rem;
  height: 2rem;
  background-color: #edf5fc;
  color: #0f79d5;
  cursor: pointer;
}
.input-number-horizontal-button--disabled {
  cursor: initial;
  color: #0f79d533;
}
.input-number-horizontal-button .na-icon-plus::before,
.input-number-horizontal-button .na-icon-minus::before {
  font-size: 1.25rem;
}
.input-number-horizontal-substract,
.input-number-horizontal-add {
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-number-horizontal-substract {
  border-radius: 4px 0 0 4px;
}
.input-number-horizontal-add {
  border-radius: 0 4px 4px 0;
}
.input-number-horizontal-value {
  flex: 1;
  text-align: center;
  background-color: white;
  color: #141414;
  font-size: 14px;
  line-height: 14px;
  padding: 7px 7px 9px 7px;
}
.form-horizontal-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.form-horizontal-container > * {
  flex: 1;
}
.form-horizontal-container--stretch {
  align-items: stretch;
}
.rename-input * {
  box-sizing: border-box;
}
.rename-input__edit-icon,
.rename-input__enter-icon {
  font-size: 1.25rem;
}
.rename-input__edit-icon {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.rename-input__name {
  display: flex;
  align-items: center;
  gap: 15px;
}
.rename-input__value {
  max-width: 850px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rename-input__name:not(.rename-input__name.rename-input__name--renaming) {
  border-bottom: 1px solid transparent;
}
.rename-input__name:hover .rename-input__edit-icon {
  opacity: 1;
}
.rename-input__name,
.rename-input__name .ui-kit-form-input__input {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #141414;
}
.rename-input__name .ui-kit-form-input__input {
  max-width: 850px;
  field-sizing: content;
  padding: 0;
}
.rename-input__name .ui-kit-form-input__input,
.rename-input__name .ui-kit-form-input__input:focus {
  font-family: Inter, sans-serif;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(20, 20, 20, 0.5);
  border-radius: 0;
  box-shadow: none;
}
.slider-with-checkbox {
  min-height: 100px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 16px;
}
@media screen and (max-width: 700px) {
  .slider-with-checkbox {
    min-height: 90px;
  }
}
.slider-with-checkbox-header {
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.slider-with-checkbox-header__title {
  color: #141414;
}
.slider-with-checkbox-header__unit {
  text-align: right;
  color: #0066ff;
}
.slider-with-checkbox-header .ui-kit-form-checkbox {
  padding-left: 12px;
}
.slider-with-checkbox-description {
  font-size: 12px;
  color: #7a8791;
  margin-top: 10px;
  line-height: 16px;
}
.slider-with-checkbox-slider {
  display: flex;
  align-items: baseline;
  padding-top: 10px;
}
.slider-with-checkbox-slider__slider {
  width: 100%;
}
.slider-with-checkbox-slider-element {
  display: flex;
  flex-direction: column;
}
.slider-with-checkbox-slider-element .rc-slider {
  transform: none;
  padding: 0.5rem 0 !important;
}
.slider-with-checkbox-slider-element .rc-slider-rail {
  background-color: #cccccc !important;
}
.slider-with-checkbox-slider-element .rc-slider-handle {
  width: 0.875rem !important;
  height: 0.875rem !important;
  background-color: #ffffff;
  border: 2px solid #0066ff !important;
  box-shadow: none !important;
  margin-top: -6px !important;
  transform: none !important;
}
.slider-with-checkbox-slider-element .rc-slider-handle:hover,
.slider-with-checkbox-slider-element .rc-slider-handle:focus {
  border-color: #0066ff !important;
  box-shadow: none !important;
}
.slider-with-checkbox-slider-element .rc-slider-disabled .rc-slider-handle {
  box-shadow: 0 1px 0 0 rgba(51, 51, 51, 0.1) !important;
}
.slider-with-checkbox-slider-units {
  display: flex;
}
.slider-with-checkbox-slider-units__unit {
  color: #141414;
  font-size: 10px;
  line-height: 15px;
}
.slider-with-checkbox--tile {
  border: 1px solid #cccccc;
  border-radius: 16px;
  box-shadow: none;
}
.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-handle:focus {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
  outline: none;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-disabled {
  background-color: initial !important;
}
.rc-slider-disabled .rc-slider-track,
.rc-slider-disabled .rc-slider-rail {
  background-color: #ccc !important;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #f6f7f8;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
.ui-kit-modal-container--videoguide {
  min-width: 874px;
}
.ui-kit-modal-container--videoguide.ui-kit-modal-container--light-new .videoguide-modal__inner {
  gap: 35px;
}
.ui-kit-modal-container--videoguide.ui-kit-modal-container--light-new .videoguide-modal__playlist {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-right: 0;
}
.ui-kit-modal-container--videoguide.ui-kit-modal-container--light-new .videoguide-modal .playlist-item {
  border-radius: 8px;
  transition: background-color 0.2s ease-in-out;
}
.ui-kit-modal-container--videoguide.ui-kit-modal-container--light-new .videoguide-modal .playlist-item:not(.playlist-item--current):hover {
  background-color: #fcfcfc;
}
.ui-kit-modal-container--videoguide.ui-kit-modal-container--light-new .videoguide-modal .playlist-item--current {
  background-color: rgba(0, 102, 255, 0.1);
}
.ui-kit-modal-container--user-logout {
  min-width: 620px;
  padding: 51px 60px 75px !important;
}
.ui-kit-modal-container--with-warning {
  min-width: 430px;
}
.videoguide-modal__inner {
  display: flex;
}
.videoguide-modal__playlist {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  padding-right: 33px;
}
.videoguide-modal .playlist-item {
  padding: 10px;
  line-height: 18px;
  cursor: pointer;
  -webkit-transition: background-color 500ms;
  -moz-transition: background-color 500ms;
  -o-transition: background-color 500ms;
  -ms-transition: background-color 500ms;
  transition: background-color 500ms;
}
.videoguide-modal .playlist-item--current {
  background-color: #fcfcfc;
}
.videoguide-modal .ui-kit-modal-title-helper {
  margin-bottom: 35px;
}
.change-password-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.delete-modal__description {
  color: #7a8791;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}
.delete-modal .ui-kit-modal-title-helper {
  text-align: center;
  line-height: 24px;
}
.delete-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.archive-upload-modal .modal-info-blocks {
  margin-top: 16px;
}
.archive-upload-modal .ui-kit-modal-title-helper {
  text-align: center;
}
.archive-upload-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.user-logout-modal {
  position: relative;
}
.user-logout-modal__text {
  max-width: 400px;
  font-size: 16px;
  line-height: 22px;
  color: #141414;
  margin-bottom: 30px;
}
.user-logout-modal__image {
  position: absolute;
  top: -10px;
  right: -30px;
}
.user-logout-modal__button {
  display: flex;
  justify-content: flex-start;
}
.modal-info-blocks {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
.modal-info-block {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 16px 20px 16px 16px;
}
.modal-info-block a {
  color: #0066ff;
  text-decoration: none;
}
.modal-info-block__icon {
  font-size: 30px;
  color: #cccccc;
}
.modal-info-block__children {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #141414;
}
.modal-info-block__children b {
  font-weight: 600;
}
.modal-info-block--blue {
  background-color: rgba(0, 102, 255, 0.1);
  border: 1px solid #0066ff;
}
.modal-info-block--blue .modal-info-block__icon {
  color: #0066ff;
}
.modal-info-block--orange {
  background-color: rgba(226, 138, 88, 0.1);
  border: 1px solid #e28a58;
}
.modal-info-block--orange .modal-info-block__icon {
  color: #e17334;
}
.modal-info-block--green {
  background-color: rgba(17, 171, 112, 0.1);
  border: 1px solid #11ab70;
}
.modal-info-block--green .modal-info-block__icon {
  color: #11ab70;
}
.with-warning-modal__description {
  font-size: 14px;
  line-height: 18px;
  margin: 30px 0 20px;
  max-width: 500px;
}
.with-warning-modal__list {
  padding: 14px 6px 16px 18px;
  background-color: rgba(15, 121, 213, 0.05);
  max-height: 300px;
  margin-bottom: 25px;
}
.with-warning-modal__list-entry {
  margin: 5px 0;
  max-width: 370px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.with-warning-modal .span-description {
  color: #c80502;
  font-weight: 600;
}
.with-warning-modal .span-checkbox {
  color: #d51010;
}
.with-warning-modal .ui-kit-form-checkbox-inner__input:checked + .ui-kit-form-checkbox-label .ui-kit-form-checkbox-label__icon {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f93b25), color-stop(1, #c80502));
  background-image: -moz-linear-gradient(to left, #f93b25 5%, #c80502 100%);
  background-image: -webkit-linear-gradient(to left, #f93b25 5%, #c80502 100%);
  background-image: -o-linear-gradient(left, #f93b25, #c80502);
  background-image: -ms-linear-gradient(left, #f93b25 5%, #c80502 100%);
  background-image: linear-gradient(to left, #f93b25 5%, #c80502 100%);
  background-color: #f93b25;
}
.with-warning-modal .ui-kit-form-checkbox-label {
  cursor: default;
}
.with-warning-modal .ui-kit-form-checkbox-label__content {
  font-size: 14px;
  line-height: 16px;
}
.with-warning-modal .ui-kit-form-checkbox-inner__label {
  cursor: pointer;
}
.with-warning-modal .ui-kit-horizontal-container {
  margin-top: 16px;
}
.packet-modal-description {
  line-height: 1.38;
  padding: 12px 15px;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  background-color: #fcfcfc;
}
.packet-modal-row {
  display: flex;
  font-size: 13px;
  color: #141414;
}
.packet-modal-row:not(:first-child) {
  margin-top: 2px;
}
.packet-modal-row__title {
  margin-right: 2px;
}
.packet-modal-row__dashed-spring {
  flex: 1;
  position: relative;
  bottom: 2px;
  border-bottom: dashed #141414 1px;
}
.packet-modal-row__value {
  margin-left: 2px;
}
.packet-modal-row--is-change {
  color: #e17334;
  font-weight: 600;
}
.packet-create-modal__cost {
  line-height: 1.38;
  padding: 12px 15px;
  font-weight: 600;
  background-color: #fcfcfc;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  color: #141414;
}
.packet-create-modal .modal-info-block {
  margin-top: 20px;
}
.packet-update-modal {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
}
.packet-update-modal__arrow {
  display: flex;
  align-items: center;
  margin-bottom: 62px;
  justify-content: center;
}
.packet-update-modal .na-icon-arrow-move-right::before {
  font-size: 1.5rem;
  margin: 0 1.25rem;
}
.packet-update-modal .modal-info-block {
  margin-top: 1.25rem;
}
.packet-update-modal-current,
.packet-update-modal-next {
  width: 283px;
  color: #141414;
  margin-bottom: 25px;
}
.packet-update-modal-current__title,
.packet-update-modal-next__title {
  font-size: 13px;
  font-weight: 600;
  text-align: start;
  margin-left: 15px;
  margin-bottom: 10px;
}
.packet-update-modal-current__additional,
.packet-update-modal-next__additional {
  line-height: 1.38;
  padding: 12px 15px;
  font-weight: 600;
  background-color: #fcfcfc;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.packet-update-modal-billing {
  display: flex;
  margin-top: 20px;
  color: #141414;
}
.packet-update-modal-billing__symbol {
  margin: 0 10px;
  font-size: 27px;
}
.packet-update-modal-billing__button {
  align-self: center;
}
.packet-update-modal-billing-item__value {
  font-size: 23px;
  margin-bottom: 5px;
}
.packet-update-modal-billing-item__hint {
  font-size: 12px;
}
.search--general .search-input-block .ui-kit-search-input-block {
  width: auto;
  border: none;
}
.search--general .search-input-block .ui-kit-search-input-block__input {
  width: auto;
  font-size: 16px;
}
.search--general .search-input-block .ui-kit-search-input-block--active {
  box-shadow: none;
}
.search--general .search-input-block .ui-kit-search-input-block__icon {
  display: none;
}
.search-input-block {
  position: relative;
}
.search-input-block__tooltip {
  left: 12px !important;
  top: 46px !important;
  margin-top: 6px !important;
  padding: 10px 13px !important;
  position: absolute !important;
}
.search-input-block__tooltip.__react_component_tooltip.place-bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -4px;
  left: 20px;
}
.search-input-block__tooltip.type-dark.place-bottom:after {
  border-bottom-color: #141414;
  z-index: -1;
}
.search-input-tooltip-text {
  font-size: 13px;
  line-height: 15px;
}
.search-input-tooltip-text__hint {
  margin-top: 2px;
  opacity: 0.7;
  font-size: 11px;
  line-height: 13px;
}
.search-result-overlay {
  display: flex;
  position: relative;
  background-color: #fcfcfc;
  width: 100%;
  height: 100%;
}
.search-result-overlay__inner {
  display: flex;
  width: 100%;
}
.search-result-block {
  padding: 30px 0 45px;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.search-result-block__inner {
  max-width: 1370px;
  min-width: 969px;
  display: flex;
  flex: 1;
  margin: 0 auto;
}
.search-result-common--small-desktop {
  display: none;
}
@media screen and (max-width: 1330px) {
  .search-result-common--small-desktop {
    display: block;
  }
}
.search-result-common--desktop {
  display: block;
}
@media screen and (max-width: 1330px) {
  .search-result-common--desktop {
    display: none;
  }
}
.search-result-group {
  width: 270px;
  margin-bottom: 20px;
  margin: 0 30px 45px;
}
.search-result-group__title {
  opacity: 0.75;
  color: #141414;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.64px;
  line-height: 15px;
  text-transform: uppercase;
  margin: 0 18px 12px;
}
.search-result-entity-metadata {
  position: relative;
}
.search-result-entity-metadata:focus {
  outline: none;
}
.metadata-text-block {
  padding: 16px 18px 21px;
}
.metadata-text-block__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.metadata-text-block__additional-info {
  margin-top: 5px;
  color: rgba(20, 20, 20, 0.75);
  font-size: 12px;
  line-height: 14px;
}
.metadata-text-block__query {
  display: inline;
  color: #0066ff;
  font-weight: 600;
}
.metadata-text-block--with-actions {
  position: relative;
  padding: 16px 42px 21px 18px;
}
.metadata-text-block--with-actions .ui-kit-context-menu {
  position: absolute;
  top: 21px;
  right: 10px;
}
.search-result-entity {
  width: 270px;
}
.search-result-entity .search-result-entity-metadata {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 7px 14px 0 rgba(51, 51, 51, 0.05);
  text-decoration: none;
  color: #141414;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
  transition: background-color 300ms, box-shadow 300ms ease;
}
.search-result-entity .search-result-entity-metadata:hover {
  box-shadow: 0 2px 8px 0 rgba(51, 51, 51, 0.15);
  background-color: #fcfcfc;
}
.search-result-entity .search-result-entity-metadata--dns,
.search-result-entity .search-result-entity-metadata--domain {
  margin-bottom: 0px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.search-result-entity--dns,
.search-result-entity--domain {
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 7px 14px 0 rgba(51, 51, 51, 0.05);
}
.result-entities-group {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 7px 14px 0 rgba(51, 51, 51, 0.05);
  margin-bottom: 30px;
  color: #141414;
  font-size: 14px;
  line-height: 16px;
}
.result-entities-group__title {
  padding: 12px 18px;
  color: rgba(20, 20, 20, 0.7);
}
.result-entities-group .search-result-entity-metadata {
  display: block;
  text-decoration: none;
  border-top: 1px solid #e4e4e4;
  color: #141414;
  transition: background-color 300ms, box-shadow 300ms ease;
}
.result-entities-group .search-result-entity-metadata:hover {
  box-shadow: 0 2px 8px 0 rgba(51, 51, 51, 0.15);
  background-color: #fcfcfc;
}
.group-title--with-link {
  cursor: pointer;
  position: relative;
  text-decoration: none;
  color: rgba(20, 20, 20, 0.7);
  display: block;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.group-title--with-link:focus {
  outline: initial;
}
.group-title__inner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.group-title-inner__icon {
  margin-right: 12px;
}
.group-title-tooltip {
  position: absolute;
  top: -5px !important;
  left: 270px !important;
}
.group-title-tooltip-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.group-title-tooltip-text__name {
  font-weight: 600;
}
.search-result-entity-metadata--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  width: 270px;
  height: 70px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.search-result-entity-metadata--domain:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}
.search-result-entity-metadata--dns:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}
.search-result-entity-metadata--dns .metadata-text-block {
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-result-entity-metadata--dns .metadata-additional-block {
  display: flex;
  align-items: center;
  color: rgba(78, 95, 110, 0.7);
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 2px 7px;
  background-color: #ffffff;
  white-space: nowrap;
}
.additional-info__virtualhost-enable {
  color: #11ab70;
}
.detail-nav {
  display: flex;
  align-items: flex-start;
}
.detail-nav-item {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  padding-bottom: 21px;
  text-decoration: none;
  opacity: 0.8;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  transition: opacity 300ms;
}
.detail-nav-item:focus {
  outline: initial;
}
.detail-nav-item:not(:last-child) {
  margin-right: 35px;
}
.detail-nav-item__title {
  color: #ffffff;
}
.detail-nav-item:not(.detail-nav-item--is-active):hover {
  opacity: 1;
}
.detail-nav-item--is-active {
  cursor: default;
  opacity: 1;
}
.detail-nav-container {
  position: relative;
}
.detail-nav-bottom {
  -webkit-transition: left 250ms ease, width 250ms ease;
  -moz-transition: left 250ms ease, width 250ms ease;
  -o-transition: left 250ms ease, width 250ms ease;
  -ms-transition: left 250ms ease, width 250ms ease;
  transition: left 250ms ease, width 250ms ease;
  position: absolute;
  height: 2px;
  bottom: 3px;
  background-color: #ffffff;
}
.detail-nav-container--blue .detail-nav {
  border-bottom: 2px solid rgba(20, 20, 20, 0.15);
}
.detail-nav-container--blue .detail-nav-item__title {
  font-weight: 600;
  color: #141414;
}
.detail-nav-container--blue .detail-nav-item--is-active {
  opacity: 1;
}
.detail-nav-container--blue .detail-nav-item--is-active .detail-nav-item__title {
  color: #0066ff;
}
.detail-nav-container--blue .detail-nav-bottom {
  background-color: #0066ff;
  bottom: 0;
}
.detail-nav-container--bottom .detail-nav-bottom {
  bottom: 0;
}
.detail-nav-container--new .detail-nav {
  gap: 40px;
}
.detail-nav-container--new .detail-nav-item {
  padding-bottom: 18px;
  margin: 0;
}
.detail-nav-container--new .detail-nav-item__title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
.detail-nav-container--new .detail-nav-bottom {
  bottom: -1px;
  height: 5px;
  border-radius: 4px 4px 0 0;
}
@keyframes seven-statistics-loading {
  0% {
    background-color: #eaeaea;
  }
  100% {
    background-color: #d1d1d1;
  }
}
.statistics-seven-day {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
}
.statistics-seven-day__background {
  background-color: #eaeaea;
  width: 8px;
  height: 33px;
}
.statistics-seven-day__fill {
  bottom: 0;
  z-index: 1;
  position: absolute;
  width: 8px;
  -webkit-transition: height ease 0.2s;
  -moz-transition: height ease 0.2s;
  -o-transition: height ease 0.2s;
  -ms-transition: height ease 0.2s;
  transition: height ease 0.2s;
}
.statistics-seven-day:not(:last-child) {
  margin-right: 4px;
}
.statistics-seven-days {
  width: 82px;
}
.statistics-seven-days__graph {
  display: flex;
}
.statistics-seven-days--loading .statistics-seven-days-legend__average {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.statistics-seven-days--loading .statistics-seven-day__background {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.statistics-seven-days--error .statistics-seven-days-legend {
  text-align: center;
}
.statistics-seven-days--error .statistics-seven-days-legend__title {
  color: #e12a29;
  width: 100%;
  font-size: 12px;
}
.statistics-seven-days__legend {
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.statistics-seven-days-legend__title {
  font-size: 12px;
}
.statistics-seven-days-legend__average {
  font-size: 12px;
}
.statistics-seven-days--new {
  width: auto;
}
.statistics-seven-days--new .statistics-seven-days__graph {
  justify-content: space-between;
  gap: 5px;
}
.statistics-seven-days--new .statistics-seven-days-legend {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.statistics-seven-days--new .statistics-seven-day {
  border-radius: 2px;
  overflow: hidden;
}
.statistics-seven-days--new .statistics-seven-day:not(:last-child) .statistics-seven-day__background {
  margin-right: 0;
}
.statistics-seven-days--new .statistics-seven-day__background {
  width: 10px;
  height: 45px;
}
.statistics-seven-days--new .statistics-seven-day__fill {
  width: 100%;
}
.statistics-seven-days--new.statistics-seven-days--loading .statistics-seven-days-legend__title,
.statistics-seven-days--new.statistics-seven-days--loading .statistics-seven-days-legend__average {
  border-radius: 2px;
}
.fill--safe {
  background-color: #29ac7a;
}
.fill--warning {
  background-color: #fa8f34;
}
.fill--danger {
  background-color: #d06565;
}
.fill-title--safe {
  color: #0b8b5a;
}
.fill-title--warning {
  color: #0b8b5a;
}
.fill-title--danger {
  color: #c80502;
}
.hbc-resource {
  border: 1px solid rgba(20, 20, 20, 0.3);
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  transition: opacity 300ms;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.hbc-resource__inner {
  padding: 9px 17px 9px 9px;
}
.hbc-resource--clickable {
  cursor: pointer;
}
.hbc-resource--darkened {
  opacity: 0.7;
}
.hbc-resource-content {
  display: flex;
  align-items: center;
  color: #141414;
  font-size: 14px;
  white-space: nowrap;
}
.hbc-resource-content__color-box {
  margin-right: 9px;
}
.hbc-resource-content__title {
  margin-right: 10px;
  max-width: 800px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hbc-resource-content__value {
  font-weight: 600;
}
.hbc-resource-color-box {
  width: 10px;
  height: 10px;
  background-color: #333333;
}
.hbc-resource-color-box--turquoise {
  background-color: #00b2bc;
}
.hbc-resource-color-box--red {
  background-color: #e05101;
}
.hbc-resource-color-box--yellow {
  background-color: #e3b319;
}
.hbc-resource-color-box--purple {
  background-color: #b070ec;
}
.hbc-resource-color-box--blue {
  background-color: #1d48ce;
}
.hbc-resource-color-box--light-blue {
  background-color: #0082ca;
}
.hbc-resource-color-box--green {
  background-color: #43c645;
}
.hbc-resource-color-box--brown {
  background-color: #7e380c;
}
.hbc-resource-color-box--pink {
  background-color: #d43abb;
}
.hbc-resource-color-box--gray {
  background-color: #7f7f7f;
}
.hbc-resource-color-box--title-color {
  background-color: #454545;
}
.hbc-resource-color-box--mustard {
  background-color: #bacf3e;
}
.hbc-resource-color-box--custom-color-1 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f37171), color-stop(1, #f7a0a0));
  background-image: -moz-linear-gradient(to right, #f37171 5%, #f7a0a0 100%);
  background-image: -webkit-linear-gradient(to right, #f37171 5%, #f7a0a0 100%);
  background-image: -o-linear-gradient(right, #f37171, #f7a0a0);
  background-image: -ms-linear-gradient(right, #f37171 5%, #f7a0a0 100%);
  background-image: linear-gradient(to right, #f37171 5%, #f7a0a0 100%);
  background-color: #f37171;
}
.hbc-resource-color-box--custom-color-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bacf3e), color-stop(1, #c9d967));
  background-image: -moz-linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-image: -webkit-linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-image: -o-linear-gradient(right, #bacf3e, #c9d967);
  background-image: -ms-linear-gradient(right, #bacf3e 5%, #c9d967 100%);
  background-image: linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-color: #bacf3e;
}
.hbc-resource-color-box--custom-color-3 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0f919e), color-stop(1, #13bccd));
  background-image: -moz-linear-gradient(to right, #0f919e 5%, #13bccd 100%);
  background-image: -webkit-linear-gradient(to right, #0f919e 5%, #13bccd 100%);
  background-image: -o-linear-gradient(right, #0f919e, #13bccd);
  background-image: -ms-linear-gradient(right, #0f919e 5%, #13bccd 100%);
  background-image: linear-gradient(to right, #0f919e 5%, #13bccd 100%);
  background-color: #0f919e;
}
.hbc-resource-color-box--custom-color-4 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ea77e2), color-stop(1, #f1a3eb));
  background-image: -moz-linear-gradient(to right, #ea77e2 5%, #f1a3eb 100%);
  background-image: -webkit-linear-gradient(to right, #ea77e2 5%, #f1a3eb 100%);
  background-image: -o-linear-gradient(right, #ea77e2, #f1a3eb);
  background-image: -ms-linear-gradient(right, #ea77e2 5%, #f1a3eb 100%);
  background-image: linear-gradient(to right, #ea77e2 5%, #f1a3eb 100%);
  background-color: #ea77e2;
}
.hbc-resource-color-box--custom-color-5 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c03e3e), color-stop(1, #cd6464));
  background-image: -moz-linear-gradient(to right, #c03e3e 5%, #cd6464 100%);
  background-image: -webkit-linear-gradient(to right, #c03e3e 5%, #cd6464 100%);
  background-image: -o-linear-gradient(right, #c03e3e, #cd6464);
  background-image: -ms-linear-gradient(right, #c03e3e 5%, #cd6464 100%);
  background-image: linear-gradient(to right, #c03e3e 5%, #cd6464 100%);
  background-color: #c03e3e;
}
.hbc-resource-color-box--custom-color-6 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9bad2b), color-stop(1, #bacf3c));
  background-image: -moz-linear-gradient(to right, #9bad2b 5%, #bacf3c 100%);
  background-image: -webkit-linear-gradient(to right, #9bad2b 5%, #bacf3c 100%);
  background-image: -o-linear-gradient(right, #9bad2b, #bacf3c);
  background-image: -ms-linear-gradient(right, #9bad2b 5%, #bacf3c 100%);
  background-image: linear-gradient(to right, #9bad2b 5%, #bacf3c 100%);
  background-color: #9bad2b;
}
.hbc-resource-color-box--custom-color-7 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2d6984), color-stop(1, #3a87aa));
  background-image: -moz-linear-gradient(to right, #2d6984 5%, #3a87aa 100%);
  background-image: -webkit-linear-gradient(to right, #2d6984 5%, #3a87aa 100%);
  background-image: -o-linear-gradient(right, #2d6984, #3a87aa);
  background-image: -ms-linear-gradient(right, #2d6984 5%, #3a87aa 100%);
  background-image: linear-gradient(to right, #2d6984 5%, #3a87aa 100%);
  background-color: #2d6984;
}
.hbc-resource-color-box--custom-color-8 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ca37c0), color-stop(1, #d55fcd));
  background-image: -moz-linear-gradient(to right, #ca37c0 5%, #d55fcd 100%);
  background-image: -webkit-linear-gradient(to right, #ca37c0 5%, #d55fcd 100%);
  background-image: -o-linear-gradient(right, #ca37c0, #d55fcd);
  background-image: -ms-linear-gradient(right, #ca37c0 5%, #d55fcd 100%);
  background-image: linear-gradient(to right, #ca37c0 5%, #d55fcd 100%);
  background-color: #ca37c0;
}
.hbc-resource-color-box--custom-color-9 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e68a57), color-stop(1, #eda983));
  background-image: -moz-linear-gradient(to right, #e68a57 5%, #eda983 100%);
  background-image: -webkit-linear-gradient(to right, #e68a57 5%, #eda983 100%);
  background-image: -o-linear-gradient(right, #e68a57, #eda983);
  background-image: -ms-linear-gradient(right, #e68a57 5%, #eda983 100%);
  background-image: linear-gradient(to right, #e68a57 5%, #eda983 100%);
  background-color: #e68a57;
}
.hbc-resource-color-box--custom-color-10 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #49ad2b), color-stop(1, #5ecf3c));
  background-image: -moz-linear-gradient(to right, #49ad2b 5%, #5ecf3c 100%);
  background-image: -webkit-linear-gradient(to right, #49ad2b 5%, #5ecf3c 100%);
  background-image: -o-linear-gradient(right, #49ad2b, #5ecf3c);
  background-image: -ms-linear-gradient(right, #49ad2b 5%, #5ecf3c 100%);
  background-image: linear-gradient(to right, #49ad2b 5%, #5ecf3c 100%);
  background-color: #49ad2b;
}
.hbc-resource-color-box--custom-color-11 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #53a0e6), color-stop(1, #80b9ec));
  background-image: -moz-linear-gradient(to right, #53a0e6 5%, #80b9ec 100%);
  background-image: -webkit-linear-gradient(to right, #53a0e6 5%, #80b9ec 100%);
  background-image: -o-linear-gradient(right, #53a0e6, #80b9ec);
  background-image: -ms-linear-gradient(right, #53a0e6 5%, #80b9ec 100%);
  background-image: linear-gradient(to right, #53a0e6 5%, #80b9ec 100%);
  background-color: #53a0e6;
}
.hbc-resource-color-box--custom-color-12 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #783873), color-stop(1, #9b4894));
  background-image: -moz-linear-gradient(to right, #783873 5%, #9b4894 100%);
  background-image: -webkit-linear-gradient(to right, #783873 5%, #9b4894 100%);
  background-image: -o-linear-gradient(right, #783873, #9b4894);
  background-image: -ms-linear-gradient(right, #783873 5%, #9b4894 100%);
  background-image: linear-gradient(to right, #783873 5%, #9b4894 100%);
  background-color: #783873;
}
.hbc-resource-color-box--custom-color-13 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e05101), color-stop(1, #fe6916));
  background-image: -moz-linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-image: -webkit-linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-image: -o-linear-gradient(right, #e05101, #fe6916);
  background-image: -ms-linear-gradient(right, #e05101 5%, #fe6916 100%);
  background-image: linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-color: #e05101;
}
.hbc-resource-color-box--custom-color-14 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #317d1a), color-stop(1, #42a723));
  background-image: -moz-linear-gradient(to right, #317d1a 5%, #42a723 100%);
  background-image: -webkit-linear-gradient(to right, #317d1a 5%, #42a723 100%);
  background-image: -o-linear-gradient(right, #317d1a, #42a723);
  background-image: -ms-linear-gradient(right, #317d1a 5%, #42a723 100%);
  background-image: linear-gradient(to right, #317d1a 5%, #42a723 100%);
  background-color: #317d1a;
}
.hbc-resource-color-box--custom-color-15 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2079c9), color-stop(1, #3c92e0));
  background-image: -moz-linear-gradient(to right, #2079c9 5%, #3c92e0 100%);
  background-image: -webkit-linear-gradient(to right, #2079c9 5%, #3c92e0 100%);
  background-image: -o-linear-gradient(right, #2079c9, #3c92e0);
  background-image: -ms-linear-gradient(right, #2079c9 5%, #3c92e0 100%);
  background-image: linear-gradient(to right, #2079c9 5%, #3c92e0 100%);
  background-color: #2079c9;
}
.hbc-resource-color-box--custom-color-16 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #de86a0), color-stop(1, #e9aebf));
  background-image: -moz-linear-gradient(to right, #de86a0 5%, #e9aebf 100%);
  background-image: -webkit-linear-gradient(to right, #de86a0 5%, #e9aebf 100%);
  background-image: -o-linear-gradient(right, #de86a0, #e9aebf);
  background-image: -ms-linear-gradient(right, #de86a0 5%, #e9aebf 100%);
  background-image: linear-gradient(to right, #de86a0 5%, #e9aebf 100%);
  background-color: #de86a0;
}
.hbc-resource-color-box--custom-color-17 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ad4606), color-stop(1, #de5a08));
  background-image: -moz-linear-gradient(to right, #ad4606 5%, #de5a08 100%);
  background-image: -webkit-linear-gradient(to right, #ad4606 5%, #de5a08 100%);
  background-image: -o-linear-gradient(right, #ad4606, #de5a08);
  background-image: -ms-linear-gradient(right, #ad4606 5%, #de5a08 100%);
  background-image: linear-gradient(to right, #ad4606 5%, #de5a08 100%);
  background-color: #ad4606;
}
.hbc-resource-color-box--custom-color-18 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #29591b), color-stop(1, #3b8027));
  background-image: -moz-linear-gradient(to right, #29591b 5%, #3b8027 100%);
  background-image: -webkit-linear-gradient(to right, #29591b 5%, #3b8027 100%);
  background-image: -o-linear-gradient(right, #29591b, #3b8027);
  background-image: -ms-linear-gradient(right, #29591b 5%, #3b8027 100%);
  background-image: linear-gradient(to right, #29591b 5%, #3b8027 100%);
  background-color: #29591b;
}
.hbc-resource-color-box--custom-color-19 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #344ecc), color-stop(1, #5d72d6));
  background-image: -moz-linear-gradient(to right, #344ecc 5%, #5d72d6 100%);
  background-image: -webkit-linear-gradient(to right, #344ecc 5%, #5d72d6 100%);
  background-image: -o-linear-gradient(right, #344ecc, #5d72d6);
  background-image: -ms-linear-gradient(right, #344ecc 5%, #5d72d6 100%);
  background-image: linear-gradient(to right, #344ecc 5%, #5d72d6 100%);
  background-color: #344ecc;
}
.hbc-resource-color-box--custom-color-20 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d8567d), color-stop(1, #e27f9d));
  background-image: -moz-linear-gradient(to right, #d8567d 5%, #e27f9d 100%);
  background-image: -webkit-linear-gradient(to right, #d8567d 5%, #e27f9d 100%);
  background-image: -o-linear-gradient(right, #d8567d, #e27f9d);
  background-image: -ms-linear-gradient(right, #d8567d 5%, #e27f9d 100%);
  background-image: linear-gradient(to right, #d8567d 5%, #e27f9d 100%);
  background-color: #d8567d;
}
.hbc-resource-color-box--custom-color-21 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5df77), color-stop(1, #f8eaa7));
  background-image: -moz-linear-gradient(to right, #f5df77 5%, #f8eaa7 100%);
  background-image: -webkit-linear-gradient(to right, #f5df77 5%, #f8eaa7 100%);
  background-image: -o-linear-gradient(right, #f5df77, #f8eaa7);
  background-image: -ms-linear-gradient(right, #f5df77 5%, #f8eaa7 100%);
  background-image: linear-gradient(to right, #f5df77 5%, #f8eaa7 100%);
  background-color: #f5df77;
}
.hbc-resource-color-box--custom-color-22 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7be5ce), color-stop(1, #a6edde));
  background-image: -moz-linear-gradient(to right, #7be5ce 5%, #a6edde 100%);
  background-image: -webkit-linear-gradient(to right, #7be5ce 5%, #a6edde 100%);
  background-image: -o-linear-gradient(right, #7be5ce, #a6edde);
  background-image: -ms-linear-gradient(right, #7be5ce 5%, #a6edde 100%);
  background-image: linear-gradient(to right, #7be5ce 5%, #a6edde 100%);
  background-color: #7be5ce;
}
.hbc-resource-color-box--custom-color-23 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2930a5), color-stop(1, #343dcd));
  background-image: -moz-linear-gradient(to right, #2930a5 5%, #343dcd 100%);
  background-image: -webkit-linear-gradient(to right, #2930a5 5%, #343dcd 100%);
  background-image: -o-linear-gradient(right, #2930a5, #343dcd);
  background-image: -ms-linear-gradient(right, #2930a5 5%, #343dcd 100%);
  background-image: linear-gradient(to right, #2930a5 5%, #343dcd 100%);
  background-color: #2930a5;
}
.hbc-resource-color-box--custom-color-24 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b12952), color-stop(1, #d23b69));
  background-image: -moz-linear-gradient(to right, #b12952 5%, #d23b69 100%);
  background-image: -webkit-linear-gradient(to right, #b12952 5%, #d23b69 100%);
  background-image: -o-linear-gradient(right, #b12952, #d23b69);
  background-image: -ms-linear-gradient(right, #b12952 5%, #d23b69 100%);
  background-image: linear-gradient(to right, #b12952 5%, #d23b69 100%);
  background-color: #b12952;
}
.hbc-resource-color-box--custom-color-25 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e3b319), color-stop(1, #eac345));
  background-image: -moz-linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-image: -webkit-linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-image: -o-linear-gradient(right, #e3b319, #eac345);
  background-image: -ms-linear-gradient(right, #e3b319 5%, #eac345 100%);
  background-image: linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-color: #e3b319;
}
.hbc-resource-color-box--custom-color-26 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #46af98), color-stop(1, #66c2ae));
  background-image: -moz-linear-gradient(to right, #46af98 5%, #66c2ae 100%);
  background-image: -webkit-linear-gradient(to right, #46af98 5%, #66c2ae 100%);
  background-image: -o-linear-gradient(right, #46af98, #66c2ae);
  background-image: -ms-linear-gradient(right, #46af98 5%, #66c2ae 100%);
  background-image: linear-gradient(to right, #46af98 5%, #66c2ae 100%);
  background-color: #46af98;
}
.hbc-resource-color-box--custom-color-27 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ba77ea), color-stop(1, #d0a3f1));
  background-image: -moz-linear-gradient(to right, #ba77ea 5%, #d0a3f1 100%);
  background-image: -webkit-linear-gradient(to right, #ba77ea 5%, #d0a3f1 100%);
  background-image: -o-linear-gradient(right, #ba77ea, #d0a3f1);
  background-image: -ms-linear-gradient(right, #ba77ea 5%, #d0a3f1 100%);
  background-image: linear-gradient(to right, #ba77ea 5%, #d0a3f1 100%);
  background-color: #ba77ea;
}
.hbc-resource-color-box--custom-color-28 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c4c4c4), color-stop(1, #dedede));
  background-image: -moz-linear-gradient(to right, #c4c4c4 5%, #dedede 100%);
  background-image: -webkit-linear-gradient(to right, #c4c4c4 5%, #dedede 100%);
  background-image: -o-linear-gradient(right, #c4c4c4, #dedede);
  background-image: -ms-linear-gradient(right, #c4c4c4 5%, #dedede 100%);
  background-image: linear-gradient(to right, #c4c4c4 5%, #dedede 100%);
  background-color: #c4c4c4;
}
.hbc-resource-color-box--custom-color-29 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c59e0c), color-stop(1, #f1c213));
  background-image: -moz-linear-gradient(to right, #c59e0c 5%, #f1c213 100%);
  background-image: -webkit-linear-gradient(to right, #c59e0c 5%, #f1c213 100%);
  background-image: -o-linear-gradient(right, #c59e0c, #f1c213);
  background-image: -ms-linear-gradient(right, #c59e0c 5%, #f1c213 100%);
  background-image: linear-gradient(to right, #c59e0c 5%, #f1c213 100%);
  background-color: #c59e0c;
}
.hbc-resource-color-box--custom-color-30 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1d715e), color-stop(1, #279a80));
  background-image: -moz-linear-gradient(to right, #1d715e 5%, #279a80 100%);
  background-image: -webkit-linear-gradient(to right, #1d715e 5%, #279a80 100%);
  background-image: -o-linear-gradient(right, #1d715e, #279a80);
  background-image: -ms-linear-gradient(right, #1d715e 5%, #279a80 100%);
  background-image: linear-gradient(to right, #1d715e 5%, #279a80 100%);
  background-color: #1d715e;
}
.hbc-resource-color-box--custom-color-31 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9845d3), color-stop(1, #af6edd));
  background-image: -moz-linear-gradient(to right, #9845d3 5%, #af6edd 100%);
  background-image: -webkit-linear-gradient(to right, #9845d3 5%, #af6edd 100%);
  background-image: -o-linear-gradient(right, #9845d3, #af6edd);
  background-image: -ms-linear-gradient(right, #9845d3 5%, #af6edd 100%);
  background-image: linear-gradient(to right, #9845d3 5%, #af6edd 100%);
  background-color: #9845d3;
}
.hbc-resource-color-box--custom-color-32 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9a9a9a), color-stop(1, #b3b3b3));
  background-image: -moz-linear-gradient(to right, #9a9a9a 5%, #b3b3b3 100%);
  background-image: -webkit-linear-gradient(to right, #9a9a9a 5%, #b3b3b3 100%);
  background-image: -o-linear-gradient(right, #9a9a9a, #b3b3b3);
  background-image: -ms-linear-gradient(right, #9a9a9a 5%, #b3b3b3 100%);
  background-image: linear-gradient(to right, #9a9a9a 5%, #b3b3b3 100%);
  background-color: #9a9a9a;
}
.hbc-resource-color-box--custom-color-33 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #726120), color-stop(1, #9a832b));
  background-image: -moz-linear-gradient(to right, #726120 5%, #9a832b 100%);
  background-image: -webkit-linear-gradient(to right, #726120 5%, #9a832b 100%);
  background-image: -o-linear-gradient(right, #726120, #9a832b);
  background-image: -ms-linear-gradient(right, #726120 5%, #9a832b 100%);
  background-image: linear-gradient(to right, #726120 5%, #9a832b 100%);
  background-color: #726120;
}
.hbc-resource-color-box--custom-color-34 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #73d9e3), color-stop(1, #9de5eb));
  background-image: -moz-linear-gradient(to right, #73d9e3 5%, #9de5eb 100%);
  background-image: -webkit-linear-gradient(to right, #73d9e3 5%, #9de5eb 100%);
  background-image: -o-linear-gradient(right, #73d9e3, #9de5eb);
  background-image: -ms-linear-gradient(right, #73d9e3 5%, #9de5eb 100%);
  background-image: linear-gradient(to right, #73d9e3 5%, #9de5eb 100%);
  background-color: #73d9e3;
}
.hbc-resource-color-box--custom-color-35 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6e22a5), color-stop(1, #8a2bcf));
  background-image: -moz-linear-gradient(to right, #6e22a5 5%, #8a2bcf 100%);
  background-image: -webkit-linear-gradient(to right, #6e22a5 5%, #8a2bcf 100%);
  background-image: -o-linear-gradient(right, #6e22a5, #8a2bcf);
  background-image: -ms-linear-gradient(right, #6e22a5 5%, #8a2bcf 100%);
  background-image: linear-gradient(to right, #6e22a5 5%, #8a2bcf 100%);
  background-color: #6e22a5;
}
.hbc-resource-color-box--custom-color-36 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #515151), color-stop(1, #6a6a6a));
  background-image: -moz-linear-gradient(to right, #515151 5%, #6a6a6a 100%);
  background-image: -webkit-linear-gradient(to right, #515151 5%, #6a6a6a 100%);
  background-image: -o-linear-gradient(right, #515151, #6a6a6a);
  background-image: -ms-linear-gradient(right, #515151 5%, #6a6a6a 100%);
  background-image: linear-gradient(to right, #515151 5%, #6a6a6a 100%);
  background-color: #515151;
}
.hbc-resource-color-box--custom-color-37 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ad9d61), color-stop(1, #beb283));
  background-image: -moz-linear-gradient(to right, #ad9d61 5%, #beb283 100%);
  background-image: -webkit-linear-gradient(to right, #ad9d61 5%, #beb283 100%);
  background-image: -o-linear-gradient(right, #ad9d61, #beb283);
  background-image: -ms-linear-gradient(right, #ad9d61 5%, #beb283 100%);
  background-image: linear-gradient(to right, #ad9d61 5%, #beb283 100%);
  background-color: #ad9d61;
}
.hbc-resource-color-box--custom-color-38 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #21b8c7), color-stop(1, #3cd0df));
  background-image: -moz-linear-gradient(to right, #21b8c7 5%, #3cd0df 100%);
  background-image: -webkit-linear-gradient(to right, #21b8c7 5%, #3cd0df 100%);
  background-image: -o-linear-gradient(right, #21b8c7, #3cd0df);
  background-image: -ms-linear-gradient(right, #21b8c7 5%, #3cd0df 100%);
  background-image: linear-gradient(to right, #21b8c7 5%, #3cd0df 100%);
  background-color: #21b8c7;
}
.hbc-resource-color-box--custom-color-39 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d6290), color-stop(1, #967ea7));
  background-image: -moz-linear-gradient(to right, #7d6290 5%, #967ea7 100%);
  background-image: -webkit-linear-gradient(to right, #7d6290 5%, #967ea7 100%);
  background-image: -o-linear-gradient(right, #7d6290, #967ea7);
  background-image: -ms-linear-gradient(right, #7d6290 5%, #967ea7 100%);
  background-image: linear-gradient(to right, #7d6290 5%, #967ea7 100%);
  background-color: #7d6290;
}
.hbc-resource-color-box--custom-color-40 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7c5c32), color-stop(1, #a07741));
  background-image: -moz-linear-gradient(to right, #7c5c32 5%, #a07741 100%);
  background-image: -webkit-linear-gradient(to right, #7c5c32 5%, #a07741 100%);
  background-image: -o-linear-gradient(right, #7c5c32, #a07741);
  background-image: -ms-linear-gradient(right, #7c5c32 5%, #a07741 100%);
  background-image: linear-gradient(to right, #7c5c32 5%, #a07741 100%);
  background-color: #7c5c32;
}
.horizontal-bar-chart-legend {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.horizontal-bar-chart-legend__resources {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 840px;
}
.horizontal-bar-chart-legend__total {
  white-space: nowrap;
  font-size: 16px;
  color: #141414;
  font-weight: 600;
  margin-bottom: 28px;
}
.horizontal-bar-chart--without-legend .horizontal-bar-chart-legend__total {
  margin-bottom: initial;
}
.horizontal-bar-chart-legend-resource {
  margin-bottom: 20px;
}
.horizontal-bar-chart-legend-resource:not(:last-child) {
  margin-right: 20px;
}
.horizontal-bar-chart-dumb__statistic {
  height: 16px;
  width: 100%;
  background-color: #efefef;
}
.horizontal-bar-chart-dumb-legend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}
.horizontal-bar-chart-dumb-legend__resources {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 840px;
}
.horizontal-bar-chart-dumb-legend__total {
  height: 18px;
  width: 90px;
  background-color: #efefef;
}
.horizontal-bar-chart-dumb-legend-resource {
  height: 29px;
  width: 90px;
  background-color: #efefef;
}
.horizontal-bar-chart-dumb-legend-resource:nth-child(odd) {
  width: 143px;
}
.horizontal-bar-chart-dumb-legend-resource:not(:last-child) {
  margin-right: 15px;
}
.horizontal-bar-statistics {
  display: flex;
  align-items: center;
}
.horizontal-bar-statistics-resource {
  height: 16px;
  background-color: #333333;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  transition: opacity 300ms;
}
.horizontal-bar-statistics-resource--widget-general {
  height: 10px;
}
.horizontal-bar-statistics-resource--clickable {
  cursor: pointer;
}
.horizontal-bar-statistics-resource--turquoise {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00b2bc), color-stop(1, #00e2ef));
  background-image: -moz-linear-gradient(to right, #00b2bc 5%, #00e2ef 100%);
  background-image: -webkit-linear-gradient(to right, #00b2bc 5%, #00e2ef 100%);
  background-image: -o-linear-gradient(right, #00b2bc, #00e2ef);
  background-image: -ms-linear-gradient(right, #00b2bc 5%, #00e2ef 100%);
  background-image: linear-gradient(to right, #00b2bc 5%, #00e2ef 100%);
  background-color: #00b2bc;
}
.horizontal-bar-statistics-resource--red {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e05101), color-stop(1, #fe6916));
  background-image: -moz-linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-image: -webkit-linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-image: -o-linear-gradient(right, #e05101, #fe6916);
  background-image: -ms-linear-gradient(right, #e05101 5%, #fe6916 100%);
  background-image: linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-color: #e05101;
}
.horizontal-bar-statistics-resource--yellow {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e3b319), color-stop(1, #eac345));
  background-image: -moz-linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-image: -webkit-linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-image: -o-linear-gradient(right, #e3b319, #eac345);
  background-image: -ms-linear-gradient(right, #e3b319 5%, #eac345 100%);
  background-image: linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-color: #e3b319;
}
.horizontal-bar-statistics-resource--purple {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b070ec), color-stop(1, #c99df2));
  background-image: -moz-linear-gradient(to right, #b070ec 5%, #c99df2 100%);
  background-image: -webkit-linear-gradient(to right, #b070ec 5%, #c99df2 100%);
  background-image: -o-linear-gradient(right, #b070ec, #c99df2);
  background-image: -ms-linear-gradient(right, #b070ec 5%, #c99df2 100%);
  background-image: linear-gradient(to right, #b070ec 5%, #c99df2 100%);
  background-color: #b070ec;
}
.horizontal-bar-statistics-resource--blue {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1d48ce), color-stop(1, #3b64e3));
  background-image: -moz-linear-gradient(to right, #1d48ce 5%, #3b64e3 100%);
  background-image: -webkit-linear-gradient(to right, #1d48ce 5%, #3b64e3 100%);
  background-image: -o-linear-gradient(right, #1d48ce, #3b64e3);
  background-image: -ms-linear-gradient(right, #1d48ce 5%, #3b64e3 100%);
  background-image: linear-gradient(to right, #1d48ce 5%, #3b64e3 100%);
  background-color: #1d48ce;
}
.horizontal-bar-statistics-resource--light-blue {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0082ca), color-stop(1, #00a3fd));
  background-image: -moz-linear-gradient(to right, #0082ca 5%, #00a3fd 100%);
  background-image: -webkit-linear-gradient(to right, #0082ca 5%, #00a3fd 100%);
  background-image: -o-linear-gradient(right, #0082ca, #00a3fd);
  background-image: -ms-linear-gradient(right, #0082ca 5%, #00a3fd 100%);
  background-image: linear-gradient(to right, #0082ca 5%, #00a3fd 100%);
  background-color: #0082ca;
}
.horizontal-bar-statistics-resource--green {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #43c645), color-stop(1, #6ad26c));
  background-image: -moz-linear-gradient(to right, #43c645 5%, #6ad26c 100%);
  background-image: -webkit-linear-gradient(to right, #43c645 5%, #6ad26c 100%);
  background-image: -o-linear-gradient(right, #43c645, #6ad26c);
  background-image: -ms-linear-gradient(right, #43c645 5%, #6ad26c 100%);
  background-image: linear-gradient(to right, #43c645 5%, #6ad26c 100%);
  background-color: #43c645;
}
.horizontal-bar-statistics-resource--mustard {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bacf3e), color-stop(1, #c9d967));
  background-image: -moz-linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-image: -webkit-linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-image: -o-linear-gradient(right, #bacf3e, #c9d967);
  background-image: -ms-linear-gradient(right, #bacf3e 5%, #c9d967 100%);
  background-image: linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-color: #bacf3e;
}
.horizontal-bar-statistics-resource--brown {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7e380c), color-stop(1, #ad4d10));
  background-image: -moz-linear-gradient(to right, #7e380c 5%, #ad4d10 100%);
  background-image: -webkit-linear-gradient(to right, #7e380c 5%, #ad4d10 100%);
  background-image: -o-linear-gradient(right, #7e380c, #ad4d10);
  background-image: -ms-linear-gradient(right, #7e380c 5%, #ad4d10 100%);
  background-image: linear-gradient(to right, #7e380c 5%, #ad4d10 100%);
  background-color: #7e380c;
}
.horizontal-bar-statistics-resource--pink {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d43abb), color-stop(1, #dd64c9));
  background-image: -moz-linear-gradient(to right, #d43abb 5%, #dd64c9 100%);
  background-image: -webkit-linear-gradient(to right, #d43abb 5%, #dd64c9 100%);
  background-image: -o-linear-gradient(right, #d43abb, #dd64c9);
  background-image: -ms-linear-gradient(right, #d43abb 5%, #dd64c9 100%);
  background-image: linear-gradient(to right, #d43abb 5%, #dd64c9 100%);
  background-color: #d43abb;
}
.horizontal-bar-statistics-resource--gray {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7f7f7f), color-stop(1, #999999));
  background-image: -moz-linear-gradient(to right, #7f7f7f 5%, #999999 100%);
  background-image: -webkit-linear-gradient(to right, #7f7f7f 5%, #999999 100%);
  background-image: -o-linear-gradient(right, #7f7f7f, #999999);
  background-image: -ms-linear-gradient(right, #7f7f7f 5%, #999999 100%);
  background-image: linear-gradient(to right, #7f7f7f 5%, #999999 100%);
  background-color: #7f7f7f;
}
.horizontal-bar-statistics-resource--title-color {
  background-color: #454545;
}
.horizontal-bar-statistics-resource--custom-color-1 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f37171), color-stop(1, #f7a0a0));
  background-image: -moz-linear-gradient(to right, #f37171 5%, #f7a0a0 100%);
  background-image: -webkit-linear-gradient(to right, #f37171 5%, #f7a0a0 100%);
  background-image: -o-linear-gradient(right, #f37171, #f7a0a0);
  background-image: -ms-linear-gradient(right, #f37171 5%, #f7a0a0 100%);
  background-image: linear-gradient(to right, #f37171 5%, #f7a0a0 100%);
  background-color: #f37171;
}
.horizontal-bar-statistics-resource--custom-color-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bacf3e), color-stop(1, #c9d967));
  background-image: -moz-linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-image: -webkit-linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-image: -o-linear-gradient(right, #bacf3e, #c9d967);
  background-image: -ms-linear-gradient(right, #bacf3e 5%, #c9d967 100%);
  background-image: linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-color: #bacf3e;
}
.horizontal-bar-statistics-resource--custom-color-3 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0f919e), color-stop(1, #13bccd));
  background-image: -moz-linear-gradient(to right, #0f919e 5%, #13bccd 100%);
  background-image: -webkit-linear-gradient(to right, #0f919e 5%, #13bccd 100%);
  background-image: -o-linear-gradient(right, #0f919e, #13bccd);
  background-image: -ms-linear-gradient(right, #0f919e 5%, #13bccd 100%);
  background-image: linear-gradient(to right, #0f919e 5%, #13bccd 100%);
  background-color: #0f919e;
}
.horizontal-bar-statistics-resource--custom-color-4 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ea77e2), color-stop(1, #f1a3eb));
  background-image: -moz-linear-gradient(to right, #ea77e2 5%, #f1a3eb 100%);
  background-image: -webkit-linear-gradient(to right, #ea77e2 5%, #f1a3eb 100%);
  background-image: -o-linear-gradient(right, #ea77e2, #f1a3eb);
  background-image: -ms-linear-gradient(right, #ea77e2 5%, #f1a3eb 100%);
  background-image: linear-gradient(to right, #ea77e2 5%, #f1a3eb 100%);
  background-color: #ea77e2;
}
.horizontal-bar-statistics-resource--custom-color-5 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c03e3e), color-stop(1, #cd6464));
  background-image: -moz-linear-gradient(to right, #c03e3e 5%, #cd6464 100%);
  background-image: -webkit-linear-gradient(to right, #c03e3e 5%, #cd6464 100%);
  background-image: -o-linear-gradient(right, #c03e3e, #cd6464);
  background-image: -ms-linear-gradient(right, #c03e3e 5%, #cd6464 100%);
  background-image: linear-gradient(to right, #c03e3e 5%, #cd6464 100%);
  background-color: #c03e3e;
}
.horizontal-bar-statistics-resource--custom-color-6 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9bad2b), color-stop(1, #bacf3c));
  background-image: -moz-linear-gradient(to right, #9bad2b 5%, #bacf3c 100%);
  background-image: -webkit-linear-gradient(to right, #9bad2b 5%, #bacf3c 100%);
  background-image: -o-linear-gradient(right, #9bad2b, #bacf3c);
  background-image: -ms-linear-gradient(right, #9bad2b 5%, #bacf3c 100%);
  background-image: linear-gradient(to right, #9bad2b 5%, #bacf3c 100%);
  background-color: #9bad2b;
}
.horizontal-bar-statistics-resource--custom-color-7 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2d6984), color-stop(1, #3a87aa));
  background-image: -moz-linear-gradient(to right, #2d6984 5%, #3a87aa 100%);
  background-image: -webkit-linear-gradient(to right, #2d6984 5%, #3a87aa 100%);
  background-image: -o-linear-gradient(right, #2d6984, #3a87aa);
  background-image: -ms-linear-gradient(right, #2d6984 5%, #3a87aa 100%);
  background-image: linear-gradient(to right, #2d6984 5%, #3a87aa 100%);
  background-color: #2d6984;
}
.horizontal-bar-statistics-resource--custom-color-8 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ca37c0), color-stop(1, #d55fcd));
  background-image: -moz-linear-gradient(to right, #ca37c0 5%, #d55fcd 100%);
  background-image: -webkit-linear-gradient(to right, #ca37c0 5%, #d55fcd 100%);
  background-image: -o-linear-gradient(right, #ca37c0, #d55fcd);
  background-image: -ms-linear-gradient(right, #ca37c0 5%, #d55fcd 100%);
  background-image: linear-gradient(to right, #ca37c0 5%, #d55fcd 100%);
  background-color: #ca37c0;
}
.horizontal-bar-statistics-resource--custom-color-9 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e68a57), color-stop(1, #eda983));
  background-image: -moz-linear-gradient(to right, #e68a57 5%, #eda983 100%);
  background-image: -webkit-linear-gradient(to right, #e68a57 5%, #eda983 100%);
  background-image: -o-linear-gradient(right, #e68a57, #eda983);
  background-image: -ms-linear-gradient(right, #e68a57 5%, #eda983 100%);
  background-image: linear-gradient(to right, #e68a57 5%, #eda983 100%);
  background-color: #e68a57;
}
.horizontal-bar-statistics-resource--custom-color-10 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #49ad2b), color-stop(1, #5ecf3c));
  background-image: -moz-linear-gradient(to right, #49ad2b 5%, #5ecf3c 100%);
  background-image: -webkit-linear-gradient(to right, #49ad2b 5%, #5ecf3c 100%);
  background-image: -o-linear-gradient(right, #49ad2b, #5ecf3c);
  background-image: -ms-linear-gradient(right, #49ad2b 5%, #5ecf3c 100%);
  background-image: linear-gradient(to right, #49ad2b 5%, #5ecf3c 100%);
  background-color: #49ad2b;
}
.horizontal-bar-statistics-resource--custom-color-11 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #53a0e6), color-stop(1, #80b9ec));
  background-image: -moz-linear-gradient(to right, #53a0e6 5%, #80b9ec 100%);
  background-image: -webkit-linear-gradient(to right, #53a0e6 5%, #80b9ec 100%);
  background-image: -o-linear-gradient(right, #53a0e6, #80b9ec);
  background-image: -ms-linear-gradient(right, #53a0e6 5%, #80b9ec 100%);
  background-image: linear-gradient(to right, #53a0e6 5%, #80b9ec 100%);
  background-color: #53a0e6;
}
.horizontal-bar-statistics-resource--custom-color-12 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #783873), color-stop(1, #9b4894));
  background-image: -moz-linear-gradient(to right, #783873 5%, #9b4894 100%);
  background-image: -webkit-linear-gradient(to right, #783873 5%, #9b4894 100%);
  background-image: -o-linear-gradient(right, #783873, #9b4894);
  background-image: -ms-linear-gradient(right, #783873 5%, #9b4894 100%);
  background-image: linear-gradient(to right, #783873 5%, #9b4894 100%);
  background-color: #783873;
}
.horizontal-bar-statistics-resource--custom-color-13 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e05101), color-stop(1, #fe6916));
  background-image: -moz-linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-image: -webkit-linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-image: -o-linear-gradient(right, #e05101, #fe6916);
  background-image: -ms-linear-gradient(right, #e05101 5%, #fe6916 100%);
  background-image: linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-color: #e05101;
}
.horizontal-bar-statistics-resource--custom-color-14 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #317d1a), color-stop(1, #42a723));
  background-image: -moz-linear-gradient(to right, #317d1a 5%, #42a723 100%);
  background-image: -webkit-linear-gradient(to right, #317d1a 5%, #42a723 100%);
  background-image: -o-linear-gradient(right, #317d1a, #42a723);
  background-image: -ms-linear-gradient(right, #317d1a 5%, #42a723 100%);
  background-image: linear-gradient(to right, #317d1a 5%, #42a723 100%);
  background-color: #317d1a;
}
.horizontal-bar-statistics-resource--custom-color-15 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2079c9), color-stop(1, #3c92e0));
  background-image: -moz-linear-gradient(to right, #2079c9 5%, #3c92e0 100%);
  background-image: -webkit-linear-gradient(to right, #2079c9 5%, #3c92e0 100%);
  background-image: -o-linear-gradient(right, #2079c9, #3c92e0);
  background-image: -ms-linear-gradient(right, #2079c9 5%, #3c92e0 100%);
  background-image: linear-gradient(to right, #2079c9 5%, #3c92e0 100%);
  background-color: #2079c9;
}
.horizontal-bar-statistics-resource--custom-color-16 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #de86a0), color-stop(1, #e9aebf));
  background-image: -moz-linear-gradient(to right, #de86a0 5%, #e9aebf 100%);
  background-image: -webkit-linear-gradient(to right, #de86a0 5%, #e9aebf 100%);
  background-image: -o-linear-gradient(right, #de86a0, #e9aebf);
  background-image: -ms-linear-gradient(right, #de86a0 5%, #e9aebf 100%);
  background-image: linear-gradient(to right, #de86a0 5%, #e9aebf 100%);
  background-color: #de86a0;
}
.horizontal-bar-statistics-resource--custom-color-17 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ad4606), color-stop(1, #de5a08));
  background-image: -moz-linear-gradient(to right, #ad4606 5%, #de5a08 100%);
  background-image: -webkit-linear-gradient(to right, #ad4606 5%, #de5a08 100%);
  background-image: -o-linear-gradient(right, #ad4606, #de5a08);
  background-image: -ms-linear-gradient(right, #ad4606 5%, #de5a08 100%);
  background-image: linear-gradient(to right, #ad4606 5%, #de5a08 100%);
  background-color: #ad4606;
}
.horizontal-bar-statistics-resource--custom-color-18 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #29591b), color-stop(1, #3b8027));
  background-image: -moz-linear-gradient(to right, #29591b 5%, #3b8027 100%);
  background-image: -webkit-linear-gradient(to right, #29591b 5%, #3b8027 100%);
  background-image: -o-linear-gradient(right, #29591b, #3b8027);
  background-image: -ms-linear-gradient(right, #29591b 5%, #3b8027 100%);
  background-image: linear-gradient(to right, #29591b 5%, #3b8027 100%);
  background-color: #29591b;
}
.horizontal-bar-statistics-resource--custom-color-19 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #344ecc), color-stop(1, #5d72d6));
  background-image: -moz-linear-gradient(to right, #344ecc 5%, #5d72d6 100%);
  background-image: -webkit-linear-gradient(to right, #344ecc 5%, #5d72d6 100%);
  background-image: -o-linear-gradient(right, #344ecc, #5d72d6);
  background-image: -ms-linear-gradient(right, #344ecc 5%, #5d72d6 100%);
  background-image: linear-gradient(to right, #344ecc 5%, #5d72d6 100%);
  background-color: #344ecc;
}
.horizontal-bar-statistics-resource--custom-color-20 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d8567d), color-stop(1, #e27f9d));
  background-image: -moz-linear-gradient(to right, #d8567d 5%, #e27f9d 100%);
  background-image: -webkit-linear-gradient(to right, #d8567d 5%, #e27f9d 100%);
  background-image: -o-linear-gradient(right, #d8567d, #e27f9d);
  background-image: -ms-linear-gradient(right, #d8567d 5%, #e27f9d 100%);
  background-image: linear-gradient(to right, #d8567d 5%, #e27f9d 100%);
  background-color: #d8567d;
}
.horizontal-bar-statistics-resource--custom-color-21 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5df77), color-stop(1, #f8eaa7));
  background-image: -moz-linear-gradient(to right, #f5df77 5%, #f8eaa7 100%);
  background-image: -webkit-linear-gradient(to right, #f5df77 5%, #f8eaa7 100%);
  background-image: -o-linear-gradient(right, #f5df77, #f8eaa7);
  background-image: -ms-linear-gradient(right, #f5df77 5%, #f8eaa7 100%);
  background-image: linear-gradient(to right, #f5df77 5%, #f8eaa7 100%);
  background-color: #f5df77;
}
.horizontal-bar-statistics-resource--custom-color-22 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7be5ce), color-stop(1, #a6edde));
  background-image: -moz-linear-gradient(to right, #7be5ce 5%, #a6edde 100%);
  background-image: -webkit-linear-gradient(to right, #7be5ce 5%, #a6edde 100%);
  background-image: -o-linear-gradient(right, #7be5ce, #a6edde);
  background-image: -ms-linear-gradient(right, #7be5ce 5%, #a6edde 100%);
  background-image: linear-gradient(to right, #7be5ce 5%, #a6edde 100%);
  background-color: #7be5ce;
}
.horizontal-bar-statistics-resource--custom-color-23 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2930a5), color-stop(1, #343dcd));
  background-image: -moz-linear-gradient(to right, #2930a5 5%, #343dcd 100%);
  background-image: -webkit-linear-gradient(to right, #2930a5 5%, #343dcd 100%);
  background-image: -o-linear-gradient(right, #2930a5, #343dcd);
  background-image: -ms-linear-gradient(right, #2930a5 5%, #343dcd 100%);
  background-image: linear-gradient(to right, #2930a5 5%, #343dcd 100%);
  background-color: #2930a5;
}
.horizontal-bar-statistics-resource--custom-color-24 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b12952), color-stop(1, #d23b69));
  background-image: -moz-linear-gradient(to right, #b12952 5%, #d23b69 100%);
  background-image: -webkit-linear-gradient(to right, #b12952 5%, #d23b69 100%);
  background-image: -o-linear-gradient(right, #b12952, #d23b69);
  background-image: -ms-linear-gradient(right, #b12952 5%, #d23b69 100%);
  background-image: linear-gradient(to right, #b12952 5%, #d23b69 100%);
  background-color: #b12952;
}
.horizontal-bar-statistics-resource--custom-color-25 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e3b319), color-stop(1, #eac345));
  background-image: -moz-linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-image: -webkit-linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-image: -o-linear-gradient(right, #e3b319, #eac345);
  background-image: -ms-linear-gradient(right, #e3b319 5%, #eac345 100%);
  background-image: linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-color: #e3b319;
}
.horizontal-bar-statistics-resource--custom-color-26 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #46af98), color-stop(1, #66c2ae));
  background-image: -moz-linear-gradient(to right, #46af98 5%, #66c2ae 100%);
  background-image: -webkit-linear-gradient(to right, #46af98 5%, #66c2ae 100%);
  background-image: -o-linear-gradient(right, #46af98, #66c2ae);
  background-image: -ms-linear-gradient(right, #46af98 5%, #66c2ae 100%);
  background-image: linear-gradient(to right, #46af98 5%, #66c2ae 100%);
  background-color: #46af98;
}
.horizontal-bar-statistics-resource--custom-color-27 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ba77ea), color-stop(1, #d0a3f1));
  background-image: -moz-linear-gradient(to right, #ba77ea 5%, #d0a3f1 100%);
  background-image: -webkit-linear-gradient(to right, #ba77ea 5%, #d0a3f1 100%);
  background-image: -o-linear-gradient(right, #ba77ea, #d0a3f1);
  background-image: -ms-linear-gradient(right, #ba77ea 5%, #d0a3f1 100%);
  background-image: linear-gradient(to right, #ba77ea 5%, #d0a3f1 100%);
  background-color: #ba77ea;
}
.horizontal-bar-statistics-resource--custom-color-28 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c4c4c4), color-stop(1, #dedede));
  background-image: -moz-linear-gradient(to right, #c4c4c4 5%, #dedede 100%);
  background-image: -webkit-linear-gradient(to right, #c4c4c4 5%, #dedede 100%);
  background-image: -o-linear-gradient(right, #c4c4c4, #dedede);
  background-image: -ms-linear-gradient(right, #c4c4c4 5%, #dedede 100%);
  background-image: linear-gradient(to right, #c4c4c4 5%, #dedede 100%);
  background-color: #c4c4c4;
}
.horizontal-bar-statistics-resource--custom-color-29 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c59e0c), color-stop(1, #f1c213));
  background-image: -moz-linear-gradient(to right, #c59e0c 5%, #f1c213 100%);
  background-image: -webkit-linear-gradient(to right, #c59e0c 5%, #f1c213 100%);
  background-image: -o-linear-gradient(right, #c59e0c, #f1c213);
  background-image: -ms-linear-gradient(right, #c59e0c 5%, #f1c213 100%);
  background-image: linear-gradient(to right, #c59e0c 5%, #f1c213 100%);
  background-color: #c59e0c;
}
.horizontal-bar-statistics-resource--custom-color-30 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1d715e), color-stop(1, #279a80));
  background-image: -moz-linear-gradient(to right, #1d715e 5%, #279a80 100%);
  background-image: -webkit-linear-gradient(to right, #1d715e 5%, #279a80 100%);
  background-image: -o-linear-gradient(right, #1d715e, #279a80);
  background-image: -ms-linear-gradient(right, #1d715e 5%, #279a80 100%);
  background-image: linear-gradient(to right, #1d715e 5%, #279a80 100%);
  background-color: #1d715e;
}
.horizontal-bar-statistics-resource--custom-color-31 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9845d3), color-stop(1, #af6edd));
  background-image: -moz-linear-gradient(to right, #9845d3 5%, #af6edd 100%);
  background-image: -webkit-linear-gradient(to right, #9845d3 5%, #af6edd 100%);
  background-image: -o-linear-gradient(right, #9845d3, #af6edd);
  background-image: -ms-linear-gradient(right, #9845d3 5%, #af6edd 100%);
  background-image: linear-gradient(to right, #9845d3 5%, #af6edd 100%);
  background-color: #9845d3;
}
.horizontal-bar-statistics-resource--custom-color-32 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9a9a9a), color-stop(1, #b3b3b3));
  background-image: -moz-linear-gradient(to right, #9a9a9a 5%, #b3b3b3 100%);
  background-image: -webkit-linear-gradient(to right, #9a9a9a 5%, #b3b3b3 100%);
  background-image: -o-linear-gradient(right, #9a9a9a, #b3b3b3);
  background-image: -ms-linear-gradient(right, #9a9a9a 5%, #b3b3b3 100%);
  background-image: linear-gradient(to right, #9a9a9a 5%, #b3b3b3 100%);
  background-color: #9a9a9a;
}
.horizontal-bar-statistics-resource--custom-color-33 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #726120), color-stop(1, #9a832b));
  background-image: -moz-linear-gradient(to right, #726120 5%, #9a832b 100%);
  background-image: -webkit-linear-gradient(to right, #726120 5%, #9a832b 100%);
  background-image: -o-linear-gradient(right, #726120, #9a832b);
  background-image: -ms-linear-gradient(right, #726120 5%, #9a832b 100%);
  background-image: linear-gradient(to right, #726120 5%, #9a832b 100%);
  background-color: #726120;
}
.horizontal-bar-statistics-resource--custom-color-34 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #73d9e3), color-stop(1, #9de5eb));
  background-image: -moz-linear-gradient(to right, #73d9e3 5%, #9de5eb 100%);
  background-image: -webkit-linear-gradient(to right, #73d9e3 5%, #9de5eb 100%);
  background-image: -o-linear-gradient(right, #73d9e3, #9de5eb);
  background-image: -ms-linear-gradient(right, #73d9e3 5%, #9de5eb 100%);
  background-image: linear-gradient(to right, #73d9e3 5%, #9de5eb 100%);
  background-color: #73d9e3;
}
.horizontal-bar-statistics-resource--custom-color-35 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6e22a5), color-stop(1, #8a2bcf));
  background-image: -moz-linear-gradient(to right, #6e22a5 5%, #8a2bcf 100%);
  background-image: -webkit-linear-gradient(to right, #6e22a5 5%, #8a2bcf 100%);
  background-image: -o-linear-gradient(right, #6e22a5, #8a2bcf);
  background-image: -ms-linear-gradient(right, #6e22a5 5%, #8a2bcf 100%);
  background-image: linear-gradient(to right, #6e22a5 5%, #8a2bcf 100%);
  background-color: #6e22a5;
}
.horizontal-bar-statistics-resource--custom-color-36 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #515151), color-stop(1, #6a6a6a));
  background-image: -moz-linear-gradient(to right, #515151 5%, #6a6a6a 100%);
  background-image: -webkit-linear-gradient(to right, #515151 5%, #6a6a6a 100%);
  background-image: -o-linear-gradient(right, #515151, #6a6a6a);
  background-image: -ms-linear-gradient(right, #515151 5%, #6a6a6a 100%);
  background-image: linear-gradient(to right, #515151 5%, #6a6a6a 100%);
  background-color: #515151;
}
.horizontal-bar-statistics-resource--custom-color-37 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ad9d61), color-stop(1, #beb283));
  background-image: -moz-linear-gradient(to right, #ad9d61 5%, #beb283 100%);
  background-image: -webkit-linear-gradient(to right, #ad9d61 5%, #beb283 100%);
  background-image: -o-linear-gradient(right, #ad9d61, #beb283);
  background-image: -ms-linear-gradient(right, #ad9d61 5%, #beb283 100%);
  background-image: linear-gradient(to right, #ad9d61 5%, #beb283 100%);
  background-color: #ad9d61;
}
.horizontal-bar-statistics-resource--custom-color-38 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #21b8c7), color-stop(1, #3cd0df));
  background-image: -moz-linear-gradient(to right, #21b8c7 5%, #3cd0df 100%);
  background-image: -webkit-linear-gradient(to right, #21b8c7 5%, #3cd0df 100%);
  background-image: -o-linear-gradient(right, #21b8c7, #3cd0df);
  background-image: -ms-linear-gradient(right, #21b8c7 5%, #3cd0df 100%);
  background-image: linear-gradient(to right, #21b8c7 5%, #3cd0df 100%);
  background-color: #21b8c7;
}
.horizontal-bar-statistics-resource--custom-color-39 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d6290), color-stop(1, #967ea7));
  background-image: -moz-linear-gradient(to right, #7d6290 5%, #967ea7 100%);
  background-image: -webkit-linear-gradient(to right, #7d6290 5%, #967ea7 100%);
  background-image: -o-linear-gradient(right, #7d6290, #967ea7);
  background-image: -ms-linear-gradient(right, #7d6290 5%, #967ea7 100%);
  background-image: linear-gradient(to right, #7d6290 5%, #967ea7 100%);
  background-color: #7d6290;
}
.horizontal-bar-statistics-resource--custom-color-40 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7c5c32), color-stop(1, #a07741));
  background-image: -moz-linear-gradient(to right, #7c5c32 5%, #a07741 100%);
  background-image: -webkit-linear-gradient(to right, #7c5c32 5%, #a07741 100%);
  background-image: -o-linear-gradient(right, #7c5c32, #a07741);
  background-image: -ms-linear-gradient(right, #7c5c32 5%, #a07741 100%);
  background-image: linear-gradient(to right, #7c5c32 5%, #a07741 100%);
  background-color: #7c5c32;
}
.horizontal-bar-statistics-resource--darkened {
  opacity: 0.5;
}
.timeline-horizontal-chart {
  user-select: none;
  position: relative;
}
.timeline-horizontal-chart__days {
  display: flex;
}
.timeline-horizontal-chart-dumb {
  height: 48px;
  width: 100%;
  background-color: #efefef;
}
.timeline-horizontal-day__time {
  font-size: 11px;
  color: #141414;
  opacity: 0.7;
}
.timeline-horizontal-day--green .timeline-horizontal-day__time {
  color: #0b8b5a;
}
.timeline-horizontal-day--red .timeline-horizontal-day__time {
  color: #d06565;
}
.timeline-horizontal-day-container {
  flex: 1;
}
.timeline-horizontal-day-container__day {
  position: relative;
  display: flex;
  padding: 28px 0 7px;
}
.timeline-horizontal-day-container__bottom {
  height: 2px;
  background-color: #fcfcfc;
}
.timeline-horizontal-day-container--clickable {
  cursor: pointer;
}
.timeline-horizontal-day-container--new-month {
  border-left: 1px solid #d8d8d8;
}
.timeline-horizontal-day-bottom {
  opacity: 0.75;
}
.timeline-horizontal-day-bottom--green {
  background-color: #0b8b5a;
}
.timeline-horizontal-day-bottom--red {
  background-color: #d06565;
}
.timeline-horizontal-month-container {
  position: absolute;
  top: 0;
  left: 5px;
  color: #141414;
  font-size: 12px;
  opacity: 0.8;
}
.timeline-horizontal-control {
  position: absolute;
  bottom: -20px;
  height: 52px;
  width: 19px;
  background: url('/static-panel/images/general/current-timeline.svg') center center no-repeat;
  cursor: grab;
  -webkit-transition: transform 100ms;
  -moz-transition: transform 100ms;
  -o-transition: transform 100ms;
  -ms-transition: transform 100ms;
  transition: transform 100ms;
}
.composition-graphic {
  min-width: 100%;
  min-height: 600px;
  max-height: 1200px;
}
.graphic-renderer {
  min-width: 100%;
}
.vertical-chart {
  position: relative;
}
.vertical-chart__title {
  font-size: 11px;
  color: #141414;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.5px;
}
.vertical-chart__bars {
  padding: 0 15px;
  margin-bottom: 10px;
}
.vertical-chart__bars-border {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #454545;
  opacity: 0.5;
  bottom: 20px;
}
.vertical-chart-bars {
  display: flex;
  align-items: flex-end;
}
.vertical-chart-bar {
  width: 100%;
}
.vertical-chart-bar:not(:last-child) {
  margin-right: 5px;
}
.vertical-chart-bar-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  opacity: 0.7;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  transition: opacity 300ms;
}
.vertical-chart-bar-wrapper__bar {
  width: 100%;
  margin-bottom: 10px;
}
.vertical-chart-bar-wrapper:hover {
  opacity: 1;
}
.vertical-chart-whole-bar {
  display: flex;
  align-items: flex-end;
}
.vertical-chart-bar-empty-overlay {
  position: absolute;
  width: 100%;
}
.vertical-chart-bar-legend {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.13px;
  line-height: 11px;
  color: #141414;
  opacity: 0.5;
  text-align: center;
  min-width: 31.2px;
}
.vertical-chart-tooltip {
  color: #ffffff;
}
.vertical-chart-tooltip__title {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.vertical-chart-tooltip__money,
.vertical-chart-tooltip__content {
  font-size: 11px;
  line-height: 13px;
  font-weight: 600;
}
@keyframes instance-block-loading {
  0% {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
  }
}
.instance-header {
  display: flex;
  align-items: center;
  padding: 16px 18px;
  background-color: #ffffff;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.instance-header__children {
  padding: 7.5px 0;
  flex: 1;
  display: flex;
  align-items: center;
}
.instance-list {
  position: relative;
  box-shadow: 0 2px 8px 0 rgba(51, 51, 51, 0.15);
}
.instance-list__list .ui-kit-context-menu {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
}
.instance-list__list .actions-list__block {
  top: 35px;
  right: 15px;
}
.instance-list__list .alias_block {
  padding: 13px 18px;
}
.instance-list-add-form {
  position: relative;
  color: #141414;
}
.instance-list-add-form__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  cursor: pointer;
}
.instance-list-add-form__close::before {
  font-size: 1.5rem;
}
.instance-list__edit-form {
  position: relative;
}
.instance-list__list .virtualhost,
.instance-block {
  width: auto;
  height: auto;
  padding: 18px;
  box-shadow: none;
  margin-bottom: 0;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  border-bottom: 1px solid #e4e4e4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.instance-list__list .virtualhost:nth-child(odd),
.instance-block:nth-child(odd) {
  margin-right: 0;
}
.instance-list__list .virtualhost-header,
.instance-block-header,
.instance-list__list .virtualhost__title,
.instance-block__title {
  overflow: hidden;
  padding-bottom: 0;
  padding-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.instance-list__list .virtualhost__title,
.instance-block__title {
  width: 200px;
}
.instance-list__list .virtualhost .ui-kit-form-checkbox-label,
.instance-block .ui-kit-form-checkbox-label {
  margin: 0 10px;
}
.instance-list-loading {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05);
  background-color: #b0b0b0;
}
.instance-list-loading--loading {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.block-with-delete-button {
  display: flex;
  position: relative;
}
.block-with-delete-button__name {
  flex: 1;
  overflow: hidden;
  color: #141414;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.block-with-delete-button__delete-button {
  font-size: 1.5rem;
  cursor: pointer;
  color: #141414;
}
.block-with-delete-button__delete-button--disabled .na-icon-close {
  opacity: 0.6;
  cursor: initial;
}
.block-with-delete-button .ui-kit-form-errors {
  bottom: 0;
  position: absolute;
}
.ssh-block-list {
  width: 551px;
  color: #141414;
}
.ssh-block-list .instance-header__children {
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.ssh-block-list__description {
  opacity: 0.7;
  font-size: 12px;
  font-weight: 600;
}
.ssh-block-list__title {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #0066ff;
  text-decoration: none;
}
.ssh-block-list__title .na-icon-new-window {
  font-size: 1rem;
  color: rgba(20, 20, 20, 0.5);
  margin-left: 0.5rem;
}
.ssh-form {
  padding: 16px;
  background-color: #f8f8f8;
}
.ssh-form__title {
  padding-bottom: 20px;
}
.ssh-form__fields {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}
.ssh-form .ui-kit-form-input__input,
.ssh-form .ui-kit-form-textarea-item {
  width: auto;
}
.ssh-form .ui-kit-form-textarea__inner {
  display: flex;
  flex-direction: column;
}
.ssh-form .ui-kit-form-textarea-item {
  height: 72px;
  resize: none;
  font-size: 13px;
  line-height: 16px;
  color: #141414;
  border: 1px solid #cccccc;
}
.ssh-form .ui-kit-form-textarea-label {
  color: #7a8791;
  font-size: 13px;
  font-weight: 300;
  padding-bottom: 8px;
}
.ssh-form .ui-kit-form-select-inner__label {
  color: #7a8791;
  font-size: 13px;
  font-weight: 300;
}
.ssh-form .ui-kit-select-inner__menu,
.ssh-form .ui-kit-select-inner__control {
  background-color: #ffffff !important;
}
.ssh-form .ui-kit-select-inner__option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ssh-form .ssh-choice-key {
  margin-bottom: 10px;
}
.ssh-empty {
  padding-top: 18px;
  display: flex;
  color: #141414;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.ssh-empty-block {
  box-shadow: 0 2px 8px 0 rgba(51, 51, 51, 0.15);
}
.ssh-empty-text-block {
  padding: 0 18px 18px;
}
.ssh-empty-text-block__title {
  display: flex;
  align-items: center;
  font-size: 18px;
  padding-bottom: 8px;
  color: #0066ff;
  text-decoration: none;
}
.ssh-empty-text-block__title .na-icon-new-window {
  font-size: 1rem;
  margin-left: 0.5rem;
  color: rgba(20, 20, 20, 0.5);
}
.ssh-empty-text-block__description {
  font-size: 13px;
  line-height: 1.38;
  padding-bottom: 15px;
}
.ssh-add-form {
  position: relative;
}
.ssh-block-access-change-password {
  font-size: 14px;
}
.ui-kit-modal-container--delete-ssh .ui-kit-modal-title-helper {
  text-align: center;
}
.empty-page {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: start;
}
.empty-page__image {
  max-width: 800px;
}
@media screen and (max-width: 1330px) {
  .empty-page__image {
    width: 620px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 1330px) {
  .empty-page {
    margin: 0 auto;
    justify-content: start;
  }
}
.empty-page-block {
  max-width: 484px;
  margin: 0 0 116px 27px;
  color: #141414;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 1330px) {
  .empty-page-block {
    max-width: 304px;
  }
}
.empty-page-block__title {
  font-size: 22px;
  margin-bottom: 11px;
}
@media screen and (max-width: 1330px) {
  .empty-page-block__title {
    font-size: 20px;
    width: 320px;
  }
}
.empty-page-block__description {
  font-size: 16px;
  line-height: 1.38;
  margin-bottom: 23px;
  word-break: break-word;
}
@media screen and (max-width: 1330px) {
  .empty-page-block__description {
    font-size: 14px;
  }
}
.empty-page-block__buttons-block {
  display: flex;
  gap: 1.25rem;
}
@media screen and (max-width: 1330px) {
  .empty-page-block {
    margin-left: 0;
  }
}
.empty-page--cloud .empty-page-block__title {
  min-width: 373px;
}
.empty-page--cloud .empty-page-block__description {
  min-width: 350px;
}
.empty-page--vertical {
  flex-direction: column-reverse;
  align-items: center;
}
.empty-page--vertical .empty-page-block {
  max-width: 450px;
  margin-right: 34px;
}
.empty-page--vertical .empty-page-block__title {
  margin-top: 25px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(20, 20, 20, 0.7);
}
.empty-page--vertical .empty-page-block__description {
  display: none;
}
.empty-page--vertical .empty-page-block__buttons-block {
  flex-direction: column;
  align-items: center;
}
.empty-page--vertical .empty-page__image {
  width: 500px;
}
.empty-page--width-auto .empty-page__image {
  width: auto;
}
.empty-page--space-between {
  justify-content: space-between;
  margin: 2rem 0;
}
.cst-resource {
  display: flex;
}
.cst-resource:not(:last-child) {
  margin-bottom: 5px;
}
.cst-resource__name,
.cst-resource__value {
  color: #141414;
  text-transform: uppercase;
  font-size: 11px;
}
.cst-resource__name {
  margin-right: 2px;
}
.cst-resource__value {
  margin-left: 2px;
}
.cst-resource__dashed-bottom {
  position: relative;
  top: -3px;
  flex: 1;
  border-bottom: 1px dashed #141414;
}
.cst-resource--danger .cst-resource__name,
.cst-resource--danger .cst-resource__value {
  color: #c80502;
}
.section-block {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 20px 40px 0 rgba(51, 51, 51, 0.05);
}
.section-block:not(:first-child) {
  margin-top: 2rem;
}
.section-block-entity {
  padding: 25px 30px 0;
}
.section-block-entity:last-child {
  display: grid;
  padding-bottom: 25px;
}
.section-block-entity:empty {
  padding: 0;
}
.section-block-title {
  font-weight: 600;
  font-size: 16px;
  color: #141414;
  margin-bottom: 20px;
}
.section-block--loading {
  background-color: #b0b0b0;
  animation-name: block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.section-empty-list {
  margin-bottom: 50px;
}
.section-empty-list-content__image {
  display: block;
  margin: 32px auto;
}
.section-empty-list-content__title {
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  color: #141414;
  margin-bottom: 10px;
}
.section-empty-list-content__subtitle {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  opacity: 0.7;
}
.section-dumb-list__title {
  margin-bottom: 10px;
}
.section-dumb-list-title {
  height: 14px;
  width: 72px;
  background-color: #efefef;
}
.section-dumb-list-resource {
  border-top: 1px solid #efefef;
  display: flex;
  align-items: center;
  padding: 31px 0;
}
.section-dumb-list-resource__box {
  margin-left: 10px;
}
.section-dumb-list-resource__description {
  margin-left: 17px;
}
.section-dumb-list-resource__name {
  margin-left: 20px;
}
.section-dumb-list-resource:last-child {
  border-bottom: 1px solid #efefef;
}
.section-dumb-list-resource:nth-child(3n + 2) .section-dumb-list-resource-description {
  width: 273px;
}
.section-dumb-list-resource:nth-child(3n + 1) .section-dumb-list-resource-description {
  width: 332px;
}
.section-dumb-list-resource:nth-child(3n) .section-dumb-list-resource-description {
  width: 353px;
}
.section-dumb-list-resource-box {
  height: 10px;
  width: 10px;
  background-color: #efefef;
}
.section-dumb-list-resource-description {
  height: 10px;
  width: 10px;
  width: 332px;
  background-color: #efefef;
}
.section-dumb-list-resource-resource-name {
  height: 10px;
  width: 40px;
  background-color: #efefef;
}
.section-dumb-list-resource-price {
  height: 15px;
  width: 74px;
  background-color: #efefef;
}
.month-picker {
  display: flex;
  align-items: center;
}
.month-picker-content {
  display: flex;
  align-items: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fcfcfc;
}
.month-picker-content-current {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #141414;
  padding: 8px 15px;
}
.month-picker-content__button:first-child {
  border-right: 1px solid rgba(20, 20, 20, 0.2);
}
.month-picker-content__button:last-child {
  border-left: 1px solid rgba(20, 20, 20, 0.2);
}
.month-picker-content__button .na-icon-arrow-chevron-right,
.month-picker-content__button .na-icon-arrow-chevron-left {
  font-size: 1.25rem;
}
.month-picker-content-button {
  cursor: pointer;
  padding: 7px 10px;
}
.month-picker-content-button--disabled .na-icon-arrow-chevron-right,
.month-picker-content-button--disabled .na-icon-arrow-chevron-left {
  opacity: 0.3;
}
.month-picker-component {
  box-shadow: 0 12px 20px 0 rgba(51, 51, 51, 0.15);
  border: none;
  background-color: #ffffff;
}
.month-picker-component .react-datepicker__triangle {
  display: none;
}
.month-picker-component .react-datepicker__month-text {
  -webkit-transition: background-color 300ms, border 300ms;
  -moz-transition: background-color 300ms, border 300ms;
  -o-transition: background-color 300ms, border 300ms;
  -ms-transition: background-color 300ms, border 300ms;
  transition: background-color 300ms, border 300ms;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(69, 85, 98, 0.2);
  color: #141414;
  font-size: 12px;
  font-weight: 600;
  padding: 8px;
  width: 58px;
  margin: 5px;
}
.month-picker-component .react-datepicker__month-text:hover {
  background-color: rgba(69, 85, 98, 0.1);
}
.month-picker-component .react-datepicker__month {
  text-transform: capitalize;
}
.month-picker-component .react-datepicker__month--selected {
  background-color: #0066ff;
  border: 1px solid #0066ff;
  color: #ffffff;
}
.month-picker-component .react-datepicker__month--selected:hover {
  background-color: #0066ff;
}
.month-picker-component .react-datepicker__month--disabled {
  color: rgba(20, 20, 20, 0.4);
  border: 1px solid rgba(69, 85, 98, 0.1);
  background-color: rgba(69, 85, 98, 0.1);
}
.month-picker-component .react-datepicker__month-wrapper:first-child {
  margin-top: 13px;
}
.month-picker-component .react-datepicker__month-wrapper:last-child {
  margin-bottom: 25px;
}
.month-picker-component .react-datepicker-year-header {
  background-color: #ffffff;
  border-bottom: 1px solid #e4e4e4;
  color: #141414;
  font-weight: 600;
  font-size: 14px;
  padding-top: initial;
  padding: 14px 0;
}
.react-datepicker__navigation {
  top: 10px;
}
.react-datepicker__navigation--next,
.react-datepicker__navigation--previous {
  width: 7px;
  height: 12px;
  padding: 10px 10px;
  border: none;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  transition: opacity 300ms;
}
.react-datepicker__navigation--next:hover,
.react-datepicker__navigation--previous:hover {
  opacity: 0.6;
}
.react-datepicker__navigation--next {
  background: url('/static-panel/images/icon/right.svg') no-repeat center center;
}
.react-datepicker__navigation--previous {
  background: url('/static-panel/images/icon/left.svg') no-repeat center center;
}
.date-picker {
  position: relative;
}
.date-picker-calendar .react-datepicker__month-container {
  width: 300px;
}
.date-picker-header {
  display: flex;
  align-items: center;
}
.date-picker-header .ui-kit-form-select {
  flex: 1;
}
.date-picker-header .ui-kit-select-inner__menu {
  text-align: left;
}
.date-picker-header .na-icon-arrow-chevron-left,
.date-picker-header .na-icon-arrow-chevron-right {
  font-size: 1.25rem;
  margin: 0 10px;
}
.date-picker-header__select-month {
  margin-right: 8px;
}
.date-picker .react-datepicker-popper {
  margin-top: 0 !important;
  top: -10px !important;
}
.date-picker .na-icon-calendar {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 38px;
  color: rgba(20, 20, 20, 0.5);
}
.payment-button {
  position: relative;
}
.payment-button__payment-form {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 55;
  min-width: 220px;
  box-shadow: 0 12px 20px 0 rgba(51, 51, 51, 0.15);
  background-color: #ffffff;
  border-radius: 4px;
}
.payment-button .payment-form__wrapper {
  padding: 1rem;
}
.payment-form__form {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
.payment-form__form .netangels-kit-input {
  flex: 1;
}
.payment-form__wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
}
.payment-form-payment-system-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem 0.75rem;
}
.payment-form-payment-system-header__title {
  font-size: 1rem;
  color: #141414;
  white-space: nowrap;
}
.payment-form-payment-system-header__back-button {
  font-size: 1.5rem;
  cursor: pointer;
}
.payment-form-payment-system-header__back-button.na-icon-arrow-chevron-left::before {
  margin-right: 0.5rem;
}
.payment-form-payment-system-item {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  font-size: 0.8125rem;
  color: #141414;
  white-space: nowrap;
  transition: background-color 0.2s ease-in-out;
  padding: 0.5rem 0.75rem;
}
.payment-form-payment-system-item:not(.payment-form-system-item--disabled) {
  cursor: pointer;
}
.payment-form-payment-system-item:not(.payment-form-system-item--disabled):hover {
  background-color: #fcfcfc;
}
.payment-form-payment-system-item::before {
  margin-right: 10px;
}
.payment-form-payment-system-item--disabled {
  color: #7a8791;
  user-select: none;
}
.payment-form-electronic-payment {
  position: relative;
}
.payment-form-electronic-payment__tooltip-block {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.icon-bank-card::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/bankcard.svg') center center no-repeat;
  background-size: cover;
}
.icon-sbp::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/sbp.svg') center center no-repeat;
  background-size: cover;
}
.icon-applepay::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/apple-pay.svg') center center no-repeat;
  background-size: cover;
}
.icon-payment-on-account::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/bank.svg') center center no-repeat;
  background-size: cover;
}
.icon-sberbank::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/sberbank.svg') center center no-repeat;
  background-size: cover;
}
.icon-webmoney::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/webmoney.svg') center center no-repeat;
  background-size: cover;
}
.icon-yandex-money::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/yam.svg') center center no-repeat;
  background-size: cover;
}
.icon-cash::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/atm.svg') center center no-repeat;
  background-size: cover;
}
.icon-comment::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/comment.svg') center center no-repeat;
  background-size: cover;
}
.icon-intellect-money::before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  background: url('/static-panel/images/icon/intellect-money.svg') center center no-repeat;
  background-size: cover;
}
.main-header {
  display: flex;
  align-items: flex-start;
  margin: 2rem 0;
}
.main-header--finance {
  margin: 2rem 0 0;
}
.main-header--new {
  margin: 0;
}
.main-header--sales365 span {
  max-width: 100%;
}
.ip-list {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(20, 20, 20, 0.15);
}
.ip-list__header {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  padding: 1.25rem;
  background-color: #fafafa;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.ip-list__footer {
  padding: 1.25rem;
  background-color: #fafafa;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.ip-list__add-button {
  padding: 13.5px 17px 13.5px 18px;
}
.ip-list__empty-text {
  padding: 16px 23px 24px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(20, 20, 20, 0.7);
}
.ip-list-subheader {
  display: flex;
  position: relative;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  padding: 16px 23px;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
  color: rgba(20, 20, 20, 0.7);
  background-color: #fafafa;
}
.ip-list-items__item {
  padding: 13.5px 17px 13.5px 18px;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.ip-list-items .actions {
  top: -14px;
}
.ip-list-header {
  color: #141414;
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
}
.ip-list-item {
  position: relative;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 0 17px 0;
}
.ip-list-footer {
  background-color: #fafafa;
}
.ip-list-light {
  color: #141414;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.switcher-wrapper {
  display: flex;
  flex-direction: column;
}
.switcher {
  display: flex;
  align-items: center;
}
.switcher-item {
  flex: 1;
  text-align: center;
  padding: 12px 17px 9px;
  color: #141414;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  border: 1px solid #cccccc;
}
.switcher-item:not(.switcher-item--active) {
  cursor: pointer;
}
.switcher-item--active {
  background-color: #0066ff;
  color: #ffffff;
  border: 1px solid #0066ff;
}
.switcher-item:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.switcher-item:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-left: none;
}
.switcher--round .switcher-item {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  opacity: 0.8;
}
.switcher--round .switcher-item:not(:last-child) {
  margin-right: 10px;
}
.switcher--round .switcher-item:last-child {
  border-left: 1px solid #cccccc;
}
.switcher--round .switcher-item--active {
  background-color: rgba(0, 102, 255, 0.05);
  color: #0066ff;
  border: 1px solid #0066ff;
}
.switcher--round .switcher-item--active:last-child {
  border-left: 1px solid #0066ff;
}
.vnc-console-container {
  display: flex;
  align-items: stretch;
  min-height: 31.25rem;
  padding: 1rem;
}
.vnc-console {
  width: 100%;
}
.vnc-console--empty,
.vnc-console--loading,
.vnc-console--error {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vnc-console--empty {
  color: #ffffff;
}
.vnc-console-element {
  width: 100%;
}
.vnc-console-element > div {
  justify-content: center;
}
.vnc-buttons {
  padding: 1rem;
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}
.table-pagination {
  height: 28px;
}
.table-pagination--empty {
  display: none;
}
.table-pagination-container {
  display: flex;
  align-items: center;
}
.table-pagination-previous-item,
.table-pagination-next-item {
  display: none;
}
.table-pagination-break,
.table-pagination-page-item {
  cursor: pointer;
  margin: 0 5px;
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-pagination-break::before,
.table-pagination-page-item::before {
  display: none;
}
.table-pagination-break {
  padding: 2px 8px 0;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.table-pagination-break::before {
  display: none;
}
.table-pagination-disabled {
  opacity: 0.7;
}
.table-pagination-page-link,
.table-pagination-previous-link,
.table-pagination-next-link {
  display: flex;
  padding: 5px 10px;
  height: 100%;
}
.table-pagination-active {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  border: 1px solid #0066ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #0066ff;
}
.pagination-footer {
  display: flex;
  margin: 30px 0;
  align-items: center;
  justify-content: space-between;
}
.pagination-footer__pagination-info {
  color: #141414;
  font-size: 14px;
  line-height: 14px;
}
.table-pagination--new .table-pagination-container {
  gap: 10px;
}
.table-pagination--new .table-pagination-page-item {
  border-radius: 8px;
  line-height: 15px;
  margin: 0;
}
.table-pagination--new .table-pagination-break {
  height: auto;
  border-radius: 8px;
  line-height: 15px;
  padding: 0;
  margin: 0;
  outline: none;
}
.table-pagination--new .table-pagination-break .table-pagination-link {
  padding: 5px 10px;
}
.entry-name-input {
  position: relative;
  display: flex;
}
.entry-name-input__icon {
  margin: 5px 0 0 13px;
}
.entry-name-input__name {
  overflow: hidden;
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  border-bottom: 1px dashed #141414;
}
.entry-name-input .ui-kit-form-input__input {
  padding: 0;
  padding-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  background-color: initial;
  border: none;
  border-bottom: 1px solid rgba(20, 20, 20, 0.5);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.entry-name-input .ui-kit-form-input__input:focus {
  background-color: initial;
  border: none;
  border-bottom: 1px solid rgba(20, 20, 20, 0.5);
  box-shadow: none;
}
.entry-name-input .ui-kit-form-errors {
  box-shadow: 0 12px 20px 0 rgba(51, 51, 51, 0.2);
  position: fixed;
  padding: 4px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 16px;
  font-size: 13px;
  margin-top: 10px;
  background-color: #ffffff;
}
.entry-name-input .ui-kit-form-input--error .ui-kit-form-input__input:focus {
  border-bottom: 1px solid #d06565;
}
@keyframes table-instance-loading {
  0% {
    background-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
  }
}
.table-wrapper {
  margin-top: 20px;
}
.table-instances {
  width: 100%;
  margin-top: 20px;
  vertical-align: middle;
  background-color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(69, 85, 98, 0.15);
  border-collapse: collapse;
  border-spacing: 0;
}
.table-instances tr:not(:last-child) {
  border-bottom: 1px solid rgba(69, 85, 98, 0.15);
}
.table-instances-loader {
  width: 100%;
  height: 400px;
  margin-top: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(69, 85, 98, 0.15);
  animation-name: table-instance-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.table-tr {
  height: 62px;
}
.table-instance-row:hover {
  background-color: rgba(20, 20, 20, 0.02);
}
.table-instance-row--active .table-instance-col:first-child,
.table-instance-row--active .table-instance-col:last-child {
  border-bottom: none;
}
.table-instance-row--clickable {
  cursor: pointer;
}
.table-instance-subrow .table-instance-col {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 0 25px 24px;
}
.table-instance-col {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  font-size: 13px;
  padding: 23px 25px;
  vertical-align: middle;
  color: #141414;
}
.table-instance-col__comment {
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #7a8791;
}
.table-instance-col--loading .table-instance-col__cell {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  border-radius: 20px;
}
.table-instance-col--loading .table-instance-col__cell > * {
  visibility: hidden;
}
.table-instance-col--checkbox {
  width: 18px;
}
.table-instance-col--sort {
  cursor: pointer;
}
.table-instance-col--sort:hover .table-instance-col-inner__icon {
  opacity: 1;
}
.table-instance-col--actions {
  width: 30px;
}
.table-instance-col-with-hint {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.table-instance-col-with-hint .na-icon-hint {
  position: absolute;
  right: -1rem;
}
.table-instance-col-with-hint .ui-kit-custom-tooltip {
  font-weight: 400;
}
.table-instance-col-inner {
  display: flex;
  white-space: nowrap;
}
.table-instance-col-inner__icon {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.table-instance-col-inner .na-icon-arrow-asc,
.table-instance-col-inner .na-icon-arrow-desc {
  margin-left: 9px;
}
.table-instances {
  width: 100%;
}
.table-instances-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  margin-top: 30px;
}
.table-instances-error__img {
  width: 300px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 25px;
}
.table-instances-error__title {
  width: 500px;
  color: #141414;
  text-align: center;
  margin: 0 auto;
}
.table-header-actions {
  width: 100%;
  vertical-align: middle;
  display: flex;
  gap: 24px;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
}
.table-header-actions__action {
  font-weight: 600;
  margin-right: 30px;
  color: #0066ff;
  cursor: pointer;
}
.table-header-actions__action--delete {
  color: #d51010;
}
.table-header-actions__action a {
  text-decoration: none;
  color: #0066ff;
}
.table-header-actions .search-input-block__tooltip {
  left: 0 !important;
}
.table-header-wrapper {
  margin-top: 30px;
}
.table-header-wrapper--checked {
  padding: 12px 16px;
  background-color: #ffffff;
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.05);
}
.table-header-wrapper--checked .table-header-actions {
  gap: 0;
}
.table-header-actions-checked {
  width: 135px;
  display: flex;
  align-items: center;
  color: #4e5f6e;
}
.table-header-actions-checked__number {
  color: rgba(78, 95, 110, 0.7);
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  margin-left: 5px;
  padding: 0 1px;
  height: 14px;
  min-width: 13px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-actions {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}
.table-wrapper--new {
  max-width: 1370px;
  margin-top: 0;
}
@media screen and (max-width: 1330px) {
  .table-wrapper--new {
    width: auto;
    margin: 0;
  }
}
.table-wrapper--new .table-instances,
.table-wrapper--new .table-instances-loader {
  border-radius: 16px;
  margin: 0;
}
.table-wrapper--new .table-instances-loader {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.table-wrapper--new .table-tr .table-instance-col {
  color: rgba(20, 20, 20, 0.8);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.table-wrapper--new .table-instance-col {
  font-size: 14px;
  line-height: 16px;
}
.table-wrapper--new .table-instance-col--checkbox {
  padding-right: 0;
}
.table-wrapper--new .table-instance-col--checkbox,
.table-wrapper--new .table-instance-col--checkbox > div {
  width: 20px;
}
.table-wrapper--new .table-instance-col--actions .table-instance-col__cell > .actions_item {
  justify-content: flex-end;
  align-items: center;
  padding: 0;
}
.table-wrapper--new .table-instance-col--actions .table-instance-col__cell > .actions_item .actions_item__icon {
  font-size: 13px;
}
.table-wrapper--new .table-instance-col--actions .table-instance-col__cell > .actions_item .actions_item__icon::before {
  margin: 0;
}
.table-wrapper--new .ui-kit-form-checkbox-label__icon {
  background-color: #ffffff;
}
.table-wrapper--new .ui-kit-form-checkbox-inner__input:checked + .ui-kit-form-checkbox-label .ui-kit-form-checkbox-label__icon {
  background-image: none;
  background-color: #0066ff;
  border: 1px solid #0066ff;
}
.table-header-wrapper--new {
  margin: 0 0 30px 0;
  padding-bottom: 0;
}
.table-header-wrapper--new .table-instances {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}
.table-header-wrapper--new.table-header-wrapper--checked {
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
  padding: 7px 25px;
  margin-bottom: 20px;
}
.table-header-wrapper--new .table-header-actions {
  gap: 20px;
}
.table-header-wrapper--new .table-header-actions__checked {
  width: auto;
  padding: 9px 0;
  margin-right: 10px;
}
.table-header-wrapper--new .table-header-actions__action {
  margin-right: 0;
}
.service-payment-page-wrapper {
  position: relative;
  min-width: 973px;
  margin: 40px auto 0;
  padding: 0 12px;
  color: #141414;
}
@media screen and (max-width: 1330px) {
  .service-payment-page-wrapper {
    padding: 0 30px;
    width: 973px;
  }
}
.service-payment-page-wrapper__title {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 42px;
  margin: 70px 0 40px;
}
.service-payment-page-block {
  display: flex;
  justify-content: space-between;
}
.service-payment-page-block__background {
  position: relative;
  bottom: -64px;
  margin-left: 85px;
  z-index: -1;
}
@media screen and (max-width: 1330px) {
  .service-payment-page-block__background {
    width: 390px;
    margin-left: 30px;
  }
}
.service-payment-page {
  color: #141414;
}
.service-payment-page__steps {
  display: flex;
  margin-bottom: 40px;
}
.service-payment-page__steps .ui-kit-wizard-step {
  margin-right: 50px;
}
.service-payment-page__description {
  width: 527px;
  font-size: 16px;
  line-height: 22px;
}
.service-payment-page__link {
  display: flex;
  margin-top: 2rem;
}
.service-payment-block {
  width: 30.688rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 0.75rem 1.25rem 0 rgba(51, 51, 51, 0.15);
  padding: 1.625rem 1.875rem 1.25rem;
  margin-top: 2.5rem;
}
.service-payment-block__title {
  font-size: 1.125rem;
  line-height: 1.313rem;
}
.service-payment-block__form-block {
  display: flex;
  gap: 1rem;
  margin: 1rem 0 1.25rem;
}
.service-payment-block__form-block .netangels-kit-input {
  width: 5.625rem;
}
@media screen and (max-width: 1330px) {
  .service-payment-block__form-block .netangels-kit-input {
    flex: 1;
  }
}
.service-payment-block__button-block {
  display: flex;
  height: 2.5rem;
}
.service-payment-block .ui-kit-form-select .ui-kit-select-inner__control {
  height: 2.5rem;
  width: 17.1rem;
  background-color: #ffffff !important;
  border-color: #d8d8d8 !important;
}
.service-payment-block .ui-kit-form-select .ui-kit-select-inner__option--is-selected::after {
  right: 0.563rem;
  top: 1.188rem;
}
.service-payment-block .ui-kit-form-select .ui-kit-select-inner__group-heading {
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
  margin-top: 0.5rem;
  letter-spacing: 0.085rem;
  text-transform: uppercase;
  color: rgba(20, 20, 20, 0.75);
}
.service-payment-block-system {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  height: 32px;
}
.service-payment-block-system::before {
  margin-right: 11px;
}
.service-payment-block-system__label {
  max-width: 180px;
}
.download-for-period__sub-title {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}
.download-for-period__end-period,
.download-for-period__start-period {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.download-for-period .ui-kit-select-block {
  height: 38px;
  width: 142px;
}
.spoiler {
  filter: blur(4px);
  transition: 0.1s filter ease-in-out;
}
.spoiler:hover {
  filter: none;
}
.spoiler:has(.ui-kit-custom-tooltip.show) {
  filter: none;
}
.spoiler .ui-kit-custom-tooltip:not(.show) {
  display: none;
  top: 0 !important;
  left: 0 !important;
}
.spoiler--inline {
  display: inline-block;
}
@keyframes skeletal-loader-loading {
  0% {
    background-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
  }
}
.skeletal-loader {
  width: 100%;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(69, 85, 98, 0.15);
  animation-name: skeletal-loader-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.clipboard-button {
  display: flex;
  align-items: center;
  color: #0066ff;
  cursor: pointer;
}
.clipboard-button .na-icon-copy {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.clipboard-button--white {
  color: #ffffff;
}
.ui-kit-modal-container--verification-modal {
  min-width: 839px;
}
.ui-kit-modal-container--verification-modal.ui-kit-modal-container {
  padding: 4px 0 2px;
}
.verification-wrapper {
  padding: 28px 38px 48px;
  display: flex;
}
.verification-wrapper__image {
  margin-top: 8px;
  margin-right: 20px;
}
@media screen and (max-width: 1330px) {
  .verification-wrapper {
    padding: 28px 28px 38px;
  }
}
.verification-block__title {
  color: #141414;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media screen and (max-width: 1330px) {
  .verification-block__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.verification-block__items {
  display: flex;
  margin-top: 8px;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: rgba(20, 20, 20, 0.7);
}
@media screen and (max-width: 1330px) {
  .verification-block__items {
    margin-bottom: 14px;
    font-size: 10px;
    line-height: 14px;
  }
}
.verification-block__description {
  color: #141414;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
  max-width: 680px;
}
@media screen and (max-width: 1330px) {
  .verification-block__description {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 22px;
    max-width: 500px;
  }
}
.verification-block__button-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.verification-block-item {
  display: flex;
  align-items: center;
  margin-right: 7px;
}
.verification-block-item:not(:first-child) {
  margin-left: 8px;
}
.verification-block-item__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border: 1px solid rgba(20, 20, 20, 0.7);
  margin-right: 0.5rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media screen and (max-width: 1330px) {
  .verification-block-item__icon {
    margin-right: 6px;
    width: 0.75rem;
    height: 0.75rem;
  }
}
.verification-block-item .na-icon-1-check {
  font-size: 0.75rem;
}
@media screen and (max-width: 1330px) {
  .verification-block-item .na-icon-1-check {
    font-size: 0.5rem;
  }
}
.verification-block-item--verified {
  color: #29ac7a;
}
.verification-block-item--verified .verification-block-item__icon {
  border-color: #29ac7a;
}
.verification-block-button-block {
  display: flex;
  align-items: center;
  gap: 24px;
}
.verification-block-button-block__icon {
  width: 18px;
  height: 18px;
}
.verification-block-button-block__hint {
  color: rgba(20, 20, 20, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.render-error {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #141414;
  text-align: center;
  padding: 30px 0;
}
.render-error__image {
  width: 410px;
  margin-bottom: 24px;
}
.render-error__title {
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 8px;
}
.render-error__description {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: rgba(20, 20, 20, 0.7);
  margin-bottom: 16px;
}
.code-block {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  background-color: #333333;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 400;
  color: #ffffff;
  overflow-x: auto;
  padding: 1rem 1.5rem;
}
.code-block::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.code-block::-webkit-scrollbar-track {
  background-color: transparent;
}
.code-block::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #333333;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.code-block__code {
  font-family: B612Mono, monospace;
  font-weight: 300;
}
.code-block__clipboard-button {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
}
.code-block--wrap .code-block__pre {
  white-space: normal;
}
.code-block--with-copy-button {
  padding-bottom: 2.5rem;
}
.code-with-title-block__title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #141414;
  margin-bottom: 12px;
}
.backups-item {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1rem;
  color: #141414;
  transition: color 0.15s ease-in-out, border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 1.25rem;
  cursor: pointer;
}
.backups-item__content {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
.backups-item__title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.backups-item__description {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 400;
  color: #7a8791;
}
.backups-item__arrow::before {
  font-size: 1.25rem;
}
.backups-item:not(.backups-item--active):not(.backups-item--disabled):hover {
  color: #0066ff;
  border-color: #ffffff;
  box-shadow: 0 0 0.625rem 0 rgba(51, 51, 51, 0.1);
}
.backups-item--active {
  border-color: #0066ff;
  color: #0066ff;
  cursor: initial;
}
.backups-item--disabled {
  color: rgba(20, 20, 20, 0.5);
  cursor: initial;
}
.backups-items {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.625rem;
}
.backups-items__title {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
  color: #7a8791;
  user-select: none;
}
.backups-items-list__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.625rem;
}
.backups-items-list__header {
  padding: 1.25rem;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #141414;
  border-bottom: 1px solid #cccccc;
}
.backups-items-list__empty {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 400;
  color: #7a8791;
}
.backups-items--collapsed .backups-items__list {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1rem;
}
.backups-items--collapsed .backups-items-list__list {
  gap: 0;
}
.backups-items--collapsed .backups-item {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.backups-items--collapsed .backups-item:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
.backups-items--collapsed .backups-item__title {
  font-size: 0.875rem;
  line-height: 1rem;
}
.backups-items--collapsed .backups-item:hover {
  border-color: #cccccc !important;
  box-shadow: none !important;
}
.backups-items--empty .backups-items__list {
  border: none;
}
.backups-items--loading .backups-items__list {
  border: none;
  overflow: hidden;
}
.backups-items--loading .backups-item {
  height: 3.875rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.white-box {
  display: grid;
  gap: 2rem;
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.08);
  padding: 1.5rem;
}
.white-box-field__title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.white-box-field-title {
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
}
.white-box-field-title__checkbox {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}
.white-box-field-title-checkbox__icon {
  display: flex;
}
.white-box-field-title-checkbox__icon::before {
  font-size: 1.25rem;
}
.white-box-field-title-checkbox > div > div {
  flex-direction: row-reverse;
}
.white-box-field-title-checkbox > div label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #141414;
}
.white-box-field--rows .white-box-field__children {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
.white-box--stretched {
  flex: 1;
}
.wizard {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
}
.wizard * {
  box-sizing: border-box;
}
.wizard__content,
.wizard__image-wrapper {
  flex: 1;
}
.wizard__image {
  width: 100%;
}
.wizard__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wizard__header {
  position: relative;
  margin-bottom: 10px;
}
.wizard__return-button {
  position: absolute;
  top: 50%;
  transform: translate(-45px, -50%);
  color: #141414;
  text-decoration: none;
}
.wizard__title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
}
.wizard__steps {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px 30px;
  flex-wrap: wrap;
}
.wizard .ui-kit-wizard-step {
  cursor: default;
}
.wizard .ui-kit-wizard-step--checked {
  cursor: pointer;
}
.wizard .ui-kit-wizard-step__subtitle {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.final-block {
  position: sticky;
  top: 1.5rem;
  align-self: flex-start;
  width: 20rem;
  background-color: #ffffff;
  border-radius: 1rem;
  color: #141414;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05);
}
.final-block,
.final-block {
  box-sizing: border-box;
}
.final-block__info,
.final-block__price {
  padding: 1.5rem;
}
.final-block__info {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}
.final-block__title {
  font-size: 1.125rem;
  font-weight: 600;
}
.final-block__params {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}
.final-block-price {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  background-color: #e9f1fc;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.final-block-price__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 600;
}
.final-block-price__description {
  font-size: 0.875rem;
  line-height: 1.188rem;
  font-weight: 400;
  color: rgba(20, 20, 20, 0.8);
  margin-top: 0.385rem;
}
.final-block--compact-info .final-block__info {
  gap: 1rem;
}
@media screen and (max-width: 1330px) {
  .final-block--small-desktop-horizontal {
    width: 100%;
    display: flex;
  }
  .final-block--small-desktop-horizontal > *:not(.final-block__price) {
    flex: 1;
  }
  .final-block--small-desktop-horizontal .final-block__price {
    border-bottom-left-radius: 0;
    width: 18.5rem;
    justify-content: center;
  }
}
.final-block--20-rem-width {
  width: 20rem;
}
.final-block-icon-with-text-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.final-block-icon-with-text-item__image {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.final-block-icon-with-text-item__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.final-block-icon-with-text-item__title {
  font-weight: 600;
}
.final-block-icon-with-text-item__subtitle {
  max-width: 11.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.final-block-icon-with-text-item--loading .final-block-icon-with-text-item__text {
  width: 100%;
  display: grid;
  gap: 0.25rem;
}
.final-block-icon-with-text-item--loading .final-block-icon-with-text-item__title,
.final-block-icon-with-text-item--loading .final-block-icon-with-text-item__subtitle {
  height: 1rem;
  border-radius: 0.25rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.final-block-icon-with-text-item--loading .final-block-icon-with-text-item__title {
  width: 100%;
}
.final-block-icon-with-text-item--loading .final-block-icon-with-text-item__subtitle {
  width: 75%;
}
.final-block-price-switch__hint {
  margin-top: 0.375rem;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.188rem;
  color: rgba(20, 20, 20, 0.8);
}
.ui-kit-modal-container--defunct-user-modal {
  width: 424px !important;
}
.defunct-user-modal__image {
  margin-bottom: 20px;
}
.defunct-user-modal__content {
  margin-bottom: 20px;
}
.defunct-user-modal__button {
  display: flex;
  justify-content: center;
}
.defunct-user-modal-content {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}
.defunct-user-modal-image {
  display: block;
  width: 100%;
}
.finance-costs-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.finance-costs-title__buttons {
  display: flex;
  align-items: center;
}
.finance-cost-filters {
  display: flex;
  align-items: center;
}
.finance-cost-filters__filters {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.section-block--expected-charges {
  height: 400px;
}
.finance-forecast__balance {
  margin-bottom: 10px;
}
.finance-forecast__paid-till {
  color: #141414;
  font-size: 14px;
  opacity: 0.75;
}
.finance-forecast__timeline {
  margin: 10px 0 30px;
}
.finance-forecast-balance {
  font-size: 30px;
  font-weight: 600;
}
.finance-forecast-balance--green {
  color: #11ab70;
}
.finance-forecast-balance--red {
  color: #d06565;
}
.finance-forecaster-statistic-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  height: 30px;
}
.finance-forecaster-statistic-header .section-block-title {
  margin-bottom: 0;
}
.finance-forecaster-statistic-header .finance-filter {
  margin-left: 20px;
}
.section-block-title--forecast-loading {
  height: 16px;
  width: 280px;
  background-color: #efefef;
}
.finance-forecast-balance--forecast-loading {
  height: 30px;
  width: 140px;
  background-color: #efefef;
}
.finance-payment-block {
  display: flex;
  padding: 26px 10px;
  color: #141414;
  align-items: center;
}
.finance-payment-block__description {
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
  max-width: 800px;
  text-overflow: ellipsis;
}
.finance-payment-block__total {
  font-size: 16px;
  line-height: 18px;
  color: #11ab70;
}
.finance-payment-block__service {
  height: 10px;
  width: 10px;
  margin-right: 15px;
}
.finance-payment-block .__react_component_tooltip {
  max-width: 800px;
  overflow: hidden;
  word-break: break-word;
}
.finance-payment-block-total--red {
  color: #d06565;
}
.autopayment-limit-text {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #141414;
}
.autopayment-limit-input .ui-kit-form-input__inner .ui-kit-form-input-with-block--right {
  width: 203px;
  flex-direction: row;
}
.autopayment-limit-input .ui-kit-form-input__inner .ui-kit-form-input-with-block--right .ui-kit-form-input-with-block__sub-title {
  width: auto;
  padding: 0 16px;
  border-right: none;
  border-left: solid 1px #cccccc;
}
.autopayment-limit-input .ui-kit-form-input__inner .ui-kit-form-input-with-block--right .ui-kit-form-input-with-block__input {
  font-size: 16px;
  width: 135px;
}
.autopayment-limit-input-hint {
  margin-top: 10px;
  font-size: 13px;
  color: #141414;
}
.autopayment-limit-input-hint__limit {
  cursor: pointer;
  color: #0066ff;
  border-bottom: 1px dashed #0066ff;
  -webkit-transition: color 300ms, border-color 300ms;
  -moz-transition: color 300ms, border-color 300ms;
  -o-transition: color 300ms, border-color 300ms;
  -ms-transition: color 300ms, border-color 300ms;
  transition: color 300ms, border-color 300ms;
}
.autopayment-limit-input-hint__limit:hover {
  color: #3385ff;
  border-color: #3385ff;
}
.autopayment-limit-input-hint-icon {
  margin-left: 8px;
  margin-bottom: 1px;
  display: inline-block;
  position: relative;
}
.autopayment-limit-agree {
  margin-top: 30px;
}
.autopayment-limit-agree__link {
  text-decoration: none;
  -webkit-transition: color 300ms;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  -ms-transition: color 300ms;
  transition: color 300ms;
}
.autopayment-limit-agree__link:hover {
  color: #3385ff;
}
.autopayment-limit__buttons {
  display: flex;
  gap: 32px;
  margin-top: 24px;
}
.autopayment-limit__form-buttons {
  justify-self: start;
  align-self: end;
  margin-top: 24px;
}
.section-block-entity--autopayment {
  position: relative;
  min-height: 210px;
  padding-bottom: 30px !important;
}
.section-block-entity--autopayment .section-block-title {
  display: flex;
  gap: 16px;
}
.section-block-entity--autopayment .section-block-title span {
  font-weight: 400;
}
.finance-autopayment-image {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.section-block--finance-autopayment {
  height: 324px;
}
.autopayment-enabled {
  padding-bottom: 25px;
}
.autopayment-enabled__title {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #11ab70;
  font-size: 16px;
  font-weight: 600;
}
.autopayment-enabled__next-payment {
  font-size: 13px;
  color: #141414;
  margin-top: 10px;
}
.finances-documents-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.finance-sections-nav {
  margin-bottom: 1rem;
}
.finance-sections-nav .netangels-kit-tabs-navigation > div:first-child {
  justify-content: flex-start;
}
.finance-coupon {
  color: #141414;
}
.finance-coupon__title {
  font-size: 16px;
  font-weight: 600;
}
.finance-coupon__cards {
  width: 500px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}
.coupon-card {
  text-align: center;
  padding: 12px 0 10px;
  background-color: #ffffff;
  border-radius: 0.5rem;
  color: #141414;
  box-shadow: 0 10px 20px 0 rgba(51, 51, 51, 0.05);
}
.coupon-card__balance {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}
.coupon-card .rub::after {
  top: -2px;
  position: relative;
}
.coupon-card__service {
  opacity: 0.75;
  font-size: 12px;
  line-height: 14px;
  margin-top: 3px;
}
.coupon-card--loading {
  box-sizing: border-box;
  height: 3.875rem;
  background-color: #b0b0b0;
  animation-name: block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.finance-balance {
  position: relative;
  display: flex;
  gap: 2rem;
}
.finance-balance-current-block {
  min-width: 247px;
  color: #141414;
}
@media screen and (max-width: 1330px) {
  .finance-balance-current-block {
    min-width: 229px;
  }
}
.finance-balance-current-block__title {
  font-size: 16px;
  font-weight: 600;
  color: #141414;
}
.finance-balance-current-block__balance {
  font-size: 42px;
  font-weight: 600;
  line-height: 51px;
  margin-top: 7px;
  color: #141414;
}
.finance-balance-current-block__forecast {
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 28px;
  white-space: nowrap;
}
@media screen and (max-width: 1330px) {
  .finance-balance-current-block__forecast {
    padding-bottom: 11px;
  }
}
.finance-balance-current-block .payment-button {
  flex: 1;
  display: grid;
}
.finance-balance-current-block .critical-balance {
  color: #d55a5a;
}
.finance-balance-current-block .warning-balance {
  color: #f07a37;
}
.finance-balance-current-block-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.promised-payment-banner {
  height: 380px;
}
.auto-payment-banner {
  height: 350px;
}
.document-delivery-banner {
  height: 300px;
}
.promised-payment-banner,
.auto-payment-banner,
.document-delivery-banner {
  position: relative;
  width: 240px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #ffffff;
  border-radius: 1rem;
  color: #141414;
  padding: 1rem;
  box-shadow: 0 20px 40px 0 rgba(51, 51, 51, 0.05);
  overflow: hidden;
}
@media screen and (max-width: 1330px) {
  .promised-payment-banner,
  .auto-payment-banner,
  .document-delivery-banner {
    width: auto;
    height: auto;
    min-height: 170px;
    align-items: flex-start;
    padding: 2rem;
  }
}
.promised-payment-banner__image,
.auto-payment-banner__image,
.document-delivery-banner__image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 240px;
  height: 170px;
}
@media screen and (max-width: 1330px) {
  .promised-payment-banner__image,
  .auto-payment-banner__image,
  .document-delivery-banner__image {
    width: 318px;
    height: 170px;
  }
}
.promised-payment-banner__date {
  font-weight: 600;
}
.promised-payment-banner__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.promised-payment-banner__description {
  font-size: 13px;
  line-height: 18px;
}
@media screen and (max-width: 1330px) {
  .promised-payment-banner__description {
    width: 220px;
  }
}
.auto-payment-banner__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.auto-payment-banner__description {
  width: 210px;
  font-size: 13px;
  line-height: 18px;
}
@media screen and (max-width: 1330px) {
  .auto-payment-banner__description {
    width: 210px;
  }
}
.document-delivery-banner__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.document-delivery-banner__description {
  width: 210px;
  font-size: 13px;
  line-height: 18px;
}
@media screen and (max-width: 1330px) {
  .document-delivery-banner__description {
    width: 240px;
  }
}
.document-delivery-banner__image {
  bottom: -1.75rem;
}
.finance-filter:not(:last-child) {
  margin-right: 20px;
}
.finance-filter__inner {
  padding: 8px 11px 8px 14px;
  background-color: #fcfcfc;
  border-radius: 0.5rem;
}
.finance-filter-content {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.finance-filter-content__title {
  color: #141414;
  font-weight: 600;
  font-size: 14px;
}
.finance-filter-content__close {
  font-size: 1rem;
  cursor: pointer;
}
.finance-awaiting-orders__title {
  margin-right: 10px;
}
.finance-awaiting-orders .section-block-title {
  display: flex;
  margin-bottom: 0;
  align-items: center;
  padding: 10px 30px;
}
.section-block--awaiting-packets {
  height: 140px;
}
.awaiting-packet {
  height: 57px;
  display: flex;
  padding: 0 30px;
  align-items: center;
}
.awaiting-packet__price {
  margin-right: 41px;
}
.awaiting-packet__cancel {
  cursor: pointer;
}
.awaiting-packet .ui-kit-form-checkbox {
  flex: 1;
}
.awaiting-packet .na-icon-close {
  font-size: 1rem;
}
.awaiting-packet-info {
  color: #455562;
  line-height: 20px;
}
.awaiting-packet-info__title {
  font-size: 14px;
}
.awaiting-packet-info__description {
  opacity: 0.75;
  font-size: 12px;
}
.finance-statistic {
  display: flex;
  padding: 26px 10px;
  color: #141414;
  align-items: center;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  -ms-transition: background-color 300ms;
  transition: background-color 300ms;
}
.finance-statistic__description {
  font-size: 16px;
  line-height: 18px;
  max-width: 575px;
  overflow: hidden;
  word-break: break-word;
}
.finance-statistic__resource-id {
  flex: 1;
  opacity: 0.7;
  margin: 0 15px;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  word-break: break-word;
}
.finance-statistic__total {
  font-size: 16px;
  line-height: 18px;
  margin-right: 88px;
  white-space: nowrap;
}
.finance-statistic__service {
  height: 10px;
  width: 10px;
  margin-right: 15px;
}
.finance-statistic__arrow-down {
  font-size: 1.5rem;
  transition: rotate 0.2s ease-in-out;
}
.finance-statistic--is-open {
  background-color: rgba(69, 85, 98, 0.05);
}
.finance-statistic--is-open .finance-statistic__arrow-down {
  rotate: x 180deg;
}
.finance-statistic--is-clickable {
  cursor: pointer;
}
.finance-statistic-detail .ui-kit-separator:last-child {
  display: none;
}
.fs-detail-item {
  display: flex;
  padding: 18px 35px;
  color: #141414;
  align-items: center;
}
.fs-detail-item__icon {
  font-size: 1rem;
  color: #141414;
  opacity: 0.8;
  margin-right: 1rem;
}
.fs-detail-item__description {
  width: 670px;
}
.fs-detail-item__total {
  min-width: 70px;
  text-align: end;
  font-size: 14px;
  line-height: 16px;
  margin-right: 20px;
}
.fs-detail-item__detail-price {
  opacity: 0.7;
  font-size: 12px;
  line-height: 14px;
}
.white-color {
  background-color: #ffffff;
}
.turquoise-color {
  background-color: #00b2bc;
}
.red-color {
  background-color: #e05101;
}
.yellow-color {
  background-color: #e3b319;
}
.purple-color {
  background-color: #b070ec;
}
.blue-color {
  background-color: #1d48ce;
}
.light-blue-color {
  background-color: #0082ca;
}
.green-color {
  background-color: #43c645;
}
.mustard-color {
  background-color: #bacf3e;
}
.brown-color {
  background-color: #7e380c;
}
.pink-color {
  background-color: #d43abb;
}
.grayblue-color {
  background-color: #608ed2;
}
.gray-color {
  background-color: #7f7f7f;
}
.custom-color-1-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f37171), color-stop(1, #f7a0a0));
  background-image: -moz-linear-gradient(to right, #f37171 5%, #f7a0a0 100%);
  background-image: -webkit-linear-gradient(to right, #f37171 5%, #f7a0a0 100%);
  background-image: -o-linear-gradient(right, #f37171, #f7a0a0);
  background-image: -ms-linear-gradient(right, #f37171 5%, #f7a0a0 100%);
  background-image: linear-gradient(to right, #f37171 5%, #f7a0a0 100%);
  background-color: #f37171;
}
.custom-color-2-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bacf3e), color-stop(1, #c9d967));
  background-image: -moz-linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-image: -webkit-linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-image: -o-linear-gradient(right, #bacf3e, #c9d967);
  background-image: -ms-linear-gradient(right, #bacf3e 5%, #c9d967 100%);
  background-image: linear-gradient(to right, #bacf3e 5%, #c9d967 100%);
  background-color: #bacf3e;
}
.custom-color-3-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0f919e), color-stop(1, #13bccd));
  background-image: -moz-linear-gradient(to right, #0f919e 5%, #13bccd 100%);
  background-image: -webkit-linear-gradient(to right, #0f919e 5%, #13bccd 100%);
  background-image: -o-linear-gradient(right, #0f919e, #13bccd);
  background-image: -ms-linear-gradient(right, #0f919e 5%, #13bccd 100%);
  background-image: linear-gradient(to right, #0f919e 5%, #13bccd 100%);
  background-color: #0f919e;
}
.custom-color-4-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ea77e2), color-stop(1, #f1a3eb));
  background-image: -moz-linear-gradient(to right, #ea77e2 5%, #f1a3eb 100%);
  background-image: -webkit-linear-gradient(to right, #ea77e2 5%, #f1a3eb 100%);
  background-image: -o-linear-gradient(right, #ea77e2, #f1a3eb);
  background-image: -ms-linear-gradient(right, #ea77e2 5%, #f1a3eb 100%);
  background-image: linear-gradient(to right, #ea77e2 5%, #f1a3eb 100%);
  background-color: #ea77e2;
}
.custom-color-5-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c03e3e), color-stop(1, #cd6464));
  background-image: -moz-linear-gradient(to right, #c03e3e 5%, #cd6464 100%);
  background-image: -webkit-linear-gradient(to right, #c03e3e 5%, #cd6464 100%);
  background-image: -o-linear-gradient(right, #c03e3e, #cd6464);
  background-image: -ms-linear-gradient(right, #c03e3e 5%, #cd6464 100%);
  background-image: linear-gradient(to right, #c03e3e 5%, #cd6464 100%);
  background-color: #c03e3e;
}
.custom-color-6-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9bad2b), color-stop(1, #bacf3c));
  background-image: -moz-linear-gradient(to right, #9bad2b 5%, #bacf3c 100%);
  background-image: -webkit-linear-gradient(to right, #9bad2b 5%, #bacf3c 100%);
  background-image: -o-linear-gradient(right, #9bad2b, #bacf3c);
  background-image: -ms-linear-gradient(right, #9bad2b 5%, #bacf3c 100%);
  background-image: linear-gradient(to right, #9bad2b 5%, #bacf3c 100%);
  background-color: #9bad2b;
}
.custom-color-7-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2d6984), color-stop(1, #3a87aa));
  background-image: -moz-linear-gradient(to right, #2d6984 5%, #3a87aa 100%);
  background-image: -webkit-linear-gradient(to right, #2d6984 5%, #3a87aa 100%);
  background-image: -o-linear-gradient(right, #2d6984, #3a87aa);
  background-image: -ms-linear-gradient(right, #2d6984 5%, #3a87aa 100%);
  background-image: linear-gradient(to right, #2d6984 5%, #3a87aa 100%);
  background-color: #2d6984;
}
.custom-color-8-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ca37c0), color-stop(1, #d55fcd));
  background-image: -moz-linear-gradient(to right, #ca37c0 5%, #d55fcd 100%);
  background-image: -webkit-linear-gradient(to right, #ca37c0 5%, #d55fcd 100%);
  background-image: -o-linear-gradient(right, #ca37c0, #d55fcd);
  background-image: -ms-linear-gradient(right, #ca37c0 5%, #d55fcd 100%);
  background-image: linear-gradient(to right, #ca37c0 5%, #d55fcd 100%);
  background-color: #ca37c0;
}
.custom-color-9-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e68a57), color-stop(1, #eda983));
  background-image: -moz-linear-gradient(to right, #e68a57 5%, #eda983 100%);
  background-image: -webkit-linear-gradient(to right, #e68a57 5%, #eda983 100%);
  background-image: -o-linear-gradient(right, #e68a57, #eda983);
  background-image: -ms-linear-gradient(right, #e68a57 5%, #eda983 100%);
  background-image: linear-gradient(to right, #e68a57 5%, #eda983 100%);
  background-color: #e68a57;
}
.custom-color-10-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #49ad2b), color-stop(1, #5ecf3c));
  background-image: -moz-linear-gradient(to right, #49ad2b 5%, #5ecf3c 100%);
  background-image: -webkit-linear-gradient(to right, #49ad2b 5%, #5ecf3c 100%);
  background-image: -o-linear-gradient(right, #49ad2b, #5ecf3c);
  background-image: -ms-linear-gradient(right, #49ad2b 5%, #5ecf3c 100%);
  background-image: linear-gradient(to right, #49ad2b 5%, #5ecf3c 100%);
  background-color: #49ad2b;
}
.custom-color-11-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #53a0e6), color-stop(1, #80b9ec));
  background-image: -moz-linear-gradient(to right, #53a0e6 5%, #80b9ec 100%);
  background-image: -webkit-linear-gradient(to right, #53a0e6 5%, #80b9ec 100%);
  background-image: -o-linear-gradient(right, #53a0e6, #80b9ec);
  background-image: -ms-linear-gradient(right, #53a0e6 5%, #80b9ec 100%);
  background-image: linear-gradient(to right, #53a0e6 5%, #80b9ec 100%);
  background-color: #53a0e6;
}
.custom-color-12-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #783873), color-stop(1, #9b4894));
  background-image: -moz-linear-gradient(to right, #783873 5%, #9b4894 100%);
  background-image: -webkit-linear-gradient(to right, #783873 5%, #9b4894 100%);
  background-image: -o-linear-gradient(right, #783873, #9b4894);
  background-image: -ms-linear-gradient(right, #783873 5%, #9b4894 100%);
  background-image: linear-gradient(to right, #783873 5%, #9b4894 100%);
  background-color: #783873;
}
.custom-color-13-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e05101), color-stop(1, #fe6916));
  background-image: -moz-linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-image: -webkit-linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-image: -o-linear-gradient(right, #e05101, #fe6916);
  background-image: -ms-linear-gradient(right, #e05101 5%, #fe6916 100%);
  background-image: linear-gradient(to right, #e05101 5%, #fe6916 100%);
  background-color: #e05101;
}
.custom-color-14-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #317d1a), color-stop(1, #42a723));
  background-image: -moz-linear-gradient(to right, #317d1a 5%, #42a723 100%);
  background-image: -webkit-linear-gradient(to right, #317d1a 5%, #42a723 100%);
  background-image: -o-linear-gradient(right, #317d1a, #42a723);
  background-image: -ms-linear-gradient(right, #317d1a 5%, #42a723 100%);
  background-image: linear-gradient(to right, #317d1a 5%, #42a723 100%);
  background-color: #317d1a;
}
.custom-color-15-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2079c9), color-stop(1, #3c92e0));
  background-image: -moz-linear-gradient(to right, #2079c9 5%, #3c92e0 100%);
  background-image: -webkit-linear-gradient(to right, #2079c9 5%, #3c92e0 100%);
  background-image: -o-linear-gradient(right, #2079c9, #3c92e0);
  background-image: -ms-linear-gradient(right, #2079c9 5%, #3c92e0 100%);
  background-image: linear-gradient(to right, #2079c9 5%, #3c92e0 100%);
  background-color: #2079c9;
}
.custom-color-16-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #de86a0), color-stop(1, #e9aebf));
  background-image: -moz-linear-gradient(to right, #de86a0 5%, #e9aebf 100%);
  background-image: -webkit-linear-gradient(to right, #de86a0 5%, #e9aebf 100%);
  background-image: -o-linear-gradient(right, #de86a0, #e9aebf);
  background-image: -ms-linear-gradient(right, #de86a0 5%, #e9aebf 100%);
  background-image: linear-gradient(to right, #de86a0 5%, #e9aebf 100%);
  background-color: #de86a0;
}
.custom-color-17-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ad4606), color-stop(1, #de5a08));
  background-image: -moz-linear-gradient(to right, #ad4606 5%, #de5a08 100%);
  background-image: -webkit-linear-gradient(to right, #ad4606 5%, #de5a08 100%);
  background-image: -o-linear-gradient(right, #ad4606, #de5a08);
  background-image: -ms-linear-gradient(right, #ad4606 5%, #de5a08 100%);
  background-image: linear-gradient(to right, #ad4606 5%, #de5a08 100%);
  background-color: #ad4606;
}
.custom-color-18-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #29591b), color-stop(1, #3b8027));
  background-image: -moz-linear-gradient(to right, #29591b 5%, #3b8027 100%);
  background-image: -webkit-linear-gradient(to right, #29591b 5%, #3b8027 100%);
  background-image: -o-linear-gradient(right, #29591b, #3b8027);
  background-image: -ms-linear-gradient(right, #29591b 5%, #3b8027 100%);
  background-image: linear-gradient(to right, #29591b 5%, #3b8027 100%);
  background-color: #29591b;
}
.custom-color-19-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #344ecc), color-stop(1, #5d72d6));
  background-image: -moz-linear-gradient(to right, #344ecc 5%, #5d72d6 100%);
  background-image: -webkit-linear-gradient(to right, #344ecc 5%, #5d72d6 100%);
  background-image: -o-linear-gradient(right, #344ecc, #5d72d6);
  background-image: -ms-linear-gradient(right, #344ecc 5%, #5d72d6 100%);
  background-image: linear-gradient(to right, #344ecc 5%, #5d72d6 100%);
  background-color: #344ecc;
}
.custom-color-20-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d8567d), color-stop(1, #e27f9d));
  background-image: -moz-linear-gradient(to right, #d8567d 5%, #e27f9d 100%);
  background-image: -webkit-linear-gradient(to right, #d8567d 5%, #e27f9d 100%);
  background-image: -o-linear-gradient(right, #d8567d, #e27f9d);
  background-image: -ms-linear-gradient(right, #d8567d 5%, #e27f9d 100%);
  background-image: linear-gradient(to right, #d8567d 5%, #e27f9d 100%);
  background-color: #d8567d;
}
.custom-color-21-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5df77), color-stop(1, #f8eaa7));
  background-image: -moz-linear-gradient(to right, #f5df77 5%, #f8eaa7 100%);
  background-image: -webkit-linear-gradient(to right, #f5df77 5%, #f8eaa7 100%);
  background-image: -o-linear-gradient(right, #f5df77, #f8eaa7);
  background-image: -ms-linear-gradient(right, #f5df77 5%, #f8eaa7 100%);
  background-image: linear-gradient(to right, #f5df77 5%, #f8eaa7 100%);
  background-color: #f5df77;
}
.custom-color-22-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7be5ce), color-stop(1, #a6edde));
  background-image: -moz-linear-gradient(to right, #7be5ce 5%, #a6edde 100%);
  background-image: -webkit-linear-gradient(to right, #7be5ce 5%, #a6edde 100%);
  background-image: -o-linear-gradient(right, #7be5ce, #a6edde);
  background-image: -ms-linear-gradient(right, #7be5ce 5%, #a6edde 100%);
  background-image: linear-gradient(to right, #7be5ce 5%, #a6edde 100%);
  background-color: #7be5ce;
}
.custom-color-23-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2930a5), color-stop(1, #343dcd));
  background-image: -moz-linear-gradient(to right, #2930a5 5%, #343dcd 100%);
  background-image: -webkit-linear-gradient(to right, #2930a5 5%, #343dcd 100%);
  background-image: -o-linear-gradient(right, #2930a5, #343dcd);
  background-image: -ms-linear-gradient(right, #2930a5 5%, #343dcd 100%);
  background-image: linear-gradient(to right, #2930a5 5%, #343dcd 100%);
  background-color: #2930a5;
}
.custom-color-24-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b12952), color-stop(1, #d23b69));
  background-image: -moz-linear-gradient(to right, #b12952 5%, #d23b69 100%);
  background-image: -webkit-linear-gradient(to right, #b12952 5%, #d23b69 100%);
  background-image: -o-linear-gradient(right, #b12952, #d23b69);
  background-image: -ms-linear-gradient(right, #b12952 5%, #d23b69 100%);
  background-image: linear-gradient(to right, #b12952 5%, #d23b69 100%);
  background-color: #b12952;
}
.custom-color-25-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e3b319), color-stop(1, #eac345));
  background-image: -moz-linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-image: -webkit-linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-image: -o-linear-gradient(right, #e3b319, #eac345);
  background-image: -ms-linear-gradient(right, #e3b319 5%, #eac345 100%);
  background-image: linear-gradient(to right, #e3b319 5%, #eac345 100%);
  background-color: #e3b319;
}
.custom-color-26-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #46af98), color-stop(1, #66c2ae));
  background-image: -moz-linear-gradient(to right, #46af98 5%, #66c2ae 100%);
  background-image: -webkit-linear-gradient(to right, #46af98 5%, #66c2ae 100%);
  background-image: -o-linear-gradient(right, #46af98, #66c2ae);
  background-image: -ms-linear-gradient(right, #46af98 5%, #66c2ae 100%);
  background-image: linear-gradient(to right, #46af98 5%, #66c2ae 100%);
  background-color: #46af98;
}
.custom-color-27-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ba77ea), color-stop(1, #d0a3f1));
  background-image: -moz-linear-gradient(to right, #ba77ea 5%, #d0a3f1 100%);
  background-image: -webkit-linear-gradient(to right, #ba77ea 5%, #d0a3f1 100%);
  background-image: -o-linear-gradient(right, #ba77ea, #d0a3f1);
  background-image: -ms-linear-gradient(right, #ba77ea 5%, #d0a3f1 100%);
  background-image: linear-gradient(to right, #ba77ea 5%, #d0a3f1 100%);
  background-color: #ba77ea;
}
.custom-color-28-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c4c4c4), color-stop(1, #dedede));
  background-image: -moz-linear-gradient(to right, #c4c4c4 5%, #dedede 100%);
  background-image: -webkit-linear-gradient(to right, #c4c4c4 5%, #dedede 100%);
  background-image: -o-linear-gradient(right, #c4c4c4, #dedede);
  background-image: -ms-linear-gradient(right, #c4c4c4 5%, #dedede 100%);
  background-image: linear-gradient(to right, #c4c4c4 5%, #dedede 100%);
  background-color: #c4c4c4;
}
.custom-color-29-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c59e0c), color-stop(1, #f1c213));
  background-image: -moz-linear-gradient(to right, #c59e0c 5%, #f1c213 100%);
  background-image: -webkit-linear-gradient(to right, #c59e0c 5%, #f1c213 100%);
  background-image: -o-linear-gradient(right, #c59e0c, #f1c213);
  background-image: -ms-linear-gradient(right, #c59e0c 5%, #f1c213 100%);
  background-image: linear-gradient(to right, #c59e0c 5%, #f1c213 100%);
  background-color: #c59e0c;
}
.custom-color-30-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1d715e), color-stop(1, #279a80));
  background-image: -moz-linear-gradient(to right, #1d715e 5%, #279a80 100%);
  background-image: -webkit-linear-gradient(to right, #1d715e 5%, #279a80 100%);
  background-image: -o-linear-gradient(right, #1d715e, #279a80);
  background-image: -ms-linear-gradient(right, #1d715e 5%, #279a80 100%);
  background-image: linear-gradient(to right, #1d715e 5%, #279a80 100%);
  background-color: #1d715e;
}
.custom-color-31-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9845d3), color-stop(1, #af6edd));
  background-image: -moz-linear-gradient(to right, #9845d3 5%, #af6edd 100%);
  background-image: -webkit-linear-gradient(to right, #9845d3 5%, #af6edd 100%);
  background-image: -o-linear-gradient(right, #9845d3, #af6edd);
  background-image: -ms-linear-gradient(right, #9845d3 5%, #af6edd 100%);
  background-image: linear-gradient(to right, #9845d3 5%, #af6edd 100%);
  background-color: #9845d3;
}
.custom-color-32-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9a9a9a), color-stop(1, #b3b3b3));
  background-image: -moz-linear-gradient(to right, #9a9a9a 5%, #b3b3b3 100%);
  background-image: -webkit-linear-gradient(to right, #9a9a9a 5%, #b3b3b3 100%);
  background-image: -o-linear-gradient(right, #9a9a9a, #b3b3b3);
  background-image: -ms-linear-gradient(right, #9a9a9a 5%, #b3b3b3 100%);
  background-image: linear-gradient(to right, #9a9a9a 5%, #b3b3b3 100%);
  background-color: #9a9a9a;
}
.custom-color-33-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #726120), color-stop(1, #9a832b));
  background-image: -moz-linear-gradient(to right, #726120 5%, #9a832b 100%);
  background-image: -webkit-linear-gradient(to right, #726120 5%, #9a832b 100%);
  background-image: -o-linear-gradient(right, #726120, #9a832b);
  background-image: -ms-linear-gradient(right, #726120 5%, #9a832b 100%);
  background-image: linear-gradient(to right, #726120 5%, #9a832b 100%);
  background-color: #726120;
}
.custom-color-34-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #73d9e3), color-stop(1, #9de5eb));
  background-image: -moz-linear-gradient(to right, #73d9e3 5%, #9de5eb 100%);
  background-image: -webkit-linear-gradient(to right, #73d9e3 5%, #9de5eb 100%);
  background-image: -o-linear-gradient(right, #73d9e3, #9de5eb);
  background-image: -ms-linear-gradient(right, #73d9e3 5%, #9de5eb 100%);
  background-image: linear-gradient(to right, #73d9e3 5%, #9de5eb 100%);
  background-color: #73d9e3;
}
.custom-color-35-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6e22a5), color-stop(1, #8a2bcf));
  background-image: -moz-linear-gradient(to right, #6e22a5 5%, #8a2bcf 100%);
  background-image: -webkit-linear-gradient(to right, #6e22a5 5%, #8a2bcf 100%);
  background-image: -o-linear-gradient(right, #6e22a5, #8a2bcf);
  background-image: -ms-linear-gradient(right, #6e22a5 5%, #8a2bcf 100%);
  background-image: linear-gradient(to right, #6e22a5 5%, #8a2bcf 100%);
  background-color: #6e22a5;
}
.custom-color-36-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #515151), color-stop(1, #6a6a6a));
  background-image: -moz-linear-gradient(to right, #515151 5%, #6a6a6a 100%);
  background-image: -webkit-linear-gradient(to right, #515151 5%, #6a6a6a 100%);
  background-image: -o-linear-gradient(right, #515151, #6a6a6a);
  background-image: -ms-linear-gradient(right, #515151 5%, #6a6a6a 100%);
  background-image: linear-gradient(to right, #515151 5%, #6a6a6a 100%);
  background-color: #515151;
}
.custom-color-37-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ad9d61), color-stop(1, #beb283));
  background-image: -moz-linear-gradient(to right, #ad9d61 5%, #beb283 100%);
  background-image: -webkit-linear-gradient(to right, #ad9d61 5%, #beb283 100%);
  background-image: -o-linear-gradient(right, #ad9d61, #beb283);
  background-image: -ms-linear-gradient(right, #ad9d61 5%, #beb283 100%);
  background-image: linear-gradient(to right, #ad9d61 5%, #beb283 100%);
  background-color: #ad9d61;
}
.custom-color-38-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #21b8c7), color-stop(1, #3cd0df));
  background-image: -moz-linear-gradient(to right, #21b8c7 5%, #3cd0df 100%);
  background-image: -webkit-linear-gradient(to right, #21b8c7 5%, #3cd0df 100%);
  background-image: -o-linear-gradient(right, #21b8c7, #3cd0df);
  background-image: -ms-linear-gradient(right, #21b8c7 5%, #3cd0df 100%);
  background-image: linear-gradient(to right, #21b8c7 5%, #3cd0df 100%);
  background-color: #21b8c7;
}
.custom-color-39-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d6290), color-stop(1, #967ea7));
  background-image: -moz-linear-gradient(to right, #7d6290 5%, #967ea7 100%);
  background-image: -webkit-linear-gradient(to right, #7d6290 5%, #967ea7 100%);
  background-image: -o-linear-gradient(right, #7d6290, #967ea7);
  background-image: -ms-linear-gradient(right, #7d6290 5%, #967ea7 100%);
  background-image: linear-gradient(to right, #7d6290 5%, #967ea7 100%);
  background-color: #7d6290;
}
.custom-color-40-color {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7c5c32), color-stop(1, #a07741));
  background-image: -moz-linear-gradient(to right, #7c5c32 5%, #a07741 100%);
  background-image: -webkit-linear-gradient(to right, #7c5c32 5%, #a07741 100%);
  background-image: -o-linear-gradient(right, #7c5c32, #a07741);
  background-image: -ms-linear-gradient(right, #7c5c32 5%, #a07741 100%);
  background-image: linear-gradient(to right, #7c5c32 5%, #a07741 100%);
  background-color: #7c5c32;
}
.finance-date-droup__title {
  font-size: 11px;
  line-height: 12px;
  margin-top: 23px;
  margin-bottom: 11px;
  letter-spacing: 1.38px;
}
.invoice-info {
  color: #141414;
  margin-left: 17px;
}
.invoice-info__title {
  font-size: 16px;
  line-height: 18px;
}
.invoice-info__description {
  opacity: 0.75;
  font-size: 13px;
  margin-top: 6px;
  line-height: 15px;
}
.invoice {
  display: flex;
  align-items: center;
  position: relative;
  padding: 22px 0;
}
.invoice__price {
  color: #141414;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 0;
  margin-right: 47px;
}
.invoice .actions {
  margin: 15px 3px;
  right: 0;
}
.invoice .na-icon-file {
  font-size: 1.5rem;
  color: #11ab70;
}
.ui-kit-modal-container--payment-success,
.ui-kit-modal-container--payment-fail {
  min-width: 440px;
  text-align: center;
}
.ui-kit-modal-container--payment-success.ui-kit-modal-container,
.ui-kit-modal-container--payment-fail.ui-kit-modal-container {
  padding: 36px 60px 58px;
}
.ui-kit-modal-container--payment-success.ui-kit-modal-container {
  padding: 36px 60px 58px;
}
.ui-kit-modal-container--payment-fail.ui-kit-modal-container {
  padding: 36px 60px 67px;
}
.ui-kit-modal-container--promised-payment {
  position: relative;
  z-index: 10;
  min-width: 730px;
}
.ui-kit-modal-container--money-transfer {
  position: relative;
  z-index: 10;
  min-width: 730px;
}
.ui-kit-modal-container--document-delivery {
  position: relative;
  overflow: hidden;
  min-width: 720px;
  border-radius: 4px;
  padding: 36px 72px 48px 50px;
}
.ui-kit-modal-container--act-details .download-for-period__start-date,
.ui-kit-modal-container--act-of-completion-order .download-for-period__start-date {
  margin-bottom: 20px;
}
.ui-kit-modal-container--act-details .download-for-period .ui-kit-select-block,
.ui-kit-modal-container--act-of-completion-order .download-for-period .ui-kit-select-block {
  height: 38px;
  width: 100%;
}
.success-payment-modal__description,
.fail-payment-modal__description {
  color: #141414;
  font-size: 18px;
  line-height: 22px;
}
.success-payment-modal__remark,
.fail-payment-modal__remark {
  opacity: 0.7;
  color: #141414;
  font-size: 14px;
  line-height: 16px;
  margin-top: 10px;
}
.success-payment-modal .ui-kit-modal-title-helper,
.fail-payment-modal .ui-kit-modal-title-helper {
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 0;
  text-align: center;
}
.success-payment-modal__image {
  margin-bottom: 15px;
}
.fail-payment-modal__image {
  margin: 29px 0px 28px 43px;
}
.promised-payment-modal__background-image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.promised-payment-modal__needed-pay-until {
  width: 335px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.promised-payment-modal-description {
  display: flex;
  margin-bottom: 20px;
}
.promised-payment-modal-description__timer-image {
  font-size: 4rem;
  color: #141414;
  margin-right: 1.5rem;
}
.promised-payment-modal-description__description {
  width: 316px;
  font-size: 16px;
  line-height: 20px;
}
.promised-payment-modal .ui-kit-modal-title-helper {
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 26px;
}
.promised-payment-modal-disable-content {
  line-height: 1.25rem;
  text-align: center;
}
.money-transfer-modal__image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.money-transfer-modal-inner__text {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 28px;
}
.money-transfer-modal-inner__data {
  padding-bottom: 24px;
}
.money-transfer-modal-inner-checkbox__label {
  font-weight: 600;
}
.money-transfer-modal-inner-login-block {
  display: flex;
  margin-bottom: 10px;
}
.money-transfer-modal-inner-login-block__info {
  margin: 0 0 24px 16px;
  width: 350px;
  opacity: 0.7;
  font-size: 13px;
  line-height: 18px;
  align-self: flex-end;
}
.money-transfer-modal-inner-login-block .ui-kit-form-input-label {
  font-size: 14px;
  color: #141414;
  font-weight: initial;
}
.money-transfer-modal-inner-login-block .ui-kit-form-input {
  position: relative;
}
.money-transfer-modal-inner-login-block .ui-kit-form-input__input {
  font-size: 18px;
  width: 128px;
  padding: 12px;
}
.money-transfer-modal-inner-login-block .ui-kit-form-input__inner {
  position: relative;
}
.money-transfer-modal-inner-login-block .ui-kit-form-errors {
  position: absolute;
  bottom: -22px;
}
.money-transfer-modal-inner-data-line {
  display: flex;
  margin-top: 8px;
}
.money-transfer-modal-inner-data-line__sign {
  align-self: flex-end;
  text-align: center;
  margin: 0 5px;
}
.money-transfer-modal-inner-data-line__select {
  width: 192px;
  margin-right: 25px;
}
.money-transfer-modal-inner-data-line__select .ui-kit-form-select-inner__label {
  font-size: 14px;
  color: #141414;
  font-weight: initial;
  line-height: 1;
  margin-bottom: 8px;
}
.money-transfer-modal-inner-data-line__select .ui-kit-select-inner__control {
  border: 1px solid #cccccc !important;
  background-color: #ffffff !important;
  min-height: 38px !important;
  margin-top: 6px;
}
.money-transfer-modal-inner-data-line .ui-kit-form-input-label {
  font-size: 14px;
  color: #141414;
  font-weight: initial;
  padding-bottom: 0;
  margin-top: 1px;
}
.money-transfer-modal-inner-data-line .ui-kit-form-input__inner .ui-kit-form-input-with-block {
  flex-direction: row;
  width: 129px;
  margin: 7px 15px 0 0;
}
.money-transfer-modal-inner-data-line .ui-kit-form-input__inner .ui-kit-form-input-with-block__sub-title {
  width: 21px;
  height: 36px;
  border-left: solid 1px #cccccc;
  border-right: none;
}
.money-transfer-modal-inner-data-line .ui-kit-form-input__inner .ui-kit-form-input-with-block__input {
  width: 65px;
  font-size: 16px;
  padding: 8px 12px;
}
.money-transfer-modal-inner-data-line .na-icon-plus,
.money-transfer-modal-inner-data-line .na-icon-minus {
  font-size: 1.5rem;
}
.money-transfer-modal__data-errors,
.money-transfer-modal__all-errors {
  margin-top: 16px;
}
.money-transfer-modal .ui-kit-modal-title-helper {
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 26px;
}
.money-transfer-modal .modal-info-block {
  margin-bottom: 16px;
}
.coupon-activate-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.document-delivery-modal .ui-kit-modal-title-helper {
  font-size: 22px;
  line-height: 26px;
}
.document-delivery-modal-inner {
  z-index: 10;
  min-height: 207px;
  margin-top: 22px;
  position: relative;
}
.document-delivery-modal-inner__image {
  position: absolute;
  width: 420px;
  bottom: -186px;
  right: -60px;
  z-index: -1;
}
.document-delivery-modal-inner__image--none-delivery {
  bottom: -45px;
  right: 0;
  z-index: 1;
}
.document-delivery-modal-inner__button-wrapper {
  margin-top: 2rem;
}
.document-delivery-modal-inner__remark {
  color: #141414;
  font-size: 13px;
  line-height: 18px;
}
.document-delivery-modal-inner__remark--email {
  margin-top: 15px;
  width: 471px;
}
.document-delivery-modal-inner__remark--diadoc {
  width: 550px;
}
.document-delivery-modal-inner-remark__link {
  text-decoration: none;
  color: #0066ff;
  -webkit-transition: color 300ms;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  -ms-transition: color 300ms;
  transition: color 300ms;
}
.document-delivery-modal-inner-remark__link:hover {
  color: #3385ff;
}
.document-delivery-modal-inner__diadoc-logo {
  width: 150px;
  margin-bottom: 10px;
}
.document-delivery-modal-inner__tooltip.__react_component_tooltip.place-top {
  margin-top: 15px;
  margin-left: -182px;
}
.document-delivery-modal-inner__tooltip.__react_component_tooltip.place-top:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -6px;
  left: 20px;
  z-index: -1;
}
.document-delivery-modal-inner__bold {
  font-weight: 600;
}
.document-delivery-modal-inner__bold-link {
  font-weight: 600;
  color: #0066ff;
  text-decoration: none;
  margin: 0 3px;
  cursor: pointer;
}
.document-delivery-modal-inner__green {
  font-weight: 600;
  color: #29ac7a;
}
.document-delivery-modal-inner__block-title {
  font-size: 18px;
  line-height: 21px;
  color: #141414;
  margin: 24px 0 12px;
}
.document-delivery-modal-inner__block-title--none-delivery {
  margin: 30px 0 15px;
}
.document-delivery-modal-inner .ui-kit-form-textarea-item::-webkit-scrollbar,
.document-delivery-modal-inner .ui-kit-form-tags-input-block-inner::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.document-delivery-modal-inner .ui-kit-form-textarea-item::-webkit-scrollbar-track,
.document-delivery-modal-inner .ui-kit-form-tags-input-block-inner::-webkit-scrollbar-track {
  background-color: transparent;
}
.document-delivery-modal-inner .ui-kit-form-textarea-item::-webkit-scrollbar-thumb,
.document-delivery-modal-inner .ui-kit-form-tags-input-block-inner::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.document-delivery-modal-inner .ui-kit-form-textarea {
  margin-bottom: 0 !important;
}
.document-delivery-modal-inner .ui-kit-form-textarea-item {
  width: 500px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 19px;
  color: #141414;
  margin: 2px 0 10px;
}
.document-delivery-modal-inner .ui-kit-form-textarea-label,
.document-delivery-modal-inner .ui-kit-form-input-label {
  color: #141414;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}
.document-delivery-modal-inner .ui-kit-form-tags-input-block-inner {
  width: auto;
  max-height: 100px;
  overflow: auto;
}
.document-delivery-modal-inner .ui-kit-form-tags-input-block-inner__tag {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-delivery-modal-inner .ui-kit-form-input-radio:not(:last-child) {
  margin-bottom: 0 !important;
}
.document-delivery-modal-inner__post-delivery-methods .ui-kit-form-radio-button-group {
  display: flex;
}
.document-delivery-modal-inner__post-delivery-methods .ui-kit-form-input-radio:not(:last-child) {
  margin-bottom: 5px;
}
.document-delivery-modal-inner__post-delivery-methods .ui-kit-form-input-radio-label {
  padding: 0 19px 0 11px;
  margin-right: 31px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.document-delivery-modal-inner__user-emails {
  min-height: 24px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.document-delivery-modal-inner__user-email {
  font-size: 13px;
  line-height: 20px;
  color: #0066ff;
  background-color: #f3f8fd;
  border-radius: 4px;
  padding: 2px 8px;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out;
}
.document-delivery-modal-inner__user-email:hover {
  background-color: #ddebf9;
}
.partner-detail {
  display: flex;
  gap: 2rem;
  margin-bottom: 25px;
}
@media screen and (max-width: 1330px) {
  .partner-detail {
    margin-bottom: 45px;
  }
}
.partner-detail-balance-block {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 1330px) {
  .partner-detail-balance-block {
    display: block;
  }
}
.pd-balance {
  display: grid;
  gap: 0.5rem;
  color: #141414;
  margin-left: 15px;
  position: relative;
}
@media screen and (max-width: 1330px) {
  .pd-balance {
    padding: 7px 38px 17px 0;
  }
}
.pd-balance__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  width: 138px;
}
.pd-balance__balance {
  font-size: 42px;
  font-weight: 600;
  white-space: nowrap;
}
.pd-clients-registration {
  display: grid;
  align-items: end;
  gap: 0.5rem;
  color: #141414;
}
.pd-clients-registration__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.pd-clients-registration__buttons {
  display: flex;
  gap: 1rem;
}
.pd-withdraw {
  position: relative;
  align-self: flex-end;
}
.pd-withdraw .block-for-tooltip {
  width: 170px;
  position: absolute;
}
@media screen and (max-width: 1330px) {
  .pd-withdraw {
    padding: 0;
    margin: 0 38px 0 18px;
  }
}
.pd-withdraw__tooltip {
  max-width: 365px;
}
.pd-withdraw__tooltip.__react_component_tooltip.place-right {
  margin-left: 33px;
  margin-top: -8px;
}
.partnership-site-banner {
  width: 314px;
  position: relative;
  color: #141414;
  margin-bottom: 30px;
  padding: 19px 0;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 20px 40px 0 rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 1330px) {
  .partnership-site-banner {
    width: 957px;
    min-height: 130px;
    padding: 19px 0 33px;
  }
}
.partnership-site-banner__image {
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
@media screen and (max-width: 1330px) {
  .partnership-site-banner__image {
    height: 100%;
  }
}
.partnership-site-banner__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 0 25px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1330px) {
  .partnership-site-banner__title {
    padding: 0 30px;
  }
}
.partnership-site-banner__description {
  font-size: 14px;
  padding: 0 25px;
  line-height: 20px;
  margin-bottom: 22px;
}
@media screen and (max-width: 1330px) {
  .partnership-site-banner__description {
    width: 495px;
    margin: 18px 0;
    padding: 0 30px;
  }
}
.partnership-site-banner__button {
  padding: 0 25px;
}
@media screen and (max-width: 1330px) {
  .partnership-site-banner__button {
    padding: 0 30px;
  }
}
.partnership-accruals-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.partnership-accruals-filters {
  display: flex;
  align-items: center;
}
.partnership-accruals-filters__filters {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.partnership-empty-page {
  width: 100%;
  height: 599px;
  position: relative;
  display: flex;
  justify-content: center;
}
.partnership-empty-page__image {
  position: absolute;
  top: 10%;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 1330px) {
  .partnership-empty-page__image {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1330px) {
  .partnership-empty-page {
    margin: 0 auto;
  }
}
.partnership-empty-page-block {
  position: absolute;
  left: 0;
  display: flex;
  max-width: 557px;
  color: #141414;
  margin: 0 0 116px 27px;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 1330px) {
  .partnership-empty-page-block {
    margin: 0 0 116px 46px;
  }
}
.partnership-empty-page-block__title {
  font-size: 36px;
  line-height: 43px;
  margin: 35px 0 45px;
}
.partnership-empty-page-block__description {
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 20px;
}
.partnership-empty-page-block__description span {
  font-weight: 600;
}
.partnership-empty-page-block__description p {
  font-size: 16px;
  line-height: 20px;
}
.partnership-empty-page-block__agree {
  margin: 46px 0 23px;
}
.partnership-empty-page-block__advantages {
  display: flex;
  padding-top: 30px;
  background: url('/static-panel/images/partnership/dashed-line.svg') no-repeat 115px 0px;
}
.partnership-empty-page-block .ui-kit-form-error {
  padding-top: 10px;
}
.partnership-advantage {
  margin-right: 50px;
}
.partnership-advantage__icon {
  height: 119px;
  width: 119px;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05);
}
.partnership-advantage__description {
  width: 166px;
  font-size: 14px;
  line-height: 18px;
  margin-top: 20px;
}
@keyframes statistic-block-loading {
  0% {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
  }
}
.partnership-statistic-block {
  width: 314px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 20px 40px 0 rgba(51, 51, 51, 0.05);
}
.partnership-statistic-block:last-child {
  margin-right: 0;
}
.partnership-statistic-block--finances {
  flex: 1;
}
.partnership-statistic-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 30px 16px;
  height: 78px;
  color: #141414;
}
.partnership-statistic-header__title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.partnership-statistic-header__count {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 5px;
}
.partnership-statistic-header__description {
  font-size: 12px;
  line-height: 14px;
  opacity: 0.7;
}
.partnership-statistic-in-progress {
  padding: 18px 30px 16px;
  height: 231px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.partnership-statistic-body {
  height: 153px;
  padding: 18px 30px 9px;
}
.partnership-statistic-difference {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.partnership-statistic-difference--increase {
  color: #11ab70;
}
.partnership-statistic-difference--increase .long-arrow-icon #Path {
  fill: #11ab70;
}
.partnership-statistic-difference--decrease {
  color: #d06565;
}
.partnership-statistic-difference--decrease .long-arrow-icon {
  transform: rotateZ(180deg);
  position: relative;
  bottom: 1px;
}
.partnership-statistic-difference--decrease .long-arrow-icon #Path {
  fill: #d06565;
}
.partnership-statistic-header-legend {
  display: flex;
  justify-content: space-between;
}
.partnership-statistic-legend-item {
  display: flex;
  align-items: center;
}
.partnership-statistic-legend-item__color {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-right: 7px;
}
.partnership-statistic-legend-item__content {
  font-size: 12px;
  line-height: 14px;
  color: #141414;
}
.partnership-statistic-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.partnership-entries-list {
  margin-bottom: 27px;
}
.partnership-entry-info {
  color: #141414;
}
.partnership-entry-info__title {
  font-size: 16px;
  line-height: 18px;
}
.partnership-entry-info__description {
  opacity: 0.75;
  font-size: 13px;
  margin-top: 3px;
  line-height: 15px;
}
.partnership-entry {
  display: flex;
  align-items: center;
  padding: 22px 10px;
}
.partnership-entry__price {
  color: #141414;
  width: 100px;
  text-align: right;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 0;
  margin-right: 45px;
}
.partnership-entry__type {
  height: 10px;
  width: 10px;
  margin-right: 15px;
}
.partnership-entry .positive-price {
  color: #11ab70;
}
.partnership-entry-site {
  display: flex;
  padding: 10px 0;
  margin-right: 68px;
  opacity: 0.7;
  color: #141414;
  font-size: 14px;
  line-height: 16px;
}
.partnership-entry-site__arrow {
  margin: 3px 6px;
}
.partnership-date-droup__title {
  font-size: 11px;
  line-height: 12px;
  margin-top: 23px;
  margin-bottom: 11px;
  letter-spacing: 1.38px;
}
.partnership-sites {
  width: 314px;
  color: #141414;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 20px 40px 0 rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 1330px) {
  .partnership-sites {
    min-height: 126px;
    width: 957px;
    padding-bottom: 60px;
  }
}
.partnership-site {
  padding: 15px 0;
  display: flex;
  margin: 0 25px;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1330px) {
  .partnership-site {
    margin: 0 30px;
  }
}
.partnership-site__icon {
  margin-right: 10px;
}
.partnership-site__icon-verified {
  font-size: 1rem;
  color: #11ab70;
}
.partnership-site__name {
  max-width: 210px;
  font-size: 14px;
  line-height: 16px;
  word-break: break-all;
}
.partnership-site .ui-kit-context-menu {
  position: absolute;
  top: 8px;
  right: 0;
}
.partnership-site .na-icon-alert {
  font-size: 14px;
  color: #fa8f34;
}
.partnership-sites-header {
  display: flex;
  padding: 20px 25px;
  justify-content: space-between;
}
@media screen and (max-width: 1330px) {
  .partnership-sites-header {
    align-items: center;
    padding: 20px 30px;
  }
}
.partnership-sites-header__title {
  width: 147px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
@media screen and (max-width: 1330px) {
  .partnership-sites-header__title {
    width: auto;
  }
}
.referral-site-form {
  position: relative;
  padding: 0 1.5rem;
  background: #fcfcfc;
}
.referral-site-form__title {
  color: #141414;
  font-size: 16px;
  line-height: 14px;
  margin-bottom: 15px;
}
.referral-site-form__close {
  position: absolute;
  top: 1.375rem;
  right: 1.375rem;
  font-size: 1.25rem;
  cursor: pointer;
  z-index: 1;
}
.referral-site-form .ui-kit-form-input {
  margin-bottom: 16px;
}
.partnership-sites-footer {
  display: flex;
  align-items: center;
  padding: 10px 20px 15px 25px;
  justify-content: space-between;
}
.partnership-sections-nav {
  margin-left: 30px;
  margin-bottom: 19px;
}
.partnership-clients__header-table {
  display: flex;
}
.partnership-clients-footer {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.partnership-clients-footer__pagination-info {
  flex: 1;
}
.partnership-clients-title {
  height: 30px;
  display: flex;
  align-items: center;
}
.partnership-clients-title .section-block-title {
  margin-bottom: 0;
}
.partnership-client-info {
  color: #141414;
  display: flex;
  padding: 26px 10px;
  align-items: center;
}
.partnership-client-info__client {
  width: 600px;
}
.partnership-client-info__join-date {
  width: 120px;
  margin-right: 60px;
}
.partnership-client-info__accruals {
  width: 120px;
  text-align: end;
}
.partnership-client-info__type {
  height: 10px;
  width: 10px;
  margin-right: 15px;
}
.pc-info-client {
  flex: 1;
  display: flex;
  align-items: center;
}
.pc-info-client__name {
  max-width: 460px;
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
  word-break: break-word;
}
.pc-info-client__login {
  max-width: 100px;
  opacity: 0.7;
  margin: 0 15px;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  word-break: break-word;
}
.pc-header-table {
  opacity: 0.7;
  font-size: 14px;
  color: #141414;
  margin-bottom: 15px;
}
.pc-header-table__client {
  flex: 1;
}
.pc-header-table__join-date {
  width: 120px;
  margin-right: 70px;
}
.pc-header-table__accruals {
  width: 120px;
}
.partnership-filter:not(:last-child) {
  margin-right: 20px;
}
.partnership-filter__inner {
  padding: 8px 11px 8px 14px;
  background-color: #fcfcfc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.partnership-filter-content {
  display: flex;
  align-items: center;
}
.partnership-filter-content__title {
  color: #141414;
  font-weight: 600;
  font-size: 14px;
}
.partnership-filter-content__close {
  font-size: 1.25rem;
  margin-left: 1rem;
  cursor: pointer;
}
.partnership-empty-clients {
  margin-bottom: 50px;
}
.partnership-empty-clients-content__image {
  display: block;
  margin: 32px auto;
}
.partnership-empty-clients-content__title {
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  color: #141414;
  margin-bottom: 20px;
}
.partnership-documents-buttons {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.partnership-withdrawal-button-actions {
  width: max-content;
  font-size: 13px;
  font-weight: 600;
  color: #141414;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 12px 20px 0 rgba(51, 51, 51, 0.15);
  background-color: #ffffff;
  top: 3rem;
  padding: 8px 0px;
  position: absolute;
  z-index: 100;
}
.partnership-withdrawal-button-actions__item {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  display: flex;
  line-height: 1.8;
  padding: 9px 27px 9px 20px;
  cursor: pointer;
}
.partnership-withdrawal-button-actions__item:hover {
  background-color: #fcfcfc;
}
.partnership-withdrawal-button .na-icon-arrow-chevron-down::before {
  transition: rotate 0.2s ease-in-out;
  font-size: 1rem;
}
.partnership-withdrawal-button--open .na-icon-arrow-chevron-down::before {
  rotate: x 180deg;
}
.ui-kit-modal-container--partnership-verify-site {
  min-width: 830px;
  color: #141414;
  line-height: 20px;
}
.ui-kit-modal-container--partnership-referral-link {
  min-width: 550px;
  padding: 39px 43px 53px 47px !important;
}
.ui-kit-modal-container--partnership-add-client {
  min-width: 780px;
}
.ui-kit-modal-container--partnership-add-client-info {
  min-width: 510px;
}
.ui-kit-modal-container--partnership-withdrawal-sum,
.ui-kit-modal-container--partnership-edit-requisites {
  min-width: 480px;
}
.partnership-verify-site-modal__ul {
  margin: 10px 0 10px 10px;
}
.partnership-verify-site-modal__li:not(:last-child) {
  margin-bottom: 5px;
}
.partnership-verify-site-modal-highlight {
  font-weight: 600;
}
.partnership-verify-site-modal__button-container {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.partnership-referral-link-modal__input-block {
  display: flex;
  gap: 1rem;
  align-items: baseline;
}
.partnership-referral-link-modal__input-block .netangels-kit-input {
  flex: 1;
}
.partnership-referral-link-modal__remark {
  margin-top: 13px;
  max-width: 404px;
  color: #141414;
  font-size: 14px;
  line-height: 18px;
}
.partnership-referral-link-modal .ui-kit-modal-title-helper {
  font-size: 22px;
  line-height: 27px;
}
.partnership-add-client-modal {
  position: relative;
  z-index: 10;
}
.partnership-add-client-modal__description {
  color: #141414;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.partnership-add-client-modal__image {
  position: absolute;
  bottom: -42px;
  right: -60px;
  z-index: -1;
}
.partnership-add-client-modal__tabs {
  width: 448px;
}
.partnership-add-client-modal-tabs-header {
  width: 327px;
  display: flex;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  border-bottom: 1px solid rgba(20, 20, 20, 0.25);
  margin: 24px 0 21px;
}
.partnership-add-client-modal-tabs-header__item {
  color: #141414;
  opacity: 0.7;
  cursor: pointer;
  padding: 0 1px 14px;
}
.partnership-add-client-modal-tabs-header__item:first-child {
  margin-right: 30px;
}
.partnership-add-client-modal-tabs-header__item:last-child {
  margin-right: 18px;
}
.partnership-add-client-modal-tabs-header__item--active {
  color: #0066ff;
  opacity: 1;
  border-bottom: 2px solid #0066ff;
}
.partnership-add-client-modal-tabs-body .ui-kit-form-input {
  margin-bottom: 15px;
}
.partnership-add-client-modal-tabs-body .ui-kit-form-input__input {
  color: #141414;
  font-size: 16px;
  line-height: 18px;
}
.partnership-add-client-modal__button-container {
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
}
.partnership-withdrawal-sum-modal-input {
  display: flex;
  justify-content: space-between;
}
.partnership-withdrawal-sum-modal-input__remark {
  opacity: 0.7;
  color: #141414;
  font-size: 14px;
  line-height: 18px;
  margin-top: 37px;
}
.partnership-withdrawal-sum-modal-input .ui-kit-form-input__inner {
  width: 211px;
  margin-right: 20px;
}
.partnership-withdrawal-sum-modal-input .ui-kit-form-input__input {
  color: #141414;
  font-size: 24px;
  line-height: 29px;
  padding: 13px 12px;
}
.partnership-withdrawal-sum-modal-input .ui-kit-form-input-label {
  font-size: 16px;
  line-height: 20px;
  color: #141414;
  font-weight: normal;
}
.partnership-withdrawal-sum-modal-input .ui-kit-form-errors {
  max-width: 90%;
}
.partnership-withdrawal-sum-modal__errors .ui-kit-form-errors {
  margin-top: 5px;
}
.partnership-withdrawal-sum-modal__submit-button {
  display: flex;
  justify-content: start;
}
.partnership-withdrawal-bank-modal .ui-kit-form-textarea-label {
  color: #141414;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.partnership-withdrawal-bank-modal .ui-kit-form-textarea-item {
  width: 100%;
  height: 80px;
  color: #141414;
  box-sizing: border-box;
  border: 1px solid #cccccc;
}
.partnership-withdrawal-bank-modal .partnership-withdrawal-sum-modal-requisites {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.partnership-withdrawal-bank-modal .partnership-withdrawal-sum-modal-requisites-text {
  color: #141414;
}
.partnership-withdrawal-bank-modal .partnership-withdrawal-sum-modal-requisites-text__account-number {
  font-size: 16px;
  line-height: 18px;
  margin: 5px 0 6px;
}
.partnership-withdrawal-bank-modal .partnership-withdrawal-sum-modal-requisites-text__company {
  opacity: 0.7;
  font-size: 11px;
  line-height: 14px;
}
.partnership-withdrawal-bank-modal .partnership-withdrawal-sum-modal__submit-button {
  margin-top: 24px;
}
.partnership-edit-requisites-modal__text {
  color: #141414;
  font-size: 16px;
  line-height: 20px;
}
.partnership-edit-requisites-modal__inputs {
  margin: 14px 0 32px;
}
.partnership-edit-requisites-modal__inputs .ui-kit-form-input {
  margin-bottom: 15px;
}
.partnership-edit-requisites-modal__inputs .ui-kit-form-input__input {
  color: #141414;
  font-size: 16px;
  line-height: 18px;
}
.partnership-edit-requisites-modal__single-button {
  display: flex;
  justify-content: center;
}
.partnership-edit-requisites-modal__submit-button {
  display: flex;
  justify-content: start;
}
.partnership-edit-requisites-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.account-sections {
  width: 1006px;
}
.account-sections-nav {
  margin-left: 15px;
  margin-bottom: 19px;
}
.account-user {
  margin-left: 17px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.account-user__icon {
  margin-right: 15px;
}
.account-user__inner {
  display: block;
}
.account-user-content {
  font-size: 14px;
  color: #141414;
}
.account-user-content__login {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 7px;
}
.account-user-content__master,
.account-user-content__user-type,
.account-user-content__name {
  max-width: 419px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.account-user-content__user-type {
  margin: 5px 0;
}
.account-user-content__master {
  line-height: 20px;
}
.account-user-content__contract {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.account-credential-wrapper {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 30px;
}
.account-credential {
  display: flex;
  padding: 28px;
  justify-content: space-between;
}
.account-credential__item {
  width: 240px;
}
.ac-password__title,
.ac-codeword__title,
.ac-mobile-phone__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #141414;
  padding-bottom: 5px;
}
.ac-password__description,
.ac-codeword__description,
.ac-mobile-phone__description {
  opacity: 0.8;
  font-size: 13px;
  line-height: 16px;
  color: #141414;
  padding-bottom: 20px;
}
.ac-password__change-codeword,
.ac-codeword__change-codeword,
.ac-password__change-password,
.ac-codeword__change-password {
  color: #0066ff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  border-bottom: 1px dashed;
}
.ac-mobile-phone__change-phone {
  display: flex;
  align-items: center;
}
.ac-mobile-phone--has-phone .ac-mobile-change-phone__phone {
  font-size: 20px;
}
.ac-mobile-phone--has-phone .ac-mobile-phone__description {
  padding-bottom: 18px;
}
.ac-mobile-change-phone__phone {
  color: #0066ff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  border-bottom: 1px dashed;
}
.ac-mobile-change-phone__notification-icon {
  cursor: pointer;
  margin-left: 10px;
}
.requisites {
  background-color: #ffffff;
  color: #141414;
  padding: 33px 28px 39px;
  border-top: 1px dashed rgba(20, 20, 20, 0.15);
}
.requisites__title {
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 22px;
}
.requisites-main-info__inn-ogrn {
  opacity: 0.7;
  font-size: 13px;
  margin-top: 8px;
  line-height: 16px;
}
.requisites-additional-info {
  margin: 33px 0 31px;
}
.requisites-additional-info__link {
  margin-top: 7px;
  line-height: 24px;
  color: #0066ff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 1px dashed #0066ff;
  word-break: break-word;
}
.requisites-additional-info__subtext {
  opacity: 0.7;
  font-size: 13px;
  padding-top: 5px;
  line-height: 14px;
}
.requisites-additional-info__rinv {
  opacity: 0.7;
  font-size: 16px;
  margin-top: 7px;
  line-height: 24px;
}
.requisites-main-info__name,
.requisites-additional-info__header {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.access-security {
  background-color: #ffffff;
  color: #141414;
  padding: 0 28px 32px;
  border-top: 1px dashed rgba(20, 20, 20, 0.15);
}
.access-security-inner__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.access-security-inner__hint {
  font-size: 13px;
  margin-top: 5px;
  line-height: 16px;
}
.access-security__timezone {
  padding-top: 24px;
}
.access-security__timezone .access-security-inner__text {
  margin-bottom: 12px;
}
.access-security__timezone .timezone-select {
  width: 50%;
}
.access-security__timezone .ui-kit-select-inner__control {
  background-color: #ffffff !important;
  border: 1px solid rgba(20, 20, 20, 0.5) !important;
}
.access-security .ui-kit-form-checkbox-inner--switcher__label {
  padding: 16px 0;
  cursor: pointer;
  flex-direction: row-reverse;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
  border-top: 1px solid rgba(20, 20, 20, 0.15);
}
.access-security-title-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 28px 0;
}
.access-security-title-block__text {
  flex: 1;
  font-size: 24px;
  line-height: 29px;
}
.otp-mobile-apps__hint {
  font-size: 14px;
  line-height: 18px;
}
.otp-mobile-apps__apps-block {
  display: flex;
  margin: 12px 0 16px;
  justify-content: space-between;
}
.otp-mobile-app {
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 208px;
}
.otp-mobile-app-header {
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
  padding: 12px 12px 17px;
  display: flex;
  align-items: center;
}
.otp-mobile-app-header__title {
  margin-left: 11px;
  font-size: 14px;
  line-height: 18px;
  width: 86px;
}
.otp-mobile-app-links {
  padding: 9px 14px 12px;
  font-size: 14px;
  line-height: 18px;
}
.otp-mobile-app-link {
  text-decoration: none;
  color: #0066ff;
  padding-left: 6px;
}
.otp-mobile-app-link:first-child {
  padding-left: 8px;
  padding-right: 6px;
}
.otp-qr-block__hint {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 3px;
}
.otp-qr-block-codes {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin-bottom: 19px;
}
.otp-qr-block-codes__qr--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 200px;
  width: 200px;
}
.otp-qr-block-codes__key {
  width: 180px;
  display: grid;
  justify-items: start;
  gap: 1rem;
  background: rgba(20, 20, 20, 0.05);
  border: 0.5rem;
  margin-top: 13px;
  padding: 16px 18px 17px 21px;
}
.otp-qr-block-codes__key--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 36px;
  width: 169px;
}
.otp-qr-block-codes-key__value {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-family: B612Mono, monospace;
}
.otp-qr-block-codes-key .ui-kit-dashed-copy-text {
  border-bottom: none;
}
.otp-qr-block-codes-key-copy {
  margin-top: 8px;
  width: 160px;
  cursor: pointer;
  display: flex;
  color: #0066ff;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}
.otp-qr-block-codes-key-copy__tooltip {
  width: 20px;
}
.otp-qr-block-codes-key-copy .na-icon-copy {
  font-size: 16px;
  margin-right: 8px;
}
.otp-codes-block {
  display: grid;
  gap: 1rem;
}
.otp-codes-block__text {
  font-size: 16px;
  line-height: 22px;
}
.otp-codes-block__bold {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.otp-codes-block__copy {
  justify-self: start;
}
.otp-codes-block-spare-codes-columns {
  display: grid;
  grid-auto-flow: column;
  gap: 3rem;
}
.otp-codes-block-spare-codes {
  display: grid;
  gap: 1rem;
  background: rgba(20, 20, 20, 0.05);
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem;
}
.otp-codes-block-spare-codes__column {
  font-size: 14px;
  line-height: 24px;
}
.otp-codes-block-spare-codes__column:last-child {
  margin-right: 0;
  width: auto;
  text-align: right;
}
.enable-otp-modal-tabs-tab {
  display: flex;
  cursor: pointer;
  color: rgba(20, 20, 20, 0.7);
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  width: 193px;
}
.enable-otp-modal-tabs-tab__number {
  width: 24px;
  height: 24px;
  color: #ffffff;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(20, 20, 20, 0.7);
}
.enable-otp-modal-tabs-tab--active {
  color: #0066ff;
}
.enable-otp-modal-tabs-tab--active .enable-otp-modal-tabs-tab__number {
  background-color: #0066ff;
}
.account-documents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  color: #141414;
  border-top: 1px dashed rgba(20, 20, 20, 0.15);
  padding: 24px 28px;
}
.account-documents__title {
  font-size: 24px;
  line-height: 29px;
}
.ac-documentation {
  color: #141414;
  padding: 30px 28px 20px;
}
.ac-documentation__title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.ac-documentation__resources {
  margin-bottom: 20px;
}
.ac-documentation__link {
  font-size: 14px;
  font-weight: 600;
}
.ac-documentation a {
  text-decoration: none;
  color: #0066ff;
}
.ac-documentation-resources {
  display: flex;
  gap: 1rem;
}
.documentation-resource {
  display: flex;
  cursor: pointer;
  align-items: center;
  padding: 0.5rem;
  border: 1px solid rgba(69, 85, 98, 0.25);
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  gap: 0.75rem;
  transition: background-color 300ms;
}
.documentation-resource__title {
  font-size: 16px;
  font-weight: 600;
}
.documentation-resource:hover {
  background-color: #fcfcfc;
}
.ac-documentation-use {
  padding: 30px 28px 20px;
}
.ac-documentation-use__title {
  font-size: 16px;
  font-weight: 600;
  margin: 30px 0 10px;
}
.ac-documentation-use__title:first-child {
  margin-top: 0;
}
.ac-documentation-use__description {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
}
.ac-documentation-use__description span {
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fcfcfc;
}
.ac-documentation-use__code {
  width: 720px;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 15px;
  margin-bottom: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #454545;
}
.account-api-key-block {
  width: 100%;
  color: #141414;
  background-color: #ffffff;
}
.account-monitoring-banner,
.api-key-generate-banner {
  background-color: #ffffff;
  position: relative;
  color: #141414;
  padding: 28px 29px 31px;
  margin-bottom: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 20px 40px 0 rgba(51, 51, 51, 0.05);
}
.account-monitoring-banner__title,
.api-key-generate-banner__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.account-monitoring-banner__description,
.api-key-generate-banner__description {
  width: 535px;
  font-size: 14px;
  line-height: 18px;
  margin: 7px 0 17px;
}
.account-monitoring-banner__image,
.api-key-generate-banner__image {
  position: absolute;
  bottom: 0;
  right: 0;
}
.key-generate-copy-block {
  display: grid;
  justify-items: start;
  gap: 1.25rem;
}
.key-generate-input-block {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.key-generate-input-block .ui-kit-form-input__input {
  width: 450px;
  background-color: #454545;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  padding: 11px 12px;
}
.key-generate-input-block .ui-kit-form-input-label {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
}
.key-gen-copy-button {
  position: relative;
  line-height: 2.5rem;
}
.key-gen-copy-button__tooltip {
  width: 130px;
  height: 39px;
  position: absolute;
  top: 0;
}
.account-emails {
  background-color: #ffffff;
  color: #141414;
  padding: 25px 28px 30px;
}
.account-emails__title {
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 24px;
}
.account-emails-inner {
  display: flex;
  justify-content: space-between;
  gap: 48px;
}
.account-emails-inner__ads {
  flex: 1;
  margin-top: 3rem;
}
.account-emails-inner__ads .na-icon-alert {
  color: #fa8f34;
}
.account-emails-email,
.account-ads-block {
  flex: 1;
}
.account-emails-email__title,
.account-ads-block__title {
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
}
.account-emails-email__description,
.account-ads-block__description {
  font-size: 13px;
  padding: 6px 0 14px;
  opacity: 0.8;
  line-height: 16px;
}
.account-emails-email__entry,
.account-ads-block__entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
}
.account-emails-email-entry__info,
.account-ads-block-entry__info {
  display: flex;
}
.account-emails-email-entry__state,
.account-ads-block-entry__state {
  width: 26px;
  color: #29ac7a;
}
.account-emails-email-entry__name,
.account-ads-block-entry__name {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.account-emails-email-entry__delete,
.account-ads-block-entry__delete {
  color: rgba(51, 51, 51, 0.5);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.account-emails-email-entry__delete--last,
.account-ads-block-entry__delete--last {
  color: rgba(51, 51, 51, 0.3);
  cursor: default;
}
.account-emails-email-entry__delete:hover,
.account-ads-block-entry__delete:hover {
  color: rgba(51, 51, 51, 0.3);
}
.account-emails-email-entry--unverified .account-emails-email-entry__state,
.account-ads-block-entry--unverified .account-emails-email-entry__state,
.account-emails-email-entry--unverified .account-emails-email-entry__name,
.account-ads-block-entry--unverified .account-emails-email-entry__name {
  color: #fa8f34;
  cursor: pointer;
}
.account-emails-email__add-button,
.account-ads-block__add-button {
  display: flex;
  margin-top: 1rem;
}
.account-emails-email .unverified-email-tooltip,
.account-ads-block .unverified-email-tooltip {
  padding: 16px 12px;
  width: 240px;
  background-color: #454545 !important;
}
.account-emails-email .unverified-email-tooltip::after,
.account-ads-block .unverified-email-tooltip::after {
  background-color: #454545 !important;
  border-bottom-color: #141414 !important;
}
.account-emails-email .unverified-email-tooltip__container,
.account-ads-block .unverified-email-tooltip__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.account-emails-email .unverified-email-tooltip__title,
.account-ads-block .unverified-email-tooltip__title {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 6px;
}
.account-emails-email .unverified-email-tooltip__description,
.account-ads-block .unverified-email-tooltip__description {
  font-size: 11px;
  line-height: 13px;
  color: rgba(255, 255, 255, 0.7);
}
.account-ads-block-wrapper {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.account-monitoring-banner__description {
  margin-bottom: 40px;
}
.ac-monitoring-list-header-wrapper,
.account-monitoring-list-header,
.account-monitoring-list-item {
  width: 100%;
  display: flex;
  align-items: center;
}
.ac-monitoring-list-header-wrapper {
  margin-bottom: 24px;
}
.ac-monitoring-list-header {
  flex: 1;
}
.ac-monitoring-list-header__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 5px;
  color: #141414;
}
.ac-monitoring-list-header__hint {
  font-size: 13px;
  line-height: 15px;
}
.account-monitoring-list-item {
  box-sizing: border-box;
  color: #141414;
  padding: 0.75rem;
}
.account-monitoring-list-item__name {
  width: 440px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.account-monitoring-list-item__date {
  flex: 1;
  font-size: 14px;
  line-height: 16px;
}
.account-monitoring-list-item__icon {
  font-size: 1.25rem;
  cursor: pointer;
}
.ui-kit-modal-container--account-change-post-addr {
  min-width: 400px;
}
.ui-kit-modal-container--account-check-credentials {
  min-width: 823px;
  overflow: hidden;
}
.ui-kit-modal-container--account-check-credentials.ui-kit-modal-container {
  padding: 37px 0 68px 62px;
}
.ui-kit-modal-container--disable-otp {
  min-width: 475px;
}
.ui-kit-modal-container--disable-otp.ui-kit-modal-container {
  padding: 41px 64px 48px;
}
.ui-kit-modal-container--disable-otp .ui-kit-separator {
  margin: 24px 0 26px;
}
.ui-kit-modal-container--enable-otp {
  min-width: 475px;
}
.ui-kit-modal-container--enable-otp .ui-kit-form-errors {
  width: 475px;
  text-align: center;
  margin-top: 12px;
}
.ui-kit-modal-container--enable-otp.ui-kit-modal-container {
  padding: 41px 64px 48px;
}
.ui-kit-modal-container--enable-otp .netangels-kit-horizontal-container {
  margin-top: 24px;
}
.ui-kit-modal-container--enable-otp .netangels-kit-separator {
  margin: 17px 0 24px;
}
.ui-kit-modal-container--enable-otp .ui-kit-form-input-pin-wrapper {
  margin-top: 22px;
  background-color: #f9f9f9;
}
.ui-kit-modal-container--enable-otp .ui-kit-form-input-pin {
  padding: 24px 82px;
}
.ui-kit-modal-container--enable-otp .ui-kit-form-pin-input-field {
  background-color: #f9f9f9;
  font-weight: 400;
  font-size: 48px;
  line-height: 56px;
  width: 26px;
}
.ui-kit-modal-container--enable-otp .ui-kit-pin-input-container--end-of-chunk {
  margin-right: 24px;
}
.ui-kit-modal-container--account-email-add,
.ui-kit-modal-container--account-email-delete {
  min-width: 400px;
}
.ui-kit-modal-container--account-email-delete .ui-kit-modal-title-helper {
  line-height: 24px;
}
.ui-kit-modal-container--account-email-delete .account-email-delete-modal__description {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 24px;
}
.ui-kit-modal-container--account-email-delete .account-email-delete-modal__span {
  color: #c80502;
  font-weight: 600;
}
.ui-kit-modal-container--download-logs .ui-kit-select-block {
  height: 38px;
  width: 142px;
}
.ui-kit-modal-container--budget-contract {
  min-width: 391px;
}
.ui-kit-modal-container--account-generate-telegram-key {
  min-width: 620px;
}
.enable-otp-modal__hint {
  font-size: 14px;
  line-height: 18px;
}
.enable-otp-modal__apps-block {
  display: flex;
  margin: 12px 0 16px;
  justify-content: space-between;
}
.enable-otp-modal__codes-text {
  font-size: 16px;
  line-height: 22px;
}
.enable-otp-modal-copy {
  margin-top: 16px;
  width: 160px;
  cursor: pointer;
  display: flex;
  color: #0066ff;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
}
.enable-otp-modal-copy__tooltip {
  width: 20px;
}
.disable-otp-modal__description {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}
.disable-otp-modal .ui-kit-form-input-label {
  color: #141414;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.disable-otp-modal .ui-kit-form-input-container {
  margin-bottom: 32px;
}
.disable-otp-modal .ui-kit-form-errors {
  position: absolute;
}
.enable-otp-modal-tabs {
  display: flex;
  margin: 24px 0;
  justify-content: space-between;
}
.check-account-credentials {
  width: 448px;
}
.check-account-credentials__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 19px;
}
.check-account-credentials__name {
  font-weight: 600;
}
.check-account-credentials__image {
  position: absolute;
  bottom: -2px;
  right: -26px;
}
.check-account-credentials .ui-kit-modal-title-helper {
  margin-bottom: 16px;
}
.check-account-credentials .ui-kit-form-input {
  z-index: 999;
}
.check-account-credentials .ui-kit-form-input input {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #c4c4c4;
}
.check-account-credentials .ui-kit-form-input:not(:last-child) {
  margin-bottom: 15px;
}
.check-account-credentials .ui-kit-form-textarea {
  z-index: 999;
}
.check-account-credentials .ui-kit-form-textarea-item {
  width: 416px;
  color: #141414;
  border: 1px solid #c4c4c4;
}
.check-account-credentials .ui-kit-form-textarea-item:not(:last-child) {
  margin-bottom: 30px;
}
.check-account-credentials .ui-kit-form-textarea-item:focus {
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 #0066ff;
  border: solid 1px rgba(0, 102, 255, 0.5);
}
.account-change-password-modal__description {
  font-size: 14px;
  line-height: 20px;
  color: #141414;
  padding-bottom: 20px;
}
.account-change-password-modal .ui-kit-form-input {
  margin-bottom: 15px;
}
.account-change-password-modal .ui-kit-form-input__input {
  opacity: 0.7;
  padding: 18px 12px;
  font-size: 16px;
}
.account-change-password-modal .ui-kit-form-input-password-wrapper__generator {
  top: 21px;
  right: 4px;
}
.account-change-codeword-modal__description {
  font-size: 14px;
  line-height: 20px;
  color: #141414;
  padding-bottom: 10px;
}
.account-change-codeword-modal .ui-kit-form-input {
  margin-bottom: 15px;
}
.account-change-codeword-modal .ui-kit-form-input__input {
  opacity: 0.7;
  padding: 18px 12px;
  font-size: 16px;
}
.change-notification-phone-modal__sub-description {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 24px;
}
.change-notification-phone-modal .ui-kit-form-checkbox {
  margin-bottom: 5px !important;
}
.change-notification-phone-modal .ui-kit-form-checkbox-inner--switcher__label {
  flex-direction: row-reverse;
  margin-bottom: 5px;
}
.change-notification-phone-modal .ui-kit-form-checkbox-label__content {
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
}
.change-mobile-phone-modal__hint {
  opacity: 0.8;
  font-size: 13px;
  margin-top: 10px;
  text-align: center;
}
.change-mobile-phone-modal--phone .ui-kit-form-errors {
  margin-bottom: 10px;
}
.change-mobile-phone-modal .ui-kit-form-input__input {
  font-size: 16px;
  color: #141414;
}
.change-mobile-phone-modal .ui-kit-form-phone-input {
  margin-bottom: 20px;
}
.change-mobile-phone-modal .ui-kit-form-phone-input--error {
  margin-bottom: 5px !important;
}
.change-mobile-phone-modal .ui-kit-form-phone-input input {
  padding: 12px;
}
.change-mobile-phone-modal .ui-kit-form-phone-input .country-list {
  width: 289px;
  margin: 20px 0;
}
.change-mobile-phone-pin__title {
  font-size: 20px;
  text-align: center;
  line-height: 24px;
  margin-bottom: 15px;
}
.change-mobile-phone-pin__description {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
.change-mobile-phone-pin__highlight {
  font-weight: 600;
}
.change-mobile-phone-pin__hint,
.change-mobile-phone-pin__repeat-send,
.change-mobile-phone-pin__change-phone {
  color: #0066ff;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 15px;
  cursor: pointer;
}
.change-mobile-phone-pin__hint:last-child,
.change-mobile-phone-pin__repeat-send:last-child,
.change-mobile-phone-pin__change-phone:last-child {
  margin-bottom: 0;
}
.change-mobile-phone-pin .ui-kit-form-pin-input-field {
  font-size: 50px;
  width: 29px;
}
.change-mobile-phone-pin .ui-kit-pin-input-container--end-of-chunk {
  margin-right: 0;
}
.change-mobile-phone-pin .ui-kit-form-error {
  text-align: center;
}
.budget-contract-modal__subtitle {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
  color: #141414;
}
.budget-contract-modal__attachments {
  margin-bottom: 20px;
}
.ac-generate-telegram-key__hint {
  font-size: 13px;
  line-height: 15px;
  margin-top: 14px;
  margin-bottom: 19px;
  color: #141414;
}
.ac-generate-telegram-key__title {
  margin-top: 30px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 8px;
  color: #141414;
}
.ac-generate-telegram-key__description {
  font-size: 14px;
  line-height: 20px;
  color: #141414;
  margin-bottom: 18px;
}
.ac-generate-telegram-key__description--blue {
  color: #0066ff;
  font-weight: 600;
}
.ac-generate-telegram-key__description--code {
  background: rgba(69, 85, 98, 0.103201);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 4px;
}
.ac-generate-telegram-key__sub-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
  color: #141414;
}
.ac-generate-telegram-key__reload {
  color: #0066ff;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.ac-generate-telegram-key__reload .na-icon-reload {
  font-size: 1.25rem;
  margin-right: 8px;
}
.ac-generate-telegram-key-auth-code {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.ac-generate-telegram-key-auth-code__pincode {
  font-weight: 600;
  font-size: 28px;
  line-height: 24px;
  letter-spacing: 2px;
  color: #141414;
  margin-right: 8px;
}
.ac-generate-telegram-key-auth-code__ttl {
  width: 25px;
  height: 25px;
  margin-right: 24px;
}
.key-generate-block__title {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.key-generate-block-link {
  height: 18px;
  cursor: pointer;
  width: 450px;
  background-color: #f0f8fe;
  border-radius: 0.5rem;
  color: #107ad5;
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
  padding: 10px 12px;
}
.key-regenerate {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 20px;
  cursor: pointer;
  color: #0066ff;
}
.key-regenerate__text {
  margin-left: 10px;
}
.key-regenerate .na-icon-reload::before {
  font-weight: 600;
}
.image-list-table {
  min-width: 943px;
  max-width: 1370px;
  color: #141414;
  background-color: #ffffff;
  box-shadow: 0 20px 40px 0 rgba(51, 51, 51, 0.05);
}
.image-list-table--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 466px;
}
.image-list-table .ui-kit-form-checkbox-label__icon {
  background-color: transparent;
}
.image-list-table-header {
  display: flex;
  padding: 23px 34px 23px 25px;
  color: rgba(20, 20, 20, 0.8);
  font-size: 14px;
  text-align: left;
  font-weight: 600;
  line-height: 16px;
  align-items: center;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.image-list-table-header__checkbox {
  margin-right: 20px;
  display: flex;
  justify-content: center;
}
.image-list-table-header__name {
  min-width: 228px;
  flex: 1;
}
.image-list-table-header__upload-date {
  min-width: 145px;
}
.image-list-table-header__size {
  min-width: 100px;
  margin-right: 60px;
  text-align: right;
}
.image-list-table-header__price {
  min-width: 100px;
  margin-right: 60px;
  text-align: right;
}
.image-list-table-header__actions {
  min-width: 30px;
}
.image-list-entry {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #141414;
  text-decoration: none;
  padding: 23px 34px 23px 25px;
}
.image-list-entry:hover {
  background-color: rgba(20, 20, 20, 0.02);
}
.image-list-entry:focus {
  outline: initial;
}
.image-list-entry:not(:last-child) {
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.image-list-entry__checkbox {
  margin-right: 20px;
}
.image-list-entry__upload-date {
  min-width: 145px;
  font-size: 14px;
  line-height: 16px;
}
.image-list-entry__size {
  min-width: 100px;
  text-align: right;
  margin-right: 60px;
  font-size: 14px;
  line-height: 16px;
}
.image-list-entry__price {
  min-width: 220px;
  font-size: 14px;
  line-height: 16px;
}
.image-list-entry--not-active {
  opacity: 0.7;
  cursor: initial;
}
.image-list-entry--not-active .ui-kit-form-checkbox-inner__label {
  cursor: initial;
}
.image-list-entry--not-active .image-list-name__name {
  border-bottom: initial;
}
.image-list-entry--not-active .image-list-entry-name__name {
  cursor: initial;
}
.image-list-entry--not-active .ui-kit-form-checkbox-label__icon {
  background-color: #fcfcfc;
}
.image-list-entry--error {
  opacity: 0.7;
  cursor: initial;
  background-color: rgba(224, 116, 116, 0.5);
}
.image-list-entry--error:hover {
  background-color: rgba(224, 116, 116, 0.6);
}
.image-list-entry--error .ui-kit-form-checkbox-inner__label {
  cursor: initial;
}
.image-list-entry--error .image-list-name__name {
  border-bottom: initial;
}
.image-list-entry--error .image-list-entry-name__name {
  cursor: initial;
}
.image-list-entry-name {
  flex: 1;
  display: flex;
  align-items: center;
}
.image-list-entry-name__name {
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin-left: 12px;
  max-width: 450px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.image-list-header-actions {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  min-width: 943px;
  display: flex;
  margin: 26px auto 20px;
  padding: 17px 27px 19px;
  font-size: 14px;
  line-height: 16px;
  color: #0066ff;
  background-color: #ffffff;
  font-weight: 600;
}
.image-list-header-actions__delete {
  cursor: pointer;
}
.image-list-header-actions-checked {
  width: 135px;
  display: flex;
  align-items: center;
  font-weight: 100;
  color: #4e5f6e;
}
.image-list-header-actions-checked__number {
  color: rgba(78, 95, 110, 0.7);
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  margin-left: 5px;
  padding: 4px;
  min-width: 13px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-list-entry-loading {
  display: flex;
  width: 400px;
  margin-right: 65px;
  align-items: center;
}
.image-list-entry-loading__text {
  opacity: 0.7;
  width: 100%;
  color: #141414;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}
.image-list-entry-loading .react-sweet-progress {
  justify-content: flex-end;
}
.image-list-entry-loading .react-sweet-progress-symbol {
  display: none;
}
.image-list-entry-loading .react-sweet-progress-line,
.image-list-entry-loading .react-sweet-progress-line-inner {
  min-height: 7px;
}
.image-list-entry-loading .react-sweet-progress-line {
  width: 274px;
}
.image-list-entry-error__text {
  width: 400px;
  margin-right: 65px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}
.vm-list-table {
  min-width: 943px;
  max-width: 1370px;
  color: #141414;
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 20px 40px 0 rgba(51, 51, 51, 0.05);
}
.vm-list-table--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 466px;
  border-radius: 10px;
}
.vm-list-table .ui-kit-form-checkbox-label__icon {
  background-color: transparent;
}
.vm-list-table-header {
  display: flex;
  padding-right: 34px;
  font-size: 14px;
  text-align: left;
  align-items: center;
  font-weight: 600;
  line-height: 16px;
  color: rgba(20, 20, 20, 0.8);
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.vm-list-table-header .netangels-kit-checkbox {
  padding: 23px 25px;
}
.vm-list-table-header__name {
  min-width: 255px;
}
.vm-list-table-header__os {
  min-width: 60px;
}
@media screen and (max-width: 1330px) {
  .vm-list-table-header__os {
    display: none;
  }
}
.vm-list-table-header__volumes {
  min-width: 104px;
}
@media screen and (max-width: 1330px) {
  .vm-list-table-header__volumes {
    min-width: 93px;
  }
}
.vm-list-table-header__volumes {
  min-width: 104px;
}
.vm-list-table-header__tariff {
  min-width: 173px;
}
.vm-list-table-header__status {
  padding-left: 12px;
  min-width: 220px;
}
@media screen and (max-width: 1330px) {
  .vm-list-table-header__status {
    min-width: 188px;
  }
}
.vm-list-table-header__price {
  min-width: 105px;
  padding-right: 20px;
  margin-right: 15px;
  text-align: right;
}
@media screen and (max-width: 1330px) {
  .vm-list-table-header__price {
    display: none;
  }
}
.vm-list-table-header__settings {
  flex: 1 1 319px;
}
.vm-list-entry {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding-right: 34px;
  color: #141414;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.vm-list-entry--error .vm-list-entry__checkbox,
.vm-list-entry--error .vm-list-entry__name,
.vm-list-entry--error .vm-list-entry__os,
.vm-list-entry--error .vm-list-entry__tariff,
.vm-list-entry--error .vm-list-entry__volumes,
.vm-list-entry--error .vm-list-entry__price,
.vm-list-entry--error .vm-list-entry__settings,
.vm-list-entry--error .vm-list-entry__lan,
.vm-list-entry--error .vm-list-entry-actions {
  opacity: 0.3;
}
.vm-list-entry:hover {
  background-color: rgba(20, 20, 20, 0.02);
}
.vm-list-entry:focus {
  outline: initial;
}
.vm-list-entry:not(:last-child) {
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.vm-list-entry:first-child .vm-list-entry-lan__rectangle:before {
  display: none !important;
}
.vm-list-entry__os {
  min-width: 60px;
}
@media screen and (max-width: 1330px) {
  .vm-list-entry__os {
    display: none;
  }
}
.vm-list-entry__volumes {
  min-width: 104px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
@media screen and (max-width: 1330px) {
  .vm-list-entry__volumes {
    min-width: 93px;
  }
}
.vm-list-entry__tariff {
  min-width: 173px;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}
.vm-list-entry__status {
  min-width: 220px;
  padding: 11px 0 11px 12px;
}
@media screen and (max-width: 1330px) {
  .vm-list-entry__status {
    min-width: 200px;
  }
}
.vm-list-entry__price {
  min-width: 105px;
  padding-right: 20px;
  margin-right: 15px;
  text-align: right;
}
@media screen and (max-width: 1330px) {
  .vm-list-entry__price {
    display: none;
  }
}
.vm-list-entry__settings {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.vm-list-entry__settings__image {
  opacity: 0.6;
}
.vm-list-entry__settings__image--enabled {
  opacity: 1;
  color: #11ab70;
}
.vm-list-entry__settings__image.na-icon-backup::before {
  font-size: 1.5rem;
}
.vm-list-entry .netangels-kit-checkbox {
  padding: 34px 25px;
}
img.vm-list-entry__settings__image {
  width: 2rem;
  height: 2rem;
}
.vm-list-entry-os__inner {
  width: 30px;
}
.vm-list-entry-volumes__inner {
  text-decoration: none;
  color: #0066ff;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.vm-list-entry-lan {
  min-width: 38px;
  position: relative;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #29b583;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1330px) {
  .vm-list-entry-lan {
    margin: 0 30px 0 25px;
  }
}
.vm-list-entry-lan__rectangle {
  height: 9px;
  width: 9px;
  margin-right: 5px;
  background-color: #29ac7a;
}
.vm-list-entry-lan__rectangle:before {
  content: '';
  height: 82px;
  opacity: 0.5;
  background: #29ac7a;
  width: 1px;
  position: absolute;
  left: 4px;
  bottom: 12px;
}
.vm-list-entry-lan__text {
  border-bottom: 1px dashed #29ac7a;
}
.vm-list-entry-actions {
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
  justify-content: flex-end;
  height: 30px;
}
.vm-list-entry-actions .actions {
  position: relative;
  top: 0;
  right: 0;
}
.vm-list-entry-name {
  min-width: 255px;
}
.vm-list-entry-name__name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.vm-list-entry-name-internal {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  max-width: 215px;
}
.vm-list-entry-name-icon {
  font-size: 20px;
}
.vm-list-entry-name-additional {
  min-width: 210px;
  display: flex;
  gap: 0.75rem;
  margin-top: 6px;
}
.vm-list-entry-name-additional__ip {
  color: #586a7b;
  font-size: 12px;
  line-height: 16px;
  margin-right: 20px;
  font-weight: 400;
}
.vm-list-entry-tariff__name,
.vm-list-entry-price__name {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.vm-list-entry-tariff__info,
.vm-list-entry-price__info {
  margin-top: 5px;
  color: #586a7b;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.vm-list-header-actions {
  min-width: 943px;
  display: flex;
  margin: 26px auto 17px;
  padding: 15px 27px 13px;
  font-size: 14px;
  line-height: 16px;
  color: #0066ff;
  align-items: center;
  background-color: #ffffff;
  font-weight: 600;
}
.vm-list-header-actions__reload,
.vm-list-header-actions__lan,
.vm-list-header-actions__status,
.vm-list-header-actions__delete {
  margin-right: 30px;
  cursor: pointer;
}
.vm-list-header-actions__delete {
  color: #d51010;
}
.vm-list-header-actions-checked {
  width: 135px;
  display: flex;
  align-items: center;
  font-weight: 100;
  color: #4e5f6e;
}
.vm-list-header-actions-checked__number {
  color: rgba(78, 95, 110, 0.7);
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  margin-left: 5px;
  padding: 4px;
  min-width: 13px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vm-lan-ip-tooltip {
  padding: 10px 13px !important;
}
.vm-lan-ip-tooltip.place-bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -4px;
  left: 20px;
}
.vm-volumes {
  min-width: 129px;
}
.vm-volumes__item {
  padding: 12px 11px;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #141414;
}
.vm-volumes-item__hint {
  color: #586a7b;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
}
.vm-lan-ip-tooltip-text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  line-height: 12px;
}
.vm-lan-ip-tooltip-text__ip {
  font-weight: 600;
  color: #ffffff;
  line-height: 13px;
}
.cvds-vm-content {
  background-color: #ffffff;
  border-radius: 0 0 0.5rem 0.5rem;
  box-shadow: -20px 0 40px 0 rgba(51, 51, 51, 0.1);
}
.cvds-vm-access-inner {
  display: flex;
  flex: 1;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 29px 41px;
}
.cvds-vm-access-inner .ssh-block-list {
  min-width: 469px;
  flex: 1;
  margin: 41px 15px 0;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-access-inner .ssh-block-list {
    margin-left: 0;
  }
}
.cvds-vm-access-inner .ssh-empty {
  padding: 29px 0 0 3px;
  height: 164px;
}
.cvds-vm-access-inner .ssh-empty-block {
  box-shadow: none;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.cvds-vm-access-inner .ssh-empty-text-block {
  flex: 1;
}
.cvds-vm-access-inner .ssh-empty-text-block__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
}
.cvds-vm-access-inner .ssh-empty-text-block__description {
  padding-bottom: 19px;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-access-inner {
    padding-left: 0;
  }
}
.support-access-banner {
  flex: 1;
  position: relative;
  min-width: 446px;
  height: 135px;
  display: grid;
  grid-auto-rows: min-content;
  justify-items: start;
  background-color: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #141414;
  padding: 29px 0 29px 21px;
  margin: 41px 15px 0;
}
.support-access-banner__image {
  right: 0;
  bottom: 0;
  height: 168px;
  width: 270px;
  position: absolute;
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
.support-access-banner__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
}
.support-access-banner__description {
  font-size: 13px;
  line-height: 18px;
  width: 259px;
  margin: 8px 0 17px;
}
@media screen and (max-width: 1330px) {
  .support-access-banner {
    margin-left: 0;
  }
}
.cvds-vm-access-action .actions_item__icon {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.cvds-vm-access-action .actions_item [class*='na-icon-']::before {
  font-size: 1.5rem;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-access-action .actions_item__description {
    display: none;
  }
}
@media screen and (max-width: 1330px) {
  .cvds-vm-access-action .__react_component_tooltip.place-right {
    margin-left: -5px;
  }
}
.vm-access-actions-tooltip {
  display: none;
}
@media screen and (max-width: 1330px) {
  .vm-access-actions-tooltip {
    display: block;
  }
}
.cvds-vm-detail-header {
  min-width: 655px;
  display: flex;
  flex-direction: column;
  height: 135px;
  padding: 31px 25px 0 26px;
  box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.2);
  background-color: #0066ff;
  border-radius: 0.5rem 0.5rem 0 0;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  -ms-transition: background-color 300ms;
  transition: background-color 300ms;
}
.cvds-vm-detail-header--disabled,
.cvds-vm-detail-header--rescue {
  background-color: #454545;
}
.cvds-header-top-info {
  position: relative;
}
.cvds-header-top-info__name {
  color: #ffffff;
  font-size: 22px;
  line-height: 25px;
  font-weight: 600;
  display: flex;
  cursor: pointer;
}
.cvds-header-top-info__state {
  margin-top: 9px;
  display: flex;
  align-items: center;
}
.cvds-header-top-info-state .netangels-kit-state-block div:last-child {
  line-height: 1.25rem;
}
.cvds-header-top-info-state__monitoring {
  margin-left: 15px;
}
.cvds-name-block {
  position: relative;
}
.cvds-name-block__icon {
  margin-left: 12px;
}
.cvds-name-block__name {
  margin-bottom: 5px;
}
.cvds-name-block .na-icon-pencil {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.cvds-name-block:hover .na-icon-pencil {
  opacity: 1;
}
.cvds-name-block .ui-kit-form-errors {
  box-shadow: 0 12px 20px 0 rgba(51, 51, 51, 0.2);
  position: absolute;
  background-color: #ffffff;
  padding: 4px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 16px;
  font-size: 13px;
  top: 39px;
}
.cvds-name-block .ui-kit-form-errors::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -6px;
  border-bottom: 6px solid #ffffff;
  left: 12px;
}
.cvds-name-block .ui-kit-form-input__input {
  font-family: Inter, sans-serif;
  field-sizing: content;
  color: #ffffff;
  padding: 0;
  padding-bottom: 4px;
  font-size: 22px;
  line-height: 25px;
  font-weight: 600;
  background-color: initial;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.cvds-name-block .ui-kit-form-input__input:focus {
  background-color: initial;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: none;
}
.cvds-name-block .ui-kit-form-input--error .ui-kit-form-input__input:focus {
  border-bottom: 1px solid #d06565;
}
.cvds-name-block .na-icon-arrow-down-left,
.cvds-name-block .na-icon-pencil {
  color: #ffffff;
}
.cvds-name-block .na-icon-arrow-down-left:before,
.cvds-name-block .na-icon-pencil:before {
  font-size: 1.25rem;
}
.change-vm-name-tooltip {
  left: 0px !important;
  top: 31px !important;
  margin-top: 6px !important;
  position: absolute;
  color: #d06565 !important;
  background-color: #ffffff !important;
}
.change-vm-name-tooltip.place-bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -4px;
  left: 20px;
}
.change-vm-name-tooltip.type-dark.place-bottom:after {
  border-bottom-color: #ffffff;
}
.vm-header-action-tooltip {
  margin-top: 3px !important;
}
.cvds-vm-header-top {
  display: flex;
  color: #ffffff;
  align-items: baseline;
}
.cvds-vm-header-top__action {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  display: flex;
  padding: 2px 12px 2px 15px;
  font-size: 14px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: solid 1px rgba(255, 255, 255, 0.51);
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.cvds-vm-header-top__action .actions {
  top: 0;
  right: -3px;
  position: relative;
}
.cvds-vm-header-top__action .actions--active,
.cvds-vm-header-top__action .actions:hover {
  background-color: initial;
}
.cvds-vm-header-top__action .actions__icon::before {
  color: #ffffff;
}
.cvds-vm-header-top__action--active,
.cvds-vm-header-top__action:hover {
  background-color: rgba(51, 51, 51, 0.15);
}
.cvds-vm-header-top__create-date {
  font-size: 0.875rem;
  opacity: 0.5;
  margin-right: 2rem;
}
.cvds-vm-header-top .ui-kit-monitoring-icon-block__icon {
  color: rgba(255, 255, 255, 0.7);
}
.cvds-vm-network {
  padding: 41px 31px 41px 31px;
  display: flex;
  justify-content: space-between;
}
.cvds-vm-network__ip-list,
.cvds-vm-network__antiddos {
  flex: 1;
}
.cvds-vm-network__ip-list:not(:last-child),
.cvds-vm-network__antiddos:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-network {
    padding: 41px 31px;
  }
}
.cvds-vm-antiddos .actions_item:has(.na-icon-off) {
  color: #e12a29;
}
.private-network-ip-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.private-network-ip-remove {
  cursor: pointer;
}
.cvds-vm-network-header {
  display: flex;
  align-items: center;
}
.cvds-vm-network-header__blue {
  cursor: pointer;
  color: #107AD5;
  margin-left: 5px;
}
.cvds-vm-network-footer {
  display: flex;
  align-items: center;
  position: relative;
}
.cvds-vm-network-footer__icon {
  margin-right: 1.25rem;
}
.cvds-vm-network-footer__description {
  flex: 1;
}
.cvds-vm-network-footer__price {
  color: rgba(20, 20, 20, 0.7);
  font-size: 14px;
  line-height: 20px;
  margin-right: 40px;
}
.cvds-vm-network-footer__actions {
  min-width: 30px;
}
.cvds-vm-network-footer__actions .actions {
  top: -5px;
  right: -2px;
}
.cvds-vm-network-footer .na-icon-protocols::before {
  font-size: 2rem;
}
.cvds-vm-network-footer-description {
  color: #141414;
}
.cvds-vm-network-footer-description__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}
.cvds-vm-network-footer-description__subtitle {
  font-size: 13px;
  line-height: 16px;
}
.cvds-vm-network-footer-single-description {
  color: #141414;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}
.cvds-vm-ip-copypable-link {
  position: relative;
}
.cvds-vm-ip-table-instance__title {
  flex: 1;
  color: #141414;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.cvds-vm-ip-table-instance__price {
  margin-right: 60px;
  color: #141414;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-ip-table-instance__price {
    margin-right: 30px;
    width: 100px;
  }
}
.cvds-vm-ip-table-instance__actions {
  font-size: 1.25rem;
  cursor: pointer;
}
.cvds-vm-ip-table-instance__actions--disabled {
  opacity: 0.6;
  cursor: initial;
}
.cvds-ip-add-switcher .switcher-item,
.cvds-antiddos-modal-bw-switcher .switcher-item {
  border-right: none;
}
.cvds-ip-add-switcher .switcher-item:last-child,
.cvds-antiddos-modal-bw-switcher .switcher-item:last-child {
  border: 1px solid #cccccc;
}
.cvds-ip-add-switcher .switcher-item:last-child.switcher-item--active,
.cvds-antiddos-modal-bw-switcher .switcher-item:last-child.switcher-item--active {
  border: 1px solid #0066ff;
}
.cvds-ip-add-switcher .switcher-item--active,
.cvds-antiddos-modal-bw-switcher .switcher-item--active {
  background-color: rgba(0, 102, 255, 0.07);
  color: #0066ff;
  border-right: 1px solid #0066ff;
}
.cvds-ip-add-switcher .switcher-item--active .cvds-ip-add-switcher-item,
.cvds-antiddos-modal-bw-switcher .switcher-item--active .cvds-ip-add-switcher-item {
  opacity: 1;
}
.cvds-ip-add-switcher .switcher-item--active + .switcher-item,
.cvds-antiddos-modal-bw-switcher .switcher-item--active + .switcher-item {
  border-left: none;
}
.cvds-ip-add-switcher-item {
  font-size: 13px;
  font-weight: 600;
  opacity: 0.7;
}
.cvds-ip-add-switcher-item__header {
  font-size: 16px;
  margin-bottom: 4px;
}
.cvds-vm-antiddos-empty {
  position: relative;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 22px 24px 41px;
  color: #141414;
}
.cvds-vm-antiddos-empty__title {
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  margin-bottom: 8px;
}
.cvds-vm-antiddos-empty__description {
  max-width: 250px;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 17px;
}
.cvds-vm-antiddos-empty__button {
  width: 180px;
}
.cvds-vm-antiddos-empty__background {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
  position: absolute;
  bottom: -1px;
  right: 0;
}
.antiddos-disable-progress {
  margin: 24px 0 13px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.antiddos-disable-progress .netangels-loader {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.cvds-antiddos-modal-bw-switcher .switcher-item {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 10px;
}
.cvds-network-antiddos-table-hint {
  margin-left: 15px;
  color: rgba(20, 20, 20, 0.7);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.cvds-vm-network-footer-lan-ip {
  font-weight: 600;
}
.cvds-vm-network-ip-list .ui-kit-form-errors {
  padding-left: 36px;
}
.cvds-vm-ip-reserved {
  padding-top: 2px;
  opacity: 0.8;
  color: #141414;
}
.cvds-warning-without-ga {
  display: flex;
  align-items: center;
  padding: 17px 10px 25px;
}
.cvds-warning-without-ga__icon {
  margin-right: 30px;
}
.cvds-warning-without-ga__text {
  color: #141414;
  font-size: 13px;
  line-height: 17px;
}
.cvds-vm-access,
.cvds-vm-info {
  display: flex;
}
.cvds-vm-access__action,
.cvds-vm-info__action {
  margin: 1.5rem;
}
.cvds-vm-access__action .actions_item--link,
.cvds-vm-info__action .actions_item--link {
  padding: 0 !important;
  margin: 0 !important;
}
.cvds-vm-access__action .actions_item:not(.actions_item--link),
.cvds-vm-info__action .actions_item:not(.actions_item--link),
.cvds-vm-access__action .action_link,
.cvds-vm-info__action .action_link {
  height: 38px;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #0066ff;
  padding: 10px 0;
  margin: 0 14px;
}
.cvds-vm-access__main-wrapper,
.cvds-vm-info__main-wrapper {
  flex: 1;
  display: flex;
  gap: 1.5rem;
  margin: 1.5rem 1.5rem 1.5rem 0;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-access__main-wrapper,
  .cvds-vm-info__main-wrapper {
    flex-direction: column;
    align-items: stretch;
  }
}
.cvds-finance-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cvds-finance-block .netangels-kit-error-block {
  padding: 1rem;
}
.cvds-vm-packet-info {
  position: relative;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
}
.cvds-vm-packet-info-header {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed rgba(20, 20, 20, 0.3);
  padding: 13px;
}
.cvds-vm-packet-info-header__icon {
  height: 46px;
  width: 46px;
  border: 1px solid rgba(20, 20, 20, 0.05);
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
}
.cvds-vm-packet-info-header__title {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  max-width: 165px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cvds-vm-packet-info-header__sub-title {
  color: #7a8791;
  font-size: 13px;
  line-height: 20px;
}
.cvds-vm-packet-info-header .ui-kit-context-menu {
  position: absolute;
  right: 14px;
}
.cvds-vm-packet-info__entries {
  display: flex;
  justify-content: space-between;
  color: #586a7b;
  font-size: 0.75rem;
  line-height: 20px;
  flex-wrap: wrap;
  padding: 11px 15px;
  align-items: center;
}
.cvds-vm-packet-info__entry {
  display: flex;
  gap: 0.25rem;
}
.cvds-vm-packet-info__entry--without-name .cvds-vm-packet-info-entry__value {
  width: 100%;
}
.cvds-vm-packet-info__entry--wide {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cvds-vm-packet-info__entry--cloud-init {
  height: 1.75rem;
}
.cvds-vm-packet-info__entry-name {
  font-weight: 600;
}
.cvds-vm-packet-info__entry-name.license-expires {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
}
.cvds-vm-packet-info__entry-name.license-expires--error {
  color: #d06565;
}
.cvds-vm-packet-info__entry-name.license-expires--waiting {
  color: #e17334;
}
.cvds-vm-packet-info__entry-value {
  font-weight: 400;
}
.cvds-vm-packet-info__entry-value .payment-button__payment-form {
  top: 2.8125rem;
  left: auto;
  right: 0;
}
.cvds-vm-copy-info {
  display: flex;
  font-size: inherit;
  font-weight: 400;
  gap: 0.25rem;
}
.cvds-vm-copy-info__name {
  font-size: inherit;
  font-weight: 600;
}
.cvds-vm-info-main {
  flex: 1;
  border: 1px solid rgba(20, 20, 20, 0.15);
  border-radius: 0.5rem;
  background-color: #fafafa;
  padding: 22px 21px 29px 24px;
}
.cvds-vm-info-main__statistics {
  display: flex;
  gap: 1.5rem;
  margin: 18px 0 39px;
}
.cvds-vm-info-main__statistics .statistics-seven-day {
  width: 100%;
  cursor: pointer;
}
.cvds-vm-info-main__statistics .statistics-seven-days {
  width: auto;
  display: flex;
  padding: 1.25rem;
  flex-direction: column-reverse;
}
.cvds-vm-info-main__statistics .statistics-seven-day__background {
  width: 100%;
  height: 64px;
}
.cvds-vm-info-main__statistics .statistics-seven-day {
  margin-right: 8px;
}
.cvds-vm-info-main__statistics .statistics-seven-day:nth-last-child(2) {
  margin-right: 0;
}
.cvds-vm-info-main__statistics .statistics-seven-day__fill {
  width: 100%;
}
.cvds-vm-info-main__statistics .statistics-seven-days__legend {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.25px;
  line-height: 11px;
}
.cvds-vm-info-main .vm-tariff-restriction {
  margin-top: 25px;
}
.cvds-tariff-gpu {
  margin: 18px 0 39px;
}
.cvds-tariff-gpu-data {
  display: flex;
  align-items: center;
  margin: 18px 0 0;
  padding: 1.25rem;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
}
.cvds-tariff-gpu-data__icon {
  margin-right: 1.25rem;
}
.cvds-tariff-gpu-header {
  display: flex;
  align-items: center;
}
.cvds-tariff-gpu-header__title {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  color: #141414;
}
.cvds-tariff-gpu-data-icon::before {
  font-size: 2rem;
}
.cvds-tariff-gpu-data-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  color: #141414;
}
.cvds-tariff-gpu-data-name {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  color: #141414;
}
.cvds-change-tariff-block,
.cvds-reinstall-os-block {
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #141414;
  margin: 41px 30px 41px 0;
  min-width: 505px;
  flex: 1;
  background-color: #fafafa;
}
.cvds-change-tariff-block__title,
.cvds-reinstall-os-block__title {
  display: flex;
  font-size: 18px;
  font-weight: 600;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
}
.cvds-change-tariff-block-title__icon,
.cvds-reinstall-os-block-title__icon {
  padding: 1.75rem 1rem 1.6875rem;
  cursor: pointer;
}
.cvds-change-tariff-block-title__icon::before,
.cvds-reinstall-os-block-title__icon::before {
  font-size: 1.5rem;
}
.cvds-change-tariff-block-title span,
.cvds-reinstall-os-block-title span {
  padding: 1.875rem 1.625rem;
}
.cvds-change-tariff-block-title__icon + span,
.cvds-reinstall-os-block-title__icon + span {
  padding-left: 0;
}
@media screen and (max-width: 1330px) {
  .cvds-change-tariff-block,
  .cvds-reinstall-os-block {
    margin-right: 21px;
  }
}
.cvds-bar-chart {
  width: 50%;
  border-radius: 0.5rem;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
}
.cvds-bar-chart--without-ga {
  height: 100%;
}
.cvds-bar-chart .ui-kit-separator {
  border-bottom: dashed 1px #e4e4e4;
}
.cvds-bar-chart-info {
  display: flex;
  padding: 1.25rem;
  align-items: center;
}
.cvds-bar-chart-info__average {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.cvds-bar-chart-info__icon {
  margin-right: 1.25rem;
}
.cvds-bar-chart-info .na-icon-ram:before,
.cvds-bar-chart-info .na-icon-cpu:before {
  font-size: 2rem;
}
.cvds-bar-chart-info-description {
  letter-spacing: 0;
  line-height: 18px;
  flex: 1;
  color: #141414;
}
.cvds-bar-chart-info-description__title {
  font-size: 16px;
  font-weight: 600;
}
.cvds-bar-chart-info-description__count {
  font-size: 13px;
}
.cvds-vm-info-action .actions_item {
  align-items: center;
}
.cvds-vm-info-action .actions_item__icon {
  display: flex;
  margin-right: 1rem;
}
.cvds-vm-info-action .actions_item [class*='na-icon-']::before {
  font-size: 1.5rem;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-info-action .actions_item__description {
    display: none;
  }
}
@media screen and (max-width: 1330px) {
  .cvds-vm-info-action .__react_component_tooltip.place-right {
    margin-left: -14px;
  }
}
.cvds-vm-info-action .action_link {
  height: 100%;
  width: 100%;
  padding-left: 0;
}
.cvds-vm-info-action .actions_item__description {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-info-action .actions_item__description {
    display: none;
  }
}
.info-main-tariff-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 19px;
}
.info-main-tariff-block__title {
  color: #141414;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}
.vm-info-actions-tooltip {
  display: none !important;
}
@media screen and (max-width: 1330px) {
  .vm-info-actions-tooltip {
    display: block !important;
  }
}
.vm-info-actions-tooltip--disabled {
  display: block !important;
}
.vm-info-actions-tooltip__mobile {
  display: none;
}
@media screen and (max-width: 1330px) {
  .vm-info-actions-tooltip__mobile {
    display: block;
  }
}
@media screen and (max-width: 1330px) {
  .vm-info-actions-tooltip__disabled {
    display: none;
  }
}
.cvds-change-tariff-finance {
  padding: 41px 33px 41px 0px;
  flex: 0;
}
.cvds-change-tariff-finance__info {
  min-width: 356px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.vm-tariff-info__header {
  color: #4e5f6e;
  background-color: #fafafa;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  padding: 30px 20px;
}
.vm-tariff-info__loader {
  display: flex;
  padding: 30px;
  justify-content: center;
}
.vm-tariff-info__subtitle {
  padding: 19px 21px;
  color: #4e5f6e;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.vm-tariff-info--dumb {
  height: 388px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.vm-tariff-info .vm-tariff-info-entry--changed {
  color: #0066ff;
  font-weight: 600;
  font-size: 14px;
}
.vm-tariff-info .vm-tariff-info-entry--changed-disk {
  color: #0066ff;
  font-weight: 600;
}
.vm-finance-tariff-info--dumb .vm-tariff-info-entry__name,
.vm-finance-tariff-info--dumb .vm-tariff-info-entry__price {
  height: 19px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.vm-finance-tariff-info--dumb .vm-tariff-info-entry__name {
  width: 109px;
}
.vm-finance-tariff-info--dumb .vm-tariff-info-entry__price {
  width: 95px;
}
.vm-finance-tariff-info--dumb .vm-tariff-info-entry:nth-child(2n) .vm-tariff-info-entry__name {
  width: 95px;
}
.vm-finance-tariff-info--dumb .vm-tariff-info-entry:nth-child(2n) .vm-tariff-info-entry__price {
  width: 63px;
}
.vm-finance-tariff-info--dumb .vm-tariff-info-entry:nth-child(3n) .vm-tariff-info-entry__name {
  width: 164px;
}
.vm-finance-tariff-info--dumb .vm-tariff-info-entry:nth-child(3n) .vm-tariff-info-entry__price {
  width: 86px;
}
.vm-tariff-info-packet {
  background-color: rgba(0, 102, 255, 0.1);
  border-top: 1px solid rgba(20, 20, 20, 0.15);
  color: #141414;
  padding: 27px 23px 32px 21px;
}
.vm-tariff-info-packet__title {
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}
.vm-tariff-info-packet__tariff {
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 17px;
}
.vm-tariff-info-packet__until {
  color: #29ac7a;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
}
.vm-tariff-info-footer {
  display: grid;
  gap: 1rem;
  padding: 16px 21px 21px;
}
.step-cvds-tour {
  margin-right: 17px;
}
.second-step-cvds-tour {
  position: relative;
}
.second-step-cvds-tour__item {
  position: absolute;
  background-color: #455562;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 9px 20px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
}
.first-step-cvds-tour::after {
  content: '';
  position: absolute;
  left: -13px;
  top: 22px;
  border: 6px solid transparent;
  border-right: 9px solid #455562;
}
.second-step-cvds-tour-1 {
  top: -180px;
  left: 27px;
  width: 355px;
}
.second-step-cvds-tour-1::after {
  content: '';
  position: absolute;
  left: 21px;
  bottom: -15px;
  top: initial;
  border: 6px solid transparent;
  border-top: 9px solid #455562;
}
.second-step-cvds-tour-3 {
  top: -200px;
  right: 0;
}
.second-step-cvds-tour-4 {
  top: -136px;
  right: 164px;
  padding: 9px 15px;
}
.second-step-cvds-tour-4::after {
  content: '';
  position: absolute;
  left: 133px;
  top: 11px;
  border: 6px solid transparent;
  border-left: 9px solid #455562;
}
@media screen and (max-width: 1330px) {
  .second-step-cvds-tour-4 {
    top: -89px;
    right: 23px;
  }
  .second-step-cvds-tour-4::after {
    left: 12px;
    top: -14px;
    border-left: none;
    border-bottom: 9px solid #455562;
  }
}
.second-step-cvds-tour-5 {
  top: 13px;
  left: 25px;
  width: 251px;
}
.second-step-cvds-tour-5::after {
  content: '';
  position: absolute;
  left: 12px;
  top: -14px;
  border: 6px solid transparent;
  border-bottom: 9px solid #455562;
}
.third-step-cvds-tour {
  top: -28px;
  left: 39px;
  width: 109px;
}
.third-step-cvds-tour::after {
  content: '';
  position: absolute;
  left: -13px;
  top: 11px;
  border: 6px solid transparent;
  border-right: 9px solid #455562;
}
.fourth-step-cvds-tour {
  width: 400px;
}
.fourth-step-cvds-tour::after {
  content: '';
  position: absolute;
  left: -13px;
  top: 19px;
  border: 6px solid transparent;
  border-right: 9px solid #455562;
}
.fifth-step-cvds-tour::after {
  content: '';
  position: absolute;
  left: 21px;
  bottom: -13px;
  top: initial;
  border: 6px solid transparent;
  border-top: 9px solid #455562;
}
.sixth-step-cvds-tour::after {
  content: '';
  position: absolute;
  right: -12px;
  top: 22px;
  border: 6px solid transparent;
  border-left: 9px solid #455562;
}
.cvds-tour-nav {
  position: fixed;
  top: 0;
}
.mask-vm-tour {
  opacity: 0.8 !important;
}
.cvds-action-link-panel {
  height: 72px !important;
  padding: 0 0 0 14px !important;
  margin: 0 !important;
  box-sizing: border-box;
  border: 1px solid #e0eaf3;
  border-radius: 4px;
  background-color: #f2f9ff;
}
@media screen and (max-width: 1330px) {
  .cvds-action-link-panel {
    width: 53px;
  }
}
@media screen and (max-width: 1330px) {
  .cvds-action-link-panel + .__react_component_tooltip.place-right {
    margin-left: 18px;
  }
}
.cvds-vm-info-action-panel__title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 4px;
}
.cvds-vm-info-action-panel__hint {
  opacity: 0.7;
  color: #141414;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 15px;
}
.cvds-tariff-gpu-data-remove-icon {
  cursor: pointer;
}
.cvds-tariff-gpu-data-remove-icon--disabled {
  cursor: initial;
}
.cvds-tariff-gpu-data-remove-icon--disabled::before {
  color: #b0b0b0;
}
.cvds-tariff-gpu-data-remove-icon::before {
  font-size: 1.5rem;
}
.cvds-reinstall-os-block__help-text {
  padding: 0 1.5rem;
}
.cvds-reinstall-os-block__image {
  margin-top: 1rem;
  padding: 0 1.5rem;
}
.cvds-reinstall-os-block__image__tab-content {
  max-width: 100%;
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 1500px) {
  .cvds-reinstall-os-block__image__tab-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block {
  grid-column: span 2;
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block .ui-kit-select-inner__control {
  border: 1px solid #cccccc !important;
  border-radius: 1rem !important;
  background-color: #ffffff !important;
  min-height: 2.375rem !important;
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block .ui-kit-select-inner__control--is-focused {
  box-shadow: none !important;
  border-color: #0066ff !important;
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block .ui-kit-select-inner__value-container {
  padding: 0.875rem 1.25rem;
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block .ui-kit-select-inner__option {
  padding: 1rem 0.75rem;
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block .ui-kit-select-inner__option--is-selected::after {
  top: 17px;
  font-size: 0.875rem;
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block .ui-kit-select-inner__menu-list {
  padding: 0;
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block .images-select-option-label {
  display: flex;
  align-items: center;
  position: relative;
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block .images-select-option-label__name {
  font-size: 0.875rem;
  margin-left: 0.5rem;
  margin-right: 0.75rem;
  width: 18rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cvds-reinstall-os-block__image__tab-content .reinstall-os-images-block .images-select-option-label__size {
  width: 5.5rem;
  text-align: start;
  opacity: 0.7;
  font-size: 0.75rem;
  line-height: 1rem;
}
.cvds-reinstall-os-block__image__tab-content__empty-images {
  grid-column: span 3;
}
.cvds-reinstall-os-block__image__tab-content__empty-images a {
  color: #0066ff;
}
.cvds-reinstall-os-block__ssh {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2.5rem;
  padding: 0 1.5rem;
  gap: 1rem;
}
.cvds-reinstall-os-block__ssh-title {
  font-size: 1.125rem;
  font-weight: 600;
}
.cvds-reinstall-os-block__ssh .ssh-key-selector {
  grid-column: 1 / span 2;
}
.cvds-reinstall-os-block__ssh .ssh-key-selector .netangels-kit-select-legacy select,
.cvds-reinstall-os-block__ssh .ssh-key-selector .netangels-kit-select-legacy option,
.cvds-reinstall-os-block__ssh .ssh-key-selector .netangels-kit-input input,
.cvds-reinstall-os-block__ssh .ssh-key-selector .netangels-kit-textarea textarea {
  font-size: 0.875rem;
}
.cvds-reinstall-os-block__cloud-init {
  margin-top: 2.5rem;
  padding: 0 1.5rem;
}
.cvds-reinstall-os-block__agree {
  margin-top: 2rem;
  padding: 0 1.5rem;
}
.cvds-reinstall-os-block__agree b {
  font-weight: 600;
}
.cvds-reinstall-os-block__errors {
  margin-top: 1rem;
  padding: 0 1.5rem;
}
.cvds-reinstall-os-block__buttons {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  padding: 0 1.5rem;
  display: flex;
  gap: 1rem;
}
.cvds-vm-volumes {
  padding: 43px 0 43px 23px;
  display: flex;
}
.cvds-vm-volumes__sidebar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 236px;
  flex-shrink: 0;
}
.cvds-vm-volumes__sidebar .netangels-kit-button {
  margin-top: 18px;
  width: 100%;
}
.cvds-vm-volumes-list {
  width: 236px;
}
.cvds-vm-volumes-list__item {
  padding: 1.25rem;
  margin-bottom: 18px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.cvds-vm-volumes-list__item .ui-kit-resource-fills--volume .ui-kit-resource-fills-head__additional {
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}
.cvds-vm-volumes-list--without-ga .ui-kit-resource-fills--volume .ui-kit-resource-fills-head {
  margin-bottom: 0;
  align-items: center;
}
.cvds-scale-tooltip {
  margin-left: 21px;
}
.cvds-vm-volumes-list__item--current {
  background-color: #0066ff;
}
.cvds-vm-volumes-list__item--current .volume-title {
  color: #ffffff;
}
.cvds-vm-volumes-list__item--current .ui-kit-resource-fills--volume .ui-kit-resource-fills-head__additional {
  color: #ffffff;
}
.cvds-vm-volumes-list__item--add {
  margin-top: 18px;
  margin-bottom: 0;
  border: 1px dashed #bdbdbd;
}
.cvds-vm-volumes-list__item--add-mode-on {
  border: 1px solid #0066ff;
  background-color: rgba(0, 102, 255, 0.07);
}
.cvds-vm-volumes-list__item--disabled {
  color: #888888;
  cursor: initial;
}
.cvds-vm-volumes-list__item--without-ga {
  padding: 10px 22px 11px 18px;
}
.cvds-vm-volumes-list__item .volume-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  max-width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cvds-vm-volumes-list-item__add {
  padding: 8px 0 9px;
  color: #0066ff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  line-height: 18px;
}
.cvds-vm-volumes-list-item__add:before {
  margin-right: 13px;
  font-size: 24px;
}
.cvds-vm-volumes-list-item__add--disabled {
  color: #888888;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.cvds-vm-volume {
  flex: 1;
  margin: 0 28px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fafafa;
  padding: 25px 30px 11px 24px;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-volume {
    margin: 0 23px;
    padding: 25px 21px 11px 22px;
  }
}
.cvds-vm-volume__backup {
  padding: 21px 0 24px;
  margin: 20px 0 24px;
  border-top: 1px dashed rgba(20, 20, 20, 0.3);
  border-bottom: 1px dashed rgba(20, 20, 20, 0.3);
  position: relative;
}
.cvds-vm-volume__backup .ui-kit-form-checkbox-inner--switcher__label {
  flex-direction: row-reverse;
}
.cvds-vm-volume__backup .ui-kit-form-checkbox-label__content {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.cvds-vm-volume__backup .ui-kit-form-errors {
  left: 4px;
  bottom: 2px !important;
}
.cvds-vm-volume__storage {
  margin-top: 21px;
}
.cvds-vm-volume__storage .ui-kit-resource-slider {
  padding-top: 6px;
}
.cvds-vm-volume--add {
  padding: 29px 27px 38px;
}
.cvds-vm-volume--add .cvds-vm-volume-footer {
  margin-bottom: 0;
}
.cvds-vm-volume .ui-kit-form-errors {
  position: absolute;
  bottom: 88px;
}
.cvds-vm-volume .cvds-warning-cancel-packet {
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 21px;
  margin-bottom: 28px;
}
.cvds-vm-volume-disk-price {
  display: flex;
  color: #141414;
  font-size: 16px;
  line-height: 18px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.cvds-vm-volume-disk-price__price {
  font-weight: 600;
}
.volume-title-block {
  position: relative;
  display: grid;
  align-items: center;
  gap: 1rem;
  grid-template-columns: 1fr auto;
  color: #141414;
}
.volume-size {
  margin: 21px 0 23px;
}
.volume-size .volume-title {
  font-size: 16px;
  line-height: 19px;
}
.volume-size .ui-kit-resource-fills--volume .ui-kit-resource-fills-scale__scale {
  height: 20px;
}
.volume-size .ui-kit-resource-fills--volume .ui-kit-resource-fills-scale-scale__text {
  font-size: 13px;
}
.volume-slow {
  padding: 19px 26px 28px 21px;
  background-color: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.volume-slow-text-block {
  margin: 0 21px;
  color: #141414;
  font-size: 13px;
  flex: 1;
  line-height: 17px;
}
.volume-slow-text-block__title {
  color: #d37947;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 6px;
}
.cvds-vm-volume-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
}
.cvds-vm-volume-footer__buttons {
  display: flex;
  gap: 1rem;
}
.volume-backup-checkbox__hint {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}
.volume-backup-checkbox-title__warning {
  display: inline-block;
  margin-left: 4px;
  color: #e07474;
}
.volume-backup {
  width: 234px;
  margin-right: 32px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 29px 14px 39px 20px;
  color: #141414;
  height: 100%;
}
@media screen and (max-width: 1330px) {
  .volume-backup {
    display: none;
  }
}
.volume-backup__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.volume-backup__image {
  margin: 23px 0 8px;
}
.volume-backup__description {
  margin: 15px 0 20px;
  font-size: 13px;
  line-height: 17px;
}
.volume-backup__empty-text {
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
}
.change-volume-name-tooltip {
  left: 0px !important;
  top: 30px !important;
  margin-top: 6px !important;
  position: absolute;
}
.change-volume-name-tooltip.place-bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -4px;
  left: 20px;
}
.change-volume-name-tooltip.type-dark.place-bottom:after {
  border-bottom-color: #141414;
}
.volume-fill {
  flex: 1;
}
.ui-kit-resource-fills-scale--tile-gray-fill {
  background: url('/static-panel/images/general/tile-fill-gray.svg') center center repeat-x;
}
.cvds-tariff__count--hidden {
  display: none;
}
.cvds-tariffs-list {
  background-color: #ffffff;
}
.cvds-tariffs-list__packet-warning {
  background-color: #fafafa;
  padding-bottom: 27px;
}
.cvds-tariffs-list__packet-warning .cvds-warning-cancel-packet {
  border-top: 1px solid rgba(20, 20, 20, 0.15);
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.cvds-tariffs-list .ui-kit-form-input-radio:hover {
  background-color: rgba(0, 102, 255, 0.08);
}
.cvds-tariffs-list .ui-kit-form-input-radio:last-child .ui-kit-form-input-radio-label {
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.cvds-tariffs-list .ui-kit-form-input-radio--disabled:hover {
  background-color: initial;
}
.cvds-tariffs-list .ui-kit-form-input-radio-label {
  padding: 14px 27px 18px 19px;
  border-top: 1px solid rgba(20, 20, 20, 0.15);
  height: 32px;
  cursor: pointer;
}
.cvds-tariffs-list .ui-kit-form-input-radio-label__content {
  flex: 1;
}
.cvds-tariffs-list .ui-kit-form-input-radio-label__radio::before {
  width: 19px;
  height: 19px;
  margin-right: 0px;
  background-color: #ffffff;
}
.cvds-tariffs-list .ui-kit-form-radio-button-group .ui-kit-form-input-radio:not(:last-child) {
  margin-bottom: 0;
}
.cvds-tariffs-list .ui-kit-form-input-radio-label__radio {
  width: 32px;
}
.cvds-tariffs-list .ui-kit-form-input-radio-label__radio::before {
  margin-left: 5px;
}
.cvds-tariffs-list .ui-kit-form-input-radio--active .ui-kit-form-input-radio-label {
  color: #0066ff;
  border-top: 1px solid #c0dcf5;
  border-bottom: 1px solid #c0dcf5;
}
.cvds-tariffs-list .ui-kit-form-input-radio--active .ui-kit-form-input-radio__input:checked + .ui-kit-form-input-radio-label .ui-kit-form-input-radio-label__radio::after {
  width: 9px;
  height: 9px;
  left: 11px;
}
.cvds-tariffs-list .ui-kit-form-input-radio--active:last-child .ui-kit-form-input-radio-label {
  border-bottom: 1px solid #c0dcf5;
}
.cvds-tariffs-list .ui-kit-form-input-radio--active + .ui-kit-form-input-radio .ui-kit-form-input-radio-label {
  border-top: none;
}
.cvds-tariffs-list .ui-kit-form-input-radio--current .ui-kit-form-input-radio-label__radio::before {
  border: 1px solid #0066ff;
  background-color: #ffffff;
  width: 30px;
  height: 30px;
  margin-left: 0;
}
.cvds-tariffs-list .ui-kit-form-input-radio--current .ui-kit-form-input-radio__input:checked + .ui-kit-form-input-radio-label .ui-kit-form-input-radio-label__radio::after,
.cvds-tariffs-list .ui-kit-form-input-radio--current .ui-kit-form-input-radio-label .ui-kit-form-input-radio-label__radio::after {
  content: '\f100';
  color: #0066ff;
  font-size: 14px;
  font-family: NetangelsFontIcons;
  background-color: transparent;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: center;
  width: 32px;
  height: 32px;
  top: 2px;
  left: 0;
}
.tariffs-list-item-title {
  cursor: pointer;
  color: #0066ff;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tariffs-list-item-title__description {
  opacity: 0.7;
  color: #141414;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  flex: 1;
}
.tariffs-list-item-title__category {
  min-width: 181px;
}
.tariffs-list-item-title__arrow {
  font-size: 1.25rem;
  color: rgba(20, 20, 20, 0.8);
  transition: rotate 0.2s ease-in-out;
}
.tariffs-list-item-title:hover {
  background-color: rgba(0, 102, 255, 0.08);
}
.tariffs-list-item-title:last-child {
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.tariffs-list-item-title--active .tariffs-list-item-title__arrow {
  rotate: 90deg;
}
.cvds-tariff {
  display: flex;
  padding-left: 17px;
  justify-content: space-between;
  align-items: center;
}
.cvds-tariff__name {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.cvds-tariff-info {
  display: flex;
  color: #586a7b;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  width: 177px;
}
.cvds-tariff-info__cpu {
  width: 80px;
  margin-right: 17px;
}
.cvds-tariff--gpu-subtariffs .ui-kit-form-radio-button-group {
  width: 100%;
}
.cvds-tariff--gpu-subtariffs .ui-kit-form-input-radio-label {
  border-top: none !important;
  border-bottom: none !important;
  background-color: #ffffff !important;
}
.vm-create-wrapper {
  display: flex;
  justify-content: space-between;
}
.vm-create-wrapper .cst-resource__value,
.vm-create-wrapper .cst-resource__name {
  text-transform: initial;
}
@media screen and (max-width: 1330px) {
  .vm-create-wrapper {
    flex-direction: column;
  }
}
.vm-create-wrapper .final-block {
  position: sticky;
  top: 34px;
}
@media screen and (max-width: 1330px) {
  .vm-create-wrapper .final-block .final-block__title {
    display: none;
  }
  .vm-create-wrapper .final-block .final-block__title + .ui-kit-separator {
    display: none;
  }
}
.vm-create {
  max-width: 930px;
  margin: 20px 44px 0 40px;
}
@media screen and (max-width: 1330px) {
  .vm-create {
    max-width: none;
    margin: 0;
  }
}
.vm-create__sub-title {
  margin-top: 3rem;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  color: #141414;
  margin-bottom: 1.5rem;
}
.vm-create__sub-title--desktop-hidden {
  display: none;
}
@media screen and (max-width: 1330px) {
  .vm-create__sub-title--desktop-hidden {
    display: block;
  }
}
.vm-create__additionally {
  color: #141414;
  display: grid;
  gap: 1.25rem;
  margin-top: 3rem;
  grid-template-columns: repeat(3, 1fr);
  justify-items: start;
  align-items: start;
}
.vm-create__additionally__ssh-keys {
  grid-column: 1 / span 2;
  width: 100%;
  position: relative;
}
.vm-create__additionally__ssh-keys .ui-kit-form-select-inner__label::after {
  content: 'необязательно';
  position: absolute;
  font-size: 13px;
  opacity: 0.5;
  color: #141414;
  top: 1px;
  left: 124px;
}
.vm-create__additionally__ssh-keys__add-new {
  margin-top: 20px;
  width: 100%;
}
.vm-create__additionally__ssh-keys__add-new .ssh-form__name {
  margin-bottom: 20px;
}
.vm-create__additionally__ssh-keys__add-new .ui-kit-form-textarea-item {
  width: 100%;
  min-height: 80px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 16px;
  color: #141414;
  border-color: #cccccc;
}
.vm-create__additionally__ips {
  width: 100%;
}
.vm-create__additionally__ips .ui-kit-form-select-inner__option {
  padding-left: 24px;
}
.vm-create__additionally__ips .ui-kit-form-select-inner__group {
  padding-bottom: 4px;
}
.vm-create__additionally__ips .ui-kit-form-select-inner__group-heading {
  line-height: 18px;
}
.vm-create__additionally__cloud-init__selector {
  grid-column: 1 / span 2;
  width: 100%;
}
.vm-create__additionally__cloud-init__name {
  grid-column: 1 / span 2;
  width: 100%;
}
.vm-create__additionally__cloud-init__loader {
  grid-column: 1 / span 3;
  width: 100%;
  display: flex;
  justify-content: center;
}
.vm-create__additionally__cloud-init__editor {
  grid-column: 1 / span 3;
  width: 100%;
  position: relative;
}
.vm-create__additionally__cloud-init__editor b {
  font-weight: 600;
}
.vm-create__additionally__cloud-init__editor section {
  margin-top: 0.75rem;
}
.vm-create__additionally__cloud-init__editor .main {
  display: flex;
  flex-direction: row;
  height: auto;
}
.vm-create__additionally__cloud-init__editor__save {
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
  width: auto;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 0.35rem;
}
.vm-create__additionally .ui-kit-select-block {
  padding-top: 18px;
}
.vm-create__additionally .ui-kit-form-select-inner__label {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
}
.vm-create__additionally .ui-kit-select-inner__control {
  border: 1px solid #cccccc !important;
  background-color: #ffffff !important;
  min-height: 38px !important;
  margin-top: 6px;
}
.vm-create__additionally .ui-kit-select-inner__value-container {
  padding: 14px 20px;
}
.vm-create__additionally .ui-kit-select-inner__single-value {
  font-size: 14px;
  color: #cccccc;
}
.vm-create__additionally .ui-kit-form-input__inner .ui-kit-form-input__input {
  font-size: 0.875rem;
  padding: 14px 20px;
}
.vm-create-tariffs {
  position: relative;
  width: 930px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 1330px) {
  .vm-create-tariffs {
    width: auto;
  }
}
.vm-create-tariffs .ui-kit-separator {
  top: 29px;
  position: absolute;
  border-bottom: 2px solid #e4e4e4;
}
.vm-create-tariffs-category {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.vm-create-tariffs-category__header {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  font-size: 1.5rem;
  min-height: 2rem;
}
.vm-create-tariffs-title {
  display: flex;
  color: #141414;
  flex-direction: column;
  gap: 1.5rem;
}
.vm-create-tariffs-title .netangels-kit-tabs-navigation {
  width: 100%;
}
.vm-create-tariffs-title .netangels-kit-tabs-navigation > div {
  justify-content: start;
}
.cvds-tariffs-block {
  --tariffs-gap: 1.25rem;
  --tariffs-inrow: 4;
  display: flex;
  position: relative;
}
.cvds-tariffs-block__item {
  display: flex;
  margin-right: var(--tariffs-gap);
  width: calc((100% - (var(--tariffs-inrow) - 1) * var(--tariffs-gap)) / var(--tariffs-inrow));
  box-sizing: border-box;
}
.cvds-tariffs-block__item:last-child {
  margin-right: 0;
}
.cvds-tariffs-block .na-icon-arrow-chevron-right::before {
  right: -25px;
}
.cvds-tariffs-block .na-icon-arrow-chevron-left::before {
  left: -25px;
}
.cvds-tariffs-block .na-icon-arrow-chevron-left,
.cvds-tariffs-block .na-icon-arrow-chevron-right {
  cursor: pointer;
}
.cvds-tariffs-block .na-icon-arrow-chevron-left::before,
.cvds-tariffs-block .na-icon-arrow-chevron-right::before {
  position: absolute;
  top: 133px;
  font-size: 2rem;
}
.cvds-tariffs-block .swiper-wrapper,
.cvds-tariffs-block .swiper-container {
  position: initial;
}
.cvds-tariffs-block .swiper-button-disabled {
  cursor: default;
  opacity: 0.3;
}
.cvds-tariffs-block .cst-resource__value,
.cvds-tariffs-block .cst-resource__name {
  font-size: 12px;
}
.cvds-tariff-card {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.04);
  transition: box-shadow 300ms ease;
  padding: 2.375rem 1.375rem;
}
.cvds-tariff-card:hover {
  box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.08);
}
.cvds-tariff-card--recommend {
  border-top: solid 0.5rem #0066ff;
  box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.08);
  padding-top: calc(2.375rem - 0.5rem);
}
.cvds-tariff-card--recommend .cvds-tariff-card__title {
  color: #0066ff;
}
.cvds-tariff-card--banned {
  opacity: 0.25;
  background-color: rgba(69, 85, 98, 0.15);
}
.cvds-tariff-card__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  color: #141414;
  margin-bottom: 33px;
}
.cvds-tariff-card__title:first-letter {
  text-transform: uppercase;
}
.cvds-tariff-card__price {
  font-size: 1.45rem;
  line-height: 1.875rem;
  color: #141414;
  font-weight: 600;
  padding-top: 1rem;
  text-align: center;
  align-content: center;
  flex-grow: 1;
}
.cvds-tariff-card__button {
  display: grid;
  margin-top: 1rem;
}
.cvds-tariff-card__button .na-icon-circle-check {
  display: flex;
  justify-content: center;
  font-size: 2rem;
  color: #0066ff;
}
.cvds-tariff-card__settings {
  display: grid;
  text-align: center;
  margin-top: 0.5rem;
}
.cvds-tariff-card__settings--banned {
  font-size: 0.7rem;
  letter-spacing: 0;
  line-height: 0.8rem;
  text-align: center;
  opacity: 0.8;
  font-weight: 600;
}
.cvds-tariff-card__gpu-count {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  margin-top: 1.25rem;
}
.cvds-tariff-card-description {
  color: #141414;
  font-size: 13px;
  line-height: 20px;
}
.cvds-calculator {
  position: relative;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.06);
}
.cvds-calculator__close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.5rem;
  padding: 0.75rem;
  cursor: pointer;
}
.cvds-calculator__header {
  border-bottom: 1px solid rgba(69, 85, 98, 0.15);
  padding: 28px 0 22px;
}
.cvds-calculator__storage {
  padding: 20px 38px 15px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  border-bottom: 1px solid rgba(69, 85, 98, 0.15);
}
.cvds-calculator__storage .calculator-resource {
  padding: 0 38px;
}
.cvds-calculator__storage .ui-kit-resource-slider {
  padding: 9px 0 0;
}
.cvds-calculator__storage .ui-kit-slider-units {
  margin-top: 5px;
}
.cvds-calculator__footer {
  padding: 27px 38px;
}
.cc-header__title {
  display: flex;
  color: #0066ff;
  font-size: 22px;
  font-weight: 600;
  line-height: 18px;
  margin: 0 38px 20px;
}
.cc-header__description {
  margin: 0 38px;
  color: #141414;
  font-size: 14px;
  line-height: 18px;
  display: flex;
}
.cc-header-title__tariff:first-letter {
  text-transform: uppercase;
}
.cc-header-description-item {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}
.cc-header-description-item__icon {
  margin-right: 0.75rem;
}
.cc-header-description-item .na-icon-ram::before,
.cc-header-description-item .na-icon-cpu::before {
  font-size: 2rem;
}
.cvds-calculator-footer {
  display: flex;
  align-items: center;
}
.cvds-calculator-footer__backup {
  width: 220px;
}
.cvds-calculator-footer__backup .ui-kit-form-checkbox-inner--switcher__label {
  flex-direction: row-reverse;
}
.cvds-calculator-footer__backup .ui-kit-form-checkbox-label__content {
  font-weight: 600;
}
.cvds-calculator-footer__price {
  flex: 1;
  text-align: end;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #141414;
}
.cvds-final-configuration-wrapper-title {
  display: none;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 400;
  color: #141414;
  width: 930px;
  margin: 50px auto 0;
}
@media screen and (max-width: 1330px) {
  .cvds-final-configuration-wrapper-title {
    display: block;
  }
}
.cvds-final-configuration-image-title {
  word-break: break-all;
}
.vm-create-gpu-block-loader {
  margin-bottom: 75px;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vm-create-gpu-block-loader__title {
  margin-top: 10px;
  color: #141414;
  font-size: 14px;
}
.vm-create-additional-block {
  display: flex;
  gap: 0.75rem;
}
.cvds-additional-service-card {
  display: flex;
  flex-direction: column;
  margin: 0.625rem 0 0.25rem;
}
.cvds-cms-block {
  position: relative;
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 1.5rem 1rem;
  align-items: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-transition: background-color 500ms ease, border-color 500ms;
  -moz-transition: background-color 500ms ease, border-color 500ms;
  -o-transition: background-color 500ms ease, border-color 500ms;
  -ms-transition: background-color 500ms ease, border-color 500ms;
  transition: background-color 500ms ease, border-color 500ms;
}
.cvds-cms-block:nth-child(3n + 3) {
  margin-right: 0;
}
.cvds-cms-block:last-child {
  margin-right: 0;
}
.cvds-cms-block--current {
  padding: 19px 16px 23px;
  border: 1px solid #0066ff;
  border-top: 5px solid #0066ff;
}
.cvds-cms-block .na-icon-arrow-chevron-down {
  margin-left: auto;
}
.cvds-cms-block .na-icon-arrow-chevron-down:before {
  font-size: 1.25rem;
}
.cvds-cms-block--current .cms-block-description__name {
  color: #0066ff;
}
.cvds-cms-block .cst-resource__name,
.cvds-cms-block .cst-resource__value {
  font-size: 13px;
}
.cvds-cms-block--disabled {
  cursor: initial;
}
.cvds-cms-block--disabled .cvds-cms-block-description {
  color: rgba(20, 20, 20, 0.5);
}
.cvds-cms-block-submenu {
  left: -1px;
  top: 88px;
  z-index: 10;
  width: 100%;
  position: absolute;
  color: #141414;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.cvds-cms-block-submenu__title {
  padding: 10px;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.cvds-cms-block-submenu-item {
  position: relative;
  padding: 6px 0;
}
.cvds-cms-block-submenu-item__item {
  padding: 10px;
  font-size: 13px;
  font-weight: 600;
}
.cvds-cms-block-submenu-item__item--disabled {
  cursor: initial;
  color: rgba(20, 20, 20, 0.5);
}
.cvds-cms-block-submenu-item__item:not(.cvds-cms-block-submenu-item__item--disabled):hover {
  background-color: #fcfcfc;
}
.cvds-cms-block-submenu .ui-kit-separator {
  top: initial !important;
  position: relative !important;
}
.cvds-cms-block-description {
  margin-left: 10px;
  color: #141414;
}
.cvds-cms-block-description__name {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 5px;
}
.cvds-cms-block-description__versions {
  font-size: 11px;
}
.volumes-and-backups-inner {
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 4px 8px 0 rgba(51, 51, 51, 0.05);
}
.volumes-and-backups-inner .na-icon-backup::before {
  font-size: 1.5rem;
}
.volumes-and-backups-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.volumes-and-backups-header__title {
  color: #141414;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}
.volumes-and-backups-header__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.main-volume {
  display: flex;
  align-items: center;
  background-color: rgba(79, 184, 144, 0.08);
  padding: 1.25rem;
  margin-top: 1.25rem;
}
.main-volume__icon {
  margin-right: 1.25rem;
}
.main-volume .ui-kit-resource-fills {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.main-volume .volume-title {
  display: flex;
  align-items: center;
}
.main-volume .volume-title__hint {
  color: rgba(20, 20, 20, 0.7);
  font-size: 13px;
  margin-left: 3px;
  line-height: 15px;
  font-weight: 400;
}
.main-volume .volume-title__name {
  max-width: 310px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-volume--safe {
  background-color: rgba(41, 172, 122, 0.1);
}
.main-volume--warning {
  background-color: rgba(250, 143, 52, 0.1);
}
.main-volume--danger {
  background-color: rgba(208, 101, 101, 0.1);
}
.main-volume--without-ga .volume-fill {
  display: flex;
}
.main-volume--without-ga .ui-kit-resource-fills--volume .ui-kit-resource-fills-head {
  margin-bottom: 0;
}
.main-volume .na-icon-disk::before {
  font-size: 2rem;
}
.main-backups {
  display: flex;
  padding: 20px 30px 20px 18px;
  align-items: center;
}
.main-backups__icon {
  margin-right: 10px;
}
.main-backups-title {
  flex: 1;
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.main-backups-title__subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}
.additional-volumes {
  border-top: 1px dashed #e4e4e4;
  padding: 25px 25px 10px 20px;
}
.additional-volumes-title {
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
}
.additional-volumes-title__add {
  display: flex;
  align-items: center;
  color: #0066ff;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
}
.additional-volumes-title__add:before {
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.additional-volumes-title__add--disabled {
  color: #888888;
  cursor: initial;
  opacity: 0.5;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.additional-volumes-title:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}
.additional-volumes-item {
  padding: 16px 0 18px;
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #e4e4e4;
}
.additional-volumes-item__icon {
  margin-right: 14px;
  color: #11ab70;
}
.additional-volumes-item__icon-disabled {
  color: #141414;
  opacity: 0.7;
}
.additional-volumes-item .ui-kit-resource-fills {
  flex: 1;
}
.additional-volumes-item .ui-kit-resource-fills--volume .ui-kit-resource-fills-head {
  margin-bottom: 5px;
}
.additional-volumes-item .ui-kit-resource-fills--volume .ui-kit-resource-fills-head__additional {
  font-size: 13px;
  line-height: 15px;
}
.additional-volumes-item .volume-title {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 15px;
}
.additional-volumes-item .volume-title__hint {
  color: rgba(20, 20, 20, 0.7);
  margin-left: 3px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}
.additional-volumes-item:last-child {
  margin-bottom: 15px;
}
@keyframes images-loading {
  0% {
    background-color: #eaeaea;
  }
  100% {
    background-color: #d1d1d1;
  }
}
.vm-image-block {
  height: 34px;
  display: flex;
  cursor: pointer;
  margin-bottom: 20px;
  padding: 14px 20px;
  align-items: center;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(69, 85, 98, 0.25);
  -webkit-transition: border-color 500ms;
  -moz-transition: border-color 500ms;
  -o-transition: border-color 500ms;
  -ms-transition: border-color 500ms;
  transition: border-color 500ms;
}
.vm-image-block__image {
  margin-right: 15px;
}
.vm-image-block--current {
  background-color: #f5fafd;
  border: 1px solid #0066ff;
}
.vm-image-block__radio-button {
  box-sizing: border-box;
  height: 18px;
  width: 20px;
  border: 1px solid rgba(161, 170, 177, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fcfcfc;
  margin-right: 20px;
}
.vm-image-block__radio-button--current {
  background-color: #ffffff;
  position: relative;
  border: 1px solid #0066ff;
}
.vm-image-block__radio-button--current::before {
  display: block;
  content: '';
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: #0066ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.vm-image-block-description {
  display: flex;
  width: 100%;
  color: #141414;
  align-items: center;
  padding-left: 10px;
}
.vm-image-block-description__name {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 550px;
}
.vm-image-block-description__size,
.vm-image-block-description__date {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 15px;
}
.vm-image-block-description__size {
  padding-right: 35px;
}
.image-dumb-list-resource {
  height: 60px;
  width: 100%;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(20, 20, 20, 0.25);
  animation-name: images-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.vm-image-upload-empty__title {
  font-size: 18px;
  line-height: 21px;
  color: #141414;
  margin-bottom: 50px;
}
.vm-configuration {
  position: relative;
}
.vm-configuration .ui-kit-separator {
  top: 29px;
  position: absolute;
  border-bottom: 2px solid #e4e4e4;
}
.vm-configuration__loader {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 100px 0;
}
.vm-configuration__distribution {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 931px;
  gap: 1.25rem;
  justify-items: start;
  align-items: start;
}
@media screen and (max-width: 1330px) {
  .vm-configuration__distribution {
    width: auto;
  }
}
.vm-configuration-title {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  color: #141414;
  margin-bottom: 30px;
}
.vm-configuration-title__item {
  cursor: pointer;
  margin-right: 30px;
  opacity: 0.8;
}
.vm-configuration-title__item:last-child {
  margin-right: 0;
}
.vm-configuration-title__item--current {
  color: #0066ff;
  opacity: 1;
  z-index: 5;
  padding-bottom: 13px;
  border-bottom: 2px solid #0066ff;
}
.vm-configuration-backups__title {
  font-size: 18px;
  line-height: 21px;
  color: #141414;
  margin-bottom: 12px;
}
.vm-configuration-backups__selects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.vm-configuration-backups__backup-vm-select {
  grid-column: 1 / span 2;
  width: 100%;
  box-sizing: border-box;
}
.vm-configuration-backups__backup-vm-select .ui-kit-form-errors {
  margin-top: 5px;
}
.vm-configuration-backups__backup-date-select {
  width: 100%;
  box-sizing: border-box;
}
.vm-configuration-backups__backup-date-select .ui-kit-select-inner__option--is-selected::after {
  top: 10px;
  font-size: 14px;
}
.vm-configuration-backups__backup-date-dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  border-radius: 0.25rem;
  width: 100%;
}
.vm-configuration-backups .ui-kit-select-inner__control {
  border: 1px solid #cccccc !important;
  background-color: #ffffff !important;
  padding: 8px 0 8px 12px;
}
.backup-date-select-option-label {
  display: flex;
  position: relative;
}
.backup-date-select-option-label__size {
  opacity: 0.7;
  margin-left: 5px;
}
.cvds-vm-finance {
  width: 356px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  border-radius: 0.5rem;
  background-color: #ffffff;
}
@media screen and (max-width: 1330px) {
  .cvds-vm-finance {
    width: auto;
  }
}
.cvds-vm-finance__update-packet-button {
  display: grid;
  gap: 1.5rem;
  margin: 0.5rem 1.5rem;
}
.cvds-vm-finance--dumb {
  height: 388px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.cvds-vm-finance--error {
  color: #141414;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
}
.cvds-vm-packet-block {
  padding: 27px 23px 32px 21px;
  background-color: #fafafa;
}
.cvds-vm-packet-block--with-background {
  background-color: rgba(0, 102, 255, 0.1);
}
.cvds-vm-packet-block--list .cvds-vm-packet-info-header {
  border-bottom: none;
}
.cvds-vm-packet-block--list .cvds-vm-packet-info-entries {
  padding: 0;
}
.cvds-vm-packet-block--list .cvds-vm-packet-info-entry {
  border-top: 1px solid #e4e4e4;
  padding: 11px 15px;
}
.cvds-vm-packet-block--list .cvds-vm-packet-info-entry--with-button {
  padding: 7px 15px;
}
.cvds-vm-packet-block__title {
  color: #4e5f6e;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.cvds-vm-packet-block__vm-info,
.cvds-vm-packet-block__license-info,
.cvds-vm-packet-block__packet-info,
.cvds-vm-packet-block__current-packet {
  margin-top: 24px;
}
.cvds-vm-packet-block-building {
  margin-top: 27px;
}
.cvds-vm-packet-block-building__discount,
.cvds-vm-packet-block-building__hint,
.cvds-vm-packet-block-building__button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.cvds-vm-packet-block-building__discount {
  height: 19px;
  width: 155px;
}
.cvds-vm-packet-block-building__hint {
  height: 13px;
  width: 217px;
  margin: 7px 0 14px;
}
.cvds-vm-packet-block-building__button {
  height: 34px;
  width: 209px;
}
.finance-packet-info {
  display: flex;
  position: relative;
}
.finance-packet-info__icon {
  position: absolute;
  right: 0;
}
.finance-packet-info-text {
  flex: 1;
  display: grid;
}
.finance-packet-info-text__title {
  font-size: 15px;
  line-height: 18px;
  color: #141414;
}
.finance-packet-info-text__hint {
  color: #7a8791;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 15px;
}
.finance-packet-hint__price {
  margin-left: 3px;
  font-weight: 600;
}
.finance-current-packet {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color: #141414;
}
.finance-current-packet__title {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}
.finance-current-packet__title .packet-info-link {
  font-size: 0.75rem;
  font-weight: 400;
  color: #0066ff;
  border-bottom: 1px dashed #0066ff;
  cursor: pointer;
}
.finance-current-packet__cards {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cvds-vm-finance-prolong {
  padding: 19px 28px 29px 23px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.vm-tariff-info-entry {
  border-top: 1px solid #e4e4e4;
  padding: 14px 21px 15px 21px;
  color: #141414;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  line-height: 20px;
}
.vm-tariff-info-entry--total,
.vm-tariff-info-entry--total-diff {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.vm-tariff-info-entry--total .vm-tariff-info-entry__price,
.vm-tariff-info-entry--total-diff .vm-tariff-info-entry__price {
  line-height: 18px;
}
.vm-tariff-info-entry__name {
  font-weight: 600;
}
.vm-tariff-info-title {
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  padding: 22px 21px;
  line-height: 18px;
}
.finance-awaiting-packet {
  margin-top: 28px;
  color: #141414;
}
.finance-awaiting-packet-cancel {
  position: relative;
  display: grid;
  margin-top: 0.5rem;
}
.finance-awaiting-packet-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.finance-awaiting-packet-title__warning {
  margin-left: 5px;
  color: #e17334;
}
.finance-awaiting-packet-until {
  margin: 5px 0 13px;
  font-size: 12px;
  line-height: 16px;
}
.finance-awaiting-packet-until__date {
  font-weight: 600;
  margin-left: 4px;
}
.cvds-warning-cancel-packet {
  display: flex;
  padding: 17px 10px 25px;
  background-color: #ffffff;
}
.cvds-warning-cancel-packet__icon {
  margin-right: 30px;
}
.warning-cancel-packet-text__title {
  margin: 5px 0;
  color: #d37947;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.warning-cancel-packet-text__text {
  color: #141414;
  font-size: 13px;
  line-height: 17px;
}
.warning-cancel-packet-text__warning {
  color: #d37947;
  display: inline-block;
  font-weight: 600;
  margin-left: 3px;
}
.cancel-packet-tooltip {
  left: 0 !important;
  top: 10px !important;
  position: absolute;
}
.cancel-packet-tooltip.place-bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -4px;
  left: 20px;
}
.cancel-packet-tooltip.type-dark.place-bottom:after {
  border-bottom-color: #141414;
}
.cvds-vm-licenses .cvds-vm-packet-info-header {
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.cvds-vm-licenses .cvds-vm-packet-info-header:hover {
  background-color: #fcfcfc;
}
.cvds-vnc-container {
  background-color: #000000;
  padding: 41px 31px;
}
.cvds-vnc-container__header {
  display: flex;
  align-items: center;
}
.cvds-vnc-container__header__arrow-left {
  color: #ffffff;
  font-size: 22px;
  line-height: 25px;
  margin-right: 20px;
}
.cvds-vnc-container__header__arrow-left::before {
  font-size: 1.5rem;
  cursor: pointer;
}
.cvds-vnc-container__header__title {
  color: #ffffff;
  font-size: 22px;
  line-height: 25px;
}
.cvds-vnc-container__header__actions {
  display: flex;
  gap: 1rem;
}
.cvds-vnc-container__requisites {
  margin: 1rem 0;
  display: grid;
  gap: 0.25rem 2rem;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  justify-content: end;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
}
.cvds-vnc-container__requisites__item {
  color: #ffffff;
}
.cvds-vnc-container__console {
  min-height: 768px;
  margin: 23px;
}
.cvds-vnc-container__buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 18px;
}
.cvds-vm-header-rescue-top-title {
  font-size: 22px;
  line-height: 25px;
}
.cvds-vm-header-rescue-top {
  display: flex;
  align-items: center;
}
.cvds-vm-header-rescue-top__icon {
  font-size: 1.25rem;
  margin-right: 10px;
}
.cvds-backup {
  margin-left: 8px;
  display: flex;
}
@media screen and (max-width: 1330px) {
  .cvds-backup {
    margin: 0 auto;
    padding: 0 30px;
    flex-direction: column;
  }
}
.cvds-backup__title {
  width: 750px;
  color: #141414;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.cvds-backup__title .na-icon-arrow-chevron-left {
  font-size: 28px;
  cursor: pointer;
  margin-right: 26px;
}
.cvds-backup__title--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 28px;
  width: 390px;
}
.cvds-backup__inner {
  width: 100%;
}
.cvds-backup__inner--final {
  width: 872px;
}
.cvds-backup-page--error {
  margin: 100px auto;
}
.cvds-backup-page-inner {
  margin: 100px auto;
  width: 461px;
}
.cvds-backup-page-inner__text {
  font-size: 16px;
  margin-top: 24px;
  line-height: 19px;
  text-align: center;
  color: rgba(20, 20, 20, 0.7);
}
.cvds-backup-steps {
  width: 750px;
  color: #141414;
  display: flex;
  justify-content: space-between;
}
.cvds-backup-steps--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 35px;
}
.cvds-backup-steps .ui-kit-wizard-step--checked {
  cursor: pointer;
}
.cvds-backup-list-items {
  width: 872px;
}
.cvds-backup-list-items__title {
  margin-top: 30px;
  color: #586a7b;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  line-height: 14px;
}
.cvds-backup-list-item {
  margin-top: 10px;
  padding: 14px 30px 14px 20px;
  display: flex;
  cursor: pointer;
  height: 32px;
  background-color: #ffffff;
  -webkit-transition: border 500ms, box-shadow 500ms;
  -moz-transition: border 500ms, box-shadow 500ms;
  -o-transition: border 500ms, box-shadow 500ms;
  -ms-transition: border 500ms, box-shadow 500ms;
  transition: border 500ms, box-shadow 500ms;
  border: 1px solid rgba(20, 20, 20, 0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  align-items: center;
}
.cvds-backup-list-item__name {
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  flex: 1;
}
.cvds-backup-list-item__icon {
  margin-right: 12px;
}
.cvds-backup-list-item__icon--deleted {
  opacity: 0.5;
}
.cvds-backup-list-item__icon.na-icon-bin {
  color: #ffffff;
  padding: 7px 8px 8px;
  background: #141414;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cvds-backup-list-item__icon-right {
  font-size: 1.5rem;
}
.cvds-backup-list-item__uid {
  color: #586a7b;
  font-size: 14px;
  line-height: 16px;
  width: 100px;
  margin-right: 30px;
}
.cvds-backup-list-item__size {
  color: #141414;
  width: 80px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.cvds-backup-list-item:hover {
  border: 1px solid rgba(20, 20, 20, 0.15);
  box-shadow: 0 6px 18px 0 rgba(51, 51, 51, 0.1);
}
.cvds-backup-list-item--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.cvds-backup-list-methods__title {
  margin-top: 30px;
  color: #586a7b;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  line-height: 14px;
}
.cvds-backup-list-methods__title--dumb {
  height: 14px;
  width: 190px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.cvds-backup-list-methods .ui-kit-form-input-radio {
  color: #141414;
  font-size: 14px;
  line-height: 16px;
  border: 1px solid rgba(20, 20, 20, 0.25);
  margin-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.cvds-backup-list-methods .ui-kit-form-input-radio--active {
  color: #0066ff;
  border: 1px solid #0066ff;
}
.cvds-backup-list-methods .ui-kit-form-input-radio--active .cvds-backup-list-method {
  color: #0066ff;
}
.cvds-backup-list-methods .ui-kit-form-input-radio-label {
  padding: 15px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.cvds-backup-list-methods .ui-kit-form-input-radio-label__content {
  flex: 1;
}
.cvds-backup-list-methods .ui-kit-form-radio-button-group .ui-kit-form-input-radio:not(:last-child) {
  margin-bottom: 0;
}
.cvds-backup-list-method {
  margin-left: 4px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #141414;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}
.cvds-backup-list-method--dumb {
  margin-left: 0;
  margin-top: 10px;
  height: 52px;
  width: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.cvds-backup-list {
  width: 872px;
}
.cvds-backup-list__title {
  margin: 30px 0 10px;
  color: #586a7b;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  line-height: 14px;
}
.cvds-backup-list__title--dumb {
  height: 14px;
  width: 180px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
@media screen and (max-width: 700px) {
  .cvds-backup-list {
    left: -20px;
  }
}
@media screen and (max-width: 1330px) {
  .cvds-backup-list {
    left: -20px;
  }
}
.cvds-backup-select {
  display: flex;
  position: relative;
  margin-bottom: 50px;
}
.cvds-backup-select__point--dumb {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 116px;
  margin-right: 6px;
  border: 1px solid #b0b0b0;
  height: 44px;
  margin-right: 7px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
}
.cvds-backup-final-method-text__bold {
  font-weight: 600;
}
@media screen and (max-width: 1330px) {
  .cvds-backup-final-method-text__bold {
    display: inline;
    margin-left: 3px;
  }
}
@media screen and (max-width: 1330px) {
  .cvds-backup-wrapper .ui-kit-float-position-block {
    position: initial !important;
  }
}
.cvds-backup-configuration-bottom-text__link {
  text-decoration: none;
  color: #0066ff;
}
.cvds-backup-configuration-bottom-text__price {
  font-weight: 600;
  margin-top: 3px;
}
.cvds-image-empty-page {
  margin: 100px auto;
  width: 500px;
  text-align: center;
}
.cvds-image-empty-page__title {
  margin-top: 19px;
  margin-bottom: 30px;
  color: #141414;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
  opacity: 0.7;
}
.cvds-image-empty-page__button-wrapper {
  width: fit-content;
  margin: 0 auto;
}
.ui-kit-modal-container--change-vm-tariff-warning {
  min-width: 508px;
}
.ui-kit-modal-container--change-vm-tariff-warning.ui-kit-modal-container {
  padding: 44px 57px 49px;
}
.ui-kit-modal-container--change-vm-tariff {
  min-width: 333px;
}
.ui-kit-modal-container--change-vm-tariff .ui-kit-modal-title-helper {
  text-align: center;
}
.ui-kit-modal-container--activate-antiddos {
  min-width: 429px;
}
.ui-kit-modal-container--activate-antiddos .ui-kit-modal-title-helper {
  line-height: 28px;
}
.ui-kit-modal-container--add-protected-website {
  min-width: 300px;
}
.ui-kit-modal-container--add-protected-website .ui-kit-form-input-label,
.ui-kit-modal-container--add-protected-website .add-protected-website-modal__select-label,
.ui-kit-modal-container--add-protected-website .ui-kit-form-select-inner__label {
  color: #141414;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.ui-kit-modal-container--add-protected-website .ui-kit-select-block {
  padding-top: 9px;
}
.ui-kit-modal-container--add-protected-website .ui-kit-select-inner__control {
  height: 38px;
  background-color: #ffffff !important;
  border-color: #cccccc !important;
}
.ui-kit-modal-container--remove-ip,
.ui-kit-modal-container--add-protected-ip {
  min-width: 300px;
}
.ui-kit-modal-container--remove-ip .ui-kit-modal-title-helper,
.ui-kit-modal-container--add-protected-ip .ui-kit-modal-title-helper {
  line-height: 28px;
}
.ui-kit-modal-container--disable-antiddos {
  min-width: 384px;
}
.ui-kit-modal-container--remove-ip {
  min-width: 400px;
}
.ui-kit-modal-container--remove-ip-with-packet-warning,
.ui-kit-modal-container--activate-antiddos-with-packet-warning,
.ui-kit-modal-container--add-protected-ip-with-packet-warning,
.ui-kit-modal-container--disable-antiddos-with-packet-warning {
  min-width: 610px;
}
.ui-kit-modal-container--remove-ip-with-packet-warning .ui-kit-modal-title-helper,
.ui-kit-modal-container--activate-antiddos-with-packet-warning .ui-kit-modal-title-helper,
.ui-kit-modal-container--add-protected-ip-with-packet-warning .ui-kit-modal-title-helper,
.ui-kit-modal-container--disable-antiddos-with-packet-warning .ui-kit-modal-title-helper {
  line-height: 28px;
}
.ui-kit-modal-container--network-antiddos {
  min-width: 528px;
  overflow: hidden;
}
.ui-kit-modal-container--network-antiddos.ui-kit-modal-container {
  padding-top: 48px;
}
.ui-kit-modal-container--network-antiddos-with-packet-warning {
  min-width: 528px;
}
.ui-kit-modal-container--cvds-vm-image-upload {
  min-width: 460px;
}
.ui-kit-modal-container--cvds-vm-image-rename {
  min-width: 400px;
}
.ui-kit-modal-container--cvds-vm-images-batch-delete {
  min-width: 430px;
}
.ui-kit-modal-container--cvds-vm-reset-password {
  min-width: 350px;
}
.ui-kit-modal-container--cvds-vm-booted-from-iso-reload {
  min-width: 350px;
}
.ui-kit-modal-container--cvds-vm-backup-disable {
  min-width: 460px;
}
.ui-kit-modal-container--cvds-vm-reload {
  min-width: 400px;
}
.ui-kit-modal-container--cvds-vm-change-state {
  min-width: 350px;
}
.ui-kit-modal-container--cvds-vm-delete {
  min-width: 520px;
}
.ui-kit-modal-container--cvds-vm-start-backup {
  min-width: 340px;
}
.ui-kit-modal-container--cvds-vm-archive {
  min-width: 380px;
}
.ui-kit-modal-container--cvds-congratulation {
  min-width: 500px;
}
.ui-kit-modal-container--cvds-packet-update {
  min-width: 640px;
}
.ui-kit-modal-container--cvds-vm-batch-reload,
.ui-kit-modal-container--cvds-vm-batch-stop {
  min-width: 400px;
}
.ui-kit-modal-container--cvds-vm-remove-ip {
  min-width: 510px;
}
.ui-kit-modal-container--cvds-vm-remove-ip-with-packet-warning {
  min-width: 570px;
}
.ui-kit-modal-container--cvds-vm-reserve-ip,
.ui-kit-modal-container--cvds-vm-cancel-reserve-ip {
  min-width: 400px;
}
.ui-kit-modal-container--cvds-vm-transfer-ip {
  min-width: 350px;
}
.ui-kit-modal-container--cvds-vm-add-ip {
  min-width: 350px;
}
.ui-kit-modal-container--cvds-vm-add-ip-with-packet-warning {
  min-width: 510px;
}
.ui-kit-modal-container--cvds-vm-volume-delete {
  min-width: 350px;
}
.ui-kit-modal-container--cvds-vm-volume-delete-with-packet-warning {
  min-width: 510px;
}
.ui-kit-modal-container--cvds-vm-disk-disable-backup,
.ui-kit-modal-container--cvds-vm-volume-disable-backup {
  min-width: 450px;
}
.ui-kit-modal-container--cvds-vm-disk-enable-backup,
.ui-kit-modal-container--cvds-vm-volume-enable-backup {
  min-width: 430px;
}
.ui-kit-modal-container--cvds-vm-disk-enable-backup-warning-cancel,
.ui-kit-modal-container--cvds-vm-volume-enable-backup-warning-cancel {
  min-width: 550px;
}
.ui-kit-modal-container--cvds-vm-volume-mounting-instruction {
  min-width: 350px;
}
.ui-kit-modal-container--cvds-vm-volume-backup-restore {
  min-width: 350px;
}
.ui-kit-modal-container--cvds-vm-volume-add {
  min-width: 650px;
}
.ui-kit-modal-container--cvds-vm-volume-resize-warning,
.ui-kit-modal-container--cvds-vm-volume-resize-without-guest-agent {
  min-width: 320px;
}
.ui-kit-modal-container--image-share-link {
  min-width: 500px;
}
.ui-kit-modal-container--cvds-disable-gpu {
  min-width: 350px;
}
.ui-kit-modal-container--cloud-init-configs-batch-delete {
  min-width: 28rem;
}
.ui-kit-modal-container--antiddos-connect-to-vm {
  min-width: 22rem;
}
.ui-kit-modal-container--vm-packet-info {
  min-width: 750px;
}
.ui-kit-modal-container--backups-uuid-conflict {
  min-width: 400px;
}
.ui-kit-modal-container--backups-uuid-conflict .ui-kit-modal-title-helper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.ui-kit-modal-container--enter-rescue-mode .enter-rescue-mode-modal .netangels-kit-horizontal-container {
  margin-top: 0;
}
.add-protected-website-modal__select--dumb {
  padding-top: 9px;
  height: 38px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.change-vm-tariff-warning-modal__description {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 16px;
}
.change-vm-tariff-warning-modal .vm-tariff-restriction {
  margin-bottom: 32px;
}
.add-protected-ip-modal__packet-warning .cvds-warning-cancel-packet {
  padding: 25px 0 16px;
}
.network-antiddos-modal {
  width: 648px;
  color: #141414;
  overflow: hidden;
}
.network-antiddos-modal__description {
  width: 315px;
  font-size: 16px;
  line-height: 20px;
  margin: 21px 0 10px;
}
.network-antiddos-modal__switcher {
  position: relative;
  z-index: 1;
  margin-bottom: 22px;
}
.network-antiddos-modal__switcher .switcher-item {
  background-color: #ffffff;
}
.network-antiddos-modal__price {
  margin-bottom: 1rem;
  font-weight: 600;
}
.network-antiddos-modal__packet-warning .cvds-warning-cancel-packet {
  padding: 25px 0 16px;
}
.network-antiddos-modal__packet-warning .warning-cancel-packet-text__warning {
  margin-left: 0;
}
.network-antiddos-modal__warning-ga .cvds-warning-without-ga {
  padding: 0 0 25px;
}
.network-antiddos-modal__warning-ga .cvds-warning-without-ga__text {
  max-width: 300px;
}
.change-vm-tariff-modal__warning {
  font-weight: 600;
  margin-bottom: 20px;
}
.remove-ip-modal-warning,
.disable-antiddos-modal-warning {
  font-size: 16px;
  line-height: 22px;
}
.remove-ip-modal-warning__bold,
.disable-antiddos-modal-warning__bold {
  color: #c80502;
  font-weight: 600;
}
.disable-antiddos-modal-warning__bold {
  margin-left: 4px;
}
.cvds-vm-image-upload-modal {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: 20px;
}
.cvds-vm-image-upload-modal .form-file-uploader {
  flex-direction: row;
  align-items: start;
}
.cvds-vm-image-upload-modal .form-file-uploader-files {
  margin-bottom: 5px;
}
.cvds-vm-image-upload-modal .form-file-uploader-desc {
  text-align: start;
}
.cvds-vm-image-upload-modal .form-file-uploader-desc__label {
  font-size: 14px;
}
.cvds-vm-image-upload-modal .form-file-uploader-desc__hint {
  font-size: 12px;
  margin-bottom: 10px;
}
.cvds-vm-image-upload-modal .form-file-uploader-desc__extensions {
  width: 100%;
  font-size: 10px;
}
.cvds-vm-image-upload-modal .form-file-uploader__icon {
  margin: 5px 20px 0;
}
.cvds-vm-image-upload-modal .upload-image-in-progress {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  color: #141414;
}
.cvds-vm-image-upload-modal .upload-image-in-progress__description-thick {
  font-weight: 600;
}
.cvds-vm-image-upload-modal .upload-image-in-progress .react-sweet-progress {
  margin-bottom: 23px;
}
.cvds-vm-image-upload-modal .upload-image-in-progress .react-sweet-progress-symbol {
  display: none;
}
.cvds-vm-image-upload-modal .upload-image-in-progress .react-sweet-progress-line,
.cvds-vm-image-upload-modal .upload-image-in-progress .react-sweet-progress-line-inner {
  min-height: 9px;
  -webkit-border-radius: 6.5px;
  -moz-border-radius: 6.5px;
  border-radius: 6.5px;
}
.cvds-vm-image-by-link-modal {
  margin-top: 20px;
}
.cvds-vm-image-by-link-modal__input {
  margin-bottom: initial;
}
.cvds-vm-images-batch-delete-modal__description,
.cloud-init-configs-batch-delete-modal__description {
  font-size: 14px;
  line-height: 18px;
  margin: 30px 0 20px;
  max-width: 500px;
}
.cvds-vm-images-batch-delete-modal__description-span,
.cloud-init-configs-batch-delete-modal__description-span {
  color: #c80502;
  font-weight: 600;
}
.cvds-vm-images-batch-delete-modal__list,
.cloud-init-configs-batch-delete-modal__list {
  padding: 14px 6px 16px 18px;
  background-color: rgba(15, 121, 213, 0.05);
  max-height: 300px;
  margin-bottom: 25px;
}
.cvds-vm-images-batch-delete-modal__list-entry,
.cloud-init-configs-batch-delete-modal__list-entry {
  margin: 5px 0;
  max-width: 370px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cloud-init-configs-batch-delete-modal__description {
  margin: 1rem 0;
}
.cvds-vm-reset-password-modal__loader-wrapper {
  display: flex;
  justify-content: center;
  margin: 50px 0;
}
.cvds-vm-reset-password-modal .ui-kit-form-input-password-block,
.cvds-vm-reset-password-modal .modal-info-block {
  margin-top: 16px;
}
.cvds-select-user-modal--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  height: 36px;
  margin-top: 50px;
  margin-bottom: 72px;
}
.cvds-vm-booted-from-iso-reload-modal__description {
  font-size: 16px;
  line-height: 22px;
  color: #141414;
}
.cvds-vm-booted-from-iso-reload-modal strong {
  font-weight: 600;
}
.cvds-vm-backup-disable-modal {
  font-size: 16px;
  line-height: 22px;
  color: #141414;
}
.cvds-vm-backup-disable-modal-text {
  max-width: 424px;
}
.cvds-vm-backup-disable-modal-text__warning {
  color: #c80502;
  font-weight: 600;
  display: inline-block;
  margin: 0 3px;
}
.cvds-vm-backup-disable-modal .ui-kit-modal-title-helper {
  margin-bottom: 25px;
}
.cvds-vm-reload-modal .vm-reload-rb {
  color: #141414;
}
.cvds-vm-reload-modal .vm-reload-rb__title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.cvds-vm-reload-modal .vm-reload-rb__description {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.cvds-vm-reload-modal .ui-kit-form-radio-button-group {
  margin: 24px 0;
}
.cvds-vm-reload-modal .ui-kit-form-input-radio {
  max-width: 330px;
  margin-bottom: 15px;
}
.cvds-vm-reload-modal .ui-kit-form-input-radio-label {
  align-items: start;
}
.cvds-vm-change-state-modal__description {
  font-size: 14px;
  line-height: 20px;
  color: #141414;
  margin-bottom: 24px;
}
.cvds-vm-delete-modal-description__title {
  font-size: 16px;
  line-height: 22px;
  color: #4e5f6e;
  margin-bottom: 15px;
}
.cvds-vm-delete-modal-description-radio {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.cvds-vm-delete-modal-description-radio__hint {
  color: rgba(69, 85, 98, 0.74);
}
.cvds-vm-delete-modal .modal-info-block {
  margin-top: 20px;
}
.cvds-vm-delete-modal .ui-kit-form-radio-button-group .ui-kit-form-input-radio:not(:last-child) {
  margin-bottom: 8px;
}
.cvds-vm-delete-modal .ui-kit-form-input-radio {
  color: #586a7b;
}
.cvds-vm-delete-modal .ui-kit-form-input-radio--active .ui-kit-form-input-radio-label {
  border: 1px solid #0066ff;
  color: #0884de;
}
.cvds-vm-delete-modal .ui-kit-form-input-radio-label {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(69, 85, 98, 0.25);
  padding: 15px 23px 15px 15px;
}
.cvds-vm-delete-modal .ui-kit-form-input-radio-label__content {
  width: 100%;
}
.cvds-vm-delete-modal .ui-kit-form-errors {
  line-height: 14px;
  margin: 10px 0 -10px;
}
.cvds-vm-start-backup-modal {
  font-size: 14px;
  line-height: 20px;
  color: #141414;
}
.cvds-vm-start-backup-modal__warning {
  margin-top: 10px;
  font-weight: 600;
}
.cvds-vm-start-backup-modal .ui-kit-modal-title-helper {
  text-align: center;
}
.cvds-vm-archive-modal-description {
  font-size: 14px;
  line-height: 20px;
  color: #141414;
  margin-top: 18px;
}
.cvds-vm-archive-modal-description__warning {
  font-weight: 600;
}
.cvds-congratulation-modal {
  letter-spacing: 0;
  text-align: center;
}
.cvds-congratulation-modal__image {
  margin-bottom: 22px;
}
@media screen and (max-width: 1330px) {
  .cvds-congratulation-modal__image {
    width: 270px;
    height: 200px;
  }
}
.cvds-congratulation-modal__title {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1330px) {
  .cvds-congratulation-modal__title {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
.cvds-congratulation-modal__description {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1330px) {
  .cvds-congratulation-modal__description {
    font-size: 12px;
    margin-bottom: 15px;
  }
}
.cvds-congratulation-modal .ui-kit-modal-title-helper {
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 1330px) {
  .cvds-congratulation-modal .ui-kit-modal-title-helper {
    font-size: 20px;
  }
}
.cvds-packet-create-modal .ui-kit-modal-title-helper {
  text-align: center;
}
.vm-packet-info-modal {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2rem;
  row-gap: 0.5rem;
}
.cvds-vm-batch-reload-modal,
.cvds-vm-batch-stop-modal {
  color: #141414;
  font-size: 16px;
  line-height: 22px;
}
.cvds-vm-batch-reload-modal .batch-modal-vms-list,
.cvds-vm-batch-stop-modal .batch-modal-vms-list {
  margin: 10px 0 17px;
  padding: 14px 6px 16px 18px;
  background-color: rgba(15, 121, 213, 0.05);
  line-height: 24px;
  font-weight: 600;
  max-height: 300px;
}
.cvds-vm-batch-reload-modal .batch-modal-vms-list-item,
.cvds-vm-batch-stop-modal .batch-modal-vms-list-item {
  margin: 5px 0;
  line-height: 24px;
  font-weight: 600;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cvds-vm-batch-reload-modal .ui-kit-modal-title-helper,
.cvds-vm-batch-stop-modal .ui-kit-modal-title-helper {
  margin-bottom: 24px;
}
.cvds-vm-remove-ip-modal {
  color: #141414;
}
.cvds-vm-transfer-ip-modal__description {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 13px;
  color: #141414;
}
.cvds-vm-add-ip-modal {
  color: #141414;
}
.cvds-vm-add-ip-modal__switcher {
  margin-bottom: 20px;
}
.cvds-vm-add-ip-modal__price {
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
}
.cvds-vm-add-ip-modal__packet-warning .cvds-warning-cancel-packet {
  padding: 25px 0 16px;
}
.cvds-vm-add-ip-modal--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 103px;
  width: 100%;
}
.cvds-vm-add-ip-modal .ui-kit-form-input-radio-label {
  align-items: start;
  line-height: 22px;
}
.cvds-vm-add-ip-modal .ui-kit-form-select-inner__label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
}
.cvds-vm-add-ip-modal .ui-kit-select-block {
  margin-top: 6px;
  width: 100%;
}
.cvds-vm-add-ip-modal .ui-kit-select-inner__control {
  width: 321px;
}
.cvds-vm-add-ip-modal .ui-kit-select-inner__dropdown-indicator::after {
  top: 6px !important;
  height: 22px !important;
}
.cvds-vm-volume-delete-modal {
  color: #141414;
}
.cvds-vm-volume-delete-modal-text {
  font-size: 16px;
  line-height: 22px;
  color: #141414;
}
.cvds-vm-volume-delete-modal-text__warning {
  color: #c80502;
  font-weight: 600;
  display: inline;
  margin-left: 4px;
}
.cvds-vm-volume-delete-modal-text-hint {
  margin-top: 20px;
}
.cvds-vm-volume-delete-modal-text-hint__link {
  margin-left: 3px;
  text-decoration: none;
  color: #0066ff;
}
.cvds-vm-disk-disable-backup-modal,
.cvds-vm-volume-disable-backup-modal {
  font-size: 16px;
  line-height: 22px;
  color: #141414;
}
.cvds-vm-disk-disable-backup-modal__warning-text,
.cvds-vm-volume-disable-backup-modal__warning-text {
  color: #c80502;
  font-weight: 600;
}
.cvds-vm-disk-enable-backup-modal__description,
.cvds-vm-volume-enable-backup-modal__description {
  font-size: 16px;
  line-height: 22px;
  color: #141414;
}
.cvds-vm-volume-mounting-instruction-modal {
  font-size: 16px;
  line-height: 22px;
  color: #141414;
}
.cvds-vm-volume-mounting-instruction-modal .ui-kit-modal-title-helper {
  text-align: center;
}
.cvds-vm-volume-backup-restore-modal-empty {
  text-align: center;
  margin: 5px auto;
  color: #141414;
}
.cvds-vm-volume-backup-restore-modal-empty__image {
  margin: 0 0 8px 26px;
}
.cvds-vm-volume-backup-restore-modal-empty__text {
  width: 273px;
  margin: 0 auto 24px;
  line-height: 1.2;
  font-size: 14px;
}
.cvds-vm-volume-backup-restore-modal-empty__button {
  display: flex;
  justify-content: center;
}
.cvds-vm-volume-backup-restore-modal .ui-kit-form-select {
  margin-bottom: 20px;
}
.cvds-vm-volume-backup-restore-modal .ui-kit-form-radio-button-group {
  position: relative;
}
.cvds-vm-volume-backup-restore-modal .ui-kit-form-input-radio--disabled .ui-kit-form-input-radio_label__content {
  opacity: 0.5;
}
.cvds-vm-volume-backup-restore-modal .ui-kit-modal-title-helper {
  text-align: center;
}
.cvds-vm-volume-add-modal .cvds-warning-cancel-packet {
  padding: 0 0 40px;
}
.cvds-vm-volume-resize-warning-modal__description,
.cvds-vm-volume-resize-without-guest-agent-modal__description {
  font-size: 14px;
  line-height: 20px;
  color: #141414;
  margin-bottom: 8px;
}
.image-share-modal__title {
  margin: 10px 0 15px;
  font-size: 14px;
}
.backups-uuid-conflict-modal__title-icon {
  display: flex;
  font-size: 2rem;
  color: #e17334;
}
.backups-uuid-conflict-modal__title-icon::before {
  font-size: 2.5rem;
}
.backups-uuid-conflict-modal .modal-info-block__children p:not(:last-child) {
  margin-bottom: 0.75rem;
}
.enter-rescue-mode-modal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.enter-rescue-mode-modal__loader-wrapper {
  display: flex;
  justify-content: center;
  padding: 3.875rem 0;
}
.cvds-vm-backup-schedule-modal__weekdays-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cvds-vm-backup-schedule-modal__weekdays {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}
.cvds-vm-antiddos-tab {
  padding: 41px 31px;
}
.cvds-vm-antiddos-tab .cvds-vm-ip-text {
  color: #141414;
}
.cvds-vm-antiddos-tab__inner {
  display: flex;
  align-items: flex-start;
}
.cvds-vm-antiddos-tab__column {
  width: 465px;
  margin-left: 24px;
}
.cvds-vm-antiddos-tab .actions_item:has(.na-icon-off) {
  color: #e12a29;
}
.cvds-vm-protected-websites {
  flex: 1;
}
.cvds-vm-protected-websites--dumb {
  height: 261px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.cvds-vm-protected-websites .cvds-vm-ip-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cvds-vm-protected-websites .ip-list-header {
  background-color: #ffffff;
  padding: 13px 28px 15px 23px;
}
.cvds-vm-protected-websites .ip-list-item {
  padding-left: 23px;
}
.cvds-vm-protected-websites .ip-list-subheader-item:first-child {
  width: 250px;
}
.cvds-vm-protected-websites .ip-list-subheader-item:nth-child(2n) {
  width: 150px;
}
.cvds-vm-protected-websites .ip-list-subheader-item:last-child {
  width: 30px;
}
.cvds-vm-protected-websites .ip-list .pagination-footer {
  margin: 0;
  padding: 10px 23px;
}
.cvds-vm-antiddos-info {
  margin-bottom: 26px;
}
.vm-antiddos-empty-tab {
  background: #ffffff;
  padding: 21px 38px 32px 24px;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 766px;
  color: #141414;
  position: relative;
}
.vm-antiddos-empty-tab__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 16px;
}
.vm-antiddos-empty-columns {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.vm-antiddos-empty-column__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.vm-antiddos-empty-column__description {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin: 8px 0 19px;
  width: 404px;
}
.vm-antiddos-empty-column__price {
  margin: 16px 0 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.vm-antiddos-empty-column__image {
  position: relative;
  top: -30px;
  right: -30px;
}
.vm-antiddos-empty-column .switcher-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}
.vm-antiddos-empty-column .switcher-item--active {
  color: #0066ff;
  background: rgba(0, 102, 255, 0.07);
}
.vm-antiddos-empty-column-hint {
  width: 346px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}
.vm-antiddos-empty-column-hint__price {
  font-weight: 600;
}
.cvds-vm-ssl {
  display: flex;
  width: 150px;
  cursor: pointer;
}
.cvds-vm-ssl__text {
  font-weight: 400;
  font-size: 14px;
  color: #141414;
  margin-left: 12px;
  display: inline-block;
  border-bottom: 1px dashed #141414;
}
.cvds-vm-ssl--active {
  color: #29ac7a;
}
.cvds-vm-ssl--active .cvds-vm-ssl__text {
  color: #29ac7a;
  border-bottom: 1px dashed #29ac7a;
}
.vm-tariff-restriction {
  background-color: rgba(226, 138, 88, 0.15);
  border: 1px solid #e28a58;
  border-radius: 4px;
  padding: 16px 24px 8px;
}
.vm-tariff-restriction--without-border {
  border: none;
  border-radius: 0;
  padding: 24px 31px 8px 24px;
}
.vm-tariff-restriction__title {
  color: #d37947;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 18px;
}
.vm-tariff-restriction__subtitle {
  color: #d37947;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 4px;
}
.vm-tariff-restriction__text,
.vm-tariff-restriction__link {
  color: #141414;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
}
.vm-tariff-restriction__text {
  margin-bottom: 16px;
}
.vm-tariff-restriction__link-wrapper {
  margin-top: 12px;
  margin-bottom: 16px;
}
.vm-tariff-restriction__link {
  color: #0066ff;
  text-decoration: none;
}
.dashboard-resource-select-header {
  margin-top: 31px;
  margin: 31px 0 13px 0;
  display: flex;
  align-items: center;
  height: 24px;
  min-width: 24px;
}
.dashboard-resource-select-header__icon {
  display: block;
  margin-right: 16px;
}
.dashboard-resource-select-header__title {
  color: #141414;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.dashboard-resource-select-instance {
  margin: 6px 14px 3px 0;
  display: flex;
  align-items: center;
}
.dashboard-resource-select-instance__title {
  font-size: 14px;
  line-height: 16px;
  color: #141414;
  margin-left: 5px;
}
.ui-kit-modal-container--dashboard-deactivate-service {
  min-width: 350px;
}
.ui-kit-modal-container--dashboard-service-change-tariff {
  min-width: 600px;
}
.ui-kit-modal-container--dashboard-resource-select {
  min-width: 530px;
}
.dashboard-deactivate-service-modal .ui-kit-form-checkbox-inner__label {
  align-items: start;
}
.dashboard-deactivate-service-modal .ui-kit-form-checkbox-label__content {
  line-height: 16px;
}
.dashboard-deactivate-service-modal .ui-kit-form-checkbox-inner__input:checked + .ui-kit-form-checkbox-label .ui-kit-form-checkbox-label__icon {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f93b25), color-stop(1, #c80502));
  background-image: -moz-linear-gradient(to left, #f93b25 5%, #c80502 100%);
  background-image: -webkit-linear-gradient(to left, #f93b25 5%, #c80502 100%);
  background-image: -o-linear-gradient(left, #f93b25, #c80502);
  background-image: -ms-linear-gradient(left, #f93b25 5%, #c80502 100%);
  background-image: linear-gradient(to left, #f93b25 5%, #c80502 100%);
  background-color: #f93b25;
}
.dashboard-service-change-tariff-modal-radio-buttons {
  margin-top: 24px;
}
.dashboard-service-change-tariff-modal-info {
  align-items: flex-start;
  background-color: #EDF1FF;
  padding: 22px 18px;
  display: flex;
  margin-top: 24px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.dashboard-service-change-tariff-modal .ui-kit-form-checkbox {
  margin-top: 16px;
}
.dashboard-service-change-tariff-modal .service-info-upgrade {
  color: #141414;
  line-height: 16px;
  margin-left: 20px;
}
.dashboard-service-change-tariff-modal .service-info-upgrade__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
}
.dashboard-service-change-tariff-modal .service-info-upgrade__description {
  font-size: 13px;
  margin-right: 30px;
}
.dashboard-service-change-tariff-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.dashboard-service-change-tariff-modal__tariff {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dashboard-service-change-tariff-modal__tariffs-button-wrapper {
  align-self: start;
}
.dashboard-resource-select-modal--dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  width: 100%;
  height: 290px;
  margin-top: 31px;
}
.dashboard-service-instance {
  min-width: 256px;
  position: relative;
  padding: 16px 17px;
  display: flex;
  align-items: center;
  -webkit-transition: box-shadow 300ms, background-color 300ms;
  -moz-transition: box-shadow 300ms, background-color 300ms;
  -o-transition: box-shadow 300ms, background-color 300ms;
  -ms-transition: box-shadow 300ms, background-color 300ms;
  transition: box-shadow 300ms, background-color 300ms;
  text-decoration: none;
}
.dashboard-service-instance__type {
  margin-right: 16.5px;
}
.dashboard-service-instance__description {
  width: 137px;
}
.dashboard-service-instance:hover {
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(69, 85, 98, 0.1);
}
.dashboard-service-instance-description {
  display: flex;
  flex: 1;
  align-self: baseline;
  flex-direction: column;
  justify-content: space-between;
}
.dashboard-service-instance-description__title {
  color: #0066ff;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
}
.dashboard-service-instance-description__count {
  color: #141414;
  font-size: 12px;
  line-height: 14px;
  opacity: 0.8;
  margin-top: 2px;
}
.dashboard-service-instance-description__count--dumb {
  height: 13px;
  width: 100px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.dashboard-service-instance-actions {
  display: grid;
  justify-items: end;
  font-size: 11px;
  line-height: 13px;
  color: #627687;
  align-self: flex-end;
}
.dashboard-service-instance-actions .ui-kit-context-menu {
  position: absolute;
  top: 10px;
  right: 16px;
}
.dashboard-service-instance-actions__price--dumb {
  width: 40px;
  height: 13px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.finance-balance--dashboard {
  margin: 0 0 17px 17px;
}
@media screen and (max-width: 1330px) {
  .finance-balance--dashboard {
    margin: 0;
  }
}
.dashboard-services-panel {
  position: relative;
}
@media screen and (max-width: 1330px) {
  .dashboard-services-panel {
    display: flex;
    height: 100%;
    flex-direction: column;
  }
}
@media screen and (max-width: 1330px) {
  .dashboard-services-panel__balance {
    flex: 1;
  }
}
.dashboard-services-panel__services-list {
  display: block;
}
@media screen and (max-width: 1330px) {
  .dashboard-services-panel__services-list {
    display: none;
  }
}
.dashboard-services-list-mobile {
  width: 227px;
  display: none;
  background-color: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.15);
  box-sizing: border-box;
  padding: 16px;
  cursor: pointer;
  color: #0066ff;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-top: 17px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 1330px) {
  .dashboard-services-list-mobile {
    display: flex;
    align-items: center;
  }
}
.dashboard-services-list-mobile:hover {
  box-shadow: 2px 4px 8px 0 rgba(20, 20, 20, 0.48);
}
.dashboard-services-list-mobile .na-icon-menu {
  font-size: 1.5rem;
  margin-right: 1.5rem;
}
.dashboard-services-list-isOpen {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.15);
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 99;
  top: 156px;
}
.dashboard-services-list-isOpen .dashboard-service-instance:hover {
  background-color: rgba(15, 121, 213, 0.05);
  box-shadow: initial;
}
.dashboard-services-list-isOpen .dashboard-service-instance {
  padding: 16px;
}
.dashboard-services-list-isOpen__title {
  display: flex;
  align-items: center;
  padding: 16px;
  cursor: pointer;
  color: #0066ff;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  border-bottom: solid 1px #e4e4e4;
}
.dashboard-services-list-isOpen__title:hover {
  background-color: rgba(15, 121, 213, 0.05);
}
.dashboard-services-list-isOpen__title .na-icon-close {
  font-size: 1.5rem;
  margin-right: 1.5rem;
}
.dashboard-panel-title {
  color: #586a7b;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}
.widgets-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 24px;
}
.dashboard-widgets-resources--dumb {
  width: 100%;
  height: 15rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.dashboard-widget-sortable-container {
  width: 100%;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 700px) {
  .dashboard-widget-sortable-container {
    grid-template-columns: initial;
    grid-template-rows: repeat(2, 1fr);
  }
}
.dashboard-widgets-resources-empty {
  color: #141414;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  display: flex;
}
.dashboard-widgets-resources-empty__link {
  cursor: pointer;
  font-weight: 600;
  color: #0066ff;
}
.top-widgets-container-desktop {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 1330px) {
  .top-widgets-container-desktop {
    display: none;
  }
}
.top-widgets-container-mobile {
  margin-top: 32px;
}
@media screen and (max-width: 700px) {
  .top-widgets-container-mobile {
    flex-direction: column;
  }
}
.widgets-panel-desktop {
  display: block;
}
@media screen and (max-width: 1330px) {
  .widgets-panel-desktop {
    display: none;
  }
}
.widgets-panel-mobile {
  width: 957px;
}
.top-widgets-container-mobile {
  display: none;
}
@media screen and (max-width: 1330px) {
  .top-widgets-container-mobile {
    display: flex;
    width: 100%;
    gap: 2rem;
  }
}
.widgets-panel-mobile {
  display: none;
}
@media screen and (max-width: 1330px) {
  .widgets-panel-mobile {
    display: block;
    width: 100%;
  }
}
.news-widget-container {
  width: 1012px;
}
@media screen and (max-width: 1330px) {
  .news-widget-container {
    display: flex;
    align-items: flex-end;
  }
}
.news-widget-container .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background: #d0d0d0;
}
.news-widget-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #0066ff;
}
.news-widget-container .dashboard-widget-broken {
  min-height: 116px;
  padding: 21px 44px;
}
.news-widget-container .dashboard-widget-broken__icon {
  margin-bottom: 16px;
}
.news-widget-container-desktop {
  display: block;
}
@media screen and (max-width: 1330px) {
  .news-widget-container-desktop {
    display: none;
  }
}
.news-widget-container-mobile {
  display: none;
}
@media screen and (max-width: 1330px) {
  .news-widget-container-mobile {
    display: flex;
    margin-top: 32px;
    width: 928px;
  }
}
.dashboard-widget-wrapper__title {
  margin-left: 6px;
  margin-bottom: 21px;
  color: #4e5f6e;
  font-size: 28px;
  font-weight: 600;
  line-height: 54px;
}
@media screen and (max-width: 1330px) {
  .dashboard-widget-wrapper__title {
    font-size: 24px;
    line-height: 28px;
  }
}
.dashboard-widget--verification.dashboard-widget {
  border: none;
  max-width: 1010px;
  box-shadow: 0px 6px 32px 0px rgba(80, 93, 155, 0.15);
  background-color: #e6f3ff;
  margin-bottom: 40px;
}
@media screen and (max-width: 1330px) {
  .dashboard-widget--verification.dashboard-widget {
    max-width: 653px;
    margin-bottom: 0;
  }
}
@font-face {
  font-family: PressStart2P;
  src: url(https://media.netangels.ru/public/fonts/PressStart2P/PressStart2P-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}
.advent-calendar-news-banner {
  display: block;
  position: relative;
  text-decoration: none;
  font-family: PressStart2P;
  background: #3665CF;
  height: 100%;
}
.advent-calendar-news-banner:hover {
  text-decoration: none;
}
.advent-calendar-news-banner:visited {
  text-decoration: none;
}
.advent-calendar-news-banner__subtitle {
  padding-top: 36px;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.7;
}
.advent-calendar-news-banner__title {
  padding-top: 19px;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
}
.advent-calendar-news-banner__calendar {
  z-index: 10;
  right: 73px;
  top: 29px;
  position: absolute;
  background: url('/static-panel/images/advent/calendar.svg');
  width: 120px;
  height: 87.07px;
}
.advent-calendar-news-banner__day {
  position: absolute;
  top: 62px;
  right: 113px;
  z-index: 11;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 26px;
  color: #AC76D7;
}
.advent-calendar-news-banner-top-background__left-shape {
  position: absolute;
  left: 0;
  top: -8px;
  background-size: contain !important;
  background: url('/static-panel/images/advent/layout-top-left-shape.svg') center center no-repeat;
  width: 314px;
  height: 75px;
}
.advent-calendar-news-banner-top-background__right-shape {
  position: absolute;
  background-size: contain !important;
  right: 0;
  top: -8px;
  background: url('/static-panel/images/advent/layout-top-right-shape.svg') center center no-repeat;
  width: 287px;
  height: 65px;
}
.advent-calendar-news-banner-top-background__snowflake-1 {
  position: absolute;
  z-index: 15;
  background: url('/static-panel/images/advent/snowflake.svg') center center no-repeat;
  width: 44px;
  height: 49.81px;
  background-size: contain;
  left: 131px;
  top: -24px;
}
.advent-calendar-news-banner-top-background__snowflake-2 {
  position: absolute;
  z-index: 15;
  background: url('/static-panel/images/advent/snowflake.svg') center center no-repeat;
  width: 44px;
  height: 49.81px;
  background-size: contain;
  right: 185.54px;
  top: 0;
}
.advent-calendar-news-banner-bottom-background__left-shape {
  position: absolute;
  left: 0;
  bottom: -15px;
  background-size: contain !important;
  background: url('/static-panel/images/advent/layout-bottom-left-shape.svg') center center no-repeat;
  width: 314px;
  height: 75px;
}
.advent-calendar-news-banner-bottom-background__right-shape {
  position: absolute;
  background-size: contain !important;
  right: -4px;
  bottom: 0;
  background: url('/static-panel/images/advent/layout-bottom-right-shape.svg') center center no-repeat;
  width: 287px;
  height: 65px;
}
.advent-calendar-news-banner-bottom-background__snowflake-1 {
  position: absolute;
  z-index: 15;
  background: url('/static-panel/images/advent/snowflake.svg') center center no-repeat;
  width: 63px;
  height: 71px;
  background-size: contain;
  right: 34px;
  bottom: 14px;
}
.advent-calendar-news-banner-bottom-background__flowers {
  position: absolute;
  width: 128.17px;
  height: 100%;
  background-size: contain !important;
  bottom: -13px;
  left: 9px;
  background: url('/static-panel/images/advent/flowers.svg') center center no-repeat;
}
.dashboard-widget {
  background-color: #ffffff;
  border-radius: 0.5rem;
  border: 1px solid rgba(69, 85, 98, 0.15);
  min-width: 451px;
  min-height: 16.25rem;
}
.dashboard-widget--finance,
.dashboard-widget--partnership {
  box-sizing: border-box;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1330px) {
  .dashboard-widget--finance,
  .dashboard-widget--partnership {
    width: 100%;
  }
}
.dashboard-widget--finance .hbc-resource,
.dashboard-widget--partnership .hbc-resource {
  border: none;
}
.dashboard-widget--finance .horizontal-bar-chart-legend-resource,
.dashboard-widget--partnership .horizontal-bar-chart-legend-resource {
  margin-bottom: 0;
}
.dashboard-widget--finance .horizontal-bar-chart-legend__resources,
.dashboard-widget--partnership .horizontal-bar-chart-legend__resources {
  margin-top: 7px;
  margin-bottom: 13px;
}
.dashboard-widget--finance .hbc-resource__inner,
.dashboard-widget--partnership .hbc-resource__inner {
  padding: 8px 17px 0 0;
}
.dashboard-widget--finance .hbc-resource-color-box,
.dashboard-widget--partnership .hbc-resource-color-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.dashboard-widget--cvds,
.dashboard-widget--hosting {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.dashboard-widget--cvds .na-icon-alert-inverse,
.dashboard-widget--hosting .na-icon-alert-inverse {
  font-size: 1rem;
}
.dashboard-widget--loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-widget--news {
  min-height: 148px;
  margin-bottom: 39px;
}
@media screen and (max-width: 1330px) {
  .dashboard-widget--news {
    margin-bottom: 0;
  }
}
.dashboard-widget-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1330px) {
  .dashboard-widget-container {
    height: 100%;
  }
}
.dashboard-widget-finance {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dashboard-widget-finance__total {
  color: #141414;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}
.dashboard-widget-finance__bar-chart {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.dashboard-widget-finance .hbc-resource-content__title {
  margin-right: 3px;
}
.dashboard-widget-finance__buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.25rem;
}
.dashboard-widget-finance-empty__text {
  font-size: 12px;
  margin-top: 18px;
  line-height: 14px;
  color: rgba(20, 20, 20, 0.7);
}
.widget-finance-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.widget-finance-header__date {
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}
.dashboard-widget-cvds {
  width: 100%;
  position: relative;
}
.widget-cvds-error-block {
  padding: 1rem;
  background-color: rgba(160, 160, 160, 0.08);
}
.widget-cvds-error-block__text {
  opacity: 0.8;
  color: #4e5f6e;
  font-size: 13px;
  line-height: 16px;
  margin-left: 28px;
}
.widget-cvds-error-header {
  display: flex;
  margin-bottom: 5px;
}
.widget-cvds-error-header__icon {
  margin-right: 12px;
}
.widget-cvds-error-header__text {
  color: #d51010;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.widget-cvds-error-header .na-icon-alert-inverse::before {
  color: #d55a5a;
}
.dashboard-widget-news-container {
  display: flex;
  gap: 20px;
  cursor: pointer;
  line-height: 18px;
  color: #141414;
  text-decoration: none;
  padding: 24px 48px 24px 24px;
}
.dashboard-widget-news-container-img {
  width: 170px;
  height: 125px;
  object-fit: cover;
  border-radius: 0.25rem;
}
.dashboard-widget-news-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dashboard-widget-news-content__title {
  font-size: 15px;
  font-weight: 600;
  color: #0066ff;
}
.dashboard-widget-news-content__announce {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
  font-size: 13px;
}
.dashboard-widget-news-content__date {
  font-size: 11px;
  color: rgba(20, 20, 20, 0.7);
  margin-top: auto;
}
.dashboard-widget-add-button {
  cursor: pointer;
  width: 32px;
  height: 32px;
  background: url('/static-panel/images/dashboard/add-button.svg') center center no-repeat;
}
.widget-cvds-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.widget-cvds-header__text {
  flex: 1;
  font-size: 12px;
  margin-left: 8px;
  line-height: 14px;
  color: rgba(20, 20, 20, 0.8);
}
.widget-cvds-header__link {
  font-size: 1rem;
  color: #141414;
  text-decoration: none;
  border-radius: 0.5rem;
  padding: 7px;
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  -ms-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.widget-cvds-header__link:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.widget-cvds-header .ui-kit-context-menu {
  position: absolute;
  top: 10px;
  right: 10px;
}
.widget-cvds-footer {
  display: flex;
  align-items: center;
  padding: 1rem;
}
.widget-cvds-footer__copy-info {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  align-items: center;
}
.widget-cvds-footer__empty-link {
  text-decoration: none;
  color: #0066ff;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  margin: 2px 0 2.5px;
}
.widget-cvds-footer .cvds-vm-copy-info {
  color: #586a7b;
  font-size: 0.75rem;
  line-height: 1;
  align-items: center;
}
.widget-cvds-footer-image {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #141414;
}
.widget-cvds-footer-image__icon {
  margin-right: 8px;
}
.widget-cvds-footer-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #0066ff;
}
.widget-cvds-footer-link__text {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin-left: 10px;
}
.widget-cvds-footer-link--disabled {
  color: #888888;
}
.ui-kit-copypable-text--widget-vm-ip .ui-kit-dashed-copy-text {
  color: #586a7b;
  font-size: 11px;
  line-height: 13px;
  padding-bottom: 2.25px;
  border-bottom: 1px dashed rgba(20, 20, 20, 0.7);
}
.widget-cvds-main-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.widget-cvds-main-info__state {
  max-width: 105px;
}
.widget-cvds-tariff-block {
  display: flex;
}
.widget-cvds-tariff-item {
  display: flex;
  align-items: center;
  color: #141414;
  font-size: 13px;
  line-height: 18px;
  margin-right: 22px;
}
.widget-cvds-tariff-item__name {
  font-weight: 600;
  margin: 0 2px 0 8px;
}
.widget-cvds-tariff-item__value {
  margin-right: 2px;
}
.widget-cvds-tariff-item__pct {
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}
.widget-cvds-tariff-item--error {
  opacity: 0.5;
  margin-right: 53px;
}
.widget-cvds-tariff-item__pct--safe,
.widget-cvds-volume-title__pct--safe {
  color: #0b8b5a;
}
.widget-cvds-tariff-item__pct--warning,
.widget-cvds-volume-title__pct--warning {
  color: #0b8b5a;
}
.widget-cvds-tariff-item__pct--danger,
.widget-cvds-volume-title__pct--danger {
  color: #c80502;
}
.widget-cvds-volumes-header {
  display: flex;
  padding: 0 14px 0 18px;
}
.widget-cvds-volumes-header__item {
  cursor: pointer;
  padding: 8px 0 10px 0;
  margin-right: 21px;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  opacity: 0.8;
  color: #141414;
}
.widget-cvds-volumes-header__item--current {
  color: #0066ff;
  border-bottom: 2px solid #0066ff;
}
.widget-cvds-volume-title {
  display: flex;
  margin-bottom: 1px;
}
.widget-cvds-volume-title__name {
  color: #141414;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  margin-right: 5px;
}
.widget-cvds-volume-title__pct {
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}
.volume-fill--widget {
  padding: 15px 20px 12px 17px;
}
.volume-fill--widget.volume-fill--safe {
  background-color: rgba(11, 139, 90, 0.08);
}
.volume-fill--widget.volume-fill--warning {
  background-color: rgba(11, 139, 90, 0.08);
}
.volume-fill--widget.volume-fill--danger {
  background-color: rgba(200, 5, 2, 0.08);
}
.volume-fill--widget .ui-kit-resource-fills--volume .ui-kit-resource-fills-head__additional {
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}
.volume-fill--widget .ui-kit-resource-fills-scales,
.volume-fill--widget .ui-kit-resource-fills--volume .ui-kit-resource-fills-scale,
.volume-fill--widget .ui-kit-resource-fills--volume .ui-kit-resource-fills-scales__background {
  height: 6px;
}
.volume-fill--widget .ui-kit-resource-fills-background-content {
  display: none;
}
.volume-fill-warning {
  display: flex;
  align-items: center;
  padding: 24px 20px 26px 17px;
  background-color: rgba(160, 160, 160, 0.08);
}
.volume-fill-warning__text {
  opacity: 0.8;
  font-size: 13px;
  line-height: 15px;
  margin-left: 12px;
  color: #4e5f6e;
}
.volume-fill-warning .na-icon-alert-inverse::before {
  color: #d55a5a;
}
.partnership-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.partnership-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.partnership-header__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #141414;
}
.partnership-balance {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
  color: #141414;
}
.partnership-statistic-difference {
  font-size: 12px;
  line-height: 14px;
}
.partnership-statistic-difference__hint {
  padding-left: 3px;
  opacity: 0.7;
  font-weight: 400;
  color: #141414;
}
.partnership-hint {
  color: #141414;
  opacity: 0.7;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}
.partnership-image {
  margin: 6px 0 11px;
}
.partnership-revenue {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  margin-top: 8px;
  color: #4e5f6e;
}
@keyframes widget-general-loading {
  0% {
    background-color: #efefef;
  }
  100% {
    background-color: #d6d6d6;
  }
}
.widget-general-dumb {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.widget-general-dumb__statistic {
  height: 15px;
  width: 100%;
  animation-name: widget-general-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-general-dumb-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.widget-general-dumb-header__title {
  width: 146px;
  height: 19px;
  animation-name: widget-general-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-general-dumb-header__link {
  width: 146px;
  height: 40px;
  animation-name: widget-general-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-general-dumb-balance {
  width: 124px;
  height: 30px;
  margin-bottom: 4px;
  animation-name: widget-general-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-general-dumb-hint {
  width: 161px;
  height: 10px;
  margin-bottom: 14px;
  animation-name: widget-general-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-general-dumb-legend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}
.widget-general-dumb-legend__resources {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 840px;
}
.widget-general-dumb-legend-resource {
  height: 13px;
  width: 112px;
  animation-name: widget-general-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-general-dumb-legend-resource:nth-child(odd) {
  width: 143px;
}
.widget-general-dumb-legend-resource:not(:last-child) {
  margin-right: 22px;
}
.widget-hosting-container {
  width: 100%;
  position: relative;
}
.widget-hosting-container .ui-kit-context-menu {
  position: absolute;
  top: 10px;
  right: 10px;
}
.wh-container-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  color: #627687;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}
.wh-container-header__title {
  flex: 1;
}
.wh-container-header__icon {
  height: 16px;
  width: 16px;
}
.wh-container-header__link {
  font-size: 1rem;
  color: #141414;
  border-radius: 0.5rem;
  padding: 7px;
  text-decoration: none;
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  -o-transition: background-color 500ms ease;
  -ms-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}
.wh-container-header__link:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.wh-container-tariff-wrapper {
  display: flex;
  padding: 12.5px 20px 13px;
  align-items: center;
  justify-content: space-between;
}
.wh-container-state {
  min-width: 88px;
}
.wh-container-tariff {
  font-size: 13px;
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 10px;
  white-space: nowrap;
  color: #141414;
}
.wh-container-tariff__bold {
  font-weight: 600;
}
.wh-container-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wh-container-footer-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 18px 20px;
}
.wh-container-footer-link__text {
  color: #0066ff;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  margin-right: 4px;
}
.wh-container-footer-link--disabled {
  color: #b0b0b0;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  margin-right: 4px;
  padding-right: 20px;
}
.wh-container-statistics {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 18px 20px 27px;
}
.widget-statistic-item .statistics-seven-days {
  display: flex;
  width: 111px;
}
.widget-statistic-item .statistics-seven-days-legend__title {
  display: none;
}
.widget-statistic-item .statistics-seven-day__background {
  width: 6px;
}
.widget-statistic-item .statistics-seven-day__fill {
  width: 6px;
}
.widget-statistic-item .ui-kit-resource-fills-fills__percent,
.widget-statistic-item .statistics-seven-days-legend__average {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 8px;
}
.widget-statistic-item .ui-kit-resource-fills {
  display: flex;
  align-items: flex-end;
}
.widget-statistic-item .ui-kit-resource-fills-head {
  display: none;
}
.widget-statistic-item .ui-kit-resource-fills-scales {
  flex: 1;
  border-radius: 0.25rem;
  overflow: hidden;
}
.widget-statistic-item .ui-kit-resource-fills-scales__background {
  height: 15px;
  background-color: #eaeaea;
  border-radius: 0;
}
.widget-statistic-item .ui-kit-resource-fills-scale {
  height: 15px;
}
.widget-statistic-item-info {
  display: flex;
  align-items: center;
  color: #141414;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 12px;
}
.widget-statistic-item-info__icon {
  width: 16px;
  height: 16px;
  margin-right: 7px;
}
.widget-statistic-item-info-bold {
  font-weight: 600;
}
@keyframes widget-resource-loading {
  0% {
    background-color: #efefef;
  }
  100% {
    background-color: #d6d6d6;
  }
}
.widget-resource-dumb {
  width: 100%;
  padding: 60px 17px 16px 18px;
  display: flex;
  flex-direction: column;
}
.widget-resource-dumb-header {
  display: flex;
  margin-bottom: 24px;
}
.widget-resource-dumb-header__cpu,
.widget-resource-dumb-header__ram,
.widget-resource-dumb-header__state {
  height: 19px;
  animation-name: widget-resource-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-resource-dumb-header__ram {
  margin-left: 25px;
  width: 120px;
}
.widget-resource-dumb-header__cpu {
  width: 132px;
}
.widget-resource-dumb-header__state {
  width: 70px;
}
.widget-resource-dumb-volumes-tabs {
  width: 96px;
  height: 19px;
  margin-bottom: 26px;
  animation-name: widget-resource-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-resource-volumes-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}
.widget-resource-volumes-header__name,
.widget-resource-volumes-header__size {
  animation-name: widget-resource-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-resource-volumes-header__name {
  width: 166px;
  height: 14px;
}
.widget-resource-volumes-header__size {
  width: 34px;
  height: 10px;
}
.widget-resource-volumes__info {
  width: 100%;
  height: 6px;
  animation-name: widget-resource-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-resource-dumb-footer {
  display: flex;
  margin-top: 36px;
  justify-content: space-between;
}
.widget-resource-dumb-footer__panel,
.widget-resource-dumb-footer__ip {
  height: 19px;
  animation-name: widget-resource-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-resource-dumb-footer__panel {
  width: 166px;
}
.widget-resource-dumb-footer__ip {
  width: 77px;
}
.dw-empty-services__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #4e5f6e;
  margin-top: 20px;
  margin-bottom: 24px;
}
.dw-empty-services__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.dw-empty-services__list :last-child {
  grid-column: 1 / span 2;
}
.dw-empty-service {
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  padding: 35px 30px;
  background: #ffffff;
  flex-wrap: wrap;
  width: 100%;
  box-shadow: 0px 6px 32px rgba(80, 93, 155, 0.148);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 1330px) {
  .dw-empty-service {
    max-width: 385px;
  }
}
.dw-empty-service__icon {
  margin-right: 21px;
}
.dw-empty-service:hover .dw-empty-service-price {
  top: -11px;
  background-color: #0066ff;
}
.dw-empty-service:hover .dw-empty-service-price::after {
  border-left: 5px solid #0066ff;
  border-top: 5px solid #0066ff;
}
.dw-empty-service-info {
  max-width: 251px;
}
.dw-empty-service-info__title {
  color: #0066ff;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}
.dw-empty-service-info__description {
  color: #141414;
  opacity: 0.7;
  font-size: 14px;
  line-height: 18px;
}
.dw-empty-service-price {
  position: absolute;
  right: -10px;
  top: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  padding: 9px 11px;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  background-color: #93c2eb;
  -webkit-border-radius: 0 4px;
  -moz-border-radius: 0 4px;
  border-radius: 0 4px;
}
.dw-empty-service-price::after {
  content: '';
  bottom: -10px;
  position: absolute;
  border: 5px solid transparent;
  border-left: 5px solid #93c2eb;
  border-top: 5px solid #93c2eb;
}
.dashboard-widget-broken {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 33.5px 44px 33px;
  min-height: 181px;
  background-color: rgba(160, 160, 160, 0.08);
}
.dashboard-widget-broken__icon {
  margin: 0 0 32px 1px;
}
.dashboard-widget-broken__title {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.dashboard-widget-broken__description {
  margin-top: 8px;
  opacity: 0.8;
  color: #4e5f6e;
  font-size: 13px;
  line-height: 16px;
}
.dashboard-widget-broken-footer {
  display: flex;
  font-size: 13px;
  line-height: 16px;
  color: #141414;
}
.dashboard-widget-broken-footer__link {
  margin: 0 3px;
  cursor: pointer;
  color: #0066ff;
}
.widget-title {
  font-size: 12px;
  line-height: 14px;
  color: rgba(20, 20, 20, 0.8);
}
.widget-long-title {
  cursor: pointer;
  max-width: 330px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1330px) {
  .widget-long-title {
    max-width: 310px;
  }
}
@keyframes widget-news-loading {
  0% {
    background-color: #efefef;
  }
  100% {
    background-color: #d6d6d6;
  }
}
.widget-news-dumb {
  display: flex;
  margin-bottom: 39px;
  flex-direction: column;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px 68px 42px 21px;
  border: 1px solid rgba(20, 20, 20, 0.15);
}
.widget-news-dumb__title,
.widget-news-dumb__date {
  animation-name: widget-news-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-news-dumb__title {
  width: 60%;
  height: 20px;
  margin-bottom: 12px;
}
.widget-news-dumb__date {
  width: 66px;
  height: 10px;
}
@media screen and (max-width: 1330px) {
  .widget-news-dumb {
    margin-bottom: 0;
    width: 100%;
  }
}
.widget-news-dumb-announce__start,
.widget-news-dumb-announce__finish {
  height: 10px;
  animation-name: widget-news-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.widget-news-dumb-announce__start {
  width: 100%;
  margin-bottom: 8px;
}
.widget-news-dumb-announce__finish {
  width: 80%;
  margin-bottom: 18px;
}
.ui-kit-modal-container--dns-record-create,
.ui-kit-modal-container--dns-record-edit {
  min-width: 550px;
}
.ui-kit-modal-container--dns-zones-batch-delete,
.ui-kit-modal-container--dns-records-batch-delete {
  min-width: 430px;
}
.dns-zone-create-modal,
.dns-zone-edit-modal {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dns-zone-create-modal .ui-kit-modal-title-helper,
.dns-zone-edit-modal .ui-kit-modal-title-helper {
  margin-bottom: 14px;
}
.dns-zone-create-modal .ui-kit-form-input,
.dns-zone-edit-modal .ui-kit-form-input {
  margin-bottom: 0 !important;
}
.dns-zone-create-modal .ui-kit-horizontal-container,
.dns-zone-edit-modal .ui-kit-horizontal-container {
  margin-top: 14px;
}
.dns-zone-edit-modal .ui-kit-form-tags-input-block-inner::-webkit-scrollbar,
.dns-zone-edit-modal .ui-kit-form-errors::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.dns-zone-edit-modal .ui-kit-form-tags-input-block-inner::-webkit-scrollbar-track,
.dns-zone-edit-modal .ui-kit-form-errors::-webkit-scrollbar-track {
  background-color: transparent;
}
.dns-zone-edit-modal .ui-kit-form-tags-input-block-inner::-webkit-scrollbar-thumb,
.dns-zone-edit-modal .ui-kit-form-errors::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.dns-zone-edit-modal .ui-kit-form-tags-input-block-inner {
  min-height: auto;
  max-height: 200px;
  overflow-y: auto;
}
.dns-zone-edit-modal .ui-kit-form-textarea {
  margin-bottom: 0 !important;
}
.dns-zone-edit-modal .ui-kit-form-textarea-item {
  width: 100%;
  height: 90px;
  font-size: 13px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.dns-zone-edit-modal .ui-kit-form-errors {
  max-height: 100px;
  overflow: auto;
}
.dns-record-create-modal .ui-kit-modal-title-helper,
.dns-record-edit-modal .ui-kit-modal-title-helper {
  margin-bottom: 24px;
}
.dns-record-create-modal .ui-kit-horizontal-container,
.dns-record-edit-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.dns-record-create-modal .ui-kit-form-input .ui-kit-form-errors,
.dns-record-edit-modal .ui-kit-form-input .ui-kit-form-errors {
  margin-left: 195px;
}
.dns-record-create-modal .ui-kit-tabs-nav-item {
  flex: 1;
  font-size: 15px;
  padding-bottom: 15px;
}
.dns-record-create-modal .ui-kit-tabs-nav-item > div {
  text-align: center;
}
.dns-zones-batch-delete-modal__description,
.dns-records-batch-delete-modal__description {
  font-size: 14px;
  line-height: 18px;
  margin: 30px 0 20px;
  max-width: 500px;
}
.dns-zones-batch-delete-modal__list,
.dns-records-batch-delete-modal__list {
  padding: 14px 6px 16px 18px;
  background-color: rgba(15, 121, 213, 0.05);
  max-height: 300px;
  margin-bottom: 25px;
}
.dns-zones-batch-delete-modal__list-entry,
.dns-records-batch-delete-modal__list-entry {
  margin: 5px 0;
  max-width: 370px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-instance-col--zone-name a {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #141414;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.table-instance-col--zone-ttl,
.table-instance-col--zone-comment {
  font-size: 14px;
  line-height: 16px;
  color: #141414;
  font-weight: 400;
}
.table-instance-col--zone-comment {
  width: 365px;
  vertical-align: middle;
  position: relative;
}
.table-instance-col--zone-comment .ui-kit-entry-comment {
  cursor: pointer;
  height: 100%;
}
.table-instance-col--zone-comment .ui-kit-form-input {
  position: absolute;
  top: 20px;
}
.table-instance-col--zone-comment .ui-kit-form-input__input {
  width: 225px;
}
.table-instance-col--zone-comment:hover .ui-kit-entry-comment__add-comment {
  opacity: 1;
}
.zone-entry-transfer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #e17334;
}
.zone-entry-transfer .na-icon-arrow-export {
  display: flex;
  align-items: center;
}
.dns-record-hint {
  font-size: 12px;
  line-height: 16px;
  color: #141414;
  margin-top: 12px;
  opacity: 0.7;
}
.table-instance-col--dns-record-details-hint,
.table-instance-col--dns-record-details {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #141414;
  overflow: hidden;
  word-break: break-word;
}
.table-instance-col--dns-record-type-hint,
.table-instance-col--dns-record-details-hint {
  opacity: 0.5;
}
.dns-edit-record .ui-kit-form-input__inner {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.dns-edit-record .ui-kit-form-input__inner .ui-kit-form-input-label {
  margin-right: 10px;
  width: 153px;
  margin-bottom: 0;
}
.dns-edit-record .ui-kit-form-input__inner .ui-kit-form-input-with-block {
  width: 100%;
}
.dns-edit-record .ui-kit-form-input__inner .ui-kit-form-input__input {
  flex: 2;
}
.dns-edit-record .ui-kit-form-input-with-block {
  flex: 2;
}
.dns-edit-record .ui-kit-form-input-with-block .ui-kit-form-input-with-block__input {
  width: 100%;
  flex: 2;
}
.dns-edit-record .ui-kit-form-input-with-block .ui-kit-form-input-with-block__sub-title {
  display: block;
  width: auto;
  padding: 10px 8px;
  max-width: 174px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dns-edit-record .ui-kit-form-checkbox-inner__label {
  margin-top: 20px;
  flex-direction: row-reverse;
  align-items: center;
}
.dns-edit-record .ui-kit-form-checkbox-label__content {
  width: 153px;
  margin-left: 0;
  margin-right: 10px;
  color: #7a8791;
  font-size: 13px;
  font-weight: 300;
}
.dns-edit-record .ui-kit-form-select {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.dns-edit-record .ui-kit-form-select-inner__label {
  margin-right: 10px;
  color: #7a8791;
  font-size: 13px;
  font-weight: 300;
  width: 153px;
  margin-bottom: 0;
}
.dns-edit-record .ui-kit-select-block {
  flex: 1;
}
.domain-warning {
  display: flex;
  background: #ffffff;
  align-items: center;
  padding: 27px 46px;
  margin-left: 10px;
  margin-top: 38px;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.051792);
}
.domain-warning__image {
  margin-right: 40px;
}
@media screen and (max-width: 1330px) {
  .domain-warning {
    width: 881px;
    margin: 34px auto 32px;
  }
}
.domain-warning-info__title {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 10px;
  color: #d55a5a;
}
.domain-warning-info__current-ns {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #141414;
  margin-bottom: 27px;
}
.domain-warning-info__ns {
  font-size: 14px;
  line-height: 16px;
  color: #141414;
}
.domain-warning--error .domain-warning-info__title {
  margin-bottom: 16px;
}
.domain-warning--error .domain-warning-info-description {
  font-size: 14px;
  max-width: 601px;
  line-height: 18px;
  margin-bottom: 24px;
  color: #141414;
}
.domain-warning--error .domain-warning-info-description__domain {
  font-weight: 600;
}
.table-instance-col--domain-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #141414;
}
.table-instance-col--domain-prolong-time {
  font-size: 14px;
  font-weight: 400;
  width: 140px;
}
.table-instance-col--domain-renewal {
  width: 170px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 600;
  line-height: 16px;
  color: rgba(20, 20, 20, 0.4);
}
.table-instance-col--domain-nicd {
  width: 110px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #141414;
}
.table-instance-col--domain-actions {
  width: 30px;
}
.domain-entry-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 30px;
}
.domain-entry-actions .actions {
  position: relative;
  top: 0;
  right: 0;
}
.domain-renewal-block {
  display: flex;
}
.domain-renewal-block__text {
  font-weight: 400;
  font-size: 14px;
  color: #141414;
  margin-left: 12px;
  display: inline-block;
  border-bottom: 1px dashed #141414;
}
.domain-renewal-block--active {
  color: #29ac7a;
}
.domain-renewal-block--active .domain-renewal-block__text {
  color: #29ac7a;
  border-bottom: 1px dashed #29ac7a;
}
.domain-prolong-time--expired {
  color: #dd5151;
}
.domain-entry-transfer {
  display: inline-block;
}
.domain-entry-transfer-block {
  display: flex;
  align-items: center;
  color: #e17334;
  font-weight: 600;
  font-size: 16px;
}
.domain-entry-transfer-block .na-icon-arrow-export {
  margin-left: 12px;
}
.ui-kit-modal-container--domain-whois-info {
  min-width: 750px;
}
.ui-kit-modal-container--domain-register {
  min-width: 380px;
}
.ui-kit-modal-container--domain-register-whois-contact {
  min-width: 700px;
}
.ui-kit-modal-container--domain-change-password {
  min-width: 350px;
}
.domain-whois-info-modal__text {
  margin: 17px 0 24px;
  padding: 24px 30px 29px;
  background: rgba(20, 20, 20, 0.05);
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  white-space: pre-wrap;
  color: #141414;
  max-height: 400px;
  overflow: auto;
}
.domain-whois-info-modal-hint {
  font-size: 14px;
  line-height: 20px;
  color: #141414;
}
.domain-whois-info-modal-hint a {
  text-decoration: none;
  color: #107AD5;
}
.domain-register-modal-description {
  font-size: 14px;
  line-height: 20px;
  color: #141414;
}
.domain-register-modal-description__name {
  margin: 0 4px;
  display: inline;
  font-weight: 600;
}
.domain-register-modal__hint {
  opacity: 0.8;
  font-size: 13px;
  margin-top: 10px;
  font-weight: 600;
  line-height: 16px;
}
.domain-register-modal .ui-kit-form-errors {
  margin-top: 16px;
}
.domain-register-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.domain-prolong-modal__rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #141414;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin: 30px 0;
}
.domain-prolong-modal__row-span {
  font-weight: 600;
}
.domain-change-renewal-modal {
  color: #141414;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.domain-change-renewal-modal__span {
  font-weight: 600;
}
.domain-change-renewal-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.domain-register-whois-contact-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.domain-register-whois-contact-modal .ui-kit-horizontal-container__cell:not(:last-child) {
  margin-right: 24px;
}
.domain-change-password-modal__description {
  font-size: 14px;
  line-height: 20px;
  margin: 28px 0 16px;
}
.domain-change-password-modal__link {
  display: flex;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  gap: 0.2em;
}
.domain-change-password-modal .ui-kit-horizontal-container {
  margin-top: 24px;
}
.table-instance-col--nicd-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #141414;
}
.table-instance-col--nicd-nicd {
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.table-instance-col--nicd-password {
  width: auto;
  font-size: 1rem;
  font-weight: 400;
}
.table-instance-col--nicd-password .na-icon-key {
  width: 1rem;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 auto;
  cursor: pointer;
}
.table-instance-col--nicd-actions {
  width: 30px;
}
.nicd-entry-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 30px;
  width: 30px;
}
.nicd-entry-actions .actions {
  position: relative;
  top: 0;
  right: 0;
}
.create-domain-title {
  display: flex;
  align-items: center;
  color: #141414;
  margin: 34px 26px 32px 8px;
}
@media screen and (max-width: 1330px) {
  .create-domain-title {
    width: 973px;
    margin: 34px 30px 32px;
    padding-left: 0;
  }
}
.create-domain-title__icon {
  padding: 0 16px 0 15px;
}
.create-domain-title__title {
  font-size: 30px;
  line-height: 35px;
  font-weight: 400;
}
.create-domain-title .na-icon-arrow-chevron-left {
  font-size: 1.5rem;
  cursor: pointer;
}
.create-domain {
  margin-left: 8px;
}
@media screen and (max-width: 1330px) {
  .create-domain {
    margin: 0 auto;
    padding: 0 30px;
    flex-direction: column;
  }
}
.create-domain-steps {
  display: flex;
  margin-bottom: 40px;
  color: #141414;
}
.create-domain-steps .ui-kit-wizard-step {
  margin-right: 40px;
}
.create-domain-steps .ui-kit-wizard-step__subtitle {
  padding-bottom: 3px;
  border-bottom: 1px dashed #7a8791;
}
.create-domain-steps .ui-kit-wizard-step--checked {
  cursor: pointer;
}
.create-domain-nicd {
  width: 850px;
}
.create-domain-nicd__title {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 14px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #586a7b;
}
.create-domain-nicd__list-item {
  background: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.create-domain-nicd__list-item:not(:last-child) {
  margin-bottom: 10px;
}
.create-domain-nicd__list-item--active {
  border: 1px solid #0066ff;
}
.create-domain-nicd__list-item--active .create-domain-nicd-item__name {
  color: #0066ff;
}
.create-domain-nicd__list-item--active .create-domain-nicd-item__icon-right {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.create-domain-nicd .create-domain-error-block {
  margin-top: 24px;
}
.create-domain-nicd .create-nicd {
  margin: 14px 0 40px 48px;
}
.create-domain-nicd .create-nicd .create-nicd-form {
  margin-top: 0;
}
@media screen and (max-width: 1330px) {
  .create-domain-nicd .create-nicd {
    padding: 0;
  }
}
.create-domain-nicd-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 20px 31px 21px 24px;
}
.create-domain-nicd-item__name {
  flex: 1;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #141414;
  max-width: 620px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.create-domain-nicd-item__nicd {
  font-size: 14px;
  line-height: 16px;
  color: #586a7b;
  margin-right: 52px;
}
.create-domain-nicd-item__icon-right {
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.create-domain-whois,
.create-domain-additional,
.create-domain-whois form,
.create-domain-additional form {
  display: grid;
  justify-items: start;
  gap: 1rem;
}
.create-domain-whois__title,
.create-domain-additional__title {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #586a7b;
}
.create-domain-whois__form,
.create-domain-additional__form {
  width: 707px;
  background-color: #ffffff;
  padding: 30px 95px 42px 48px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(20, 20, 20, 0.25);
}
.create-domain-additional .ui-kit-form-input {
  margin-bottom: 24px;
}
.create-domain-additional .ui-kit-form-input-label {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 9px;
  color: #141414;
}
.create-domain-additional .ui-kit-form-errors {
  position: absolute;
}
.create-domain-final {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #141414;
}
.create-domain-final__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
}
.create-domain-final__text {
  font-size: 16px;
  line-height: 19px;
  margin: 16px 0 32px;
}
.create-domain-final__image {
  margin-top: 24px;
}
.create-domain-error-block {
  background: #ffffff;
  color: #141414;
  border: 1px solid rgba(20, 20, 20, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 35px 43px 32px 24px;
  display: flex;
  width: 536px;
}
.create-domain-error-block__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
}
.create-domain-error-block__text {
  font-size: 16px;
  line-height: 19px;
  margin: 12px 0 24px;
}
.create-domain-error-block__image {
  margin-right: 24px;
}
.check-domain-block {
  width: 850px;
}
.check-domain-block--loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  line-height: 16px;
  font-size: 16px;
  color: #141414;
}
.check-domain-block .netangels-loader {
  margin-bottom: 30px;
}
.check-domain-inner__title {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #586a7b;
  margin-top: 40px;
}
.check-domain-inner .table-instances {
  border: none;
  margin-left: 0;
}
.check-domain-inner .table-instances-loader {
  margin-left: 0;
}
.check-domain-inner .table-instances-loader:first-child {
  height: 62.5px;
}
.check-domain-inner .table-instance-col {
  padding: 14px 25px 13px;
  height: 35px;
}
.check-domain-inner .table-instance-row {
  height: 62px;
}
@media screen and (max-width: 1330px) {
  .check-domain-inner .table-wrapper {
    max-width: 973px;
    width: auto;
  }
}
.check-domain-inner .create-domain-error-block {
  width: 498px;
}
.check-domain-inner .create-domain-error-block__text {
  margin: 12px 0;
}
.check-domain-inner__hint {
  opacity: 0.8;
  font-size: 13px;
  margin: 32px 25px 0;
  line-height: 16px;
}
.check-domain-inner__main-suggestion .table-wrapper--domains-header-table .table-instances {
  background-color: #fcfcfc;
  box-shadow: none;
}
.check-domain-inner__main-suggestion .table-wrapper--domains-header-table .table-instances-loader {
  margin-top: 55px;
}
.check-domain-inner__main-suggestion .table-wrapper--domains-header-table .table-instance-row {
  border-radius: 5px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}
.check-domain-inner__main-suggestion .table-wrapper--domains-header-table .table-instance-row .table-instance-col {
  background-color: #ffffff;
}
.check-domain-inner__main-suggestion .table-wrapper--domains-header-table .table-instance-row .table-instance-col:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.check-domain-inner__main-suggestion .table-wrapper--domains-header-table .table-instance-row .table-instance-col:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.check-domain-inner__main-suggestion .table-instances {
  margin-top: 0;
}
.check-domain-inner__main-suggestion .table-tr {
  height: auto;
  border-bottom: none;
  background-color: #fcfcfc;
}
.check-domain-inner__main-suggestion .table-tr .table-instance-col {
  height: 16px;
  border-bottom: none;
  padding: 14px 25px;
  color: rgba(20, 20, 20, 0.8);
}
.check-domain-inner__suggestions {
  margin-top: 40px;
}
.check-domain-inner__suggestions .table-instances {
  box-shadow: 0px 60px 40px rgba(0, 0, 0, 0.05);
}
.check-domain-header {
  display: flex;
  gap: 1rem;
  margin-bottom: 13px;
}
.check-domain-header .ui-kit-form-input {
  flex: 1;
}
.check-domain-header .ui-kit-form-input input {
  font-size: 18px;
  line-height: 21px;
  padding: 14px 24px 15px;
}
.table-instance-col--domain-status {
  font-size: 14px;
  font-weight: 400;
  width: 100px;
  text-align: left;
}
.table-instance-col--domain-info {
  font-size: 14px;
  width: 95px;
  font-weight: 400;
}
.table-instance-col--domain-prolong {
  font-size: 14px;
  width: 85px;
  font-weight: 400;
}
.table-instance-col--domain-register {
  width: 15px;
  cursor: pointer;
}
.table-instance-col--domain-register .na-icon-arrow-chevron-right {
  font-size: 1.25rem;
}
.table-instance-col--domain-register-disabled {
  width: 15px;
}
.table-instance-col.domain-free {
  color: #29ac7a;
}
.table-instance-col.domain-registered {
  color: #dd5151;
}
.table-instance-col.domain-invalid {
  color: #dd5151;
}
.check-domain-instances__whois {
  color: #0066ff;
  cursor: pointer;
}
.create-nicd {
  margin-left: 24px;
}
@media screen and (max-width: 1330px) {
  .create-nicd {
    margin: 0 auto;
    padding: 0 30px;
  }
}
.create-nicd-title {
  display: flex;
  align-items: center;
  color: #141414;
  margin: 34px 26px 32px 8px;
}
@media screen and (max-width: 1330px) {
  .create-nicd-title {
    width: 973px;
    margin: 34px auto 32px;
    padding-left: 0;
  }
}
.create-nicd-title__icon {
  padding: 0 16px 0 15px;
}
.create-nicd-title__title {
  font-size: 30px;
  line-height: 35px;
  font-weight: 400;
}
.create-nicd-title .na-icon-arrow-chevron-left {
  font-size: 1.5rem;
  cursor: pointer;
}
.create-nicd-form {
  width: 707px;
  margin-top: 35px;
}
.create-nicd-form .ui-kit-form-select,
.create-nicd-form .ui-kit-form-input {
  margin-bottom: 24px;
}
.create-nicd-form .ui-kit-select-inner__control {
  background-color: #ffffff !important;
  border-color: #cccccc !important;
  margin-top: 9px;
}
.create-nicd-form .ui-kit-form-select-inner__label,
.create-nicd-form .ui-kit-form-input-label {
  font-weight: 600;
  font-size: 14px;
  color: #141414;
}
.create-nicd-form .ui-kit-form-input-label {
  line-height: 20px;
}
.create-nicd-form .ui-kit-form-select-inner__label {
  line-height: 2;
}
.create-nicd-form .date-picker-header .ui-kit-form-select {
  margin-bottom: 0;
}
.create-nicd-form .date-picker-header .ui-kit-select-inner__control {
  margin-top: 0;
}
.create-nicd-form .react-datepicker-wrapper {
  opacity: 0;
  max-width: 158px;
  position: relative;
  bottom: -65px;
}
.create-nicd-form__select .ui-kit-select-inner__control {
  margin-top: 9px;
  background-color: #ffffff !important;
  border-color: #cccccc !important;
}
.create-nicd-form__select .ui-kit-select-inner__control--is-focused {
  box-shadow: none !important;
}
.create-nicd-form-inner {
  display: flex;
}
.create-nicd-form-inner__inputs {
  flex: 1;
}
.create-nicd-form-inner__person-info {
  display: flex;
  gap: 24px;
}
.create-nicd-form-inner__person-info--phone .ui-kit-form-input {
  flex: 1;
}
.create-nicd-form-inner__person-info--passport .ui-kit-form-input {
  max-width: 158px;
}
.create-nicd-form-inner__person-info--passport .ui-kit-form-input:nth-child(2n) {
  max-width: 159.5px;
}
.create-nicd-form-inner__subtitle {
  color: #141414;
  font-size: 18px;
  line-height: 22px;
  margin: 8px 0 16px;
}
.create-nicd-form-inner-info {
  position: relative;
  width: 300px;
  height: 100%;
  color: #141414;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  background: rgba(20, 20, 20, 0.03);
  border: 1px solid rgba(20, 20, 20, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 24px 9px;
  margin: 28px 0 24px 23px;
}
.create-nicd-form-inner-info__name {
  font-weight: 600;
  margin-bottom: 11px;
}
.create-nicd-form-inner-info__description {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  opacity: 0.8;
}
.create-nicd-form-inner-info--info {
  width: 276px;
  padding: 30px 36px;
  background: #eff7ff;
  border: 1px solid #cccccc;
}
.create-nicd-form-inner-info--warning {
  width: 291px;
  padding: 30px 21px 21px 36px;
  background: rgba(213, 90, 90, 0.05);
  border: 1px solid #d55a5a;
}
.create-nicd-form-inner-info--warning .create-nicd-form-inner-info__description {
  color: #d55a5a;
}
.nicd-birth-date-input {
  max-width: 158px;
  position: absolute;
}
.nicd-post-address-input {
  flex: 1;
}
.create-nicd-form-inner-inputs .ui-kit-form-errors {
  position: absolute;
}
.create-nicd-form-inner-inputs__others--disabled .ui-kit-form-input-label,
.create-nicd-form-inner__person-info--disabled .ui-kit-form-input-label,
.create-nicd-form-inner-password--disabled .ui-kit-form-input-label {
  opacity: 0.5;
}
.create-nicd-form-inner-inputs__others--disabled .ui-kit-form-input input,
.create-nicd-form-inner__person-info--disabled .ui-kit-form-input input,
.create-nicd-form-inner-password--disabled .ui-kit-form-input input {
  background: #f9fafa;
}
.register-whois-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.register-whois-form__region-info,
.register-whois-form__person-info {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.register-whois-form-region-info__item {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  width: 341px;
}
.register-whois-form .ui-kit-form-input {
  margin-bottom: 0 !important;
}
.register-whois-form .ui-kit-form-input-label {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 9px;
  color: #141414;
}
.input-whois-person-info {
  flex: 1;
}
.input-whois-region {
  width: 341px;
}
.input-whois-country {
  width: 199px;
}
.input-whois-zipcode {
  width: 118px;
}
.accept-transfer-page {
  position: relative;
}
.accept-transfer-page__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 29px;
  color: #141414;
}
.accept-transfer-page__image {
  right: 30px;
  z-index: -1;
  top: 60px;
  position: absolute;
}
.accept-transfer-page__buttons {
  align-self: flex-start;
}
.accept-transfer-page .transfer-page {
  flex-direction: column;
}
.accept-transfer-page .transfer-resource-card-wrapper {
  padding: 30px 31px 52px 24px;
}
.transfer-page {
  display: flex;
}
@media screen and (max-width: 1330px) {
  .transfer-page {
    padding: 0 30px;
    flex-direction: column;
  }
}
@media screen and (max-width: 1330px) {
  .transfer-page__configuration-card {
    margin-top: 48px;
  }
}
.transfer-page__configuration-card .ui-kit-float-position-block {
  width: 361px;
  margin-left: 68px;
}
@media screen and (max-width: 1330px) {
  .transfer-page__configuration-card .ui-kit-float-position-block {
    width: 850px;
    margin-left: 0;
    position: initial !important;
  }
}
.transfer-page-title {
  width: 750px;
  color: #141414;
  font-size: 30px;
  line-height: 35px;
  margin: 48px 0 41px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1330px) {
  .transfer-page-title {
    padding: 0 30px;
  }
}
.transfer-page-title .na-icon-arrow-chevron-left {
  margin-right: 26px;
  font-size: 20px;
  cursor: pointer;
  color: #141414;
  text-decoration: none;
}
.transfer-error-block {
  background: #ffffff;
  color: #141414;
  border: 1px solid rgba(20, 20, 20, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 35px 43px 32px 24px;
  display: flex;
  width: 536px;
}
.transfer-error-block__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
}
.transfer-error-block__text {
  font-size: 16px;
  line-height: 19px;
  margin: 12px 0 24px;
}
.transfer-error-block__image {
  margin-right: 24px;
}
.transfer-page-loading {
  width: 850px;
  padding-left: 20px;
}
.transfer-page-loading__card {
  height: 106px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  margin-bottom: 81px;
}
@media screen and (max-width: 1330px) {
  .transfer-page-loading {
    width: 806px;
    padding-left: 44px;
  }
}
.transfer-page-loading-list {
  margin-left: 24px;
  margin-top: 57px;
}
.transfer-loading-list-title-block {
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.transfer-loading-list-title-block__text {
  width: 140px;
  height: 29px;
  margin-bottom: 21px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
}
.transfer-loading-list-row {
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
  padding: 24px 1px 28px;
  display: flex;
}
.transfer-loading-list-row__checkbox,
.transfer-loading-list-row__name,
.transfer-loading-list-row__description {
  height: 18px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
}
.transfer-loading-list-row__checkbox {
  width: 18px;
  margin-right: 23px;
}
.transfer-loading-list-row__name {
  width: 63px;
  margin-right: 140px;
}
.transfer-loading-list-row__description {
  width: 218px;
}
.transfer-loading-list-row:nth-child(2n + 1) .transfer-loading-list-row__name {
  width: 122px;
  margin-right: 81px;
}
.transfer-loading-list-row:nth-child(2n + 1) .transfer-loading-list-row__description {
  width: 297px;
}
.transfer-loading-list-row:last-child .transfer-loading-list-row__name {
  width: 83px;
  margin-right: 120px;
}
.transfer-loading-list-row:last-child .transfer-loading-list-row__description {
  width: 160px;
}
.transfer-resource-card-info-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 19px 17px 0 7px;
}
.transfer-resource-card-info-footer__link {
  text-decoration: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #0066ff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.transfer-resource-card-info-footer .na-icon-arrow-chevron-left {
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.transfer-resource-card-info-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  margin: 24px 0 0 40px;
  background: rgba(226, 138, 88, 0.1);
  border: 1px solid #e28a58;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.transfer-resource-card-hint-text__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 3px;
  color: #d37947;
}
.transfer-resource-card-hint-text__description {
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #141414;
}
.transfer-configuration-card {
  padding: 24px 26.5px 30px;
  background-color: #ffffff;
  box-shadow: 0px 20px 40px rgba(51, 51, 51, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.transfer-configuration-card__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #141414;
  margin-bottom: 24px;
  max-width: 308px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transfer-configuration-card__text {
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #586a7b;
}
.transfer-configuration-card__resources {
  max-width: 390px;
  margin: 16.5px 0 32.5px;
  padding: 16.5px 0;
  border-top: 1px solid rgba(20, 20, 20, 0.25);
  border-bottom: 1px solid rgba(20, 20, 20, 0.25);
}
.transfer-configuration-card__form {
  display: grid;
  gap: 1rem;
}
.transfer-configuration-card .ui-kit-form-input-label {
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #586a7b;
}
.transfer-configuration-card--batch .transfer-configuration-card__title {
  margin-bottom: 7px;
}
.transfer-configuration-card--batch .transfer-configuration-card__name {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #141414;
  padding: 8px 0;
  border-bottom: 1px solid rgba(20, 20, 20, 0.25);
}
.transfer-configuration-card--batch .transfer-configuration-card__button-block {
  margin-top: 38px;
}
.transfer-configuration-card--batch .transfer-configuration-card__resources {
  margin-top: 22px;
  padding: 0;
  max-height: 300px;
  overflow: auto;
  border-bottom: none;
  border-top: 1px solid rgba(20, 20, 20, 0.25);
}
.card-resources-item {
  display: flex;
  font-size: 14px;
  line-height: 24px;
  color: #141414;
}
.card-resources-item__title {
  font-weight: 600;
}
.card-resources-item__dashed-bottom {
  position: relative;
  top: -5px;
  flex: 1;
  margin: 0 3px;
  border-bottom: 1px dashed #a1aab1;
}
.related-resources-block {
  margin: 23px 0 0 40px;
}
.related-resources-block__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin: 0 6px 24px;
  color: #4e5f6e;
}
.related-resources-block__columns {
  display: flex;
}
.related-resources-table {
  width: 220px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #141414;
}
.related-resources-table:not(:last-child) {
  margin-right: 40px;
}
.related-resources-table__title {
  padding: 0 6px 12px;
  opacity: 0.8;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.related-resources-table-row {
  padding: 12px 6px;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.related-resources-table-row__text {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transfer-page-table {
  margin: 30px 0 48px;
  width: 850px;
}
.transfer-page-table .table-instances {
  border: none;
  margin-left: 0;
  max-width: 850px;
}
.transfer-page-table .table-wrapper {
  margin-bottom: 0;
}
.transfer-page-table:last-child {
  margin-bottom: 0;
}
.transfer-page-table-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #0066ff;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.transfer-page-table-title__icon {
  margin: 0 17px 0 25px;
}
.transfer-page-table-header {
  margin: 30px 0 0 25px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #4e5f6e;
}
.transfer-resources-title {
  margin: 30px 0 0 25px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #4e5f6e;
  max-width: 825px;
}
.transfer-resources-title--search {
  margin-top: 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.transfer-resources-title .search-input-block {
  position: relative;
}
.transfer-resources-title .ui-kit-search-input-block {
  width: 187px;
}
.transfer-resources-title .ui-kit-search-input-block__input {
  width: 170px;
}
.transfer-resources-search-empty {
  width: 850px;
  margin-top: 85px;
}
.transfer-zone-name--disabled,
.transfer-zone-records--disabled,
.transfer-zone-checkbox--disabled,
.transfer-domain-checkbox--disabled,
.transfer-domain-name--disabled,
.transfer-domain-nicd--disabled,
.transfer-domain-prolong--disabled,
.transfer-certificate-checkbox--disabled,
.transfer-certificate-name--disabled,
.transfer-certificate-date--disabled,
.transfer-certificate-publisher--disabled {
  opacity: 0.3;
}
.transfer-resource-card-wrapper {
  background-color: #ffffff;
  padding: 30px 40px 31px 24px;
  width: 786px;
  color: #4e5f6e;
  box-shadow: 0px 20px 40px rgba(51, 51, 51, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 25px;
}
.transfer-resource-card {
  display: flex;
}
.transfer-resource-card__icon {
  margin-right: 17px;
}
.transfer-resource-card__uid {
  font-size: 13px;
  line-height: 20px;
  color: #7a8791;
}
.transfer-resource-card__status {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  width: 165px;
  padding: 5px 0;
  text-align: center;
  align-self: start;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #e28a58;
}
.transfer-resource-card-info {
  flex: 1;
}
.transfer-resource-card-info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.transfer-resource-card-info__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 5px;
  max-width: 570px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.transfer-resource-card-info__description {
  font-size: 13px;
  line-height: 20px;
  color: #141414;
}
.transfer-resource-card-info__resources {
  margin-top: 26px;
  border-top: 1px solid rgba(20, 20, 20, 0.25);
}
.transfer-resource-batch-block {
  display: flex;
  padding: 8px 17px 8px 0;
  align-items: center;
  color: #141414;
  border-bottom: 1px solid rgba(20, 20, 20, 0.25);
}
.transfer-resource-batch-block__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transfer-resource-batch-block__description {
  padding: 4px 8px;
  font-size: 11px;
  line-height: 13px;
  background: #ebebeb;
  border-radius: 25px;
  margin-left: 48px;
}
.transfer-resource-batch-block .na-icon-close {
  cursor: pointer;
  margin-left: auto;
}
.transfer-batch-resource-card-hint .transfer-resource-card-info-hint {
  margin-left: 0;
}
.ui-kit-modal-container--transfer-cancel {
  min-width: 350px;
}
.transfer-cancel-modal .ui-kit-modal-title-helper {
  text-align: center;
}
.ui-kit-modal-container--create-ssh-key-modal {
  min-width: 335px;
}
.ui-kit-modal-container--create-ssh-key-modal .ui-kit-form-textarea {
  margin: 7px 0 22px;
}
.ui-kit-modal-container--create-ssh-key-modal .ui-kit-form-textarea-item {
  width: 313px;
  font-size: 13px;
  color: #141414;
  border: 1px solid #cccccc;
}
.ui-kit-modal-container--revoke-key-modal {
  min-width: 624px;
  padding: 42px 53px 31px;
}
.ui-kit-modal-container--revoke-key-modal .ui-kit-modal-title-helper {
  margin-bottom: 12px;
}
.ssh-key-modal-public-key {
  padding: 14px 39px 16px 23px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #141414;
  overflow-wrap: break-word;
  background-color: rgba(20, 20, 20, 0.02);
}
.ssh-key-modal-public-key-copy {
  margin-top: 8px;
  width: 160px;
  cursor: pointer;
  display: flex;
  color: #0066ff;
  align-items: center;
}
.ssh-key-modal-public-key-copy__tooltip {
  width: 20px;
}
.ssh-key-modal-public-key-copy .na-icon-copy {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.ssh-key-modal-buttons {
  margin-top: 1.5rem;
}
.ssh-key-modal-buttons .netangels-kit-horizontal-container {
  width: auto;
}
.ssh-key-modal-buttons .netangels-kit-horizontal-container > * {
  flex: none;
}
.ssh-key-modal-resources {
  margin: 22px 0 0;
}
.ssh-key-modal-resources__title {
  margin-bottom: 10px;
  color: #141414;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.ssh-key-modal-header {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: rgba(20, 20, 20, 0.7);
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.ssh-key-modal-header .ui-kit-copypable-text__container {
  font-weight: 400;
  margin-left: 4px;
  color: rgba(20, 20, 20, 0.7);
}
.ssh-key-modal-header .dashed-copy-text {
  border-bottom: 1px dashed rgba(20, 20, 20, 0.7);
}
.ssh-key-modal-header__link {
  cursor: pointer;
  border-bottom: 1px dashed rgba(20, 20, 20, 0.7);
}
.ssh-key-modal-resources-tables {
  display: flex;
  justify-content: space-between;
}
.ssh-key-modal-resources-table {
  width: 278px;
}
.ssh-key-modal-resources-table__inner {
  max-height: 300px;
  overflow-y: auto;
}
.ssh-key-modal-resources-table__title {
  padding: 14px 0;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: rgba(20, 20, 20, 0.7);
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.ssh-key-modal-resources-table-row {
  display: flex;
  padding: 14px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #141414;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.ssh-key-modal-resources-table-row__name {
  max-width: 180px;
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ssh-key-modal-resources-table-row__id {
  color: rgba(20, 20, 20, 0.7);
}
.table-cell-actions-button--ssh-key {
  top: -25px;
}
.adminpanel-table-instance-ssh-key__actions {
  width: 30px;
}
.table-instance-col--ssh-key-fingerprint .ui-kit-copypable-text__container {
  font-weight: 400;
}
.table-instance-col--ssh-key-fingerprint .__react_component_tooltip.place-right::before {
  display: none;
}
.table-instance-col--ssh-key-created {
  font-size: 14px;
  font-weight: 400;
  width: 105px;
  text-align: center;
}
.table-instance-col--ssh-key-actions {
  display: flex;
  justify-content: flex-end;
}
.ssh-keys-table__resources {
  opacity: 0;
  font-weight: 400;
  font-size: 14px;
  color: #0066ff;
  cursor: pointer;
  display: flex;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  transition: opacity 300ms;
}
.ssh-keys-table__resources .na-icon-connection {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.ssh-keys-table__name {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1330px) {
  .ssh-keys-table__name {
    max-width: 235px;
  }
}
.ssh-keys-entry-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 30px;
}
.ssh-keys-entry-actions .actions {
  position: relative;
  top: 0;
  right: 0;
}
.mail-domains-table {
  flex: 1;
}
@media screen and (max-width: 1330px) {
  .mail-domains-table {
    width: 665px;
    margin-left: 0;
  }
}
@media screen and (max-width: 1330px) {
  .mail-domains-table .table-wrapper {
    width: 665px;
    margin-top: 0;
    margin-left: 0;
  }
}
.mail-domains-table .table-instances {
  border: none;
  margin-left: 0;
}
.mail-domains-table .table-instances-loader {
  border: none;
  margin-top: 20px;
  margin-left: 0;
}
.mail-domains-table .table-header-wrapper {
  margin-top: 7px;
  padding-bottom: 4px;
  margin-left: 0;
}
@media screen and (max-width: 1330px) {
  .mail-domains-table .table-header-wrapper {
    width: 637px;
    margin-bottom: 0;
  }
}
.mail-domains-table .table-instance-col:nth-child(3) {
  text-align: right;
}
.mail-domains-table .table-instances-error {
  padding: 20px 0;
}
.mail-domains-table .mail-pagination {
  margin-left: 0;
}
.mail-domains-table .mail-pagination .table-pagination-break {
  padding-top: 0;
}
.mail-domains-table .mail-pagination .table-pagination-break .table-pagination-link {
  padding-top: 2px;
}
.mail-domains-table .mail-pagination .table-pagination li:nth-last-child(2) {
  margin-right: 0;
}
.table-instance-col--mail-domain-name {
  width: 500px;
}
.table-instance-col--mail-domain-mailbox {
  width: 45px;
}
.table-instance-col--mail-domain-mailbox .table-instance-col__cell {
  text-align: center;
}
.table-instance-col--mail-domain-used {
  min-width: 60px;
  font-weight: 400;
  text-align: right;
}
.table-instance-col--mail-domain-quota {
  min-width: 100px;
  font-weight: 400;
  text-align: right;
}
.mail-domain-name {
  display: flex;
  font-size: 16px;
  line-height: 19px;
}
.mail-domain-name__text {
  margin-left: 8px;
  max-width: 500px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1330px) {
  .mail-domain-name__text {
    max-width: 250px;
  }
}
.mail-domain-name--disabled {
  color: #d06565;
}
.mail-domain-name .na-icon-alert-inverse {
  color: #de8958;
}
.mail-domain-name .na-icon-badge-check {
  color: #29ac7a;
}
.mail-domain-name .na-icon-lock {
  color: #d06565;
}
.mail-domain-name .na-icon-transfer {
  color: #e28a58;
}
.mail-domain-name .ui-kit-custom-tooltip {
  font-weight: 400;
}
.mail-domain-used--disabled {
  color: #d06565;
}
.mail-domain-entry-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 30px;
}
.mail-domain-entry-actions .actions {
  position: relative;
  top: 0;
  right: 0;
}
.mail-domain-entry-actions .action_link {
  color: #141414;
}
.mail-domain-name-tooltip__link {
  color: #66a3ff;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.mail-domain-name-tooltip__link:hover {
  color: #80b3ff;
}
.mail-domains-statistics {
  width: 18rem;
  min-height: 181px;
  background: #ffffff;
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 1330px) {
  .mail-domains-statistics {
    margin-right: 0;
  }
}
.mail-domains-statistics__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #141414;
  padding: 23px 24px 21px;
  display: flex;
  align-items: center;
  text-decoration: none;
  border-bottom: 1px solid rgba(20, 20, 20, 0.15);
}
.mail-domains-statistics__title .na-icon-arrow-chevron-right {
  font-size: 1.5rem;
}
.mail-domains-statistics__hint {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #141414;
  padding: 0 24px 20px;
}
.mail-domains-statistics__hbc-header {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #141414;
  margin: 17px 23px 9px;
}
.mail-domains-statistics__info {
  padding: 16px 24px 24px;
}
.mail-domains-statistics--empty-free-quota {
  min-height: 0;
}
.mail-domains-statistics .ui-kit-resource-fills {
  margin: 16px 24px;
}
.mail-domains-statistics .ui-kit-resource-fills-head {
  margin-bottom: 8px;
}
.mail-domains-statistics .ui-kit-resource-fills-head__name {
  line-height: 16px;
}
.mail-domains-statistics .ui-kit-resource-fills-head__additional {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.mail-domains-statistics .ui-kit-resource-fills-scales {
  flex: 1;
}
.mail-domains-statistics .ui-kit-resource-fills-scales__background {
  height: 20px;
  background-color: #eaeaea;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mail-domains-statistics .ui-kit-resource-fills-scale {
  height: 20px;
}
.mail-domains-statistics .ui-kit-resource-fills--is-loading .ui-kit-resource-fills-head {
  opacity: 0;
}
.mail-domains-statistics .ui-kit-resource-fills-background-content--is-loading {
  line-height: 20px;
}
.mail-domains-statistics .ui-kit-resource-fills-tooltip {
  padding: 10px 11px 10px 8px;
  width: 160px;
}
.mail-domains-statistics .horizontal-bar-chart {
  display: flex;
  flex-direction: column-reverse;
}
.mail-domains-statistics .horizontal-bar-statistics {
  margin: 0 24px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mail-domains-statistics .horizontal-bar-statistics-resource {
  height: 20px;
}
.mail-domains-statistics .horizontal-bar-statistics-resource:nth-last-child(2) {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.mail-domains-statistics .horizontal-bar-statistics-resource:first-child {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.mail-domains-statistics .horizontal-bar-statistics-resource--packet {
  background-color: #e7e7e7;
}
.mail-domains-statistics .horizontal-bar-chart-legend {
  margin-bottom: 8px;
}
.mail-domains-statistics .horizontal-bar-chart-legend__resources {
  flex: 1;
}
.mail-domains-statistics .hbc-resource {
  width: 100%;
  border: none;
  margin: 0 24px 12px 25px;
}
.mail-domains-statistics .hbc-resource__inner {
  padding: 0;
}
.mail-domains-statistics .hbc-resource-content__title {
  font-size: 13px;
  line-height: 15px;
  width: 100%;
}
.mail-domains-statistics .hbc-resource-content__value {
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
}
.mail-domains-statistics .hbc-resource-color-box {
  width: 10px;
  height: 8px;
}
.mail-domains-statistics .hbc-resource-color-box--packet {
  background-color: #e7e7e7;
}
.mail-domains-statistics-packet {
  background: #eaf5ff;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  padding: 12px 26px 12px 24px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #141414;
  cursor: pointer;
}
.mail-domains-statistics-packet__warning {
  color: #0066ff;
}
.mail-domains-statistics-packet__warning--budget {
  font-size: 13px;
  text-align: center;
}
.mail-domain-statistics-tooltip {
  color: #ffffff;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  display: flex;
}
.mail-domain-statistics-tooltip__name {
  margin-right: 7px;
}
.mail-domain-statistics-tooltip__indicator {
  width: 10px;
  height: 10px;
}
.mail-resource-name__indicator,
.mail-domain-statistics-tooltip__indicator {
  margin-right: 8px;
}
.mail-resource-name__indicator--title-color,
.mail-domain-statistics-tooltip__indicator--title-color {
  background-color: #454545;
}
.mail-domains-plus-banner {
  width: 229px;
  cursor: pointer;
  margin-top: 24px;
  color: #141414;
  padding: 21px 35px 24px 24px;
  background: #ffffff;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 1330px) {
  .mail-domains-plus-banner {
    margin-right: 0;
  }
}
.mail-domains-plus-banner__description {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.mail-domains-plus-banner-header {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 14px;
}
.mail-domains-plus-banner-header__image {
  font-size: 24px;
  color: #0066ff;
  margin-right: 16px;
}
.mail-domains-plus-banner-header__blue {
  color: #0066ff;
}
.mail-domains-statistics-info__hint,
.mail-domains-statistics-info__price {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: rgba(20, 20, 20, 0.8);
}
.mail-domains-statistics-info__hint {
  margin-top: 16px;
}
.mail-domains-statistics-info-item {
  display: flex;
  margin-bottom: 10px;
}
.mail-domains-statistics-info-item__text {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #141414;
}
.mail-domains-statistics-info-item__dashed-bottom {
  position: relative;
  top: -3px;
  flex: 1;
  border-bottom: 1px dashed rgba(20, 20, 20, 0.15);
}
.mail-maintence {
  margin-bottom: 1.5rem;
}
.ui-kit-modal-container--domain-validation {
  min-width: 650px;
}
.ui-kit-modal-container--create-mail-domain .ui-kit-form-errors {
  max-width: 290px;
}
.ui-kit-modal-container--change-domain-quota,
.ui-kit-modal-container--update-mail-packet {
  min-width: 460px;
}
.ui-kit-modal-container--change-domain-quota .ui-kit-resource,
.ui-kit-modal-container--update-mail-packet .ui-kit-resource {
  min-height: 66px;
}
.ui-kit-modal-container--change-domain-quota .ui-kit-resource-slider,
.ui-kit-modal-container--update-mail-packet .ui-kit-resource-slider {
  padding-top: 10px;
}
.ui-kit-modal-container--create-mailbox {
  min-width: 400px;
}
.ui-kit-modal-container--mailboxes-turn-on-modal {
  min-width: 430px;
}
.ui-kit-modal-container--mailbox-aliases-modal {
  min-width: 475px;
}
.ui-kit-modal-container--mailbox-local-modal {
  min-width: 560px;
}
.ui-kit-modal-container--mailbox-upload-csv-modal__with-error {
  min-width: 360px;
  padding: 44px 60px 48px !important;
}
.ui-kit-modal-container--mailbox-upload-csv-modal__with-errors {
  min-width: 450px;
  padding: 44px 60px 48px !important;
}
.ui-kit-modal-container--mailbox-snapshot-modal {
  min-width: 320px;
  padding: 44px 60px 42px !important;
}
.ui-kit-modal-container--change-mail-quota.ui-kit-modal-container {
  padding: 30px 58px 48px;
  width: 741px;
}
.ui-kit-modal-container--activate-mail-paid.ui-kit-modal-container {
  padding: 30px 58px 48px;
  width: 741px;
}
.ui-kit-modal-container--activate-mail-paid-without-free.ui-kit-modal-container {
  padding: 30px 58px 48px;
  width: 420px;
}
.ui-kit-modal-container--mail-packets-list {
  min-width: 858px;
}
.ui-kit-modal-container--mail-packets-list .ui-kit-modal-title-helper {
  font-weight: 600;
  margin-bottom: 48px;
  font-size: 24px;
  line-height: 28px;
}
.ui-kit-modal-container--order-mail-packet {
  min-width: 360px;
  padding-bottom: 31px;
}
.ui-kit-modal-container--cancel-mail-packet {
  min-width: 429px;
}
.ui-kit-modal-container--cancel-mail-packet .ui-kit-modal-title-helper {
  text-align: center;
}
.ui-kit-modal-container--update-mail-packet {
  min-width: 429px;
}
.ui-kit-modal-container--update-mail-packet .ui-kit-modal-title-helper {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
.ui-kit-modal-container--update-mail-packet .ui-kit-form-checkbox:not(:last-child) {
  margin: 30px 0 16px;
}
.ui-kit-modal-container--update-mail-packet .ui-kit-form-checkbox-label__content {
  font-weight: 600;
  font-size: 16px;
  margin-left: 0;
  line-height: 16px;
}
.ui-kit-modal-container--update-mail-packet .ui-kit-form-checkbox-inner--switcher__label {
  cursor: pointer;
  flex-direction: row-reverse;
}
.domain-validation-modal {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.domain-validation-modal__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.domain-validation-modal__code-row {
  position: relative;
}
.domain-validation-modal__code-row:hover .domain-validation-modal__code-icon {
  opacity: 1;
}
.domain-validation-modal__code-icon {
  position: absolute;
  top: 0;
  left: -15px;
  color: #ffffff;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.domain-validation-modal__code-column {
  padding: 0 3px;
}
.domain-validation-modal__link {
  align-self: baseline;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  color: #141414;
  text-decoration: none;
  border-bottom: 1px dashed #141414;
}
.domain-validation-modal .ui-kit-modal-reject-button {
  margin-top: 24px;
}
.mail-domains-modal-title__name {
  font-weight: 600;
}
.change-domain-quota-checkbox.ui-kit-form-checkbox {
  margin-bottom: 0 !important;
}
.change-domain-quota-checkbox .ui-kit-form-checkbox-inner--switcher__label {
  flex-direction: row-reverse;
}
.change-domain-quota-checkbox .ui-kit-form-checkbox-label__content {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  margin: 0 16px 0 0;
  display: flex;
}
.change-domain-quota__hint {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin: 5px 0 43px;
}
.change-domain-quota__current {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #0066ff;
}
.mailbox-aliases .ui-kit-form-tags-input-block-inner::-webkit-scrollbar,
.mailbox-aliases .ui-kit-form-errors::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.mailbox-aliases .ui-kit-form-tags-input-block-inner::-webkit-scrollbar-track,
.mailbox-aliases .ui-kit-form-errors::-webkit-scrollbar-track {
  background-color: transparent;
}
.mailbox-aliases .ui-kit-form-tags-input-block-inner::-webkit-scrollbar-thumb,
.mailbox-aliases .ui-kit-form-errors::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.mailbox-aliases .ui-kit-form-tags-input-block-inner {
  min-height: 100px;
  max-height: 300px;
  overflow-y: auto;
}
.mailbox-aliases .ui-kit-form-errors {
  max-height: 150px;
  overflow: auto;
}
.mailbox-aliases .ui-kit-form-tags-input-block-inner-tag {
  -webkit-touch-callout: auto;
  /* iOS Safari */
  -webkit-user-select: auto;
  /* Safari */
  -khtml-user-select: auto;
  /* Konqueror HTML */
  -moz-user-select: auto;
  /* Firefox */
  -ms-user-select: auto;
  /* Internet Explorer/Edge */
  user-select: auto;
}
.mailbox-aliases .ui-kit-form-tags-input-block-inner-tag__remove {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.mailbox-aliases .ui-kit-form-tags {
  margin-bottom: 0;
}
.mailbox-aliases-copy {
  margin: 16px 0 0;
  cursor: pointer;
  display: flex;
  color: #0066ff;
  align-items: center;
}
.mailbox-aliases-copy__tooltip {
  width: 20px;
}
.mailbox-aliases-copy .na-icon-copy {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.upload-csv-mailboxes .ui-kit-form-errors {
  margin-bottom: 20px;
}
.upload-csv-mailboxes .ui-kit-form-errors .ui-kit-form-error {
  margin-bottom: 5px;
}
.upload-csv-mailboxes__loader {
  display: flex;
  justify-content: center;
}
.upload-csv-mailboxes__error-warning {
  background-color: #FFF3F3;
  border-radius: 4px;
  padding: 20px 30px 25px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-csv-mailboxes__error-warning::before {
  font-size: 2rem;
  color: #d55a5a;
  margin-right: 1rem;
}
.upload-csv-mailboxes-error-warning__text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.upload-csv-mailboxes-error-warning__title {
  font-size: 16px;
  font-weight: 600;
  color: #d55a5a;
  margin-bottom: 7px;
}
.upload-csv-mailboxes-error-warning__subtitle {
  font-size: 14px;
}
.upload-csv-mailboxes-error-warning__reset-button {
  padding-bottom: 3px;
  border-bottom: 1px dashed #141414;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.upload-csv-mailboxes-error-warning__reset-button:hover {
  opacity: 0.8;
}
.upload-csv-mailboxes__errors {
  margin-top: 25px;
}
.upload-csv-mailboxes__error {
  margin-bottom: 15px;
}
.upload-csv-mailboxes__error-line {
  color: #d55a5a;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
}
.upload-csv-mailboxes__error-entries {
  font-size: 14px;
  line-height: 16px;
}
.upload-csv-mailboxes__instruction-link {
  display: block;
  margin-top: 24px;
}
.upload-csv-mailboxes__errors-count {
  color: #d55a5a;
  font-size: 14px;
  line-height: 16px;
}
.upload-csv-mailboxes__download-log-button {
  margin-top: 25px;
}
.upload-csv-mailboxes__download-log-button a {
  width: 100%;
  color: #141414;
  font-size: 16px;
  line-height: 19px;
  padding: 10px 20px;
}
.upload-csv-mailboxes__download-log-button a::before {
  margin-right: 15px;
}
.upload-csv-mailboxes__download-log-button a:hover {
  color: #141414;
}
.create-mailbox .ui-kit-form-input__inner {
  position: relative;
}
.create-mailbox .ui-kit-form-input-additional-right-text {
  height: 35px;
  bottom: 1px;
  right: 1px;
  padding: 1px 15px 0 10px;
  font-size: 14px;
  box-sizing: border-box;
  background-color: #f4f4f4;
  color: #141414;
  border-left: 1px solid #cccccc;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
  opacity: 1;
  z-index: 3;
}
.create-mailbox .ui-kit-horizontal-container {
  margin-top: 24px;
}
.mailbox-local .ui-kit-form-input-radio-label {
  align-items: flex-start;
}
.mailbox-local .ui-kit-form-input-radio-label__radio {
  margin-top: 3px;
}
.mailbox-local .ui-kit-form-input-radio-label__radio::before {
  background-color: transparent;
}
.mailbox-local .ui-kit-form-errors {
  margin-bottom: 20px;
}
.mailbox-local-radio-button__title {
  font-size: 16px;
  line-height: 20px;
}
.mailbox-local-radio-button__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 3px;
}
.mailbox-local__span--danger {
  color: #d51010;
  font-weight: 600;
}
.mailbox-snapshot__info {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.mailbox-snapshot__warning {
  margin: 15px 0 5px;
}
.mailbox-snapshot__link {
  color: #0066ff;
  display: inline-block;
  text-decoration: none;
}
.mailbox-snapshot__price {
  font-weight: 600;
}
.mailbox-snapshot .ui-kit-form-errors {
  margin-top: 20px;
}
.mailbox-snapshot .ui-kit-horizontal-container {
  margin-top: 15px;
}
.domain-change-quota {
  color: #141414;
}
.domain-change-quota__free {
  margin: 32px 0 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}
.domain-change-quota__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 30px;
}
.domain-change-quota__quota {
  font-weight: 600;
  font-size: 24px;
  line-height: 16px;
  color: #0066ff;
  margin-top: 20px;
  padding-bottom: 7px;
  display: inline-block;
  cursor: pointer;
  border-bottom: 1px dashed #0066ff;
}
.domain-change-quota__unit {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  opacity: 0.5;
  margin-left: 3px;
}
.domain-change-quota .ui-kit-form-input-container {
  margin-bottom: 0;
  margin-top: 15px;
  display: flex;
}
.domain-change-quota .ui-kit-form-input-container .ui-kit-form-input:not(:last-child) {
  margin-bottom: 0 !important;
}
.domain-change-quota .ui-kit-form-input input {
  field-sizing: content;
  font-weight: 600;
  font-size: 24px;
  line-height: 25px;
  border: none;
  padding: 0 0 4px;
}
.domain-change-quota .ui-kit-form-input input:focus {
  border: none;
  box-shadow: none;
}
.domain-change-quota .ui-kit-resource-fills-head {
  margin-bottom: 8px;
}
.domain-change-quota .ui-kit-resource-fills-head__name {
  line-height: 16px;
}
.domain-change-quota .ui-kit-resource-fills-head__additional {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.domain-change-quota .ui-kit-resource-fills-scales {
  flex: 1;
}
.domain-change-quota .ui-kit-resource-fills-scales__background {
  height: 20px;
  background-color: #eaeaea;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.domain-change-quota .ui-kit-resource-fills-scale {
  height: 20px;
}
.domain-change-quota .ui-kit-resource-fills--is-loading .ui-kit-resource-fills-head {
  opacity: 0;
}
.domain-change-quota .ui-kit-resource-fills-background-content--is-loading {
  line-height: 20px;
}
.domain-change-quota .ui-kit-resource-slider {
  padding-top: 9px;
  margin-bottom: 21px;
}
.domain-change-quota .ui-kit-slider-units {
  margin-top: 6px;
}
.domain-change-quota .ui-kit-slider-units__unit {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.domain-change-quota .ui-kit-form-errors {
  margin-bottom: 20px;
}
.activate-mail-paid-header {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
.activate-mail-paid-header__image {
  margin-right: 16px;
  color: #0066ff;
  font-size: 36px;
}
.activate-mail-paid-header__blue {
  color: #0066ff;
  margin-right: 6px;
}
.activate-mail-paid {
  display: flex;
  color: #141414;
  margin-bottom: 16px;
  justify-content: space-between;
}
.activate-mail-paid-info {
  max-width: 300px;
}
.activate-mail-paid-info__free {
  font-weight: 600;
  font-size: 18px;
  line-height: 16px;
  margin-bottom: 27px;
}
.activate-mail-paid-info .ui-kit-resource-fills-head {
  margin-bottom: 8px;
}
.activate-mail-paid-info .ui-kit-resource-fills-head__name {
  line-height: 16px;
}
.activate-mail-paid-info .ui-kit-resource-fills-head__additional {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}
.activate-mail-paid-info .ui-kit-resource-fills-scales {
  flex: 1;
}
.activate-mail-paid-info .ui-kit-resource-fills-scales__background {
  height: 20px;
  background-color: #eaeaea;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.activate-mail-paid-info .ui-kit-resource-fills-scale {
  height: 20px;
}
.activate-mail-paid-info-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-top: 16px;
}
.activate-mail-paid-info-text__bold {
  font-weight: 600;
}
.activate-mail-paid-info-text__blue {
  font-weight: 600;
  color: #0066ff;
}
.change-mail-quota .hbc-resource {
  border: none;
}
.change-mail-quota .horizontal-bar-chart {
  display: flex;
  flex-direction: column-reverse;
}
.change-mail-quota .horizontal-bar-chart__statistc {
  margin: 14px 0 11px;
}
.change-mail-quota .horizontal-bar-chart-legend-resource {
  margin-bottom: 0;
}
.change-mail-quota .horizontal-bar-statistics-resource {
  height: 20px;
}
.change-mail-quota .hbc-resource-content {
  padding: 5px 0;
}
.change-mail-quota .hbc-resource-content__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.change-mail-quota .hbc-resource-content__value {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.change-mail-quota .hbc-resource-color-box--free-quota,
.change-mail-quota .horizontal-bar-statistics-resource--free-quota {
  background-color: #29ac7a;
}
.change-mail-quota .hbc-resource-color-box--paid-quota,
.change-mail-quota .horizontal-bar-statistics-resource--paid-quota {
  background-color: #eaa641;
}
.change-mail-quota-hbc-header {
  display: flex;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #141414;
  margin-top: 26px;
}
.change-mail-quota-hint {
  font-size: 16px;
  line-height: 22px;
  margin: 19px 0 32px;
  color: #141414;
}
.change-mail-quota-hint__bold {
  font-weight: 600;
}
.change-mail-quota-hint__blue {
  color: #0066ff;
}
.domain-change-quota-description {
  font-weight: 400;
  color: #141414;
  font-size: 14px;
  line-height: 18px;
  margin: 3px 0 32px;
}
.domain-change-quota-description__bold {
  font-weight: 600;
}
.mail-packets-list-header__image {
  margin-right: 17px;
}
.mail-packets-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mail-packet-card {
  color: #141414;
  position: relative;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 258px;
}
.mail-packet-card__benefit {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin: 0 16px 16px;
}
.mail-packet-card__recommend {
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  padding: 8px 24px 9px;
  background-color: #e17334;
  color: #ffffff;
  position: absolute;
  -webkit-border-radius: 0px 4px;
  -moz-border-radius: 0px 4px;
  border-radius: 0px 4px;
  top: -16px;
  right: -10px;
}
.mail-packet-card__recommend::after {
  content: '';
  bottom: -10px;
  right: 0;
  position: absolute;
  border: 5px solid transparent;
  border-left: 5px solid #93512c;
  border-top: 5px solid #93512c;
}
.mail-packet-card--recommend {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);
}
.mail-packet-card--recommend .mail-packet-card-title {
  padding-top: 24px;
}
.mail-packet-card-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px;
  border-bottom: 1px solid #e2e5e7;
}
.mail-packet-card-title__discount {
  padding: 4px 8px;
  background-color: #0066ff;
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mail-packet-card-description {
  padding: 12px 16px 3px;
  display: flex;
  align-items: center;
}
.mail-packet-card-description__price {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #0066ff;
}
.mail-packet-card-description__full-price {
  margin-left: 16px;
  font-size: 14px;
  line-height: 16px;
  opacity: 0.8;
  text-decoration: line-through;
}
.update-mail-packet-header__image {
  margin-right: 17px;
}
.update-mail-packet-radio {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.update-mail-packet-radio__discount {
  margin-left: 10px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  color: #ffffff;
  font-size: 13px;
  line-height: 15px;
  padding: 4px 8px 5px 5px;
  background-color: #a2b0ba;
}
.update-mail-packet-radio__price {
  color: #0066ff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
}
.update-mail-packet__radio-buttons .ui-kit-form-radio-button-group .ui-kit-form-input-radio:not(:last-child) {
  margin-bottom: 10px;
}
.update-mail-packet__radio-buttons .ui-kit-form-input-radio-label {
  cursor: pointer;
  padding: 12px 22px 12px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(20, 20, 20, 0.25);
}
.update-mail-packet__radio-buttons .ui-kit-form-input-radio-label__content {
  width: 100%;
}
.update-mail-packet__radio-buttons .ui-kit-form-input-radio--active .ui-kit-form-input-radio-label {
  border-color: #0066ff;
}
.update-mail-packet__radio-buttons .ui-kit-form-input-radio--active .update-mail-packet-radio {
  color: #0066ff;
}
.update-mail-packet__radio-buttons .ui-kit-form-input-radio--active .update-mail-packet-radio__discount {
  background-color: #0066ff;
}
.update-mail-packet__next-date {
  margin: 16px 0 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}
.update-mail-packet--budget .ui-kit-form-checkbox:not(:last-child) {
  margin-bottom: 0 !important;
}
.update-mail-packet--budget .update-mail-packet__next-date {
  margin: 6px 0 32px;
}
.update-mail-packet--budget .ui-kit-horizontal-container {
  margin-top: 30px;
}
.update-mail-packet-update-size__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 1px;
}
.update-mail-packet-update-size__price {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin: 12px 0 0;
}
.update-mail-packet-update-size .ui-kit-form-input-container {
  margin-bottom: 0;
  margin-top: 15px;
  display: flex;
}
.update-mail-packet-update-size .ui-kit-form-input-container .ui-kit-form-input:not(:last-child) {
  margin-bottom: 0;
}
.update-mail-packet-update-size .ui-kit-form-input input {
  width: 55px;
  font-weight: 600;
  font-size: 24px;
  line-height: 25px;
  padding: 0 0 4px;
  border: none;
}
.update-mail-packet-update-size .ui-kit-form-input input:focus {
  border: none;
  box-shadow: none;
}
.mailbox-change-password {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.mail-statistics-hbc .horizontal-bar-chart {
  display: flex;
  flex-direction: column-reverse;
}
.mail-statistics-hbc .horizontal-bar-chart__statistc {
  margin: 14px 0 16px;
}
.mail-statistics-hbc .horizontal-bar-chart-legend__resources {
  max-width: 100%;
}
.mail-statistics-hbc .horizontal-bar-chart-legend-resource {
  margin-bottom: 12px;
}
.mail-statistics-hbc .horizontal-bar-statistics-resource {
  height: 20px;
}
.mail-statistics-hbc .horizontal-bar-statistics-resource--packet {
  background-color: #e7e7e7;
}
.mail-statistics-hbc .hbc-resource-content {
  padding: 5px 9px;
}
.mail-statistics-hbc .hbc-resource-content__title {
  max-width: 100px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.mail-statistics-hbc .hbc-resource-content__value {
  font-size: 14px;
  line-height: 16px;
}
.mail-statistics-hbc .hbc-resource-color-box--packet {
  background-color: #e7e7e7;
}
.mail-statistics-hbc-header {
  display: flex;
  color: #141414;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  align-items: center;
}
.mail-statistics-hbc-header__link {
  margin: 0 3px;
  color: #0066ff;
  cursor: pointer;
  position: relative;
}
.mail-statistics-top-block {
  width: 601px;
  margin-top: 24px;
}
@media screen and (max-width: 1330px) {
  .mail-statistics-top-block {
    width: 904px;
  }
}
.mail-statistics-top-block__title {
  color: #141414;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 16px;
}
.mail-statistics-top-block__table {
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 24px 1px;
}
.mail-statistics-top-block__table .table-instance-col:nth-child(2) {
  text-align: right;
}
.mail-statistics-top-block__table .table-instance-col:first-child {
  padding-left: 0;
}
.mail-statistics-top-block__table .table-instance-col:last-child {
  padding-right: 0;
}
.mail-statistics-top-block .table-instances {
  margin: 0;
  box-shadow: none;
}
@media screen and (max-width: 1330px) {
  .mail-statistics-top-block .table-wrapper {
    width: 856px;
    margin: 0;
  }
}
.mail-resource-name {
  display: flex;
  align-items: center;
}
.mail-resource-name__indicator {
  width: 10px;
  height: 10px;
}
.mail-resource-name__text {
  max-width: 195px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mail-resource-quota {
  text-align: right;
  cursor: pointer;
  color: #0066ff;
}
.mail-resource-used {
  min-width: 60px;
  font-weight: 400;
  text-align: right;
}
.mail-resource-used--warning {
  color: #d55a5a;
}
.mail-resource-used--bold {
  font-weight: 600;
}
.mail-resource-entry-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 30px;
}
.mail-resource-entry-actions .actions {
  position: relative;
  top: 0;
  right: 9px;
}
.mail-statistics-warning {
  display: flex;
  padding: 21px 17px 23px;
  margin-top: 24px;
  position: relative;
  background-color: #fff3f3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mail-statistics-warning .na-icon-alert-inverse {
  color: #d55a5a;
  font-size: 32px;
  margin-right: 16px;
  top: 4px;
  position: relative;
}
.mail-statistics-warning-text-block__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #d55a5a;
  margin-bottom: 6px;
}
.mail-statistics-warning-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #141414;
}
.mail-statistics-warning-description__link {
  color: #0066ff;
  cursor: pointer;
}
.mail-empty-statistics-banner {
  padding: 24px;
  color: #141414;
  display: flex;
  align-items: center;
  background: #eaf5ff;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 1330px) {
  .mail-empty-statistics-banner {
    padding: 24px 12px;
  }
}
.mail-empty-statistics-banner-header {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin-right: 66px;
}
@media screen and (max-width: 1330px) {
  .mail-empty-statistics-banner-header {
    font-size: 20px;
    margin-right: 27px;
  }
}
.mail-empty-statistics-banner-header__image {
  margin-right: 16px;
  font-size: 36px;
  color: #0066ff;
}
@media screen and (max-width: 1330px) {
  .mail-empty-statistics-banner-header__image {
    font-size: 30px;
  }
}
.mail-empty-statistics-banner-header__blue {
  color: #0066ff;
}
.mail-empty-statistics-banner-advantages {
  width: 665px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1330px) {
  .mail-empty-statistics-banner-advantages {
    width: 560px;
  }
}
.mail-empty-statistics-banner-advantage {
  display: flex;
}
.mail-empty-statistics-banner-advantage__icon {
  font-size: 16px;
  margin-right: 16px;
}
@media screen and (max-width: 1330px) {
  .mail-empty-statistics-banner-advantage__icon {
    margin-right: 12px;
  }
}
.mail-empty-statistics-banner-advantage-text__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 4px;
}
@media screen and (max-width: 1330px) {
  .mail-empty-statistics-banner-advantage-text__title {
    font-size: 14px;
  }
}
.mail-empty-statistics-banner-advantage-text__text {
  font-size: 13px;
  line-height: 15px;
}
@media screen and (max-width: 1330px) {
  .mail-empty-statistics-banner-advantage-text__text {
    font-size: 12px;
  }
}
.mail-statistics-header {
  display: flex;
  padding: 19px 0;
  align-items: center;
  justify-content: space-between;
}
.mail-statistics-header__link {
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 35px;
  color: #141414;
  cursor: pointer;
}
.mail-statistics-header .na-icon-arrow-chevron-left {
  margin-right: 24px;
}
.mail-statistics-inner-block {
  display: flex;
  justify-content: space-between;
}
.mail-statistics-inner-block--empty {
  flex-direction: column;
}
@media screen and (max-width: 1330px) {
  .mail-statistics-inner-block {
    flex-direction: column;
  }
}
.mail-statistics-inner-block .section-empty-list {
  margin-bottom: 88px;
  margin-top: 21px;
}
.mail-statistics-inner-block .section-empty-list-content {
  color: #141414;
}
.mail-statistics-inner-block .section-empty-list-content__title {
  margin-top: 5px;
  margin-bottom: 10px;
}
.mail-statistics-graphic {
  margin-top: 18px;
  width: 601px;
}
@media screen and (max-width: 1330px) {
  .mail-statistics-graphic {
    width: auto;
  }
}
.mail-statistics-graphic .ui-kit-graphic-renderer {
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mail-statistics-graphic .ui-kit-graphic-renderer--loading {
  display: none;
}
.mail-statistics-graphic .ui-kit-statistic-widget__header {
  padding: 0;
  border-bottom: none;
  justify-content: space-between;
  margin-bottom: 9px;
}
.mail-statistics-graphic .ui-kit-statistic-widget-header__title {
  color: #141414;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.mail-statistics-graphic .ui-kit-statistic-widget__main {
  padding: 0;
}
.mail-statistics-graphic--loading {
  margin-top: 0;
}
.mail-statistics-graphic--loading .ui-kit-statistic-widget__header {
  display: none;
}
.mail-statistics-dumb-bar__bar {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  margin: 14px 0 16px;
  height: 20px;
  width: 100%;
}
.mail-statistics-dumb-bar-header {
  display: flex;
}
.mail-statistics-dumb-bar-header__item {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 18px;
}
.mail-statistics-dumb-bar-header__item:first-child {
  width: 245px;
}
.mail-statistics-dumb-bar-header__item:last-child {
  width: 313px;
}
.mail-statistics-dumb-bar-legend {
  display: flex;
}
.mail-statistics-dumb-bar-legend__item {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 28px;
  width: 172px;
  margin-right: 16px;
}
.mail-statistics-dumb-bar-legend__item:first-child {
  width: 182px;
}
.mail-statistics-dumb-table__title {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 19px;
  width: 332px;
  margin: 24px 0 16px;
}
.mail-statistics-dumb-table-table {
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 7px 24px 45px;
  width: 553px;
}
@media screen and (max-width: 1330px) {
  .mail-statistics-dumb-table-table {
    width: auto;
  }
}
.mail-statistics-dumb-table-row {
  border-bottom: 1px solid #e2e5e7;
  padding: 15px 100px 14px 0;
  display: flex;
}
.mail-statistics-dumb-table-row__item {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 19px;
  width: 59px;
}
.mail-statistics-dumb-table-row__item:last-child {
  width: 31px;
  margin-left: 124px;
}
.mail-statistics-dumb-table-row:first-child {
  padding-right: 84px;
}
.mail-statistics-dumb-table-row:first-child .mail-statistics-dumb-table-row__item:first-child {
  width: 76px;
  margin-right: 163px;
}
.mail-statistics-dumb-table-row:first-child .mail-statistics-dumb-table-row__item:last-child {
  width: 125px;
  margin-left: 46px;
}
.mail-statistics-dumb-table-row:nth-child(2n) .mail-statistics-dumb-table-row__item:first-child {
  width: 126px;
  margin-right: 113px;
}
.mail-statistics-dumb-table-row:nth-child(3n) .mail-statistics-dumb-table-row__item:first-child {
  width: 106px;
  margin-right: 133px;
}
.mail-statistics-dumb-table-row:nth-child(5n) .mail-statistics-dumb-table-row__item:first-child {
  width: 146px;
  margin-right: 93px;
}
.mail-statistics-dumb-graphic__title {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 19px;
  width: 198px;
  margin: 24px 0 16px;
}
.mail-statistics-dumb-graphic-graphic {
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 57px 44px 45px 35px;
  width: 523px;
}
@media screen and (max-width: 1330px) {
  .mail-statistics-dumb-graphic-graphic {
    width: auto;
  }
}
.mail-statistics-dumb-graphic__columns {
  border-left: 1px solid #e2e5e7;
  border-bottom: 1px solid #e2e5e7;
  display: flex;
  justify-content: space-between;
  padding-right: 13px;
}
.mail-statistics-dumb-graphic__column {
  background-color: rgba(226, 229, 231, 0.31);
  width: 1px;
  height: 175px;
  margin-bottom: 16px;
}
.mail-statistics-header-button {
  color: #141414;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.mail-statistics-header-button__image {
  margin-right: 16px;
  font-size: 24px;
  color: #0066ff;
}
.mail-statistics-header-button__blue {
  color: #0066ff;
  cursor: pointer;
}
.mail-statistics-header-button--paid {
  cursor: initial;
}
.mail-statistics-header-button--paid .mail-statistics-header-button__blue {
  margin-left: 3px;
}
.mail-order-packet-block {
  margin: 12px 0 6px;
  display: flex;
  position: relative;
  align-items: flex-start;
  padding: 16px 40px 42px 24px;
  color: #141414;
  background: #eaf5ff;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mail-order-packet-block__image {
  margin-right: 17px;
}
.mail-order-packet-block__discount {
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  padding: 8px 16px;
  background-color: #0066ff;
  color: #ffffff;
  position: absolute;
  -webkit-border-radius: 0px 4px;
  -moz-border-radius: 0px 4px;
  border-radius: 0px 4px;
  top: -13px;
  right: -10px;
}
.mail-order-packet-block__discount::after {
  content: '';
  bottom: -10px;
  right: 0;
  position: absolute;
  border: 5px solid transparent;
  border-left: 5px solid #345d81;
  border-top: 5px solid #345d81;
}
.mail-order-packet-block--awaiting .mail-order-packet-text-block {
  max-width: 653px;
}
.mail-order-packet-block--budget {
  padding-bottom: 16px;
}
.mail-order-packet-block--budget .mail-order-packet-text-block__title {
  margin: 13px 0;
}
.mail-order-packet-block--budget .mail-order-packet-price-block {
  display: flex;
  align-items: center;
}
.mail-order-packet-text-block {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  max-width: 574px;
}
.mail-order-packet-text-block__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin: 11px 0 16px;
}
.mail-order-packet-text-block__cancel-link {
  cursor: pointer;
  color: #0066ff;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin-top: 4px;
}
@media screen and (max-width: 1330px) {
  .mail-order-packet-text-block {
    max-width: 505px;
  }
}
.mail-order-packet-text-block-title__awaiting {
  margin-left: 3px;
  color: #e17334;
}
.mail-order-packet-price-block__price {
  color: #0066ff;
  margin: 11px 0 16px;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  display: flex;
  align-items: flex-end;
}
.mail-order-packet-price-block__full-price {
  font-size: 16px;
  line-height: 19px;
  margin: 0 12px 2px 0;
  text-decoration: line-through;
  color: rgba(20, 20, 20, 0.8);
}
.mail-statistics-packet-block {
  margin: 12px 0 6px;
  position: relative;
  align-items: flex-start;
  padding: 16px 40px 22px 24px;
  color: #141414;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mail-statistics-packet-block__discount {
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  padding: 8px 16px;
  background-color: #0066ff;
  color: #ffffff;
  position: absolute;
  -webkit-border-radius: 0px 4px;
  -moz-border-radius: 0px 4px;
  border-radius: 0px 4px;
  top: -13px;
  right: -10px;
}
.mail-statistics-packet-block__discount::after {
  content: '';
  bottom: -10px;
  right: 0;
  position: absolute;
  border: 5px solid transparent;
  border-left: 5px solid #345d81;
  border-top: 5px solid #345d81;
}
.mail-statistics-packet-block .packet-resource-fills {
  margin: 2px 0 12px 65px;
}
.mail-statistics-packet-header {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}
.mail-statistics-packet-header__image {
  margin-right: 17px;
}
.mail-statistics-packet-header__price {
  text-align: right;
  display: flex;
  align-items: flex-end;
}
.mail-statistics-packet-header__full-price {
  font-size: 16px;
  line-height: 19px;
  margin: 0 12px 2px 0;
  text-decoration: line-through;
  color: rgba(20, 20, 20, 0.8);
}
.mail-statistics-packet-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #141414;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  margin-left: 65px;
}
.mail-statistics-packet-footer__link {
  color: #0066ff;
  cursor: pointer;
}
.packet-resource-fills .ui-kit-resource-fills-head {
  margin-bottom: 8px;
}
.packet-resource-fills .ui-kit-resource-fills--mail-packet .ui-kit-resource-fills-scales__background {
  height: 5px;
}
.packet-resource-fills .ui-kit-resource-fills--mail-packet .ui-kit-resource-fills-scale {
  height: 5px;
}
.packet-resource-fills .ui-kit-resource-fills--mail-packet .ui-kit-resource-fills-head__additional {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.packet-resource-fills .ui-kit-resource-fills--mail-packet-safe .ui-kit-resource-fills-scales__background {
  background-color: rgba(41, 172, 122, 0.25);
}
.packet-resource-fills .ui-kit-resource-fills--mail-packet-danger .ui-kit-resource-fills-scales__background {
  background-color: rgba(208, 101, 101, 0.25);
}
.packet-resource-fills .ui-kit-resource-fills--mail-packet-warning .ui-kit-resource-fills-scales__background {
  background-color: rgba(250, 143, 52, 0.25);
}
.mail-paid-advantage-block {
  color: #141414;
}
.mail-paid-advantage-block__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 25px;
}
.mail-paid-advantage {
  display: flex;
  margin-bottom: 24px;
}
.mail-paid-advantage__icon {
  font-size: 16px;
  margin-right: 12px;
}
.mail-paid-advantage:last-child .mail-paid-advantage-text {
  width: 330px;
}
.mail-paid-advantage-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  width: 360px;
}
.mail-paid-advantage-text__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 4px;
}
.mail-paid-info-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-top: 16px;
}
.mail-paid-info-text__bold {
  font-weight: 600;
}
.mail-paid-info-text__blue {
  font-weight: 600;
  color: #0066ff;
}
.mail-disable-page-wrapper {
  margin: 24px 8px;
  display: flex;
  position: relative;
}
@media screen and (max-width: 1330px) {
  .mail-disable-page-wrapper {
    width: 973px;
    margin: 24px auto;
  }
}
.mail-disable-page {
  width: 666px;
}
.mail-disable-page__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #141414;
  margin-bottom: 16px;
}
.mail-disable-page__link {
  color: #0066ff;
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
.mail-disable-page__image {
  position: absolute;
  top: -50px;
  right: 8px;
}
@media screen and (max-width: 1330px) {
  .mail-disable-page__image {
    width: 400px;
    top: 0px;
    right: 40px;
  }
}
.mail-disable-page .mail-paid-advantage-block {
  background-color: #ffffff;
  margin: 32px 0;
  padding: 24px 34px 32px;
  width: 448px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.mail-disable-page .mail-paid-advantage-block__title {
  margin-bottom: 27px;
}
.licenses-sections-nav {
  margin-bottom: 24px;
}
@media screen and (max-width: 1330px) {
  .licenses-sections-nav {
    margin-left: 0;
  }
}
.license-name-block {
  display: flex;
  align-items: center;
  color: #141414;
}
.license-name-block__image {
  margin-right: 12px;
}
.license-name-block__edition {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.license-page .table-instances {
  margin-left: 0;
}
@media screen and (max-width: 1330px) {
  .license-page .table-instance-col {
    padding: 18px 20px;
  }
}
@media screen and (max-width: 1330px) {
  .license-page .table-instance-col--checkbox {
    padding: 22px 16px;
  }
  .license-page .table-instance-col--checkbox .ui-kit-form-checkbox-label__icon {
    margin-right: 0;
  }
}
.license-page .table-tr .table-instance-col:nth-child(3n) {
  text-align: center;
}
.license-page .table-tr .table-instance-col:nth-child(4n) {
  text-align: right;
}
.license-not-after-time--expected {
  color: #e17334;
  cursor: pointer;
}
.license-not-after-time--warning {
  color: #e17334;
}
.license-not-after-time--expired {
  color: #d06565;
}
.license-not-after-time--error {
  color: #d55a5a;
}
.table-instance-col--license-name {
  font-weight: 600;
  font-size: 16px;
  color: #141414;
  max-width: 200px;
  min-width: 170px;
}
@media screen and (max-width: 1330px) {
  .table-instance-col--license-name {
    max-width: 200px;
    min-width: 170px;
  }
}
.table-instance-col--license-price {
  text-align: right;
  min-width: 100px;
}
.table-instance-col--license-resource,
.table-instance-col--license-price {
  font-size: 14px;
  font-weight: 400;
}
.table-instance-col--license-not-after-time {
  font-size: 14px;
  text-align: center;
}
.table-instance-col--license-comment {
  max-width: 240px;
  min-width: 240px;
}
@media screen and (max-width: 1330px) {
  .table-instance-col--license-comment {
    max-width: 235px;
    min-width: 180px;
  }
}
.table-instance-col--license-comment-with-errors {
  padding: 4px 25px;
}
@media screen and (max-width: 1330px) {
  .table-instance-col--license-comment-with-errors {
    padding: 4px 20px !important;
  }
}
.table-instance-col--license-prolong .ui-kit-form-checkbox-inner--switcher__label {
  justify-content: center;
}
@media screen and (max-width: 1330px) {
  .table-instance-col--license-actions {
    padding: 18px;
  }
}
.license-comment-block {
  font-weight: 400;
}
.license-comment-block .ui-kit-form-input__input {
  padding: 6px 10px !important;
}
@media screen and (max-width: 1330px) {
  .license-comment-block .ui-kit-form-input__input {
    width: 215px;
  }
}
.license-comment-block .ui-kit-entry-comment {
  line-height: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s;
}
.license-comment-block .ui-kit-entry-comment__comment {
  font-size: 14px;
  vertical-align: middle;
  border-bottom: none;
  max-width: none;
  width: 100%;
}
.license-comment-block .ui-kit-entry-comment__add-comment {
  font-size: 14px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.table-instance-row:hover .license-comment-block .ui-kit-entry-comment {
  color: #107AD5;
}
.table-instance-row:hover .license-comment-block .ui-kit-entry-comment__add-comment {
  opacity: 1;
}
.table-instance-row:last-child > .table-instance-col {
  border-bottom: none;
}
.catalog-block {
  display: grid;
  grid-gap: 24px;
  grid-template-areas: "bitrix bitrix" "isp isp";
}
.catalog-card-inner {
  padding: 48px;
  height: 154px;
  display: flex;
  flex-direction: column;
}
.catalog-card-inner__button-block {
  display: flex;
  gap: 1.25rem;
}
.catalog-card {
  position: relative;
  height: 250px;
  display: flex;
  flex-direction: column;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.catalog-card__header-image {
  width: auto;
  height: 32px;
  margin-right: auto;
  margin-bottom: 16px;
}
.catalog-card__description {
  color: #ffffff;
  font-size: 18px;
}
.catalog-card--bitrix {
  grid-area: bitrix;
  height: 306px;
  background-image: url('/static-panel/images/licenses/bitrix-background.svg');
}
.catalog-card--bitrix .catalog-card-inner {
  padding: 54px 48px 48px;
  height: 204px;
}
.catalog-card--bitrix .catalog-card__header-image {
  width: auto;
  height: 39px;
}
.catalog-card--isp {
  grid-area: isp;
  background-image: url('/static-panel/images/licenses/isp-background.png');
}
.catalog-card--webasyst {
  grid-area: webasyst;
  background-image: url('/static-panel/images/licenses/webasyst-background.svg');
}
.licenses-add-page__cards {
  margin-top: 39px;
  display: flex;
  flex-wrap: wrap;
}
.licenses-add-page .table-instances {
  margin-top: 39px;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.05);
}
.licenses-add-page .table-tr .table-instance-col,
.licenses-add-page .table-instance-row .table-instance-col {
  text-align: center;
  font-weight: 400;
}
.licenses-add-page .table-tr .table-instance-col:not(:last-child),
.licenses-add-page .table-instance-row .table-instance-col:not(:last-child) {
  border-right-color: rgba(0, 0, 0, 0.04);
  border-right-width: 14px;
  border-right-style: solid;
}
.licenses-add-page .table-tr .table-instance-col:first-child,
.licenses-add-page .table-instance-row .table-instance-col:first-child {
  width: 235px;
}
.licenses-add-page .table-tr .table-instance-col--add-license-feature-name,
.licenses-add-page .table-instance-row .table-instance-col--add-license-feature-name {
  text-align: left;
}
.add-license-feature-name__inner {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.add-license-feature-name__inner::before {
  font-size: 1rem;
  color: #107AD5;
  cursor: pointer;
}
.license-table-header-cell {
  position: relative;
  display: grid;
  color: #141414;
  padding: 1.5px 0 11px;
}
.license-table-header-cell__name {
  font-size: 20px;
  font-weight: 600;
  line-height: 18px;
}
.license-table-header-cell__price {
  margin: 18px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
.license-table-header-cell__popular {
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  background: #e89d73;
  color: #ffffff;
  box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.06);
  position: absolute;
  text-align: center;
  left: -25px;
  top: -50px;
  width: 100%;
  padding: 4px 25px 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
@media screen and (max-width: 1330px) {
  .license-table-header-cell__popular {
    padding: 4px 20px 5px;
    left: -20px;
    top: -47px;
  }
}
.redaction-card-wrapper {
  width: 43%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  margin-bottom: 24px;
  padding: 32px 40px 35px;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
}
.redaction-card-wrapper:nth-child(2n) {
  margin-left: auto;
}
.redaction-card-wrapper:hover {
  box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1330px) {
  .redaction-card-wrapper {
    width: 41%;
  }
}
.redaction-card-popular {
  position: absolute;
  top: 0;
  right: -11px;
  padding: 8px 33px 11px 29px;
  -webkit-border-radius: 0px 4px;
  -moz-border-radius: 0px 4px;
  border-radius: 0px 4px;
  background-color: #e89d73;
}
.redaction-card-popular__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #ffffff;
}
.redaction-card-popular__triangle {
  position: absolute;
  bottom: 0px;
  right: 11px;
}
.redaction-card-popular__triangle::after {
  content: '';
  position: absolute;
  border: 6px solid transparent;
  border-left: 6px solid #e89d73;
  border-top: 6px solid #e89d73;
}
.redaction-card {
  color: #141414;
}
.redaction-card__title {
  color: #0066ff;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}
.redaction-card__description {
  font-size: 16px;
  margin: 12px 0 19px;
}
.redaction-card__price {
  margin: 19px 0 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
.redaction-card-advantages__item {
  display: flex;
  align-items: center;
  color: #141414;
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 16px;
}
.redaction-card-advantages__item .na-icon-plus {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  color: #0066ff;
}
.ui-kit-modal-container--pay-license-modal.ui-kit-modal-container {
  padding: 44px 59px 56px 60px;
}
.pay-license-modal__title {
  color: #141414;
  margin: 24px 0 12px;
  font-size: 14px;
  font-weight: 600;
}
.pay-license-modal__select-dumb {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
  height: 36px;
  width: 291px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pay-license-modal .ui-kit-form-input {
  margin: 0 !important;
}
.pay-license-modal-info-block {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fcfcfc;
  color: #141414;
  padding: 16px 26px 17px 16px;
  display: flex;
  align-items: center;
}
.pay-license-modal-info-block__image {
  margin-right: 12px;
}
.pay-license-modal-info-block__price {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.pay-license-text-block__name {
  font-size: 14px;
  font-weight: 600;
}
.pay-license-text-block__edition {
  font-size: 12px;
  margin-top: 2px;
}
.pay-license-modal-payment-systems__item {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(20, 20, 20, 0.5);
  display: flex;
  align-items: center;
  padding: 15px 18px 17px;
  color: #141414;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
  margin-bottom: 8px;
}
.pay-license-modal-payment-systems__item:before {
  margin-right: 11px;
}
.pay-license-modal-payment-systems--disabled .pay-license-modal-payment-systems__item {
  cursor: initial;
  opacity: 0.5;
  color: #ffffff;
  border: 1px solid #7a8791;
  background-color: #7a8791;
}
.ui-kit-modal-container--license-feature-description-modal.ui-kit-modal-container {
  padding: 42px 55px 66px;
  width: 619px;
}
.license-feature-description-modal__text {
  color: #141414;
  font-size: 16px;
  line-height: 26px;
}
.offer-license {
  padding-top: 15px;
  width: 1248px;
}
.offer-license__title {
  color: #4e5f6e;
  font-size: 24px;
}
.offer-license__description {
  margin: 12px 0 32px;
  font-size: 18px;
  line-height: 26px;
  color: #141414;
}
.offer-license .catalog-card {
  background-size: cover;
}
@media screen and (max-width: 1330px) {
  .offer-license {
    width: 973px;
    margin: 0 auto;
  }
  .offer-license .catalog-card-inner {
    height: 158px;
  }
  .offer-license .catalog-card__description {
    font-size: 16px;
  }
}
.table-instance-col--add-license-cell .na-icon-1-check {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0066ff;
}
.additional-catalog-block {
  margin-top: 48px;
}
.additional-catalog-block__title {
  color: #141414;
  font-size: 24px;
  margin-bottom: 24px;
}
.additional-catalog-block__cards {
  display: flex;
}
.additional-catalog-card {
  display: flex;
  align-items: center;
  width: 356px;
  text-decoration: none;
  padding: 23px 22px 22px;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
}
.additional-catalog-card:not(:last-child) {
  margin-right: 24px;
}
.additional-catalog-card__icon {
  margin-right: 24px;
}
.additional-catalog-card-text {
  color: #141414;
}
.additional-catalog-card-text__title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}
.additional-catalog-card-text__description {
  font-size: 14px;
}
.ui-kit-modal-container--license-info-modal {
  min-width: 424px;
  padding: 42px 53px 31px;
}
.ui-kit-modal-container--license-info-modal .ui-kit-modal-title-helper {
  margin-bottom: 12px;
}
.license-info-modal-key {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #141414;
}
.license-info-modal-key-copy {
  margin-top: 8px;
  width: 160px;
  cursor: pointer;
  display: flex;
  color: #0066ff;
  align-items: center;
}
.license-info-modal-key-copy__tooltip {
  width: 20px;
}
.license-info-modal-key-copy .na-icon-copy {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.datastorage-statistics__inner {
  background-color: #ffffff;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
}
.datastorage-statistics .ui-kit-statistic-widget__header {
  position: absolute;
  right: 0;
  z-index: 1;
  gap: 1.25rem;
  border-bottom: none;
  padding-right: 36px;
}
.datastorage-statistics .ui-kit-statistic-widget-header__title {
  display: none;
}
.datastorage-statistics .ui-kit-statistic-widget__main {
  padding: 0;
}
.datastorage-statistics .gtitle {
  font-weight: 600 !important;
}
.datastorage-sections {
  width: 1240px;
}
@media screen and (max-width: 1330px) {
  .datastorage-sections {
    width: 973px;
  }
}
@media screen and (max-width: 1330px) {
  .datastorage-sections .svg-container {
    max-width: 973px;
  }
}
.datastorage-sections-nav {
  margin-bottom: 30px;
}
.datastorage-access .datastorage-block-access:not(:first-child) {
  margin-top: 30px;
}
.datastorage-block-access {
  width: 604px;
  color: #141414;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 1330px) {
  .datastorage-block-access {
    min-width: 604px;
  }
}
.datastorage-block-access__title {
  display: flex;
  font-size: 18px;
  line-height: 21px;
  padding: 21px 24px 20px 18px;
  font-weight: 600;
  justify-content: space-between;
}
.datastorage-block-access__info {
  width: auto;
  height: auto;
  padding: 13px 20px;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  background-color: #ffffff;
  justify-content: space-between;
  border-bottom: 1px solid #e4e4e4;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.datastorage-block-access__info span {
  font-weight: 600;
}
.datastorage-block-access__info:last-child {
  border-bottom: none;
  padding-bottom: 22px;
}
.datastorage-block-access .datastorage-change-password {
  color: #0066ff;
  display: flex;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  align-items: center;
}
.datastorage-block-access .datastorage-change-password--disabled {
  cursor: initial;
  color: #7a8791;
  opacity: 0.5;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.datastorage-block-access .datastorage-change-password-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.datastorage-block-access .spoiler {
  display: inline-block;
}
.datastorage-block-access .na-icon-key {
  font-size: 1rem;
  margin-right: 10px;
}
.datastorage-block-access .ui-kit-copypable-text__container {
  font-weight: 400;
}
.datastorage-account {
  display: flex;
  align-items: flex-start;
}
.datastorage-account .ssh-block-list {
  width: 604px;
  margin-right: 30px;
}
.datastorage-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
  width: 1240px;
}
@media screen and (max-width: 1330px) {
  .datastorage-header {
    width: 973px;
  }
}
.datastorage-header-item {
  padding: 26px 24px 24px;
  width: 252px;
  color: #141414;
  margin-right: 30px;
  background-color: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datastorage-header-item__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}
.datastorage-header-item__value {
  margin-top: 10px;
  font-size: 26px;
  font-weight: 600;
}
.datastorage-protocols-block {
  display: flex;
  padding: 1.5rem;
  align-items: center;
  margin-bottom: 30px;
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
}
.datastorage-protocols-block__title {
  color: #141414;
}
.datastorage-protocols-block__link {
  text-decoration: none;
  color: #0066ff;
}
.datastorage-protocols-block .na-icon-protocols {
  font-size: 1.5rem;
  color: #0066ff;
  margin-right: 1.5rem;
}
.ui-kit-modal-container--activate-datastorage {
  min-width: 360px;
}
.table-instance-col--ip-entry-ip .table-instance-col__cell {
  display: flex;
  align-items: center;
  gap: 12px;
}
.table-instance-col--ip-entry-vm {
  text-decoration: none;
}
.table-instance-col--ip-entry-vm .table-instance-col__cell {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ip-table-instances__icons {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: #11ab70;
}
.ip-table-instances__vm-icon::before {
  top: 2px !important;
  margin-left: 0 !important;
}
.ip-table-instances__vm-link {
  text-decoration: none;
  color: #0066ff;
}
.key-value-input-list,
.input-list {
  max-height: 20rem;
  overflow-y: auto;
  display: grid;
  gap: 0.5rem;
}
.key-value-input-list::-webkit-scrollbar,
.input-list::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.key-value-input-list::-webkit-scrollbar-track,
.input-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.key-value-input-list::-webkit-scrollbar-thumb,
.input-list::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.key-value-input-list__row,
.input-list__row {
  display: grid;
  align-items: center;
  gap: 0.5rem;
}
.key-value-input-list__row .netangels-kit-input .netangels-kit-errors,
.input-list__row .netangels-kit-input .netangels-kit-errors {
  display: none;
}
.key-value-input-list__row {
  grid-template-columns: 1fr auto 1fr auto;
}
.input-list__row {
  grid-template-columns: 1fr auto;
}
.cluster-create-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2.5rem;
}
.cluster-create-form .ui-kit-form-radio-button-group--cluster-tariff .cluster-radio__wrapper {
  display: grid;
  grid-template-columns: 10rem 1fr 13rem;
  align-items: center;
  color: #141414;
}
.cluster-create-form .ui-kit-form-radio-button-group--cluster-tariff .cluster-radio__name {
  font-size: 0.875rem;
  font-weight: 600;
  transition: color 0.2s ease-in-out;
}
.cluster-create-form .ui-kit-form-radio-button-group--cluster-tariff .cluster-radio__specs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.cluster-create-form .ui-kit-form-radio-button-group--cluster-tariff .cluster-radio__prices {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.cluster-create-form .ui-kit-form-radio-button-group--cluster-tariff .cluster-radio__price {
  font-size: 0.875rem;
  font-weight: 400;
}
.cluster-create-form .ui-kit-form-radio-button-group--cluster-tariff .cluster-radio__price--light {
  color: rgba(20, 20, 20, 0.7);
}
.cluster-create-form .ui-kit-form-radio-button-group--cluster-tariff .ui-kit-form-input-radio--active .cluster-radio__name {
  color: #0066ff;
}
.cluster-create-form__distributions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 1366px) {
  .cluster-create-form__distributions {
    grid-template-columns: repeat(2, 1fr);
  }
}
.resource-block-item--volume-group {
  background-color: #fafafa;
}
.resource-block-item--volume-group .resource-block-item__header {
  padding: 0.5rem 1rem;
}
.clusters-instance {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}
.clusters-instance__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.875rem;
  color: #141414;
  text-decoration: none;
  padding: 0.875rem 0.875rem 0.875rem 1.5rem;
}
.clusters-instance__body {
  padding: 1.5rem;
}
.clusters-instance-header__info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.clusters-instance-header__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.clusters-instance-header__icon img {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
}
.clusters-instance-header__name {
  max-width: 34rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #141414;
  transition: color 0.2s ease-in-out;
}
.clusters-instance-header__price {
  font-size: 0.875rem;
  font-weight: 600;
  color: #141414;
  white-space: nowrap;
}
.clusters-instance-dumb {
  min-height: 19.125rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.node-groups-preview-instance {
  display: grid;
  gap: 0.75rem;
  background-color: #fafafa;
  border: 1px solid rgba(20, 20, 20, 0.15);
  border-radius: 1rem;
  padding: 1rem;
}
.node-groups-preview-instance__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}
.node-groups-preview-instance__name {
  flex: 1;
  max-width: 15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
}
.node-groups-preview-instance-plus {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
.node-groups-preview-instance-plus::before,
.node-groups-preview-instance-plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 100%;
  height: 0.2rem;
  background-color: #a1aab1;
  border-radius: 0.25rem;
  transform: translate(-50%, -50%);
  transition: background-color 0.2s ease-in-out;
}
.node-groups-preview-instance-plus::after {
  transform: translate(-50%, -50%) rotateZ(90deg);
}
.node-groups-preview-instance__info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.node-groups-preview-instance__info .node-groups-preview-instance-plus {
  width: 1rem;
  transform: rotateZ(45deg);
}
.node-groups-preview-instance__info .node-groups-preview-instance-plus::before,
.node-groups-preview-instance__info .node-groups-preview-instance-plus::after {
  height: 0.0625rem;
  background-color: #454545;
}
.node-groups-preview-instance__nodes-count {
  font-size: 2.25rem;
  font-weight: 200;
  color: #141414;
}
.node-groups-preview-instance__specs {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #141414;
}
.node-groups-preview-instance__state {
  justify-self: start;
}
.node-groups-preview-instance--add {
  box-sizing: border-box;
  min-height: 10.3125rem;
  border-style: dashed;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.node-groups-preview-instance--add:hover .node-groups-preview-instance-plus::before,
.node-groups-preview-instance--add:hover .node-groups-preview-instance-plus::after {
  background-color: #0066ff;
}
.node-groups-preview-instance--error {
  background-color: rgba(225, 42, 41, 0.05);
  border-color: rgba(225, 42, 41, 0.5);
}
.node-groups-create-instance {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
}
.node-groups-create-instance h3 {
  margin-bottom: 0;
}
.node-groups-create-instance__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.node-groups-create-instance__remove-button {
  cursor: pointer;
}
.node-groups-create-instance .ui-kit-form-radio-button-group--node-group-config .cluster-radio__wrapper {
  display: grid;
  grid-template-columns: 12rem 1fr 17rem;
  color: #141414;
}
.node-groups-create-instance .ui-kit-form-radio-button-group--node-group-config .cluster-radio__name {
  font-size: 0.875rem;
  font-weight: 600;
  transition: color 0.2s ease-in-out;
}
.node-groups-create-instance .ui-kit-form-radio-button-group--node-group-config .cluster-radio__specs {
  display: grid;
  grid-template-columns: 1.25fr repeat(2, 1fr);
  gap: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
}
.node-groups-create-instance .ui-kit-form-radio-button-group--node-group-config .cluster-radio__prices {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.node-groups-create-instance .ui-kit-form-radio-button-group--node-group-config .cluster-radio__price {
  font-size: 0.875rem;
  font-weight: 400;
}
.node-groups-create-instance .ui-kit-form-radio-button-group--node-group-config .cluster-radio__price--light {
  color: rgba(20, 20, 20, 0.7);
}
.node-groups-create-instance .ui-kit-form-radio-button-group--node-group-config .ui-kit-form-input-radio--active .cluster-radio__name {
  color: #0066ff;
}
.node-groups-create-instance .netangels-kit-horizontal-container .netangels-kit-stepper {
  flex: none;
}
.node-groups-create-instance--existing-cluster {
  border: 1px solid #e2e5e7;
  box-shadow: none;
}
.volume-groups-instance__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 600;
}
.volume-groups-instance__icon {
  display: flex;
  font-size: 1rem;
  line-height: 1rem;
  color: #0066ff;
}
.cluster-instances {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.cluster-instances .clusters-instance {
  width: 100%;
}
.node-groups-preview-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.node-groups-create-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
.node-groups-create-list__chips {
  align-self: center;
}
.node-groups-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}
.cluster-detail-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.25rem;
}
.cluster-detail-list .netangels-kit-params-block__title {
  max-width: 55rem;
}
.ui-kit-modal-container--edit-list {
  min-width: 500px;
}
.netangels-kit-modal-container--add-volume-group,
.netangels-kit-modal-container--extend-volume-group {
  min-width: 31.25rem;
}
.netangels-kit-modal-container--create-cluster-packet {
  min-width: 25rem;
}
.netangels-kit-modal-container--update-cluster-packet {
  min-width: 26.25rem;
}
.netangels-kit-modal-container--update-cluster {
  min-width: 26.25rem;
}
.netangels-kit-modal-container--integration-registry .netangels-kit-select-legacy {
  flex: 1;
}
.edit-list-modal h3,
.update-cluster-modal h3 {
  margin-top: 0.875rem;
}
.edit-list-modal .key-value-input-list {
  max-height: 15rem;
  overflow-y: auto;
}
.edit-list-modal .key-value-input-list::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.edit-list-modal .key-value-input-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.edit-list-modal .key-value-input-list::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.update-cluster-modal .input-list {
  max-height: 15rem;
  overflow-y: auto;
}
.update-cluster-modal .input-list::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.update-cluster-modal .input-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.update-cluster-modal .input-list::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.k8s-instruction-link {
  margin-left: 0.188rem;
}
.resource-tabs-layout--cluster .node-groups-list,
.resource-tabs-layout--cluster .cluster-detail-list {
  flex: 1;
}
@media screen and (max-width: 1330px) {
  .resource-tabs-layout--cluster .order-packet-block {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1330px) {
  .resource-tabs-layout--cluster-statistics .resource-tabs-layout__content {
    flex-direction: column;
  }
}
.resource-tabs-layout--cluster-statistics .resource-tabs-layout__content .resource-block-item {
  flex: 1;
}
.cluster-statistics-tab {
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 1330px) {
  .cluster-statistics-tab {
    flex-direction: column;
  }
}
.cluster-statistics-tab-nav {
  width: 18.5rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}
@media screen and (max-width: 1330px) {
  .cluster-statistics-tab-nav {
    width: auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}
.cluster-statistics-tab-nav-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  border: 1px solid #e2e5e7;
  border-radius: 1rem;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
  transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  cursor: pointer;
  padding: 1rem;
}
.cluster-statistics-tab-nav-button--active {
  border-color: #0066ff;
  color: #0066ff;
}
.cluster-statistics-tab-nav-button__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.cluster-statistics-tab-nav-button .netangels-kit-tooltip {
  font-weight: 400;
}
.resource-block-item--cluster-calculation .payment-button {
  display: grid;
}
.resource-block-item--cluster-statistics .ui-kit-statistic-widget-header__title {
  display: none;
}
.resource-block-item--cluster-statistics .ui-kit-statistic-widget-header__periods {
  flex: 1;
  justify-content: space-between;
}
.resource-block-item--init-vnc-form form {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.resource-block-item--init-vnc-form .netangels-kit-horizontal-container {
  width: auto;
}
.resource-block-item--init-vnc-form .netangels-kit-horizontal-container > * {
  flex: auto;
}
.resource-block-item--init-vnc-form .netangels-kit-select-legacy {
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.resource-block-item--init-vnc-form .netangels-kit-select-legacy label {
  font-size: 1rem;
  font-weight: 400;
  color: #141414;
}
.table-instance-col--balancer-detail-price {
  text-align: right;
}
.table-instance-col--request-subject .table-instance-col__cell,
.table-instance-col--request-state .table-instance-col__cell,
.table-instance-col--request-created .table-instance-col__cell {
  font-weight: 400;
}
.table-instance-col--request-subject .table-instance-col__cell {
  display: flex;
  gap: 16px;
}
.requests-table__request-id {
  font-size: 12px;
  color: rgba(20, 20, 20, 0.7);
}
.requests-table__request-state > img {
  width: 1rem;
  height: 1rem;
}
.requests-table__request-state-inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.request-message {
  position: relative;
  max-width: 75%;
  background-color: #ffffff;
  border-radius: 1.25rem;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  font-size: 0.85rem;
  line-height: 1rem;
  font-weight: 400;
  padding: 1rem 1.5rem;
}
.request-message,
.request-message {
  box-sizing: border-box;
}
.request-message__author,
.request-message__date {
  color: rgba(20, 20, 20, 0.95);
}
.request-message__text {
  font-size: 1.1rem;
  line-height: 1.25rem;
  margin: 0.5rem 0;
  color: #141414;
  overflow: visible;
}
.request-message__text::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.request-message__text::-webkit-scrollbar-track {
  background-color: transparent;
}
.request-message__text::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.request-message__text a {
  color: #80b3ff;
  text-decoration: none;
}
.request-message__text .message-part-text {
  white-space: pre-wrap;
}
.request-message__attachments {
  margin-bottom: 0.5rem;
  display: flex;
  gap: 0.5rem 1.25rem;
  flex-wrap: wrap;
}
.request-message__attachment {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #141414;
  font-weight: 400;
  text-decoration: dotted;
}
.request-message__attachment > span {
  display: inline-block;
  max-width: 15rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px dotted #141414;
}
.request-message__attachment:hover > span {
  border-color: transparent;
}
.request-message__date {
  text-align: right;
}
.request-message--sent {
  align-self: flex-end;
  background-color: #cbe7ff;
  border-bottom-right-radius: 0;
}
.request-message--received {
  align-self: flex-start;
  border-top-left-radius: 0;
}
.request-message--loading {
  min-width: 500px;
  min-height: 84px;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.request-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 32px;
}
.request-form .shared-attachments-container {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1rem;
}
.request-form .shared-attachments-container:has(.shared-attachments-empty-container) {
  padding: 20px;
}
.request-form .shared-attachments-container:has(.shared-attachments-files-container) {
  padding: 12px 20px;
}
.request-form .shared-attachments-container .shared-attachments-empty-container,
.request-form .shared-attachments-container .shared-attachments-empty-flat-label {
  padding: 0;
}
.request-form .shared-attachments-container .shared-attachments-empty-flat-label {
  gap: 18px;
}
.request-form .shared-attachments-container .shared-attachments-empty-flat-label__icon {
  margin: 0;
}
.request-form .shared-attachments-container .shared-attachments-empty-flat-label__icon,
.request-form .shared-attachments-container .shared-attachments-empty-flat-label__icon svg {
  width: 20px;
  height: 20px;
}
.request-form .shared-attachments-container .shared-attachments-empty-flat-label__title {
  line-height: 20px;
}
.request-form .shared-attachments-container .shared-attachments-files-container {
  padding: 0;
}
.request-form .shared-attachments-container .shared-attachments-files-container__label {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}
.request-form .shared-attachments-container .shared-attachments-files-container .shared-attachment-file {
  margin: 0;
}
.request-form .shared-attachments-container .shared-attachments-files-container .shared-attachment-file-text__filename .shared-attachment-file-text-fname {
  display: inline-block;
  max-width: 15rem;
  text-overflow: ellipsis;
  position: relative;
  top: 3px;
}
.request-form .shared-attachments-container .shared-attachments-files-container .shared-attachment-file-text__size {
  margin-bottom: 0;
}
.request-form .shared-attachments-container .shared-attachments-files-container .shared-attachments-add-link {
  display: none;
}
.request-form-senders__emails {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}
.request-form-senders__email {
  background-color: rgba(0, 102, 255, 0.1);
  border-radius: 0.5rem;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  color: #0066ff;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
  padding: 0.5rem 0.75rem;
}
.request-form-senders__email:hover {
  background-color: rgba(0, 102, 255, 0.15);
}
.request-form .ui-kit-tabs-nav-container {
  align-self: flex-start;
}
.request-form .netangels-kit-input__input-wrapper::after {
  display: none;
}
.request-form .netangels-kit-input__input-wrapper input {
  padding-right: 1.3rem;
}
.request-form .ui-kit-form-tags {
  margin: 0;
}
.request-form .ui-kit-form-tags,
.request-form .ui-kit-form-tags {
  box-sizing: border-box;
}
.request-form .ui-kit-form-tags__label {
  font-size: 0.8125rem;
  line-height: 2rem;
  font-weight: 300;
  color: #7a8791;
  padding: 0;
}
.request-form .ui-kit-form-tags-input-block-inner {
  gap: 5px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1rem;
  transition: border-color 0.2s ease-in-out;
  padding: 0.625rem 1.3rem;
}
.request-form .ui-kit-form-tags-input-block-inner:has(input:focus) {
  border-color: #0066ff;
}
.request-form .ui-kit-form-tags-input-block-inner__input {
  line-height: 1.75rem;
  padding: 0;
}
.request-form .ui-kit-form-tags-input-block-inner-input__field {
  position: initial;
  top: 0;
  max-width: 100%;
  width: auto;
  field-sizing: content;
  font-family: Inter, sans-serif;
  font-size: 1.1rem;
  padding: 4px 0;
}
.request-form .ui-kit-form-tags-input-block-inner__tag {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  line-height: 1.125rem;
  color: #141414;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
.request-form .ui-kit-form-tags-input-block-inner__tag:has(+ .ui-kit-form-tags-input-block-inner__input) {
  margin-right: 8px;
}
.hosting-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.hosting-form .netangels-kit-errors {
  margin-top: 1rem;
}
.hosting-inline-form {
  padding: 1rem 1.5rem;
}
.hosting-inline-form__button-wrapper {
  flex: none;
}
.hosting-inline-form .netangels-kit-errors {
  margin-top: 0.75rem;
}
.container-settings-form {
  flex-direction: row;
  align-items: stretch;
  gap: 0;
}
@media screen and (max-width: 1330px) {
  .container-settings-form {
    flex-direction: column-reverse;
  }
}
.container-settings-form__submit-block {
  flex: 1;
  display: grid;
}
.container-settings-form .resource-block-item-block--container-settings {
  flex: 1;
}
.container-settings-form .resource-block-item-block--container-tariff {
  width: calc(20rem - 1px);
  flex-direction: column;
  gap: 0;
  padding: 0;
  border-left: 1px solid #e2e5e7;
  border-bottom-right-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 1330px) {
  .container-settings-form .resource-block-item-block--container-tariff {
    width: auto;
    border-bottom-right-radius: 0;
  }
}
.container-settings-form .resource-block-item-block--container-tariff .resource-block-item-block {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.container-settings-form .resource-block-item-block--container-surcharge {
  justify-content: flex-end;
}
.container-settings-form .container-settings-constructor {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  padding: 1.5rem;
}
.container-settings-form .container-settings-submit-block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #0066ff;
}
.container-settings-form .container-settings-submit-block__subtitle {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #141414;
  margin-top: -10px;
}
.container-settings-form .container-settings-submit-block__buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container-settings-form .container-settings-submit-block__buttons .form-horizontal-container > * {
  flex: auto;
}
.create-virtualhost-form__content {
  background-color: #fafafa;
  border-bottom: 1px solid #e2e5e7;
  padding: 1.5rem 20% 1.5rem 1.5rem;
}
.create-virtualhost-form__name-input {
  display: flex;
}
.create-virtualhost-form__name-input .netangels-kit-input {
  width: 50%;
}
.create-virtualhost-form__name-input .netangels-kit-input label {
  font-size: 14px;
  font-weight: 400;
  color: #141414;
}
.create-virtualhost-form__change-input-button {
  display: flex;
  margin-top: 16px;
}
.create-virtualhost-form__block-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #141414;
  margin: 32px 0 16px;
}
.create-virtualhost-form__chips {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  border-top: 1px solid #e2e5e7;
  border-bottom: 1px solid #e2e5e7;
  padding: 24px 0;
}
.create-virtualhost-form__selects {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
}
.create-virtualhost-form__selects .ui-kit-form-select {
  width: 220px;
}
.create-virtualhost-form__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: rgba(20, 20, 20, 0.7);
  margin-top: 24px;
}
.create-virtualhost-form__errors {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.create-virtualhost-form__errors--margin-top {
  margin-top: 16px;
}
.create-virtualhost-form .ui-kit-form-checkbox {
  display: flex;
  align-items: flex-end;
}
.create-virtualhost-form .ui-kit-form-checkbox-inner--switcher {
  margin: 8px;
}
.create-virtualhost-form .netangels-kit-horizontal-container {
  justify-content: space-between;
  padding: 1.5rem;
}
.create-virtualhost-form .netangels-kit-horizontal-container > * {
  flex: none;
}
.create-virtualhost-form .ui-kit-tabs-nav-container--tabs-with-padding .ui-kit-tabs-nav {
  border-bottom: none;
}
.database-add-form .netangels-kit-input {
  flex: 3;
}
.database-add-form .netangels-kit-select-legacy {
  flex: 1;
}
.cron-task-form {
  width: 80%;
  gap: 24px;
}
.cron-task-form__templates {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.cron-task-form-templates__title {
  line-height: 16px;
  padding: 0;
}
.cron-task-form-templates__buttons {
  display: flex;
  gap: 0 10px;
}
.cron-task-form-period__title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 16px;
}
.cron-task-form-period__buttons {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
.cron-task-form-period__buttons .contexify {
  padding: 0;
  border-radius: 8px;
}
.cron-task-form-period__buttons .ui-kit-context-menu--button {
  width: calc((100% - 32px) / 3);
}
.cron-task-form-period__buttons .ui-kit-form-input-radio--every-n-period .ui-kit-form-input-radio-label__content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cron-task-form-period__buttons .ui-kit-form-input-radio--every-n-period .netangels-kit-input {
  width: 45px;
}
.cron-task-form-period__buttons .ui-kit-form-input-radio--every-n-period .netangels-kit-input input {
  text-align: center;
}
.cron-task-form-period__buttons .ui-kit-form-input-radio--specific-period .ui-kit-form-input-radio-label {
  align-items: flex-start;
}
.cron-task-form-period__buttons .ui-kit-form-input-radio--specific-period .cron-task-form__specific-period-input-span {
  line-height: 20px;
}
.cron-task-form-period__buttons .ui-kit-form-input-radio--specific-period .netangels-kit-input {
  margin-top: 5px;
}
.cron-task-form-period__button {
  overflow-wrap: anywhere;
  padding: 0 10px;
}
.cron-task-form-period__menu {
  padding: 20px;
}
.cron-task-form-period__menu .ui-kit-form-radio-button-group {
  gap: 20px;
}
.cron-task-form-final-task__code {
  background-color: #454545;
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #ffffff;
  overflow-wrap: anywhere;
}
.cron-task-form__specific-period-options {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}
.cron-task-form__specific-period-option {
  flex: 1;
  background-color: #ffffff;
  border: 1px solid #e2e5e7;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  color: #141414;
  text-align: center;
  padding: 6px 8px;
  transition: all 0.2s ease-in-out;
}
.cron-task-form__specific-period-option--checked {
  background-color: #0066ff;
  border: 1px solid #0066ff;
  color: #ffffff;
}
.background-process-form__command {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.background-process-form__command .netangels-kit-textarea {
  align-self: stretch;
}
.background-process-form__command .netangels-kit-textarea textarea {
  min-height: 150px;
}
.container-tariff-radio__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.container-tariff-radio__spec {
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  color: #7a8791;
}
.ui-kit-modal-container--delete-container {
  min-width: 400px;
}
.ui-kit-modal-container--create-container-packet {
  min-width: 350px;
}
.ui-kit-modal-container--update-container-packet {
  min-width: 650px;
}
.ui-kit-modal-container--container-packet-info {
  min-width: 650px;
}
.ui-kit-modal-container--create-virtualhost {
  min-width: 793px;
}
.ui-kit-modal-container--upload-virtualhost .ui-kit-modal-container__header {
  align-items: center;
}
.ui-kit-modal-container--upload-database .form-file-uploader-desc__extensions {
  width: 270px;
}
.ui-kit-modal-container--order-certificate {
  min-width: 450px;
}
.ui-kit-modal-container--change-foreign-access {
  min-width: 360px;
}
.ui-kit-modal-container--snapshot-virtualhost {
  min-width: 420px;
}
.ui-kit-modal-container--upload-virtualhost-certificate {
  min-width: 750px;
}
.ui-kit-modal-container--upload-virtualhost-certificate .netangels-kit-horizontal-container {
  align-items: start;
}
.netangels-kit-modal-container--change-virtualhost-comment {
  min-width: 420px;
}
.delete-container-modal__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #141414;
}
.delete-container-modal__description ul {
  line-height: 20px;
  list-style: inside;
  margin-top: 10px;
}
.delete-container-modal__description li::marker {
  content: '- ';
  font-size: 1.3em;
}
.create-container-packet-modal .ui-kit-modal-title-helper,
.update-container-packet-modal .ui-kit-modal-title-helper {
  text-align: center;
}
.container-packet-info-modal {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2rem;
  row-gap: 0.5rem;
}
.download-database-modal__loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.download-database-modal__span {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin: 16px 0 8px;
}
.upload-database-modal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.upload-certificate-modal__form {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
}
.upload-certificate-modal .form-file-uploader-wrapper {
  flex: 1;
}
.order-certificate-modal__paragraph {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 16px;
}
.snapshot-virtualhost-modal__text {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 16px;
}
.resource-block-item--container-disable-date .resource-block-item-header__title {
  gap: 6px;
}
.resource-block-item--virtualhosts-empty {
  flex-direction: column;
}
.resource-block-item--virtualhosts-empty .resource-block-item-empty__custom {
  padding-top: 0;
}
.resource-block-item--virtualhosts .resource-block-item__action--loading.resource-block-item__action--virtualhost-create-button {
  width: 130px;
}
.resource-block-item--virtualhosts .resource-block-item__content--loading {
  height: 182px;
}
.resource-block-item--ssh-access .ssh-access-header-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.resource-block-item--ssh-access .ssh-access-header-title .ui-kit-copypable-text__container {
  font-size: 16px;
  line-height: 18px;
}
.resource-block-item--ssh-access .ssh-access-header-title .ui-kit-dashed-copy-text {
  border: none;
}
.resource-block-item--new-site .resource-block-item__content--loading {
  min-height: 500px;
}
.resource-block-item--virtualhost-engine-config .resource-block-item__header {
  padding: 1rem 1.5rem;
}
.resource-block-item--virtualhost-engine-config .resource-block-item__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 2rem;
}
.resource-block-item--virtualhost-engine-config .resource-block-item__strace-switch,
.resource-block-item--virtualhost-engine-config .resource-block-item__strace-warning {
  grid-column: span 2;
}
@media screen and (max-width: 1330px) {
  .resource-block-item--virtualhost-engine-config .resource-block-item__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .resource-block-item--virtualhost-engine-config .resource-block-item__actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.resource-block-item--virtualhost-foreign-access .virtualhost-foreign-access-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.resource-block-item--cache-static .resource-block-item__header {
  padding-bottom: 0;
}
.resource-block-item--cache-static .ui-kit-resource {
  padding: 1rem 1.5rem 0;
}
.resource-block-item--database-requisites .resource-block-item__header .ui-kit-copypable-text__container {
  line-height: normal;
}
.resource-block-item--database-requisites .resource-block-item__header .ui-kit-dashed-copy-text {
  border: none;
}
.resource-block-item--database-requisites .database-requisites-tab-item__mysql-span {
  font-weight: 400;
}
.resource-block-item--cron-time .resource-block-item__action--loading {
  width: 75px;
}
.resource-block-item--cron-time .ui-kit-form-select .ui-kit-form-select-inner__label {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #141414;
}
.resource-block-item--cron-time .ui-kit-form-select .ui-kit-select-block {
  margin-top: 10px;
}
.resource-block-item--cron-task.resource-block-item--form .resource-block-item__content {
  background-color: #f8f8f8;
  border-radius: 0 0 16px 16px;
}
.resource-block-item--background-processes .resource-block-item__actions {
  gap: 40px;
}
.resource-block-item .packet-info-link {
  color: #0066ff;
  border-bottom: 1px dashed #0066ff;
  cursor: pointer;
}
.resource-block-item .packet-cards {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1.5rem 1rem 1.5rem;
}
.resource-block-item-block--engine-extensions {
  flex-direction: column;
  justify-content: stretch;
}
.empty-virtualhosts__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
  padding: 40px;
}
.empty-virtualhosts__icon {
  width: 45px;
}
.empty-virtualhosts__text {
  text-align: center;
}
.empty-virtualhosts__title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #141414;
}
.empty-virtualhosts__subtitle {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  color: #7a8791;
  margin-top: 4px;
}
.empty-search-virtualhosts__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.empty-search-virtualhosts__subtitle {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}
.resource-block-item__action--virtualhost-ssl-empty-image {
  position: relative;
}
.resource-block-item__action--virtualhost-ssl-empty-image img {
  position: absolute;
  bottom: -34px;
  right: 0;
}
.ui-kit-form-select--engine-cms-select .ui-kit-select-inner__option {
  display: flex;
  align-items: center;
}
.ui-kit-form-select--engine-cms-select .ui-kit-select-inner__option .engine-cms-select-option::before {
  font-size: 1.25rem;
  margin-right: 0.5rem;
}
.ui-kit-form-select--engine-cms-select .ui-kit-select-inner__option img {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}
.engine-extension {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  background-color: #fafafa;
  border: 1px solid #e2e5e7;
  border-radius: 8px;
  padding: 9px;
  transition: background-color 0.1s ease-in-out, border 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  cursor: pointer;
}
.engine-extension:not(.engine-extension--active):hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}
.engine-extension__plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  background-color: #0066ff;
  border-radius: 8px;
}
.engine-extension__plus::before {
  content: '+';
}
.engine-extension--active,
.engine-extension--disabled {
  cursor: default;
}
.engine-extension--active .engine-extension__plus,
.engine-extension--disabled .engine-extension__plus {
  background-color: #888888;
}
.cron-tab-timer {
  height: 34px;
  border: 1px solid #e2e5e7;
  border-radius: 8px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  color: #141414;
  padding: 7px 10px;
}
.cron-tab-timer__delimeter {
  padding: 0 3px;
}
.table-instance-col--container-disk .table-instance-col__cell,
.table-instance-col--container-price .table-instance-col__cell {
  font-weight: 600;
}
.table-instance-col--container-state .multi-state-block {
  padding: 0;
}
.table-instance-col--container-state .multi-state-block__state {
  margin-right: 8px;
}
.table-instance-col--container-state .multi-state-block__title {
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
}
.table-instance-col--container-options .table-instance-col__cell {
  font-size: 13px;
}
.table-instance-col--container-state-with-disable-date .container__disable-date {
  margin-top: 9px;
}
.table-instance-col--container-options .multi-state-block__title {
  color: #141414;
}
.table-instance-col--container-ftp-login .container-ftp__uid-prefix {
  color: #7a8791;
}
.table-instance-col--container-ftp-login .container-ftp__login {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-instance-col--container-ftp-homedir {
  flex: 1;
}
.table-instance-col--container-ftp-homedir .ui-kit-form-input-directory--new .ui-kit-directory-select-input__inner {
  max-width: 500px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}
.table-instance-col--container-ftp-homedir .ui-kit-form-input-directory--new .ui-kit-directory-select-loader {
  margin: 0;
}
.table-instance-col--container-ftp-homedir .ui-kit-form-input-directory--new .ui-kit-directory-select-loader svg {
  width: 16px;
  height: 16px;
}
.table-instance-col--container-ftp-homedir .ui-kit-custom-tooltip {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-instance-col--engine-variable .rename-input .ui-kit-form-input {
  max-width: 480px;
}
.table-instance-col--engine-variable .rename-input--readonly-engine-variable .rename-input__value {
  color: #b0b0b0;
}
.table-instance-col--engine-variable .table-instance-col__cell,
.table-instance-col--virtualhost-alias .table-instance-col__cell {
  word-break: break-all;
}
.table-instance-col--database-name .table-instance-col__cell {
  display: flex;
  align-items: center;
}
.table-instance-col--database-name .ui-kit-copypable-text__container {
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.table-instance-col--database-name .ui-kit-dashed-copy-text {
  max-width: 550px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-instance-col--database-charset .table-instance-col__cell {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #7a8791;
}
.table-instance-col--cron-task-period .table-instance-col__cell,
.table-instance-col--cron-task-command .table-instance-col__cell {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.table-instance-col--cron-task-period .table-instance-col__cell {
  min-width: 100px;
  max-width: 200px;
  overflow-wrap: anywhere;
}
.table-instance-col--cron-task-command .table-instance-col__cell {
  max-width: 620px;
}
.table-instance-col--cron-task-command .table-instance-col__command,
.table-instance-col--cron-task-command .table-instance-col__comment {
  max-width: 620px;
}
.table-instance-col--cron-task-command .table-instance-col__command {
  overflow-wrap: anywhere;
}
.table-instance-col--background-process-id {
  width: 130px;
}
.table-instance-col--background-process-id .table-instance-col__cell {
  color: #7a8791;
}
.table-instance-col--background-process-command .table-instance-col__cell {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.table-instance-col--background-process-state {
  width: 150px;
}
.table-instance-col--background-process-state .table-instance-col__cell {
  width: 150px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.table-instance-col--background-process-state.table-instance-col--up,
.table-instance-col--background-process-state.table-instance-col--active {
  color: #11ab70;
}
.table-instance-col--background-process-state.table-instance-col--down,
.table-instance-col--background-process-state.table-instance-col--error,
.table-instance-col--background-process-state.table-instance-col--stoppedbyadmin,
.table-instance-col--background-process-state.table-instance-col--stoppedbyservice,
.table-instance-col--background-process-state.table-instance-col--stoppedbyquota {
  color: #e12a29;
}
.table-instance-col--background-process-state.table-instance-col--starting,
.table-instance-col--background-process-state.table-instance-col--creating {
  color: #0066ff;
}
.table-instance-col--background-process-state.table-instance-col--stopping,
.table-instance-col--background-process-state.table-instance-col--stopped {
  color: #e17334;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-name {
  width: 100%;
  padding: 14px 15px;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-name .virtualhost__title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-name .virtualhost__title .netangels-kit-tooltip--virtualhost-comment {
  font-weight: 400;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-name .virtualhost__name {
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-name .virtualhost__comment-icon {
  font-size: 13px;
  line-height: 1;
  color: #141414;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-name .virtualhost__comment-icon:not(.virtualhost__comment-icon--with-comment).na-icon-comment {
  color: rgba(20, 20, 20, 0.5);
  transition: color 0.2s ease-in-out;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-name .virtualhost__comment-icon:not(.virtualhost__comment-icon--with-comment).na-icon-comment:hover {
  color: rgba(20, 20, 20, 0.75);
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-name .virtualhost__comment-icon--with-comment {
  color: #0066ff;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-info .table-instance-col__cell {
  display: flex;
  align-items: center;
  gap: 10px;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-info .virtualhost__icon {
  width: 32px;
  height: 32px;
}
.resource-block-item--virtualhosts .table-instance-col--virtualhost-switcher {
  padding: 14px 0;
}
.resource-block-item--virtualhost-aliases .table-instance-col,
.resource-block-item--engine-variables .table-instance-col {
  padding: 1rem 1.5rem;
}
.resource-block-item--virtualhost-aliases .table-instance-row--added,
.resource-block-item--engine-variables .table-instance-row--added,
.resource-block-item--virtualhost-aliases .table-instance-row--changed,
.resource-block-item--engine-variables .table-instance-row--changed {
  background-color: rgba(0, 102, 255, 0.1);
}
.resource-block-item--virtualhost-aliases .table-instance-row--added .table-instance-col,
.resource-block-item--engine-variables .table-instance-row--added .table-instance-col,
.resource-block-item--virtualhost-aliases .table-instance-row--changed .table-instance-col,
.resource-block-item--engine-variables .table-instance-row--changed .table-instance-col {
  border-top: 1px solid rgba(0, 102, 255, 0.5);
  border-bottom: 1px solid rgba(0, 102, 255, 0.5) !important;
}
.resource-block-item--virtualhost-aliases .table-instance-row--added .table-instance-col--virtualhost-alias,
.resource-block-item--engine-variables .table-instance-row--added .table-instance-col--virtualhost-alias,
.resource-block-item--virtualhost-aliases .table-instance-row--changed .table-instance-col--virtualhost-alias,
.resource-block-item--engine-variables .table-instance-row--changed .table-instance-col--virtualhost-alias,
.resource-block-item--virtualhost-aliases .table-instance-row--added .table-instance-col--engine-variable,
.resource-block-item--engine-variables .table-instance-row--added .table-instance-col--engine-variable,
.resource-block-item--virtualhost-aliases .table-instance-row--changed .table-instance-col--engine-variable,
.resource-block-item--engine-variables .table-instance-row--changed .table-instance-col--engine-variable {
  color: #0066ff;
}
.resource-block-item--virtualhost-aliases .table-instance-row--deleted .table-instance-col--virtualhost-alias,
.resource-block-item--engine-variables .table-instance-row--deleted .table-instance-col--virtualhost-alias,
.resource-block-item--virtualhost-aliases .table-instance-row--deleted .table-instance-col--engine-variable,
.resource-block-item--engine-variables .table-instance-row--deleted .table-instance-col--engine-variable {
  color: rgba(20, 20, 20, 0.35);
}
.resource-block-item--virtualhost-aliases .table-instance-row--deleted .rename-input__name,
.resource-block-item--engine-variables .table-instance-row--deleted .rename-input__name,
.resource-block-item--virtualhost-aliases .table-instance-row--deleted .rename-input__name .ui-kit-form-input__input,
.resource-block-item--engine-variables .table-instance-row--deleted .rename-input__name .ui-kit-form-input__input {
  color: rgba(20, 20, 20, 0.35);
}
.resource-block-item--virtualhost-aliases .table-instance-row--deleted .rename-input .ui-kit-form-input__input,
.resource-block-item--engine-variables .table-instance-row--deleted .rename-input .ui-kit-form-input__input,
.resource-block-item--virtualhost-aliases .table-instance-row--deleted .rename-input .ui-kit-form-input__input:focus,
.resource-block-item--engine-variables .table-instance-row--deleted .rename-input .ui-kit-form-input__input:focus {
  border-bottom: 1px solid rgba(20, 20, 20, 0.35);
}
.resource-block-item--engine-variables .table-instance-col--engine-variable,
.resource-block-item--virtualhost-aliases .table-instance-col--engine-variable,
.resource-block-item--engine-variables .table-instance-col--virtualhost-alias,
.resource-block-item--virtualhost-aliases .table-instance-col--virtualhost-alias {
  padding-right: 0;
}
.resource-block-item--engine-variables .table-instance-col--engine-variable .rename-input__value,
.resource-block-item--virtualhost-aliases .table-instance-col--engine-variable .rename-input__value,
.resource-block-item--engine-variables .table-instance-col--virtualhost-alias .rename-input__value,
.resource-block-item--virtualhost-aliases .table-instance-col--virtualhost-alias .rename-input__value {
  max-width: 53ch;
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.resource-block-item--engine-variables .table-instance-col--engine-variable .rename-input .ui-kit-form-input,
.resource-block-item--virtualhost-aliases .table-instance-col--engine-variable .rename-input .ui-kit-form-input,
.resource-block-item--engine-variables .table-instance-col--virtualhost-alias .rename-input .ui-kit-form-input,
.resource-block-item--virtualhost-aliases .table-instance-col--virtualhost-alias .rename-input .ui-kit-form-input {
  width: 100%;
}
.containers-table .container__name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  transition: color 0.2s ease-in-out;
}
.containers-table .container__name-text {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.containers-table .container__name--danger {
  color: #d06565;
}
.containers-table .container__uid {
  display: inline-block;
}
.containers-table .container__uid .ui-kit-copypable-text__container {
  color: #586a7b;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.containers-table .container__uid .ui-kit-dashed-copy-text {
  border-color: #586a7b;
}
.containers-table .container__tariff-name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.containers-table .container__tariff-spec {
  color: #586a7b;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.containers-table .container__packet-date {
  color: #586a7b;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.containers-table .ui-kit-circle {
  font-size: 11px;
  line-height: 1.5rem;
  font-weight: 600;
}
.container__disable-date {
  background-color: rgba(208, 101, 101, 0.07);
  border: 1px solid rgba(208, 101, 101, 0.7);
  border-radius: 16px;
  font-size: 11px;
  line-height: 21px;
  color: #d06565;
  text-align: center;
}
.resource-block-item-block--container-info {
  flex-direction: column;
}
.resource-block-item-block--container-info .container__statistics {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.resource-block-item-block--container-info .container__disable-date {
  margin-top: 16px;
}
.resource-block-item-block--container-info .container-disk__percent {
  font-size: 11px;
  line-height: 11px;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
}
.resource-block-item-block--container-info .container-disk__percent--dark {
  color: #141414;
}
.resource-block-item-block--container-constructor {
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 0;
  background-color: #fafafa;
  border-bottom-left-radius: 1rem;
}
@media screen and (max-width: 1330px) {
  .resource-block-item-block--container-constructor {
    border-bottom-right-radius: 1rem;
    overflow: hidden;
  }
}
.resource-block-item-block--container-constructor.resource-block-item-block--loading {
  overflow: hidden;
}
.resource-block-item-block--container-constructor.resource-block-item-block--loading::after {
  height: 100%;
  border-radius: 0;
}
.resource-block-item-block--container-constructor .container-settings-constructor {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  padding: 1.5rem;
}
.resource-block-item-block--container-order-packet:not(:has(+ .resource-block-item-block)) {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.resource-block-item-block--container-order-packet + .resource-block-item-block--container-tariff-additional {
  padding-top: 18px;
}
@media screen and (max-width: 1330px) {
  .resource-block-item-block--container-order-packet .order-packet-block {
    flex: 1;
  }
}
.resource-block-item-block--container-settings-packet {
  position: relative;
  padding-top: 10px;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__image {
  position: absolute;
  height: calc(100% - 10px);
  bottom: 0;
  right: 0;
  z-index: 0;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__content {
  max-width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  z-index: 1;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__span--blue {
  color: #0066ff;
  font-weight: 600;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__span--green {
  color: #29ac7a;
  font-weight: 600;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__span--bold {
  font-weight: 600;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__discount {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__price {
  font-size: 20px;
  font-weight: 600;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__instead {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__subtitle {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}
.resource-block-item-block--container-settings-packet .container-settings-packet__checkbox {
  margin-top: 5px;
}
.resource-block-item-block--container-settings-packet .container-settings-packet--awaiting .container-settings-packet__title {
  color: #e17334;
}
.resource-block-item-block--container-packet-awaiting-text .text-value-item-block__title,
.resource-block-item-block--container-price .text-value-item-block__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.resource-block-item-block--container-packet-awaiting-text .na-icon-hint,
.resource-block-item-block--container-price .na-icon-hint {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #e17334;
}
.resource-block-item-block--container-packet-awaiting-text .container__packet-tooltip-span,
.resource-block-item-block--container-price .container__packet-tooltip-span {
  border-bottom: 1px dashed #0066ff;
  color: #0066ff;
  cursor: pointer;
}
.resource-block-item-block--container-packet-awaiting-text .container__packet-tooltip-span--disabled,
.resource-block-item-block--container-price .container__packet-tooltip-span--disabled {
  border-bottom-color: #7a8791;
  color: #7a8791;
  cursor: initial;
}
.resource-block-item-block--container-packet-awaiting-text .container__packet-tooltip--dark,
.resource-block-item-block--container-price .container__packet-tooltip--dark {
  color: #ffffff;
}
.resource-block-item-block--empty-ssl {
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.resource-block-item-block--cache-static-header-subtitle {
  padding-top: 15px;
  padding-bottom: 15px;
}
.resource-block-item-block--cache-static-bottom-padding {
  padding-bottom: 1.5rem;
}
.resource-block-item-block--cache-static-slider-subtitle {
  padding-top: 10px;
}
.hosting-version-item {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 16px;
  color: #141414;
  cursor: pointer;
  transition: border 0.2s ease-in-out;
}
.hosting-version-item__header {
  transition: color 0.2s ease-in-out;
  padding: 20px;
}
.hosting-version-item__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.hosting-version-item__subtitle {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.hosting-version-item__description {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  border-top: 1px solid #cccccc;
  padding: 20px;
  padding-top: 12px;
}
.hosting-version-item--active {
  border: 1px solid #0066ff;
}
.hosting-version-item--active .hosting-version-item__header {
  color: #0066ff;
}
.wizard--create-container {
  padding-top: 40px;
}
.wizard--create-container .wizard__children {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wizard--create-container .form-horizontal-container {
  gap: 30px;
}
.wizard--create-container .ui-kit-form-checkbox-inner--switcher__label {
  flex-direction: row-reverse;
}
.wizard--create-container .create-container-packet-checkbox {
  color: #141414;
}
.wizard--create-container .create-container-packet-checkbox__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
.wizard--create-container .create-container-packet-checkbox__subtitle {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}
.wizard--hosting-backups .wizard__content {
  max-width: 868px;
  gap: 30px;
}
.wizard--hosting-backups .wizard__steps .ui-kit-wizard-step:nth-child(1) .ui-kit-wizard-step__subtitle,
.wizard--hosting-backups .wizard__steps .ui-kit-wizard-step:nth-child(2) .ui-kit-wizard-step__subtitle {
  max-width: 160px;
}
.wizard--hosting-backups .wizard__children {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 30px;
}
.wizard--hosting-backups .wizard__additional-block {
  display: flex;
  justify-content: center;
}
.wizard--hosting-backups .ui-kit-form-input-radio .ui-kit-form-select {
  border-bottom: 1px dashed;
}
.wizard--hosting-backups .ui-kit-form-input-radio .ui-kit-select-inner__dropdown-indicator::after {
  color: #141414 !important;
}
.wizard--hosting-backups .ui-kit-form-input-radio .ui-kit-select-inner__single-value {
  font-size: 13px !important;
  line-height: 16px;
  font-weight: 600;
}
.wizard--hosting-backups .ui-kit-form-input-radio--flex .ui-kit-form-input-radio-label__content {
  display: flex;
  align-items: center;
  gap: 5px;
}
.wizard--hosting-backups .ui-kit-form-input-radio--active .ui-kit-select-inner__dropdown-indicator::after {
  color: #0066ff !important;
}
.wizard--hosting-backups .ui-kit-form-input-radio--active .ui-kit-select-inner__single-value {
  color: #0066ff !important;
}
.wizard--hosting-backups .ui-kit-form-input-directory .ui-kit-form-input__inner {
  display: none;
}
.wizard--hosting-backups .ui-kit-form-input-directory .ui-kit-directory-select-confirm {
  position: unset;
  border: 1px solid #0066ff;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  margin-top: 0;
}
.wizard--hosting-backups .ui-kit-form-input-directory .ui-kit-directory-select-confirm__inner {
  height: 350px;
}
.wizard--hosting-backups .backups-item__title {
  max-width: 650px;
}
.final-block--hosting-backups .final-block__info {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #141414;
  word-break: break-word;
}
.final-block--hosting-backups .final-block__info b {
  font-weight: 600;
}
.create-container-form__hint {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #7a8791;
  text-align: center;
  margin-top: -12px;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.create-container-form__hint--hidden {
  opacity: 0;
}
.vm-create-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2.5rem;
}
.vm-create-form__distributions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.vm-create-form__image-upload {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
.vm-create-form .netangels-kit-tabs-navigation {
  margin-bottom: 1.5rem;
}
.vm-create-form .netangels-kit-tabs-navigation > div:first-child {
  justify-content: flex-start;
}
.vm-create-form-image-upload-progress {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  background-color: #ffffff;
  border: 1px dashed rgba(20, 20, 20, 0.5);
  border-radius: 1rem;
  padding: 1.25rem 2rem;
}
.vm-create-form-image-upload-progress__description {
  font-size: 0.9375rem;
  line-height: normal;
  font-weight: 400;
  color: #141414;
}
.vm-create-form-image-upload-progress .react-sweet-progress-line,
.vm-create-form-image-upload-progress .react-sweet-progress-line-inner {
  min-height: 0.5rem;
  border-radius: 0.5rem;
}
.vm-create-form-image-upload-progress .react-sweet-progress-symbol {
  display: none;
}
.vm-form-field-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10rem;
}
.vm-form-field-label__name {
  flex: 1;
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
}
.vm-form-field-label__specs,
.vm-form-field-label__prices {
  display: grid;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 400;
  color: #141414;
  text-align: right;
}
.vm-form-field-label__specs {
  width: 50%;
  grid-template-columns: 2fr 2fr 1fr;
}
.vm-form-field-label__prices {
  grid-template-columns: 3fr 2fr;
  min-width: 13rem;
}
.vm-form-field-label__price {
  white-space: nowrap;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
}
.vm-form-field-label__price--light {
  opacity: 0.75;
}
.vm-form-field-label__price--bold {
  font-weight: 600;
}
.vm-form-field-label__price--blue {
  color: #0066ff;
}
.vm-create-own-distribution-group {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}
.vm-create-own-distribution--loading {
  box-sizing: border-box;
  height: 3.375rem;
  border: 1px solid #cccccc;
  border-radius: 1rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.vm-create-own-distribution-label__name {
  max-width: 800px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-create-own-distribution-label__name .rename-input__name,
.vm-create-own-distribution-label__name .ui-kit-form-input__input {
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
}
.vm-create-own-distribution-label__name .rename-input__name:not(.rename-input__name.rename-input__name--renaming) {
  border-bottom: none;
}
.ui-kit-form-radio-button-group--vm-image .ui-kit-form-input-radio-label__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
.ui-kit-form-radio-button-group--vm-image .ui-kit-form-input-radio-label__content .actions_item {
  line-height: normal;
  padding: 0;
}
.ui-kit-form-radio-button-group--vm-image .ui-kit-form-input-radio-label__content .actions_item__icon::before {
  margin-right: 0;
}
.ui-kit-form-radio-button-group--vm-image .ui-kit-form-input-radio--active .rename-input__value {
  color: #0066ff;
}
.migrate-vm-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.migrate-vm-instance {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  padding: 1.25rem;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
  background-color: #FFFFFF;
  transition: background-color 300ms, border-color 300ms;
}
.migrate-vm-instance:not(.migrate-vm-instance--active):hover {
  background-color: #E3F2FD;
  border-color: #bdbdbd;
}
.migrate-vm-instance--active {
  border-color: #2196F3;
  background-color: #E3F2FD;
}
.migrate-vm-instance--active .migrate-vm-instance__name {
  color: #1976D2;
}
.migrate-vm-instance__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
.migrate-vm-instance__name {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #141414;
  transition: color 0.2s ease-in-out;
}
.migrate-vm-instance__chips {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.migrate-vm-instance__suffix {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #454545;
}
.vm-create-form-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.vm-create-form-volume-warning {
  margin-bottom: 0.75rem;
}
.new-license-form__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
}
.new-license-form__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.new-license-form__title {
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
}
.new-license-form__subtitle {
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: 400;
  color: #7a8791;
}
.new-license-form__fields {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.new-license-form__price {
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
}
.issue-certificate-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}
.vm-change-form .vm-form-field-label__name {
  font-size: 0.875rem;
}
.vm-change-form .vm-form-field-label__specs {
  font-size: 0.8125rem;
}
.fz152-backups-form {
  max-width: 868px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
}
.ui-kit-modal-container--resize-vm-disk {
  min-width: 27.5rem;
}
.ui-kit-modal-container--restart-vm {
  min-width: 25rem;
}
.ui-kit-modal-container--upload-vm-image {
  min-width: 30rem;
}
.ui-kit-modal-container--upload-vm-image .netangels-kit-horizontal-container {
  margin-top: 1rem !important;
}
.ui-kit-modal-container--switch-vm-backups {
  min-width: 25rem;
}
.ui-kit-modal-container--update-vm-packet {
  min-width: 40rem;
}
.resize-vm-disk-modal .vm-form-field-label__prices {
  display: block;
}
.resize-vm-disk-modal .modal-info-block {
  margin-top: 1rem;
}
.restart-vm-modal-radio {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.restart-vm-modal-radio__title {
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: 600;
}
.restart-vm-modal-radio__subtitle {
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 400;
  color: #7a8791;
}
.upload-vm-image-modal {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}
.upload-vm-image-modal .netangels-kit-input label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.attach-iso-modal__loader-wrapper {
  display: flex;
  justify-content: center;
  padding: 3.875rem 0;
}
.attach-iso-modal .netangels-kit-select-legacy {
  margin-top: 1rem;
}
.netangels-kit-modal-container--order-license .order-license-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.netangels-kit-modal-container--order-license .order-license-form__price {
  flex-direction: row;
}
.netangels-kit-modal-container--order-license .order-license-form__price b {
  font-weight: 600;
}
.resource-block-item--vm-keys {
  overflow: hidden;
}
.resource-block-item--vm-keys .resource-block-item__content {
  background-color: rgba(225, 115, 52, 0.1);
  font-size: 1rem;
  line-height: normal;
  font-weight: 400;
  color: #141414;
}
.resource-block-item--vm-keys .resource-block-item__content a {
  color: #0066ff;
  text-decoration: none;
}
.resource-block-item--about-fz152 {
  background-color: #0066ff;
}
.resource-block-item--about-fz152 .resource-block-item__title {
  color: #ffffff;
}
.resource-block-item--vnc-link {
  background-color: #454545;
  border-color: transparent;
}
.resource-block-item--vnc-link .resource-block-item__icon,
.resource-block-item--vnc-link .resource-block-item__title {
  color: #ffffff;
}
.resource-block-item--access-wizard-link {
  background-color: rgba(0, 102, 255, 0.1);
  border-color: transparent;
}
.resource-block-item--access-limited-preview.resource-block-item--empty {
  overflow: hidden;
}
.resource-block-item--access-limited-preview .resource-block-item-empty__content {
  background-color: rgba(225, 115, 52, 0.1);
}
.resource-block-item--access-limited-preview .resource-block-item-empty__description a {
  color: #0066ff;
  text-decoration: none;
}
.resource-block-item--access-limited {
  overflow: hidden;
}
.resource-block-item--access-limited .resource-block-item__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  background-color: rgba(225, 115, 52, 0.1);
}
.vm-specs-tab-item__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.vm-specs-tab-item__items .resource-block-item-block:nth-child(3) {
  grid-column: span 2;
}
.access-limited-tab-item__title {
  font-size: 2rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
}
.access-limited-tab-item__description {
  max-width: 60%;
  font-size: 1rem;
  line-height: 1.25rem;
}
.access-limited-tab-item__description button {
  display: inline-block;
}
.vm-volume-specs-disks {
  display: grid;
  gap: 1rem;
}
.vm-volume-specs-disk-size {
  font-size: 1rem;
  font-weight: 500;
}
.vm-volume-backup--enabled .na-icon-backup::before {
  color: #11ab70;
}
.vm-volume-backup--disabled .na-icon-backup::before {
  color: #e12a29;
}
.resource-block-item-block--vm-image-info {
  padding-top: 0;
  padding-bottom: 0;
}
.resource-block-item-block--vm-image-info .contexify {
  min-width: 278px;
}
.resource-block-item-block--vm-image-name {
  flex: 1;
  position: relative;
}
.resource-block-item-block--vm-image-name .text-with-icon-item-block__title,
.resource-block-item-block--vm-image-name .text-with-icon-item-block__subtitle {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resource-block-item-block--vm-hints {
  gap: 0.5rem;
  padding-bottom: 0;
  padding-top: 0.5rem;
}
.resource-block-item-block--vm-hints .resource-block-item-block--hint {
  flex: 1;
}
.resource-block-item-block--vm-surcharge {
  justify-content: flex-end;
}
.vm-image-info-block__menu-title {
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: 600;
  padding: 0.5rem;
}
.table-wrapper--access-licenses .table-instance-col__cell,
.table-wrapper--vm-ips .table-instance-col__cell {
  line-height: 1.875rem;
}
.table-instance-col--vm-options .table-instance-col__cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.table-instance-col--vm-ip-address .table-instance-col__cell,
.table-instance-col--access-license-key .table-instance-col__cell {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 1rem;
}
.table-instance-col--vm-ip-address .ui-kit-copypable-text__container,
.table-instance-col--access-license-key .ui-kit-copypable-text__container {
  font-size: 1rem;
}
.table-instance-col--vm-ip-address .ui-kit-dashed-copy-text,
.table-instance-col--access-license-key .ui-kit-dashed-copy-text {
  border: none;
}
.table-instance-col--access-license-owner .table-instance-col__cell {
  font-size: 1rem;
  color: rgba(20, 20, 20, 0.7);
}
.table-instance-col--vm-certificate-name .table-instance-col__cell {
  font-size: 1rem;
}
.fz152-vms-table .vm__name {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
}
.fz152-vms-table .vm__specs {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-weight: 400;
}
.fz152-vms-table .vm__spec .ui-kit-copypable-text__container {
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 400;
  color: #586a7b;
}
.fz152-vms-table .vm__spec .ui-kit-dashed-copy-text {
  border-color: #586a7b;
}
.fz152-vms-table .vm__cell-title {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
}
.fz152-vms-table .vm__cell-subtitle,
.fz152-vms-table .vm__cell-subtitle .ui-kit-copypable-text__container {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #586a7b;
}
.fz152-vms-table .vm__cell-subtitle .ui-kit-dashed-copy-text {
  border-color: #586a7b;
}
.fz152-vms-table .vm__option {
  font-size: 1.25rem;
  color: #7a8791;
}
.fz152-vms-table .vm__option--green {
  color: #11ab70;
}
.buy-license-tile {
  border: 1px solid #e2e5e7;
  border-radius: 1rem;
  padding: 1rem;
}
.download-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border: 1px solid #e2e5e7;
  border-radius: 1rem;
  padding: 1rem;
}
.download-card__image {
  width: 2rem;
  height: 2rem;
}
.download-card__icon {
  font-size: 2rem;
}
.download-card__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.download-card__title {
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
}
.download-card__subtitle {
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: 400;
  color: #7a8791;
}
.download-card__icon {
  padding: 0 0.4rem;
}
.download-card__icon::before {
  font-size: 1.5rem;
  color: #0066ff;
  cursor: pointer;
}
.wizard--fz152-setup-access .wizard__children {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}
.wizard--fz152-setup-access .wizard__children .netangels-kit-tabs-navigation {
  max-width: 75%;
}
.wizard--fz152-setup-access .wizard__children .netangels-kit-tabs-navigation > div:first-child {
  justify-content: flex-start;
}
.wizard--fz152-setup-access .wizard__children .netangels-kit-horizontal-container {
  width: auto;
  align-self: flex-start;
}
.wizard--fz152-setup-access .wizard__children .netangels-kit-horizontal-container > * {
  flex: none;
}
.wizard--fz152-setup-access .wizard__children a {
  color: #0066ff;
  text-decoration: none;
}
.text-step {
  max-width: 85%;
  font-size: 1rem;
  line-height: normal;
  font-weight: 400;
}
.text-step b {
  font-weight: 600;
}
.table-instance-col--vm-certificate-action {
  width: 130px;
}
.table-instance-col--vm-certificate-action .actions_item {
  color: #0066ff;
  padding: 0;
}
.setup-access-wizard-image {
  width: fit-content;
  max-width: 100%;
  border: 1px solid #cccccc;
  border-radius: 1rem;
  overflow: hidden;
}
.setup-access-wizard-text {
  line-height: normal;
}
.setup-access-wizard-text b {
  font-weight: 600;
}
.setup-access-wizard-files {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.finance-page-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
}
.finance-page-wrapper-main {
  flex: 1;
  display: grid;
  gap: 3rem;
}
.finance-page-wrapper-main__banners-small-desktop {
  display: none;
}
@media screen and (max-width: 1330px) {
  .finance-page-wrapper-main__banners-small-desktop {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
.finance-page-wrapper-banners-desktop {
  display: grid;
  gap: 2rem;
  margin-top: 6.25rem;
}
@media screen and (max-width: 1330px) {
  .finance-page-wrapper-banners-desktop {
    display: none;
  }
}
.partnership-page-wrapper {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
.partnership-page-wrapper-main {
  flex: 1;
}
.partnership-page-wrapper-main__partnership-site--small-desktop {
  display: none;
  margin-bottom: 45px;
}
@media screen and (max-width: 1330px) {
  .partnership-page-wrapper-main__partnership-site--small-desktop {
    display: block;
  }
}
.partnership-page-wrapper-main__partnership-site--desktop {
  display: block;
  margin-top: 194px;
}
@media screen and (max-width: 1330px) {
  .partnership-page-wrapper-main__partnership-site--desktop {
    display: none;
  }
}
.partnership-page-wrapper-main__statistics {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 45px;
}
@media screen and (max-width: 1330px) {
  .partnership-page-wrapper-main__statistics {
    margin-bottom: 18px;
  }
}
.account-page-wrapper {
  display: flex;
  justify-content: space-between;
}
.account-page-wrapper-main {
  max-width: 1006px;
}
@media screen and (max-width: 1330px) {
  .account-page-wrapper-main {
    margin: 0 auto;
  }
}
.vm-list-page--error,
.image-list-page--error,
.cloud-init-list-page--error {
  margin: 100px auto;
}
.vm-list-page .table-header-wrapper:not(.table-header-wrapper--checked),
.image-list-page .table-header-wrapper:not(.table-header-wrapper--checked),
.cloud-init-list-page .table-header-wrapper:not(.table-header-wrapper--checked) {
  margin: 40px 0 28px;
}
.vm-list-page .table-header-wrapper--checked,
.image-list-page .table-header-wrapper--checked,
.cloud-init-list-page .table-header-wrapper--checked {
  margin: 38px 0 16px;
}
.vm-list-header,
.image-list-header {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.vm-list-header__button-dumb,
.image-list-header__button-dumb {
  width: 262px;
  height: 38px;
  border-radius: 0.5rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.cvds-page-header__buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.main--cloud-init-loading .main-content__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main--cloud-init-loading .main-content__inner .netangels-loader {
  flex-grow: 1;
}
.cloud-init-edit-page {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}
.cloud-init-edit-page .netangels-kit-input {
  grid-column: 1 / span 3;
}
.cloud-init-edit-page__editor {
  grid-column: 1 / span 3;
}
.cloud-init-edit-page__editor .main {
  display: flex;
  flex-direction: row;
  height: auto;
}
.cloud-init-edit-page__submit {
  grid-column: 1;
}
.cloud-init-edit-page--error {
  grid-template-columns: 1fr;
}
.dashboard-page-wrapper {
  margin-top: 2rem;
}
.dashboard-page {
  display: flex;
  gap: 4.25rem;
}
@media screen and (max-width: 1330px) {
  .dashboard-page {
    align-items: flex-start;
  }
}
@media screen and (max-width: 700px) {
  .dashboard-page {
    gap: 1rem;
    flex-direction: column;
  }
}
.dashboard-page-widgets-panel {
  flex: 1;
}
.dashboard-widget-container {
  margin-top: 2rem;
}
.dns-records-page-subtitle {
  font-size: 22px;
  line-height: 26px;
  color: #586a7b;
  margin-top: 32px;
}
@media screen and (max-width: 1330px) {
  .domain-page,
  .nicd-page {
    width: 973px;
    margin: 34px auto 32px;
    padding-left: 0;
  }
  .domain-page .table-header-wrapper,
  .nicd-page .table-header-wrapper,
  .domain-page .table-instances,
  .nicd-page .table-instances {
    margin-left: 0;
  }
}
.nicd-page .pagination-footer {
  margin-left: 25px;
}
.mail-empty-page {
  margin-top: 4px;
}
.mail-domains-header-title__warning {
  color: #d06565;
}
.mailboxes__nav--empty {
  margin: 45px 27px;
}
.mailboxes__title {
  display: flex;
  align-items: center;
  color: #141414;
  padding: 5px 0 5px 20px;
  border-left: 1px solid #979797;
  user-select: none;
}
.mailboxes__error-page {
  margin-top: 150px;
}
.mailboxes-pagination {
  margin-right: 5px;
}
@media screen and (max-width: 1330px) {
  .mailboxes-pagination {
    width: 1250px;
    margin: 0 auto;
  }
}
.mail-domains-header {
  display: flex;
  margin-left: 1rem;
  align-items: center;
}
@media screen and (max-width: 1330px) {
  .mail-domains-header {
    margin-right: -30px;
  }
}
.mail-domains-header__button-dumb {
  width: 288px;
  height: 40px;
  border-radius: 0.5rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
}
.mail-domains-header__button-wrapper {
  width: 18rem;
  border-radius: 0.5rem;
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.05);
}
.mail-domains-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
}
@media screen and (max-width: 1330px) {
  .mail-domains-page {
    width: 973px;
    margin: 0 auto;
  }
}
.mail-domains-page__right-column {
  display: grid;
  gap: 2rem;
}
.mail-domains-page__right-column-button-wrapper {
  border-radius: 0.5rem;
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.05);
}
.mail-statistics-page {
  background: #ffffff;
  padding: 0px 24px 50px;
  max-width: 1234px;
  box-shadow: 0px 20px 40px rgba(51, 51, 51, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mail-statistics-page--mailboxes .table-instance-row:hover {
  background-color: initial;
}
@media screen and (max-width: 1330px) {
  .mail-statistics-page {
    width: 904px;
    margin: 0 auto;
  }
}
.transfer-page-progress-block {
  margin: 0 0 25px 20px;
}
.ssh-keys-page .table-tr .table-instance-col {
  font-size: 14px;
  opacity: 0.8;
}
.ssh-keys-page .table-instance-row:hover .ssh-keys-table__resources {
  opacity: 1;
}
.auth-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f4f5fa;
}
.auth-page .netangels-logo-svg {
  position: absolute;
  z-index: 1;
  display: block;
  height: 36px;
  width: 195px;
  top: 57px;
}
.auth-page__description {
  color: #141414;
  margin: 35px 0 4px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}
.auth-page__remark {
  color: #141414;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}
.auth-page__link {
  color: #0066ff;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}
.auth-page__back-link {
  display: flex;
  align-items: center;
  color: #0066ff;
  font-weight: 600;
  line-height: 70px;
  text-decoration: none;
  position: absolute;
  top: 40px;
  left: 44px;
}
@media screen and (max-width: 700px) {
  .auth-page__back-link {
    left: auto;
    top: auto;
    bottom: 10px;
    letter-spacing: 1.38px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(20, 20, 20, 0.75);
  }
}
.auth-page .na-icon-arrow-chevron-left {
  display: flex;
}
.auth-page .na-icon-arrow-chevron-left::before {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 20px;
}
@media screen and (max-width: 700px) {
  .auth-page .na-icon-arrow-chevron-left::before {
    display: none;
  }
}
.auth-page-form {
  z-index: 2;
  width: 342px;
  background: #ffffff;
  color: #141414;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 20px 40px rgba(20, 20, 20, 0.15);
  padding: 40px 80px 48px;
  margin: 0 auto;
}
@media screen and (max-width: 700px) {
  .auth-page-form {
    width: auto;
    box-shadow: none;
    background-color: initial;
    padding: 0;
  }
}
.auth-page-form form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.auth-page-form__title {
  text-align: center;
  margin-bottom: 1.5rem;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
}
.auth-page-form__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 32px;
}
.auth-page-form__password-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .auth-page-form__password-title {
    font-size: 22px;
    line-height: 25px;
    text-align: center;
  }
}
.auth-page-form__password-subtitle {
  margin-top: 0.5rem;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
}
.auth-page-form__password-link-hint-wrapper {
  text-align: center;
  margin-top: 1rem;
}
.auth-page-form__password-link-hint {
  color: #0066ff;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 4px;
  border-bottom: 1px dashed #0066ff;
}
.auth-page-form .ui-kit-form-input__input {
  height: 3rem;
  font-size: 1.1rem;
  padding: 0 1.3rem;
}
.auth-page-form .ui-kit-form-input .ui-kit-form-errors {
  position: absolute;
}
.auth-page-form .ui-kit-form-input-radio--active .ui-kit-form-input-radio-label {
  background-color: initial;
}
.auth-page-form .ui-kit-form-input-radio-label__content {
  margin-left: 3px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.auth-page-form .ui-kit-form-input-radio-label__radio::before {
  background-color: #ffffff;
  border: 1px solid rgba(20, 20, 20, 0.5);
}
.auth-page-form .ui-kit-form-input-password {
  margin-bottom: 8px;
}
.auth-page-form .ui-kit-form-input-password .ui-kit-form-errors {
  position: relative;
}
.auth-page-form .ui-kit-form-input-password-wrapper .ui-kit-form-input__input {
  padding-right: 42px;
}
.auth-page-form .ui-kit-form-input-password-wrapper__generator {
  top: 0.875rem;
}
.auth-page-form .ui-kit-form-input-password-wrapper__generator::before {
  font-size: 1.25rem;
}
.auth-page-form--password-done {
  padding: 40px 75px 50px 79px;
  width: 348px;
}
@media screen and (max-width: 700px) {
  .auth-page-form--password-done {
    width: auto;
    padding: 0px;
  }
}
.auth-page-form--password-done .auth-page-form__password-title {
  margin-bottom: 16px;
}
.auth-page-form--password-done .auth-page-form__description {
  line-height: 22px;
  margin-bottom: 24px;
}
.auth-page-form--password-done .auth-page__link {
  font-size: 16px;
  cursor: pointer;
  line-height: 22px;
}
.auth-page-form--password-confirm form {
  min-height: 13.438rem;
}
.auth-page-form-links {
  margin-top: 24px;
}
.auth-page-form-links .netangels-kit-horizontal-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 700px) {
  .auth-page-form-links {
    display: flex;
    justify-content: center;
  }
  .auth-page-form-links .netangels-kit-horizontal-container {
    display: grid;
    grid-auto-flow: row;
  }
}
.otp-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f4f5fa;
}
.otp-page .netangels-logo-svg {
  position: absolute;
  z-index: 1;
  display: block;
  height: 36px;
  width: 195px;
  top: 57px;
}
.otp-page-block {
  text-align: center;
  color: #141414;
}
.otp-page-block__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 17px;
}
.otp-page-block__description {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 32px;
}
.otp-page-block__link {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-top: 86px;
  color: #0066ff;
  cursor: pointer;
}
.otp-page-block .ui-kit-form-input-pin {
  justify-content: center;
  padding: 15px 29px 28px 27px;
}
@media screen and (max-width: 700px) {
  .otp-page-block .ui-kit-form-input-pin {
    padding: 11px 21px 21px 19px;
  }
}
@media screen and (max-width: 700px) {
  .otp-page-block .ui-kit-form-input-pin-wrapper {
    width: 320px;
    margin: 0 auto;
  }
}
.otp-page-block .ui-kit-form-input-pin-wrapper--error {
  animation: shake-animation 4.72s ease;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.otp-page-block .ui-kit-form-pin-input-field {
  width: 36px;
  line-height: 70px;
  margin-bottom: 7px;
}
@media screen and (max-width: 700px) {
  .otp-page-block .ui-kit-form-pin-input-field {
    width: 28px;
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 2px;
  }
}
.otp-page-block .ui-kit-pin-input-container {
  margin-right: 20px;
}
@media screen and (max-width: 700px) {
  .otp-page-block .ui-kit-pin-input-container {
    margin-right: 12px;
  }
}
.otp-page-block .ui-kit-pin-input-container--end-of-chunk {
  margin-right: 40px;
}
@media screen and (max-width: 700px) {
  .otp-page-block .ui-kit-pin-input-container--end-of-chunk {
    margin-right: 24px;
  }
}
.otp-page-block .ui-kit-pin-input-container:last-child {
  margin-right: 0;
}
.otp-page-block .ui-kit-form-errors {
  margin: 32px 0 0;
  position: absolute;
  width: 418px;
}
@media screen and (max-width: 700px) {
  .otp-page-block .ui-kit-form-errors {
    width: 320px;
  }
}
.otp-page-block--codes .ui-kit-form-input-pin {
  justify-content: center;
  padding: 29px 32px 28px;
}
.otp-page-block--codes .ui-kit-form-pin-input-field {
  font-size: 48px;
  line-height: 56px;
  width: 24px;
}
.otp-page-block--codes .ui-kit-pin-input-container {
  margin-right: 13px;
}
.otp-page-block--codes .ui-kit-pin-input-container--end-of-chunk {
  margin-right: 13px;
}
.otp-page-block--codes .ui-kit-form-errors {
  margin-left: 32px;
}
.restore-password-tooltip {
  color: #141414 !important;
  background-color: #ffffff !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  min-width: 323px;
  padding-top: 16px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.restore-password-tooltip:after {
  background-color: #ffffff !important;
  border-right-color: #ffffff !important;
}
.auth-page-form-password-hint {
  margin: 16px 0 2px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.auth-page-form-password-hint__link {
  color: #0066ff;
}
.auth-page-form-password-hint .auth-page__link {
  font-size: 14px;
  line-height: 20px;
}
.license-page .table-header-wrapper--checked {
  padding: 19px 27px;
}
.license-page .table-header-wrapper {
  display: none;
}
.main--centered .main-content__inner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wizard--create-container .wizard__content {
  flex: 5;
}
.wizard--create-container .wizard__image-wrapper {
  flex: 7;
}
.fz152-empty-page {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "banner banner banner" "card1  card2  card3";
  gap: 1.5rem;
}
.fz152-empty-page > .white-box:nth-child(1) {
  grid-area: banner;
}
.fz152-empty-page > .white-box:nth-child(2) {
  grid-area: card1;
}
.fz152-empty-page > .white-box:nth-child(3) {
  grid-area: card2;
}
.fz152-empty-page > .white-box:nth-child(4) {
  grid-area: card3;
}
.fz152-empty-page .fz152-info-cards__icon {
  font-size: 1.5rem;
  color: #e17334;
}
.fz152-empty-page .white-box {
  align-content: start;
}
.fz152-empty-page .white-box-field__children p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #141414;
}
.fz152-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.fz152-banner__content {
  display: grid;
  gap: 1.5rem;
  flex: 1;
  max-width: 65%;
}
.fz152-banner__content > .white-box-field:first-child .white-box-field__title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.875rem;
}
.fz152-banner__image {
  height: auto;
  flex-shrink: 0;
}
.fz152-banner__buttons {
  display: flex;
  gap: 1.25rem;
}
.fz152-banner__list-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.form-with-final-block--fz152-create-vm .vm-create-form {
  flex: 1;
}
.form-with-final-block--fz152-create-vm .final-configuration-block {
  margin-top: 3.6875rem;
}
.form-with-final-block--fz152-create-vm .final-config-icon-with-text-item__image {
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.fz152-backups-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}
.fz152-backups-page .fz152-backups-form {
  flex: 1;
}
.final-block--fz152-vm-create {
  margin-top: 2.1rem;
}
.final-block--fz152-vm-create .final-block-icon-with-text-item__image {
  box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.25);
}
.final-block--fz152-backups {
  margin-top: 1.5rem;
}
.final-block--fz152-backups .final-block__info {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #141414;
  word-break: break-word;
}
.final-block--fz152-backups .final-block__info b {
  font-weight: 600;
}
.fz152-vm-create-segmented-control {
  margin-bottom: 2.25rem;
}
.cluster-create-container form {
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
}
.cluster-create-container .cluster-create-form {
  flex: 1;
}
.cluster-create-container .final-configuration-block {
  margin-top: 32px;
}
.clusters-page-loader .netangels-kit-loader {
  width: 100%;
}
.final-block--cluster {
  margin-top: 2rem;
  width: 21.5rem;
}
.final-block--cluster .final-block__info {
  padding-bottom: 1rem;
}
.resource-block--cluster .resource-block-header__additional-block {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.request-page {
  display: flex;
  flex-direction: column;
}
.request-page__create-date {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #141414;
  padding: 0 47px 30px;
}
.request-page__chat {
  position: relative;
  min-height: 350px;
  max-height: 550px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  overflow-y: auto;
  padding: 30px;
  margin-bottom: 20px;
}
.request-page__chat::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.request-page__chat::-webkit-scrollbar-track {
  background-color: transparent;
}
.request-page__chat::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #fcfcfc;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.request-page form {
  padding: 0 30px;
}
.request-page--loading {
  align-items: center;
  margin: 200px auto;
}
.react-checkbox-tree {
  display: flex;
  flex-direction: row-reverse;
  font-size: 16px;
}
.react-checkbox-tree > ol {
  flex: 1 1 auto;
}
.react-checkbox-tree ol {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
.react-checkbox-tree ol ol {
  padding-left: 24px;
}
.react-checkbox-tree button {
  line-height: normal;
  color: inherit;
}
.react-checkbox-tree button:disabled {
  cursor: not-allowed;
}
.react-checkbox-tree .rct-bare-label {
  cursor: default;
}
.react-checkbox-tree label {
  margin-bottom: 0;
  cursor: pointer;
}
.react-checkbox-tree label:hover {
  background: rgba(51, 51, 204, 0.1);
}
.react-checkbox-tree label:active,
.react-checkbox-tree label:focus {
  background: rgba(51, 51, 204, 0.15);
}
.react-checkbox-tree:not(.rct-native-display) input {
  display: none;
}
.react-checkbox-tree.rct-native-display input {
  margin: 0 5px;
}
.react-checkbox-tree .rct-icon {
  display: inline-block;
  text-align: center;
  text-rendering: auto;
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
}
.rct-disabled > .rct-text > label {
  opacity: 0.75;
  cursor: not-allowed;
}
.rct-disabled > .rct-text > label:hover {
  background: transparent;
}
.rct-disabled > .rct-text > label:active {
  background: transparent;
}
.rct-text {
  display: flex;
  align-items: center;
}
.rct-options {
  flex: 0 0 auto;
  margin-left: 0.5rem;
  text-align: right;
}
.rct-option {
  opacity: 0.75;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0 4px;
  font-size: 18px;
}
.rct-option:hover {
  opacity: 1;
}
.rct-option + .rct-option {
  margin-left: 2px;
}
.rct-collapse,
.rct-checkbox,
.rct-node-icon {
  padding: 0 5px;
}
.rct-collapse *,
.rct-checkbox *,
.rct-node-icon * {
  display: inline-block;
  margin: 0;
  width: 14px;
}
.rct-collapse {
  align-self: stretch;
  border: 0;
  background: none;
  line-height: normal;
  color: inherit;
  font-size: 12px;
}
.rct-collapse.rct-collapse-btn {
  cursor: pointer;
}
.rct-collapse > .rct-icon-expand-close {
  opacity: 0.5;
}
.rct-collapse > .rct-icon-expand-close:hover {
  opacity: 1;
}
.rct-native-display .rct-checkbox {
  display: none;
}
.rct-node-clickable {
  cursor: pointer;
}
.rct-node-clickable:hover {
  background: rgba(51, 51, 204, 0.1);
}
.rct-node-clickable:focus {
  outline: 0;
  background: rgba(51, 51, 204, 0.2);
}
.rct-node-icon {
  color: #33c;
}
.rct-title {
  padding: 0 5px;
}
.rct-icons-fa4 .rct-icon-expand-close::before {
  content: "\f054";
}
.rct-icons-fa4 .rct-icon-expand-open::before {
  content: "\f078";
}
.rct-icons-fa4 .rct-icon-uncheck::before {
  content: "\f096";
}
.rct-icons-fa4 .rct-icon-check::before {
  content: "\f046";
}
.rct-icons-fa4 .rct-icon-half-check::before {
  opacity: 0.5;
  content: "\f046";
}
.rct-icons-fa4 .rct-icon-leaf::before {
  content: "\f016";
}
.rct-icons-fa4 .rct-icon-parent-open::before {
  content: "\f115";
}
.rct-icons-fa4 .rct-icon-parent-close::before {
  content: "\f114";
}
.rct-icons-fa4 .rct-icon-expand-all::before {
  content: "\f0fe";
}
.rct-icons-fa4 .rct-icon-collapse-all::before {
  content: "\f146";
}
.rct-icons-fa5 .rct-icon-expand-close::before {
  font-weight: 900;
  content: "\f054";
}
.rct-icons-fa5 .rct-icon-expand-open::before {
  font-weight: 900;
  content: "\f078";
}
.rct-icons-fa5 .rct-icon-uncheck::before {
  content: "\f0c8";
}
.rct-icons-fa5 .rct-icon-check::before {
  content: "\f14a";
}
.rct-icons-fa5 .rct-icon-half-check::before {
  opacity: 0.5;
  content: "\f14a";
}
.rct-icons-fa5 .rct-icon-leaf::before {
  content: "\f15b";
}
.rct-icons-fa5 .rct-icon-parent-open::before {
  content: "\f07c";
}
.rct-icons-fa5 .rct-icon-parent-close::before {
  content: "\f07b";
}
.rct-icons-fa5 .rct-icon-expand-all::before {
  content: "\f0fe";
}
.rct-icons-fa5 .rct-icon-collapse-all::before {
  content: "\f146";
}
.rct-direction-rtl {
  direction: rtl;
}
.rct-direction-rtl ol ol {
  padding-right: 24px;
  padding-left: 0;
}
.rct-direction-rtl.rct-icons-fa4 .rct-icon-expand-close::before {
  content: "\f105";
}
.rct-direction-rtl.rct-icons-fa5 .rct-icon-expand-close::before {
  content: "\f053";
}
.mailbox-entry-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 30px;
}
.mailbox-entry-actions .actions {
  position: relative;
  top: 0;
  right: 0;
}
.table-instances {
  border: none;
}
.table-instance-row:hover .mailbox-aliases-block .mailbox-aliases__empty {
  opacity: 1;
}
.table-instance-row:hover .mailbox-quota-block:not(.mailbox-disabled__modifier--quota) {
  color: #0066ff;
  cursor: pointer;
}
.table-instance-row:hover .mailbox-comment-block .ui-kit-entry-comment {
  color: #107AD5;
}
.table-instance-row:hover .mailbox-comment-block .ui-kit-entry-comment__add-comment {
  opacity: 1;
}
.table-instance-row:last-child > .table-instance-col {
  border-bottom: none;
}
@media screen and (max-width: 1330px) {
  .table-instance-col {
    padding: 18px 20px;
  }
}
@media screen and (max-width: 1330px) {
  .table-instance-col--checkbox {
    padding: 22px 16px;
  }
  .table-instance-col--checkbox .ui-kit-form-checkbox-label__icon {
    margin-right: 0;
  }
}
.table-instance-col--mailbox-name {
  font-weight: 600;
  font-size: 16px;
  color: #141414;
  padding-left: 0;
  max-width: 200px;
  min-width: 170px;
}
@media screen and (max-width: 1330px) {
  .table-instance-col--mailbox-name {
    max-width: 200px;
    min-width: 170px;
  }
}
.table-instance-col--mailbox-size {
  font-size: 14px;
  color: #141414;
  max-width: 90px;
  min-width: 65px;
}
@media screen and (max-width: 1330px) {
  .table-instance-col--mailbox-size {
    max-width: 70px;
  }
}
.table-instance-col--mailbox-is-local {
  max-width: 180px;
  min-width: 120px;
}
@media screen and (max-width: 1330px) {
  .table-instance-col--mailbox-is-local {
    max-width: 145px;
    min-width: 80px;
  }
}
.table-instance-col--mailbox-aliases {
  max-width: 200px;
  min-width: 180px;
}
.table-instance-col--mailbox-quota {
  max-width: 100px;
  min-width: 80px;
}
.table-instance-col--mailbox-comment {
  max-width: 250px;
  min-width: 240px;
}
@media screen and (max-width: 1330px) {
  .table-instance-col--mailbox-comment {
    max-width: 235px;
    min-width: 180px;
  }
}
@media screen and (max-width: 1330px) {
  .table-instance-col--mailbox-actions {
    padding: 18px;
  }
}
.table-instance-col--mailbox-quota {
  min-width: 115px;
  text-align: right;
  font-weight: 400;
  padding: 0;
}
.table-instance-col .mailbox-name-block {
  display: flex;
  align-items: center;
}
.table-instance-col .mailbox-name-block__name {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  margin-left: 5px;
}
.table-instance-col .mailbox-is-local-block {
  display: flex;
  justify-content: center;
}
.table-instance-col .mailbox-is-local-block .mailbox-is-local__icon {
  position: relative;
}
.table-instance-col .mailbox-is-local-block .mailbox-is-local__icon:not(.mailbox-disabled__modifier--local) {
  cursor: pointer;
}
.table-instance-col .mailbox-is-local-block .mailbox-is-local__image {
  font-size: 18px;
}
.table-instance-col .mailbox-is-local-block .mailbox-is-local__status {
  position: absolute;
  bottom: -2px;
  right: -5px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
}
.table-instance-col .mailbox-is-local-block .mailbox-is-local__status--enabled {
  background-color: #29ac7a;
  font-size: 8px;
  color: #ffffff;
}
.table-instance-col .mailbox-is-local-block .mailbox-is-local__status--disabled {
  background-color: #d06565;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-instance-col .mailbox-is-local-block .mailbox-is-local__status .na-icon-1-check {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-instance-col .mailbox-is-local-block .mailbox-is-local__status .icon-brick {
  width: 6px;
  height: 2px;
  background-color: #ffffff;
}
.table-instance-col .mailbox-size-block {
  text-align: right;
}
.table-instance-col .mailbox-aliases-block {
  display: flex;
  color: #333333;
  font-weight: 400;
}
.table-instance-col .mailbox-aliases-block .mailbox-alias,
.table-instance-col .mailbox-aliases-block .mailbox-aliases-counter {
  background-color: rgba(20, 20, 20, 0.12);
  border-radius: 20px;
}
.table-instance-col .mailbox-aliases-block .mailbox-aliases__empty {
  width: 100%;
  color: #107AD5;
  opacity: 0;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.table-instance-col .mailbox-aliases-block .mailbox-alias {
  padding: 5px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-instance-col .mailbox-aliases-block .mailbox-alias:not(.mailbox-disabled__modifier--aliases) {
  cursor: pointer;
}
.table-instance-col .mailbox-aliases-block .mailbox-alias::before {
  font-size: 0.75rem;
  margin-right: 0.25rem;
}
.table-instance-col .mailbox-aliases-block .mailbox-aliases-counter {
  min-width: 26px;
  height: 26px;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-instance-col .mailbox-aliases-block .mailbox-aliases-counter:not(.mailbox-disabled__modifier--aliases) {
  cursor: pointer;
}
.table-instance-col .mailbox-aliases-block .mailbox-aliases-counter__inner {
  padding: 0 5px;
}
.table-instance-col .mailbox-quota-block {
  padding-right: 5px;
}
.table-instance-col .mailbox-comment-block {
  font-weight: 400;
}
.table-instance-col .mailbox-comment-block .ui-kit-form-input__input {
  padding: 6px 10px !important;
}
.table-instance-col .mailbox-comment-block .ui-kit-entry-comment {
  line-height: 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s;
}
.table-instance-col .mailbox-comment-block .ui-kit-entry-comment__comment {
  font-size: 14px;
  vertical-align: middle;
  border-bottom: none;
  max-width: none;
  width: 100%;
}
.table-instance-col .mailbox-comment-block .ui-kit-entry-comment__add-comment {
  font-size: 14px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.mailboxes__table .table-tr td:nth-child(2) {
  padding-left: 0;
}
.mailboxes__table .table-tr td:nth-child(3) {
  text-align: right;
}
.mailboxes__table .table-tr td:nth-child(4) {
  text-align: center;
}
.mailboxes__table .table-header-wrapper {
  max-width: none;
  margin-left: 0;
  box-sizing: border-box;
}
.mailboxes__table .table-header-wrapper--checked {
  padding: 19px 27px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.mailboxes__table .table-instances {
  margin-left: 0;
}
@media screen and (max-width: 1330px) {
  .mailboxes__table .table-instances {
    margin-top: 0;
  }
}
.mailboxes__table .table-instances-loader {
  box-sizing: border-box;
  margin-top: 20px;
  margin-left: 0;
}
.mailboxes__table .table-wrapper {
  max-width: none;
}
.mailbox-action--red {
  color: #d51010 !important;
}
html,
body {
  height: 100%;
  font-family: Inter, sans-serif;
  background-color: #fcfcfc;
  margin: 0;
  padding: 0;
}
body {
  scrollbar-gutter: stable;
}
.app_container {
  height: 100%;
  display: none;
}
.app_container--ready {
  display: initial;
}
#__next,
.main {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 1120px) {
  #__next,
  .main {
    width: fit-content;
  }
}
#__next-content__inner--error,
.main-content__inner--error {
  position: absolute;
  top: 0;
  left: 0;
  min-width: auto !important;
  max-width: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
}
#__next-content__inner > div[class*="netangels-kit-service-header"],
.main-content__inner > div[class*="netangels-kit-service-header"] {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#__next .header,
.main .header,
#__next .footer,
.main .footer {
  max-width: calc(1370px + 6rem);
  width: 100%;
  padding: 0 3rem;
  margin: 0 auto;
}
@media screen and (max-width: 700px) {
  #__next .header,
  .main .header,
  #__next .footer,
  .main .footer {
    max-width: calc(1370px + 3rem);
    padding: 0 1.5rem;
  }
}
#__next .netangels-kit-menu-portal,
.main .netangels-kit-menu-portal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.main-content {
  min-width: 1009px;
  background-color: #fcfcfc;
  flex: 1;
  width: auto;
}
@media screen and (max-width: 1120px) {
  .main-content {
    width: fit-content;
  }
}
.main-content__inner {
  max-width: 1370px;
  min-width: 1009px;
  position: relative;
  padding: 0 44px 54px;
  margin: 0 auto;
}
.main-content--search-enabled .main-content__inner {
  display: none;
}
.main-content-title {
  margin: 34px 8px 32px;
  line-height: 1.2;
  font-weight: 400;
}
@media screen and (max-width: 1330px) {
  .main-content-title {
    width: 973px;
    margin: 34px auto 32px;
    padding-left: 0;
  }
}
h1 {
  font-weight: 600;
  font-size: 36px;
}
.instruction-link {
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  color: #0066ff;
  text-decoration: none;
}
.instruction-link::before {
  margin-right: 8px;
}
.simplebar-content {
  height: 100%;
}
[class*="ui-kit-"] :focus {
  outline: none;
}
.ui-kit-modal-title-helper {
  text-align: left;
}
.ui-kit-modal-container {
  width: 291px;
  padding: 44px 60px 42px;
}
.ui-kit-modal-container .netangels-kit-horizontal-container {
  grid-auto-columns: 1fr;
  margin-top: 20px;
}
.ui-kit-modal-container:not(.ui-kit-modal-container--light-new) .ui-kit-form-input:not(:last-child),
.ui-kit-modal-container:not(.ui-kit-modal-container--light-new) .ui-kit-form-checkbox:not(:last-child),
.ui-kit-modal-container:not(.ui-kit-modal-container--light-new) .ui-kit-form-textarea:not(:last-child) {
  margin-bottom: 20px;
}
.ui-kit-context-menu__children {
  cursor: pointer;
}
.ui-kit-context-menu--button {
  width: 220px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #141414;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.ui-kit-context-menu--button .contexify {
  cursor: default;
}
.ui-kit-context-menu--button .ui-kit-context-menu__children {
  padding: 8px 0;
}
.ui-kit-form-checkbox-inner--danger::after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f93b25), color-stop(1, #c80502)) !important;
  background-image: -moz-linear-gradient(to left, #f93b25 5%, #c80502 100%) !important;
  background-image: -webkit-linear-gradient(to left, #f93b25 5%, #c80502 100%) !important;
  background-image: -o-linear-gradient(left, #f93b25, #c80502) !important;
  background-image: -ms-linear-gradient(left, #f93b25 5%, #c80502 100%) !important;
  background-image: linear-gradient(to left, #f93b25 5%, #c80502 100%) !important;
  background-color: #f93b25 !important;
}
.ui-kit-form-tags {
  margin-bottom: 20px;
}
.ui-kit-form-tags-input-block-inner {
  width: 100% !important;
  box-sizing: border-box;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}
@media screen and (max-width: 1330px) {
  .ui-kit-separator--only-desktop {
    display: none;
  }
}
.ui-kit-search-input-block--new {
  gap: 8px;
  border-radius: 8px;
  padding: 10px 12px;
  transition: border 0.2s ease-in-out;
}
.ui-kit-search-input-block--new.ui-kit-search-input-block--active {
  box-shadow: none;
  border: 1px solid #0066ff;
}
.ui-kit-search-input-block--new.ui-kit-search-input-block--active .ui-kit-search-input-block__icon::before {
  color: #0066ff;
}
.ui-kit-search-input-block--new .ui-kit-search-input-block__input {
  font-family: Inter, sans-serif;
  padding: 0;
}
.ui-kit-search-input-block--new .ui-kit-search-input-block__input::placeholder {
  color: #cccccc;
}
.ui-kit-search-input-block--new .ui-kit-search-input-block__icon {
  display: flex;
}
.ui-kit-search-input-block--new .ui-kit-search-input-block__icon::before {
  transition: color 0.2s ease-in-out;
}
.ui-kit-search-input-block--new .netangels-icon-search::before {
  color: #cccccc;
  font-size: 16px;
}
.ui-kit-search-input-block--thin {
  padding: 8px 12px;
}
.ui-kit-form-input-password--new .ui-kit-form-input__input {
  font-family: Inter, sans-serif;
  border-radius: 8px;
  padding: 10px 36px 11px 14px;
  transition: border 0.2s ease-in-out;
}
.ui-kit-form-input-password--new .ui-kit-form-input__input::placeholder {
  color: #cccccc;
}
.ui-kit-form-input-password--new .ui-kit-form-input__input:focus {
  border: 1px solid #0066ff;
  box-shadow: none;
}
.ui-kit-form-input-password--new .ui-kit-form-input-label {
  padding: 0;
  line-height: 2;
}
.ui-kit-form-input-password--new .ui-kit-form-input-password-wrapper__generator {
  top: 11px;
  opacity: 1;
  color: #cccccc;
  transition: color 0.2s ease-in-out;
}
.ui-kit-form-input-password--new .ui-kit-form-input-password-wrapper__generator:hover {
  color: #0066ff;
}
.ui-kit-form-select--new .ui-kit-form-select-inner__label {
  font-size: 13px;
  line-height: 2;
  font-weight: 300;
  color: #7a8791;
  padding: 0;
}
.ui-kit-form-select--new .ui-kit-select-inner__dropdown-indicator::after {
  height: 10px;
  top: 14px;
  transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.ui-kit-form-select--new .ui-kit-select-inner__value-container {
  padding: 4px 8px 2px;
}
.ui-kit-form-select--new .ui-kit-select-inner__control {
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
  border-radius: 8px !important;
  transition: border 0.2s ease-in-out;
  box-shadow: none !important;
}
.ui-kit-form-select--new .ui-kit-select-inner__control--is-focused {
  border: 1px solid #cccccc !important;
}
.ui-kit-form-select--new .ui-kit-select-inner__control--menu-is-open {
  border: 1px solid #0066ff !important;
}
.ui-kit-form-select--new .ui-kit-select-inner__control--menu-is-open .ui-kit-select-inner__dropdown-indicator::after {
  color: #0066ff !important;
}
.ui-kit-form-select--new .ui-kit-select-inner__control--is-disabled {
  border: 1px solid rgba(204, 204, 204, 0.35) !important;
}
.ui-kit-form-select--new .ui-kit-select-inner__control--is-disabled .ui-kit-select-inner__placeholder,
.ui-kit-form-select--new .ui-kit-select-inner__control--is-disabled .ui-kit-select-inner__single-value {
  color: rgba(20, 20, 20, 0.35) !important;
}
.ui-kit-form-select--new .ui-kit-select-inner__menu {
  width: calc(100% - 2px);
  left: 1px;
  border-radius: 8px !important;
  overflow: hidden;
}
.ui-kit-form-select--new .ui-kit-select-inner__menu-list {
  padding: 0;
}
.ui-kit-form-select--new .ui-kit-select-inner__menu-list::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.ui-kit-form-select--new .ui-kit-select-inner__menu-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.ui-kit-form-select--new .ui-kit-select-inner__menu-list::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.ui-kit-form-select--new .ui-kit-select-inner__option {
  padding: 10px 12px;
  cursor: pointer;
}
.ui-kit-form-select--new .ui-kit-select-inner__option--is-selected {
  background-color: rgba(0, 102, 255, 0.1) !important;
}
.ui-kit-form-select--new .ui-kit-select-inner__option--is-selected::after {
  display: none;
}
.ui-kit-form-select--new.ui-kit-form-select--error .ui-kit-select-inner__control {
  border: 1px solid #e12a29 !important;
}
.ui-kit-form-select--thin .ui-kit-select-inner__dropdown-indicator {
  width: 32px;
  height: 32px;
}
.ui-kit-form-select--thin .ui-kit-select-inner__dropdown-indicator::after {
  top: 12px;
  right: 11px;
}
.ui-kit-form-select--thin .ui-kit-select-inner__control {
  min-height: 34px !important;
}
.ui-kit-form-select--text .ui-kit-select-inner__dropdown-indicator {
  width: 16px;
  height: 10px;
}
.ui-kit-form-select--text .ui-kit-select-inner__dropdown-indicator::after {
  height: 12px;
  top: -1px;
  right: 0;
}
.ui-kit-form-select--text .ui-kit-select-inner__control {
  min-height: auto !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
.ui-kit-form-select--text .ui-kit-select-inner__value-container {
  padding: 0;
}
.ui-kit-form-select--text .ui-kit-select-inner__single-value {
  margin: 0;
}
.ui-kit-form-select--text .ui-kit-select-inner__menu {
  width: auto;
}
.ui-kit-form-input--new .ui-kit-form-input-label {
  font-size: 13px;
  line-height: 2;
  font-weight: 300;
  color: #7a8791;
  padding: 0;
}
.ui-kit-form-input--new .ui-kit-form-input__input {
  color: #141414;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 10px 12px;
  transition: border 0.2s ease-in-out;
}
.ui-kit-form-input--new .ui-kit-form-input__input::placeholder {
  color: #cccccc;
}
.ui-kit-form-input--new .ui-kit-form-input__input:focus {
  border: 1px solid #0066ff;
  box-shadow: none;
}
.ui-kit-form-input--new .ui-kit-form-input-additional-right-text {
  z-index: 2;
}
.ui-kit-form-input--new.ui-kit-form-input--focus .ui-kit-form-input-with-block {
  border: 1px solid #0066ff;
}
.ui-kit-form-input--new.ui-kit-form-input--focus .ui-kit-form-input-with-block__sub-title {
  background-color: rgba(0, 102, 255, 0.1);
}
.ui-kit-form-input--new.ui-kit-form-input--focus .ui-kit-form-input-with-block--right .ui-kit-form-input-with-block__sub-title {
  border-left: 1px solid #0066ff;
}
.ui-kit-form-input--new.ui-kit-form-input--focus .ui-kit-form-input-with-block--left .ui-kit-form-input-with-block__sub-title {
  border-right: 1px solid #0066ff;
}
.ui-kit-form-input--new.ui-kit-form-input--error .ui-kit-form-input__input {
  border: 1px solid #e12a29;
}
.ui-kit-form-input--new.ui-kit-form-input--error .ui-kit-form-input-with-block {
  border: 1px solid #e12a29;
}
.ui-kit-form-input--new.ui-kit-form-input--error .ui-kit-form-input-with-block__input {
  border: none !important;
}
.ui-kit-form-input--new.ui-kit-form-input--error .ui-kit-form-input-with-block__sub-title {
  background-color: rgba(225, 42, 41, 0.1);
}
.ui-kit-form-input--new.ui-kit-form-input--error .ui-kit-form-input-with-block--left .ui-kit-form-input-with-block__sub-title {
  border: none !important;
  border-right: 1px solid #e12a29 !important;
}
.ui-kit-form-input--new.ui-kit-form-input--error .ui-kit-form-input-with-block--right .ui-kit-form-input-with-block__sub-title {
  border: none !important;
  border-left: 1px solid #e12a29 !important;
}
.ui-kit-form-input--new.ui-kit-form-input--disabled .ui-kit-form-input__input,
.ui-kit-form-input--new.ui-kit-form-input--disabled .ui-kit-form-input-with-block {
  color: rgba(20, 20, 20, 0.35);
  border: 1px solid rgba(204, 204, 204, 0.35);
}
.ui-kit-form-input--new.ui-kit-form-input--disabled .ui-kit-form-input-with-block__input {
  color: rgba(20, 20, 20, 0.35);
}
.ui-kit-form-input--new.ui-kit-form-input--disabled .ui-kit-form-input-with-block__sub-title {
  color: rgba(20, 20, 20, 0.35);
  background-color: rgba(204, 204, 204, 0.35);
}
.ui-kit-form-input--new.ui-kit-form-input--disabled .ui-kit-form-input-with-block--right .ui-kit-form-input-with-block__sub-title {
  border-left: 1px solid transparent;
}
.ui-kit-form-input--new.ui-kit-form-input--disabled .ui-kit-form-input-with-block--left .ui-kit-form-input-with-block__sub-title {
  border-right: 1px solid transparent;
}
.ui-kit-form-input--new.ui-kit-form-input--with-float-placeholder .ui-kit-form-input__input {
  background-color: #ffffff !important;
}
.ui-kit-form-input--new.ui-kit-form-input--with-float-placeholder .ui-kit-form-input__input:not(:focus):placeholder-shown ~ .ui-kit-form-input-float-placeholder {
  top: 18px;
  font-size: 16px;
  line-height: 20px;
}
.ui-kit-form-input--new.ui-kit-form-input--with-float-placeholder .ui-kit-form-input-float-placeholder {
  z-index: 2;
}
.ui-kit-form-input--new .ui-kit-form-input-with-block {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: hidden;
  transition: border 0.2s ease-in-out;
}
.ui-kit-form-input--new .ui-kit-form-input-with-block__sub-title,
.ui-kit-form-input--new .ui-kit-form-input-with-block__input {
  border: none;
  border-radius: 0;
}
.ui-kit-form-input--new .ui-kit-form-input-with-block--right .ui-kit-form-input-with-block__sub-title {
  border-left: 1px solid #cccccc;
}
.ui-kit-form-input--new .ui-kit-form-input-with-block--left .ui-kit-form-input-with-block__sub-title {
  border-right: 1px solid #cccccc;
}
.ui-kit-form-input--new .ui-kit-form-input-with-block__sub-title {
  width: auto;
  max-width: 100px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  background-color: #fcfcfc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.ui-kit-form-input--new .ui-kit-form-input-with-block__input {
  flex: 1;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #141414;
}
.ui-kit-form-input--new .ui-kit-form-input-with-block__input::placeholder {
  color: #cccccc;
}
.ui-kit-form-input--new .ui-kit-form-input-with-block__input:focus {
  border: none;
  box-shadow: none;
}
.ui-kit-form-input--thin .ui-kit-form-input__input {
  padding: 8px 12px;
}
.ui-kit-form-textarea--new .ui-kit-form-textarea-label {
  font-size: 13px;
  line-height: 2;
  font-weight: 300;
  color: #7a8791;
  padding: 0;
}
.ui-kit-form-textarea--new .ui-kit-form-textarea-item {
  width: 100%;
  box-sizing: border-box;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #141414;
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 10px 12px;
  transition: border 0.2s ease-in-out;
}
.ui-kit-form-textarea--new .ui-kit-form-textarea-item::placeholder {
  color: #cccccc;
}
.ui-kit-form-textarea--new .ui-kit-form-textarea-item:focus {
  border: 1px solid #0066ff;
}
.ui-kit-form-textarea--new.ui-kit-form-textarea--error .ui-kit-form-textarea-item {
  border: 1px solid #e12a29;
}
.ui-kit-form-textarea--thin .ui-kit-form-textarea-item {
  padding: 8px 12px;
}
.ui-kit-form-checkbox--new .ui-kit-form-checkbox-label__icon {
  background-image: none !important;
  border-radius: 5px;
  margin-right: 0;
}
.ui-kit-form-checkbox--new .ui-kit-form-checkbox-label__content {
  line-height: 13px;
  margin-left: 0;
}
.ui-kit-form-checkbox--new .ui-kit-form-checkbox-inner__label {
  gap: 15px;
}
.ui-kit-form-checkbox--new .ui-kit-form-checkbox-inner--switcher__label {
  gap: 15px;
  cursor: pointer;
}
.ui-kit-form-checkbox--new .ui-kit-form-checkbox-inner--switcher .ui-kit-form-checkbox-circle-check::before {
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
  margin: 0 3px;
  border-radius: 8px;
  transition: left 0.1s ease-in-out;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--loading .ui-kit-form-checkbox-inner--switcher .ui-kit-form-checkbox-circle-check .netangels-loader {
  width: 13px;
  height: 13px;
  left: 4px;
  right: auto;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--checked .ui-kit-form-checkbox-label__icon {
  background-color: #0066ff !important;
  border: 1px solid #0066ff !important;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--checked .ui-kit-form-checkbox-label__icon .netangels-icon-1-checked {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 11px;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--checked .ui-kit-form-checkbox-label__icon .netangels-icon-1-checked::before {
  height: 10px;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--checked .ui-kit-form-checkbox-inner--switcher .ui-kit-form-checkbox-circle-check {
  justify-content: flex-start;
  background-image: none;
  background-color: #0066ff;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--checked .ui-kit-form-checkbox-inner--switcher .ui-kit-form-checkbox-circle-check::before {
  left: 17px;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--checked.ui-kit-form-checkbox--loading .ui-kit-form-checkbox-inner--switcher .ui-kit-form-checkbox-circle-check .netangels-loader {
  left: auto;
  right: 4px;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--error .ui-kit-form-checkbox-inner--switcher .ui-kit-form-checkbox-circle-check {
  justify-content: center;
  background-color: #d06565;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--error .ui-kit-form-checkbox-inner--switcher .ui-kit-form-checkbox-circle-check::before {
  content: '!';
  width: 100%;
  color: #d06565;
  text-align: center;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--disabled .ui-kit-form-checkbox-inner--switcher__label,
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--disabled .ui-kit-form-checkbox-label,
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--disabled .ui-kit-form-checkbox-circle-check {
  cursor: initial;
}
.ui-kit-form-checkbox--new.ui-kit-form-checkbox--disabled .ui-kit-form-checkbox-circle-check {
  background-color: rgba(204, 204, 204, 0.35);
}
.ui-kit-form-checkbox--bold .ui-kit-form-checkbox-label__content {
  font-weight: 600;
}
.ui-kit-form-checkbox--tile .ui-kit-form-checkbox-label {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 16px;
  padding: 16px;
}
.ui-kit-tabs-nav-container--new .ui-kit-tabs-nav {
  position: relative;
  justify-content: space-around;
  align-items: center;
  gap: 40px;
  border: none;
}
.ui-kit-tabs-nav-container--new .ui-kit-tabs-nav::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 4px;
  background-color: rgba(20, 20, 20, 0.15);
}
.ui-kit-tabs-nav-container--new .ui-kit-tabs-nav-item {
  flex: 1;
  text-align: center;
  opacity: 1;
  padding-bottom: 16px;
  margin: 0;
}
.ui-kit-tabs-nav-container--new .ui-kit-tabs-nav-item:not(.ui-kit-tabs-nav-item--is-active):not(.ui-kit-tabs-nav-item--disabled):hover .ui-kit-tabs-nav-item__title {
  color: rgba(20, 20, 20, 0.35);
}
.ui-kit-tabs-nav-container--new .ui-kit-tabs-nav-item__title {
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  color: rgba(20, 20, 20, 0.5);
  transition: color 0.2s ease-in-out;
}
.ui-kit-tabs-nav-container--new .ui-kit-tabs-nav-item--is-active {
  opacity: 1;
  cursor: default;
}
.ui-kit-tabs-nav-container--new .ui-kit-tabs-nav-item--is-active .ui-kit-tabs-nav-item__title {
  color: #141414;
}
.ui-kit-tabs-nav-container--new .ui-kit-tabs-nav-item--disabled {
  cursor: default;
}
.ui-kit-tabs-nav-container--new .ui-kit-tabs-nav-bottom {
  bottom: 0;
  height: 4px;
  background-color: #454545;
  border-radius: 4px;
}
.ui-kit-tabs-nav-container--blue-new .ui-kit-tabs-nav-item__title {
  color: rgba(20, 20, 20, 0.5);
}
.ui-kit-tabs-nav-container--blue-new .ui-kit-tabs-nav-item--is-active .ui-kit-tabs-nav-item__title {
  color: #0066ff;
}
.ui-kit-tabs-nav-container--blue-new .ui-kit-tabs-nav-bottom {
  background-color: #0066ff;
}
.ui-kit-tabs-nav-container--white-new .ui-kit-tabs-nav-item:not(.ui-kit-tabs-nav-item--is-active):not(.ui-kit-tabs-nav-item--disabled):hover .ui-kit-tabs-nav-item__title {
  color: #ffffff;
}
.ui-kit-tabs-nav-container--white-new .ui-kit-tabs-nav-item__title {
  color: rgba(255, 255, 255, 0.8);
}
.ui-kit-tabs-nav-container--white-new .ui-kit-tabs-nav-item--is-active .ui-kit-tabs-nav-item__title {
  color: #ffffff;
}
.ui-kit-tabs-nav-container--white-new .ui-kit-tabs-nav-bottom {
  background-color: #ffffff;
}
.ui-kit-tabs-nav-container--tabs-with-padding .ui-kit-tabs-nav {
  border-bottom: 1px solid #e2e5e7;
}
.ui-kit-tabs-nav-container--tabs-with-padding .ui-kit-tabs-nav::after {
  background-color: transparent;
}
.ui-kit-tabs-nav-container--tabs-with-padding .ui-kit-tabs-nav-bottom {
  border-radius: 4px 4px 0 0;
}
.ui-kit-tabs-nav-container--auto-width .ui-kit-tabs-nav {
  justify-content: flex-start;
}
.ui-kit-tabs-nav-container--auto-width .ui-kit-tabs-nav-item {
  flex: none;
}
.ui-kit-tabs-nav-container--header .ui-kit-tabs-nav {
  border-bottom: none;
}
.ui-kit-tabs-nav-container--header .ui-kit-tabs-nav-item {
  padding-bottom: 18px;
}
.ui-kit-tabs-nav-container--header .ui-kit-tabs-nav-item__title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}
.ui-kit-tabs-nav-container--header .ui-kit-tabs-nav-bottom {
  bottom: -1px;
  height: 5px;
  border-radius: 4px 4px 0 0;
}
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav,
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav,
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav {
  gap: 0;
}
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav::after,
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav::after,
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav::after,
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav-bottom,
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-bottom,
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-bottom {
  display: none;
}
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav-item,
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-item,
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #141414;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
  padding: 0.4375rem 1rem;
}
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav-item:first-child,
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-item:first-child,
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav-item:last-child,
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-item:last-child,
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav-item:not(:last-child),
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-item:not(:last-child),
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item:not(:last-child) {
  border-right: none;
}
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav-item__title,
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-item__title,
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item__title {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
}
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav-item--is-active,
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-item--is-active,
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item--is-active {
  background-color: #0066ff;
  border: 1px solid #0066ff;
}
.ui-kit-tabs-nav-container--tiles .ui-kit-tabs-nav-item--is-active .ui-kit-tabs-nav-item__title,
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-item--is-active .ui-kit-tabs-nav-item__title,
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item--is-active .ui-kit-tabs-nav-item__title {
  color: #ffffff;
}
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-item {
  padding: 0.5rem 0.75rem;
}
.ui-kit-tabs-nav-container--thin-tiles .ui-kit-tabs-nav-item__title {
  font-size: 0.875rem;
  line-height: 1rem;
}
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item {
  padding: 1rem 1.5rem;
}
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item:first-child {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item:last-child {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.ui-kit-tabs-nav-container--big-tiles .ui-kit-tabs-nav-item__title {
  font-size: 1.1rem;
  line-height: 1.125rem;
}
.ui-kit-form-input-directory--new .ui-kit-form-input-label {
  font-size: 13px;
  line-height: 2;
  font-weight: 300;
  color: #7a8791;
  padding: 0;
}
.ui-kit-form-input-directory--new .ui-kit-form-input-directory-select__input {
  border-radius: 8px;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-input {
  width: 100%;
  transition: border 0.2s ease-in-out;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-input__inner::after {
  transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-confirm {
  top: 74px;
  width: 100%;
  height: auto;
  border: 1px solid #cccccc;
  border-radius: 8px;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-confirm__inner {
  height: 200px;
  padding: 2px;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-confirm__inner > div {
  height: 100% !important;
  padding: 18px;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-confirm__inner > div > div:first-child {
  width: 100%;
  height: 100%;
  overflow: auto !important;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-confirm__inner > div > div:first-child::-webkit-scrollbar {
  display: none;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-confirm__inner > div > div:nth-child(2) {
  height: 4px !important;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-confirm__inner > div > div:nth-child(3) {
  width: 4px !important;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-loader {
  margin: 6px 11px;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-loader svg {
  width: 24px;
  height: 24px;
}
.ui-kit-form-input-directory--new .ui-kit-directory-select-loader__title {
  font-size: 14px;
  line-height: 1;
}
.ui-kit-form-input-directory--new .react-checkbox-tree label:hover {
  background: none;
}
.ui-kit-form-input-directory--new .rct-node input:focus {
  box-shadow: none;
}
.ui-kit-form-input-directory--no-input .ui-kit-form-input-directory-select__input {
  width: auto;
}
.ui-kit-form-input-directory--no-input .ui-kit-form-input-directory-select__input {
  border: none;
}
.ui-kit-form-input-directory--no-input .ui-kit-directory-select-input {
  background-color: transparent;
}
.ui-kit-form-input-directory--no-input .ui-kit-directory-select-input__inner {
  color: #0066ff;
  padding: 0;
}
.ui-kit-form-input-directory--no-input .ui-kit-directory-select-input__inner::after {
  display: none;
}
.ui-kit-form-input-directory--no-input .ui-kit-directory-select-confirm {
  top: 36px;
}
.ui-kit-form-input-directory--no-input.ui-kit-form-input-directory--opened .ui-kit-directory-select-input {
  border: none;
}
.ui-kit-form-radio-button-group--new {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ui-kit-form-radio-button-group--new .ui-kit-form-input-radio:not(:last-child) {
  margin-bottom: 0;
}
.ui-kit-form-input-radio--new {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 0.625rem;
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.ui-kit-form-input-radio--new:not(.ui-kit-form-input-radio--active) {
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.ui-kit-form-input-radio--new.ui-kit-form-input-radio--active {
  border: 1px solid #0066ff;
}
.ui-kit-form-input-radio--new.ui-kit-form-input-radio--active .ui-kit-form-input-radio-label {
  color: #0066ff;
}
.ui-kit-form-input-radio--new.ui-kit-form-input-radio--disabled,
.ui-kit-form-input-radio--new.ui-kit-form-input-radio--disabled .ui-kit-form-input-radio__label {
  cursor: default;
}
.ui-kit-form-input-radio--new .ui-kit-form-input-radio__label {
  gap: 0.75rem;
  cursor: pointer;
  padding: 0.6875rem 0.875rem;
}
.ui-kit-form-input-radio--new .ui-kit-form-input-radio-label__radio::before {
  margin-right: 0;
}
.ui-kit-form-input-radio--new .ui-kit-form-input-radio-label__content {
  flex: 1;
  font-size: 0.8125rem;
  line-height: normal;
  font-weight: 600;
}
.ui-kit-form-input-radio--plain {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.ui-kit-form-input-radio--plain:not(.ui-kit-form-input-radio--active) {
  box-shadow: none;
}
.ui-kit-form-input-radio--plain.ui-kit-form-input-radio--active {
  border: none;
}
.ui-kit-form-input-radio--plain .ui-kit-form-input-radio__label {
  gap: 0.75rem;
  cursor: pointer;
  padding: 0;
}
.ui-kit-form-input-radio--tile {
  border-color: #cccccc;
}
.ui-kit-form-input-radio--tile:not(.ui-kit-form-input-radio--active) {
  box-shadow: none;
}
.ui-kit-form-input-radio--thin .ui-kit-form-input-radio__label {
  padding: 0.5625rem 0.75rem;
}
.ui-kit-form-input-radio--big {
  border-radius: 1rem;
}
.ui-kit-form-input-radio--big .ui-kit-form-input-radio__label {
  cursor: pointer;
  padding: 1rem;
}
.ui-kit-form-input-radio--big .ui-kit-form-input-radio-label__radio::before {
  margin-right: 0;
}
.ui-kit-form-input-radio--big .ui-kit-form-input-radio-label__content {
  flex: 1;
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
}
.ui-kit-resource--new,
.ui-kit-slider-dynamic--new {
  min-height: auto;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
.ui-kit-resource--new .ui-kit-resource-header,
.ui-kit-slider-dynamic--new .ui-kit-resource-header {
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 600;
}
.ui-kit-resource--new .ui-kit-resource-slider,
.ui-kit-slider-dynamic--new .ui-kit-resource-slider {
  padding: 0;
  margin-top: 0.5rem;
}
.ui-kit-resource--new .ui-kit-slider-units,
.ui-kit-slider-dynamic--new .ui-kit-slider-units {
  margin-top: 0.25rem;
}
.ui-kit-resource--new .ui-kit-slider-units__unit,
.ui-kit-slider-dynamic--new .ui-kit-slider-units__unit {
  font-size: 0.625rem;
  line-height: normal;
  font-weight: 400;
}
.ui-kit-resource--new .rc-slider,
.ui-kit-slider-dynamic--new .rc-slider {
  transform: none;
  padding: 0.5rem 0 !important;
}
.ui-kit-resource--new .rc-slider-rail,
.ui-kit-slider-dynamic--new .rc-slider-rail {
  background-color: #cccccc !important;
}
.ui-kit-resource--new .rc-slider-handle,
.ui-kit-slider-dynamic--new .rc-slider-handle {
  width: 0.875rem !important;
  height: 0.875rem !important;
  background-color: #ffffff;
  border: 2px solid #0066ff !important;
  box-shadow: none !important;
  margin-top: -6px !important;
  transform: none !important;
}
.ui-kit-resource--new .rc-slider-handle:hover,
.ui-kit-slider-dynamic--new .rc-slider-handle:hover,
.ui-kit-resource--new .rc-slider-handle:focus,
.ui-kit-slider-dynamic--new .rc-slider-handle:focus {
  border-color: #0066ff !important;
  box-shadow: none !important;
}
.ui-kit-resource--new .rc-slider-disabled .rc-slider-handle,
.ui-kit-slider-dynamic--new .rc-slider-disabled .rc-slider-handle {
  box-shadow: 0 1px 0 0 rgba(51, 51, 51, 0.1) !important;
  cursor: initial !important;
}
.ui-kit-resource--new-tile,
.ui-kit-slider-dynamic--new-tile {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1rem;
}
.ui-kit-resource--new-tile .ui-kit-resource-header,
.ui-kit-slider-dynamic--new-tile .ui-kit-resource-header {
  flex-direction: row-reverse;
  font-weight: 400;
  padding: 1.0625rem;
}
.ui-kit-resource--new-tile .ui-kit-resource-header__unit,
.ui-kit-slider-dynamic--new-tile .ui-kit-resource-header__unit {
  color: #141414;
}
.ui-kit-resource--new-tile .ui-kit-resource-slider,
.ui-kit-slider-dynamic--new-tile .ui-kit-resource-slider {
  margin: 0;
}
.ui-kit-resource--new-tile .ui-kit-resouce-slider-element,
.ui-kit-slider-dynamic--new-tile .ui-kit-resouce-slider-element {
  position: absolute;
  box-sizing: border-box;
  padding: 0 1rem;
}
.ui-kit-resource--new-tile .ui-kit-slider-units,
.ui-kit-slider-dynamic--new-tile .ui-kit-slider-units {
  display: none;
}
.ui-kit-resource--new-tile .rc-slider,
.ui-kit-slider-dynamic--new-tile .rc-slider,
.ui-kit-resource--new-tile .rc-slider-rail,
.ui-kit-slider-dynamic--new-tile .rc-slider-rail,
.ui-kit-resource--new-tile .rc-slider-track,
.ui-kit-slider-dynamic--new-tile .rc-slider-track,
.ui-kit-resource--new-tile .rc-slider-step,
.ui-kit-slider-dynamic--new-tile .rc-slider-step {
  height: 1px !important;
}
.ui-kit-resource--new-tile .rc-slider,
.ui-kit-slider-dynamic--new-tile .rc-slider {
  padding: 0 !important;
}
.ui-kit-resource--flat {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 16px;
}
.ui-kit-resource--tile {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 16px;
  padding: 16px;
}
.ui-kit-modal-container--light-new {
  width: 350px;
  padding: 40px 50px;
  border-radius: 16px;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.25);
}
.ui-kit-modal-container--light-new .ui-kit-modal-container__close {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  padding: 0;
  margin: 0.75rem;
}
.ui-kit-modal-container--light-new .ui-kit-modal-title-helper {
  margin-bottom: 0;
}
.ui-kit-modal-container--light-new .ui-kit-horizontal-container {
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
}
.ui-kit-modal-container--light-new .ui-kit-horizontal-container__cell {
  margin: 0;
}
.ui-kit-modal-container--light-new form > .ui-kit-form-errors,
.ui-kit-modal-container--light-new form > .netangels-kit-errors,
.ui-kit-modal-container--light-new form > div[class$="-modal"] > .ui-kit-form-errors,
.ui-kit-modal-container--light-new form > div[class$="-modal"] > .netangels-kit-errors {
  margin-top: 16px;
}
.ui-kit-resource-fills--new .ui-kit-resource-scales {
  height: 100%;
}
.ui-kit-resource-fills--new .ui-kit-resource-fills-head__name {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.ui-kit-resource-fills--new .ui-kit-resource-fills-head__additional {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.ui-kit-resource-fills--new .ui-kit-resource-fills-background-content {
  font-size: 11px;
  line-height: 13px;
  font-weight: 600;
}
.ui-kit-resource-fills--new .ui-kit-resource-fills-scales {
  height: 15px;
  border-radius: 4px;
  overflow: hidden;
}
.ui-kit-resource-fills--new .ui-kit-resource-fills-scales__background {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eaeaea;
  border: 1px solid rgba(20, 20, 20, 0.05);
  border-radius: 4px;
}
.ui-kit-resource-fills--new .ui-kit-resource-fills__scale {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-kit-resource-fills--new.ui-kit-resource-fills--is-loading .ui-kit-resource-fills-scales__background {
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.ui-kit-backup-date-select,
.ui-kit-backup-date-select > * {
  box-sizing: border-box;
}
.ui-kit-backup-date-select__point {
  box-sizing: border-box;
}
.ui-kit-backup-date-select__point:hover {
  color: #0066ff;
}
.ui-kit-form-chips > * {
  box-sizing: border-box;
}
.ui-kit-form-chips__label {
  font-size: 13px;
  line-height: 16px;
  font-weight: 300;
  color: #7a8791;
  margin-bottom: 10px;
}
.ui-kit-form-chips__options {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.ui-kit-form-chip {
  width: 220px;
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  padding: 5px 18px;
}
.ui-kit-form-chip__icon {
  width: 100%;
  height: 100%;
}
.ui-kit-form-chip__icon-wrapper {
  position: relative;
  width: 30px;
  height: 30px;
}
.ui-kit-form-chip__subicon {
  position: absolute;
  width: 65%;
  height: 65%;
  bottom: -2px;
  right: -4px;
}
.ui-kit-form-chip__title {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}
.ui-kit-form-chip:not(.ui-kit-form-chip--active) {
  cursor: pointer;
}
.ui-kit-form-chip:not(.ui-kit-form-chip--active):hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
}
.ui-kit-form-chip--active {
  background-color: rgba(0, 102, 255, 0.02);
  border: 1px solid #0066ff;
  box-shadow: none;
}
.ui-kit-form-chip--active .ui-kit-form-chip__title {
  color: #0066ff;
}
.ui-kit-form-errors--new {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  color: #e12a29;
}
.ui-kit-form-errors--new .ui-kit-form-errors__inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ui-kit-form-errors--new .ui-kit-form-error {
  padding: 0;
}
.ui-kit-form-errors--with-background {
  padding: 5px 10px;
  background-color: #e12a29;
  border-radius: 8px;
  font-weight: 600;
  color: #ffffff;
}
.ui-kit-wizard-step--dark {
  font-weight: 400;
  color: #141414;
  opacity: 1;
}
.ui-kit-wizard-step--dark b {
  font-weight: 600;
}
.ui-kit-wizard-step--dark .ui-kit-wizard-step__number {
  border-color: #141414;
}
.smpl-chat {
  z-index: 1111;
}
.smpl-chat-message__message ol,
.smpl-chat-message__message ul {
  list-style: initial;
}
.smpl-chat-message__message blockquote {
  line-height: 0.75rem;
  border-radius: 3px;
  padding-right: 12px;
}

.ui-kit-dropdown {
  display: flex;
  position: relative;
}
.ui-kit-dropdown__trigger {
  width: 100%;
  cursor: pointer;
}
.ui-kit-dropdown__content {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 50;
  min-width: 100%;
}
.ui-kit-dropdown__content--bottom-left {
  top: 100%;
  left: 0;
}
.ui-kit-dropdown__content--bottom-right {
  top: 100%;
  right: 0;
}
.ui-kit-dropdown__content--top-left {
  bottom: 100%;
  left: 0;
}
.ui-kit-dropdown__content--top-right {
  bottom: 100%;
  right: 0;
}

@keyframes block-loading {
  0% {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
@keyframes shake-animation {
  0% {
    transform: translate(0, 0);
  }
  1.78571% {
    transform: translate(5px, 0);
  }
  3.57143% {
    transform: translate(0, 0);
  }
  5.35714% {
    transform: translate(5px, 0);
  }
  7.14286% {
    transform: translate(0, 0);
  }
  8.92857% {
    transform: translate(5px, 0);
  }
  10.71429% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes icon-loading {
  0% {
    color: #b0b0b0;
  }
  100% {
    color: #e3e3e3;
  }
}
.distributions-dropdown__card {
  padding: 1.31rem 1rem;
  display: grid;
  grid-template-columns: 2rem 1fr auto;
  grid-template-rows: repeat(2, 1fr);
  gap: 0.25rem 0.75rem;
  align-items: center;
  border-radius: 1rem;
  border: 1px solid rgba(69, 85, 98, 0.3);
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}
.distributions-dropdown__card:not(.distributions-dropdown__card--disabled) {
  cursor: pointer;
}
.distributions-dropdown__card__icon {
  grid-row: span 2 / span 2;
  display: flex;
  align-items: center;
}
.distributions-dropdown__card__title {
  grid-area: 0.08333333;
  font-weight: 600;
  color: #455562;
}
.distributions-dropdown__card__version {
  grid-column-start: 2;
  grid-row-start: 2;
  color: #627687;
  font-size: 0.8125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 15rem;
}
.distributions-dropdown__card__arrow {
  grid-row: span 2 / span 2;
  grid-column-start: 3;
  grid-row-start: 1;
  display: flex;
  align-items: center;
  opacity: 0.7;
}
.distributions-dropdown__card__arrow .na-icon-arrow-chevron-down {
  height: auto;
  display: flex;
  font-size: 1.25rem;
  transition: rotate 0.2s ease-in-out;
}
.distributions-dropdown__card__arrow--opened .na-icon-arrow-chevron-down {
  rotate: x 180deg;
}
.distributions-dropdown__card:hover {
  border-color: #86c2f7;
}
.distributions-dropdown__card:hover .distributions-dropdown__card__arrow {
  opacity: 1;
}
.distributions-dropdown__card--active {
  border-color: #0f79d5;
}
.distributions-dropdown__card--active:hover {
  border-color: #0f79d5;
}
.distributions-dropdown__card--disabled {
  opacity: 0.6;
}
.distributions-dropdown__card--disabled:hover {
  border-color: rgba(69, 85, 98, 0.3);
}
.distributions-dropdown .ui-kit-dropdown__content {
  padding-top: 1rem;
}
.distributions-dropdown__versions {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(69, 85, 98, 0.3);
  border-radius: 1rem;
  overflow: auto;
  font-size: 0.875rem;
  max-height: 50vh;
}
.distributions-dropdown__versions::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.distributions-dropdown__versions::-webkit-scrollbar-track {
  background-color: transparent;
}
.distributions-dropdown__versions::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}
.distributions-dropdown__versions::-webkit-scrollbar {
  width: 1.85rem;
  height: 0.875rem;
}
.distributions-dropdown__versions::-webkit-scrollbar-thumb {
  border-width: 0.73125rem;
  border-radius: 1rem;
}
.distributions-dropdown__version {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  margin: 0;
  padding: 0.7rem 1rem;
  cursor: pointer;
  font-weight: 600;
  white-space: nowrap;
}
.distributions-dropdown__version:hover {
  background-color: rgba(98, 118, 135, 0.1);
}
.distributions-dropdown__version--current {
  background-color: rgba(15, 121, 213, 0.1);
}
.distributions-dropdown__version--disabled {
  opacity: 0.6;
}
.distributions-dropdown__versions-separator {
  margin: 0.3rem 0;
  padding: 0;
  border-bottom: 2px solid rgba(98, 118, 135, 0.2);
  cursor: default;
}
.distributions-dropdown__versions-separator:hover {
  background: none;
}
.distributions-dropdown__versions-separator:first-child {
  display: none;
}
.distribution-dumb-card {
  box-sizing: border-box;
  height: 5rem;
  border-radius: 1rem;
  border: 1px solid rgba(69, 85, 98, 0.3);
  animation-name: images-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.distributions-dropdown--dashed .distributions-dropdown__card {
  border-style: dashed;
}

.cloud-init-vm-config {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
.cloud-init-vm-config__header {
  grid-column: 1 / span 3;
  color: #455562;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cloud-init-vm-config__selector {
  grid-column: 1 / span 2;
}
.cloud-init-vm-config__selector .ui-kit-select-inner__control {
  border: 1px solid #cccccc !important;
  border-radius: 1rem !important;
  background-color: #ffffff !important;
  min-height: 2.375rem !important;
}
.cloud-init-vm-config__selector .ui-kit-select-inner__control--is-focused {
  box-shadow: none !important;
  border-color: #0066ff !important;
}
.cloud-init-vm-config__selector .ui-kit-select-inner__value-container {
  padding: 0.875rem 1.25rem;
}
.cloud-init-vm-config__selector .ui-kit-select-inner__single-value {
  font-size: 0.875rem;
  color: #cccccc;
}
.cloud-init-vm-config__loader {
  grid-column: 1 / span 3;
  width: 100%;
  display: flex;
  justify-content: center;
}
.cloud-init-vm-config__editor {
  grid-column: 1 / span 3;
  width: 100%;
  position: relative;
}
.cloud-init-vm-config__editor b {
  font-weight: 600;
}
.cloud-init-vm-config__editor section {
  margin-top: 0.75rem;
}
.cloud-init-vm-config__editor .main {
  display: flex;
  flex-direction: row;
  height: auto;
}
.cloud-init-vm-config__editor__save {
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
  width: auto;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 0.35rem;
}

.ssh-key-selector {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.form-with-final-block form {
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
}

.resource-tabs-layout {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
  padding-right: 1.25rem;
}
.resource-tabs-layout .resource-actions-block {
  position: sticky;
  top: 0.75rem;
  width: 18.75rem;
  z-index: 1;
}
.resource-tabs-layout__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
  flex: 1;
}
.resource-tabs-layout--actions-hidden {
  padding-left: 1.25rem;
}
.resource-tabs-layout--columns .resource-tabs-layout__content {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1330px) {
  .resource-tabs-layout--columns .resource-tabs-layout__content {
    flex-direction: column;
    align-items: stretch;
  }
}
@media screen and (max-width: 1330px) {
  .resource-tabs-layout--reverse-columns .resource-tabs-layout__content {
    flex-direction: column-reverse;
  }
}
.resource-actions-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}
.resource-actions-block * {
  box-sizing: border-box;
}
.resource-actions-block__item {
  min-height: 2.75rem;
  display: flex;
  color: #0066ff;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  text-decoration: none;
  padding: 0.625rem 1.25rem;
}
.resource-actions-block__item:not(.resource-actions-block__item--disabled) {
  cursor: pointer;
}
.resource-actions-block__item:not(.resource-actions-block__item--disabled):hover {
  background-color: rgba(0, 102, 255, 0.1);
}
.resource-actions-block__item--disabled {
  color: rgba(122, 135, 145, 0.5);
}
.resource-actions-block-item__title {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.resource-actions-block-item__title::before {
  font-size: 1.5rem;
}
.resource-tabs-layout-item {
  display: flex;
  gap: 2rem;
}
.resource-tabs-layout-item--columns {
  justify-content: space-between;
  align-items: flex-start;
}
.resource-tabs-layout-item--column {
  flex-direction: column;
}
.resource-tabs-layout-item--stretch {
  flex: 1;
}
.resource-tabs-layout-item--sticky {
  position: sticky;
  top: 2rem;
}
@media screen and (max-width: 1330px) {
  .resource-tabs-layout-item--sticky {
    position: initial;
    top: initial;
  }
}
.resource-tabs-layout-item--side {
  width: 20rem;
}
@media screen and (max-width: 1330px) {
  .resource-tabs-layout-item--side {
    width: auto;
  }
}
.resource-tabs-layout-item--wrap {
  align-items: flex-start;
}
@media screen and (max-width: 1330px) {
  .resource-tabs-layout-item--wrap {
    flex-direction: column;
    align-items: stretch;
  }
}

.resource-block-item--order-packet {
  border-color: transparent;
  overflow: hidden;
}
.resource-block-item--order-packet .resource-block-item__content {
  background-color: rgba(0, 102, 255, 0.1);
}
.resource-block-item--order-packet .resource-block-item__content--loading {
  height: 9.625rem;
  margin: 0;
}
.order-packet-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
.order-packet-block__text {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.25rem;
}
.order-packet-block__title {
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
}
.order-packet-block__description {
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 400;
  color: #7a8791;
}

.packet-card {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 1rem;
  border-radius: 0.5rem;
  background-color: #f7f7f7;
  border: 1px solid #c8c8c8;
}
.packet-card__header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1.25rem;
}
.packet-card__state {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  font-size: 0.675rem;
  line-height: 0.8125rem;
  font-weight: 600;
}
.packet-card__state > span {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: #b0b0b0;
}
.packet-card__title {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-weight: 600;
}
.packet-card__additional-info {
  font-size: 0.75rem;
  line-height: 1rem;
}
.packet-card__additional-info b {
  font-weight: 600;
}
.packet-card__resources {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-self: stretch;
}
.packet-card__resource {
  display: flex;
  gap: 0.2rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.packet-card__resource-spring {
  flex-grow: 1;
  border-bottom: 1px dashed #333333;
}
.packet-card__resource--highlight {
  font-weight: 600;
  color: #e17334;
}
.packet-card--no-title .packet-card__header {
  gap: 0.75rem;
}
.packet-card--no-title .packet-card__name {
  display: none;
}
.packet-card--no-title .packet-card__cost {
  font-size: 1rem;
  line-height: normal;
  font-weight: 400;
}
.packet-card--green {
  background-color: #ebf7f3;
  border-color: #55bd8f;
}
.packet-card--green .packet-card__state {
  color: #11ab70;
}
.packet-card--green .packet-card__state > span {
  background-color: #11ab70;
}
.packet-card--green .packet-card__additional-info b {
  font-weight: 600;
  color: #11ab70;
}
.packet-card--orange {
  background-color: #fdf2ed;
  border-color: #e48e62;
}
.packet-card--orange .packet-card__state {
  color: #e17334;
}
.packet-card--orange .packet-card__state > span {
  background-color: #e17334;
}
.packet-card--orange .packet-card__additional-info b {
  font-weight: 600;
  color: #e17334;
}
.packet-card--blue {
  background-color: #e9f1fc;
  border-color: #4c94df;
}
.packet-card--blue .packet-card__state {
  color: #0066ff;
}
.packet-card--blue .packet-card__state > span {
  background-color: #0066ff;
}
.packet-card--blue .packet-card__additional-info b {
  font-weight: 600;
  color: #0066ff;
}

.vnc-header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  border-bottom: 1px solid #333333;
  padding: 1rem 0;
  margin: 0 1rem;
}
.vnc-header-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.vnc-header-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vnc-header-content-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 3rem;
}
.vnc-header-chip {
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 400;
  color: #ffffff;
}
.vnc-header-chip .ui-kit-copypable-text__container {
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 400;
  color: #ffffff;
}
.vnc-header-chip .ui-kit-dashed-copy-text {
  border-color: #ffffff;
}

.migrate-vm-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.migrate-vm-instance {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  padding: 1.25rem;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
  background-color: #FFFFFF;
  transition: background-color 300ms, border-color 300ms;
}
.migrate-vm-instance:not(.migrate-vm-instance--active):hover {
  background-color: #E3F2FD;
  border-color: #bdbdbd;
}
.migrate-vm-instance--active {
  border-color: #2196F3;
  background-color: #E3F2FD;
}
.migrate-vm-instance--active .migrate-vm-instance__name {
  color: #1976D2;
}
.migrate-vm-instance__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
.migrate-vm-instance__name {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #141414;
  transition: color 0.2s ease-in-out;
}
.migrate-vm-instance__chips {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.migrate-vm-instance__suffix {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #454545;
}
.vm-create-form-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.vm-create-form-volume-warning {
  margin-bottom: 0.75rem;
}

.centered-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.netangels-kit-info-block {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
.netangels-kit-info-block--alert {
  border-radius: 1rem;
  border: 1px solid #E17334;
  background: #FCF1EB;
  color: #E17334;
}
.netangels-kit-info-block__icon {
  font-size: 2rem;
  min-width: 2rem;
}
.netangels-kit-info-block__content {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: #141414;
  align-self: stretch;
}

.layout {
  box-sizing: border-box;
  width: clamp(calc(1370px + 6rem), calc(1370px + 6rem), 100%);
  height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  justify-content: stretch;
  gap: 2rem;
  padding: 0 3rem;
  margin: 0 auto;
}
.layout__main {
  display: grid;
  justify-content: stretch;
  gap: 2rem;
}
.layout__main:not(:has(.layout__center-block)) {
  grid-auto-rows: max-content;
}
.layout__main:has(.layout__center-block) {
  justify-content: center;
  align-content: center;
}
.layout__controls {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.layout .service-payment-page-wrapper {
  margin: 0;
}
.layout .table-header-wrapper {
  margin: 0;
}

.value-change-row {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  color: #141414;
}
.value-change-row-value--blue {
  color: #0066ff;
}

.netangels-kit-modal-container--order-certificate {
  min-width: 37.5rem;
}
.netangels-kit-modal-container--order-certificate .ui-kit-form-tags {
  margin-bottom: 0;
}
.netangels-kit-modal-container--order-certificate .ui-kit-form-tags__label {
  font-size: 0.75rem;
  line-height: 1.5rem;
  padding-bottom: 0;
}
.netangels-kit-modal-container--order-certificate .ui-kit-form-tags-input-block__inner {
  padding: 6px 5px 3px;
}

.netangels-kit-modal-container--upload-certificate {
  min-width: 45rem;
}

.netangels-kit-modal-container--change-certificate {
  min-width: 45rem;
}

.netangels-kit-table-col--domain-name [data-copy-children] {
  max-width: 70rem;
}

.netangels-kit-table-col--certificate-name [data-copy-children] {
  max-width: 15rem;
}
.netangels-kit-table-col--certificate-renewal div {
  min-width: max-content;
}

.changeable-list-item-wrapper {
  display: grid;
  gap: 1rem;
}
.changeable-list-item-buttons {
  justify-self: end;
}

.sharedhosting-ssh-requisites {
  display: flex;
  flex-direction: column;
}
.netangels-kit-modal-container--sharedhosting-ssh-requisites .netangels-kit-loader {
  margin: 0 auto;
}

.main--sharedhosting .sharedhosting-page-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1rem;
}
.main--sharedhosting .sharedhosting-page-content .table-wrapper--sharedhosting-virtualhosts .virtualhost__alias {
  display: flex;
  min-height: 1.5rem;
  align-items: center;
  gap: 0.5rem;
}
.main--sharedhosting .sharedhosting-page-content .table-wrapper--sharedhosting-virtualhosts .virtualhost__misc {
  display: flex;
  gap: 0.25rem;
}
.main--sharedhosting .sharedhosting-page-content .table-wrapper--sharedhosting-siteconstructor .siteconstructor__admin {
  display: flex;
}
.main--sharedhosting .sharedhosting-page-content .table-wrapper--sharedhosting-access .access__allowed-ip {
  padding: 0.1rem 0;
}

.sharedhosting-page-content .netangels-kit-fallback__icon img {
  width: 100%;
}
.sharedhosting-button {
  width: fit-content;
}

.dedicated-ip-info {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}

.ui-kit-modal-container--refuse-ip {
  min-width: 400px;
}
.order-ip-dedicated-form {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
.order-ip-dedicated-form__type {
  width: fit-content;
}
.order-ip-dedicated-form .netangels-kit-stepper {
  flex: 1;
}

.upload-iso-modal {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}
.upload-iso-modal .netangels-kit-input label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.iso-upload-image-in-progress {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  color: #141414;
}
.iso-upload-image-in-progress__description-thick {
  font-weight: 600;
}
.iso-upload-image-in-progress .react-sweet-progress {
  margin-bottom: 23px;
}
.iso-upload-image-in-progress .react-sweet-progress-symbol {
  display: none;
}
.iso-upload-image-in-progress .react-sweet-progress-line,
.iso-upload-image-in-progress .react-sweet-progress-line-inner {
  min-height: 9px;
  border-radius: 6.5px;
}

.cpu-family-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cpu-family-title-span {
  background-color: #11ab70;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 600;
  color: #ffffff;
  padding: 0.1875rem 0.3rem;
}

.cpu-family-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cpu-family-title-span {
  background-color: #11ab70;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 600;
  color: #ffffff;
  padding: 0.1875rem 0.3rem;
}

.fz-152-dedicated-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 1 0 0;
  color: #141414;
}
.fz-152-dedicated-info__block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  font-size: 1rem;
  line-height: 1.375rem;
}
.fz-152-dedicated-info__header {
  font-size: 1.125rem;
  font-weight: 600;
}
.fz-152-dedicated-info__widgets {
  display: flex;
  gap: 0.75rem;
}
.fz-152-dedicated-info__widget {
  flex: 1;
}
.fz-152-dedicated-info__widget:last-child {
  max-width: 24.125rem;
}

.dedicated-additional-services {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.dedicated-additional-services__fz152-icon {
  color: #0066ff;
}

.white-box-field--server-ips .white-box-field__children {
  display: flex;
}
.dedicated-calculator__flexed-container {
  display: flex;
  align-items: stretch;
  gap: 0.5rem 1rem;
}
.dedicated-calculator__flexed-container > :nth-child(1) {
  width: 70%;
}
.dedicated-calculator__flexed-container > :nth-child(2) {
  flex: 1;
}
@media screen and (max-width: 1330px) {
  .dedicated-calculator__flexed-container {
    display: grid;
  }
  .dedicated-calculator__flexed-container > :nth-child(1) {
    width: auto;
  }
}
@media screen and (max-width: 1330px) {
  .dedicated-calculator__flexed-container--with-button {
    grid-template-columns: 1fr auto;
  }
  .dedicated-calculator__flexed-container--with-button > :nth-child(1) {
    grid-column: 1 / span 2;
  }
}
.dedicated-calculator__button-wrapper {
  align-self: flex-start;
}

@keyframes block-loading {
  0% {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
@keyframes shake-animation {
  0% {
    transform: translate(0, 0);
  }
  1.78571% {
    transform: translate(5px, 0);
  }
  3.57143% {
    transform: translate(0, 0);
  }
  5.35714% {
    transform: translate(5px, 0);
  }
  7.14286% {
    transform: translate(0, 0);
  }
  8.92857% {
    transform: translate(5px, 0);
  }
  10.71429% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes icon-loading {
  0% {
    color: #b0b0b0;
  }
  100% {
    color: #e3e3e3;
  }
}
.form-with-final-block--create-server-loader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2.5rem;
}
.form-with-final-block--create-server-loader .create-server-loader__form {
  flex: 1;
}
.create-server-loader__form {
  height: 52.875rem;
}
.create-server-loader__final-block {
  width: 18.5rem;
  height: 21.4375rem;
}
.create-server-loader__form,
.create-server-loader__final-block {
  border-radius: 1rem;
  box-shadow: 0 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.05);
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}

.ui-kit-modal-container--attach-server-iso .attach-server-iso-modal__loader {
  display: flex;
  justify-content: center;
  margin: 3rem 0;
}
.attach-server-iso-modal .netangels-kit-select-legacy + .modal-info-block {
  margin-top: 1rem;
}

.refuse-server-modal__info {
  font-size: 14px;
  line-height: 18px;
  color: #455562;
  margin-top: 16px;
}
.ui-kit-modal-container--refuse-server {
  min-width: 400px;
}
.netangels-kit-modal-container--agreement-test-server {
  width: 57rem;
}
.netangels-kit-modal-container--enable-fz152-dedicated {
  width: 60rem;
}
.agreement-test-server-modal {
  display: flex;
  flex-direction: row !important;
}
.agreement-test-server-modal .react-datepicker-wrapper {
  opacity: 0;
  max-width: 158px;
  position: relative;
  bottom: -60px;
}
.agreement-test-server-modal .modal-info-block {
  flex-direction: column;
  align-items: start;
  flex: 1;
}
.agreement-test-server-modal ul {
  list-style-type: disc;
  padding: 0 0 0 18px;
}
.agreement-test-server-modal-form {
  display: flex;
  flex: 2;
  flex-direction: column;
  gap: 1.5rem;
}
.agreement-test-server-modal-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
  line-height: normal;
}
.agreement-test-server-modal-info__bold {
  font-weight: 600;
}

.table-instance-col--server-info .table-instance-col__cell {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  max-width: 25rem;
}
.table-instance-col--server-configuration {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 300px;
}
.table-instance-col--server-state .table-instance-col__cell {
  display: flex;
}
.server-table-instance-info {
  font-style: normal;
  line-height: normal;
  display: flex;
  flex-direction: column;
}
.server-table-instance-info__first-row {
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
}
.server-table-instance-info__name {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.server-table-instance-info__server-uid {
  font-size: 0.75rem;
  font-weight: 400;
}
.server-price {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}
.server-price__text {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.server-specs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.netangels-kit-modal-container--server-packet {
  width: 30rem;
}

.payment-button--dedicated {
  display: flex;
  flex-direction: column;
}
.dedicated-details__additional-cost {
  display: flex;
  flex-direction: column;
}
.dedicated-details__additional-cost > * {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  color: #e17334;
}

.server-settings-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}

.resource-block-item--server-settings .resource-block-item__content--loading {
  height: 26rem;
}

.netangels-kit-modal-container--integration-registry .netangels-kit-select-legacy {
  flex: 1;
}
.integration-registry-modal__bold {
  font-weight: 600;
  word-wrap: break-word;
}
.integration-registry-modal__select-block {
  display: flex;
  gap: 0.5rem;
}
.integration-registry-modal__selects-block {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.integration-registry-modal__description {
  font-size: 1rem;
  line-height: 1.375rem;
}
.integration-registry-modal__description ul {
  margin: 0.75rem 0 0 1.5rem;
}
.integration-registry-modal__description li {
  list-style: disc;
}
.integration-registry-modal__loader {
  display: flex;
  justify-content: center;
}

.netangels-kit-widget-section--worker-group h4 {
  max-width: 45rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.worker-group-widget-volumes-container {
  display: grid;
  gap: 0.75rem;
}
.worker-group-widget-nodes-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
}

.netangels-kit-widget-section--worker-group h4 {
  max-width: 45rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.worker-group-widget-volumes-container {
  display: grid;
  gap: 0.75rem;
}
.worker-group-widget-nodes-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}

.refresh-equality {
  font-size: 1.5rem;
  line-height: 1.9375rem;
  font-weight: 400;
  color: #141414;
}

@keyframes block-loading {
  0% {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
@keyframes shake-animation {
  0% {
    transform: translate(0, 0);
  }
  1.78571% {
    transform: translate(5px, 0);
  }
  3.57143% {
    transform: translate(0, 0);
  }
  5.35714% {
    transform: translate(5px, 0);
  }
  7.14286% {
    transform: translate(0, 0);
  }
  8.92857% {
    transform: translate(5px, 0);
  }
  10.71429% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes icon-loading {
  0% {
    color: #b0b0b0;
  }
  100% {
    color: #e3e3e3;
  }
}
.balancer-prices-modal__tables {
  max-height: 17.5rem;
  display: grid;
  gap: 1.5rem;
  overflow-y: auto;
}
.balancer-prices-modal__tables::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}
.balancer-prices-modal__tables::-webkit-scrollbar-track {
  background-color: transparent;
}
.balancer-prices-modal__tables::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border: 0.1875rem solid #ffffff;
  border-radius: 0.3125rem;
  cursor: pointer;
}

.balancer-table-empty-component-children {
  max-width: 30rem;
  display: grid;
  gap: 1.5rem;
  justify-items: center;
}

.cr-create-account {
  display: grid;
  gap: 1.5rem;
}
.cr-table-show-role {
  width: 100%;
  max-height: 21rem;
  overflow-y: auto;
}
.cr-table-show-role table {
  width: 100%;
}
.cr-bold {
  font-weight: 700;
}
.cr-delete-account ul {
  margin: 0.75rem;
  list-style: initial;
}
.cr-option-block {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.cr-account-input-copy {
  width: 455px;
}
.cr-account-input-copy__custom-input {
  border-radius: 0.5rem;
  padding: 0.5rem;
  border: 1px solid #BFBFBF;
}
.cr-account-input-copy__custom-input-code {
  border-radius: 0.5rem;
  padding: 1.5rem;
  border: 1px solid #BFBFBF;
}
.cr-account-input-copy__label {
  font-family: Inter, sans-serif;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}
.cr-edit-account,
.cr-delete-account,
.cr-delete-registry,
.cr-modal-description {
  word-break: break-word;
}
.cr-delete-registry {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.cr-registry-instructions {
  height: 400px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: scroll;
}

.cr-page {
  display: grid;
  gap: 2rem;
}
.cr-page .netangels-kit-modal-overlay {
  z-index: 1;
}
.cr-page .netangels-kit-resource-block-header-name-container {
  max-width: 18rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cr-page [data-copy-children] {
  max-width: 23rem;
}

.netangels-kit-table-col--cr-resource-name {
  min-width: 0;
  max-width: 15rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.netangels-kit-table-col--cr-registry-name,
.netangels-kit-table-col--cr-account-name {
  max-width: 18rem;
}
.netangels-kit-table-col--cr-registry-name [data-copy-children],
.netangels-kit-table-col--cr-account-name [data-copy-children] {
  max-width: 18rem;
}
.netangels-kit-table-col--cr-account-registries {
  max-width: 3rem;
}
.netangels-kit-table-col--cr-repositories-name {
  max-width: 8rem;
}
.netangels-kit-table-col--cr-repositories-tag-size {
  max-width: 4.45rem;
}
.netangels-kit-table-col--cr-repositories-tag-date {
  max-width: 6rem;
}

.registries-empty-block-description {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.empty-cr-service-wrapper {
  display: flex;
  gap: 1.5rem;
}
.empty-cr-service-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1.5;
  justify-content: center;
  align-items: flex-start;
}
.empty-cr-service-info__title {
  font-size: 1.375rem;
}
.empty-cr-service-info__hint,
.empty-cr-service-info__description {
  font-size: 1.125rem;
  font-weight: 400;
}
.empty-cr-service-create-form {
  padding: 2rem;
  gap: 1.5rem;
  flex: 1;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}
.empty-cr-service-create-form__title {
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.cr-instructions-counter .netangels-kit-widget-section--instructions,
.cr-instructions .netangels-kit-widget-section--instructions {
  flex: 2;
}
.cr-instructions-counter .netangels-kit-widget-section--description,
.cr-instructions .netangels-kit-widget-section--description {
  flex: 0.8;
}
.cr-instructions__faq-icon {
  font-size: 1.25rem;
  color: #0066ff;
}

.cr-instructions,
.cr-instructions-counter {
  display: flex;
  gap: 0.44rem;
  align-items: baseline;
}

.cr-statistics-detail-page {
  background-color: #ffffff;
  padding: 1.5rem;
  display: grid;
  border-radius: 1rem;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  gap: 1.5rem;
}
.cr-statistics-detail-widget__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.cr-statistics-detail-widget__entry-description {
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 500;
}
.cr-statistics-tab-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cr-registry-tab {
  padding: 1.5rem;
}

.sales365-card {
  margin-bottom: 30px;
}
.shop-domain-link {
  color: #0066FF;
}

@keyframes block-loading {
  0% {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
@keyframes shake-animation {
  0% {
    transform: translate(0, 0);
  }
  1.78571% {
    transform: translate(5px, 0);
  }
  3.57143% {
    transform: translate(0, 0);
  }
  5.35714% {
    transform: translate(5px, 0);
  }
  7.14286% {
    transform: translate(0, 0);
  }
  8.92857% {
    transform: translate(5px, 0);
  }
  10.71429% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes icon-loading {
  0% {
    color: #b0b0b0;
  }
  100% {
    color: #e3e3e3;
  }
}
.model-calculator-loading > div {
  border-radius: 1rem;
  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.08);
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.model-calculator-loading > div:nth-child(1) {
  height: 50rem;
}
.model-calculator-loading > div:nth-child(2) {
  height: 35rem;
}
.model-calculator {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 24.125rem;
  gap: 1.5rem;
}
.model-calculator__title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #141414;
}

.aistudio-service-info-block {
  display: grid;
  gap: 1rem;
}
.aistudio-service-info-block__title {
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: #141414;
}
.aistudio-service-info-block__description {
  color: #141414;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
}
.aistudio-service-info-block__articles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.aistudio-service-info-block__article-icon {
  font-size: 1.25rem;
  line-height: 1;
  color: #0066ff;
}

.aistudio-model-calculator-field-container {
  display: grid;
  align-items: start;
  gap: 0.5rem 1.25rem;
}
.aistudio-model-calculator-field-container:not(.aistudio-model-calculator-field-container--vertical) {
  grid-template-columns: 11rem 1fr;
}

.model-card-field {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.model-card-icon {
  font-size: 1.5rem;
  color: #0066ff;
}
.model-card-modalities {
  display: flex;
  gap: 0.25rem;
}

.model-calculator-detail-params {
  display: grid;
  gap: 0.75rem;
}
.model-calculator-detail-param {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #141414;
}
.model-calculator-detail-param__label {
  font-weight: 400;
}
.model-calculator-detail-param__value {
  font-weight: 600;
}

.netangels-kit-table-col--team-name {
  max-width: 20rem;
}
.netangels-kit-table-col--team-name .team-table-instance-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.netangels-kit-table-col--team-comment {
  width: 30% !important;
}
.netangels-kit-table-col--team-create-date {
  width: 15% !important;
}

.netangels-kit-modal-container--change-key-team .change-key-team-modal__loader {
  margin: 5.4375rem auto;
}
.netangels-kit-modal-container--change-key-team .change-key-team-modal__resource-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.netangels-kit-modal-container--change-key-team .change-key-team-modal__resource-icon {
  color: #0066ff;
}

@keyframes block-loading {
  0% {
    background-color: #b0b0b0;
    border-color: #b0b0b0;
  }
  100% {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
  }
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
@keyframes shake-animation {
  0% {
    transform: translate(0, 0);
  }
  1.78571% {
    transform: translate(5px, 0);
  }
  3.57143% {
    transform: translate(0, 0);
  }
  5.35714% {
    transform: translate(5px, 0);
  }
  7.14286% {
    transform: translate(0, 0);
  }
  8.92857% {
    transform: translate(5px, 0);
  }
  10.71429% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes icon-loading {
  0% {
    color: #b0b0b0;
  }
  100% {
    color: #e3e3e3;
  }
}
.team-statistics-detail-widget {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.team-statistics-detail-widget__entry-description {
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 500;
}
.team-statistics-detail-widget__error {
  color: #c80502;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.team-statistics-detail-widget__loading-resource {
  height: 6.75rem;
  border-radius: 0.5rem;
  animation-name: resource-block-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background-color: #b0b0b0;
  border-color: #b0b0b0;
}
.team-statistics-detail-widget-header {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}
.team-statistics-detail-widget-header__title {
  margin: 0;
}
.team-statistics-detail-widget-header__period {
  color: #7a8791;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.team-statistics-tab-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tool-card-link {
  text-decoration: none;
}

.aistudio-connection {
  display: grid;
  gap: 2rem;
}
.aistudio-connection__block {
  display: grid;
  gap: 1rem;
}
.aistudio-connection__title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #141414;
}
.aistudio-connection__tools {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}