/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[2]!./node_modules/@angular-devkit/build-angular/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[7].rules[1].use[0]!./projects/isfront-ubrr/src/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Цвета */
ui-button {
  color: #ffffff;
  background-color: #1464CC;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 16px;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
  display: inline-block;
  outline: none;
  padding-right: 20px;
  padding-left: 20px;
  height: 40px;
}
ui-button:hover {
  background-color: #4C89D9;
}
ui-button .button[disabled] {
  color: #e73679;
}
ui-button .button[disabled]:hover {
  color: #BF0E51;
}
ui-button.link {
  color: #BDBDBD;
  width: 170px;
}
ui-button.link:hover {
  border-color: #BF0E51;
  color: #BF0E51;
}
ui-button.link.focus:hover {
  border-color: #c9185b;
  color: #c9185b;
}
[class^="icon-eye"] {
  color: #757D89 !important;
}
[class^="icon-eye"]:hover {
  color: #3A3A3A !important;
}
ui-button.light {
  background-color: #E1E9F3;
  color: #1464CC;
}
ui-button.light:hover {
  background-color: #d7dfe9;
}
ui-button.light-step {
  background-color: inherit;
  color: #1464CC;
  border: 1px solid #1464CC;
}
ui-button.light-step:hover {
  background-color: #E1E9F3;
}
ui-button.color {
  color: #ffffff;
  background-color: #A21148;
  height: 50px;
  min-width: 178px;
  border-radius: 10px;
}
ui-button.color:hover {
  background-color: #BF0E51;
}
ui-button.active-button {
  height: 50px;
  margin-left: auto;
  font-size: 16px;
  background-color: #A21148;
}
ui-button.active-button:hover {
  background-color: #BF0E51;
}
ui-button.link {
  color: #1464CC !important;
  font-weight: normal;
  white-space: normal;
  width: 175px !important;
  padding: 0;
}
ui-button.link > button {
  padding: 0;
  text-align: left;
}
ui-button.link:hover,
ui-button.link.focus:hover {
  border-color: inherit !important;
  color: #4C89D9 !important;
}
ui-button.disabled {
  color: #BDBDBD;
  background-color: #EEF4F6;
  border: none;
  box-shadow: none;
}
ui-button.disabled:before,
ui-button.disabled:after {
  background: none;
}
ui-button.disabled button[disabled] {
  color: #BDBDBD;
}
ui-dropdown {
  background: #FFFFFF;
  font-size: 13.333px;
  min-height: 36px;
  color: #292c35;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.28);
}
ui-dropdown.expanded,
ui-dropdown:hover {
  color: #A21148;
  background-color: #f2f2f2;
}
ui-dropdown span.icon-chevron-dwn {
  border-radius: 100%;
  color: #BDBDBD;
}
ui-dropdown .popup {
  background: white !important;
}
ui-dropdown.button {
  color: #ffffff;
  background: #A21148;
  vertical-align: top;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(95, 99, 104, 0.15), 0 7px 32px rgba(95, 99, 104, 0.1);
  -webkit-backdrop-filter: blur(27.1828px);
          backdrop-filter: blur(27.1828px);
}
ui-dropdown.button .title {
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  line-height: 19px;
}
ui-dropdown.button > button {
  border-radius: inherit;
  min-height: 50px !important;
  min-width: 195px;
  color: #A21148;
}
ui-dropdown.button > button:hover {
  background: #BF0E51;
}
ui-dropdown.button.disabled,
ui-dropdown.button > button[disabled] {
  background: #D8D8DB;
  color: #ABABAD;
}
ui-dropdown.button.expanded {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 3;
}
ui-dropdown.button .popup {
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.28);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #323232;
}
ui-dropdown.button .popup ui-scrollbar :first-child > div {
  min-height: 40px !important;
}
ui-dropdown.button .popup ui-scrollbar :first-child > div:hover {
  background-color: #ffffff;
}
ui-dropdown.button span.icon-chevron-dwn {
  margin: 0 10px 2px 18px;
  color: #ffffff;
}
ui-input {
  font-size: 14px;
  position: relative;
  display: inline-block;
  width: 395px;
  height: 38px;
  box-sizing: content-box;
  color: #323232;
  border: 1px solid #BDBDBD;
  background: #ffffff;
  border-radius: 4px;
  cursor: text;
}
ui-input > input {
  cursor: inherit;
}
ui-input .icon-input {
  font-size: 1em !important;
}
ui-input.focus,
ui-input:not(.disabled):hover {
  border: 1px solid #323232;
}
ui-input ::-moz-placeholder {
  color: #BDBDBD;
}
ui-input ::placeholder {
  color: #BDBDBD;
}
ui-input span.available-balance {
  color: #BDBDBD;
  font-size: 14px !important;
  width: -moz-max-content !important;
  width: max-content !important;
}
ui-input span.available-balance > span {
  font-size: 12px;
  padding: 0 10px 0 5px;
}
ui-input.table {
  border: none;
  border-bottom: 1px #BDBDBD solid;
  border-radius: 0;
  width: auto;
}
ui-input.table.focus,
ui-input.table:not(.disabled):hover {
  border: none;
  border-bottom: 1px #BDBDBD solid;
}
ui-input.table > input {
  text-align: center;
}
ui-input.table.disabled {
  border: none;
}
ui-input.table.disabled > input {
  cursor: default;
}
ui-input.disabled {
  background: #EEF4F6;
  color: #BDBDBD;
}
ui-input.disabled > input {
  -webkit-text-fill-color: #BDBDBD;
}
ui-input.find .icon-input:after {
  content: '\e935';
  color: #BDBDBD;
  font-size: 20px;
}
ui-input.directory .icon-input:after {
  content: '\e991';
  color: #BDBDBD;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  bottom: 0;
}
ui-input[dictionary] {
  cursor: pointer;
  padding-right: 20px;
}
ui-input[dictionary] .icon-input:after {
  content: '\e920';
  font-size: 1.3em;
  position: absolute;
  right: 5%;
  top: 25%;
  color: #A21148;
}
ui-input[dictionary] .icon-input:after:hover {
  color: #d4437a;
}
ui-input > span > span.additional-information {
  cursor: pointer;
  position: absolute;
  font-size: 1.3em !important;
  right: 10px;
  top: 25%;
  color: #A21148;
}
ui-select-product {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #BDBDBD;
  min-width: auto !important;
}
ui-select-product .icon-type {
  display: none;
}
ui-select-product .product > [class^="icon-"],
ui-select-product .product > [class*=" icon-"] {
  font-size: 12px;
}
ui-select-product .icon-corner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  border-radius: 100%;
  background-color: #EEF4F6;
  height: 18px;
  width: 18px;
  color: #BDBDBD;
  float: right;
  margin-right: 4px;
}
ui-select-product .icon-corner:before {
  content: "\e902";
}
ui-select-product .active .icon-corner:before {
  content: "\e905";
}
ui-select-product .account-label {
  flex-direction: row !important;
}
ui-select-product .account-text-name {
  min-width: 100px;
  flex: 200px 0 1;
}
ui-select-product .account-number {
  color: #BDBDBD;
  flex: 180px 0 0;
}
ui-select-product:not(.disabled):hover,
ui-select-product.active,
ui-select-product.focus {
  border-color: #323232;
}
@media (max-width: 1160px) {
  ui-select-product .account-label {
    flex-wrap: wrap-reverse;
  }
  ui-select-product .account-number {
    color: #323232;
  }
  ui-select-product .account-text-name {
    color: #BDBDBD;
    font-size: 12px;
  }
}
ui-select-product.without-amount .account-label {
  flex-wrap: wrap-reverse;
}
ui-select-product.without-amount .account-number {
  color: #323232;
}
ui-select-product.without-amount .account-text-name {
  color: #BDBDBD;
  font-size: 12px;
}
ui-select-product.without-amount .product > div.amount,
ui-select-product.without-amount .product > div.currency {
  display: none !important;
}
ui-select-product .item {
  padding-left: 12px !important;
}
ui-select-product .item:hover {
  background: #F7F8FA !important;
}
ui-select-product button.value.value {
  padding-left: 4px;
}
ui-select-product.disabled {
  background: #EEF4F6;
  color: #BDBDBD;
}
ui-show-more {
  width: 100%;
  display: block;
}
ui-show-more > div {
  display: block;
}
ui-show-more.hide > .toggle-padding .icon-label:after {
  margin-left: 2px;
  content: "\e905";
  height: 100%;
  font-size: 0.8em;
}
ui-show-more.show > .toggle-padding .icon-label:after {
  content: "\e904";
  height: 100%;
  font-size: 0.8em;
}
ui-show-more.none > .toggle-padding {
  display: none;
}
ui-show-more > .toggle-padding {
  margin-top: 20px;
  text-align: right;
  color: #757D89;
  font-size: 13px;
  font-weight: 700;
  margin-right: 6px;
}
ui-show-more .toggle-padding > *:hover {
  color: #A21148;
}
ui-show-more.items > div.content {
  margin: -10px -10px -10px -5px;
  width: auto;
}
ui-show-more.items > div.content > * {
  margin: 5px;
  display: inline-block;
}
ui-show-more.load > .toggle-padding > .label {
  position: relative;
}
ui-show-more.load > .toggle-padding > .label:after {
  position: absolute;
  content: ' ';
  width: 15px;
  display: inline-block;
  height: 15px;
  border: 4px solid #BDBDBD;
  border-right-color: transparent;
  border-radius: 50%;
  margin-left: 10px;
  animation: spin 2s linear infinite;
  -webkit-mask-image: -webkit-linear-gradient(top, #00142a, rgba(0, 0, 0, 0));
}
ui-checkbox {
  border: 1px solid #BDBDBD;
  background: #F7F8FA;
  color: #BDBDBD;
}
ui-checkbox.checked {
  border: 1px solid #BF0E51;
}
ui-checkbox .icon-check {
  box-sizing: border-box;
  display: none;
  position: relative;
  background: inherit;
  font-size: 1.2em;
  margin: 1px;
  color: #BF0E51;
}
ui-checkbox:not(.checked):not(.disabled):hover,
ui-checkbox:not(.checked) > .checkbox:focus {
  background-color: #e8e9eb;
}
ui-checkbox:not(.checked):not(.disabled):hover .icon-check,
ui-checkbox:not(.checked) > .checkbox:focus .icon-check {
  color: #cacbcd;
}
ui-checkbox .disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
ui-checkbox.indeterminate .checkbox {
  border-radius: inherit;
  display: flex;
  width: inherit;
  height: inherit;
}
ui-checkbox.indeterminate .icon-check {
  box-sizing: border-box;
  display: block;
  position: relative;
  background: inherit;
  width: 80%;
  height: 80%;
  margin: 1px;
  background: #BF0E51;
  border-radius: inherit;
}
ui-checkbox.indeterminate .icon-check:before {
  display: none;
}
ui-select.shadow {
  border: none;
}
ui-select.shadow > .popup {
  border: none;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0 3px 5px 2px #BDBDBD;
  -webkit-box-shadow: 0 3px 5px 2px #BDBDBD;
  -moz-box-shadow: 0 3px 5px 2px #BDBDBD;
}
ui-select.shadow .item {
  text-align: left;
}
ui-select.shadow button.value span > div {
  text-align: center;
}
ui-select,
ui-select-multiple {
  border-radius: 4px;
  border: 1px solid #BDBDBD;
  background: #ffffff;
}
ui-select > .popup,
ui-select-multiple > .popup {
  border-color: #323232 !important;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
ui-select .item:hover,
ui-select-multiple .item:hover {
  background: #F7F8FA;
}
ui-select .icon-corner,
ui-select-multiple .icon-corner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  border-radius: 100%;
  background-color: #EEF4F6;
  height: 18px;
  width: 18px;
  color: #BDBDBD;
}
ui-select .icon-corner:before,
ui-select-multiple .icon-corner:before {
  content: "\e902";
}
ui-select.active,
ui-select-multiple.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
ui-select.active > .popup,
ui-select-multiple.active > .popup {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
ui-select.active .icon-corner:before,
ui-select-multiple.active .icon-corner:before {
  content: "\e905";
}
ui-select .item,
ui-select-multiple .item {
  width: auto !important;
  padding-left: 12px !important;
}
ui-select.focus,
ui-select-multiple.focus,
ui-select:not(.disabled):hover,
ui-select-multiple:not(.disabled):hover {
  border: 1px solid #323232;
}
ui-select button.value.value,
ui-select-multiple button.value.value {
  padding-left: 3px;
}
ui-select.disabled,
ui-select-multiple.disabled {
  background: #EEF4F6;
  color: #BDBDBD;
}
ui-select.simple:not(.active) {
  border: none;
  padding: 1px;
}
ui-select.simple > button > *:first-child {
  padding-left: 5px !important;
}
ui-select.simple > button > *:first-child > div {
  font-weight: bold;
}
ui-group-button.light,
ui-group-button.tabBar {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  max-width: 100%;
  width: 100%;
  font-size: 14px;
  padding-bottom: 22px;
}
ui-group-button.light gbutton,
ui-group-button.tabBar gbutton {
  border-radius: 0;
  margin: 5px 20px;
  background: transparent;
  font-size: 14px;
  font-weight: 400;
  color: #757D89;
  padding: 0 !important;
  width: auto !important;
  position: relative;
}
ui-group-button.light gbutton:first-child,
ui-group-button.tabBar gbutton:first-child,
ui-group-button.light gbutton:last-child,
ui-group-button.tabBar gbutton:last-child {
  border-radius: 0;
}
ui-group-button.light gbutton:first-of-type:after,
ui-group-button.tabBar gbutton:first-of-type:after,
ui-group-button.light gbutton:first-of-type:not(.disabled):not(.active):hover:after,
ui-group-button.tabBar gbutton:first-of-type:not(.disabled):not(.active):hover:after,
ui-group-button.light gbutton:first-of-type.active:after,
ui-group-button.tabBar gbutton:first-of-type.active:after {
  left: 0;
}
ui-group-button.light gbutton.active,
ui-group-button.tabBar gbutton.active {
  background: inherit;
  color: #A21148;
  border-bottom: 2px solid #A21148;
  z-index: 1;
}
ui-group-button.light gbutton:not(.disabled):not(.active):hover,
ui-group-button.tabBar gbutton:not(.disabled):not(.active):hover {
  color: #BDBDBD !important;
  border-bottom: 2px solid #BDBDBD;
  padding-bottom: 0;
}
ui-group-button.light gbutton.active:hover,
ui-group-button.tabBar gbutton.active:hover {
  color: #BF0E51;
  border-bottom: 2px solid #BF0E51;
  padding-bottom: 0;
}
ui-group-button.light gbutton span.count-info,
ui-group-button.tabBar gbutton span.count-info {
  font-size: 10px;
  top: -5%;
  right: -20px;
  position: absolute;
  border-radius: 100%;
  min-width: 10px;
  min-height: 10px;
  padding: 4px;
  color: white;
  background: #A21148;
}
@media (max-width: 1100px) {
  ui-group-button.light gbutton,
  ui-group-button gbutton,
  tabBar gbutton {
    margin: 5px 10px !important;
  }
}
@media (max-width: 800px) {
  ui-group-button.tabBar gbutton {
    word-break: break-word;
  }
}
@media (max-width: 900px) {
  ui-group-button {
    flex-wrap: wrap !important;
  }
}
ui-datepicker:hover {
  border: 1px solid #cacfd3;
}
ui-datepicker span.icon {
  color: #BDBDBD !important;
}
ui-datepicker input {
  font-size: 14px !important;
}
ui-datepicker calendar-unix {
  box-shadow: 0 4px 4px #BDBDBD !important;
}
ui-datepicker calendar-unix .header {
  background-color: #F7F8FA !important;
}
ui-datepicker calendar-unix .header a:hover {
  color: #A21148 !important;
}
ui-datepicker calendar-unix > table.calendar thead > th {
  color: #BDBDBD !important;
}
ui-datepicker calendar-unix > table.calendar > tbody > tr > td.selected > span,
ui-datepicker calendar-unix > table.calendar > tbody > tr > td:not(.off):not(.selected):hover > span {
  background-color: #A21148 !important;
}
ui-datepicker calendar-window.popup {
  color: #323232 !important;
}
ui-datepicker calendar-window.popup .header {
  color: #1464CC !important;
}
ui-datepicker calendar-window.popup table.calendar > tbody > tr > td.off {
  color: #BDBDBD !important;
}
ui-datepicker calendar-window.popup table.calendar tr > th:nth-child(5) ~ th,
ui-datepicker calendar-window.popup table.calendar tr > td:nth-child(5) ~ td:not(.off):not(.selected):not(:hover) {
  color: #A21148 !important;
}
ui-datepicker calendar-window.popup table.calendar > tbody > tr > td.selected:after,
ui-datepicker calendar-window.popup table.calendar > tbody > tr > td:not(.off):hover:after {
  background: #A21148 !important;
}
ui-datepicker {
  background: #ffffff;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
}
ui-datepicker calendar-unix.popup span.icon {
  height: 38px;
}
ui-datepicker calendar-unix.popup span.icon > span {
  vertical-align: bottom;
}
ui-datepicker calendar-unix.popup .icon-prev:before,
ui-datepicker calendar-unix.popup .icon-next:before {
  color: #BDBDBD;
  font-size: 16px;
}
ui-datepicker calendar-unix.popup .icon-prev:before {
  content: "\e903";
}
ui-datepicker calendar-unix.popup .icon-next:before {
  content: "\e904";
}
ui-datepicker.focus,
ui-datepicker:not(.disabled):hover {
  border-color: #323232;
}
ui-datepicker.disabled {
  background: #EEF4F6;
  color: #BDBDBD;
}
ui-datepicker.disabled > input {
  -webkit-text-fill-color: #BDBDBD;
}
ui-switch {
  overflow: visible !important;
}
ui-switch .switch {
  border: 1px solid #BDBDBD;
  background: #F7F8FA;
}
ui-switch .switch:not(.checked):not(.disabled):hover,
ui-switch .switch:not(.checked):not(.disabled):focus {
  background: #dedfe1;
}
ui-switch .checked {
  background: #A21148;
  border-color: #A21148;
  color: #ffffff;
}
ui-switch .checked small {
  color: #ffffff;
}
ui-switch .checked:hover {
  background: #BF0E51;
}
ui-textarea {
  color: #323232;
  border: 1px solid #BDBDBD;
  background: #ffffff;
  border-radius: 4px;
  padding-right: 0 !important;
}
ui-textarea > textarea {
  width: 100%;
}
ui-textarea.focus,
ui-textarea:not(.disabled):hover {
  border: 1px solid #323232;
}
ui-textarea.disabled {
  background: #EEF4F6;
  color: #BDBDBD;
}
ui-textarea.disabled > textarea {
  -webkit-text-fill-color: #BDBDBD;
}
ui-amount .amount-currency {
  font-size: 0.8em;
}
ui-amount.full-green {
  color: #398147;
}
ui-amount.full-green .amount-currency,
ui-amount.full-green .amount-decimal {
  color: inherit;
}
file-item .progress {
  background: rgba(202, 117, 134, 0.3);
  background: linear-gradient(45deg, rgba(202, 117, 134, 0.3) 0%, rgba(88, 118, 184, 0.3) 100%);
}
ui-radio {
  background: #F7F8FA;
}
ui-radio .radio {
  border: 1px solid #BDBDBD;
}
ui-radio .radio:not(.checked):not(.disabled):hover {
  background: #dedfe1;
}
ui-radio .radio:not(.checked):not(.disabled):hover small {
  background-color: rgba(0, 0, 0, 0.2);
}
ui-radio .radio:not(.checked):not(.disabled):focus {
  background: #dedfe1;
}
ui-radio .radio.checked {
  background: #fff;
  color: #fff;
}
ui-radio .radio.checked {
  border-color: #A21148;
}
ui-radio .radio.checked small {
  background-color: #A21148;
}
ui-radio .radio.checked:not(.disabled):hover small {
  background-color: #BF0E51;
}
ui-scrollbar > .ps-scrollbar-y-rail {
  opacity: 0;
}
ui-scrollbar > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
}
ui-select-product ui-scrollbar div.ps-content div.item {
  width: auto;
}
ui-scrollbar.show-scroll {
  width: 100%;
}
ui-scrollbar.show-scroll > .ps-scrollbar-y-rail {
  opacity: 0.9;
}
ui-modal-window#currency_change_contract ui-scrollbar {
  overflow: visible;
}
.button-block {
  display: flex;
}
ui-errors {
  text-align: left !important;
  color: #EE2C35;
}
ui-signature {
  color: #757D89 !important;
}
ui-slider .ui-slider-handle {
  background-color: #ffffff;
}
ui-slider .ui-slider-range {
  background: #F7F8FA;
}
ui-slider .ui-slider-range > .fill {
  background-color: #A21148;
}
ui-dropdown button {
  min-height: 40px !important;
  font-size: 14px !important;
}
ui-dropdown .title {
  text-transform: inherit !important;
}
tooltip {
  background-color: #666C75;
  color: #fff;
  border-radius: 5px;
  text-align: left;
  padding: 8px 10px;
  box-shadow: 0 1px 3px #cbcbd0;
  z-index: 1000;
  font-size: 14px;
  max-width: 450px;
  min-height: 10px;
}
tooltip.tooltip-right-center:after {
  border-right-color: #666C75;
}
tooltip.tooltip-left-center:after {
  border-left-color: #666C75;
}
tooltip.tooltip-bottom-center:after {
  border-bottom-color: #666C75;
}
tooltip.tooltip-top-center:after {
  border-top-color: #666C75;
}
ui-snack {
  left: 50%;
  right: 50%;
  bottom: 100px;
  padding: 10px;
  color: #FFFFFF;
  background: #666C75;
  border-radius: 5px;
  min-width: 240px;
  text-align: center;
}
ui-snack.show {
  animation: fadein 400ms;
}
ui-snack.hide {
  animation: fadeout 400ms;
  animation-delay: 1000ms;
}
ui-snack.coppyLink.hide,
ui-snack.savePetition.hide {
  animation-delay: 800ms;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.mobile ui-group-button {
  align-items: flex-end;
}
.mobile ui-group-button.tabBar {
  justify-content: flex-start;
  padding-bottom: 12px;
  margin: -10px;
}
.mobile ui-group-button.tabBar gbutton {
  border-bottom: 2px solid transparent;
  height: 34px;
}
.mobile ui-group-button.tabBar gbutton.active {
  border-color: #A21148;
}
.mobile .buttons-block > ui-button,
.mobile ui-button {
  padding: 0 5px;
  height: 36px;
  min-width: inherit;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 36px;
}
.mobile .buttons-block > ui-button.color,
.mobile ui-button.color {
  min-width: inherit;
}
.mobile .buttons-block > ui-button:not(:last-child) {
  margin-right: 10px;
}
.mobile ui-show-more.items > div.content > * {
  margin: 0;
}
.mobile ui-show-more.items > div.content {
  margin: -10px 0;
}
.mobile ui-datepicker calendar-window.popup {
  min-width: inherit;
}
.mobile ui-datepicker calendar-window.popup table.calendar > tbody > tr > td {
  height: 26px;
}
.mobile ui-datepicker calendar-window.popup table.calendar > tbody > tr > td.selected:after {
  height: 27px !important;
  left: 0 !important;
  top: 0 !important;
  width: 27px !important;
}
.mobile .date-to ui-datepicker .popup {
  left: inherit;
  right: 0;
}
@media (max-width: 768px) {
  ui-input {
    width: 100%;
  }
  ui-select {
    max-width: 100%;
  }
  ui-select .popup {
    font-size: 12px !important;
  }
  ui-errors {
    max-width: 100% !important;
  }
  ui-label {
    font-size: 12px;
  }
  tooltip {
    display: none !important;
  }
  ui-checkbox:not(.checked):not(.disabled):hover,
  ui-checkbox:not(.checked) > .checkbox:focus {
    background: #F7F8FA;
  }
  ui-checkbox:not(.checked):not(.disabled):hover .icon-check,
  ui-checkbox:not(.checked) > .checkbox:focus .icon-check {
    display: none;
  }
  ui-show-more .toggle-padding > *:hover {
    color: #757D89;
  }
  ui-show-more.load > .toggle-padding > .label:after {
    display: none;
  }
  ui-scrollbar.show-scroll {
    height: auto;
    height: initial;
  }
}
breadcrumbs crumb {
  color: #757D89;
  font-size: 11px !important;
}
breadcrumbs crumb.link:hover,
breadcrumbs crumb[link]:hover {
  color: #1464CC;
}
breadcrumbs crumb[link='/summary']:before {
  font-family: 'icomoon';
  content: "\e934";
  font-size: 1.3em;
}
breadcrumbs crumb:not(:last-child):after {
  font-family: 'icomoon';
  content: ' \e931  ';
  white-space: pre;
}
attach-files {
  display: flex;
}
attach-files ui-errors {
  order: 2;
  margin: 0 auto;
}
advanced-attach-files ui-errors,
attach-files ui-errors {
  text-align: center !important;
}
template-item {
  width: 300px;
  height: 80px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  border-left: #BDBDBD;
  border-left-width: 5px;
  border-left-style: solid;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 15px;
  margin: 5px;
}
.warning-panel {
  width: 100%;
  font-size: 12px;
  grid-gap: 8px;
  box-sizing: border-box;
  display: flex;
  padding: 0 20px;
  align-items: center;
  border-radius: 5px;
  height: 38px;
}
.warning-panel .icon {
  font-size: 22px;
  border-radius: 50%;
}
.warning-panel.info {
  background: #E1E9F3;
  border: 1px solid #1464CC;
}
.warning-panel.info .icon {
  color: #E1E9F3;
  background: #1464CC;
}
.warning-panel.warn {
  background: #E1E9F3;
  border: 1px solid #1464CC;
}
.warning-panel.warn .icon {
  color: #E1E9F3;
  background: #1464CC;
}
.warning-panel.error {
  background: #BDBDBD;
  border: 1px solid #EE2C35;
}
.warning-panel.error .icon {
  color: #EE2C35;
}
.service template-item {
  border: none;
  border-radius: 10px;
  width: 238px;
}
.periodic-items template-item {
  height: 150px;
}
.periodic-items template-item .img,
.periodic-items template-item .content-item {
  vertical-align: top;
  padding-top: 10px;
}
.periodic-items template-item .name {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #014188;
}
.periodic-items template-item .periodic > * {
  margin-top: 10px;
}
.periodic-items template-item ui-amount {
  font-size: 20px;
  font-weight: bold;
}
.periodic-items template-item .payment-date {
  font-size: 12px;
  font-weight: normal;
}
.periodic-items template-item .sign {
  display: flex;
  align-items: center;
  color: #BDBDBD;
}
.periodic-items template-item .sign span {
  font-size: 2em;
  margin-right: 8px;
  margin-left: -5px;
}
.periodic-items template-item .sign:hover {
  color: #323232;
}
.payment-items template-item {
  width: 167.5px;
  height: 155px;
}
.payment-items template-item > div {
  display: flex;
  flex-direction: column;
}
.payment-items template-item .img {
  display: flex;
  margin: 10px auto;
}
.payment-items template-item .content-item {
  display: flex;
  padding: 0;
  text-align: center;
  margin: 10px auto;
  text-overflow: ellipsis;
}
.payment-items template-item .name {
  width: inherit;
}
summary templates .section-title > [class^="icon-"],
summary templates .section-title > [class*=" icon-"] {
  display: none;
}
template-item {
  color: #323232;
  border-left: #ffffff;
  border-left-width: 5px;
  border-left-style: solid;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  padding: 15px;
  margin: 5px;
  overflow: hidden;
}
template-item img {
  width: 30px !important;
  height: 52px;
}
template-item:hover {
  border-color: #A21148;
  background-color: #323232;
  color: #F2F2F2;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.25);
}
template-item:hover .content-item {
  color: #EEF4F6;
}
template-item:hover .content-item:after {
  font-family: icomoon;
  content: "\e949";
  color: #8C8C8C;
  opacity: 0.1;
  font-size: 80px;
  position: absolute;
  left: 200px;
  top: 25px;
}
template-item:hover .icon-delete {
  display: block;
}
template-item:hover .template-item-back {
  background-color: #454545;
  color: #EEF4F6;
  opacity: 0.1;
}
template-item:hover .img {
  filter: invert(100%);
}
confirm-doc .auth-loader-container {
  background-color: transparent;
}
@media (max-width: 768px) {
  template-item:hover .content-item {
    color: #323232;
  }
  template-item:hover .content-item:after {
    display: none;
  }
  template-item:hover .img {
    filter: inherit;
  }
}
.buttons-block {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 10px;
}
.buttons-block > ui-button {
  min-width: 160px;
  margin-bottom: 10px;
  border-radius: 10px;
}
.buttons-block > ui-button:not(:last-child) {
  margin-right: 24px;
}
.buttons-block > hr {
  margin-bottom: 20px;
  border: none;
  background-color: #BDBDBD;
  color: #BDBDBD;
  height: 0.5px;
}
.button-rows-block {
  display: flex;
  border-bottom: none;
  padding: 15px 0;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.button-rows-block a {
  text-decoration: none;
}
.button-rows-block > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 12px;
  color: #323232;
  word-break: break-word;
  text-align: center;
  cursor: pointer;
  min-width: 95px;
  margin: 5px;
}
.button-rows-block > div > span {
  line-height: normal;
  margin-top: 5px;
  font-family: Roboto !important;
}
.button-rows-block > div:before {
  width: 40px;
  height: 40px;
  font-size: 25px;
  border: 1px solid #BDBDBD;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3px;
  font-family: icomoon;
  color: #323232;
}
.button-rows-block > div:hover {
  color: #1464CC;
}
.button-rows-block > div:hover:before {
  color: #1464CC;
}
.button-group {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
  flex-wrap: wrap;
}
.button-group ui-button {
  margin-left: 20px;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 15px;
}
.header-buttons {
  align-self: center;
  flex-wrap: wrap;
}
.header-buttons ui-button:not(:last-child),
.header-buttons ui-dropdown {
  margin-right: 10px;
}
.header-buttons ui-button {
  vertical-align: top;
  min-width: 190px;
}
.section-title {
  display: flex;
  flex-wrap: wrap;
  font-size: 30px;
  padding-bottom: 16px;
  width: 100%;
  justify-content: space-between;
}
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4 {
  margin: auto auto 0 0;
  font-size: inherit;
}
.section-title > [class^="icon-"],
.section-title > [class*=" icon-"] {
  height: 36px;
  width: 36px;
  float: left;
  text-align: center;
  font-size: 20px;
  color: white;
  line-height: 34px;
  border-radius: 50%;
  background: #A21148;
  margin-right: 15px;
}
.section-title > ui-input {
  width: 300px;
}
.ui-buttons {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px;
}
.ui-buttons > ui-button:not(:first-child):not(:first-child) {
  margin-left: 5px;
}
.ui-buttons.confirm-doc > ui-button.light,
confirm-doc .ui-buttons > ui-button.light {
  background-color: #ffffff;
  color: #1464CC;
  border: 2px solid #1464CC;
}
.ui-buttons.confirm-doc > ui-button.light:hover,
confirm-doc .ui-buttons > ui-button.light:hover,
.ui-buttons.confirm-doc > ui-button.light.focus,
confirm-doc .ui-buttons > ui-button.light.focus {
  background-color: #ffffff;
  opacity: 0.7;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
}
.ui-buttons.confirm-doc > ui-button {
  min-width: 250px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}
.main-tab-buttons ui-group-button gbutton.active {
  border-bottom: 5px solid #A21148;
  background-color: inherit;
}
.main-tab-buttons ui-group-button gbutton.active span {
  color: #A21148;
}
.main-tab-buttons ui-group-button gbutton.active:hover {
  border-bottom-color: #BF0E51;
}
.main-tab-buttons ui-group-button gbutton.active:hover span {
  color: #BF0E51 !important;
}
.main-tab-buttons ui-group-button gbutton {
  color: #757D89;
  border-radius: 0 !important;
  background-color: inherit;
  text-transform: uppercase;
  font-size: 20px;
}
.main-tab-buttons ui-group-button gbutton:not(:last-child) {
  margin-right: 55px;
}
.main-tab-buttons ui-group-button gbutton:hover {
  border-bottom: 5px solid #BDBDBD;
  color: #BDBDBD !important;
}
.light-tab-buttons ui-group-button {
  border-bottom: 0.5px solid #BDBDBD;
  padding-bottom: 20px;
}
.light-tab-buttons ui-group-button gbutton.active {
  background: #E1E9F3;
  border-radius: 3px;
  border-bottom: 0;
  color: #1464CC;
}
.light-tab-buttons ui-group-button gbutton {
  border-bottom: 0;
  border-radius: 0;
  background-color: inherit;
  font-size: 16px;
  padding: 8px 20px;
  min-height: 24px;
  font-weight: normal;
  color: #1464CC;
}
.light-tab-buttons ui-group-button gbutton:hover {
  color: #4C89D9 !important;
}
.empty-list {
  font-size: 16px;
  padding: 20px 0;
  text-align: center;
  background-color: inherit;
}
.row {
  background-color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: left;
  border-bottom: solid 1px #E7E7E8;
  font-size: 16px;
  min-height: 60px;
  color: #323232;
  padding: 5px 57px;
}
.row > div {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.row ui-amount .amount-decimal,
.row ui-amount .amount-currency {
  color: #323232;
}
@media (max-width: 1280px) {
  .row {
    padding: 5px 27px;
  }
}
.header-row {
  font-weight: normal;
  font-size: 14px;
  color: #757D89;
  text-transform: uppercase;
  border-bottom: solid 1px #E7E7E8;
}
.header-row .sort-icon {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 7px;
}
.header-row .sort-icon > span {
  margin: -3px 0;
}
.row-choice {
  border-bottom: none;
}
.row-details {
  background-color: #EEF4F6;
  border-bottom: solid 1px #E7E7E8;
  padding: 0 55px;
}
.document-substrate {
  background-color: #ffffff;
  box-shadow: 4px 10px 12px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  color: #323232;
  padding: 20px 57px;
  box-sizing: border-box;
}
.document-substrate > * {
  margin-right: auto;
}
.document-substrate .title {
  padding-bottom: 30px;
}
@media (max-width: 1280px) {
  .document-substrate {
    padding: 20px 15px;
  }
}
.document-substrate.list-item {
  border-radius: 10px;
  padding: 10px 0 0 0;
}
.document-substrate.list-item operation-item:last-child > .row {
  border-radius: 10px;
}
.document-substrate hr.main,
.document-substrate > hr,
.item-block > hr {
  margin-top: 30px;
  border: none;
  background-color: #BDBDBD;
  color: #BDBDBD;
  height: 0.5px;
}
.document-substrate > .error-msg {
  text-align: center;
  margin: 20px 0px;
  color: #EE2C35;
}
.details-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 21px;
}
.details-column > div {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 60%;
  font-size: 14px;
  padding: 0 20px;
}
.details-column > div > div:not(.clear):not(.details-column-title) {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E7E7E8;
  padding: 8px 0;
  font-weight: 500;
  font-size: 12px;
}
.details-column > div > div:not(.clear):not(.details-column-title) > span:first-child {
  color: #323232;
  margin-right: 10px;
  align-self: flex-end;
}
.details-column > div > div:not(.clear):not(.details-column-title) > span:last-child {
  text-align: right;
}
.details-column > div .details-column-title {
  margin-left: 0;
  font-size: 16px;
}
.details-column > div .subtitle {
  font-weight: bold;
  border: none;
}
.details-column > div .total {
  border-bottom: none;
  font-weight: 600;
}
.details-column > div ui-amount {
  white-space: nowrap;
}
.details-column > div ui-amount .amount-decimal,
.details-column > div ui-amount .amount-currency {
  color: #323232;
}
.details-column > div:nth-child(n):not(:last-child),
.details-column > div:last-child:not(:first-child) {
  width: 45%;
  min-width: 250px;
  padding: 0;
  margin: 0;
}
.details-column > div:nth-child(1):nth-last-child(3),
.details-column > div:nth-child(2):nth-last-child(2),
.details-column > div:nth-child(3):nth-last-child(1) {
  width: 30%;
}
.details-column-title {
  margin-left: 5%;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 40px;
  margin-bottom: 10px;
}
.details-info {
  max-width: 640px;
}
.details-info > div {
  display: flex;
}
.details-info > div > * {
  display: flex;
  min-height: 30px;
  flex-direction: column;
  margin-bottom: 10px;
}
.details-info > div > span:first-child {
  width: 60%;
  max-width: 450px;
  margin-right: 15px;
  align-self: flex-start;
  color: #757D89;
}
.details-info > div > span > span:not(:first-child) {
  color: #757D89;
}
.details-info > div > ui-amount,
.details-info > div > span:nth-child(2) {
  text-align: left;
  min-width: 200px;
  word-break: break-all;
  width: 40%;
}
.details-info > div > ui-amount {
  white-space: nowrap;
}
.details-info > div > ui-amount .amount-decimal,
.details-info > div > ui-amount .amount-currency {
  color: #323232;
}
.details-info ui-radio,
.details-info ui-switch,
.details-info ui-checkbox {
  margin-top: 10px;
  margin-right: 10px;
  height: 20px;
}
.details-info-title {
  font-family: GothamPro, sans-serif;
  position: relative;
  font-size: 22px;
  color: #323232;
  max-width: 640px;
  margin: 25px 0 20px;
  overflow: hidden;
}
.details-info-title:after {
  width: 100%;
  content: '';
  position: absolute;
  border-bottom: 0.5px solid #BDBDBD;
  top: 75%;
  margin-left: 15px;
}
.details-row {
  margin-left: 5%;
}
.item-block-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1020px;
  margin-bottom: 10px;
}
.block-title,
.block-title2 {
  font-family: GothamPro, sans-serif;
  position: relative;
  font-size: 22px;
  color: #323232;
  max-width: 1015px;
  margin: 25px 0 20px;
  overflow: hidden;
}
.block-title:after,
.block-title2:after {
  width: 100%;
  content: '';
  position: absolute;
  border-bottom: 0.5px solid #BDBDBD;
  top: 75%;
  margin-left: 15px;
}
.item-block > div,
.item-block2 > div {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 5px;
  max-width: 1015px;
}
.item-block > div > div:first-child,
.item-block2 > div > div:first-child {
  display: flex;
  height: 40px;
  align-items: center;
}
.item-block > div > div:first-child:not(:last-child),
.item-block2 > div > div:first-child:not(:last-child) {
  width: 36%;
  max-width: 365px;
  min-width: 190px;
  margin-right: 15px;
}
.item-block > div > div:nth-child(2),
.item-block2 > div > div:nth-child(2) {
  width: 64%;
  max-width: 632px;
}
.item-block > div > span[class^="icon-"],
.item-block2 > div > span[class^="icon-"],
.item-block > div > span[class*=" icon-"],
.item-block2 > div > span[class*=" icon-"],
.item-block > div > div.group > span[class^="icon-"],
.item-block2 > div > div.group > span[class^="icon-"],
.item-block > div > div.group > span[class*=" icon-"],
.item-block2 > div > div.group > span[class*=" icon-"] {
  width: auto;
  cursor: pointer;
  font-size: 17px;
  top: 11.5px;
  color: #BDBDBD;
}
.item-block > div > span[class^="icon-"],
.item-block2 > div > span[class^="icon-"],
.item-block > div > span[class*=" icon-"],
.item-block2 > div > span[class*=" icon-"] {
  position: absolute;
  right: -30px;
}
.item-block > div > div.group > span[class^="icon-"],
.item-block2 > div > div.group > span[class^="icon-"],
.item-block > div > div.group > span[class*=" icon-"],
.item-block2 > div > div.group > span[class*=" icon-"] {
  position: relative;
  right: -15px;
}
.item-block > div > div.group,
.item-block2 > div > div.group {
  display: flex;
  flex-direction: row;
}
.item-block > div > div.group > div,
.item-block2 > div > div.group > div {
  display: block;
}
.item-block > div > div.group > div:not(:last-child),
.item-block2 > div > div.group > div:not(:last-child) {
  margin-right: 15px;
}
.item-block > div > div.group > div,
.item-block2 > div > div.group > div {
  max-width: 220px;
  width: 100% !important;
}
.item-block > div > div.group > div > *,
.item-block2 > div > div.group > div > * {
  max-width: 220px;
}
.item-block > div > div.group > div:last-child,
.item-block2 > div > div.group > div:last-child {
  width: auto !important;
}
.item-block > div > div.group > div > span.link,
.item-block2 > div > div.group > div > span.link {
  width: -moz-max-content !important;
  width: max-content !important;
}
.item-block > div > div.group > div.center,
.item-block2 > div > div.group > div.center {
  display: flex;
  height: 40px;
  align-items: center;
}
.item-block > div > div.group > span[class^="icon-"],
.item-block2 > div > div.group > span[class^="icon-"],
.item-block > div > div.group > span[class*=" icon-"],
.item-block2 > div > div.group > span[class*=" icon-"] {
  right: 0;
}
@media (max-width: 1400px) {
  .item-block > div > div.group > div > span.link,
  .item-block2 > div > div.group > div > span.link {
    width: auto !important;
  }
}
@media (max-width: 1260px) {
  .item-block > div > div.group > div:not(:first-child),
  .item-block2 > div > div.group > div:not(:first-child),
  .item-block > div > div.group > div:not(:first-child) > *,
  .item-block2 > div > div.group > div:not(:first-child) > * {
    width: auto !important;
    min-width: 100px;
    max-width: 150px;
  }
}
@media (max-width: 1090px) {
  .item-block > div > div.group > div:first-child,
  .item-block2 > div > div.group > div:first-child,
  .item-block > div > div.group > div:first-child > *,
  .item-block2 > div > div.group > div:first-child > * {
    min-width: 100px;
    max-width: 150px;
  }
}
.item-block > div > div > .hint-text,
.item-block2 > div > div > .hint-text {
  margin-top: 3px;
}
@media (max-width: 1440px) {
  .item-block > div > div:first-child:not(:last-child),
  .item-block2 > div > div:first-child:not(:last-child) {
    width: 33%;
  }
}
.item-block .additional-params,
.item-block2 .additional-params {
  display: flex;
  justify-content: normal;
  margin-bottom: 10px;
}
.item-block .additional-params > div,
.item-block2 .additional-params > div {
  display: flex;
  height: 40px;
  align-items: center;
  margin-right: 15px;
  width: auto !important;
}
.item-block .additional-params ui-radio,
.item-block2 .additional-params ui-radio {
  display: flex;
}
.item-block .small-field,
.item-block2 .small-field {
  max-width: 220px !important;
}
.item-block .small-field > *,
.item-block2 .small-field > * {
  min-width: 220px !important;
}
.item-block .inline-info,
.item-block2 .inline-info {
  display: flex;
  justify-content: space-between;
}
.item-block .inline-info > *,
.item-block2 .inline-info > * {
  width: auto;
}
.item-block .inline-info > span,
.item-block2 .inline-info > span {
  color: #1464CC;
  cursor: pointer;
  margin: 5px 0 15px;
  white-space: nowrap;
  padding-left: 15px;
}
.item-block .inline-info > span:hover,
.item-block2 .inline-info > span:hover {
  color: #4393fb;
}
.item-block ui-input,
.item-block2 ui-input,
.item-block ui-select,
.item-block2 ui-select,
.item-block ui-textarea,
.item-block2 ui-textarea,
.item-block ui-datepicker,
.item-block2 ui-datepicker,
.item-block ui-autofield > *,
.item-block2 ui-autofield > *,
.item-block ui-select-product,
.item-block2 ui-select-product {
  width: 100%;
}
.item-block ui-autofield > ui-checkbox,
.item-block2 ui-autofield > ui-checkbox {
  width: 20px;
  min-width: 20px;
  margin-right: 10px;
}
.item-block ui-radio,
.item-block2 ui-radio,
.item-block ui-switch,
.item-block2 ui-switch,
.item-block ui-checkbox,
.item-block2 ui-checkbox {
  margin-right: 10px;
}
.sign-doc-block {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
}
.sign-doc-block > div {
  flex: 2 0 250px;
  margin-right: 30px;
  min-width: 450px;
}
.sign-doc-block > confirm-doc {
  flex: 2 1 300px;
  margin-bottom: 20px;
}
@media (max-width: 1366px) {
  .sign-doc-block {
    flex-wrap: nowrap;
  }
}
.doc-accepted-block {
  max-width: 550px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.doc-accepted-block > .stamp-block {
  width: 423px;
  min-height: 146px;
  border: 1px solid #757D89;
  box-sizing: border-box;
  box-shadow: 4px 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  margin: 50px auto 20px;
  padding: 30px 15px 0;
}
.doc-accepted-block > .stamp-block > * {
  display: block;
  text-align: center;
}
.doc-accepted-block > .stamp-block .content-title {
  font-weight: 500;
  font-size: 16px;
}
.doc-accepted-block > .stamp-block .icon-check_act {
  font-size: 100px;
  font-weight: 600;
  color: #27AE60;
}
.doc-accepted-block > ui-button.link {
  font-size: 16px;
  width: auto !important;
}
.doc-accepted-block > .buttons-block {
  margin-top: 20px;
}
.auth-loader-container {
  background-color: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  display: flex;
}
.new-item {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #F7F8FA;
  border-style: dashed;
  border-width: 2px;
  border-color: #BDBDBD;
  width: 392px;
  height: 200px;
  vertical-align: top;
  box-sizing: border-box;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  outline: none;
  font-size: 18px;
  color: #BDBDBD;
}
.new-item span {
  font-family: Roboto !important;
  font-weight: bold;
}
.new-item:before {
  font-family: icomoon;
  font-size: 2em;
  margin-right: 5px;
  font-weight: normal;
}
.new-item:hover {
  color: #323232;
  border: 2px solid #323232;
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-sizing: border-box;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .new-item:before,
  .new-item span {
    background: none !important;
  }
}
table.document-content {
  width: 100%;
  color: #323232;
}
table.document-content > tbody > tr > td.title {
  font-size: 17px;
}
table.document-content > tbody > tr > td {
  height: 38px;
  font-size: 15px;
  font-weight: 400;
  width: 33%;
  border-color: #F7F8FA !important;
}
table.document-content > tbody > tr > td:not(.title):not(:last-child):not(.error):first-child {
  font-size: 15px;
  text-align: right;
}
table.document-content > tbody > tr > td:nth-child(1):not(:last-child) {
  padding-right: 19px;
  font-size: 15px;
}
table.document-content:not(.without-error) > tbody > tr:not(.without-error) > td:nth-child(2) > *:first-child:not(ui-errors) {
  margin-top: 13px;
}
table.document-content:not(.without-error) > tbody > tr:not(.without-error) > td:first-child:not(:last-child),
table.document-content:not(.without-error) > tbody > tr:not(.without-error) > td:nth-child(3) {
  padding-top: 17px;
}
table.document-content .title {
  font-size: 15px;
  padding-bottom: 6px;
}
table.document-content .hint-text {
  font-size: 13px;
  color: #BDBDBD;
  margin-left: 5%;
}
table.document-content td.more-info > span:first-child:active,
table.document-content td.more-info > span:first-child:hover {
  color: #A21148;
}
table.document-content td.more-info > span.icon-up,
table.document-content td.more-info > span.show-info {
  color: #A21148;
}
table.document-content td.more-info > span.icon-dwn,
table.document-content td.more-info > span.icon-up {
  font-size: 14px;
  padding-left: 4px;
}
table.document-content tr.more-info > td {
  height: 0;
  padding: 0;
}
table.document-content tr.more-info > td > div {
  border-radius: 10px;
  background-color: #f7f7f7;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 25px;
  font-size: 13px;
}
table.document-content div.close-info {
  width: 100%;
  padding-top: 10px;
  height: 25px;
  text-align: right;
}
table.document-content div.close-info > span {
  cursor: pointer;
}
table.document-content div.close-info > span:before {
  content: "\274c";
}
table.document-content div.close-info > span:active,
table.document-content div.close-info > span:hover {
  color: #323232;
}
div.sign-content {
  width: 395px;
  color: #323232;
  font-weight: 400;
  margin: auto;
}
div.sign-content > div > span {
  display: inline-block;
  font-weight: 400;
}
div.sign-content > div > span:nth-child(1) {
  width: 49.4%;
  font-weight: 700;
  font-size: 15px;
  text-align: left !important;
  padding-left: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.sign-content > div > span:nth-child(2) {
  padding-right: 19px;
  font-size: 15px;
}
table.sign-content {
  padding-left: 80px;
  width: 555px;
  margin: auto;
}
table.sign-content > tbody > tr > td {
  font-weight: 400;
  font-size: 15px;
  text-align: left !important;
}
table.sign-content > tbody > tr > td:first-child {
  width: 37%;
}
table.sign-content > tbody > tr > td:last-child {
  word-break: break-word;
  width: 63%;
}
table.sign-content > tbody > tr > td:first-child,
table.sign-content > tbody > tr > td.title {
  font-weight: 700;
  text-align: center;
}
table.sign-content > tbody > tr > td {
  padding-bottom: 5px;
  padding-top: 5px;
  height: 22px;
}
.sms_otp > .msg {
  font-size: 16px;
  color: #9a9a9a;
  display: block;
  margin-bottom: 6px;
}
.sms_otp > .support_label {
  display: block;
  margin-top: 15px;
  color: #202123;
  font-size: 12px;
  font-weight: bold;
}
.sms_otp > .support_phone_info {
  font-size: 12px;
  color: #696969;
  display: block;
}
.sign_button {
  margin: auto;
  margin-top: 1.4em;
  margin-bottom: 4em;
  text-align: center;
}
.sign_button ui-button {
  margin-left: 10px;
}
.sign_button ui-input {
  height: 2.5em;
  font-size: 1em;
  text-align: center;
  vertical-align: bottom;
  width: 150px;
}
.sign_button .otp_phone {
  color: #A21148;
}
.sign_button .support_phone {
  color: #A21148;
}
span.link {
  color: #1464CC;
  font-weight: normal;
  cursor: pointer;
  display: flex;
  align-items: center;
}
span.link:hover {
  color: #4C89D9;
}
span.link.disabled {
  color: #BDBDBD;
}
.hint {
  font-size: 10px;
  padding: 2px;
}
.hint-text {
  margin-top: 15px;
  color: #BDBDBD;
  font-size: 12px;
}
.important-info {
  color: #EE2C35;
}
.error {
  border: #EE2C35 1px solid !important;
}
@media (max-width: 570px) {
  table.sign-content {
    padding-left: 20px;
    width: 395px;
  }
  table.sign-content > tbody > tr > td {
    width: 50%;
  }
}
table.multiField {
  margin-top: 5px;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  max-width: 1015px;
  width: 1015px;
}
table.multiField > thead {
  color: #757D89;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
table.multiField > thead > tr {
  width: 100%;
}
table.multiField > thead,
table.multiField tbody > tr > td {
  border-bottom: 0.5px solid #E7E7E8;
}
table.multiField tbody tr#edit:hover {
  background-color: #eef6ff;
}
table.multiField > thead > tr > td,
table.multiField > tbody > tr > td {
  cursor: default;
  margin: 0;
  padding: 14px 6px;
  text-align: left;
  height: 20px;
}
table.multiField > tbody > tr > td:first-child {
  padding-left: 10px;
}
table.multiField > tbody > tr.actions > td {
  text-align: right;
  padding-right: 10px;
}
table.multiField > tbody > tr.actions > td > * {
  cursor: pointer;
}
table.multiField > tbody > tr.actions:not(.expanded) {
  display: none;
}
table.multiField > tbody > tr:not(actions) + tr.actions.expanded,
table.multiField > tbody > tr.expanded {
  background-color: #EEF4F6;
}
table.multiField > tbody > tr.visible-actions > td {
  padding: 24px 0 0;
  text-align: right;
  border-bottom: none;
}
table.multiField.align-last-cell-to-right > thead > tr > td:last-child,
table.multiField.align-last-cell-to-right > tbody > tr > td:last-child {
  text-align: right;
}
@media (max-width: 1450px) {
  .right-expanded .details-column > div {
    width: 100% !important;
  }
  .right-expanded .details-row,
  .right-expanded .details-column-title {
    margin-left: 3%;
  }
}
@media (max-width: 1100px) {
  .details-column > div {
    width: 100% !important;
  }
  .details-row,
  .details-column-title {
    margin-left: 3%;
  }
}
.empty {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
}
.text-center {
  text-align: center;
}
@media (max-width: 1230px) {
  app-main:not(.right-expanded) .item-block2 {
    display: block;
  }
  app-main:not(.right-expanded) .item-block2 > div {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1600px) {
  .right-expanded .item-block2 {
    display: block;
  }
  .right-expanded .item-block2 > div {
    margin-left: auto;
    margin-right: auto;
  }
}
.ui-input {
  cursor: default;
  display: inline-block;
  font-size: 14px;
  position: relative;
  width: 395px;
  height: 40px;
  box-sizing: border-box;
  color: #323232;
  border: 1px solid #BDBDBD;
  background: #ffffff;
  padding: 8px 15px;
  line-height: 21px;
  border-radius: 4px;
}
.ui-input.pointer {
  cursor: pointer;
}
.ui-input [class^="icon-"].show,
.ui-input [class*=" icon-"].show {
  cursor: pointer;
  position: absolute;
  font-size: 1.3em !important;
  right: 10px;
  top: 25%;
  color: #A21148;
}
.ui-input.find .icon-input:after,
.ui-input.find .icon-img:after {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 35px;
  top: 0;
  right: 0;
  bottom: 0;
}
.ui-input.find .icon-input:after,
.ui-input.find .icon-img:after {
  content: '\e935';
  color: #A21148;
  font-size: 20px;
}
table.tax-info {
  border-collapse: collapse;
}
table.tax-info > tbody > tr > td.title {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}
table.tax-info > tbody > tr > td {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  border: 1px solid #BDBDBD;
}
table.tax-info > tbody > tr > td:first-child {
  text-align: center;
  width: 33%;
}
.list-help-items > p {
  margin-left: 35px;
  text-indent: -35px;
}
ui-modal-window {
  background-color: #F7F8FA !important;
  box-shadow: 4px 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}
ui-modal-window .tit {
  font-size: 24px !important;
  font-family: GothamPro, sans-serif;
}
ui-modal-window .search ui-button.color {
  max-height: 40px;
  min-width: auto;
  width: 100px;
}
ui-modal-window .dictionary-table {
  font-size: 12px !important;
}
ui-modal-window .dictionary-table td {
  word-break: normal !important;
}
ui-modal-window .dictionary-table tbody > tr:first-child > td {
  font-weight: normal;
  font-size: 12px;
  color: #757D89;
  text-transform: uppercase;
}
ui-modal-window .dictionary-table > tbody > tr:nth-child(2n) {
  background-color: #F7F8FA !important;
}
ui-modal-window .dictionary-table > tbody > tr:not(:first-child):hover {
  background-color: #EEF4F6 !important;
}
pagination {
  font-size: 14px;
  color: #323232;
}
pagination .active {
  color: #323232 !important;
}
settings .show-settings {
  color: #1464CC;
}
settings .show-settings [class^="icon-"] {
  color: #1464CC !important;
}
settings .show-settings:hover {
  color: #4C89D9;
}
settings .show-settings:hover [class^="icon-"] {
  color: #4C89D9 !important;
}
dictionary-dialog.country ui-modal-window {
  width: 350px;
}
sbp-bank-list-dialog.default ui-modal-window {
  width: 400px;
  min-width: 400px;
}
.delimiter {
  max-width: 1015px;
  margin-left: 0;
  margin-top: 8px;
}
@media (max-width: 768px) {
  .row {
    font-size: 14px;
    padding: 10px 0;
    background: transparent;
    border-color: #BDBDBD;
  }
  .row-details {
    padding: 0;
  }
  .document-substrate {
    background: transparent;
    box-shadow: none;
    padding: 0;
  }
  .document-substrate .item-block,
  .document-substrate .item-block2 {
    margin: 0 !important;
  }
  .document-substrate .item-block .small-field,
  .document-substrate .item-block2 .small-field {
    max-width: 100% !important;
  }
  .document-substrate .item-block > div:not(:last-child),
  .document-substrate .item-block2 > div:not(:last-child) {
    margin: 0 !important;
  }
  .document-substrate .item-block > div > div:nth-child(2),
  .document-substrate .item-block2 > div > div:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap;
  }
  .document-substrate .item-block > div > div:first-child:not(:last-child),
  .document-substrate .item-block2 > div > div:first-child:not(:last-child) {
    width: 100%;
    color: #292C35;
    font-size: 12px;
    height: 20px;
    max-width: 100%;
    min-width: 100%;
    margin-right: 0;
  }
  .document-substrate .item-block > div > div.group > div,
  .document-substrate .item-block2 > div > div.group > div,
  .document-substrate .item-block > div > div.group > div > *,
  .document-substrate .item-block2 > div > div.group > div > * {
    min-width: inherit;
    max-width: inherit;
    width: 100% !important;
    margin-right: 0;
  }
  .document-substrate .item-block .inline-info > span,
  .document-substrate .item-block2 .inline-info > span {
    font-size: 14px;
  }
  .document-substrate .item-block ui-textarea,
  .document-substrate .item-block2 ui-textarea {
    font-size: 12px;
  }
  .document-substrate .item-block ui-textarea textarea,
  .document-substrate .item-block2 ui-textarea textarea {
    resize: none;
  }
  .document-substrate .item-block ui-select,
  .document-substrate .item-block2 ui-select {
    font-size: 12px;
  }
  .document-substrate .buttons-block {
    margin: 0 0 20px;
  }
  .section-title {
    font-size: 18px;
    padding-bottom: 10px;
  }
  .section-title > ui-input {
    width: 100%;
  }
  .section-title > h1 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .main-tab-buttons {
    display: flex;
  }
  .main-tab-buttons ui-group-button gbutton {
    border-bottom: 5px solid transparent;
    font-size: 14px;
    height: 20px;
  }
  .main-tab-buttons ui-group-button gbutton.active {
    border-color: #A21148;
  }
  .header-row {
    display: none;
  }
  .details-column > div,
  .details-column > div:nth-child(n):not(:last-child),
  .details-column > div:last-child:not(:first-child) {
    padding: 0 10px 10px;
  }
  .details-column-title {
    margin-top: 0;
  }
  .document-substrate hr.main,
  .document-substrate > hr,
  .item-block > hr {
    margin-top: 0;
  }
  .sign-doc-block {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .sign-doc-block > div {
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .details-info {
    padding-bottom: 0 !important;
    margin-bottom: 20px;
    font-size: 12px;
  }
  .details-info > div > * {
    min-height: 20px;
  }
  .details-info > div > span:first-child {
    max-width: 100px;
  }
  .details-info > div > ui-amount,
  .details-info > div > span:nth-child(2) {
    width: 70%;
  }
  .button-group {
    justify-content: flex-start;
    margin: 0;
  }
  .button-group ui-button {
    margin: 0 10px 10px 0;
    height: 34px;
  }
  .button-group ui-button button {
    padding: 0;
    font-size: 14px;
  }
  .light-tab-buttons ui-group-button {
    padding-bottom: 10px;
    border-bottom: 0;
  }
  .light-tab-buttons ui-group-button gbutton {
    padding: 4px 10px;
    font-size: 14px;
    height: 34px;
    margin-left: 0 !important;
    margin-top: 0 !important;
    box-sizing: border-box;
  }
  .block-title,
  .block-title2 {
    font-size: 18px;
    margin: 10px 0 10px;
  }
  .doc-accepted-block {
    max-width: 550px;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .doc-accepted-block > .stamp-block {
    width: 100%;
    margin-top: 10px;
  }
  .doc-accepted-block > .stamp-block + div {
    margin-bottom: 10px;
  }
}
ui-modal-window::-webkit-scrollbar-track {
  border-radius: 5px;
}
ui-modal-window::-webkit-scrollbar {
  width: 6px;
  background: #d1d1d1;
}
ui-modal-window::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #696969;
}
ui-modal-window:hover::-webkit-scrollbar-thumb {
  background: #272727;
}
.modal {
  background-color: #F7F8FA;
  border-radius: 24px;
}
.modal ui-input,
.modal-dialog ui-input,
.modal ui-select,
.modal-dialog ui-select,
.modal ui-select-product,
.modal-dialog ui-select-product,
.modal ui-datepicker,
.modal-dialog ui-datepicker,
.modal ui-textarea,
.modal-dialog ui-textarea,
.modal ui-checkbox,
.modal-dialog ui-checkbox,
.modal ui-radio,
.modal-dialog ui-radio {
  background: inherit !important;
}
.modal ui-input .popup,
.modal-dialog ui-input .popup,
.modal ui-select .popup,
.modal-dialog ui-select .popup,
.modal ui-select-product .popup,
.modal-dialog ui-select-product .popup,
.modal ui-datepicker .popup,
.modal-dialog ui-datepicker .popup,
.modal ui-textarea .popup,
.modal-dialog ui-textarea .popup,
.modal ui-checkbox .popup,
.modal-dialog ui-checkbox .popup,
.modal ui-radio .popup,
.modal-dialog ui-radio .popup {
  background: #ffffff !important;
}
.text-left .modal-body {
  text-align: left;
}
front-bank ~ *:not(script):not(div):not(span):not(ui-snack):not(tooltip):not(style),
router-outlet[name='md'] + *,
ui-modal-window-container {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 11;
}
.modal-close {
  top: 5px;
  right: 15px;
  margin: 8px;
}
.close-x line {
  stroke: #BDBDBD;
}
.close-x:active line,
.close-x:hover line {
  stroke: #323232;
}
.modal-title {
  font-size: 24px;
  font-weight: bold;
  max-width: 1000px;
  text-align: left;
}
.modal .ui-buttons,
.modal .buttons-block {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 20px 0;
}
.modal .ui-buttons > ui-button:not(:first-child):not(:first-child),
.modal .buttons-block > ui-button:not(:first-child):not(:first-child) {
  margin-left: 4px;
}
.modal .ui-buttons ui-button,
.modal .buttons-block ui-button {
  box-shadow: none;
  width: 160px;
  height: 50px;
  padding: 0 8px;
}
.modal .ui-buttons ui-button:not(:last-child),
.modal .buttons-block ui-button:not(:last-child) {
  margin-right: 15px;
}
.modal .ui-buttons ui-button,
.modal .buttons-block ui-button,
.modal .ui-buttons ui-button.color,
.modal .buttons-block ui-button.color {
  color: #ffffff;
  background-color: #1464CC;
}
.modal .ui-buttons ui-button:hover,
.modal .buttons-block ui-button:hover,
.modal .ui-buttons ui-button.color:hover,
.modal .buttons-block ui-button.color:hover {
  background-color: #4C89D9;
}
.modal .ui-buttons ui-button.light,
.modal .buttons-block ui-button.light,
.modal .ui-buttons ui-button.light-step,
.modal .buttons-block ui-button.light-step {
  background-color: inherit;
  color: #1464CC;
  border: 1px solid #1464CC;
}
.modal .ui-buttons ui-button.light:hover,
.modal .buttons-block ui-button.light:hover,
.modal .ui-buttons ui-button.light-step:hover,
.modal .buttons-block ui-button.light-step:hover {
  background-color: #E1E9F3;
}
@media (max-width: 768px) {
  front-bank ~ *:not(script):not(div):not(span):not(ui-snack):not(tooltip):not(style),
  router-outlet[name='md'] + *,
  ui-modal-window-container {
    z-index: 1000;
  }
  ui-modal-window {
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .modal {
    border-radius: 0;
    padding-top: 10px !important;
    height: 100%;
    box-sizing: border-box;
  }
  .modal .modal-close {
    top: 9px;
    z-index: 1001;
  }
  .modal div.modal-title {
    font-size: 18px;
  }
  .modal div.buttons-block ui-button {
    height: 36px;
    width: auto;
    min-width: 100px;
  }
  .modal div.modal-header {
    margin-left: 15px;
  }
  .modal div.modal-body {
    margin: 0;
    box-sizing: border-box;
    padding: 0 25px 0 15px;
  }
  .modal ui-errors,
  .modal ui-textarea {
    width: 100%;
  }
  .modal ui-errors textarea,
  .modal ui-textarea textarea {
    resize: none;
  }
}
@font-face {
  font-family: 'Roboto';
  src: url(/assets/fonts/roboto/Roboto-Regular.ttf), url(/assets/fonts/roboto/Roboto-Regular.woff);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/assets/fonts/roboto/Roboto-Italic.ttf);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url(/assets/fonts/roboto/Roboto-Bold.ttf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/assets/fonts/roboto/Roboto-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url(/assets/fonts/roboto/Roboto-Medium.ttf);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/assets/fonts/roboto/Roboto-MediumItalic.ttf);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url(/assets/fonts/roboto/Roboto-Light.ttf);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/assets/fonts/roboto/Roboto-LightItalic.ttf);
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'GothamPro';
  src: url(/assets/fonts/GothamPro/GothamPro-Medium.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamPro';
  src: url(/assets/fonts/GothamPro/GothamPro-Italic.ttf);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'GothamPro';
  src: url(/assets/fonts/GothamPro/GothamPro-Bold.ttf);
  font-weight: bold;
  font-style: normal;
}
html {
  height: 100%;
}
html.main {
  overflow-y: scroll;
}
body {
  margin: 0;
  height: 100%;
  min-height: 100%;
  font-family: Roboto, sans-serif;
  color: #323232;
}
*:focus {
  outline: 0;
}
*::-moz-focus-inner {
  border: 0;
}
h1,
.head-font {
  font-family: GothamPro, sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
}
.section-title > h1 {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
}
.section-title > h4 {
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
}
.icon-byr:before {
  content: "BYR";
}
.show-settings {
  cursor: pointer;
}
div.link.dashed {
  display: flex;
  align-items: center;
  color: #1464CC;
  cursor: pointer;
  margin-left: auto;
  border-bottom: 2px dashed #1464CC;
  height: -moz-min-content;
  height: min-content;
  margin-top: 10px;
  font-size: 14px;
}
div.link.dashed.disabled {
  color: #4C89D9;
  border-bottom: 2px dashed #4C89D9;
  cursor: not-allowed !important;
  opacity: 0.5;
  pointer-events: none;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
petition-preview + .buttons-block,
petition-preview + .ui-buttons {
  display: flex;
  justify-content: center;
}
ngx-tooltip-content.ngx-charts-tooltip-content.type-tooltip {
  color: black;
  background-color: white;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
ngx-tooltip-content.ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-top {
  border-top-color: white;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
.item-custom-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.item-custom-dropdown:hover {
  background: #F7F8FA;
  transition: all 0.2s ease-out;
}
ui-custom-dropdown.error {
  border: none !important;
}
:root {
  --globalColorWhite: #ffffff;
  --colorBase: #A21148;
  --colorGrey: #757D89;
  --colorGreyDark: #666C75;
  --hintColor: #BDBDBD;
  --borderColor: #BDBDBD;
  --borderColorLight: #E7E7E8;
  --backgroundColorAlternative: #EEF4F6;
  --colorActiveTab: #E1E9F3;
  --colorBlue: #1464CC;
  --deepBlue: #1464CC33;
  --borderColorBlue: #1464CC;
  --colorBlueLight: #E1E9F3;
  --colorBlack: #323232;
  --pureBlack: #00000000;
  --globalRedColor: #EE2C35;
  --colorGreen: #27AE60;
  --greenLight: #219653;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./projects/isfront-ubrr/src/assets/iconmoon/style.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon.a7778b3c7a8283f3.eot?odct9w');
  src:  url('icomoon.a7778b3c7a8283f3.eot?odct9w#iefix') format('embedded-opentype'),
    url('icomoon.a2228387af151fa9.ttf?odct9w') format('truetype'),
    url('icomoon.22ddbc49d34fdcf5.woff?odct9w') format('woff'),
    url('icomoon.2b8a3f0c5604a6bc.svg?odct9w#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lr_svetofor:before {
  content: "\e9ac";
  color: #757d89;
}

.icon-lr_payment:before {
  content: "\e9ad";
  color: #757d89;
}

.icon-lr_download:before {
  content: "\e9ae";
  color: #757d89;
}

.icon-add-contact:before {
  content: "\e9af";
  color: #757d89;
}

.icon-eye-off:before {
  content: "\e9aa";
  color: #828282;
}

.icon-eye-on:before {
  content: "\e9ab";
  color: #828282;
}

.icon-to-archive:before {
  content: "\e9a7";
}

.icon-from-archive:before {
  content: "\e9a9";
}

.icon-present-box:before {
  content: "\e9a6";
}

.icon-percent:before {
  content: "\e9a5";
}

.icon-i_1c:before {
  content: "\e9a4";
}

.icon-i_csv:before {
  content: "\e9a8";
}

.icon-analytics:before {
  content: "\e9a3";
  color: #bdbdbd;
}

.icon-registry2:before {
  content: "\e9a0";
}

.icon-registry1:before {
  content: "\e9a1";
}

.icon-document-history:before {
  content: "\e99f";
}

.icon-sendemail:before {
  content: "\e99e";
}

.icon-rustore:before {
  content: "\e99d";
}

.icon-amd:before {
  content: "\e999";
}

.icon-byn:before {
  content: "\e99a";
}

.icon-tjs:before {
  content: "\e99b";
}

.icon-kgs:before {
  content: "\e99c";
}

.icon-user:before {
  content: "\e98b";
}

.icon-chat2:before {
  content: "\e98c";
}

.icon-ellipsis:before {
  content: "\e993";
}

.icon-history:before {
  content: "\e996";
}

.icon-main:before {
  content: "\e997";
}

.icon-payments:before {
  content: "\e998";
}

.icon-eye1:before {
  content: "\e907";
}

.icon-eye:before {
  content: "\e957";
}

.icon-view:before {
  content: "\e983";
}

.icon--14xs:before {
  content: "\e97f";
}

.icon-qr:before {
  content: "\e97b";
}

.icon-qr_statement:before {
  content: "\e97c";
}

.icon-copy_link:before {
  content: "\e97d";
}

.icon-bookkeeping:before {
  content: "\e971";
}

.icon-counterparty:before {
  content: "\e96c";
}

.icon-statement:before {
  content: "\e945";
}

.icon-currency_petitions:before {
  content: "\e972";
}

.icon-deposit:before {
  content: "\e973";
}

.icon-loan:before {
  content: "\e976";
}

.icon-payroll:before {
  content: "\e978";
}

.icon-safeguard:before {
  content: "\e97a";
}

.icon-acquiring:before {
  content: "\e93d";
}

.icon-gis-gmp:before {
  content: "\e96f";
}

.icon-services:before {
  content: "\e96e";
}

.icon-payment:before {
  content: "\e944";
}

.icon-delete2:before {
  content: "\e96d";
}

.icon-edit:before {
  content: "\e919";
}

.icon-info2:before {
  content: "\e96a";
}

.icon-i_xls:before {
  content: "\e966";
}

.icon-i_pdf:before {
  content: "\e968";
}

.icon-equ_main_6:before {
  content: "\e95d";
}

.icon-equ_main_5:before {
  content: "\e95e";
}

.icon-equ_main_4:before {
  content: "\e960";
}

.icon-equ_main_1:before {
  content: "\e962";
}

.icon-equ_main_2:before {
  content: "\e963";
}

.icon-equ_main_3:before {
  content: "\e964";
}

.icon-delete_circle:before {
  content: "\e93a";
}

.icon-gbp:before {
  content: "\e91a";
}

.icon-more:before {
  content: "\e920";
}

.icon-copy:before {
  content: "\e921";
}

.icon-xls:before {
  content: "\e930";
}

.icon-tiff:before {
  content: "\e94a";
}

.icon-pdf:before {
  content: "\e956";
}

.icon-jpeg:before {
  content: "\e958";
}

.icon-doc:before {
  content: "\e959";
}

.icon-any:before {
  content: "\e95a";
}

.icon-change_data:before {
  content: "\e951";
}

.icon-return:before {
  content: "\e952";
}

.icon-statement_plate:before {
  content: "\e953";
}

.icon-terminal_internet:before {
  content: "\e954";
}

.icon-terminal_trade:before {
  content: "\e955";
}

.icon-app_store:before {
  content: "\e94b";
}

.icon-google_play:before {
  content: "\e94c";
}

.icon-ubrr:before {
  content: "\e949";
}

.icon-logout:before {
  content: "\e941";
}

.icon-message:before {
  content: "\e942";
}

.icon-notification:before {
  content: "\e943";
}

.icon-valuta:before {
  content: "\e93c";
}

.icon-translae:before {
  content: "\e92a";
}

.icon-book_loop:before {
  content: "\e93b";
}

.icon-unlock:before {
  content: "\e995";
}

.icon-hange_phone:before {
  content: "\e994";
}

.icon-message_look:before {
  content: "\e98f";
}

.icon-message_sent:before {
  content: "\e990";
}

.icon-reference1:before {
  content: "\e991";
}

.icon-reference2:before {
  content: "\e992";
}

.icon-man:before {
  content: "\e98a";
}

.icon-vedomost:before {
  content: "\e988";
}

.icon-look:before {
  content: "\e984";
}

.icon-add:before {
  content: "\e982";
}

.icon-cny:before {
  content: "\e980";
}

.icon-uah:before {
  content: "\e97e";
}

.icon-rub:before {
  content: "\e979";
}

.icon-pay_invoice:before {
  content: "\e977";
}

.icon-pay_import:before {
  content: "\e974";
}

.icon-kzt:before {
  content: "\e96b";
}

.icon-rur:before {
  content: "\e969";
}

.icon-usd:before {
  content: "\e967";
}

.icon-eur:before {
  content: "\e965";
}

.icon-lk_photo:before {
  content: "\e961";
}

.icon-lk_settings:before {
  content: "\e95f";
}

.icon-attach:before {
  content: "\e95b";
}

.icon-lk_lk:before {
  content: "\e95c";
}

.icon-pay_new:before {
  content: "\e94e";
}

.icon-pay_exchange:before {
  content: "\e950";
}

.icon-check_act:before {
  content: "\e946";
}

.icon-check:before {
  content: "\e970";
}

.icon-delete1:before {
  content: "\e940";
}

.icon-calc:before {
  content: "\e93f";
}

.icon-edit1:before {
  content: "\e93e";
}

.icon-error:before {
  content: "\e91e";
}

.icon-export:before {
  content: "\e938";
}

.icon-import:before {
  content: "\e939";
}

.icon-accept:before {
  content: "\e936";
}

.icon-fail:before {
  content: "\e937";
}

.icon-arrow:before {
  content: "\e931";
}

.icon-calendar:before {
  content: "\e932";
}

.icon-directory:before {
  content: "\e933";
}

.icon-home:before {
  content: "\e934";
}

.icon-search:before {
  content: "\e935";
}

.icon-pay_budzhet:before {
  content: "\e922";
}

.icon-pay_charity:before {
  content: "\e923";
}

.icon-pay_curr:before {
  content: "\e924";
}

.icon-pay_educat:before {
  content: "\e925";
}

.icon-pay_etc:before {
  content: "\e926";
}

.icon-pay_games:before {
  content: "\e927";
}

.icon-pay_internet:before {
  content: "\e928";
}

.icon-pay_komm:before {
  content: "\e929";
}

.icon-pay_mob:before {
  content: "\e98d";
}

.icon-pay_phone:before {
  content: "\e92b";
}

.icon-pay_secur:before {
  content: "\e92c";
}

.icon-pay_self:before {
  content: "\e92d";
}

.icon-pay_tv:before {
  content: "\e92e";
}

.icon-pay_vnesh:before {
  content: "\e92f";
}

.icon-acc_new:before {
  content: "\e914";
}

.icon-card_new:before {
  content: "\e915";
}

.icon-specify:before {
  content: "\e916";
}

.icon-cancel:before {
  content: "\e917";
}

.icon-delete:before {
  content: "\e918";
}

.icon-period:before {
  content: "\e91b";
}

.icon-print:before {
  content: "\e91c";
}

.icon-repeat:before {
  content: "\e91d";
}

.icon-sign:before {
  content: "\e91f";
}

.icon-dir:before {
  content: "\e911";
}

.icon-lock:before {
  content: "\e912";
}

.icon-vipiska-rub:before {
  content: "\e913";
}

.icon-exit:before {
  content: "\e910";
}

.icon-accs:before {
  content: "\e900";
}

.icon-cards:before {
  content: "\e901";
}

.icon-chevron-dwn:before {
  content: "\e902";
}

.icon-chevron-left:before {
  content: "\e903";
}

.icon-chevron-right:before {
  content: "\e904";
}

.icon-chevron-up:before {
  content: "\e905";
}

.icon-info:before {
  content: "\e906";
}

.icon-im_1:before {
  content: "\e908";
}

.icon-im_2:before {
  content: "\e909";
}

.icon-im_3:before {
  content: "\e90a";
}

.icon-im_4:before {
  content: "\e90b";
}

.icon-im_5:before {
  content: "\e90c";
}

.icon-im_6:before {
  content: "\e90d";
}

.icon-chat:before {
  content: "\e90e";
}

.icon-call:before {
  content: "\e90f";
}

.icon-letter:before {
  content: "\e947";
}

.icon-spravka:before {
  content: "\e98e";
}

.icon-signed1:before {
  content: "\e948";
}

.icon-signed2:before {
  content: "\e94d";
}

.icon-dwn:before {
  content: "\e985";
}

.icon-up:before {
  content: "\e981";
}

.icon-i_platezh:before {
  content: "\e975";
}

.icon-i_template:before {
  content: "\e986";
}

.icon-replenish:before {
  content: "\e94f";
}

.icon-withdraw:before {
  content: "\e987";
}

.icon-chf:before {
  content: "\e989";
}

.icon-star:before {
  content: "\e9a2";
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[2]!./node_modules/@angular-devkit/build-angular/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[7].rules[1].use[0]!./projects/isfront-ubrr/src/lib_css/images-background.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Цвета */
[class^="bkg-"],
[class*=" bkg-"],
[class^="bkgd-"],
[class*=" bkgd-"] {
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.bkgd-password-key {
  background: url(/assets/login/password-input-icon.png);
}
.bkgd-login-avatar {
  background: url(/assets/login/login-input-icon.png);
}
.bkgd-card.visa,
.bkgd-card.visa_classic {
  background: url(/assets/visa.png);
  width: 37px;
  height: 20px;
}
.bkgd-card.visa-blocked {
  background: url(/assets/visa-blocked.png);
  width: 37px;
  height: 20px;
}
.bkgd-card.visa.electron,
.bkgd-card.visa_electron {
  background: url(/assets/visa_electron.png);
  width: 37px;
  height: 30px;
}
.bkgd-card.visa.business,
.bkgd-card.business {
  background: url(/assets/visa_business.png);
  width: 80px;
  height: 50px;
  background-size: contain;
}
.bkgd-card.visa.virtual,
.bkgd-card.virtual {
  background: url(/assets/visa_virtuon.png);
  width: 80px;
  height: 50px;
}
.bkgd-card.visa.gold,
.bkgd-card.visa_gold {
  background: url(/assets/visa_gold.png);
  width: 37px;
  height: 30px;
}
.bkgd-card.mc {
  background: url(/assets/mc.png);
  width: 25px;
  height: 20px;
}
.bkgd-card.mc-blocked {
  background: url(/assets/mc-blocked.png);
  width: 25px;
  height: 20px;
}
.bkgd-card.maestro {
  background: url(/assets/maestro.png);
  width: 25px;
  height: 20px;
}
.bkgd-card.maestro-blocked {
  background: url(/assets/maestro-blocked.png);
  width: 25px;
  height: 20px;
}
.bkgd-card.mir {
  background: url(/assets/mir.png);
  width: 39px;
  height: 20px;
}
.bkgd-card.mir-blocked {
  background: url(/assets/mir-blocked.png);
  width: 39px;
  height: 20px;
}
.bkgd-payment-item {
  background: url(/assets/payment.png);
  background-size: contain;
  border-radius: 50%;
}
.bkg-attach-clip {
  background: url(/assets/clip.png);
  width: 12px;
  height: 18px;
}
.bkg-app-store {
  background: url(/assets/app_store.png);
  background-size: contain;
  width: 106px;
  height: 27px;
}
.bkg-play-market {
  background: url(/assets/play_market.png);
  background-size: contain;
  width: 106px;
  height: 27px;
}