

/* Start:/bitrix/components/AEB.CardApplicationForm/templates/web/style.css?175687090439269*/
.li_s-a{
    list-style: none;
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 0;
    padding: 0;
}
.li_s-a li{
    text-align: center;
    min-width: 200px;
}
.li_s-a li:not(:last-child)::before{
    content: ' ';
    background: #e1e4e7;
    height: 6px;
    width: 26%;
    position: absolute;
    top: 20px;
    z-index: 1;
}
.li_s-a li:not(:last-child)::after{
    content: ' ';
    background: #2F88F0;
    height: 6px;
    width: 0px;
    position: absolute;
    top: 20px;
    z-index: 2;
    transition: width 1s
}
.li_s-a li.completed:not(:last-child)::after{
    content: ' ';
    width: 26%;
    transition: width 1s
}
.step_circle{
    width: 48px;
    height: 48px;
    margin: 0 auto;
    background: #E1E4E7;
    border-radius: 3rem;
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom: 24px;
    position: relative;
    z-index: 5;
}
.step_circle.completed{
    background: #2F88F0;
    color: #ffffff00 !important;
}
.step_circle.completed:before{
    content: ' ';
    width: 48px;
    height: 48px;
    background-image: url("/local/templates/Aeb/assets/img/general/check-icon-white.png");
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    left: 0;
}
.step_circle.active{
    background: #2F88F0;
}
.progress_step{
    padding: 32px 0;
    border: 1px solid #E1EDFF;
    box-sizing: border-box;
    border-radius: 10px;
    background: #FFFFFF;
}
.aeb-card-block{
    background: #FAFAFA;
    border-radius: 10px;
    padding: 30px;
}
.step_form{
    border-radius: 10px;
    display: none;
}
.step_form.active{
    display: block;
}
.aeb-card-title{
    text-align: center;
    color: #2F88F0;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 40px;
}
.aeb-form-block{
    border-radius: 10px;
    padding: 32px;
    margin-bottom: 20px;
}
.aeb-card-description .aeb-card-block-1{
    font-size: 14px;
    line-height: 18px;
    padding-right: 40px;
    color: #27303E;
}
.aeb-card-block-1:after{
    content: ' ';
    width: 50px;
    height: 1px;
    background: #2F88F0;
    display: block;
    margin: 6px 0;
}
.aeb-card-description .aeb-card-block-2{
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #2F88F0;
}
@media (max-width: 575.98px) {

}
@media (max-width: 767.98px) {
    .progress_step{
        display: none;
    }
}
@media (max-width: 992px) { }
@media (max-width: 1200px) { }




/* Start:/local/templates/Aeb/assets/css/datepicker/bootstrap-datepicker3.css?162486591522835*/
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
    border-radius: 4px;
    direction: ltr;
}
.datepicker-inline {
    width: 220px;
}
.datepicker-rtl {
    direction: rtl;
}
.datepicker-rtl.dropdown-menu {
    left: auto;
}
.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
}
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.15);
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff;
}
.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eeeeee;
    cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #777777;
    cursor: default;
}
.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
    color: #000;
    background-color: #afd9ee;
    border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
    color: #000;
    background-color: #afd9ee;
    border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
    color: #000;
    background-color: #afd9ee;
    border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
    color: #000;
    background-color: #91cbe8;
    border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
    background-color: #d9edf7;
    border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
    background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color: #777777;
}
.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
    color: #000;
    background-color: #ffc966;
    border-color: #b37400;
}
.datepicker table tr td.today:hover {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
    color: #000;
    background-color: #ffbc42;
    border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
    background-color: #ffdb99;
    border-color: #ffb733;
}
.datepicker table tr td.today.focused {
    background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    background: #ffdb99;
    color: #777777;
}
.datepicker table tr td.range {
    color: #000;
    background-color: #eeeeee;
    border-color: #bbbbbb;
    border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
    color: #000;
    background-color: #d5d5d5;
    border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
    color: #000;
    background-color: #d5d5d5;
    border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
    color: #000;
    background-color: #d5d5d5;
    border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
    color: #000;
    background-color: #c3c3c3;
    border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
    background-color: #eeeeee;
    border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
    background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
    background: #eeeeee;
    color: #777777;
}
.datepicker table tr td.range.highlighted {
    color: #000;
    background-color: #e4eef3;
    border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
    color: #000;
    background-color: #c1d7e3;
    border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
    color: #000;
    background-color: #c1d7e3;
    border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
    color: #000;
    background-color: #c1d7e3;
    border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
    color: #000;
    background-color: #a8c8d8;
    border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
    background-color: #e4eef3;
    border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
    background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    background: #e4eef3;
    color: #777777;
}
.datepicker table tr td.range.today {
    color: #000;
    background-color: #f7ca77;
    border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
    color: #000;
    background-color: #f4b747;
    border-color: #815608;
}
.datepicker table tr td.range.today:hover {
    color: #000;
    background-color: #f4b747;
    border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
    color: #000;
    background-color: #f4b747;
    border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
    color: #000;
    background-color: #f2aa25;
    border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
    background-color: #f7ca77;
    border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    background: #f7ca77;
    color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #777777;
    border-color: #555555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
    color: #fff;
    background-color: #4c4c4c;
    border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
    background-color: #777777;
    border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #777777;
}
.datepicker .datepicker-switch {
    width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
    visibility: hidden;
}
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.input-daterange {
    width: 100%;
}
.input-daterange input {
    text-align: center;
}
.input-daterange input:first-child {
    border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
    border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    line-height: 1.42857143;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker3.css.map */
/* End */


/* Start:/local/templates/Aeb/assets/css/cardorder/style.css?162754391813118*/
.nb_1, .nb_2, .nb_3, .nb_4{
    z-index: 10;
}
#infoBlockPhoto{
    cursor: pointer;
}
.pg_1{
    position: absolute;
    width: 76%;
    left: 12%;
    margin-top: 21px;
    height: 6px !important;
}
.fileDropzone.active{
    background: #FFFFFF;
}
.DropBlock::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 1L4.92929 4.92929C4.96834 4.96834 5.03166 4.96834 5.07071 4.92929L9 1' stroke='%2327303E' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 16px;
    width: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 24px;
    right: 12px;
    -webkit-transform: rotate(
            0deg
    );
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}
#infoBlockPhoto{
    padding-left: 28px;
}
#infoBlockPhoto::before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.02825 11.9957C3.04233 7.03775 7.08871 3.0143 12.0467 3.02838C17.0046 3.04247 21.0281 7.08884 21.014 12.0468C20.9999 17.0047 16.9535 21.0282 11.9956 21.0141C7.03762 21 3.01417 16.9536 3.02825 11.9957Z' stroke='%232F88F0' stroke-width='2'/%3E%3Crect x='11.5' y='7.5' width='1' height='1' rx='0.5' fill='%232F88F0' stroke='%232F88F0'/%3E%3Cpath d='M12 12L12 17' stroke='%232F88F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    top: 0;
    left: 14px;
    width: 24px;
    height: 24px;
    position: absolute;
}
.inputFile_open .btn-white::before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10.376L11.5445 19.2938C10.3861 20.3862 8.81499 21 7.1768 21C5.53861 21 3.96752 20.3862 2.80914 19.2938C1.65077 18.2013 1 16.7195 1 15.1745C1 13.6295 1.65077 12.1477 2.80914 11.0553L12.2647 2.1375C13.0369 1.40917 14.0843 1 15.1765 1C16.2686 1 17.316 1.40917 18.0882 2.1375C18.8605 2.86583 19.2943 3.85365 19.2943 4.88366C19.2943 5.91367 18.8605 6.9015 18.0882 7.62983L8.6224 16.5476C8.23627 16.9118 7.71257 17.1163 7.16651 17.1163C6.62045 17.1163 6.09675 16.9118 5.71063 16.5476C5.3245 16.1834 5.10758 15.6895 5.10758 15.1745C5.10758 14.6595 5.3245 14.1656 5.71063 13.8014L14.4459 5.57263' stroke='%232F88F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 57px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}
#infoBlockPhoto::after{
    content: '';
    top: 0;
    right: 14px;
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L11.9293 13.9293C11.9683 13.9683 12.0317 13.9683 12.0707 13.9293L16 10' stroke='%232F88F0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}
#infoBlockPhoto.show::after{
    transform: rotate(180deg);
    -webkit-transform: rotate(
            180deg
    );
}
#doprblock_infoBlockPhoto ul li{
    color: #2F88F0;
    padding-bottom: 16px;
}
#doprblock_infoBlockPhoto div{
    padding-bottom: 16px;
}
#doprblock_infoBlockPhoto ul li span{
    color: #000;
}
.DropBlock.show::before{
    transform: rotate(180deg);
    -webkit-transform: rotate(
            180deg
    );
}
.fileDropzone.error {
    border: 2px dashed #d10000;
}
.fileDropzone{
    background: #FAFAFA;
    border: 2px dashed #A3AAAE;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 24px;
}
.fileDropzone .title{
    font-size: 18px;
    line-height: 20px;
}
.fileDropzone .info{
    color: #A3AAAE;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 16px;
}
.step{
    display: none;
}
.step.show{
    display: inline !important;
}
.card-success-form{
    background: #FFFFFF;
    border: 1px solid #E1EDFF;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 64px;
    text-align: center;
    margin-bottom: 24px;
}
.card-success-form h2{
    color: #2F88F0;
    margin-bottom: 24px;
}
.card-success-form div{
    margin-bottom: 24px;
}
.bg-g-blue{
    background: linear-gradient(180deg, #1197F4 0%, #027CD1 100%);
    border-radius: 10px;
    margin-bottom: 24px;
}
.aebInput{
    box-shadow: initial !important;
}
.aebInput:disabled{
    background-color:  rgba(239, 239, 239, 0.3) !important;
}
#doprblock_infoBlockPhoto ul {
    padding-left: 20px;
}
.aebInput[type="text"], .aebInput[type="number"], .aebInput[type="date"],  .aebInput[type="email"]{
    border: 2px solid #A3AAAE;
    height: 56px;
    width: 100%;
    outline: 0;
    font-size:18px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px;
    color: #000;
    background: #fff;
}
.aebInput[type="text"]:focus, .aebInput[type="number"]:focus, .aebInput[type="email"]:focus{
    border: 2px solid #2F88F0;
}
.aebInput.error{
    border: 1.6px solid #ff0000;
}
.aebInput[type="checkbox"], .aebInput[type="radio"]{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.aebInput[type="checkbox"]+label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid #27303E;
    border-radius: 4px;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: 46% 50%;
}
.aebInput[type="checkbox"].error+label::before{
    border-color: #ff0000;
}
.aebInput[type="checkbox"]:checked+label::before {
    border-color: #2F88F0;
    background-color: #2F88F0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.28571 8L0 4.15385L1.2 3.07692L4.28571 5.84615L10.8 0L12 1.07692L4.28571 8Z' fill='white'/%3E%3C/svg%3E");
}
.aebInput[type="checkbox"] + label {
    margin: 0;
    padding: 0;
    font-size: 16px;
    display: flex;
    line-height: 20px;
}
.aebInput::placeholder{
    color: #FFFFFF00 !important;
}
.aeb-form {
    position: relative;
    margin-bottom: 24px;
}
.aebInput[type="text"] + label,
.aebInput[type="number"] + label,
.aebInput[type="date"] + label,
.aebInput[type="email"] + label  {
    color: #94a8be;
    font-size:calc((100vw - 320px)/ (1920 - 320) * (18 - 16) + 16px);
    font-size:-webkit-calc((100vw - 320px)/ (1920 - 320) * (18 - 16) + 16px);
    position: absolute;
    top: 3px;
    left: 0px;
    padding: 0 4px;
    pointer-events: none;
    transform-origin: 0 0;
    transform: scale(1) translateY(12px) translateX(14px);
    transition: opacity 0.1s ease-in-out, transform 0.1s;
}
.aebInput[type="text"]:focus + label, .aebInput[type="number"]:focus + label{
    color: #2F88F0;
}
.aeb-form > .aebInput[type="text"]:focus ~ label,
.aeb-form > .aebInput[type="date"]:focus ~ label,
.aeb-form > .aebInput[type="number"]:focus ~ label,
.aeb-form > .aebInput[type="email"]:focus ~ label,
.aeb-form > .aebInput[type="text"]:not(:placeholder-shown) ~ label,
.aeb-form > .aebInput[type="date"]:not(:placeholder-shown) ~ label,
.aeb-form > .aebInput[type="number"]:not(:placeholder-shown) ~ label,
.aeb-form > .aebInput[type="email"]:not(:placeholder-shown) ~ label {
    transform: scale(0.85) translateY(-17px) translateX(14px);
    background: #fff;
}
label.error {
    color: #eb5757;
    transform: scale(1) translateY(0) translateX(0) !important;
    position: initial !important;
    padding: 0 !important;
}
.number-progress{
    display: contents;
}
.number-progress .success .number {
    background: #007bff;
    color: #fff0;
    background-image: url(/local/templates/Aeb/assets/img/general/check-icon-white.png);
    background-repeat: no-repeat;
    background-position: 50%;
}
.number-progress div .number{
    color:#FFFFFF;
    background: #E1E4E7;
    width: 48px;
    padding: 0px;
    text-align: center;
    border-radius: 3rem;
    font-size: 32px;
    margin: 0 auto;
}
.number-progress .active .number{
    background: #2F88F0;
}
.number-progress .text {
    text-align: center;
    margin-top: 24px;
}
.dd-menu{
    border-left: 2px solid #2F88F0;
    border-right: 2px solid #2F88F0;
    border-bottom: 2px solid #2F88F0;
    border-top: 0 solid #fff !important;
    border-radius: 0 0 10px 10px !important;
    position: absolute;
    margin-top: -8px !important;
    z-index: 1!important;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    top: 56px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
}
.dd-menu.show{
    display: initial;
    top: 56px;
    border-bottom: 1.6px solid #2f88f0;
    border-right: 1.6px solid #2f88f0;
    border-left: 1.6px solid #2f88f0;
}
.dd-menu .dropdown-item{
    padding: 16px 16px;
    cursor: pointer;
}
.datepicker-dropdown{
    padding: 15px !important;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active{
    background-color: #2F88F0 !important;
    border-color: #2F88F0 !important;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover{
    background-color: #2F88F0 !important;
    border-color: #2F88F0 !important;
}
@media (max-width: 575.98px) {
    .aeb-form-block {
        border-radius: 10px;
        padding: 0;
        margin-bottom: 20px;
    }
    .order-top{
        order: -1;
    }
    .aeb-form-card-order{
        padding: 0;
        background: #FFF;
    }
    .inputFile_open .btn-white {
        border: initial;
        background: initial;
        padding: 14px 0;
        padding-left: 29px;
    }
    .inputFile_open .btn-white::before{
        left: 30px !important;
    }
    .fileDropzone{
        padding: 12px;
    }
    #smallBlock{
        display: block;
    }
    #bigBlock{
        display: none;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .aeb-form-block {
        border-radius: 10px;
        padding: 0;
        margin-bottom: 20px;
    }
    .order-top{
        order: -1;
    }
    .aeb-form-card-order{
        padding: 0;
        background: #FFF;
    }
    .inputFile_open .btn-white {
        border: initial;
        background: initial;
        padding: 14px 0;
        padding-left: 29px;
    }
    .inputFile_open .btn-white::before{
        left: 30px !important;
    }
    .fileDropzone{
        padding: 12px;
    }
    #smallBlock{
        display: block;
    }
    #bigBlock{
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .aeb-form-block {
        border-radius: 10px;
        padding: 32px 36px 6px 32px;
        margin-bottom: 20px;
    }
    .order-top{
        order: 1;
    }
    .aeb-form-card-order{
        padding: 30px;
        background: #FAFAFA;
    }
    .inputFile_open .btn-white {
        border: 1px solid #2f88f0;
        background: #fff;
        padding: 14px 24px;
        padding-left: 48px;
    }
    .inputFile_open .btn-white::before{
        left: 57px !important;
    }
    .fileDropzone{
        padding: 24px;
    }
    #smallBlock{
        display: none;
    }
    #bigBlock{
        display: flex;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .aeb-form-block {
        border-radius: 10px;
        padding: 32px 36px 6px 32px;
        margin-bottom: 20px;
    }
    .order-top{
        order: 1;
    }
    .aeb-form-card-order{
        padding: 30px;
        background: #FAFAFA;
    }
    .inputFile_open .btn-white {
        border: 1px solid #2f88f0;
        background: #fff;
        padding: 14px 24px;
        padding-left: 48px;
    }
    .inputFile_open .btn-white::before{
        left: 57px !important;
    }
    .fileDropzone{
        padding: 24px;
    }
    #smallBlock{
        display: none;
    }
    #bigBlock{
        display: flex;
    }
}
@media (min-width: 1200px) {
    .aeb-form-block {
        border-radius: 10px;
        padding: 32px 36px 6px 32px;
        margin-bottom: 20px;
    }
    .order-top{
        order: 1;
    }
    .aeb-form-card-order{
        padding: 30px;
        background: #FAFAFA;
    }
    .inputFile_open .btn-white {
        border: 1px solid #2f88f0;
        background: #fff;
        padding: 14px 24px;
        padding-left: 48px;
    }
    .inputFile_open .btn-white::before{
        left: 57px !important;
    }
    .fileDropzone{
        padding: 24px;
    }
    #smallBlock{
        display: none;
    }
    #bigBlock{
        display: flex;
    }
}
/* End */
/* /local/templates/Aeb/assets/css/datepicker/bootstrap-datepicker3.css?162486591522835 */
/* /local/templates/Aeb/assets/css/cardorder/style.css?162754391813118 */

/* End */
/* /bitrix/components/AEB.CardApplicationForm/templates/web/style.css?175687090439269 */
