.article-item ul {
    margin-left: 30px;
    list-style: disc;
}

article p,
article ol,
article ul {
    margin-bottom: 10px;
}

.article-item {
    margin-bottom: 15px;
}

.article-item .article-title,
.article-item .article-title a {
    color: inherit;
    margin: 0;
}

.article-item .article-meta,
.article-item .article-meta a {
    color: #999;
    font-size: .85em;
}

.article-item .article-meta a {
    text-decoration: underline;
}

.article-item .article-thumb {
    margin-right: 10px;
    margin-bottom: 10px;
}

.article-item .article-text {
    margin-top: 7px;
}

html,
body {
    height: 100%;
}

.article-item body {
    font-family: 'Roboto', Verdana, sans-serif;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.anketa-h4 {
    padding-top: 20px;
    padding-bottom: 15px;
    color: #3c6abc;
}

.banks-table {
    margin: 30px 0px;
}

.anketa-h5 {
    font-weight: 400;
}

.anketa-values-group {
    padding-left: 20px;
    margin-left: 10px;
    border-left: 1px solid lightblue;
}

.file-panel {
    padding: 10px 20px 20px 20px;
    border-radius: 5px;
    color: white;
    margin-bottom: 10px;
    max-width: 800px;
}

.file-orange {
    background: #F07B00;
}

.file-green {
    background: #218442;
}

.file_upload {
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 1em; /* example */
    height: 2em; /* example */
    line-height: 2em /* the same as height */
}

.file_upload .button, .file_upload > mark {
    display: block;
    cursor: pointer /* example */
}

.file_upload .button {
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 8em; /* example */
    height: 100%;
    text-align: center /* example */
}

.file_upload > mark {
    background: transparent; /* example */
    padding-left: 1em /* example */
}

@media only screen and ( max-width: 500px ) {
    /* example */
    .file_upload > mark {
        display: none
    }

    .file_upload .button {
        width: 100%
    }
}

.file_upload input[type=file] {
    position: absolute;
    top: 0;
    opacity: 0
}

/* Making it beautiful */

.file_upload {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.1s linear
}

.file_upload.focus {
    box-shadow: 0 0 5px rgba(0, 30, 255, 0.4)
}

.file_upload .button {
    background: #7300df;
    transition: background 0.2s;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: #6200bd 0 -1px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.file_upload:hover .button {
    background: #6200bd;
    text-shadow: #5d00b3 0 -1px 0
}

.file_upload:active .button {
    background: #5d00b3;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset
}

.btn-file {
    color: #3c6abc;
    background-color: #f0f0f6;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    /*border-radius: 3px;*/
    padding: 7px 7px;
}

.btn-file:hover {
    background-color: #dddde3;
    color: #3c6abc;
}

.shortnews {
    padding-bottom: 40px;
}

.shortnews h4 {
    color: #3f7fd4;
    font-weight: 500;
}

.newsnext {
    color: #F07B00;
}

.bankinfo {
    /*background-color: #1b7e5a;*/
    /*margin-bottom: 50px;*/
}

.faq h4 {
    color: #3c6abc;
    margin-top: 30px;
}

.activeTab {
    font-weight: 600;
}

.app-h4 {
    margin-top: 20px;
    color: #3c6abc;
}

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

.nav-wizard > li {
    float: left;
}

.nav-wizard > li > a {
    position: relative;
    background-color: #eeeeee;
}

.nav-wizard > li > a .badge {
    margin-left: 3px;
    color: #eeeeee;
    background-color: #428bca;
}

.nav-wizard > li:not(:first-child) > a {
    padding-left: 34px;
}

.nav-wizard > li:not(:first-child) > a:before {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #ffffff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.nav-wizard > li:not(:last-child) > a {
    margin-right: 6px;
}

.nav-wizard > li:not(:last-child) > a:after {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #eeeeee;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}

.nav-wizard > li:first-child > a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nav-wizard > li:last-child > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav-wizard > li.done:hover > a,
.nav-wizard > li:hover > a {
    background-color: #d5d5d5;
}

.nav-wizard > li.done:hover > a:before,
.nav-wizard > li:hover > a:before {
    border-right-color: #d5d5d5;
}

.nav-wizard > li.done:hover > a:after,
.nav-wizard > li:hover > a:after {
    border-left-color: #d5d5d5;
}

.nav-wizard > li.done > a {
    background-color: #e2e2e2;
}

.nav-wizard > li.done > a:before {
    border-right-color: #e2e2e2;
}

.nav-wizard > li.done > a:after {
    border-left-color: #e2e2e2;
}

.nav-wizard > li.active > a,
.nav-wizard > li.active > a:hover,
.nav-wizard > li.active > a:focus {
    color: #ffffff;
    background-color: #428bca;
}

.nav-wizard > li.active > a:after {
    border-left-color: #428bca;
}

.nav-wizard > li.active > a .badge {
    color: #428bca;
    background-color: #ffffff;
}

.nav-wizard > li.disabled > a {
    color: #777777;
}

.nav-wizard > li.disabled > a:hover,
.nav-wizard > li.disabled > a:focus {
    color: #777777;
    text-decoration: none;
    background-color: #eeeeee;
    cursor: default;
}

.nav-wizard > li.disabled > a:before {
    border-right-color: #eeeeee;
}

.nav-wizard > li.disabled > a:after {
    border-left-color: #eeeeee;
}

.nav-wizard.nav-justified > li {
    float: none;
}

.nav-wizard.nav-justified > li > a {
    padding: 10px 15px;
}

@media (max-width: 768px) {
    .nav-wizard.nav-justified > li > a {
        border-radius: 4px;
        margin-right: 0;
    }

    .nav-wizard.nav-justified > li > a:before,
    .nav-wizard.nav-justified > li > a:after {
        border: none !important;
    }
}

.leftmenu {
    width: 190px;
    margin-right: 0px;
}

.leftmenu ul li {
    width: 100%;
}

.leftmenu ul li {
    background-color: white;
    padding: 10px 0px 10px 15px;
    font-size: 15px;
    border-right: 1px solid #adc5dd;
}

.leftmenu ul li:hover {
    background-color: #3C578C;
    color: white;
}

.leftmenu ul li:hover {
    background-color: #3C578C;
    color: white;
}

.leftmenu ul li:hover a {
    color: white;
}

.leftmenu ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
}

.leftmenu ul li:first-child {
    border-top-right-radius: 10px;
    padding-top: 10px;
    border-top: 1px solid #adc5dd;
    background-color: #adc5dd;
}

.leftmenu ul li:first-child a {
    color: white;
}

.leftmenu ul li:last-child {
    border-bottom-right-radius: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #adc5dd;
}

.left-menu-text {
    padding-left: 5px;
}

#settings-pad {
    display: none;
    border: 1px solid #adc5dd;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 10px;

    float: right;
    text-align: center;
}

.anketa-h4-top {
    padding-top: 0px;
}

.btncompany {
    margin-left: -20px;
}

.percent-label {
    float: right;
    font-weight: 600;
}

.info-tab {
    display: inline-block;
    padding: 7px 20px;
    margin: 0px 10px;
    border-top: 1px solid #a2b9cb;
    border-right: 1px solid #a2b9cb;
    border-left: 1px solid #a2b9cb;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    text-decoration: none;
}

.info-tab:hover {
    text-decoration: none;
    color: white;
    background-color: #8fa4b6;
}

.info-tab-active {
    background-color: #a2b9cb;
    color: white;
}

.sugg-status {
    margin: 10px 10px;
}

.sugg-status div {

}

.sugg-status .signed {
    background-color: lightgreen;
}

.sugg-status .no-signed {
    background-color: lightsalmon;
}

.sugg-title {
    font-size: 1.2em;
    font-weight: 600;
    margin: 5px 20px;
    text-align: center;
}

.sugg-disable {
    color: darkgray;
}

.disabled-button {
    background-color: darkgray;
    color: white;
    border: 1px solid darkgray;
    pointer-events: none;
}

.disabled-button:hover {
    background-color: darkgray;
    color: white;
    border: 1px solid darkgray;
    pointer-events: none;
}

.app-table {
    margin-bottom: 10px;
}

.app-table tr td {
    text-align: center;
    vertical-align: middle;
    padding: 3px 3px;
}

.app-table tr th {
    text-align: center;
    vertical-align: middle;
    padding: 3px 3px;
}

.file-block {
    border: 3px #77899f solid;
    background-color: #bcd3eb;
    border-radius: 10px;
    margin-top: 20px;
}

.file-block-header {
    width: 100%;
    background-color: #77899f;
    color: white;
    padding: 5px 10px;
    font-size: 1.2em;
}

.file-row {
    border-bottom: 2px white solid;
    color: white;
    margin-top: 15px;
}

.file-row-button {
    float: right;
    background-color: white;
    padding: 5px 5px;
    margin-top: -8px;
    margin-left: 10px;
    color: #77899f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.file-block-content {
    padding: 10px 20px;
}

.file-row-green {
    border-bottom-color: green;
    color: green;
}

.file-row-green .file-row-button {
    background-color: green;
    color: white;
}

.file-row-blue {
    border-bottom-color: dodgerblue;
    color: dodgerblue;
}

.file-row-blue .file-row-button {
    background-color: dodgerblue;
    color: white;
}

.file-row-orange {
    border-bottom-color: #ff9000;
    color: #ff9000;
    border-bottom: 0px none transparent;
}

.file-row-orange .file-row-button {
    background-color: #ff9000;
    color: white;
}

.file-row-orange .file-comment {
    background-color: #FFE496;
    color: #A66715;
    border: 2px solid #ff9000;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    /*border-bottom: 0px none transparent;*/
}

.file-comment {
    padding: 5px 10px 3px 10px;
    border-top-left-radius: 5px;
}

.file-row-black {
    border-bottom-color: black;
    color: black;
}

.file-row-black .file-row-button {
    background-color: black;
    color: white;
}

.color-legend {
    display: inline-block;
    background-color: #bcd3eb;
    padding: 5px 5px;
    border-radius: 5px;
    font-weight: 600;
    color: white;
    width: 100px;
    text-align: center;
}

.add-file-type-button {
    padding: 2px 2px;
    background-color: yellowgreen;
    color: white;
    border-radius: 3px;
    margin-left: 10px;
}

.add-file-type-button:hover {
    background-color: white;
    color: yellowgreen;
    text-decoration: none;
}

.btn-disabled {
    background-color: #a3bbcf;
    color: white;
}

.btn-disabled:hover {
    background-color: #8195a6;
    color: white;
}

.btn-disabled:active {
    color: white;
}

.scoring-table {
    border-spacing: 1px;
    border-collapse: separate;
    width: 100%;
    font-size: 13px;
}

.tbl-center {

}

.scoring-table th {
    padding: 5px 5px;
    text-align: center;
    font-weight: 300;
}

.tbl-center td, .tbl-center th {
    text-align: center;
}

.scoring-table tr td {
    padding: 5px 7px;
    min-width: 120px;
}

.scoring-table .ok:nth-child(2n)  {
    background-color: #A6EFBC;
}

.scoring-table .ok {
    background-color: #64DE89;
}

.scoring-table .error {
    background-color: #FF8673;
}

.scoring-table .warning {
    background-color: #FFBA73;
    font-size: 13px;
    margin:0;
    padding: 5px 7px;
    border: 0;
}

.risk2 {
    background-color: #FFBA73;
}

.risk3 {
    background-color: #FF8673;
}

.risk4 {
    background-color: #ea3644;
}

.finn-table {
    width: 100%;

}

.finn-table td {
    padding: 5px 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d6d6d6;
}

.finn-table .form-group {
    margin-bottom: 0px;
}

.finn-table-header {
    background-color: #eeeeee;
    font-weight: 600;
}

.finn-table-header td {
    padding: 10px 10px;
}

.finn-table-left-column {
    background-color: #eeeeee;
    font-weight: 600;
    text-align: right !important;
}

.padding3 {
    padding: 3px 3px;
}

.footer-copy {
    color: #7a7a7a;
}

.footer-copy img {
    margin-top: -7px;
}

/* Bootstrap modal */
.modal-dialog {
    margin-top: 30vh;
}

.modal-dialog a.btn {
    box-shadow: none;
}

.modal-body {
    padding: 10px 15px;
}

.modal-error {
    padding: 10px 15px;
    color: red;
}

.not-send-app {
    color: white;
    background-color: gray;
}

.banks-table > tbody > tr {
    height: 100px;
}

.banks-table > tbody > tr > td:first-child {
    width: 50px;
    text-align: center;
}

#application-filter-form .input-daterange {
    border-collapse: inherit;
}

#application-filter-form > div.row > div:first-child > div > label.control-label {
    font-weight: bold;
}

#application-filter-form > div.row > div:last-child > div {
    margin-bottom: 19px;
}

#application-filter-form > div.row > div:last-child > div button {
    margin-top: 15px;
}

.status-label {
    padding: 2px;
    color: white;
}

.horizontal-form {
    padding-left: 2px;
}

.buttons {
    padding: 5px;
}

.buttons a-btn {
    margin-left: 7px;
}

.bank-form {
    padding: 10px;
    width: 600px;
    margin-left: 0px;
}

.bank-form button {
    margin-top: 17px;
}

.forms {
    padding: 5px;
}

.btn-doc {
    padding: 3px 3px;
    margin: 2px 2px;
}

.btn-anketa {
    margin-top: 10px;
    padding: 12px;
    width: calc(50% - 10px);
}

.btn-anketa.btn-prev {
    margin-right: 10px;
}

.btn-anketa.btn-next {
    margin-left: 10px;
}

.btn-anketa-optional {
    padding-left: 30px;
    padding-right: 30px;
}

.warning {
    margin: 30px 0;
    padding: 10px 20px 14px;
    font-size: 1.2em;
    border-left: 5px solid #da7b18;
    background-color: #fcf8e3;
}

.warning h4 {
    font-size: 1.8em;
    color: #da7b18;
}

.actions-bottom {
    margin-top: -10px;
    margin-bottom: 20px;
    text-align: right;
}

.btn.disabled {
    opacity: .3;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee !important;
}

.inactive-row {
    background-color: #d9e9e7 !important;
    color: #b9b9b9 !important;
}

.inactive-row a {
    color: #b9b9b9 !important;
}

.inactive-row p, .inactive-row span {
    opacity: 0.5;
}

.error-code {
    text-align: center;
    color: lightgrey;
    font-size: 10em;
}
.licence-btn {
    min-width: 74px;
    margin: 5px 0;
}

.btn-file-upload {
    min-width: 74px;
    margin: 5px 0;
}

.main-error-message {
    text-align: center;
    color: #707070;
    font-size: 1.5em;
}

.second-error-message {
    text-align: center;
    color: #a9a9a9;
    padding-top: 40px;
}

.create-loan-btn {
    padding: 5px 5px;
    font-size:14px;
    margin-bottom:10px;
    margin-left:20px;
}

.js_signed_verify_info{display:inline-block;width:32px;height:32px;margin:0 0 -14px;}
.signature_icon{height:30px;width:30px;margin:0 0 -12px;}

.loader{display:inline-block;width:32px;height:32px;background:transparent url(/img/loader.gif) no-repeat center center;}
.loader .signature_icon{display:none;}

.user-profile-form{padding-top:20px;}

.content-ul{list-style:disc;padding-left:15px;}
.content-ul li{padding-left:5px;margin:10px 0;}

.nav-help{font-size:14px;}
.navbar-inverse .navbar-nav > .nav-help > a{color:#FFBC3F;font-weight:500;}
/*.navbar-inverse .navbar-nav > .nav-help > a:hover, .navbar-inverse .navbar-nav > .nav-help > a:focus{background:#FFBC3F;}*/

.docs{max-width:1200px;margin:20px 0 0;min-width:900px;}
.docs_sugg{max-width:1200px;margin:5px 0 20px;}
.docs .menu{margin:15px 0;}
.docs .menu a{margin:0 8px 0 0;}
.docs h1{clear:both;font-size:24px;margin:20px 0 5px;background-color:#eee;padding:3px 10px 6px;}
.docs h1 .btn{margin-top:-2px;}
.docs h2{clear:both;font-size:18px;margin:20px 0 10px;}
.docs h2 span{cursor:pointer;border-bottom:1px dotted #999}
.docs h2 .note{cursor:default;border-bottom:none;font-size:0.7em;margin-left:20px;}

.docs .doc{}
.docs .btn{margin:0 8px;padding:3px 7px;border-radius:3px;font-size:12px;}
.docs .doc-table .btn{margin:0 8px 0 0;padding:3px 7px;border-radius:3px;font-size:12px;}

.docs .doc-table{margin:0;width:100%;}
.docs .doc-table .item:first-child{border-top:1px solid #e0e0e0;}

.docs .hide-group{display:none}
.docs .doc-table .item{position:relative;display:flex;width:100%;align-items:stretch;font-size:14px;}
.docs .doc-table .hide{display:none;}
.docs .doc-table .col{padding:5px 7px;margin:0;border-color:#e0e0e0;display:flex;align-items:center;border-width:0 0 1px 1px;border-style:solid;}
.docs .doc-table .status{width:10%;justify-content:center;font-size:12px;font-weight:700;}
.docs .doc-table .type{width:10%;justify-content:center;font-size:14px;}
.docs .doc-table .title{width:45%;flex-flow:row wrap;font-size:16px;}
.docs .doc-table .title span{font-size:14px;width:100%;}
.docs .doc-table .upload{width:10%;justify-content:center;white-space:nowrap;font-size:12px;}
.docs .doc-table .actions{width:35%;justify-content:center;border-right-width:1px;flex-wrap:wrap;}
.docs .doc-table .actions .btn{margin-bottom:2px;margin-top:2px;}

.docs .doc-table .item.caption{border:0;border-bottom:1px solid #e0e0e0;}
.docs .doc-table .caption .actions{border-right-width:0;}
.docs .doc-table .caption .status{font-weight:300;}
.docs .doc-table .caption .title{font-weight:300;}
.docs .doc-table .caption .col{justify-content:center;font-size:12px;color:#aaa;white-space:nowrap;border:0;}

.docs_sugg .doc-table .item{margin:8px 0;}
.docs_sugg .doc-table .col{border:0;}
.docs_sugg .doc-table .status{width:20%;justify-content:center;border:solid #fff;border-width:5px 0;padding:0 7px;}
.docs_sugg .doc-table .title{width:23%;font-size:1em;font-weight:600;}
.docs_sugg .doc-table .title-disabled{font-weight:300;color:darkgray;}
.docs_sugg .doc-table .actions{width:auto;justify-content:flex-start;flex-grow:1;}
.docs_sugg .doc-table .sign{width:10%;}
.docs_sugg .doc-table .sign_verify{width:6%;justify-content:center;}
.docs_sugg .doc-table .sign_client{width:3%;justify-content:center;}
.docs_sugg .doc-table .sign_bank{width:3%;justify-content:center;}

.docs .mess{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:none;text-align:center;font-size:18px;align-items:center;justify-content:center;}
.docs .ErroR{z-index:10;border:3px dashed #f99;opacity:0.9;font-size:1.2em;overflow:hidden;white-space:nowrap;}
.docs .loader{display:none;z-index:7;border:3px dashed #FFBC3F;opacity:0.9;padding:0;}
.docs .loader span{display:inline-block;padding:5px 0 0 40px;background:transparent url(/img/loader.gif) no-repeat 0 center;min-height:35px;}
.docs .loading .loader, .docs .load_complite .loader{display:flex;}
.docs .load_complete .loader{display:flex;border-color:#5cb85c;}
.docs .load_complete .loader span{padding:5px 0 0;background:none;}

.docs .dragText{z-index:5;border:3px dashed #ccc;opacity:0.8;}
.docs .dragHover{}
.docs .dragHover .dragText{display:flex;}
.bank .dragHover .dragText{display:none;}

.docs .status0 .status, #docs_conveyor .status0, #docs_conveyor .status0:after{background-color:#bbb;color:#fff;}
.docs .status0 .statusText{color:#bbb;}

.docs .status1 .status, #docs_conveyor .status1, #docs_conveyor .status1:after{background-color:#ff9000;color:#fff;}
.docs .status1 .statusText{color:#ff9000;}

.docs .status2 .status, #docs_conveyor .status2, #docs_conveyor .status2:after{background-color:#3c6abc;color:#fff;}
.docs .status2 .statusText{color:#3c6abc;}

.docs .status3 .status, #docs_conveyor .status3, #docs_conveyor .status3:after{background-color:#5cb85c;color:#fff;}
.docs .status3 .statusText{color:#5cb85c;}

.docs .status4 .status, #docs_conveyor .status4, #docs_conveyor .status4:after{background-color:#c07c5b;color:#fff;}
.docs .status4 .statusText{color:#c07c5b;}

.docs .status5 .status, #docs_conveyor .status5, #docs_conveyor .status5:after{background-color:#C0504D;color:#fff;}
.docs .status5 .statusText{color:#C0504D;}

#docs_conveyor .now{background-color:#7030A0;color:#fff;}
#docs_conveyor .all{background-color:transparent;border:1px solid #aaa;}

#docs_conveyor{padding:0 0 10px;margin:0 0 10px;display:flex;list-style:none;font-size:1.2em;align-items:center;}
#docs_conveyor li{width:130px;padding:6px 0 7px;margin:0 15px 0 0;text-align:center;font-weight:700;cursor:pointer;
    border-radius:3px;white-space:nowrap;display:flex;align-items:center;justify-content:center;
}
#docs_conveyor .sel{box-shadow:1px 1px 3px 0 #333;}

#docs_conveyor .line{position:relative;}
#docs_conveyor .line:after{width:15px;display:block;position:absolute;right:-15px;top:1em;height:3px;content:"";}
#docs_conveyor .now:after{background-color:#7030A0;}
#docs_conveyor .small{font-size:0.9em !important;height:27px;}

.history-table td{vertical-align:middle !important;}
.history-table .btn{margin:0 8px;padding:3px 7px;border-radius:3px;font-size:12px;}

.bank_app_form{margin:15px 0;}
.bank_app_form label{display:block;padding-bottom:5px;}
.bank_app_form>div{margin-right:15px;}
.panel-doc .bank_app_form .btn{margin-top:4px;}

.panel-doc{margin:15px 0;}
.panel-doc .panel-heading{font-size:16px;padding:5px 15px;}
.panel-doc .panel-body{padding:5px 15px;}
.panel-doc .btn{padding:5px 12px;margin:0 10px 0 0;font-size:15px;border-radius:3px;}

.controlPanel .btn{padding:3px 5px 4px;font-size:14px;margin-right:20px;border-radius:3px;}

.alert{font-weight:700;}

.anketa-step10 .form-control{color:#555}
.anketa-step10 .panel{max-width:900px;margin-bottom:40px;}
.anketa-step10 h4{margin:-10px 0 20px}
.anketa-step10 .panel-heading>h4{margin:0}
.anketa-step10 .panel-heading{padding:7px 15px;}
.anketa-step10 .form-group{margin-bottom:0;}
.anketa-step10 .radio{margin:5px 0;}

.anketa-step10 .form-group p{font-size:14px;margin:2px 0;}

.anketa-step10 .radio label{padding-left:23px;}
.anketa-step10 .radio input[type="radio"]{margin-left:-23px;}

.anketa-step10 .ok{background-color:#EDF9EB;}
.anketa-step10 .wrong{background-color:rgba(255, 239, 225, 150);}

.form-inline-fix{display:flex;}
.form-inline-fix .form-group{margin-right:20px;width:100%;}
.form-inline-fix .form-group:last-child{margin-right:0;}

.form-2col{display:flex;margin-bottom:10px;}
.form-2col .form-group{margin-right:20px;width:100%;}

.form-2col>.form-group>label{font-size:1.25em;}
.form-label-fix>.form-group>label{font-size:1.25em;}

.form-date-picker{width:200px;}
.form-number{width:200px;}

.form-inline-fix .form-date-picker,
.form-inline-fix .form-number{width:100%;}
.form-inline-fix #periodStopDate, .form-inline-fix #periodYear{margin-right:0;}

#appendDoc .hide-line{display:none}

.roundStatus{display:block;float:left;width:15px;height:15px;border-radius:15px;margin:0 5px 0 -5px;}

[data-tooltip] {
    position: relative; }

[data-tooltip]:before {
    content: '';
    border: 7px solid transparent;
    border-top-color: #e0eaf3;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.1s ease-out 0.1s;
    position: absolute;
    z-index: 10; }

[data-tooltip]:after {
    opacity: 0;
    pointer-events: none;
    transition: all 0.1s ease-out 0.1s;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    background-color: #e0eaf3;
    border-radius: 8px;
    color: #222;
    content: attr(data-tooltip);
    padding: .5em 1.15em;
    position: absolute;
    /*white-space: nowrap;*/
    z-index: 10;
    width: 160px;
    text-align: center;}

[data-tooltip]:not([data-tooltip-trigger='click']):hover:before,
[data-tooltip]:not([data-tooltip-trigger='click']):hover:after,
[data-tooltip][data-tooltip-visible]:before,
[data-tooltip][data-tooltip-visible]:after {
    opacity: 1;
    pointer-events: auto; }

[data-tooltip]:before {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 8px);
    transform-origin: top; }

[data-tooltip]:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 12px;
    transform: translate(-50%, 8px);
    transform-origin: top; }

[data-tooltip]:not([data-tooltip-trigger='click']):hover:after,
[data-tooltip][data-tooltip-visible]:after {
    transform: translate(-50%, 4px); }

[data-tooltip]:not([data-tooltip-trigger='click']):hover:before,
[data-tooltip][data-tooltip-visible]:before {
    transform: translate(-50%, 4px); }

.popover {
    background: #ebebeb;
}
.popover-title {
    border-color: #ebebeb;
}
.popover.right > .arrow:after {
    border-right-color: #ebebeb;
}

.kv-editable-input {
    height: 35px;
}

.kv-editable-popover .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    background: none;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.kv-editable-popover .close:hover,
.kv-editable-popover .close:focus {
    opacity: .5;
}

.header-news {
    position: relative;
    font-weight: 300;
}
.header-news h1 {
    line-height: 1;
}
.header-news .nav {
    position: absolute;
    right: 0;
    bottom: 0;
}
.header-news .nav__item {
    margin-right: 20px;
    font-size: 17px;
    font-weight: 700;
}
.header-news .nav__item:last-child {
    margin-right: 0;
}
.header-news .nav__item--active {
    color: #777;
}

.teaser-new,
.new {
    position: relative;
    margin-bottom: 60px;
    font-weight: 300;
}

.date-new {
    margin-bottom: 14px;
    padding: 2px 6px 2px 3px;
    width: 56px;
    height: 56px;
    font-weight: 300;
    border: 1px solid #97cbf9;
    background: #fff;
}
.date-new .day {
    display: block;
    margin-bottom: 2px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: #3b6e9c;
}
.date-new .month {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    color: #777;
}

.title-new {
    margin-bottom: 16px;
    padding-top: 2px;
    padding-right: 130px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.descr-new {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 22px;
}

.navlink-new {
    font-size: 13px;
}

.news {
    margin-bottom: 50px;
}

.new__navlink {
    float: right;
}
.new__text {
    line-height: 1.6;
}

@media (min-width: 768px) {
    .title-new {
        paddig-right: 0;
    }
    .date-new {
        position: absolute;
        left: -86px;
    }
    .date-new:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 8px;
        height: 8px;
        background: #fff;
        border-top: 1px solid #97cbf9;
        border-right: 1px solid #97cbf9;
        transform: translate(calc(50% + 1px), -50%) rotate(45deg);
    }
}

/* DateRangePicker fix */
.input-daterange .fix-padding {
    padding: 2px 5px !important;
}

.input-daterange .fix-border {
    border-width: 1px 0px 1px 1px !important;
    border-radius: 3px 0 0 3px !important;
}

/* Conveyor start */
.conveyor_step {
    display: inline-block;
    position: relative;
    padding: 3px 5px;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    padding-right: 40px;
}

.conveyor_step.active {
    box-shadow: -9px 5px 13px rgba(51, 51, 51, 0.45);
}

a.full_fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

a.conveyor_step_edit {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    text-align: center;
    line-height: 69px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

a.conveyor_step_edit:hover {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.conveyor_step_name {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    white-space: nowrap;
}

.conveyor_step_info {
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
}

.conveyor_block {
    margin: 0;
}


.conveyor_step_add:hover {
background-color: #3434aa;
}

.step_for_inactive {
padding-right: 5px;
}

.conveyor_section_active {
font-weight: 700;
background-color: #5584da;
border-radius: 3px 3px 0px 0px;
overflow: hidden;
color: white;
text-decoration: none;
white-space: nowrap;
}

.conveyor_section_active a {
padding: 5px;
color: #fff;
}

.conveyor_section_active:hover{
    text-decoration: none;
    color: #f0fefe;
}
/* Conveyor end */

.product-menu {
    display: flex;
    align-items: center;
    margin: 10px 0px;
    border-bottom: 1px solid #5584da;
}

.product-menu .section {
    display:inline-flex;
    align-items: center;
    margin-right: 30px;
    font-size: 16px;
}

.anketa_download {
    padding: 3px 3px;
    font-size:14px;
}

.controlPanel {
    margin: 20px 0;
}

/* Настройка плавного изменения цвета для сообщений чата */
.media-body {
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}

.media-body.highlighted {
    background-color: #f0ffff;
}