/*Новые стандартные стили. Старыми пользоваться запрещено, из форм убрать*/
html, div, a, span, label, body, table, td, tr {
    vertical-align: top;
    box-sizing: border-box;
}

textarea {
    resize: none;
}

:focus {
    outline: none;
}

.layout-main-page-center {
    width: 1200px;
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1300px) {
    .layout-main-page-center {
        margin: 0 0 0 45px !important;
    }
}

.ib-layout-main-menu-main-menu {
    min-width: 1000px;
}

/*Выравнивание поля по левому краю*/
.left {
    float: left;
}

/*Выравнивание поля по правому краю*/
.right {
    float: right;
}

.inline-block {
    display: inline-block;
}

/*Отступ слева в 6px*/
.margin-ls {
    margin-left: 6px;
}

.cardlist-margin-ls {
    margin-left: 2px;
    font-family: OpenSansBold, Arial, sans-serif;
    color: #0E1113;
}

/*Отступ справа в 6px*/
.margin-rs {
    margin-right: 6px;
}

/*Отступ слева в 10px*/
.margin-lb {
    margin-left: 25px;
}

/*Отступ справа в 10px*/
.margin-rb {
    margin-right: 10px;
}

.margin-rm {
    margin-right: 25px;
}

/*отсут слева на ширину small-label*/
.margin-lb-small-label {
    margin-left: 96px;
}

/*отсут слева на ширину small-label*/
.margin-lb-middle-label {
    margin-left: 125px;
}

/*отсут слева на ширину small-label*/
.margin-lb-big-label {
    margin-left: 156px;
}

.margin-big {
    margin-left: 210px
}

.margin-very-big {
    margin-left: 235px
}

.margin-huge-big {
    margin-left: 250px
}

.width-tiny {
    width: 50px;
}

.width-very-tiny {
    width: 25px;
    margin-top: 10px;
}

.width-period {
    width: 70px;
}

/* Использовать такую ширину для полей: Дата, Номер, Бик, ККБ, ИНН и т.п.*/
.width-small {
    width: 130px;
}

/* Использовать такую ширину для полей типа Счет*/
.width-medium {
    width: 225px;
}

.label-cred {
    width: 275px;
}

.width-medium-extended {
    width: 300px;
}

.width-middle {
    width: 400px;
}

/* Использовать такую ширину для наименований и т.п.*/
.width-big {
    width: 490px;
}

.width-huge {
    width: 650px;
}

/*Ширина для небольших наименований форм*/
.small-label {
    width: 90px;
}

/*Ширина для наименований в fieldset соответствующая 90px*/
.small-label-fieldset {
    width: 80px;
}

/*Ширина для средних по длине наименований форм*/
.middle-label {
    width: 120px;
}

/*Ширина для наименований в fieldset соответствующая 120px*/
.middle-label-fieldset {
    width: 110px;
}

/*Ширина для длинных наименований форм*/
.big-label {
    width: 210px;
}

/*Ширина для длинных наименований форм*/
.big-label-close-account {
    width: 215px;
}

/*Ширина для наименований в fieldset соответствующая 150px*/
.big-label-fieldset {
    width: 200px;
}

/*Ширина для очень длинных наименований форм*/
.large-label {
    width: 220px;
}

/*Ширина для очень длинных наименований форм*/
.huge-large-label {
    width: 240px;
    margin-top: 15px;
}

/*Ширина для огромных наименований форм*/
.huge-label {
    width: 320px;
}

/*Ширина для очень длинных наименований форм*/
.huge-large-max-label {
    width: 840px;
    margin-left: 10px;
}

/* Ширина для наименований полей на панели настроек профиля клиента */
.huge-label-settings {
    width: 346px;
}

/*Настройки для блока ввода нескольких экземпляров одного вида документа*/
.multiple-documents-settings {
    height: 100%;
    padding-top: 8px;
}

.driver-license-nimble {
    width: 115px;
    margin-right: 80px;
}

.cert-vehicle-nimble {
    width: 123px;
    margin-right: 80px;;
}

.document-buttons {
    position: relative;
    top: 18px;
    left: 0;
    margin-left: 10px;
    cursor: pointer;
}

.margin-left-10px {
    margin-left: 10px;
}

.padding-top {
    padding-top: 10px;
}

#panel-personal-documents .field-edit-nimble > input {
    font-size: 15px;
    font-family: OpenSansRegular, sans-serif;
    height: 30px;
}

#panel-personal-documents #driverLicenseZone .field-edit-nimble.title-documents > input, #panel-personal-documents #certVehicleZone .field-edit-nimble.title-documents > input,
#panel-personal-documents #driverLicenseZone .field-edit-nimble > input, #panel-personal-documents #certVehicleZone .field-edit-nimble > input {
    margin-left: -5px;
}

#panel-personal-documents #driverLicenseZone .field-edit-nimble.field-edit-nimble-selected > input, #panel-personal-documents #certVehicleZone .field-edit-nimble.field-edit-nimble-selected > input {
    margin-left: 0;
}

#panel-personal-documents #driverLicenseZone .field-edit-nimble-uppercase > input:not(:placeholder-shown), #panel-personal-documents #certVehicleZone .field-edit-nimble-uppercase > input:not(:placeholder-shown) {
    text-transform: uppercase;
}

#panel-personal-documents .ib-label-left.driver-license-nimble.multiple-documents-settings {
    padding-top: 10px;
}

#panel-personal-documents .ib-label-left.cert-vehicle-nimble.multiple-documents-settings {
    padding-top: 0px;
}

#panel-personal-documents .multiple-documents-settings {
    height: 100%;
    padding-bottom: 0;
    min-height: 50px;
    vertical-align: middle;
    display: table;
    width: 265px;
}

#panel-personal-documents .field-edit-nimble.field-edit-nimble-selected > input {
    color: #718291;
    font-size: 15px;
}

#panel-personal-documents .field-edit-nimble.title-documents > input {
    color: #718291;
    height: 30px;
}

#driverLicenseZone #driver-license-block, #certVehicleZone #cert-vehicle-block {
    border-bottom: 1px dotted #6d7886;
    margin-bottom: 10px;
}

a.add-document-button, .save-driver-license, .save-cert-vehicle, .cancel-driver-license, .cancel-cert-vehicle {
    color: #198c43;
    text-decoration: none;
    border-bottom: 1px solid #198c43;
    font-family: OpenSansRegular, sans-serif;
    font-size: 15px;
    display: table;
    margin-bottom: 10px;
}

.cancel-cert-vehicle, .cancel-driver-license {
    margin-right: 50px;
}

a.add-document-button:hover, .save-driver-license:hover, .save-cert-vehicle:hover, .cancel-driver-license:hover, .cancel-cert-vehicle:hover {
    color: #03a65b;
    border-bottom: 1px solid #03a65b;
    text-decoration: none;
    cursor: pointer;
}

#panel-personal-documents .field-edit-nimble-selected > input {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 10px;
    border-radius: 6px;
    font-family: OpenSansRegular, sans-serif;
    font-size: 15px;
    color: #718291;
}

#panel-personal-documents .field-edit-nimble-selected > input:focus {
    -webkit-box-shadow: 0 0 4px 0 #03732b;
    box-shadow: 0 0 3px 0 #03732b;
    color: #3D3D3D;
}

#panel-personal-documents .field-edit-nimble-selected > input::placeholder {
    color: #afafaf;
    font-family: OpenSansRegular, sans-serif;
    font-size: 14px;
}

/* Ширина для выпадающих списков */
.select-width-big.custom.simple {
    max-width: 520px;
    width: 520px;
}

/*Отсутпы для таблиц*/
.ib-panel table.ib-datagrid {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 750px;
    min-width: 100%;
}

table.ib-datagrid {
    margin-bottom: 10px;
    width: 100%;
}

.ib-button-space {
    margin-top: 15px;
    min-height: 50px;
    margin-left: 100px;
}

.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.ib-button-space-small {
    margin-top: 15px;
    min-height: 40px;
    height: 40px;
    margin-left: 180px;
}

/*Выделение жирным шрифтом*/
.bold {
    font-family: OpenSansBold, Arial, sans-serif;
}

.semibold {
    font-family: OpenSansSemiBold, Arial, sans-serif;
}

.info-message {
    padding-left: 30px;
    padding-top: 10px;
    font-family: OpenSansRegular, Arial, sans-serif;
}

.info-message label {
    font-family: OpenSansItalic, Arial, sans-serif;
    margin-left: 25px;
    color: #007b29;
}

.info-message span {
    font-family: OpenSansItalic, Arial, sans-serif;
    color: #007b29;
}

/*Конец новых стилей*/

.document-panel {
    background-color: #F9F9FB;
    border: 1px solid #c6c9c9;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 98%
}

.title-form-style {
    background: url("../../images/retail/panel/panel-header-bg.gif") repeat-x;
    height: 33px;
    padding-left: 5px;
    padding-right: 5px;
}

.document-title {
    font-size: 10pt;
    padding: 5px 15px;
    font-family: OpenSansBold, Arial, sans-serif;
    color: #000
}

.document-title2 {
    font-size: 10pt;
    font-family: OpenSansBold, Arial, sans-serif;
    padding-left: 10px
}

.generic-bold-text {
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 15px;
    color: #6f7d8e;
}

.work-region-size {
    width: 100%;
}

.payment-height-panel {
    height: 155px;
    margin-bottom: 15px;
    padding-right: 5px;
    display: inline-table;
    width: 435px;
}

.payment-height-panel-operations {
    height: 174px;
    margin-bottom: 15px;
    padding-right: 5px;
    display: inline-block;
    width: 435px;
}

.extended-height {
    height: 174px;
}

.request-panel {
    height: 195px;
    float: left;
}

.left-block-text {
    width: 125px;
}

.left-block-value {
    float: left;
}

.value-block-skin {
    width: 400px;
}

.label-block-skin {
    width: 125px;
}

div.left div.ib-value-boolean, div.left div.ib-label-right {
    height: 45px;
}

#currency div.ib-value-boolean, #currency div.ib-label-right {
    height: 50px;
}

/*Стандартный отступ*/
.padding-rigth-6 {
    padding-right: 6px;
}

/*Стандартная ширина*/
.width-80 {
    width: 80px;
}

.width-120 {
    width: 120px;
}

.width-150 {
    width: 150px;
}

.width-220 {
    width: 220px;
}

.width-300 {
    width: 300px;
}

.width-400 {
    width: 400px;
}

.width-500 {
    width: 500px;
}

.width-530 {
    width: 530px;
}

.width-550 {
    width: 550px;
}

.width-570 {
    width: 570px;
}

.width-700 {
    width: 700px;
}

.width-max {
    width: 100%;
}

.width-10percent {
    width: 10%;
}

.width-20percent {
    width: 20%;
}

.width-30percent {
    width: 30%;
}

.width-40percent {
    width: 40%;
}

.width-50percent {
    width: 50%;
}

.width-60percent {
    width: 60%;
}

.width-70percent {
    width: 70%;
}

.width-80percent {
    width: 80%;
}

.width-90percent {
    width: 90%;
}

.panel-width-over {
    width: 600px;
}

/*Класс для размещения текста на панели
* Удаление от края регулируется style="padding-left"
*/
.cell-text-middle {
    margin-left: 6px;
    text-align: left;
    padding-bottom: 2px;
}

/*Текст для чекбокса*/
.check-text {
    margin-left: 6px;
    text-align: left;
    float: left;
    line-height: 25px;
}

/*Чекбокс*/
.check-value {
    float: left;
    margin-top: 6px;
    text-align: right;
}

input[type=checkbox] {
    margin: 0;
    padding: 0;
    border: 0;
}

input[type=radio] {
    margin: 0;
    padding: 0;
    border: 0;
}

.multiline-medium {
    height: 60px;
    width: 220px;
}

/*Конец*/

.clear {
    clear: both;
}

.div-wrapper {
    width: 300px;
    display: inline;
    float: left;
}

/* Область под кнопки */
.document-panel-button-area {
    height: 40px;
    padding: 1px;
}

.line-top {
    padding-top: 5px;
}

.separator {
    border-top: 1px solid #C0C0C0;
    height: 1px;
    margin: 10px;
}

/*Отступ сверху*/
.margin-top-3px {
    margin-top: 3px;
}

/*Панель Брелок eToken Pass */
.etoken-panel {
    width: 500px;
}

.text-align-left {
    text-align: left;
}

/* Конец */

/*Панель Извещения о задолженности*/
/*Размер панели и оформление*/
.panel-size-user-debt {
    background: #F9F9FB;
    width: 486px;
}

.left-block-text-user-debt {
    width: 180px;
}

.left-block-value-user-debt {
    width: 300px;
}

.user-debt-list .error-border {
    border: 1px solid red;
    margin: 5px;
    padding: 10px;
}

.user-debt-list .ib-errors LI {
    color: red;
    line-height: 24px;
    font-family: OpenSansRegular, Arial, sans-serif;
    text-align: left;
    padding-left: 10px;
}

.user-debt-list .ib-errors UL {
    margin-left: 15px;
}

.user-debt-list .t-banner {
    color: #F00;
    margin-bottom: 10px;
    font-family: OpenSansBold, Arial, sans-serif;
}

.user-debt-list .width-100 {
    width: 100px;
}

.user-debt-list .buttons {
    width: 20px;
    margin-left: 5px;
    margin-top: 3px;
}

.user-debt-list .uin-hint {
    float: left;
    margin-left: 5px;
    min-height: 25px;
    color: #00923a;
    font-family: OpenSansItalic, Arial, sans-serif;
}

/*Конец*/

/*Страница печати Панели Извещения о задолженности*/
.panel-size-user-debt-print {
    margin-top: 5mm;
    table-layout: fixed;
    width: 168mm;
    border: 2px solid black;
    border-collapse: collapse;
    margin-left: 10mm;
}

.left-block-text-user-debt-print {
    border: 1px solid black;
    width: 50%;
    text-align: left;
}

.left-block-value-user-debt-print {
    border: 1px solid black;
    width: 50%;
    text-align: left;
}

.bold-center-text-user-debt-print {
    font-weight: bold;
    text-align: center;
}

.title-user-debt-print {
    margin-top: 5mm;
    width: 168mm;
    border: 0;
    margin-left: 10mm;
}

/*Конец*/

/*Страница печати Списка Извещений о задолженности*/
.panel-size-user-debt-list-print {
    margin-top: 5mm;
    table-layout: fixed;
    border: 2px solid black;
    border-collapse: collapse;
    margin-left: 10mm;
}

.date-block-text-user-debt-list-print {
    border: 1px solid black;
    width: 20mm;
    text-align: left;
}

.sum-block-text-user-debt-list-print {
    border: 1px solid black;
    width: 20mm;
    text-align: center;
}

.text-block-text-user-debt-list-print {
    border: 1px solid black;
    width: 70mm;
    text-align: left;
}

.num-block-text-user-debt-list-print {
    border: 1px solid black;
    width: 44mm;
    text-align: center;
}

.bold-center-text-user-debt-list-print {
    font-weight: bold;
    text-align: center;
}

.bold-left-text-user-debt-list-print {
    font-weight: bold;
    text-align: left;
    margin-left: 10mm;
    margin-top: 5mm;
}

.title-user-debt-list-print {
    margin-top: 5mm;
    width: 198mm;
    border: 0;
    margin-left: 10mm;
}

/*Конец*/
/*Панель новости*/
.retail-news span.left-text-middl {
    width: 100px;
}

.retail-news span.width-700 {
    height: 30px;
}

/*Конец*/

/* Кумулятивные лимиты */

.product-limit-document-panel {
    width: 700px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #F9F9FB;
    border: 1px solid #c6c9c9;
}

.product-limit-title-block {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.product-limit-button-block {
    display: inline-block;
    margin: 5px;
    padding-left: 45px;
}

.product-limit-row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-limit-title {
    font-size: 14px;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-weight: bold;
}

.product-limit-cancel-message {
    font-style: italic;
}

.product-limit-left-subrow {
    text-align: left;
    float: left
}

.product-limit-right-subrow {
    text-align: right;
    float: right
}

.product-limit-label {
    float: left;
    margin-right: 6px;
}

.product-limit-glued-block {
    float: left;
    margin-left: 0;
    padding-left: 0;
}

.limits-container {
    clear: both;
    float: left;
    padding: 2px;
}

.limits-list-title {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.limits-label-column {
    text-align: right;
}

.limits-value-column {
    padding-left: 10px;
}

.limits-list {
    margin-top: 5px;
    margin-bottom: 10px;
}

.limits-set-button {
    padding-left: 150px;
}

.limits-title-offset {
    margin-top: 7px;
}

/*Конец*/

/*Информация о тарифах*/
.retail-tariff-plan {
    border: 1px solid #C6C9C9;
    margin: 5px 0;
    padding: 10px 10px 5px;
    width: 600px;
}

/*Конец*/

/*Опрос клиентов*/
.poll-radio-label {
    float: left;
    margin-top: 12px;
    margin-right: 3px;
    text-align: right;
}

.margin-top-poll {
    margin-top: 20px;
}

.margin-bottom-poll {
    margin-bottom: 20px;
}

.margin-label-radio {
    margin-left: 16px;
    margin-right: 3px;
}

.margin-top-8px {
    margin-top: 8px;
}

.languages-el-link-block {
    width: 130px;
}

.languages-el-link-img {
    width: 30px;
}

.languages-el-link-text {
    text-decoration: underline;
}

/*Конец опроса клиентов*/

/* Ссылка-нотификация о новых новостях */
.news-notification-link {
    color: #FC8F1B;
    text-decoration: none;
}

/* Конец ссылка-нотификация о новых новостях */

/* Дизайн для шапки главной станицы */
.header-left-block {
    display: table-cell;
}

.header-right-block {
    float: right;
}

/* Конец дизайна шапки главной станицы */

.bppoint-info-text {
    float: left;
    width: 142px;
    height: 16px;
    text-align: right;
    margin-right: 6px;
    vertical-align: middle;
}

.bppoint-info-value {
    float: left;
    width: 200px;
    height: 16px;
}

.margin-lb-very-big-label {
    margin-left: 235px;
}

.margin-lb-big-label {
    margin-left: 220px;
}

.margin-lb-big-label-220 {
    margin-left: 220px;
}

.margin-lb-req-short {
    margin-left: 190px;
}

.margin-lb-req {
    margin-left: 240px;
}

/* Регулярный платеж */
.retailRegularPayOrd-panel .margin-lb-big-label {
    margin-left: 146px;
}

/**Конец Регулярного платежа/

/* Отчет по исполненным регулярным платежам*/
.retailRegularPayReport {
    padding-top: 10px;
}

.retailRegularPayReport .title {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: OpenSansRegular, sans-serif;
}

.retailRegularPayReport .cell {
    font-size: 12px;
    font-weight: bold;
    background-color: #d9e5e4;
}

.retailRegularPayReport table {
    border: 1px solid #b4b4b4;
    background-color: #fff;
    font-size: 12px;
    font-weight: normal;
    border-collapse: collapse;
    margin-bottom: 10px;
    font-family: OpenSansRegular, sans-serif;
}

.retailRegularPayReport table tr {
    border-bottom: 1px solid #c2c5c7;
}

/* Конец Отчет по исполненным регулярным платежам*/

/* TextFieldNimble - основной вариант оформления */
/* Обертка с input и div для текста ошибки */
.field-edit-nimble {
    text-align: left;
}

/* Скрытый Input (при утановке маски в момент загрузки страницы) */
.field-edit-nimble > input[data-prepare] {
    opacity: 0;
}

/* Input */
.field-edit-nimble > input {
    box-sizing: border-box;
    position: relative;
    opacity: 1;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #222426;
    height: 35px;
    width: 215px;
    margin: 0;
    padding: 0 3px 0 5px;
    text-align: left;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-radius: 3px;
    background-position: 126px 8px;
    transition: .2s;
}

/* Input в фокусе ввода */
.field-edit-nimble > input:focus {
    border: 1px solid #03732b;
    outline: none;
    -webkit-box-shadow: 0 0 4px 0 #03732b;
    box-shadow: 0 0 3px 0 #03732b;
    transition: .2s;
}

.field-edit-nimble-selected > input {
    border: 1px solid #03732b;
    outline: none;
    -webkit-box-shadow: 0 0 4px 0 #03732b;
    box-shadow: 0 0 3px 0 #03732b;
    transition: .2s;
}

/* Input при наведении курсора */
.field-edit-nimble > span:hover:not(:focus):not(:disabled) {
    box-sizing: border-box;
    width: 16px;
    cursor: pointer;
}

/* Input вне фокуса недоступный для редактирования */
.field-edit-nimble > input[disabled="disabled"]:not(:focus) {
    background: none;
}

/* 1. Не пустой (доступный для редактирования) Input вне фокуса */
.field-edit-nimble > span:not([disabled="disabled"]):not([data-create]):not(:focus) {
    padding-right: 28px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right;
    background-color: transparent;
    background-image: url(../../images/templatebar/edit-single.png);
    vertical-align: middle;
}

/* 2. Пустой Input вне фокуса */
/* 2.1. Значок "+" в круге */
.field-edit-nimble > span[data-create="pictogram"]:not(:focus) {
    padding-right: 28px;
    background-position: 8px 0px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(../../images/templatebar/add.png);
    width: 36px;
    height: 35px;
}

/* 2.2. Надпись "Добавить" */
.field-edit-nimble > span[data-create="hyperlink"]:not(:focus):after {
    content: "Добавить";
    color: #198c43;
    text-decoration: none;
    border-bottom: 1px solid #198c43;
    font-family: OpenSansRegular, sans-serif;
    font-size: 15px;
    /* margin: 10px 0 0; */
    display: table;
}

/* Текст ошибки справа от input (отображение ошибки) */
.field-edit-nimble > div[show] {
    display: inline;
    font-family: OpenSansRegular, sans-serif;
    font-size: 15px;
    width: 640px;
    color: #a17711;
    margin-left: 5px;
}

/* Текст ошибки справа от input (скрытый режим) */
.field-edit-nimble > div {
    display: none;
}

/* Конец Основной вариант оформления TextFieldNimble */

/* TextFieldNimble - изменение имени карты/счета */
/* Обертка с input и div для текста ошибки */
.nimble-product-name {
    position: relative;
    padding-top: 1px;
    text-align: left;
    max-width: 300px;
    word-break: break-all;
}

/* Input */
.nimble-product-name > input {
    background-color: #f4f7fa;
    box-sizing: border-box;
    position: relative;
    font-family: OpenSansBold, Arial, sans-serif;
    font-size: 16px;
    color: #222426;
    height: 35px;
    width: 300px;
    margin: 0;
    padding: 0 3px 0 0;
    text-align: left;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: .2s;
}

/* Input в фокусе ввода */
.nimble-product-name > input:focus {
    background-color: #fff;
    border: 1px solid #03732b;
    outline: none;
    -webkit-box-shadow: 0 0 4px 0 #03732b;
    box-shadow: 0 0 3px 0 #03732b;
    background-position: 276px 8px;
    transition: .2s;
    padding-left: 5px;
}

/* Input при наведении курсора */
.nimble-product-name > span:hover:not(:focus):not(:disabled) {
    box-sizing: border-box;
    cursor: pointer;
}

/* Input вне фокуса недоступный для редактирования */
.nimble-product-name > input[disabled="disabled"]:not(:focus) {
    background: none;
}

/* Input вне фокуса доступный для редактирования */
.nimble-product-name span:not([disabled="disabled"]):not(:focus) {
    padding-right: 28px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right;
    background-color: transparent;
    background-image: url(../../images/templatebar/edit-single.png);
}

/* Input при пустом поле вне фокуса */
.nimble-product-name > input[data-create]:not(:focus) {
    color: #018b24;
    width: 84px;
}

/* Текст ошибки справа от input (отображение ошибки) */
.nimble-product-name > div[show] {
    position: absolute;
    display: inline;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 14px;
    color: #a17711;
    border: 1px solid #a17711;
    border-radius: 3px;
    padding: 5px 10px;
    left: -5px;
    top: -30px;
    background-color: #ffffff;
    cursor: default;
}

/* Текст ошибки справа от input (скрытый режим) */
.nimble-product-name > div {
    display: none;
}

/* Конец TextFieldNimble - изменение имени карты/счета */

/* TextFieldNimble - изменение приветствия */
/* Обертка с input и div для текста ошибки */
.nimble-welcome-text {
    position: relative;
    padding-top: 1px;
    text-align: left;
}

/* Input */
.nimble-welcome-text > input {
    box-sizing: border-box;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #222426;
    height: 30px;
    margin: 0;
    padding: 0 3px 0 5px;
    text-align: left;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: .2s;
}

/* Input в фокусе ввода */
.nimble-welcome-text > input:focus {
    border: 1px solid #03732b;
    outline: none;
    -webkit-box-shadow: 0 0 4px 0 #03732b;
    box-shadow: 0 0 3px 0 #03732b;
    width: 280px;
    background-position: right;
    transition: .2s;
}

/* Input при наведении курсора */
.nimble-welcome-text > span:hover:not(:focus):not(:disabled) {
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 3px;
}

/* Input вне фокуса недоступный для редактирования */
.nimble-welcome-text > input[disabled="disabled"]:not(:focus) {
    background: none;
}

/* Input вне фокуса доступный для редактирования */
.nimble-welcome-text span:not([disabled="disabled"]):not(:focus) {
    padding-right: 28px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right;
    background-color: transparent;
    background-image: url(../../images/templatebar/edit-single.png);
}

/* Input при пустом поле вне фокуса */
.nimble-welcome-text > input[data-create]:not(:focus) {
    color: #018b24;
    width: 84px;
}

/* Текст ошибки справа от input (отображение ошибки) */
.nimble-welcome-text > div[show] {
    position: absolute;
    display: inline;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 14px;
    color: #a17711;
    border: 1px solid #a17711;
    border-radius: 3px;
    padding: 5px 10px;
    left: -5px;
    top: -30px;
    background-color: #ffffff;
    cursor: default;
}

/* Текст ошибки справа от input (скрытый режим) */
.nimble-welcome-text > div {
    display: none;
}

/* Конец TextFieldNimble - изменение приветствия */

/* TextFieldNimble - изменение лимита */
/* Обертка с input и div для текста ошибки */
.nimble-limit {
    float: left;
    position: relative;
    padding-top: 0;
    text-align: left;
}

.nimble-limit > span:not([right-hint]) {
    text-decoration: underline;
}

/* Input */
.nimble-limit > input {
    box-sizing: border-box;
    position: relative;
    font-family: OpenSansLight, Arial, sans-serif;
    font-size: 20px;
    color: #018b24;
    height: 35px;
    width: 150px;
    margin: 0;
    padding: 0 3px 0 5px;
    text-align: left;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: .2s;
}

/* Input в фокусе ввода */
.nimble-limit > input:focus {
    border: 1px solid #03732b;
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: 0 0 4px 0 #03732b;
    box-shadow: 0 0 3px 0 #03732b;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: 114px 4px;
    transition: .2s;
}

/* Input при наведении курсора */
.nimble-limit > span:hover:not(:focus):not(:disabled) {
    box-sizing: border-box;
    cursor: pointer;
}

/* Input вне фокуса недоступный для редактирования */
.nimble-limit > input[disabled="disabled"]:not(:focus) {
    background: none;
}

.nimble-limit > span[disabled="disabled"] {
    pointer-events: none;
}

/* Input вне фокуса доступный для редактирования */
.nimble-limit span:not([disabled="disabled"]):not(:focus) {
    padding-right: 28px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right;
    background-color: transparent;
    background-image: url(../../images/templatebar/edit-single.png);
}

/* Input при пустом поле вне фокуса */
.nimble-limit > input[data-create]:not(:focus) {
    color: #018b24;
    width: 84px;
}

/* Текст ошибки справа от input (отображение ошибки) */
.nimble-limit > div[show] {
    position: absolute;
    display: inline;
    font-family: OpenSansRegular, sans-serif;
    font-size: 14px;
    color: #1a482a;
    border: 1px solid #03732b;
    border-radius: 3px;
    padding: 8px 10px;
    left: -1px;
    top: 40px;
    width: 295px;
    background-color: #ffffff;
    box-shadow: 2px 2px 8px #1a4c2c;
    cursor: default;
    z-index: 1;
}

/* Текст ошибки справа от input (скрытый режим) */
.nimble-limit > div {
    display: none;
}

/* Текст подсказки в режиме радатирования */
.nimble-limit > div[hint] {
    position: absolute;
    display: inline;
    font-family: OpenSansRegular, sans-serif;
    font-size: 12px;
    color: #414c58;
    width: 420px;
    left: -135px;
    top: 36px;
    text-align: center;
}

.nimble-right-hint {
    text-decoration: none;
    position: relative;
    z-index: 2;
    left: -40px;
    top: 7px;
}

/* Конец TextFieldNimble - изменение лимита */

/*Панель Смены паролья пользователя*/
.change-password-success {
    font-weight: bold;
    color: #ef6d05;
    font-style: italic;
    margin-left: 20px;
    margin-bottom: 5px;
    padding-top: 5px;
}

.change-password-error {
    font-weight: bold;
    color: #F00;
    font-style: italic;
}

.change-password-hint {
    box-sizing: border-box;
    float: left;
    font-family: OpenSansLight;
    font-size: 14px;
    color: #6d7886;
    height: 50px;
    width: 420px;
    padding: 10px;
}

/*Конец панели смены пароля пользователя*/

/* Кредитный и депозитный продукты и калькулятор */
.centered-message-text {
    width: 100%;
    text-align: center;
}

/* Конец панелей кредитных и депозитных продуктов и калькуляторов */

/* Заявление на закрытие текущего счета или депозита*/
.interest-amount-table {
    margin: 10px;
}

.interest-amount-table td {
    vertical-align: top;
    padding-left: 6px;
    width: 130px;
    height: 20px;
    border: 1px solid black;
}

.interest-amount-table caption {
    text-align: left;
    margin-bottom: 3px;
    margin-left: 9px;
}

.tab {
    background-color: #d6dadb;
    color: #000;
}

.width-big-extract {
    width: 500px;
}

.big-label-fieldset-extract {
    width: 320px;
}

/* Оформление рамки для левого меню в АРМ Клиента */
.contour_top, .contour_bottom {
    display: inline;
}

.ib-menu-main-top td {
    padding: 8px;
}

.ib-menu-main-item-mail {
    position: absolute;
    margin-top: 14px;
    margin-left: 64px;
    padding: 2px 6px 2px 6px;
    color: #000000;
    background: #FFCC00;
    border: 1px solid #FFCC00;
    border-bottom: 1px solid #CC6600;
    border-radius: 4px;
    font: 10pt OpenSansSemiBold;
    z-index: 6;
}

.ib-menu-main-item-notify {
    position: absolute;
    margin-top: 6px;
    margin-left: 194px;
    margin-bottom: 10px;
    padding: 2px 6px 2px 6px;
    color: #000000;
    background: #FFCC00;
    border: 1px solid #FFCC00;
    border-bottom: 1px solid #CC6600;
    border-radius: 4px;
    font: 10pt OpenSansSemiBold;
    z-index: 6;
}

.layout-main-servmenu-message .ib-menu-main-item-mail {
    margin-left: 24px;
    margin-top: -12px;
}

.layout-main-work-left {
    padding-top: 0;
}

.layout-main-left-td {
    width: 865px;
    float: left;
    margin-top: 10px;
    margin-bottom: 40px;
}

.ib-layout-main-menu-right {
    width: 310px;
    float: right;
}

.ib-layout-simple-center {
    width: 1024px;
}

.right-menu-panel {
    width: 310px;
}

.right-menu-panel .contour {

}

/*Баннеры*/
.banner-center {
    display: table;
    max-width: 100%;
    text-align: center;
    position: relative;
    height: 140px;
}

.banner-container {
    height: 400px;
    width: 865px;
    position: relative;
    display: table;
}

/*Конец Баннеры*/

/*Графики в выписке по карте*/
.graph-donut, .graph-bar {
    margin-top: 10px;
    width: 30%;
}

.graph-balance {
    margin-top: 20px;
}

/*Конец Графики в выписке по карте*/

/*Панель заявки на выпуск виртуальной карты*/
.label-virtual-card-condition {
    height: 100%;
    width: 600px;
}

.label-virtual-card-condition ul li {
    list-style-type: disc;
    margin-left: 2em;
}

/*Конец Панель заявки на выпуск виртуальной карты*/

/*Выбор регионов справочника ПС Contact*/
.region-selection-page table.ib-datagrid {
    max-width: none;
}

.region-selection-page {
    margin-top: -10px;
}

/*Конец Выбор регионов справочника ПС Contact*/

.ib-label-bottom {
    text-align: left;
    margin-bottom: 6px;
}

/*Выбор депозитного продукта*/
.ib-deposit-view-card-image-size {
    width: 120px;
    height: 120px;
}

.deposit-calculator {
    border: 1px solid black;
    padding: 10px;
    width: 800px;
}

.deposit-product-comparison-table {
    border: 1px solid black;
}

.deposit-product-comparison-table td {
    border: 1px solid black;
    padding: 10px;
}

.deposit-view-card {
    display: inline-block;
    border: 1px dashed black;
}

.target-grouping {
    border: 1px solid black
}

.target-grouping .product-area {
    border: 1px solid black;
}

.additional-information {
    font-size: 8px;

}

/*Акции и специальные предложения*/
.promotion-list-picture {
    border: none;
    min-height: 40px;
    min-width: 40px;
    max-height: 100px;
    max-width: 100px
}

.promotion-panel-picture {
    border: none;
    min-height: 40px;
    min-width: 40px;
    max-height: 500px;
    max-width: 800px
}

/*Конец Акции и специальные предложения*/

/*Клиентские продукты*/
.product-logo {
    opacity: 0.3;
    position: absolute;
    z-index: 1;
    height: 130px;
}

.product-info {
    min-height: 130px;
}

.card-expired {
    background-color: red;
}

.loan-rest {
    background-color: blue;
    height: 3px;
}

.loan-paid {
    background-color: gray;
    height: 3px;
}

.replenishment-download, .replenishment-print, .replenishment-send {
    width: 30px;
    height: 30px;
    padding: 3px;
    border: 1px solid gray;
    float: left;
    cursor: pointer;
}

.replenishment-send {
    background: url("../../images/cb/iconTab_send.gif") center no-repeat;
}

.replenishment-download {
    background: url("../../images/cb/iconTab_save.gif") center no-repeat;
}

.replenishment-print {
    background: url("../../images/cb/iconTab_report_print.gif") center no-repeat;
}

/*Конец Клиентские продукты*/

/*Всплывающее окно с информацией*/
.popover-info {
    background: url("../../images/infoIcon.png") no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
}

.popover-link {
    cursor: pointer;
    text-decoration: underline;
}

/*Конец Всплывающее окно с информацией*/

/* */
.button-standard-green {
    height: 34px;
    width: 153px;
    background: #019535;
    border: 1px solid;
    border-color: #019535 #019535 #006B1D;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    line-height: 34px;
    text-align: center;
    margin-bottom: 16px;
}

/*Конец Всплывающее окно с информацией*/

/*Диалог получения 3D пароля*/
.password-panel-wrapper {
    margin: 0 auto;
    width: 600px;
}

.password-panel {
    width: 600px;
}

.big-font {
    font-size: 18px;
}

.password-panel .label {
    text-align: left;
    width: 200px;
}

.password-panel .pic {
    float: right;
    margin-right: 50px
}

.password-panel .logo-rshb {
    width: 188px;
    height: 39px;
}

.margin-bottom-8px {
    margin-bottom: 8px;
}

.margin-left-10px {
    margin-left: 10px;
}

.margin-left-30px {
    margin-left: 30px;
}

.centered-button {
    margin: 0 auto;
    width: 120px;
}

.mail-send-message {
    height: 50px;
    line-height: 24px;
    font-family: OpenSansRegular, Arial, sans-serif;
    text-align: left;
}

.error-message {
    margin-left: 175px;
    color: red;
}

.success-message {
    margin-top: 30px;
    margin-bottom: 30px;
    color: green;
    text-align: center;
}

.success-close-button {
    margin-top: 20px;
    margin-bottom: 12px;
    text-align: center;
}

.virtual-card-panel {
    margin-left: 10px;
}

/*стили под новый лайаут*/
.layout-main-page {
    background-color: white;
    width: 100%;
    height: 100%;
}

.layout-main-page-center {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}

.layout-main-header {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    height: 126px;
    width: 1200px;
}

.layout-main-page-logo {
    width: 549px;
    display: flex;
    justify-content: space-between;
}

.layout-main-header-user {
    white-space: nowrap;
    color: #000102;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 15px;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

.layout-main-header-user .header-left-block {
    display: table-cell;
    vertical-align: middle;
}

.layout-main-header-menu {
    display: flex;
    justify-content: flex-end;
}

.layout-main-servmenu {
    display: flex;
    justify-content: space-between;
}

.layout-main-servmenu-message {
    display: flex;
    width: 58px;
}

.layout-main-header-page-info {
    width: 58px;
    height: 40px;
    display: flex;
    justify-content: space-between;
}

.ib-pageinfo-button {
    height: 40px;
    width: 40px;
    background: url("../../images/corelib/pageinfo.svg") no-repeat;
    background-size: 40px 80px;
}

.ib-pageinfo-button:active, .ib-pageinfo-button:hover {
    background: url("../../images/corelib/pageinfo.svg") 0px -40px no-repeat;
    background-size: 40px 80px;
}

.layout-main-servmenu-settings {
    display: flex;
    justify-content: space-between;
    width: 58px;
}

.ib-pageinfo-button-container {
    /*width: 58px; */
    display: flex;
    justify-content: space-between;
}

.layout-main-header-help {
    width: 58px;
    display: flex;
    justify-content: space-between;
}

.layout-main-header-exit {
    display: flex;
    justify-content: space-between;
}

.layout-main-work-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex: 1 0 auto;
}

.layout-main-work {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    width: 1200px;
    vertical-align: top;
    padding-top: 20px;
}

.layout-main-work-left {
    margin-bottom: 40px;
    vertical-align: top;
    flex: 1 1 auto;
}

.layout-main-work-right {
    max-width: 325px;
    margin-bottom: 40px;
    vertical-align: top;
    flex: 0 0 auto;
}

.layout-main-work-right > div {
    margin-left: 15px;
}

.layout-main-footer {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    height: 57px;
    width: 100%;
    border-top: 1px solid #ffcc00;
    margin-top: 30px;
    flex: 0 0 auto;
}

.copyright-bank, .copyright-phone, .copyright-mail, .copyright-address {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    font-family: OpenSansSemiBold, Arial, sans-serif;
    font-size: 14px;
    color: #1a1f29;
}

.copyright-mail {
    margin-left: 40px;
}

.copyright-mail a {
    color: #007b2c;
    text-decoration: none;
    vertical-align: baseline;
}

.copyright-address {
    text-align: right;
    width: 350px;
}

.grey-color, .grey {
    color: #6f7d8e;
}

.green {
    color: #007b2c;
}

/*news*/
.news-block {
    width: 100%;
    display: table;
    text-align: center;
}

.news-element {
    margin: 40px 5px 43px 5px;
    float: left;
    width: 240px;
    height: 220px;
    position: relative;
}

.news-element-top {
    height: 200px;
    position: relative;
}

.news-element-image {
    width: 240px;
    max-height: 170px;
    height: 170px;
    margin-bottom: 37px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.phone-image {
    width: 17px;
    height: 17px;
}

.news-element-time.important {
    background-color: #fecb08;
}

.news-element-time {
    background-color: #d5dce4;
    width: 80px;
    height: 20px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

.news-element-time label {
    line-height: 20px;
    font-weight: bold;
    color: #495257;
    font-family: OpenSansLight, Arial, sans-serif;
    font-size: 13px;
}

.news-element-title {
    line-height: 1.2;
    text-align: left;
    text-decoration: underline;
    padding-top: 15px;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 14px;
    color: #535e62;
    overflow: hidden;
    height: 65px;
}

.news-element-title:hover {
    color: #166e22;
}

/*Детальная информация по карточному счету*/

.editButton {
    height: 16px;
    width: 16px;
    background: url(../../images/templatebar/edit.png) no-repeat top center;
    background-size: 16px 32px;
}

.editButton:hover {
    background-position: 0 -16px;
    cursor: pointer;
}

.buttonWrapper {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.buttonWrapper label {
    cursor: pointer;
}

.buttonWrapper label:hover {
    color: #6d7886;
}

.cancelButton {
    height: 35px;
    width: 35px;
    background: url(../../images/button/cancel-name.png) no-repeat top center;
}

.acceptButton {
    height: 35px;
    width: 33px;
    background: url(../../images/button/accept.png) no-repeat top center;
}

.cancelButton, .acceptButton, .saveNameButton, .savePhoneButton {
    cursor: pointer;
    margin-left: 3px;
}

.editableLabel {
    text-decoration: underline;
    font-size: 15pt;
    cursor: pointer;
}

.saveNameButton, .savePhoneButton {
    height: 35px;
    width: 35px;
    background: url(../../images/button/accept.png) no-repeat top center;
}

.settingsUpperBlock {
    width: 400px;
}

/*В redefined-default почемуто margin-right: 20px, из-за этого инпуты  "наплывают" на элементы справа*/
INPUT.t-error, TEXTAREA.t-error, SELECT.t-error {
    margin-right: 0;
}

.without-border input {
    border: 0 !important;
    color: #101416 !important;
}

.interest-rate-less label {
    color: red !important;
}

.info-message {
    float: left;
    min-height: 25px;
    color: #00923a;
    font-family: OpenSansRegular, Arial, sans-serif;
}
.info-message-alert {
    float: left;
    min-height: 25px;
    color: #3D3D3D;
    font-family: OpenSansRegular, Arial, sans-serif;
    margin-left: 20px;
    clear: left;
}
.restriction .info-message {
    border: 1px solid #00923a;
}

.ib-panel .product-info-panel{
    width: 840px;
    margin-left: 15px;
}

.block-information {
    background-color: #e9f5dc;
    border: 1px solid #a4d16b;
    border-radius: 3px;
    margin: 25px;
}

.block-information label {
    display: block;
    font-family: OpenSansRegular, Arial, sans-serif;
    text-align: center;
    font-size: 15px;
    padding: 10px 15px 10px 15px;
}

.info-button-print {
    float: right;
    padding-right: 10px;
}

a.history-of-operation {
    text-decoration: none;
}

a.history-of-operation span {
    color: #007b29;
    text-decoration: underline;
    font-family: OpenSansRegular, Arial, sans-serif;
}

.base-button .print-button .ib-button-text, .base-button .print-button .ib-button-text:visited,
.base-button .pdf-print-button .ib-button-text, .base-button .pdf-print-button .ib-button-text:visited {
    background: transparent;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.print-button .ib-button-center {
    width: 40px;
    height: 40px;
    background: url("../../images/button/icon-panel-print-simple.svg") no-repeat;
    background-size: 40px 80px;
}

.print-button .ib-button-center:hover {
    background: url("../../images/button/icon-panel-print-simple.svg") 0 -40px no-repeat;
    background-size: 40px 80px;
}

.pdf-button .ib-button-center {
    width: 40px;
    height: 40px;
    background: url("../../images/button/icon-panel-pdf-simple.svg") no-repeat;
    background-size: 40px 80px;
}

.pdf-button .ib-button-center:hover {
    background: url("../../images/button/icon-panel-pdf-simple.svg") 0 -40px no-repeat;
    background-size: 40px 80px;
}

.detail-information-column {
    display: block;
    float: left;
    width: 360px;
}

#recentOperationsList {
    width: 100%;
}

#recentOperationsList span {
    display: inline-block;
    padding-bottom: 7px;
}

#recentOperationsList a {
    color: #028732;
}

#recentOperationsList a:hover {
    color: #0ab050;
}

#recentOperationsList table {
    width: 100%;
}

#recentOperationsList tr {
    background-color: white;
    border: 1px solid #e7eef4;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

#recentOperationsList .table-header {
    background-color: #e7eef4;
    color: #0e1113;
    border: 1px solid #cdd9e1;
}

#recentOperationsList .generic-bold-text {
    color: #0e1113;
    font-weight: bold;
}

#recentOperationListToggleButton {
    margin-left: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

#recentOperationListToggleButton .button-text {
    font-size: 14px;
    font-family: OpenSansBold, Arial, sans-serif;
    color: #101416;
    border-bottom: 1px dotted black;
    margin-bottom: 5px;
    cursor: pointer;
}

.segmented-currency {
    font-family: OpenSansRegular, sans-serif;
    font-size: 15px;
    color: #079841;
    width: 180px;
}

.card-panel-limit-block {
    margin-left: 10px;
    margin-top: 5px;
}

.card-panel-bold {
    font-size: 15px;
    font-family: OpenSansSemiBold, Arial, sans-serif;
    color: #0e1113;
}

.card-panel-balance-label {
    font-size: 15px;
    vertical-align: baseline;
}

.card-panel-balance-value {
    font-size: 20px;
    font-family: OpenSansSemiBold;
    vertical-align: baseline;
    display: inline-block;
    width: 138px;
    color: #0e1113;
}

.card-panel-label {
    width: 170px;
    float: left;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 15px;
    margin-bottom: 4px;
    color: #6d7886;
}

.detail-information-column .card-panel-label, .card-panel-value {
    min-height: 30px;
    margin: 0;
    line-height: 30px;
}

.block-sum .card-panel-value {
    font-family: OpenSansSemiBold, Arial, sans-serif;
}

.card-panel-value {
    width: 280px;
    float: left;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 15px;
    color: #101416;
    padding-left: 8px;
    margin-bottom: 4px;
}

.service-pack-panel-label {
    width: 270px;
    float: left;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 15px;
    margin-bottom: 4px;
    color: #505255;
}

.service-panel-label {
    width: 270px;
    line-height: 30px;
    float: left;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 15px;
    margin-bottom: 4px;
    color: #505255;
    text-align: right;
}

.detail-information-column-sp .service-pack-panel-label, .service-pack-panel-value {
    min-height: 30px;
    margin: 0;
    line-height: 30px;
}

.service-pack-panel-value {
    width: 300px;
    float: left;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 15px;
    color: #101416;
    padding-left: 8px;
    margin-bottom: 4px;
}

.update {
    width: 335px;
    float: right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-start;
}

.center {
    text-align: center;
}

.left-align {
    text-align: left;
}

.right-align {
    text-align: right;
}

.option-text-align-right {
    display: inline-block;
    width: 360px;
    text-align: right
}

.option-text-align-left {
    display: inline-block;
    width: 100px;
    padding-left: 10px;
    text-align: left;
}

.saving-option-text-align-right {
    display: inline-block;
    width: 270px;
    text-align: right
}

.saving-option-text-align-left {
    display: inline-block;
    width: 150px;
    padding-left: 10px;
    text-align: left;
}

.saving-option-text-align-left-hint {
    display: inline-block;
    width: 500px;
    margin-left: 285px;
    text-align: left;
    font-family: OpenSansItalic, Arial, sans-serif;
    color: #6d7886;
    font-size: 14px;
}

.option-hint-title {
    float: left;
    margin-top: 10px;
    color: #1e9000;
    font-family: OpenSansRegular, sans-serif;
}

.option-hint-img {
    margin-left: 10px;
    margin-top: 1px;
    margin-right: 10px;
    float: right;
    height: 25px;
    width: 25px;
}

.div-table {
    display: table;
}

.div-cell {
    display: table-cell;
    vertical-align: middle;
}

.desc-label {
    color: #6d7886;
    font-family: OpenSansLight, Arial, sans-serif;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 25px;
    float: left;
}

.code IMG {
    padding-left: 6px;
}

.ib-view-button-toolbar {
    margin-top: 10px;
    margin-bottom: 0;
}

.error-color {
    color: red;
}

.tax-doc-date-img {
    width: 24px;
    height: 24px;
    margin-left: -31px;
    margin-top: 13px;
    cursor: pointer;
}

.bottom-hint {
    color: #848484;
    font-family: OpenSansRegular, sans-serif;
    font-size: 13px;
}

.bottom-hint-italic {
    color: #848484;
    font-family: OpenSansRegular, sans-serif;
    font-size: 13px;
    font-style: italic;
}

.bottom-hint-margin {
    margin-left: 315px;
}

.bottom-hint-margin-rub {
    margin-left: 235px;
}

.bottom-hint-margin-mail {
    margin-left: 135px;
    margin-bottom: 10px;
    display: block;
}

.upload-block {
    margin-left: 135px;
    margin-bottom: 10px;
    display: block;
}

.margin-lb-stamp-large {
    margin-left: 228px;
}

.margin-lb-stamp-cred {
    margin-left: 240px;
}

.margin-lb-stamp-big {
    margin-left: 218px;
}

.retail-stamp {
    border: 2px solid #68498d;
    color: #68498d;
    display: inline-block;
    width: auto;
    min-width: 250px;
    max-width: 320px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 20px 15px 20px;
    text-align: center;
}

.retail-stamp p {
    margin-left: 0;
}

.retail-stamp > .state-name {
    font-family: OpenSansBold, sans-serif;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    position: relative;
}

.retail-stamp > .state-name > span {
    background: url(../../images/gradient.png) no-repeat;
    position: absolute;
    display: block;
    width: 100%;
    height: 24px;
    opacity: 0.9;
}

.retail-stamp > .bank-name {
    font-family: OpenSansRegular, sans-serif;
    font-size: 15px;
    line-height: 15px;
}

.margin-banner-term {
    color: #515255;
    font-family: OpenSansRegular, sans-serif;
    font-size: 15px;
    margin-left: 80px;
    height: 50px;
}

.margin-banner-term-item {
    color: #050B0B;
    font-family: OpenSansRegular, sans-serif;
    font-size: 17px;
    margin-left: 45px;
    height: 50px;
}

.margin-banner-term-right-column {
    color: #515255;
    font-family: OpenSansItalic, sans-serif;
    font-size: 15px;
    margin-left: 220px;
    height: 50px;
}

.margin-banner-term a, .block-information a, .margin-banner-term-right-column a {
    color: #207846;
}

.margin-banner-term a:hover, .block-information a:hover, .margin-banner-term-right-column a:hover {
    color: #019134;
}

.banner-term {
    color: #363534;
    font-family: OpenSansRegular, sans-serif;
    font-size: 15px;
    margin: 10px 40px 20px 80px;
}

.banner-small {
    font-size: 13px;
}

.banner-term > p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.banner-term > table > thead {
    font-family: OpenSansSemiBold, Arial, sans-serif;
    background-color: #e9edf1;
}

.banner-term > table > thead > tr > th {
    border: 1px solid #d2d2d2;
    height: 37px;
    text-align: center;
    vertical-align: middle;
    width: 360px;
}

.banner-term > table > tbody > tr > td {
    border: 1px solid #d2d2d2;
    height: 46px;
    line-height: 20px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
    width: 360px;
}

.section-title {
    font-family: OpenSansBold, sans-serif;
    font-size: 18px;
}

.section-text {
    font-family: OpenSansRegular, sans-serif;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
}

.service-pay-templ-label {
    width: 245px;
}

.service-pay-common-label {
    width: 245px;
}

.autopayList td > a > div {
    max-width: 520px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
}

.autopayList .autopayListName {
    white-space: nowrap;
    max-width: 300px;
}

.template-field .sod_select.custom.custom {
    width: 520px;
}

.bold-left-text-auto-pay-list-print {
    font-weight: normal;
    text-align: center;
}

.title-auto-pay-list-print {
    margin-top: 5mm;
    width: 198mm;
    border: 0;
    margin-left: 10mm;
}

.create-autopay-button .ib-button-text {
    width: 218px;
}

.autopay-confirm-check {
    margin-left: 215px;
    height: 50px;
}

.autopay-confirm-label {
    width: 490px;
    height: 50px;
    padding-top: 5px;
}

.autopay-confirm-label a {
    color: #007b2c;
}

.checkbox-save-inn {
    margin: 0 10px 0 210px;
}

.legend-title {
    position: relative;
    top: -16px;
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 15px;
    color: #1b252a;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
}

.debtor-block {
    min-height: 10px;
}

.debtor-content {
    padding-top: 10px;
}

.debtor-background {
    background: #f9fafc;
    padding: 0 5px;
    width: 215px;
    position: absolute;
    height: 20px;
    margin: -20px -14px 0 -4px;
    z-index: -1;
}

.debtor-title {
    position: absolute;
    left: 35px;
}

.show-hide-debtor-button {
    float: left;
    position: absolute;
    z-index: 1;
    left: 7px;
}

.show-hide-debtor-button:hover {
    cursor: pointer;
}

.show-hide-debtor-button:before {
    display: inline-block;
    content: "";
    vertical-align: bottom;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: url("../../images/corelib/fieldedit/checkbox.svg") 0 0 no-repeat;
    background-size: 20px 80px;
}

.show-hide-debtor-button[data-checked]:before {
    background: url("../../images/corelib/fieldedit/checkbox.svg") 0 -20px no-repeat;
    background-size: 20px 80px;
}

.show-hide-debtor-button[data-checked-nonactive]:before {
    background: url("../../images/corelib/fieldedit/checkbox.svg") 0 -40px no-repeat;
    background-size: 20px 80px;
}

.show-hide-debtor-button[nonactive]:before {
    background: url("../../images/corelib/fieldedit/checkbox.svg") 0 -60px no-repeat;
    background-size: 20px 80px;
}

.debtor-field {
    height: 50px;
    padding-top: 15px;
    text-align: left;
    border: none;
    border-radius: 1px;
    box-sizing: border-box;
    background: none;
    color: #222426;
    font-size: 15px;
    font-family: OpenSansRegular, sans-serif;
    overflow: auto;
}

.debtor-field input {
    top: -7px;
    position: relative;
    text-align: left;
    height: 35px;
    padding: 0 3px 0 5px;
    margin: 0;
    width: 100%;
    color: #222426;
    font-size: 15px;
    font-family: OpenSansRegular, sans-serif;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-left-220 {
    margin-left: 220px;
}

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

.information-message-sms {
    margin-left: 220px;
    max-width: 400px;
    font-style: italic;
}

.provider-image {
    max-height: 75px;
    max-width: 100px;
}

.chose-provider {
    min-height: 75px;
    vertical-align: middle;
}

.chose-provider .ib-label-left, .chose-provider .ib-value-boolean {
    min-height: 75px;
}

.margin-interest-scheme {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

#interest-scheme {
    margin-left: 220px;
}

.card-req-branch-address {
    text-align: left;
    padding-left: 5px;
}

.card-req-branch-address label {
    color: #222426;
}

#tp-processing .info-button-print {
    margin: 5px 0 -30px 0;
}

#tp-processed .info-button-print {
    margin: 5px 0 -30px 0;
}

#payeeBankName label {
    color: #222426;
}

#repeat-image, #repeat-image_login {
    background: url(../../images/redo.svg) no-repeat;
    width: 150px;
    height: 150px;
    display: none;
    opacity: 0.35;
    cursor: pointer;
}

.margin-interest-scheme--retailrubpayment {
    margin: 0;
    margin-left: 70px;
}

.transfer-phone-number img {
    width: 90px;
    height: auto;
    margin: 10px 10px 10px 20px;
}

.transfer-isp-logo {
    width: 125px;
}

.hint {
    font-family: OpenSansItalic, Arial, sans-serif;
    margin: 10px;
    display: block;
    color: #6d7886;
    font-size: 14px;
}

.add-hint-message {
    position: absolute !important;
    top: 540px !important;
    left: 68% !important;
    margin: auto;
    color: #848484 !important;
    border: 1px solid #848484 !important;
    box-shadow: none !important;
    border-radius: 4px;
}

.light-hint {
    font-family: OpenSansItalic, Arial, sans-serif;
    margin: 0 0 15px;
    display: block;
    color: #aaafb5;
    font-size: 14px;
}

.default-bank-setting div.loan-repayment-tool {
    padding: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 370px;
}

.default-bank-setting .enabled-field {
    width: 310px;
}

.default-bank-setting div.favourite-repayment-info-message {
    width: auto;
    font-size: 15px;
}

.default-bank-setting div.loan-repayment-info-title {
    width: auto;
}

.default-bank-setting div.loan-repayment-info-buttons {
    margin: 20px 0 20px 20px;
}

.default-bank-setting span.history-of-operation {
    color: #007b2c;
    text-decoration: underline;
}

.title-resp {
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 16px;
    display: block;
    line-height: 25px;
    border-bottom: 1px solid #b1cde2;
    margin-right: 20px;
    margin-bottom: 15px;
    height: 40px;
}

.isp-info-pannel {
    padding: 0 0 0 15px;
}

.isp-info-logo {
    width: 50px;
}

.isp-info-logo img {
    width: 30px;
    height: 30px;
    margin: 10px;
}

#otpZone .countdown-component-hint {
    /* line-height: unset; */
}

#otpZone .qr-countdown-block .countdown-component {
    float: none;
}

#otpZone .qr-countdown-block .countdown-component-hint {
    padding: unset;
    line-height: 20px;
}

.card-to-card {
    color: #3D3D3D;
    font-size: 15px;
    font-family: OpenSansRegular, sans-serif;
}

.me-to-me {
    color: #3D3D3D;
    font-size: 15px;
    font-family: OpenSansRegular, sans-serif;
}

.bank-logo {
    margin-left: 10px;
    height: 37px;
    margin-top: 7px;
}

.bank-card-trans-hint {
    margin-top: 10px;
    margin-left: 560px;
}

.sub-payment-menu {
    width: 278px;
    float: left;
    cursor: pointer;
    display: block;
    background: #f3f5f6;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e3eaf3;
    border-radius: 4px;
    min-height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #161817;
    box-shadow: 0 2px 3px 0px rgba(64, 64, 64, 0.15);
}

.sub-payment-menu-block a {
    margin-left: 20px;
}

.sub-payment-menu-block a:first-child {
    margin-left: 0;
}

.sub-payment-menu.selected, .sub-payment-menu:hover {
    background: #d6e6a7;
    border: 1px solid #d2e1a8;
    box-shadow: 0 2px 3px rgba(181, 195, 172, 0.6);
}

.sub-payment-menu.selected label, .sub-payment-menu:hover label {
    color: #247025;
}

.sub-payment-menu-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    margin: 20px 0 30px;
}

.secondary-title-label {
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 18px;
    color: #545e6a;
}

.card-name-label {
    color: #000000;
    font-family: OpenSansRegular, sans-serif;
    font-size: 16px;
}

.card-hint {
    max-width: 250px;
    padding: 10px;
    font-size: 12px;
    font-family: OpenSansLight, sans-serif;
    color: #4f555c;
    border: 0;
    border-radius: 3px;
    box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

img#hintButton {
    cursor: pointer;
    margin-top: 2px;
}

.full-screen-width {
    width: 1200px;
}

/* Checkbox */
.ib-checkbox input[type="checkbox"] {
    cursor: pointer;
    height: 20px;
    opacity: 0;
    position: absolute;
    width: 20px;
    z-index: 2;
}

.ib-checkbox input[type="checkbox"]:checked + img + div {
    background: url("../../images/corelib/fieldedit/checkbox.svg") 0 -20px no-repeat;
    background-size: 20px 80px;
}

.ib-checkbox input[type="checkbox"] + img + div {
    background: url("../../images/corelib/fieldedit/checkbox.svg") top no-repeat;
    background-size: 20px 80px;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.ib-checkbox input[type="checkbox"]:disabled {
    cursor: default;
}

.tableCalc {
    bottom: 20px;
    position: relative;
    left: 280px;
}

/* Панель Профиль Клиента */
fieldset#panel-personal-documents.ib-fieldset {
    margin: 0 20px 10px;
}

.setting-profile-panel .ib-label-left,
.setting-profile-panel .ib-label-right,
.setting-profile-panel .ib-value-string,
.setting-profile-panel .ib-value-boolean {
    height: 35px;
}

/* end */

/* Блок регистрации на госуслугах */
fieldset#panel-registration.ib-fieldset {
    margin: 5px 20px 20px;
}

.panel-registration {
    display: flex;
    align-items: center;
    font-family: OpenSansRegular, sans-serif;
}

.panel-registration-img img {
    margin: 10px 20px;
}

.block-link-button {
    margin-left: 90px;
}

.link-button {
    color: #028732;
}

.link-button a:hover {
    color: #0ab050;
}

/* End */

.work-region-size-reports {
     width: 100%;
     height: 560px;
 }

.work-region-size-image {
    margin-left: 10px;
}

.work-region-size-info {
    margin-left: 20px;
}

.open-metal-button {
    background-color: #ffca08;
    box-shadow: 0 2px #c49504;
    color: #162024;
    line-height: 34px;
}

.about-metal-button a {
    float: left;
    border-radius: 3px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 34px;
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 14px;
    margin-right: 20px;
    width: 153px;
    background: transparent;
    border: 1px solid #019535;
    color: #019535;
    cursor: pointer;
    text-decoration: none;
}

.about-metal-open-button a {
    float: left;
    border-radius: 3px;
    padding-left: 20px;
    padding-right: 2px;
    line-height: 34px;
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 14px;
    margin-right: 1px;
    background: transparent;
    border: 1px solid #019535;
    color: #019535;
    cursor: pointer;
    text-decoration: none;
    width: 120px;
}

/* Стили для элемента ArrowBack - начало*/
.arrow-back-space {
    margin-top: 10px;
    min-height: 20px;
    margin-left: 0px;
}

.arrow-back {
    float: left;
    width: 120px;
}

.arrow-back span {
    color: #028732;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    text-align: right;
    text-decoration: underline;
    text-decoration-style: dashed;
    font-size: 14px;
    font-family: OpenSansRegular, sans-serif;
}

.arrow-back span:hover {
    color: #03ad3f;
}

/* Стили для элемента ArrowBack - завершение*/

.information-header-absolute {
    position: absolute;
    width: 100%;
}

.template-menu-button .ib-button-center {
    width: 40px;
    height: 40px;
    background: url(../../images/gear.svg) no-repeat;
}

.template-menu-button .ib-button-center:hover {
    width: 40px;
    height: 40px;
    background: url("../../images/gear_hover.svg") no-repeat;
}

.template-list-page-layout {
    display: flex;
    flex-direction: row;
    flex-flow: row;
}

.template-list-page-list {
    width: 100%;
}

.template-side-menu-box {
    border: 1px solid rgb(226, 234, 243);
    margin: 10px 0 10px 10px;
    width: 310px;
    height: 60px;
    display: flex;
    align-items: center;
    box-shadow: 0px 2px 3px rgba(64, 64, 64, 0.15);
}

.template-side-menu-box a {
    text-decoration: none;
}

.template-side-menu-link {
    display: flex;
    align-items: center;
    padding-left: 25px;
}

.template-side-menu-link img {
    height: 30px;
    width: 30px;
}

.template-side-menu-link div {
    font-family: OpenSansRegular;
    font-size: 18px;
    letter-spacing: 0.04px;
    color: rgb(61, 61, 61);
    padding-left: 3px;
}

.link-margin {
    margin-bottom: 40px;
}

.iconic-link-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.iconic-link-inner img {
    padding-right: 6px;
    height: 24px;
    width: 24px;
}

.iconic-link-inner div {
    color: #207846;
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 14px;
    text-decoration: underline;
}

.back-button-to-traffic-fines {
    margin-left: 329px;
    margin-top: 23px;
}

#select.white-button {
    margin-top: 10px;
}

div.retail-panel.main-page-info-modal {
    width: 520px;
    margin: 0 auto;
    overflow-y: auto;
    max-height: 500px;
}

div.retail-panel.main-page-info-modal-consent-pd {
    width: 570px;
    margin: 0 auto;
    padding: 20px;
    overflow-y: auto;
    max-height: 500px;
}

div.retail-panel.main-page-info-modal-consent-pd a {
    color: #207846;
}

.main-page-info-message {
    font-family: OpenSansItalic, serif;
    text-decoration: none;
    font-size: 17px;
    margin-left: 20px;
    margin-top: 10px;
}

.main-page-info-message a {
    text-decoration: underline;
}

.main-page-info-message-button-space {
    margin: 20px 10px 80px 220px;
    text-align: center;
}

.main-page-consent-info-message-button-space {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0px 40px 0px 40px;
    text-align: center;
}

.ib-layout-simple-bottom-retail {
    display: table;
    height: 57px;
    width: 100%;
    background-color: #e3e7eb;
    border-top: 0;
    padding-top: 32px;
    margin-top: 32px;
}

.ib-layout-simple-bottom-center-retail {
    width: 1024px;
    margin: auto;
}

.ib-layout-simple-bottom-col-retail {
    float: left;
    padding-right: 80px;
}

.ib-layout-simple-bottom-copyright-retail {
    font-family: OpenSansRegular;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    color: #1a1f29;
}

.ib-layout-simple-bottom-address-retail {
    font-family: OpenSansRegular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding-top: 16px;
}

.ib-layout-simple-bottom-site-retail {
    font-family: OpenSansRegular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding-top: 12px;
}

.ib-layout-simple-bottom-site-retail a {
    text-decoration: none;
}

.ib-layout-simple-bottom-email-retail {
    font-family: OpenSansRegular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

.ib-layout-simple-bottom-email-retail a {
    text-decoration: none;
}

.ib-layout-simple-bottom-cookie {
    font-family: OpenSansRegular, serif;
    font-size: 12px;
    line-height: 16px;
    width: 450px;
    padding-top: 12px;
    float: left;
}

.ib-layout-simple-bottom-cookie a {
    color: #2F941A;
}

.ib-layout-simple-top-blank {
    display: table-cell;
    width: 480px;
    height: 72px;
    vertical-align: middle;
}

.ib-layout-simple-top-info-retail {
    white-space: nowrap;
    display: table;
    width: 300px;
    padding-top: 43px;
    height: 126px;
}

.form-factor-block {
    background: #f4f7fa;
    border: 1px solid #cfdce3;
    color: #6d7886;
    line-height: 30px;
    margin: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2px;
    position: relative;
}

.form-factor-panel {
    padding-top: 10px !important;
}

.form-factor-block .ib-label-left, .form-factor-block .ib-label-right {
    max-height: 50px;
}

.form-factor-block .ib-label-right label {
    font-size: 16px;
}

.notice-client-data {
    width: 470px;
    padding: 15px 15px 15px 15px;
}

.ib-bold-field {
    font-weight: bold;
}

.notice-text-padding {
    padding-left: 35px;
}

.notice-green {
    display: table-cell;
    width: 1000px;
    height : 40px;
    border-radius: 6px;
    text-align: center;
    vertical-align: middle;
    background-color: #98FB98;
    color: #008000;
}

.big-label-fieldset-receiver {
    width: 195px;
}

.flag-image {
    width: 32px;
    height: 32px;
    float: left;
    padding-top: 3px;
    padding-right: 5px;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
}

.big-label-fieldset-receiver {
    width: 195px;
}

.flag-image {
    width: 32px;
    height: 32px;
    float: left;
    padding-top: 3px;
    padding-right: 5px;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
}

.retail-account-req div.loan-repayment-tool {
    padding: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 440px;
}

.retail-account-req .title-resp {
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 16px;
    display: block;
    line-height: 25px;
    border-bottom: none;
    margin-right: 20px;
    margin-bottom: 15px;
    height: 40px;
}

.retail-account-req div.favourite-repayment-info-message {
    font-family: OpenSansRegular, sans-serif;
    font-size: 16px;
    width: 390px;
}

.restriction-info {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    margin-top: 12px;
}

.restriction-info > div {
    display: inline-block;
    vertical-align: middle;
}

.restriction-info-logo {
    width: 50px;
    text-align: center;
}

.restriction-text-top {
    margin-left: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.restriction-text-bottom {
    text-align: left;
    margin-right: 9px;
    margin-left: 55px;
    margin-bottom: 50px;
}

.ib-label-right.info {
    display: inline-block;
    max-height: 140px;
    height: auto;
    margin: 16px;
}

.limitation .product-info-logo-card img {
    height: 93px;
    width: 146px;
}

.ib-label-right-limit {
    text-align: left;
    margin-right: 9px;
    margin-left: 55px;
}

.restriction-success {
    border: 2px solid #2F941A;
    color: #2F941A;
    margin-top: 16px;
    margin-bottom: 16px;
    width: 823px;
    padding: 12px;
    font-family: OpenSansRegular, Arial, sans-serif;
    float: left;
}

.bold-title {
    font-weight: 800;
    margin-left: 10px;
}

.restriction-message {
    font-weight: 550;
    list-style-type: disc;
    margin-left: 35px;
    margin-top: 10px;
}

.ib-button-space-resrtriction {
    margin-top: 15px;
    min-height: 50px;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.ib-button-space-resrtriction .panel-buttons {
    display: inline-block;
}

.ib-button-space-resrtriction a {
    display: inline-block;
}

.main-panel-block-restriction {
    padding: 10px 16px;
}

.main-panel-block-restriction .tab-panel > label[for=tab-products] {
    width: 150px;
}
.main-panel-block-restriction .tab-panel > #tab-products:checked ~ span {
    width: 150px;
    transform: translate(10px, 0px);
}
.main-panel-block-restriction .tab-panel > #tab-operations:checked ~ span {
    width: 150px;
    transform: translate(180px, 0px);
}
.main-panel-block-restriction .tab-panel > label[for=tab-operations] {
    width: 150px;
}

.restriction-hint {
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;

}

#restrictionsSettingZone .product-info-panel {
    margin-left: 0;
    position: relative;
}

#restrictionsSettingZone .product-info-panel .product-info-main {
    width: 300px;
}

#restrictionsSettingZone .product-info-panel .product-info-balance {
    width: 150px;
    padding-right: 0px;
}

#restrictionsSettingZone .product-info-panel .product-info-actions {
    position: absolute;
    right: 20px;
}

.limitation .product-info-balance {
    width: 150px;
    padding-right: 0;
}

.limitation .product-section-name {
    margin-left: 20px;
}

#restrictionsSettingZone .product-section-name {
    margin-bottom: 8px;
    height: 50px;
}

#restrictionsSettingZone .product-info-panel .product-info-actions {
    position: absolute;
    right: 20px;
    top: 43px;
}

#restrictionsSettingZone .tooltip {
    width: 22px;
    height: 22px;
    color: #ffffff;
    background-color: #2F941A;
    border: none;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    position: relative;
}


.documents-sign .contour{
    min-height: 100px;
}

.documents-sign table {
    width: 100%;
}

.documents-sign .body {
    min-height: 55px;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 14px;
    color: #6d7886;
    width: 100%;
}

.documents-sign .bottom {
    width: 100%;
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 14px;
    color: #6d7886;
    width: 100%;
}

.documents-sign .bottom a {
    min-height: 55px;
    color: #2F941A;
    float: right;
}

.operation-param-value {
    margin-right: 9px;
    text-align: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 40px;
    font-weight: bolder;
}

.operation-title {
    margin-left: 30px;
    text-align: right;
    display: flex;
    align-items: center;
    height: 30px;
    font-weight: bolder;
    font-family: OpenSansBold, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 13pt;
}

.operation-documents {
    margin-top: 20px;
}

.operation-doc-checkbox {
    margin-top: 10px;
    margin-left: 225px;
}

.operation-doc-checkbox label {
    margin-left: 10px;
}

.operation-doc-name {
    margin-left: 253px;
    margin-top: 5px;
}

.operation-doc-name a{
    color: #2F941A;
    font-weight: Bold;
    text-decoration: unset;
}

.operation-params .ib-label-left {
    height: 40px;
}

.doc-sign-not-confirmed .operation-name {
    color: #2F941A;
}

.doc-sign-not-confirmed .ib-datagrid-rows tr {
    height: 50px;
}

.doc-sign-not-confirmed .ib-datagrid-pager-button-ok {
    margin-top: 16px;
}

#docInfosListZone .tooltip {
    border-radius: 100%;
    float: left;
    margin-left: 15px;
}

.downLoad-dialog-block div.downLoad-dialog-body{
    background-color: #ffffff;
    width: 540px;
    height: auto;
}

.downLoad-dialog-block div.downLoad-dialog-message {
    width: auto;
    font-size: 15px;
}

.downLoad-dialog-block div.downLoad-dialog-message-title {
    background-color: #e3eaf1;
    min-height: 50px;
    padding-left: 15px;
    padding-right: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    width: 100%;
    font-size: 18px;
    color: #060a0f;
    font-family: OpenSansSemiBold, Arial, sans-serif;
}

.downLoad-dialog-block div.downLoad-dialog-message-document-name {
    background-color: #f3f7fa;
    min-height: 50px;
    padding-left: 15px;
    padding-right: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    width: 100%;
    font-size: 15px;
    color: #060a0f;
    font-family: OpenSansSemiBold, Arial, sans-serif;
    border-bottom: 1px solid #f6f7f9;
    margin-bottom: 15px;
}

.downLoad-dialog-block div.downLoad-dialog-message-category-number {
    min-height: 50px;
    padding-left: 15px;
    padding-right: 10px;
}

.downLoad-dialog-buttons-space a{
    color: #207846;
    display: inline-block;
    font-family: OpenSansRegular, sans-serif;
    font-size: 14px;
    margin-right: 20px;
    padding-left: 15px;
    padding-right: 10px;
    min-height: 50px;
}

.downLoad-dialog-block span.history-of-operation {
    color: #007b2c;
    text-decoration: underline;
}

.doc-infos-sign-panel-error {
    color: #F00;
    font-family: OpenSansRegular, Arial, sans-serif;
}

.document-sign-success {
    border: 2px solid #2F941A;
    color: #2F941A;
    padding: 12px;
    margin-bottom: 15px;
    font-family: OpenSansRegular, Arial, sans-serif;
}

.document-sign-success-title {
    font-weight: 800;
    margin-left: 10px;
}

.document-sign-success-message {
    font-weight: 550;
    list-style-type: disc;
    margin-left: 35px;
    margin-top: 10px;
}

.documents-signed-title {
    background-color: #2F941A;
    min-height: 60px;
    padding-left: 75px;
    display: flex;
    align-items: center;
}

.documents-title {
    margin-left: 30px;
    text-align: right;
    display: flex;
    align-items: center;
    height: 30px;
    font-weight: bolder;
    font-family: OpenSansBold, sans-serif;
    margin-top: 10px;
    font-size: 13pt;
}

.operation-doc-name-signed-document {
    margin-left: 30px;
    margin-top: 5px;
}

.operation-doc-name-signed-document a{
    color: #2F941A;
    font-weight: Bold;
    text-decoration: unset;
}

.documents-signed-title-text {
    font-size: 18px;
    margin-left: 10px;
    color: #e3eaf1;
    font-family: OpenSansSemiBold, Arial, sans-serif;
}

.section-title-documents-sign-list {
    font-family: OpenSansBold, sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
}


.login-form {
    width: 486px;
    margin: 0 auto;
    padding-top: 76px;
    padding-left: 32px;
}

.login-form .enabled-field {
    box-shadow: none;
    background: none;
    padding: 0 5px 0 10px;
    font-family: OpenSansRegular, sans-serif;
    font-size: 16px !important;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    border: 1px solid #C9CACC;
    border-radius: 6px;
    overflow: hidden;
    background-size: 36px 36px;
    box-sizing: border-box;
    height: 56px;
    width: 100%;
    border-radius: 6px;
    width: 421px;
    margin-bottom: 20px;
}

.login-form .sod_select.simple .sod_label {
    font-size: 16px;
    line-height: 56px;
    padding-left: 10px;
    color: #1c1c1c;
    width: 380px;
}

.login-form .sod_select.custom .sod_list_wrapper {
    top: 55px;
}

.login-form .ib-onetimepswd-checker-enter-password  {
    vertical-align: middle;
    width: 600px;
}

.login-form .extra-button:hover .ib-button-text {
    background-color: #42AB44;
    box-shadow: none;
    color: #FFFFFF;
}

.login-form .extra-button .ib-button-text {
    background-color: #42AB44;
    box-shadow: none;
    color: #FFFFFF;
    float: left;
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 56px;
    border-radius: 6px;
    width: 421.5px;
    height: 56px;
    text-align: center;
}

.login-form .extra-button:active .ib-button-text {
    background-color: #42AB44;
    box-shadow: none;
    color: #FFFFFF;
}

.login-form .sod_select.custom.simple {
    width: 421px;
    border-radius: 3px;
}

.login-form .base-button .ib-button-text {
    margin-right: 0;
    margin-top: 20px;
    line-height: 56px;
    border-radius: 4px;
    background-color: #42AB44;
    box-shadow: none;
    color: #ffffff;
    width: 421px;
    text-align: center;
}

.login-form .base-button .ib-button-text:hover {
    background-color: #42AB44;
    color: #ffffff;
}

.login-form .ib-ul-loginPassInput {
    width: 421px;
}

.login-form .ib-button-space {
    margin: unset;
    float: unset;
}

.login-form .password-tooltip {
    margin-top: 15px;
    margin-left: 432px;
    background: #ffffff;
    border-radius: 6px;
    width: 540px;
    padding: 10px 20px;
    font-weight: normal;
    font-size: 16px;
}

.login-form .password-tooltip .list-restrictions{
    padding: 10px 20px;
}

.login-form .success-restriction {
    color: #42AB44 !important;
}

.login-form .error-restriction {
    color: #F23030 !important;
}

.login-form .ib-ul-loginPassLabel {
    font-size: 15px;
    color: #1C1C1C;
}

.login-form .ib-onetimepswd-checker-prompt-login {
    margin-bottom: 20px;
}

.login-form .ib-onetimepswd-checker-select .ib-value-select {
    margin-bottom: 25px;
}

.login-form .confirmation-method-forgotten-login {
    text-align: unset;
}

.login-form .confirmation-method-forgotten-login a {
    font-family: OpenSansRegular;
    font-size: 15px;
    color: #42AB44;
    cursor: pointer;
    text-decoration: none;
}

.login-form .link-button .ib-button-text span {
    text-decoration: none;
    color: #42AB44;
    margin-top: 10px;
    height: 24px;
    font-size: 16px;
}

.conteiner-login .ib-ib-change-password-message {
    color: #03000c;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

.conteiner-login .ib-ib-change-password-title {
    color: #03000c;
    font-family: OpenSansSemiBold;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 24px;
}

.login-form .show-password-button {
    position: relative;
    left: 381px;
    top: 40px;
    display: block;
    margin-top: -10px;
}

.login-form .sod_select.custom::before, .login-form  .sod_select.custom::after {
    content: "";
    position: absolute;
    left: 389px;
    top: 20px;
    bottom: 0;
    width: 16px;
    height: 16px;
    border-left: none;
    cursor: pointer;
    background-image: url("../../images/corelib/dropdown/select-login-down.svg");
    background-size: 16px 16px;
}

.login-form .sod_select.custom .sod_option.selected {
    padding-right: 25px;
    font-weight: normal;
}
.login-form .sod_select.custom .sod_option.selected::after {
    content: "";
    position: absolute;
    left: 389px;
    top: 20px;
    bottom: 0;
    width: 16px;
    height: 16px;
    border-left: none;
    cursor: pointer;
    background-image: url("../../images/corelib/dropdown/select-login-done.svg");
    background-size: 16px 16px;
}

.login-form .sod_select.custom.open:after {
    content: "";
    left: 389px;
    top: 20px;
    border-left: none;
    font-size: 7px;
    width: 16px;
    height: 16px;
    background-image: url("../../images/corelib/dropdown/select-login-up.svg");
    background-size: 16px 16px;
    cursor: pointer;
}

.login-form .sod_select.custom.open:before {
    content: "";
    background: none;
}

.login-form .sod_select.custom.custom {
    height: 56px;
    line-height: 56px;
    padding: unset;
}

.login-form .sod_select.custom .sod_option {
    padding: unset;
}

.login-form DIV.t-error UL {
    color: #f23030;
    font-size: 16px;
    line-height: 24px;
}

.login-form #otpZone .countdown-component-hint{
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #7D7E7F;
    padding: 0px 0px 0px 0px;
    line-height: 32px;
}

.login-form #otpZone .countdown-component-timer {
    font-family: OpenSansRegular, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin:  4px 0px 0px 0px;
    color: #7D7E7F;
    padding: 0px 0px 0px 0px;
}

.login-form #otpZone .countdown-component {
    display: inline-block;
    border: none;
    padding: 0px;
    float: right;
}

.login-form #otpZone .icon-clock {
    width: 1em;
    height: 1em;
    display: none;
    position: relative;
    border: 1px solid #a5a5a5;
    border-radius: 1em;
    font-size: 20px;
    margin: 0;
    float: left;
}

.login-form .ib-ul-innerTabLoginPassTbl {
    width: 486px;
    border-collapse: separate;
}

.login-form .ib-onetimepswd-checker-zone {
    margin-left: unset;
    width: 421px;
}

.login-form .ib-onetimepswd-checker-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
}

.ib-onetimepswd-title {
    color: #1C1C1C;
    font-family: OpenSansSemiBold;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 24px;
}

.login-form .ib-onetimepswd-checker-prompt-login {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #1c1c1c;
    font-family: OpenSansRegular;
    font-size: 16px;
    width: 421.5px;
}

.login-form .ib-onetimepswd-checker-prompt-login-bottom {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #7D7E7F;
    font-family: OpenSansRegular;
    font-size: 16px;
    height: 48px;
    width: 421.5px;
}

.login-form .ib-onetimepswd-checker-link-login {
    margin-top: -7px;
    margin-bottom: -7px;
}

.login-form DIV.t-error {
    border: unset;
}

.login-form DIV.t-error LI {
    padding: 10px 0px 10px 0px !important;
}

.login-form DIV.t-error LI:before {
    background: none;
    width: unset;
}

.login-form .t-change-pass-error {
    color: #F23030;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 24px;
    width: 421px;
}

/* удаление иконки отображения пароля (глаз) в IE */
.login-form  input[type="password"]::-ms-reveal {
    display: none;
}

.login-form .tooltip {
    width: 21px;
    height: 21px;
    border: none;
    color: #01af3f;
    text-align: center;
    font-size: 14px;
    line-height: 15px;
    position: relative;
    display: inline-block;
    background-image: url("../../images/corelib/info.svg");
    right: 34px;
    bottom: 22px;
}

.login-form .qr-countdown-block_login {
    font-family: OpenSansSemiBold, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #1C1C1C;
    display: inline-block;
    padding: 27px 0px 0px 165px;
    width: 177px;
    left: 30px;
    position: relative;
}

.login-form #repeat-image, #repeat-image_login {
    background: url(../../images/redo.svg) no-repeat;
    width: 100px;
    height: 100px;
    display: none;
    opacity: 0.35;
    cursor: pointer;
}

.login-form .qr-code-text_login {
    float: right;
    padding: 0 0 0 60px;
    width: 250px;
}

.login-form  .qr-code-timer_login {
    padding-top: 5px;
}

.login-form  .hint-bottom_login {
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 24px;
    clear: both;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
    color: #7D7E7F;
}

.login-form .link-button {
    display: inline-block;
    color: #42AB44 !important;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
}

.login-form .qr-code-img_login img {
    width: 100px;
}

.login-form #otpZone .login-form-sms-confirmation-timer .countdown-component {
    width: 190px;
}

.login-form #otpZone .login-form-push-confirmation-timer .countdown-component {
    width: 133px;
}

.login-form #otpZone .login-form-qr-confirmation-timer .countdown-component {
    width: 220px;
}

.login-form .link-button .ib-button-text {
    margin: 6px 0 6px 0;
}

.self-employment-banner .contour {
    padding: 6px 10px 10px;
    background: #f4f7fa;
    border: 2px solid #dbe6ee;
    font-size: 12px;
    margin-bottom: 20px;
}

.self-employment-banner-band {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.self-employment-banner-image {
    width: 130px;
}

.self-employment-status-shaft {
    display: flex;
    flex-flow: column nowrap;
}

.radial-border-image {
    border: 1px solid #008000;
    border-radius: 12px;
    padding: 2px;
    margin: 2px 10px;
    width: 15px;
    height: 15px;
}

.self-employment-link {
    padding-left: 20px;
}

.self-employment-link a {
    color: #2f941a;
    font-family: OpenSansRegular, sans-serif;
    font-size: 14px;
}

.adaptive-frame {
    overflow: hidden;
}

.adaptive-frame iframe, .adaptive-frame object, .adaptive-frame embed {
    top: 0;
    left: 0;
}

.statement-stamp-img {
    padding-top: 20px;
    padding-left: 200px;
}