/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* lighter */
@font-face {
  font-family: 'Roboto-Light';
  src: url('Roboto-Light.15f0803764987a5b.ttf');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('Roboto-LightItalic.ee4134f111418b19.ttf');
  font-weight: lighter;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('Roboto-Regular.a8e6f6203d22df08.ttf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('Roboto-Italic.fa8403c9ec113d47.ttf');
  font-weight: bold;
  font-style: italic;
}
/* normal */
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-Regular.a8e6f6203d22df08.ttf'), url('Roboto-Regular.c5cdf529072eed58.woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-Italic.fa8403c9ec113d47.ttf');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-Bold.3b887fc8dca30f62.ttf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-BoldItalic.e66277704218ab82.ttf');
  font-weight: bold;
  font-style: italic;
}
html {
  height: 100%;
}
html.main {
  overflow-y: scroll;
}
body {
  margin: 0;
  height: 100%;
  font-size: 14px;
  color: #595959;
  font-family: "Roboto";
}
@media screen and (max-width: 480px) {
  html,
  body {
    min-width: 480px;
  }
}
.icon-byr:before {
  font-family: Roboto;
  content: "BYR";
}
*.uppercase {
  text-transform: uppercase;
}
.section-title {
  color: #595959;
  font-size: 30px;
  font-weight: 300;
  padding-bottom: 16px;
  width: 100%;
  border-bottom: 2px solid #024f97;
  margin-bottom: 15px;
}
.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: #024f97;
  margin-right: 15px;
}
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4 {
  margin: auto 0 0;
  font-size: inherit;
  font-weight: inherit;
}
.ftr {
  display: inline-block;
  width: 100%;
}
.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
.auth-loader {
  width: 40px;
  height: 40px;
  border: 8px solid #024f97;
  border-right-color: transparent;
  border-radius: 50%;
  margin: auto;
  animation: spin 2s linear infinite;
  -webkit-mask-image: -webkit-linear-gradient(top, #15634b, rgba(0, 0, 0, 0));
}
.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;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
dinamic-petition {
  display: block;
}
.control {
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
  color: #595959;
  font-size: 14px;
  position: relative;
  width: 395px;
  height: 38px;
  border-radius: 3px;
  box-sizing: content-box;
  overflow: hidden;
  text-align: left;
  display: flex;
  align-items: center;
  padding-right: 5px;
  padding-left: 10px;
  box-sizing: border-box;
}
.control.light {
  background: none;
  width: auto;
  border: none;
  padding-left: 0;
}
.new-item {
  width: 190px;
  height: 150px;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #f8f8f8;
  border-style: dashed;
  border-width: 2px;
  border-color: #cacfd3;
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 10px;
  outline: none;
  font-size: 16px;
  color: #a0a6b0;
  flex-direction: column;
  text-transform: uppercase !important;
}
.new-item span {
  font-weight: bold;
  font-family: Roboto !important;
}
.new-item:before {
  font-family: icomoon;
  font-size: 60px;
  margin-bottom: 10px;
}
.new-item:hover {
  color: #024f97;
  border-color: #024f97;
}
.section-title ui-group-button {
  margin: 8px 0;
}
.section-title ui-group-button gbutton {
  min-width: 186px;
  white-space: nowrap;
  height: 36px;
  font-size: 16px;
  border-radius: 5px;
  background-color: transparent;
  border: 2px solid #024f97;
  color: #024f97;
}
.section-title ui-group-button gbutton:not(:first-child) {
  margin: 0 8px;
}
.section-title ui-group-button gbutton.active {
  background-color: #024f97;
  color: #ffffff;
}
.section-title ui-group-button [class^="icon-"],
.section-title ui-group-button [class*=" icon-"] {
  margin-right: 5px;
  font-size: 1.5em;
  vertical-align: text-bottom;
}
@media (max-width: 550px) {
  ui-input {
    height: 54px !important;
    font-size: 22px !important;
  }
  ui-button {
    font-size: 18px !important;
    height: 50px !important;
  }
  ui-group-button {
    height: 50px !important;
    font-size: 16px !important;
  }
  p {
    font-size: 1.4em !important;
  }
  ui-label {
    font-size: 1.6em !important;
  }
  ui-radio {
    height: 30px !important;
    width: 30px !important;
  }
}
.index-colorable-type:nth-of-type(15n + 1) .finance-item-color,
.index-colorable:nth-child(15n + 1) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 1) {
  background-color: #024F97 !important;
}
.index-colorable-type:nth-of-type(15n + 2) .finance-item-color,
.index-colorable:nth-child(15n + 2) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 2) {
  background-color: #1cc1ce !important;
}
.index-colorable-type:nth-of-type(15n + 3) .finance-item-color,
.index-colorable:nth-child(15n + 3) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 3) {
  background-color: #CB187C !important;
}
.index-colorable-type:nth-of-type(15n + 4) .finance-item-color,
.index-colorable:nth-child(15n + 4) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 4) {
  background-color: #FFD802 !important;
}
.index-colorable-type:nth-of-type(15n + 5) .finance-item-color,
.index-colorable:nth-child(15n + 5) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 5) {
  background-color: #f26763 !important;
}
.index-colorable-type:nth-of-type(15n + 6) .finance-item-color,
.index-colorable:nth-child(15n + 6) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 6) {
  background-color: #8fd2c2 !important;
}
.index-colorable-type:nth-of-type(15n + 7) .finance-item-color,
.index-colorable:nth-child(15n + 7) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 7) {
  background-color: #bea1cf !important;
}
.index-colorable-type:nth-of-type(15n + 8) .finance-item-color,
.index-colorable:nth-child(15n + 8) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 8) {
  background-color: #c2d18d !important;
}
.index-colorable-type:nth-of-type(15n + 9) .finance-item-color,
.index-colorable:nth-child(15n + 9) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 9) {
  background-color: #e798b0 !important;
}
.index-colorable-type:nth-of-type(15n + 10) .finance-item-color,
.index-colorable:nth-child(15n + 10) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 10) {
  background-color: #4088c6 !important;
}
.index-colorable-type:nth-of-type(15n + 11) .finance-item-color,
.index-colorable:nth-child(15n + 11) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 11) {
  background-color: #f9e68c !important;
}
.index-colorable-type:nth-of-type(15n + 12) .finance-item-color,
.index-colorable:nth-child(15n + 12) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 12) {
  background-color: #00796b !important;
}
.index-colorable-type:nth-of-type(15n + 13) .finance-item-color,
.index-colorable:nth-child(15n + 13) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 13) {
  background-color: #a5d2f8 !important;
}
.index-colorable-type:nth-of-type(15n + 14) .finance-item-color,
.index-colorable:nth-child(15n + 14) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 14) {
  background-color: #5f6cbb !important;
}
.index-colorable-type:nth-of-type(15n + 15) .finance-item-color,
.index-colorable:nth-child(15n + 15) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 15) {
  background-color: #bfbfbf !important;
}
/* Цвета */
table.document-content {
  width: 100%;
  color: #595959;
}
table.document-content > tr > td.title,
table.document-content > tbody > tr > td.title {
  font-size: 17px;
}
table.document-content > tr > td,
table.document-content > tbody > tr > td {
  height: 38px;
  font-size: 15px;
  font-weight: 400;
  width: 33%;
  border-color: #f8f8f8 !important;
}
table.document-content > tr > td:not(.title):not(:last-child):not(.error):first-child,
table.document-content > tbody > tr > td:not(.title):not(:last-child):not(.error):first-child {
  font-size: 15px;
  text-align: right;
}
table.document-content > tr > td:nth-child(1):not(:last-child),
table.document-content > tbody > tr > td:nth-child(1):not(:last-child) {
  padding-right: 19px;
  font-size: 15px;
}
table.document-content:not(.without-error) > tr:not(.without-error) > td:nth-child(2) > *:first-child:not(ui-errors),
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) > tr:not(.without-error) > td:first-child:not(:last-child),
table.document-content:not(.without-error) > tr:not(.without-error) > td:nth-child(3),
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 > tbody > tr.info-row > td {
  padding: 0 !important;
  margin: 0 !important;
  height: 13px;
  min-height: 13px;
}
table.document-content > tbody > tr.info-row > td > * {
  margin: 0 !important;
  padding-bottom: 0;
  min-height: 0;
}
table.document-content .softControl {
  display: block;
  font-size: 11px;
  width: 395px;
  text-align: right;
  min-height: 0;
  padding: 4px;
  color: #024f97;
}
table.document-content .title {
  text-transform: uppercase;
  vertical-align: bottom;
  letter-spacing: 0.35px;
  font-size: 1.1em;
  font-weight: 900;
  color: #707579;
}
table.document-content .hint-text {
  font-size: 13px;
  color: #989da1;
  margin-left: 5%;
}
table.document-content td.more-info > span:first-child:active,
table.document-content td.more-info > span:first-child:hover {
  color: #024f97;
}
table.document-content td.more-info > span.icon-up,
table.document-content td.more-info > span.show-info {
  color: #024f97;
}
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: #202123;
}
div.sign-content {
  width: 395px;
  color: #595959;
  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 > tr > td,
table.sign-content > tbody > tr > td {
  font-weight: 400;
  font-size: 15px;
  text-align: left !important;
}
table.sign-content > tr > td:first-child,
table.sign-content > tbody > tr > td:first-child {
  width: 37%;
}
table.sign-content > tr > td:last-child,
table.sign-content > tbody > tr > td:last-child {
  word-break: break-word;
  width: 63%;
}
table.sign-content > tr > td:first-child,
table.sign-content > tr > td.title,
table.sign-content > tbody > tr > td:first-child,
table.sign-content > tbody > tr > td.title {
  font-weight: 700;
  text-align: center;
}
table.sign-content > tr > td,
table.sign-content > tbody > tr > td {
  padding-bottom: 5px;
  padding-top: 5px;
  height: 22px;
}
.document-terms-service-button {
  background: #fff;
  border: 2px solid #cacfd3;
  width: 200px;
  height: 36px;
  margin-left: 5%;
  border-radius: 5px;
  font-size: 13px;
}
.document-substrate {
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
  width: 100%;
  color: #595959;
  padding-top: 30px;
  padding-bottom: 35px;
}
.document-substrate > * {
  margin-left: auto;
  margin-right: auto;
}
.document-substrate .ui-buttons,
.document-substrate .buttons-block {
  margin-top: 30px;
}
.document-substrate hr.main,
.document-substrate > hr {
  margin-top: 30px;
  border: none;
  background-color: #e2e7e3;
  color: #e2e7e3;
  height: 1px;
}
.ui-buttons:not(.high),
.buttons-block:not(.high) {
  margin-left: auto;
  text-align: center;
}
.ui-buttons:not(.high) > ui-button:not(:first-child):not(:first-child),
.buttons-block:not(.high) > ui-button:not(:first-child):not(:first-child) {
  margin-left: 4px;
}
span.link {
  color: #024f97;
  cursor: pointer;
}
.field_prefix {
  font-size: 1.1em;
}
.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: #024f97;
}
.sign_button .support_phone {
  color: #024f97;
}
.hint {
  font-size: 10px;
  padding: 2px;
}
.error {
  border: #ff4900 1px solid !important;
}
@media (max-width: 570px) {
  table.sign-content {
    padding-left: 20px;
    width: 395px;
  }
  table.sign-content > tbody > tr > td {
    width: 50%;
  }
}
.grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 40% 45%;
  -ms-grid-columns: 40% 8% 40% 7%;
  grid-gap: 5%;
}
.grid .details-rows {
  margin: 0;
  width: auto;
  -ms-grid-column: 3;
}
.grid .details-rows:first-child {
  -ms-grid-column: 1;
}
.details-total {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding: 12px 0;
  border-top: 2px solid #e4e4e4;
  font-weight: 600;
}
.details-column {
  display: flex;
  flex-wrap: wrap;
}
.details-column > div:first-child:not(:last-child) {
  width: 40%;
  min-width: 250px;
}
.details-column > div:last-child:not(:first-child) {
  margin-left: 5%;
  width: 45%;
  min-width: 250px;
}
.details-column > div {
  display: flex;
  flex-direction: column;
  width: 70%;
}
.details-column > div > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.details-column > div > div > span,
.details-column > div ui-amount {
  width: 50%;
  max-width: 550px;
}
.details-column > div > div > span:first-child {
  font-weight: 700;
  padding-right: 10px;
}
.details-column > div > div > span:last-child {
  text-align: left;
}
.details-column > div .subtitle {
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  margin-top: 20px;
}
.details-column > div .total {
  border-top: 2px solid #e4e4e4;
  font-weight: 600;
}
.details-column > div ui-amount {
  text-align: left;
  white-space: nowrap;
}
table.multiField {
  margin-top: 5px;
  width: 90%;
  border-collapse: collapse;
  border-spacing: 0;
}
table.multiField > thead > tr > td,
table.multiField > tbody > tr > td {
  cursor: default;
  margin: 0;
  padding: 2px 5px;
  border: 1px solid #cacfd3;
  text-align: center;
  height: 20px;
}
table.multiField > tbody > tr.actions:not(.expanded) {
  display: none;
}
table.multiField > tbody > tr.actions > td {
  text-align: right;
  padding-right: 10px;
}
table.multiField > tbody > tr.actions > td > * {
  cursor: pointer;
}
table.multiField > tbody > tr:not(actions) + tr.actions.expanded,
table.multiField > tbody > tr.expanded {
  font-weight: bold;
}
table.multiField > tbody > tr:nth-child(4n + 1),
table.multiField > tbody > tr:nth-child(4n + 2) {
  background-color: #f5f7f9;
}
@media (max-width: 850px) {
  .details-column > div {
    width: 100% !important;
  }
  .details-column > div:last-child:not(:first-child) {
    margin-left: 0;
  }
}
.blockage.icon-lock {
  font-size: 15px;
  color: #ffffff;
  background: #a0a6b0;
  padding: 2px 4px;
  border-radius: 2px;
  position: relative;
  bottom: -2px;
  margin-right: 3px;
}
.registry.icon-dir {
  display: inline-block;
  background-color: #a0a6b0;
  color: #ffffff;
  border-radius: 0 3px 3px 3px;
  width: 22px;
  height: 17px;
  position: relative;
  text-align: center;
  font-size: 0.8em;
  margin-right: 3px;
  vertical-align: middle;
  line-height: 14px;
  font-weight: 600;
}
.registry.icon-dir:after {
  position: absolute;
  background-color: inherit;
  border-radius: 3px 3px 0 0;
  width: 40%;
  height: 2px;
  top: -2px;
  left: 0;
  content: '';
}
span.ui-input,
div.ui-input {
  cursor: default;
  display: inline-block;
  font-size: 14px;
  position: relative;
  width: 395px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #cacfd3;
  background: #ffffff;
  border-radius: 3px;
  padding: 8px 15px;
  line-height: 21px;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
}
span.ui-input.pointer,
div.ui-input.pointer {
  cursor: pointer;
}
span.ui-input[disabled],
div.ui-input[disabled],
span.ui-input.disabled,
div.ui-input.disabled {
  background: #EDEDED;
}
span.ui-textarea,
div.ui-textarea {
  cursor: default;
  display: inline-block;
  font-size: 14px;
  position: relative;
  width: 395px;
  min-height: 40px;
  box-sizing: border-box;
  border: 1px solid #cacfd3;
  background: #ffffff;
  border-radius: 3px;
  padding: 8px 15px;
  line-height: 21px;
  word-wrap: break-word;
}
span.ui-textarea.pointer,
div.ui-textarea.pointer {
  cursor: pointer;
}
span.ui-textarea[disabled],
div.ui-textarea[disabled],
span.ui-textarea.disabled,
div.ui-textarea.disabled {
  background: #EDEDED;
}
.warn-message {
  background-color: #e9e9e9;
  margin-top: -15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.2em;
}
.warn-message > b {
  font-size: 1.1em;
}
.details-column-title {
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}
.settings-item {
  display: flex;
  width: 100%;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  margin: 5px 0 0;
  padding: 30px 0;
  overflow: hidden;
}
.settings-item > :first-child {
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  padding-left: 40px;
}
.settings-item > :last-child {
  display: block;
}
.settings-item span.icon-chevron-dwn:after {
  padding-left: 10px;
  color: #c9cfd3;
  height: 100%;
  font-size: 14px;
  content: "\e912";
}
.settings-item span.icon-chevron-dwn.rotated:after {
  content: "\e913";
}
.settings-item.active {
  border-radius: 10px 10px 0 0;
}
.details-data {
  padding-bottom: 10px;
  background-color: #ffffff;
  box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 10px 10px;
}
.details-data > .buttons-block ui-button {
  width: 170px;
  display: block;
  margin: 40px auto 0;
}
.row {
  background-color: inherit;
  cursor: pointer;
  display: flex;
  min-height: 60px;
  height: 60px;
  align-items: center;
  justify-content: flex-end;
  color: #202123;
  padding: 5px 40px;
  flex-wrap: wrap;
  min-width: 300px;
  text-align: left;
  box-sizing: border-box;
}
.row > div {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-right: 15px;
  word-break: break-word;
  justify-content: flex-start;
}
.row > ui-checkbox {
  margin-right: 30px;
}
.row ui-amount .amount-decimal,
.row ui-amount .amount-currency {
  color: #202123;
}
.header-row {
  background-color: inherit;
  cursor: pointer;
  display: flex;
  min-height: 60px;
  align-items: center;
  padding: 5px 40px;
  flex-wrap: wrap;
  min-width: 300px;
  color: #989da1;
  border-bottom: solid 2px #dfdfdf;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.header-row > ui-checkbox {
  margin-right: 30px;
}
.header-row > div {
  text-transform: uppercase;
  justify-content: flex-start;
}
ui-modal-window {
  background-color: rgba(0, 0, 0, 0) !important;
}
.modal {
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
.modal .ui-buttons,
.modal .buttons-block {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  flex-direction: row;
}
.modal .ui-buttons > ui-button,
.modal .buttons-block > ui-button {
  min-width: 150px;
  margin: 5px;
}
front-bank + *:not(script),
router-outlet[name='md'] + *,
ui-modal-window-container {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  z-index: 11;
}
.modal-radius {
  border-radius: 10px;
}
.modal-close {
  top: 0;
  right: 5px;
  padding: 8px;
}
.close-x line {
  stroke: #8f8f8f;
}
.close-x:active line,
.close-x:hover line {
  stroke: #202123;
}
ui-button {
  color: #ffffff;
  background-color: #024f97;
  box-sizing: border-box;
  border-radius: 5px;
  text-transform: uppercase;
  min-width: 170px;
  height: 36px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  margin: 0;
  display: inline-block;
  outline: none;
  padding: 0 15px;
}
ui-button:hover {
  background-color: #023f79;
}
ui-button.focus {
  background-color: #0c4983;
}
ui-button .button[disabled] {
  color: #2a67a1;
}
ui-button .button[disabled]:hover {
  color: #023f79;
}
ui-button.link {
  color: #cacfd3;
  width: 170px;
}
ui-button.link:hover {
  border-color: #023f79;
  color: #023f79;
}
ui-button.link.focus:hover {
  border-color: #0c4983;
  color: #0c4983;
}
ui-button.light {
  color: #cacfd3;
  border: 2px solid #cacfd3;
  background-color: transparent;
}
ui-button.light:hover {
  border-color: #023f79;
  color: #023f79;
}
ui-button.light.focus:hover {
  border-color: #3471ab;
  color: #3471ab;
}
ui-button.disabled {
  background-color: transparent;
  border: 2px solid #cacfd3;
}
ui-button.disabled button[disabled] {
  color: #cacfd3;
}
ui-errors {
  color: #ff4900;
}
ui-dropdown {
  background: #FFFFFF;
  font-size: 13.333px;
  min-height: 36px;
  color: #292c35;
  border-radius: 2px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.28);
}
ui-dropdown.expanded,
ui-dropdown:hover {
  color: #024f97;
  background-color: #f2f2f2;
}
ui-dropdown span.icon-chevron-dwn {
  height: 12px;
  width: 12px;
  color: #fff;
  font-size: 1.5em !important;
  border-radius: 100%;
  background: #023f79;
}
ui-dropdown span.icon-chevron-dwn:before {
  height: 15px;
  content: "\e921";
  top: -7px;
  position: relative;
  overflow: hidden;
}
ui-dropdown > button {
  min-height: inherit !important;
}
ui-dropdown .popup {
  background: white !important;
}
ui-input {
  background: #ffffff;
  border: 1px solid #cacfd3;
  font-size: 14px;
  position: relative;
  display: inline-block;
  width: 395px;
  height: 38px;
  border-radius: 3px;
  box-sizing: content-box;
  color: #595959;
}
ui-input.focus,
ui-input:hover {
  border: 1px solid #cacfd3;
}
ui-input .icon-input:after {
  color: #cacfd3;
}
ui-input ::-moz-placeholder {
  color: #989da1;
}
ui-input ::placeholder {
  color: #989da1;
}
ui-input.disabled {
  background: #EDEDED;
}
ui-input.find .icon-input:after {
  content: '\e900';
  color: #024f97;
}
ui-input.currency .icon-input {
  font-size: 1.2em;
}
ui-select-product {
  background: #ffffff;
  border: 1px solid #cacfd3;
  border-radius: 3px;
}
ui-select-product .popup {
  border-color: #cacfd3 !important;
}
ui-select-product .icon-corner {
  display: inline-block;
  height: 100%;
  color: #bcbcc3;
  float: right;
  font-size: 27px;
  padding-right: 4px;
}
ui-select-product .icon-corner:before {
  content: "\e921";
  height: 100%;
  vertical-align: super;
}
ui-select-product .active .icon-corner:before {
  content: "\e91f";
}
ui-select-product .account-label {
  line-height: 100%;
}
ui-select-product .account-number {
  color: #989da1;
}
ui-select-product .account-text-name .pan {
  color: #989da1;
}
ui-select-product :host:hover,
ui-select-product :host.active,
ui-select-product :host.focus {
  border-color: #cacfd3;
}
ui-select-product.disabled {
  background: #EDEDED;
}
ui-show-more {
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
ui-show-more > div {
  display: block;
  width: 100%;
}
ui-show-more.hide > .toggle-padding .icon-label:after {
  margin-left: 2px;
  content: "\e913";
  height: 100%;
  font-size: 14px;
}
ui-show-more.show > .toggle-padding .icon-label:after {
  content: "\e912";
  height: 100%;
  font-size: 14px;
}
ui-show-more.none > .toggle-padding {
  display: none;
}
ui-show-more > .toggle-padding {
  text-align: center;
  text-transform: uppercase;
  margin-top: 25px;
  font-size: 13px;
  font-weight: 700;
  color: #a0a7b0;
}
ui-show-more .toggle-padding > *:hover {
  color: #024f97;
}
ui-show-more.items > div.content {
  margin: 0 -5px;
}
ui-show-more.items > div.content > * {
  margin-left: 4px;
  display: inline-block;
}
ui-slider .ui-slider-handle {
  background-color: #ffffff;
}
ui-slider .ui-slider-range {
  background: #f8f8f8;
}
ui-slider .ui-slider-range > .fill {
  background-color: #024f97;
}
ui-checkbox {
  border: 1px solid #cacfd3;
  background: #f8f8f8;
  color: #cacfd3;
}
ui-checkbox:not(.checked):not(.disabled):hover,
ui-checkbox:not(.checked) > .checkbox:focus {
  background-color: #e9e9e9;
}
ui-checkbox:not(.checked):not(.disabled):hover .icon-check,
ui-checkbox:not(.checked) > .checkbox:focus .icon-check {
  color: #cbcbcb;
}
ui-checkbox .icon-check {
  display: none;
  color: #cacfd3;
  position: relative;
  top: -10px;
}
ui-checkbox .icon-check:before {
  width: 100%;
  font-size: 28px;
  content: "\e922";
  color: inherit !important;
}
ui-checkbox.checked {
  border-color: #024f97;
}
ui-checkbox.checked .icon-check {
  color: #024f97;
}
ui-select {
  border-radius: 3px;
  background: #ffffff;
  border: 1px solid #cacfd3;
}
ui-select > .popup {
  border-color: #cacfd3 !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
ui-select .item:hover {
  background: #fff;
}
ui-select .item {
  width: auto !important;
}
ui-select .icon-corner {
  display: inline-block;
  font-size: 27px;
  height: 100%;
  color: #bcbcc3;
}
ui-select .icon-corner:before {
  content: "\e921";
  vertical-align: super;
  height: 100%;
}
ui-select.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
ui-select.active > .popup {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
ui-select.active .icon-corner:before {
  content: "\e91f";
}
ui-select:hover,
ui-select.active,
ui-select.focus {
  border-color: #cacfd3;
}
ui-select.disabled {
  background: #EDEDED;
}
ui-group-button gbutton {
  background: #f8f8f8;
  color: #595959;
}
ui-group-button gbutton.active {
  background: #024f97;
  color: #ffffff;
}
ui-group-button gbutton.active:hover {
  background-color: #023f79;
  color: #ffffff;
}
ui-group-button gbutton:not(.active):not(.disabled):hover {
  background-color: #023f79;
  color: #ffffff;
}
ui-group-button.light {
  text-transform: uppercase;
}
ui-group-button.light > gbutton.active {
  color: #024f97;
}
ui-group-button.light > gbutton:hover {
  background-color: inherit;
  color: #024f97;
}
ui-datepicker:hover {
  border: 1px solid #cacfd3;
}
ui-datepicker span.icon {
  color: #cacfd3 !important;
  font-size: 20pt;
}
ui-datepicker calendar-unix {
  box-shadow: 0 4px 4px #cacfd3 !important;
}
ui-datepicker calendar-unix .header {
  background-color: #f8f8f8 !important;
}
ui-datepicker calendar-unix .header a:hover {
  color: #024f97 !important;
}
ui-datepicker calendar-unix > table.calendar thead > th {
  color: #a0a6b0 !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: #024f97 !important;
}
ui-datepicker calendar-window.popup {
  color: #202123 !important;
}
ui-datepicker calendar-window.popup .header {
  color: #202123 !important;
}
ui-datepicker calendar-window.popup table.calendar > tbody > tr > td.off {
  color: #8f8f8f !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: #024f97 !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: #024f97 !important;
}
ui-datepicker {
  background: #ffffff;
  border: 1px solid #cacfd3;
  border-radius: 3px;
}
ui-datepicker calendar-unix.popup span.icon {
  height: inherit;
}
ui-datepicker calendar-unix.popup span.icon > span {
  vertical-align: middle;
}
ui-datepicker calendar-unix.popup .icon-prev:before,
ui-datepicker calendar-unix.popup .icon-next:before {
  color: #595959;
}
ui-datepicker calendar-unix.popup .icon-prev:before {
  content: "\e91e";
}
ui-datepicker calendar-unix.popup .icon-next:before {
  content: "\e920";
}
ui-datepicker.disabled {
  background: #EDEDED;
}
ui-switch .switch {
  border: 1px solid #cacfd3;
  background: #f8f8f8;
}
ui-switch .switch:not(.checked):not(.disabled):hover,
ui-switch .switch:not(.checked):not(.disabled):focus {
  background: #dfdfdf;
}
ui-switch .checked {
  background: #024f97;
  border-color: #024f97;
  color: #fff;
}
ui-switch .checked small {
  color: #fff;
}
ui-switch .checked:hover {
  background: #023f79;
  border-color: #023f79;
}
ui-textarea {
  background: #ffffff;
  border: 1px solid #cacfd3;
  color: #595959;
  border-radius: 3px;
}
ui-textarea.disabled {
  background: #EDEDED;
}
ui-button.grey.light {
  border-color: #a0a6b0;
  color: #a0a6b0;
}
ui-radio {
  background: #f8f8f8;
}
ui-radio .radio {
  border: 1px solid #cacfd3;
}
ui-radio .radio:not(.checked):not(.disabled):hover {
  background: #dfdfdf;
}
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: #dfdfdf;
}
ui-radio .radio.checked {
  background: #fff;
  color: #fff;
}
ui-radio .radio.checked {
  border-color: #024f97;
}
ui-radio .radio.checked small {
  background-color: #024f97;
}
ui-radio .radio.checked:not(.disabled):hover small {
  background-color: #023f79;
}
ui-scrollbar > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
ui-scrollbar > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
}
ui-group-button.pretty-tabs {
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #ffffff;
}
ui-group-button.pretty-tabs > gbutton {
  background-color: #ffffff;
  color: #8f8f8f;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: -5px 5px 9px 0px rgba(170, 170, 170, 0.2);
}
ui-group-button.pretty-tabs > gbutton.active {
  box-shadow: 0px 5px 15px 0px #AAA;
  background-color: #e9edf0;
  color: #024f97;
}
ui-group-button.pretty-tabs > gbutton.active + gbutton {
  box-shadow: none;
}
ui-group-button.pretty-tabs > gbutton:not(.active):not(.disabled):hover {
  background-color: #e9edf0;
  color: #024f97;
}
.document-substrate.disabled ui-button:not(.exclude-disable),
.document-substrate-fields.disabled ui-button:not(.exclude-disable) {
  background-color: transparent;
  border: 2px solid #cacfd3;
  pointer-events: none;
}
.document-substrate.disabled ui-button:not(.exclude-disable) button,
.document-substrate-fields.disabled ui-button:not(.exclude-disable) button {
  color: #cacfd3;
}
.document-substrate.disabled ui-checkbox:not(.exclude-disable),
.document-substrate-fields.disabled ui-checkbox:not(.exclude-disable),
.document-substrate.disabled ui-input:not(.exclude-disable),
.document-substrate-fields.disabled ui-input:not(.exclude-disable),
.document-substrate.disabled ui-select:not(.exclude-disable),
.document-substrate-fields.disabled ui-select:not(.exclude-disable),
.document-substrate.disabled ui-textarea:not(.exclude-disable),
.document-substrate-fields.disabled ui-textarea:not(.exclude-disable),
.document-substrate.disabled ui-select-product:not(.exclude-disable),
.document-substrate-fields.disabled ui-select-product:not(.exclude-disable) {
  background: #EDEDED;
  pointer-events: none;
}
tooltip {
  max-width: 200px;
  min-height: 10px;
  background-color: #ffffff;
  border-radius: 5px;
  text-align: center;
  padding: 8px 10px;
  box-shadow: 0 1px 3px #cbcbd0;
  z-index: 1000;
  font-size: 14px;
}
breadcrumbs crumb.link,
breadcrumbs crumb[link] {
  color: #024f97;
}
breadcrumbs crumb:not(:last-child):after {
  content: ' / ';
  white-space: pre;
  float: right;
}
progress-steps .active > span {
  background-color: #024f97;
  color: #FFFFFF;
}
progress-steps .done > span {
  background-color: #024f97;
  color: #FFFFFF;
}
progress-steps .point.next > span {
  cursor: default;
  background-color: #f7f7f7;
  color: #A0A6B0;
}
progress-steps .line.next span {
  background-color: #c9cfd3;
}
preloader.light > div {
  border-color: #024f97;
}
preloader.light {
  width: 18px;
  height: 18px;
}
preloader.light > div {
  width: inherit;
  height: inherit;
  border: 3px solid #024f97;
}
save-payment-template .additional-params {
  padding-left: 80px;
  width: 475px;
}
accounts-and-cards .section-title > h1 span.icon-period {
  color: #024f97;
}
accounts-and-cards .section-title > h1 span.icon-period:hover {
  color: #024f97;
}
acquiring-buttons hr {
  border-bottom: 1px solid #E7E7E8;
}
acquiring-refund-type-dialog .grey {
  color: #8f8f8f;
}
attach-files .drop-zone > div {
  color: #989da1;
}
autocomplete-list .popup {
  background-color: #ffffff;
  border-color: #cacfd3;
  max-height: 370px;
}
autocomplete-list .popup ui-scrollbar {
  max-height: 370px !important;
}
autocomplete-list .popup ui-scrollbar ::ng-deep .ps-content {
  max-height: 370px !important;
}
iscc .bar > span {
  background: #024f97;
}
sms_otp .resend .active {
  color: #024f97;
}
sms_otp .resend .active:hover {
  color: #023f79;
}
sms_otp .resend .active {
  color: #024f97;
}
sms_otp_spammer .help-hint {
  color: #202123;
}
sms_otp_spammer .step-two .content-block-sign {
  color: #989da1;
}
confirm-phones .resend .active {
  color: #024f97;
}
confirm-phones .resend .active:hover {
  color: #023f79;
}
confirm-phones .resend .active {
  color: #024f97;
}
customer-select .customer img {
  background-color: #ffffff;
}
customer-select .user-notifications {
  background-color: #a90329;
}
dictionary-dialog :host ::ng-deep .dictionary-table > tbody > tr:nth-child(2n+1):not(:first-child) {
  background-color: #f8f8f8;
}
dictionary-dialog :host ::ng-deep .dictionary-table > tbody > tr:nth-child(2n) {
  background-color: #ffffff;
}
dictionary-dialog :host ::ng-deep .dictionary-table > tbody > tr:not(:first-child):hover {
  color: #202123;
}
dictionary-dialog :host ::ng-deep .dictionary-table > tbody > tr:last-child,
dictionary-dialog :host ::ng-deep .dictionary-table tr:first-child {
  border-bottom-color: #cacfd3;
}
expansion-data:host {
  border-top-color: #e6e6e6;
}
button-field:host {
  color: #202123;
}
button-field:host:hover {
  color: #024f97;
}
button-field:host:hover:before {
  color: #024f97;
}
button-field div {
  border-color: #cacfd3;
}
button-field span {
  color: #202123;
}
fias-dialog .fields > div:not(.house-info) > div:first-child,
fias-dialog .fields > .house-info > div > div:first-child {
  color: #989da1;
}
help-info table.tax-info > tbody > tr > td {
  border-color: #cacfd3;
}
left-menu ::ng-deep .left-menu.popup ul {
  color: #202123;
}
payment-attach-doc span.delete-icon {
  color: #989da1;
}
payment-attach-doc span.delete-icon:hover {
  color: #024f97;
}
default-short-info .hint-text {
  color: #989da1;
}
default-short-info .status-color.error {
  color: #ff4900;
}
default-short-info .status-color.done {
  color: #3b9942;
}
default-short-info .status-color.wait {
  color: #8f8f8f;
}
default-short-info .status-color.default {
  color: #202123;
}
quick-pay .product-out,
quick-pay .product-in {
  background-color: #ffffff;
}
quick-pay .product-out::ng-deep .item:hover,
quick-pay .product-in::ng-deep .item:hover {
  background-color: #f8f8f8;
}
ui-input {
  background-color: #ffffff;
}
ui-input.show-select-in {
  border-color: #cacfd3;
}
rename:host > div:hover {
  color: #024f97;
}
requisites-modal .invalid {
  border-color: #ff4900 !important;
}
requisites-modal .error-message {
  color: #ff4900;
}
template-item .icon-information {
  background: #ff4900;
}
template-item .icon-information:after {
  color: #f8f8f8;
}
template-item .content-item {
  color: #202123;
}
template-item .edit-block {
  color: #989da1;
}
template-item .edit-block:hover {
  color: #202123;
}
autocomplete-product .popup {
  background-color: #ffffff;
  max-height: 370px;
  border-color: #cacfd3;
}
autocomplete-product .popup ui-scrollbar {
  max-height: 370px !important;
}
autocomplete-product .popup ui-scrollbar ::ng-deep .ps-content {
  max-height: 370px !important;
}
file-item .container {
  color: #989da1;
}
file-item .container:hover {
  color: #024f97;
}
file-item .container.loaded {
  color: #202123;
}
file-item .container.error-load {
  color: #ff4900;
}
widget .widget {
  background-color: #024f97;
}
widget .icon {
  background-color: #024f97;
}
.current-customer {
  color: #024f97;
}
.quick-pay {
  background-color: #024f97;
}
.quick-pay .quick-button:hover {
  background-color: #023f79;
}
button-field span {
  color: #024f97;
}
button-field:hover span {
  color: #023f79;
}
expansion-data {
  border-top-color: #e6e6e6;
}
phone-input {
  border-radius: 3px;
  background: #ffffff;
  border: 1px solid #cacfd3;
}
phone-input .phone-container button {
  background: #f6f6f6;
}
phone-input > .popup {
  border-color: #cacfd3 !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
phone-input .item:hover {
  background: #fff;
}
phone-input .item {
  width: auto !important;
}
phone-input .item .phone-prefix {
  margin-left: 6px;
  color: #757D89;
}
phone-input .icon-corner {
  display: inline-block;
  font-size: 27px;
  height: 100%;
  color: #bcbcc3;
}
phone-input .icon-corner:before {
  content: "\e921";
  vertical-align: super;
  height: 100%;
}
phone-input.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
phone-input.active > .popup {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
phone-input.active .icon-corner:before {
  content: "\e91f";
}
phone-input:hover,
phone-input.active,
phone-input.focus {
  border-color: #cacfd3;
}
phone-input .flag {
  margin-right: 10px;
}
phone-input .default-flag {
  background-color: #cacfd3;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-rdb/src/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/* Цвета */
ui-button {
  color: #ffffff;
  background-color: #024f97;
  box-sizing: border-box;
  border-radius: 5px;
  text-transform: uppercase;
  min-width: 170px;
  height: 36px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  margin: 0;
  display: inline-block;
  outline: none;
  padding: 0 15px;
}
ui-button:hover {
  background-color: #023f79;
}
ui-button.focus {
  background-color: #0c4983;
}
ui-button .button[disabled] {
  color: #2a67a1;
}
ui-button .button[disabled]:hover {
  color: #023f79;
}
ui-button.link {
  color: #cacfd3;
  width: 170px;
}
ui-button.link:hover {
  border-color: #023f79;
  color: #023f79;
}
ui-button.link.focus:hover {
  border-color: #0c4983;
  color: #0c4983;
}
ui-button.light {
  color: #cacfd3;
  border: 2px solid #cacfd3;
  background-color: transparent;
}
ui-button.light:hover {
  border-color: #023f79;
  color: #023f79;
}
ui-button.light.focus:hover {
  border-color: #3471ab;
  color: #3471ab;
}
ui-button.disabled {
  background-color: transparent;
  border: 2px solid #cacfd3;
}
ui-button.disabled button[disabled] {
  color: #cacfd3;
}
ui-errors {
  color: #ff4900;
}
ui-dropdown {
  background: #FFFFFF;
  font-size: 13.333px;
  min-height: 36px;
  color: #292c35;
  border-radius: 2px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.28);
}
ui-dropdown.expanded,
ui-dropdown:hover {
  color: #024f97;
  background-color: #f2f2f2;
}
ui-dropdown span.icon-chevron-dwn {
  height: 12px;
  width: 12px;
  color: #fff;
  font-size: 1.5em !important;
  border-radius: 100%;
  background: #023f79;
}
ui-dropdown span.icon-chevron-dwn:before {
  height: 15px;
  content: "\e921";
  top: -7px;
  position: relative;
  overflow: hidden;
}
ui-dropdown > button {
  min-height: inherit !important;
}
ui-dropdown .popup {
  background: white !important;
}
ui-input {
  background: #ffffff;
  border: 1px solid #cacfd3;
  font-size: 14px;
  position: relative;
  display: inline-block;
  width: 395px;
  height: 38px;
  border-radius: 3px;
  box-sizing: content-box;
  color: #595959;
}
ui-input.focus,
ui-input:hover {
  border: 1px solid #cacfd3;
}
ui-input .icon-input:after {
  color: #cacfd3;
}
ui-input ::-moz-placeholder {
  color: #989da1;
}
ui-input ::placeholder {
  color: #989da1;
}
ui-input.disabled {
  background: #EDEDED;
}
ui-input.find .icon-input:after {
  content: '\e900';
  color: #024f97;
}
ui-input.currency .icon-input {
  font-size: 1.2em;
}
ui-select-product {
  background: #ffffff;
  border: 1px solid #cacfd3;
  border-radius: 3px;
}
ui-select-product .popup {
  border-color: #cacfd3 !important;
}
ui-select-product .icon-corner {
  display: inline-block;
  height: 100%;
  color: #bcbcc3;
  float: right;
  font-size: 27px;
  padding-right: 4px;
}
ui-select-product .icon-corner:before {
  content: "\e921";
  height: 100%;
  vertical-align: super;
}
ui-select-product .active .icon-corner:before {
  content: "\e91f";
}
ui-select-product .account-label {
  line-height: 100%;
}
ui-select-product .account-number {
  color: #989da1;
}
ui-select-product .account-text-name .pan {
  color: #989da1;
}
ui-select-product :host:hover,
ui-select-product :host.active,
ui-select-product :host.focus {
  border-color: #cacfd3;
}
ui-select-product.disabled {
  background: #EDEDED;
}
ui-show-more {
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
ui-show-more > div {
  display: block;
  width: 100%;
}
ui-show-more.hide > .toggle-padding .icon-label:after {
  margin-left: 2px;
  content: "\e913";
  height: 100%;
  font-size: 14px;
}
ui-show-more.show > .toggle-padding .icon-label:after {
  content: "\e912";
  height: 100%;
  font-size: 14px;
}
ui-show-more.none > .toggle-padding {
  display: none;
}
ui-show-more > .toggle-padding {
  text-align: center;
  text-transform: uppercase;
  margin-top: 25px;
  font-size: 13px;
  font-weight: 700;
  color: #a0a7b0;
}
ui-show-more .toggle-padding > *:hover {
  color: #024f97;
}
ui-show-more.items > div.content {
  margin: 0 -5px;
}
ui-show-more.items > div.content > * {
  margin-left: 4px;
  display: inline-block;
}
ui-slider .ui-slider-handle {
  background-color: #ffffff;
}
ui-slider .ui-slider-range {
  background: #f8f8f8;
}
ui-slider .ui-slider-range > .fill {
  background-color: #024f97;
}
ui-checkbox {
  border: 1px solid #cacfd3;
  background: #f8f8f8;
  color: #cacfd3;
}
ui-checkbox:not(.checked):not(.disabled):hover,
ui-checkbox:not(.checked) > .checkbox:focus {
  background-color: #e9e9e9;
}
ui-checkbox:not(.checked):not(.disabled):hover .icon-check,
ui-checkbox:not(.checked) > .checkbox:focus .icon-check {
  color: #cbcbcb;
}
ui-checkbox .icon-check {
  display: none;
  color: #cacfd3;
  position: relative;
  top: -10px;
}
ui-checkbox .icon-check:before {
  width: 100%;
  font-size: 28px;
  content: "\e922";
  color: inherit !important;
}
ui-checkbox.checked {
  border-color: #024f97;
}
ui-checkbox.checked .icon-check {
  color: #024f97;
}
ui-select {
  border-radius: 3px;
  background: #ffffff;
  border: 1px solid #cacfd3;
}
ui-select > .popup {
  border-color: #cacfd3 !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
ui-select .item:hover {
  background: #fff;
}
ui-select .item {
  width: auto !important;
}
ui-select .icon-corner {
  display: inline-block;
  font-size: 27px;
  height: 100%;
  color: #bcbcc3;
}
ui-select .icon-corner:before {
  content: "\e921";
  vertical-align: super;
  height: 100%;
}
ui-select.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
ui-select.active > .popup {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
ui-select.active .icon-corner:before {
  content: "\e91f";
}
ui-select:hover,
ui-select.active,
ui-select.focus {
  border-color: #cacfd3;
}
ui-select.disabled {
  background: #EDEDED;
}
ui-group-button gbutton {
  background: #f8f8f8;
  color: #595959;
}
ui-group-button gbutton.active {
  background: #024f97;
  color: #ffffff;
}
ui-group-button gbutton.active:hover {
  background-color: #023f79;
  color: #ffffff;
}
ui-group-button gbutton:not(.active):not(.disabled):hover {
  background-color: #023f79;
  color: #ffffff;
}
ui-group-button.light {
  text-transform: uppercase;
}
ui-group-button.light > gbutton.active {
  color: #024f97;
}
ui-group-button.light > gbutton:hover {
  background-color: inherit;
  color: #024f97;
}
ui-datepicker:hover {
  border: 1px solid #cacfd3;
}
ui-datepicker span.icon {
  color: #cacfd3 !important;
  font-size: 20pt;
}
ui-datepicker calendar-unix {
  box-shadow: 0 4px 4px #cacfd3 !important;
}
ui-datepicker calendar-unix .header {
  background-color: #f8f8f8 !important;
}
ui-datepicker calendar-unix .header a:hover {
  color: #024f97 !important;
}
ui-datepicker calendar-unix > table.calendar thead > th {
  color: #a0a6b0 !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: #024f97 !important;
}
ui-datepicker calendar-window.popup {
  color: #202123 !important;
}
ui-datepicker calendar-window.popup .header {
  color: #202123 !important;
}
ui-datepicker calendar-window.popup table.calendar > tbody > tr > td.off {
  color: #8f8f8f !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: #024f97 !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: #024f97 !important;
}
ui-datepicker {
  background: #ffffff;
  border: 1px solid #cacfd3;
  border-radius: 3px;
}
ui-datepicker calendar-unix.popup span.icon {
  height: inherit;
}
ui-datepicker calendar-unix.popup span.icon > span {
  vertical-align: middle;
}
ui-datepicker calendar-unix.popup .icon-prev:before,
ui-datepicker calendar-unix.popup .icon-next:before {
  color: #595959;
}
ui-datepicker calendar-unix.popup .icon-prev:before {
  content: "\e91e";
}
ui-datepicker calendar-unix.popup .icon-next:before {
  content: "\e920";
}
ui-datepicker.disabled {
  background: #EDEDED;
}
ui-switch .switch {
  border: 1px solid #cacfd3;
  background: #f8f8f8;
}
ui-switch .switch:not(.checked):not(.disabled):hover,
ui-switch .switch:not(.checked):not(.disabled):focus {
  background: #dfdfdf;
}
ui-switch .checked {
  background: #024f97;
  border-color: #024f97;
  color: #fff;
}
ui-switch .checked small {
  color: #fff;
}
ui-switch .checked:hover {
  background: #023f79;
  border-color: #023f79;
}
ui-textarea {
  background: #ffffff;
  border: 1px solid #cacfd3;
  color: #595959;
  border-radius: 3px;
}
ui-textarea.disabled {
  background: #EDEDED;
}
ui-button.grey.light {
  border-color: #a0a6b0;
  color: #a0a6b0;
}
ui-radio {
  background: #f8f8f8;
}
ui-radio .radio {
  border: 1px solid #cacfd3;
}
ui-radio .radio:not(.checked):not(.disabled):hover {
  background: #dfdfdf;
}
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: #dfdfdf;
}
ui-radio .radio.checked {
  background: #fff;
  color: #fff;
}
ui-radio .radio.checked {
  border-color: #024f97;
}
ui-radio .radio.checked small {
  background-color: #024f97;
}
ui-radio .radio.checked:not(.disabled):hover small {
  background-color: #023f79;
}
ui-scrollbar > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
ui-scrollbar > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
}
ui-group-button.pretty-tabs {
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #ffffff;
}
ui-group-button.pretty-tabs > gbutton {
  background-color: #ffffff;
  color: #8f8f8f;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: -5px 5px 9px 0px rgba(170, 170, 170, 0.2);
}
ui-group-button.pretty-tabs > gbutton.active {
  box-shadow: 0px 5px 15px 0px #AAA;
  background-color: #e9edf0;
  color: #024f97;
}
ui-group-button.pretty-tabs > gbutton.active + gbutton {
  box-shadow: none;
}
ui-group-button.pretty-tabs > gbutton:not(.active):not(.disabled):hover {
  background-color: #e9edf0;
  color: #024f97;
}
.document-substrate.disabled ui-button:not(.exclude-disable),
.document-substrate-fields.disabled ui-button:not(.exclude-disable) {
  background-color: transparent;
  border: 2px solid #cacfd3;
  pointer-events: none;
}
.document-substrate.disabled ui-button:not(.exclude-disable) button,
.document-substrate-fields.disabled ui-button:not(.exclude-disable) button {
  color: #cacfd3;
}
.document-substrate.disabled ui-checkbox:not(.exclude-disable),
.document-substrate-fields.disabled ui-checkbox:not(.exclude-disable),
.document-substrate.disabled ui-input:not(.exclude-disable),
.document-substrate-fields.disabled ui-input:not(.exclude-disable),
.document-substrate.disabled ui-select:not(.exclude-disable),
.document-substrate-fields.disabled ui-select:not(.exclude-disable),
.document-substrate.disabled ui-textarea:not(.exclude-disable),
.document-substrate-fields.disabled ui-textarea:not(.exclude-disable),
.document-substrate.disabled ui-select-product:not(.exclude-disable),
.document-substrate-fields.disabled ui-select-product:not(.exclude-disable) {
  background: #EDEDED;
  pointer-events: none;
}
tooltip {
  max-width: 200px;
  min-height: 10px;
  background-color: #ffffff;
  border-radius: 5px;
  text-align: center;
  padding: 8px 10px;
  box-shadow: 0 1px 3px #cbcbd0;
  z-index: 1000;
  font-size: 14px;
}
breadcrumbs crumb.link,
breadcrumbs crumb[link] {
  color: #024f97;
}
breadcrumbs crumb:not(:last-child):after {
  content: ' / ';
  white-space: pre;
  float: right;
}
progress-steps .active > span {
  background-color: #024f97;
  color: #FFFFFF;
}
progress-steps .done > span {
  background-color: #024f97;
  color: #FFFFFF;
}
progress-steps .point.next > span {
  cursor: default;
  background-color: #f7f7f7;
  color: #A0A6B0;
}
progress-steps .line.next span {
  background-color: #c9cfd3;
}
preloader.light > div {
  border-color: #024f97;
}
preloader.light {
  width: 18px;
  height: 18px;
}
preloader.light > div {
  width: inherit;
  height: inherit;
  border: 3px solid #024f97;
}
save-payment-template .additional-params {
  padding-left: 80px;
  width: 475px;
}
accounts-and-cards .section-title > h1 span.icon-period {
  color: #024f97;
}
accounts-and-cards .section-title > h1 span.icon-period:hover {
  color: #024f97;
}
acquiring-buttons hr {
  border-bottom: 1px solid #E7E7E8;
}
acquiring-refund-type-dialog .grey {
  color: #8f8f8f;
}
attach-files .drop-zone > div {
  color: #989da1;
}
autocomplete-list .popup {
  background-color: #ffffff;
  border-color: #cacfd3;
  max-height: 370px;
}
autocomplete-list .popup ui-scrollbar {
  max-height: 370px !important;
}
autocomplete-list .popup ui-scrollbar ::ng-deep .ps-content {
  max-height: 370px !important;
}
iscc .bar > span {
  background: #024f97;
}
sms_otp .resend .active {
  color: #024f97;
}
sms_otp .resend .active:hover {
  color: #023f79;
}
sms_otp .resend .active {
  color: #024f97;
}
sms_otp_spammer .help-hint {
  color: #202123;
}
sms_otp_spammer .step-two .content-block-sign {
  color: #989da1;
}
confirm-phones .resend .active {
  color: #024f97;
}
confirm-phones .resend .active:hover {
  color: #023f79;
}
confirm-phones .resend .active {
  color: #024f97;
}
customer-select .customer img {
  background-color: #ffffff;
}
customer-select .user-notifications {
  background-color: #a90329;
}
dictionary-dialog :host ::ng-deep .dictionary-table > tbody > tr:nth-child(2n+1):not(:first-child) {
  background-color: #f8f8f8;
}
dictionary-dialog :host ::ng-deep .dictionary-table > tbody > tr:nth-child(2n) {
  background-color: #ffffff;
}
dictionary-dialog :host ::ng-deep .dictionary-table > tbody > tr:not(:first-child):hover {
  color: #202123;
}
dictionary-dialog :host ::ng-deep .dictionary-table > tbody > tr:last-child,
dictionary-dialog :host ::ng-deep .dictionary-table tr:first-child {
  border-bottom-color: #cacfd3;
}
expansion-data:host {
  border-top-color: #e6e6e6;
}
button-field:host {
  color: #202123;
}
button-field:host:hover {
  color: #024f97;
}
button-field:host:hover:before {
  color: #024f97;
}
button-field div {
  border-color: #cacfd3;
}
button-field span {
  color: #202123;
}
fias-dialog .fields > div:not(.house-info) > div:first-child,
fias-dialog .fields > .house-info > div > div:first-child {
  color: #989da1;
}
help-info table.tax-info > tbody > tr > td {
  border-color: #cacfd3;
}
left-menu ::ng-deep .left-menu.popup ul {
  color: #202123;
}
payment-attach-doc span.delete-icon {
  color: #989da1;
}
payment-attach-doc span.delete-icon:hover {
  color: #024f97;
}
default-short-info .hint-text {
  color: #989da1;
}
default-short-info .status-color.error {
  color: #ff4900;
}
default-short-info .status-color.done {
  color: #3b9942;
}
default-short-info .status-color.wait {
  color: #8f8f8f;
}
default-short-info .status-color.default {
  color: #202123;
}
quick-pay .product-out,
quick-pay .product-in {
  background-color: #ffffff;
}
quick-pay .product-out::ng-deep .item:hover,
quick-pay .product-in::ng-deep .item:hover {
  background-color: #f8f8f8;
}
ui-input {
  background-color: #ffffff;
}
ui-input.show-select-in {
  border-color: #cacfd3;
}
rename:host > div:hover {
  color: #024f97;
}
requisites-modal .invalid {
  border-color: #ff4900 !important;
}
requisites-modal .error-message {
  color: #ff4900;
}
template-item .icon-information {
  background: #ff4900;
}
template-item .icon-information:after {
  color: #f8f8f8;
}
template-item .content-item {
  color: #202123;
}
template-item .edit-block {
  color: #989da1;
}
template-item .edit-block:hover {
  color: #202123;
}
autocomplete-product .popup {
  background-color: #ffffff;
  max-height: 370px;
  border-color: #cacfd3;
}
autocomplete-product .popup ui-scrollbar {
  max-height: 370px !important;
}
autocomplete-product .popup ui-scrollbar ::ng-deep .ps-content {
  max-height: 370px !important;
}
file-item .container {
  color: #989da1;
}
file-item .container:hover {
  color: #024f97;
}
file-item .container.loaded {
  color: #202123;
}
file-item .container.error-load {
  color: #ff4900;
}
widget .widget {
  background-color: #024f97;
}
widget .icon {
  background-color: #024f97;
}
.current-customer {
  color: #024f97;
}
.quick-pay {
  background-color: #024f97;
}
.quick-pay .quick-button:hover {
  background-color: #023f79;
}
button-field span {
  color: #024f97;
}
button-field:hover span {
  color: #023f79;
}
expansion-data {
  border-top-color: #e6e6e6;
}
phone-input {
  border-radius: 3px;
  background: #ffffff;
  border: 1px solid #cacfd3;
}
phone-input .phone-container button {
  background: #f6f6f6;
}
phone-input > .popup {
  border-color: #cacfd3 !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
phone-input .item:hover {
  background: #fff;
}
phone-input .item {
  width: auto !important;
}
phone-input .item .phone-prefix {
  margin-left: 6px;
  color: #757D89;
}
phone-input .icon-corner {
  display: inline-block;
  font-size: 27px;
  height: 100%;
  color: #bcbcc3;
}
phone-input .icon-corner:before {
  content: "\e921";
  vertical-align: super;
  height: 100%;
}
phone-input.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
phone-input.active > .popup {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
phone-input.active .icon-corner:before {
  content: "\e91f";
}
phone-input:hover,
phone-input.active,
phone-input.focus {
  border-color: #cacfd3;
}
phone-input .flag {
  margin-right: 10px;
}
phone-input .default-flag {
  background-color: #cacfd3;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-ExtraLight.ttf);
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-ExtraLightIt.ttf);
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-Light.ttf);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-LightIt.ttf);
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-It.ttf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-Semibold.ttf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-SemiboldIt.ttf);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-BoldIt.ttf);
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-Black.ttf);
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url(/assets/fonts/sourceSansPro/SourceSansPro-BlackIt.ttf);
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/assets/fonts/gilroy/gilroy-light.otf);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/assets/fonts/gilroy/gilroy-extrabold.otf);
  font-weight: 900;
  font-style: normal;
}
body {
  font-family: "SourceSansPro";
  font-size: 16px;
}
ui-errors {
  font-size: 12px !important;
}
.nav > a {
  font-size: 16px !important;
}
.nav > a.active,
.nav > a:hover {
  color: #023f79 !important;
  border-bottom-color: #595959 !important;
}
.nav .user-fio {
  font-size: 16px !important;
}
breadcrumbs .link {
  color: #024f97 !important;
}
ui-scrollbar > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.bkgd-settings {
  background: url(/assets/header/settings-icon.png);
}
.bkgd-documents {
  background: url(/assets/header/documents-icon.png);
}
ui-select-product .item:hover {
  background-color: #E7E7E8 !important;
}
ui-select .item:hover {
  background-color: #E7E7E8 !important;
}
.ignore-rus-symbols-hint {
  color: #ff4900;
  padding: 3px;
  font-size: 10pt;
  position: absolute;
}
.customer-select-block .icon-m_news,
.customer-select-block .icon-m_chat {
  color: #024f97;
}
.quick-pay {
  background: #024f97 url("/assets/quick-payment/pay_bar.png") no-repeat right !important;
  background-size: cover !important;
  border-radius: 4px !important;
}
.quick-pay #productOut,
.quick-pay #productIn,
.quick-pay .product-in,
.quick-pay #productOut .product,
.quick-pay #productIn .product,
.quick-pay .product-in .product {
  font-size: 16px !important;
}
.quick-pay .quick-pay-text {
  font-family: "Gilroy";
  font-size: 20px !important;
  font-weight: 800 !important;
}
.quick-pay .quick-button {
  background-color: #024f97 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  border-radius: 4px !important;
  text-transform: none !important;
  transition-duration: 0.1s;
}
.quick-pay .quick-button:hover {
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  color: #024f97 !important;
}
.pull-button {
  background: url("/assets/ic_sbp.svg") no-repeat #024f97 42px 8px;
}
.section-title {
  border-color: #cacfd3;
  font-weight: 600 !important;
  font-size: 30px !important;
}
.section-title [class^="icon-"],
.section-title [class*=" icon-"] {
  display: none;
}
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4 {
  margin: auto 0 0;
  font-size: inherit;
  font-weight: inherit;
}
.finance-block .finance-item-title {
  font-size: 20px !important;
}
.finance-block .finance-item-account {
  font-size: 18px !important;
}
.finance-block .size-accent {
  font-weight: 600 !important;
}
.finance-block all-finance .size-accent {
  font-size: 34px !important;
}
.toggle-padding {
  color: #595959 !important;
  text-transform: none !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}
ui-button {
  font-family: "Gilroy";
  font-weight: 900;
  text-transform: none;
  box-sizing: border-box;
}
ui-button:not(:hover).notactivetab {
  background-color: transparent !important;
  border: 2px solid #024f97 !important;
  color: #024f97 !important;
}
ui-button:hover {
  background-color: #003764 !important;
  border: 2px solid #003764 !important;
  color: #ffffff !important;
}
ui-button:active {
  background-color: #146ABA !important;
  border: 2px solid #146ABA !important;
  color: #ffffff !important;
}
ui-button.light {
  background-color: transparent;
  border: 2px solid #024f97;
  border-radius: 5px;
  color: #024f97;
}
ui-button.light:hover {
  background-color: transparent !important;
  border: 2px solid #003764 !important;
  color: #003764 !important;
}
ui-button.light:active {
  background-color: transparent !important;
  border: 2px solid #146ABA !important;
  color: #146ABA !important;
}
ui-button.disabled {
  background-color: #dcdcdc !important;
  border: 2px solid #dcdcdc !important;
}
ui-button.disabled button[disabled] {
  color: #787878;
}
ui-button.light.disabled {
  background-color: transparent !important;
  border: 2px solid #cacfd3 !important;
}
ui-button.light.disabled button[disabled] {
  color: #cacfd3;
}
ui-button.btn-statement {
  padding-left: 15px;
  padding-right: 15px;
}
.bankLogo > .logo {
  background-size: contain;
}
widget .widget .content-title-line {
  margin-top: 16px;
}
widget > .widget {
  background: linear-gradient(to top, #023f79, #024f97);
}
.footer {
  background-color: #ffffff !important;
}
bank-footer {
  max-width: 100% !important;
  padding: 0 !important;
}
bank-footer hr {
  display: none;
}
bank-footer .info-link:hover {
  color: #146ABA !important;
}
.search-container > .find,
.history-filter > .find {
  display: flex;
}
.search-container > .find > input,
.history-filter > .find > input {
  order: 2;
  padding-left: 0;
}
.search-container > .find > span,
.history-filter > .find > span {
  order: 1;
  position: relative;
}
.search-container .link:hover,
.history-filter .link:hover {
  background: none !important;
  border: none !important;
  color: #024f97 !important;
}
operation-history div.document-substrate div.operation-title,
operation-item div.hint-text,
table.document-content .hint-text,
deposit-calculator div.document-substrate div.calculator-wrapper div.checkbox-wrapper span.hint-text {
  color: #a0a6b0;
}
account-details .details-head .button-block .button {
  text-transform: capitalize !important;
}
account-details .details-head .account-name {
  min-width: 320px !important;
  max-width: 320px !important;
}
account-details .details-head .account-name .name-head {
  margin-right: 6px;
}
payments-and-transfers ui-button:hover {
  background-color: #024f97 !important;
  border: 2px solid #024f97 !important;
  color: #fff !important;
}
.finance-item,
.document-substrate,
.modal-body {
  border-radius: 4px !important;
}
ui-amount.integer-green {
  color: #3b9942 !important;
}
ui-amount.integer-red {
  color: #b43843 !important;
}
.icon-period_pay {
  color: #a4a9bd;
}
.login-content login {
  padding-top: 10px !important;
}
.login-content login ui-input > input::-webkit-input-placeholder {
  color: #7f7f7f !important;
}
.login-content login ui-input > input::-moz-placeholder {
  color: #7f7f7f !important;
}
.login-content login ui-input > input:-moz-placeholder {
  color: #7f7f7f !important;
}
.login-content login ui-input > input:-ms-input-placeholder {
  color: #7f7f7f !important;
}
.login-content login-confirm .change-confirm-login {
  display: none !important;
}
.login-content .registration-label {
  color: #fff !important;
  font-size: 13px !important;
  text-align: center;
}
.login-content .buttons-block {
  justify-content: space-between !important;
}
.login-content .buttons-block ui-button {
  min-width: 160px;
  font-weight: 400;
  font-size: 15px;
  font-family: "Roboto";
  border-radius: 2px;
}
.login-content .buttons-block ui-button:first-child {
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  color: #024f97 !important;
}
.login-content .buttons-block ui-button:first-child:hover {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}
.login-content .buttons-block ui-button:first-child:active {
  background-color: #3572ab !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}
.login-content .buttons-block ui-button:not(:first-child):last-child {
  background-color: #1c61a2 !important;
  border: 2px solid #1c61a2 !important;
  color: #ffffff !important;
}
.login-content .buttons-block ui-button:not(:first-child):last-child:hover {
  background-color: #3572ab !important;
  border: 2px solid #3572ab !important;
  color: #ffffff !important;
}
.login-content .buttons-block ui-button:not(:first-child):last-child:active {
  background-color: #4e84b6 !important;
  border: 2px solid #4e84b6 !important;
  color: #ffffff !important;
}
.login-content .error-message,
.login-content ui-errors {
  color: #ff4900 !important;
}
.login-content .auth-loader-container {
  background: rgba(2, 79, 151, 0.25);
  background: radial-gradient(rgba(2, 79, 151, 0.45), transparent);
}
.login-content .auth-loader {
  border: 8px solid #ffffff !important;
}
.login-content ui-radio .checked {
  background-color: transparent !important;
}
.login-content ui-radio .checked:hover > small,
.login-content ui-radio .checked:focus > small {
  box-shadow: none !important;
}
.login-content .pretty-tabs {
  background: transparent !important;
  border-radius: 0 !important;
  width: 330px !important;
  margin: 0 auto !important;
  height: 36px !important;
}
.login-content .pretty-tabs gbutton {
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}
.login-content .pretty-tabs gbutton.active {
  color: #fff !important;
}
.login-content .cnt {
  background: transparent !important;
}
.login-content .cnt .buttons-block button {
  padding: 0;
}
.login-content .radio-row > ui-radio {
  background: #ffffff !important;
}
sms_otp .text-block,
sms_otp .timer-block {
  color: #fff !important;
}
sms_otp .resend-block {
  color: #ff4900 !important;
}
sms_otp .resend-block.unactive,
sms_otp .change-confirm-login:not(:hover) {
  color: #5f95cd !important;
}
.loader {
  border-top: 16px solid #024f97;
}
.index-colorable-type:nth-of-type(15n + 1) .finance-item-color,
.index-colorable:nth-child(15n + 1) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 1) {
  background-color: #024F97 !important;
}
.index-colorable-type:nth-of-type(15n + 2) .finance-item-color,
.index-colorable:nth-child(15n + 2) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 2) {
  background-color: #1cc1ce !important;
}
.index-colorable-type:nth-of-type(15n + 3) .finance-item-color,
.index-colorable:nth-child(15n + 3) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 3) {
  background-color: #CB187C !important;
}
.index-colorable-type:nth-of-type(15n + 4) .finance-item-color,
.index-colorable:nth-child(15n + 4) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 4) {
  background-color: #FFD802 !important;
}
.index-colorable-type:nth-of-type(15n + 5) .finance-item-color,
.index-colorable:nth-child(15n + 5) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 5) {
  background-color: #f26763 !important;
}
.index-colorable-type:nth-of-type(15n + 6) .finance-item-color,
.index-colorable:nth-child(15n + 6) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 6) {
  background-color: #8fd2c2 !important;
}
.index-colorable-type:nth-of-type(15n + 7) .finance-item-color,
.index-colorable:nth-child(15n + 7) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 7) {
  background-color: #bea1cf !important;
}
.index-colorable-type:nth-of-type(15n + 8) .finance-item-color,
.index-colorable:nth-child(15n + 8) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 8) {
  background-color: #c2d18d !important;
}
.index-colorable-type:nth-of-type(15n + 9) .finance-item-color,
.index-colorable:nth-child(15n + 9) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 9) {
  background-color: #e798b0 !important;
}
.index-colorable-type:nth-of-type(15n + 10) .finance-item-color,
.index-colorable:nth-child(15n + 10) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 10) {
  background-color: #4088c6 !important;
}
.index-colorable-type:nth-of-type(15n + 11) .finance-item-color,
.index-colorable:nth-child(15n + 11) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 11) {
  background-color: #f9e68c !important;
}
.index-colorable-type:nth-of-type(15n + 12) .finance-item-color,
.index-colorable:nth-child(15n + 12) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 12) {
  background-color: #00796b !important;
}
.index-colorable-type:nth-of-type(15n + 13) .finance-item-color,
.index-colorable:nth-child(15n + 13) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 13) {
  background-color: #a5d2f8 !important;
}
.index-colorable-type:nth-of-type(15n + 14) .finance-item-color,
.index-colorable:nth-child(15n + 14) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 14) {
  background-color: #5f6cbb !important;
}
.index-colorable-type:nth-of-type(15n + 15) .finance-item-color,
.index-colorable:nth-child(15n + 15) .finance-item-color,
all-finance .colored-lines > div:nth-of-type(15n + 15) {
  background-color: #bfbfbf !important;
}
template-item > .template > .name {
  text-transform: none !important;
  font-size: 14px !important;
  color: #202123 !important;
}
@media (max-width: 1240px) {
  app-main > .main {
    margin: 0 20px !important;
  }
}
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4 {
  margin: auto 0 0;
  font-size: inherit;
}
.section-title ui-group-button {
  margin: 8px 0;
}
.section-title ui-group-button gbutton {
  min-width: 186px;
  white-space: nowrap;
  height: 36px;
  font-size: 16px;
  border-radius: 5px;
  background-color: transparent;
  border: 2px solid #024f97;
  color: #024f97;
}
.section-title ui-group-button gbutton:not(:first-child) {
  margin: 0 8px;
}
.section-title ui-group-button gbutton.active {
  background-color: #024f97;
  border: 2px solid #024f97;
  color: #fff;
}
.section-title ui-group-button gbutton.active:hover {
  background-color: #003764;
  border: 2px solid #003764;
}
.section-title ui-group-button gbutton:not(.active):not(.disabled):hover {
  background-color: #003764;
  border: 2px solid #003764;
  color: #ffffff;
}
.section-title ui-group-button gbutton:active {
  background-color: #146ABA !important;
  border: 2px solid #146ABA !important;
  color: #ffffff;
}
.section-title ui-group-button [class^="icon-"],
.section-title ui-group-button [class*=" icon-"] {
  margin-right: 5px;
  font-size: 1.5em;
  vertical-align: text-bottom;
}
ui-group-button gbutton.active {
  background-color: #024f97;
  color: #ffffff;
}
ui-group-button gbutton.active:hover {
  background-color: #003764 !important;
  color: #ffffff !important;
}
ui-group-button gbutton:not(.active):not(.disabled):hover {
  background-color: #003764 !important;
  color: #ffffff !important;
}
ui-group-button gbutton.active:active,
ui-group-button gbutton:not(.active):not(.disabled):active {
  background-color: #146ABA !important;
  color: #ffffff !important;
}
ui-group-button.pretty-tabs {
  padding-top: 32px !important;
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #ffffff;
}
ui-group-button.pretty-tabs > gbutton {
  color: #ffffff;
  border: solid 2px #ffffff;
  box-sizing: border-box;
  margin: 0 !important;
}
ui-group-button.pretty-tabs > gbutton:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
ui-group-button.pretty-tabs > gbutton:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
ui-group-button.pretty-tabs > gbutton.active {
  background-color: #024f97 !important;
  border: none;
}
ui-group-button.pretty-tabs > gbutton.active + gbutton {
  box-shadow: none;
}
ui-group-button.pretty-tabs > gbutton:not(.active):not(.disabled):hover {
  color: #ffffff;
}
ui-dropdown button {
  background-color: #024f97 !important;
  border-radius: 5px;
}
ui-dropdown button .title {
  color: white;
}
ui-dropdown button.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
change-pass p.hint-input {
  color: #ffffff !important;
}
.page-pagination {
  color: #989da1;
}
.page-pagination.current {
  color: #024f97 !important;
}
.menu {
  max-height: none!important;
  max-height: initial!important;
}
.attached-fields-message {
  justify-content: center;
  display: flex;
}
.attached-fields-message .drop-zone-custom {
  flex-direction: row !important;
}
.attached-fields-message .drop-zone-custom .choice-file {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  max-width: 100%;
  margin-right: 15px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/lib_css/images-background.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Цвета */
[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-settings {
  background: url(/assets/header/settings-icon.png);
}
.bkg-correspondence-bank_message {
  background: url(/assets/body/img/correspondence/bank.png);
  width: 41px;
  height: 41px;
}
.bkg-correspondence-customer_message {
  background: #024f97 url(/assets/body/img/correspondence/sil1.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  box-shadow: 0 3px 10px 0 rgba(12, 27, 70, 0.25);
}
.bkg-correspondence-clip {
  background: url(/assets/body/img/correspondence/clip.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 18px;
}
.pan {
  display: flex;
  align-items: center;
}
.bkgd-card {
  width: 48px;
  height: 20px;
}
.bkgd-card.visa {
  background: url(/assets/visa.png);
}
.bkgd-card.citizen {
  width: 56px;
  background: url(/assets/ekarta.png);
}
.bkgd-card.mc {
  background: url(/assets/mc.png);
  width: 25px;
}
.bkgd-card.maestro {
  background: url(/assets/maestro.png);
  width: 25px;
}
.bkgd-card.mir {
  background: url(/assets/mir.png);
  width: 39px;
}
.bkgd-card.priocard {
  background: url(/assets/card_prio.png);
  width: 46px;
}
.bkgd-notifications {
  background: url(/assets/header/notifications-icon.png);
}
.bkgd-news {
  background: url(/assets/header/news-icon.png);
}
.bkgd-counterparty {
  background: url(/assets/header/counterparty-icon.png);
}
.bkgd-payment-purpose {
  background: url(/assets/header/dir-icon.png);
}
.bkgd-personal-manager {
  background: url(/assets/header/manager.png);
}
.bkgd-sbp {
  background-image: url(/assets/items_img/perevod_sbp.png);
  background-size: 40px auto;
}
.bkgd-card.eck {
  background: url(/assets/eck.png);
  width: 40px;
  height: 40px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/assets/icomoon/style.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon.78be47ec5892451c.eot?21mp2b');
  src:  url('icomoon.78be47ec5892451c.eot?21mp2b#iefix') format('embedded-opentype'),
    url('icomoon.a3ee39765f8404df.ttf?21mp2b') format('truetype'),
    url('icomoon.52cad937370c43da.woff?21mp2b') format('woff'),
    url('icomoon.415b528f52616efa.svg?21mp2b#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-mail-envelope-closed:before {
  content: "\e952";
}

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

.icon-dots-three-horizontal:before {
  content: "\e951";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-settings-1C:before {
  content: "\e92c";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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