body.lock-scroll{
  overflow: hidden;
}


#phoneHelpBlock{

font-style: normal;
font-weight: 700;
font-size: 14px;
color: #FF0000;
margin-top: 4px;

}

input.has-error{
  border-color: red !important;
}

.has-error .select2-selection{
    border-color: red !important;
}


.table__display tr:hover {
    box-shadow: 0px 2px 30px rgba(51, 51, 51, 0.13);
}


.header .user-block {
  position: relative;
}


.loan-block__title-block.calc-title{
  margin-bottom: 2.4rem;

}

.card__row {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;

}


/*user Phone in order */


.responsible-user__Phone {

  display: flex;
  align-items: center;
  padding: 12px 20px;
  border-radius: 16px;
  background:  #FFF;
  box-shadow: 0px 4px 32px 0px rgba(51, 51, 51, 0.05);

}
.responsible-user__Phone a {

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  color:  #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.responsible-user__Phone input{
  user-select: none;
}




/*procentChip*/

.procent-chip{

  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px !important;
}

.procent-chip .element__content span{
  color: #999999;
  font-size: 16px;
 line-height: 24px;

} 


.modal__credit .status__intial{
  display: none;
}


.modal-docs .js-dropzone{
  flex-direction: column;
}

.client-contact-person__phone ,.client-contact-person__fio{
  margin-bottom: 16px;
}


.file-item__icon{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(../images/icons/fileIcon.svg) center no-repeat;
    background-size: 100% 100%;
    background-position: center;
    font-size: 8px;
    font-weight: 700;
    color: #757575;
    width: 28px;
    height: 28px;



}




 .loan-block.block-new .block__row{
  margin: 0 ;
}

.loan-block.block-new{
  padding:  2.4rem;
}

 .loan-block.block-new .block__title-block{
  margin: 0px;
  margin-bottom: 2rem;
}

.loan-block.block-new .loan-block__name{
  margin-bottom: 0.8rem;
}

.loan-block.block-new .block__row > *{
  margin: 0px;
}

 .loan-block.block-new .block__title-block > *{
  margin: 0px;
}


.loan-block__title-block.calc-title .block__title{
  margin: 0px;
}


.profile__main-info{
  flex-direction: column;
  gap: 4px;
    align-items: flex-start;
}


.confirmation-com{
  background: #50D074
}

.review-com{
  background: #FFE560;
}

.requres-com{
  background:  #FFC9C9;
}

.agreed-com{
  background: #88F7A7;
}

.rejected-com{
   background: #FF4C68;
}

.compensated-com{
  background: #50D074;
}
.draft-com{
  background:  #E5E5E5;
}


.disabled{
  pointer-events: none;
  color: -internal-light-dark(graytext, rgb(170, 170, 170));
  opacity: 0.7;
}


.order__user-info{
  display: flex;
  flex-direction: column;
  gap:12px;
  padding: 14px 20px;
  border: 1px solid #EAEAEA;
  border-radius: 16px;
}

.order__user-info > div{
  display: flex;
  flex-direction: row
}

.order__user-info p{
  font-size: 15px;
  line-height: 20px;
color: #333333;
}

.order__user-info svg{
  margin-right: 10px
}




.air-datepicker-global-container{
  z-index: 10002;
}


.modal .calendar{
  box-shadow: none;
  border: 1px solid #EAEAEA;
}

.modal__toogle{
  margin-bottom: 4rem;
  margin-top: 4rem;
}

.modal__income{
  margin-top: 5.2rem;
  margin-bottom: 4rem;
}


#clients-gender{
  display: flex;
  align-items: center;
  gap:16px;
}

#clients-work_type{
  display: flex;
  align-items: center;
  gap:16px;
}

#clients-work_experience_total{
  display: flex;
  align-items: center;
  gap:16px;
}


.field-clients-work_experience_total label {
  display: flex;
  align-items: center;

  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #333333;
}


.field-clients-work_experience_total label input{
    margin-right: 8px;
  }

.field-clients-work_type label{
  display: flex;
  align-items: center;

font-style: normal;
font-weight: 400;
font-size: 1.6rem;
line-height: 2.4rem;


color: #333333;

}

.field-clients-work_type  label input{
    margin-right: 8px;
  }

.field-clients-gender label {
    display: flex;
    align-items: center;

  font-style: normal;
  font-weight: 400;
font-size: 1.6rem;
line-height: 2.4rem;


color: #333333;
}

.field-clients-gender label  input {
  margin-right: 8px;
}

.field-clients-is_same_address label{
display: flex;
align-items: center;

font-style: normal;
font-weight: 400;
font-size: 1.6rem;
line-height: 2.4rem;
}

.field-clients-is_same_address label input{
    margin-right: 8px;
  }


  #clients-is_same_address{
    display: flex;
    align-items: center;
    gap:16px;
  }

  #clients-family_status{
    display: flex;
    align-items: center;
    gap:16px;
  }

    #clients-family_status label{
      display: flex;
      align-items: center;
    }


    .field-clients-family_status{
      margin-top: 16px;
      margin-bottom: 16px;
    }

      .field-clients-family_status label{
      display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #333333;
    }


  .passport-address_registration{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .modal__client-contact{
    margin-top: 4rem;
  }

  .modal__company-inn-and-phone{
    display: flex;
    align-items: center;
    gap:20px;

  }

  .modal__company-name{
    margin-bottom: 1.6rem;
  }

  .modal__company-inn{
    flex:0.8;
  }

  .modal__company-phone{
    flex: 0.6;
  }

  .modal__work_type{
    margin-top: 1.6rem;
  }

  .modal__experience{
    margin-top: 1.6rem;
  }








.modal{
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: none;
  top: 0;
  left: 0;
  z-index: 10001;
  overflow: auto;

}

.modal__back{
  background: #F2F2F2;
}

.modal_active{
  display: flex;
  flex-direction: column;
  align-items: center;
}


.modal__header {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  margin-bottom: 40px;
  padding: 32px 0px;
}

.modal__wrap{
  padding: 0 40px;
  width: 100%;
}


.modal__close{
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}


.modal__btn{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 42px;
  gap:20px;
}

.modal__btn > div{

  cursor: pointer;
}

.modal__mobile{
  display: none;
}

.modal__actions{
  display: flex;
  align-items: center;
  gap:17px;
  margin-right: 42px;
}


.modal__spacer{
  width: auto;
  display: block;
  margin-left: auto;
}

.modal__content{
  display: flex;
  flex-direction: column;
  margin: 0 auto;
 max-width: 920px;
}

.modal__top{
  margin-bottom: 28px;
  width: 100%;
}


.modal__top .info-block {
  max-width: 100%;
}


.modal__bottom{
  background: #FFFFFF;
  box-shadow: 0px 4px 32px rgba(51, 51, 51, 0.05);
  border-radius: 20px;
  width: 100%;
  padding: 20px;
}


.modal__bottom-wrap{
  padding: 20px;
}


.loan-layout  .btn-create-blank{
  display: none;
}


.file-item{
  display: flex;
}


.file-item__icon{
  margin-right: 10px;
}


.file-item-container{
  align-items: baseline;
}


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

.loan-table__column{
  max-height: 70vh;
  overflow: auto;
}


.loan-table{
  overflow-x: visible !important;
}




.memo{
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
}


.memo h2 {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 20px;
margin-bottom: 52px;
color: #333333;
}

.memo__wrap{
  padding: 16px;
}


.memo__header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.memo__list-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.memo__title{

font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
display: flex;
align-items: center;
color: #757575;
}


.memo__title.memo__title_bold{
  font-weight: 700;
  color: #333333;
}

.memo__title.memo__title_big{

font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;


display: flex;
align-items: center;



color: #333333;
}

.memo__list_note p{

font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 12px;

color: #333333;
}





.memo__list{
  display: flex;
  flex-direction: column;
  gap:8px;
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid  #999999
}

.memo__list h3 {

font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;


display: flex;
align-items: center;



color: #333333;
}


.memo__content{


font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 14px;


color: #333333;
}

.memo_phone{

font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: #333333;
margin-bottom: 4px;
}

.memo__email{


font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #333333;
}


.client__name-and-last-name{
  display: flex;
  align-items: center;
  gap: 20px;
}

.client__name-and-last-name .block__item{
  width: 100%;
}

.modal  .entity-section__title{

font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #333333;
margin-bottom: 20px;


}



.modal .form-control{
  font-size: var(textSizeMd);
line-height: 1;
color: var(--black);
background-color: var(--white);
border: 1px solid #eaeaea;
border-radius: 1.6rem;
padding: 1.4rem 1.6rem;
width: 100%;
}

.pasport-main-info{
  display: flex;
  align-items: center;
  gap:20px;
}



.info-block__toogle.hidden{
  display: none;
}

.info-block__toogle {
  display: block;
}

.status__drop{
  display: none;
}

.status__none{
  display: flex;
}

.status__drop.active{
  display: flex;
  position: relative;
}

.status__none.hidden{
  display: none;
}


 .status__drop .select2-container--default:nth-child(3){
  display: none;
}


.status__drop .select2-selection__arrow {
  display: none !important;
}

.status__drop .select2-container--default .select2-selection--single{
  box-shadow: none;
  padding: 0;
  height: auto;
}


.status__drop .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: auto;
  line-height: normal;
  display: flex;
  align-items: center;
}

.card__name{

font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 20px;
display: flex;
align-items: center;
color: #555555;
}


 .status-dropdown .select2-results__option{
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 20px;
}


 .status-dropdown .select2-results__option:hover .status__name{
   color: var(--black);
 }

.status-dropdown .select2-results__option:last-of-type{
  margin-bottom: 0;
}


.status-dropdown .select2-results__options{
  padding: 24px;
}

.status-dropdown .select2-results__option--selected{
  background: transparent !important;
  color: var(--gray) !important;

}

.status-dropdown .select2-results__option--selected .status_name{

}


.status-dropdown .select2-results__option--highlighted.select2-results__option--selectable{
  background: transparent !important;
    color: var(--gray) !important;
}


.has-error .help-block{

font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: #FF4C68;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 1.6rem;
}


.modal .files{
  display: flex;
  flex-direction: row;
  gap:36px;
}



 .modal .client__midle-name-and-date{
   display: flex;
   align-items: center;
   gap:20px;
 }


  .modal .client__midle-name-and-date .modal__name{
    flex: 1
  }

   .modal .client__midle-name-and-date .modal__date{
     flex: 0.5;
   }

   .modal .client__midle-name-and-date .modal__gender{
     flex: 0.5;
   }

   .pasport-main-info{
     display: flex;
     gap:20px;
   }


   .modal__pasport-serial{
     flex: 1;
   }

   .modal__pasport-date{
     flex: 0.5;
   }

   .modal__pasport-code{
     flex: 0.8;
   }

   .docs-snils-and-date{
     display: flex;
     flex-direction: row;
     gap:40px;
   }

   .docs-snils{
     flex:1;
   }

   .docs-driver-license{
     display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 16px;
   }

   .docs-driver-license-serial{
     flex: 1;
   }

   .client-marital-spouse-and-clild{
     display: flex;
     flex-direction: row;
     gap:20px;
   }
   .client-marital-spouse{
     flex : 1 ;
   }

   .client-marital-status{
     margin-top: 40px;
     margin-bottom: 40px;
   }

   .region-and-city{
     display: flex;
     gap:20px;
   }

   .region-and-city div {
     flex: 1
   }

   .steet-and-numbers {
     display: flex;
     gap:20px
   }

   .steet-and-numbers div{
     flex:0.2;
   }

   .steet-and-numbers div:first-of-type{
     flex: 1;
   }

   .passport-address_registration{
     display: flex;
     flex-direction: column;
     gap:16px;
   }

   .passport-address_actual{
     display: flex;
     flex-direction: column;
     gap:16px;
   }






   .contact-phone-and-email{
     display: flex;
     align-items: center;
     gap:20px;
   }


   .table__display th  a {
     text-align: left;
     white-space: nowrap;
     font-weight: 600;
     color: var(--black);
     font-size: 12px;
     line-height: 1.2;
   }

   .modal-additional__content{
     overflow: hidden;
     height: 0px;
     transition: 0.2s;
   }

   .modal-additional__content.modal-additional__content-open{
     height: 100%;
     overflow: inherit;
   }

   .table__display th p {
     display: flex;
     align-items: center;

   }

    .table__display th p svg {
        margin-left: 8px;
    }




    .product-block-with-promt{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }


    .calc-notify{

    }


    .calc-notify__icon{
      cursor: pointer;
    }

    

   .promt-dealer__wrap{
     display: flex;
     padding: 24px;
     flex-direction: column;
     background: #FFF;
     box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
     border-radius: 20px;
     min-width: 80%;
   }

   .promt-dealer__titles{
     display: flex;
     align-items: center;
     gap:20px;


   }

   .promt-dealer__titles p {

      font-style: normal;
      font-weight: 600;
      font-size: 1.6rem;
      line-height: 20px;
      display: flex;
      align-items: center;
      color: #333333;
      white-space: nowrap;
   }

   .promt-dealer__list{
     display: grid;
     gap:10px;

   }



    .promt-dealer p {

      font-style: normal;
      font-weight: 400;
      font-size: 1.5rem;
      line-height: 20px;
      display: flex;
      align-items: center;
      color: #555555;
      flex: 1;
      justify-content: flex-start;
    }

    .promt-dealer{
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .promt-dealer .promt-dealer__name{
      min-width: 12.656vw;
    }

    .promt-dealer__titles p:first-of-type{
        min-width: 12.656vw;
    }


    

  .loan   .promt-dealer__wrap:after{
    left:91%;
  }


  .mobile-aside{
    position: fixed;
    z-index: 1002;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:  #E5E5E5;
    transform: translateX(-100vw);
    transition: 0.2s;
  }

  .mobile-aside.mobile-aside_open{
    transform: translateX(0px);
    overflow-y: scroll;
  }


  .mobile-aside__close{
    display: flex;
    align-items: center;
    padding: 11.1px;
    background: #ffff;
    filter: drop-shadow(0px 2px 5px rgba(51, 51, 51, 0.11));
    border-radius: 50%;
    justify-content: center;
    width: fit-content;
  }

  .mobile-aside__header{
    display: flex;
    justify-content: end;
    margin-top: 20px;
    margin-bottom: 20px;
  }


  .promt-dealer__title_mobile{

    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #333333;
    margin-bottom: 20px;
  }

  .promt-dealer-mobile-list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:20px;
    margin-bottom: 40px;
  }

  .promt-dealer_mobile{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap:20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
    border-radius: 20px;
  }

  .promt-dealer__title{

    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 20px;
  }

  .promt-dealer__name , .promt-dealer__intial-pay, .promt-dealer__date, .promt-dealer__marketing-bit{

    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #555555;

  }


    .pagination-block{
      gap:1.6rem;
      margin: 4rem auto 1rem auto !important;
    }


  .pagination-block li {
  background: #FFFFFF;
  box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  }

  .pagination-block li a {

    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;

    color: #999999;
  }

  .pagination-block li span {

    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;

    color: #999999;
  }


  .pagination-block li.active{
    background: #333333;
  }

.pagination-block li.active a {
    color: #FFFFFF;
  }



  #program-filter-form .card-header{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:20px;
  }


  .table-data  thead a {
    font-size: 1.6rem;

    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    color: #333333;
  }


  .table-data thead th{
    font-size: 1.6rem;

    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    color: #333333;
  }

  .table-data td {

font-style: normal;
font-weight: 400;
font-size: 1.5rem;
line-height: 2rem;

color: #555555;
  }


  .table-data td a  {

font-style: normal;
font-weight: 400;
font-size: 1.5rem;
line-height: 2rem;

color: #555555;
  }



  .card_program{
 background: transparent !important;
border: none !important;
padding: 0px !important;
  }


  #program-filter-form{
    margin-bottom: 2.8rem;
  }



  .card_program .table-data .table{
    background-color: var(--white);
    border: 1px solid #eaeaea;
    border-radius: 2rem;
    padding: 2rem;
  }




    .table-data .table th{
        padding: 2.2rem 0.2rem;
        border:none;
    }


    .table-data  table td{
      border:none !important;
    }



    /* .table-data  table {
  display: grid;
  border-collapse: collapse;
  min-width: 100%;
  column-gap: 20px;
  grid-template-columns:
  minmax(16px, 0.17fr)
  minmax(228px, 1.67fr)
  minmax(162px, 1.67fr)
   minmax(67px, 0.67fr)
    minmax(67px, 0.67fr)
      minmax(67px, 0.67fr)
      minmax(56px, 1.67fr)



} */


.table-data  td{
  white-space: normal !important;
  position: relative;
}


.table-data table td:after{
  content: '';
  background:  #eaeaea;
  height: 1px;
  width: 200%;
  top: 0;
  left: 0;
  position: absolute;

}





 .table-data thead {
   display: grid;
   border-collapse: collapse;
   min-width: 100%;
   column-gap: 20px;
   grid-template-columns:
   minmax(16px, 0.17fr)
   minmax(228px, 1.67fr)
   minmax(162px, 1.67fr)
    minmax(67px, 0.67fr)
     minmax(67px, 0.67fr)
       minmax(67px, 0.67fr)
       minmax(56px, 1.67fr)
}

.table-data tbody{
  display: grid;
  border-collapse: collapse;
  min-width: 100%;
  column-gap: 20px;
  grid-template-columns:
  minmax(16px, 0.17fr)
  minmax(228px, 1.67fr)
  minmax(162px, 1.67fr)
   minmax(67px, 0.67fr)
    minmax(67px, 0.67fr)
      minmax(67px, 0.67fr)
      minmax(56px, 1.67fr)
  }

  .table-data tr{
    display: contents;
    position: relative;

  }






  .table-data td {
    padding: 2.2rem 0.2rem !important;
  }


  .table-data tr:hover td:before{
    content: none !important;
  }

  .table-data tr:hover td:after{
    content: '' !important;
    background:  #eaeaea !important;
    height: 1px !important;
    width: 200% !important;
    top: 0 !important;
    left: 0 !important;
    position: absolute !important;
  }


  .btn_load{
    width: 100%;
    justify-content: center;
  }






    .regulation_mobile .regulation__container{
      margin: auto !important;
    }

    .mobile-search__help-text{
      margin-top: 1.6rem;

      font-style: normal;
      font-weight: 400;
      font-size: 4.267vw;
      line-height: 2.4rem;
      color: #999999;
    }

    .field-orderssearch-q{
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .mobile-aside-content .mobile-search__submit{
      overflow: inherit;
      padding: 0 1.6rem;

    }

    .modal__job-time__wrap{
      display: flex;
      align-items: center;
      gap:1.6rem;
    }

  .modal__job-position{
    flex: 1;
  }

    .modal__job-position-and-time{
      display: flex;
      align-items: center;
      gap:20px;
        margin-top: 20px;
    }


.pagination{
  margin: 4rem auto 1rem auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 66rem;
width: 100%;
overflow: visible;
gap:1.6rem;
}


.pagination  li {
background: #FFFFFF;
box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}

.pagination li a {

  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;

  color: #999999;
}

.pagination li.active{
  background: #333333;
}

.pagination li.active a {
  color: #FFFFFF;
}


.pagination li span {

  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;

  color: #999999;
}


.program__list_mobile{
  display: flex;
  flex-direction: column;
  gap:16px;
}


.program-item_mobile{
  display: flex;
  flex-direction: column;
  gap:20px;
  background: #FFFFFF;
  box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
  border-radius: 20px;
  padding: 24px;
}

.program-item__content{
  display: flex;
  flex-direction: column;
  gap:8px;
}


.program-item__title{

font-style: normal;
font-weight: 600;
font-size: 1.6rem;
line-height: 2rem;
color: #333333;

}

.program-item__text{

font-style: normal;
font-weight: 400;
font-size: 1.5rem;
line-height: 2rem;
color: #555555;
}






.user-notification{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}



.user-notification__wrap{
min-width: 40vw;
display: flex;
flex-direction: column;
padding: 26px 24px;
background: #FFFFFF;
box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
border-radius: 20px;
}

.notification__item{
  display: flex;
  flex-direction: row;
}

.user-notification__title{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 34px;
}

.user-notification__icon{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap:10px;

}

.user-notification__icon p {
  font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #333333;
}

.user-notification__read-all{
  font-weight: 400;
font-size: 16px;
line-height: 24px;


color: #999999
}

.notifyjs-corner{
  z-index: 10002 !important;
}


.modal__action{
  cursor: pointer;
}


.bank-form{
  background: transparent !important;
  display: block !important;
  flex-direction: column;

}

.memo h2 {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 20px;
margin-bottom: 52px;
color: #333333;
}

.memo__wrap{
  padding: 16px;

}

.bank-from__header{
  display: flex;
  flex-direction: column;
  display: none;
}
.bank-form__request{
  display: flex;
  flex-direction: column;
}


.square__wrap{

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  background: #ffff;
}

.square{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
 height: 15px;

border: 0.5px solid rgba(207, 207, 207, 1)
}


.bank-form__section{
      display: flex;
    flex-direction: column;
    margin-bottom: 12px;

border: 1px solid #EAEAEA;
}

.bank-form__title{
  display: flex;
  flex-direction: row;
  height: auto;
  background:  #EAEAEA;;
}

.bank-form__title h3{
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
font-size: 9px;
line-height: 12px;
/* identical to box height, or 133% */

text-transform: uppercase;

color: #000000;
}

.bank-form__inner{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bank-form__input{
  display: flex;
  flex-direction: row;
  align-items: center;

}

.bank-form__field{
  flex: 1;
  height: 15px;
  border: 0.5px solid #CFCFCF;
}

.bank-from__label{
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
margin-right: 4px;


color: #000000;
}





.bank-form__name-and-last-name{
  display: flex;
    gap: 8px;

}
.bank-form__name-and-last-name div{
  flex: 1;

}

.bank-form__date-and-gender{
  display: flex;
  gap: 8px;
}

.signature{
  display: flex;
  flex-direction: column;
  border: 1px solid #EAEAEA;

}


.signature__wrap{
  display: flex;
  flex-direction: row;
  padding: 8px;
  gap:12px;
}

.signature__client{
  display: flex;
  flex-direction: row;
  gap:2px;
}

.signature__client p{
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
color: #000000;
}

.signature__feild{

width: 104px;
height: 48px;

border: 0.5px solid #CFCFCF;
}

.siqnature__fio{
  display: flex;
  flex-direction: column;
  gap:4px;
}


.siqnature__fio p {
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
color: #000000;
}

p.bank-from__label{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
color: #000000;
}


.signature__date{
  display: flex;
  flex-direction: row;
  gap:4px;
  align-items: center;
}



.signature__title{
  background:  #EAEAEA;
}

.signature__title h3 {
font-family: 'Source Sans Pro';
font-weight: 600;
font-size: 9px;
line-height: 12px;
margin-left: 10px;

text-transform: uppercase;

color: #000000;
}

.signature p {
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;



color: #000000;
}

.bank-from__contact-person {
  display: flex;
  flex-direction: row;
  gap:8px;
}


.common-block .control-label{

  font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 8px;

display: flex;
align-items: center;



color: #757575;


}

.table::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}

.table::-webkit-scrollbar-track {
  background: rgba(153, 153, 153, 0.2);
  
}



.table::-webkit-scrollbar-thumb {
  height: 8px;
  background: #999999;
  width: 5px;

  border-radius: 8px;
}




.form-group input{
  line-height: 1;
  color: var(--black);
  background-color: var(--white);
  border: 1px solid #eaeaea;
  border-radius: 1.6rem;
/*  padding: 1.4rem 1.6rem;*/
  width: 100%;
  flex: 1;
  margin-right: 8px;

}

.calculator-layout__grid .form-group {
  margin-right: 12px !important;
}

.form-group  label {
  font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */

display: flex;
align-items: center;

/* Основные/333 основной цвет */

color: #333333;

}

.calendar{
  box-shadow: none !important;
}


.common-block .flex-row > *{
  margin-right:  0;
}

.common-block .flex-row .block__item{
  flex: 1;
}


.common-block .flex-row .block__item input{
  width: 100%;
}





.pasport-main-field{
  gap:20px;
}

.adress-main-field{
  display: flex;
  flex-direction: column;
  gap:4px;
}

.adress-main-field .common-block__name{
  margin-bottom: 0px;
}

.adress-main-field .steet-and-numbers{
  margin: 20px 0px;
}


.adress-fact-main .common-block__name{
  margin-bottom: 0px;
}

.adress-fact-main{
  display: flex;
  flex-direction: column;
  gap:4px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.adress-fact-main .steet-and-numbers{
  margin: 20px 0px;
}

.adress-fact-main .date input{
  width: auto;
}

.adress-main-field .date input{
    width: auto;
  }

  .main-inn-and-phone{
    gap:20px;
  }


  .main-snils-client{
    gap:20px;
  }

  .main-snils-client .calendar{
    width: auto !important;
  }

  .main-driver-license{
    gap:20px;
  }

  .main-driver-license .block__item {
    flex:auto !important;
  }

  .main-driver-license .block__item:first-of-type{
    width: 38%;
  }

  .main-driver-license .block__item:last-of-type{
    width: 30%;
  }

  .main-driver-license .block__item{
    width: 60%;
  }

  .spose-main-field {
    gap:20px
  }

  .spose-main-field .block__item:last-of-type{
    flex: initial !important;
  }

  .spose-main-date .block__item {
    flex: initial !important;
    width: auto !important;
  }

  .common-block__item .radio__name {
  margin: 0px;
  }

  .radio__name input {
    width: auto !important;
  }

  .main-experience-year-and-mount__wrap {
    display: flex;
    gap:16px;
  }
  .main-experience-info{
    gap:20px;
  }


.selection .model__name {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #999999;
}


.selection .model__name .model__price{
  font-size: 16px;
  line-height: 16px;
  color: #333333;

}


.select2-results__option .model__name {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #999999;
}



.select2-results__option  .model__name .model__price{
  font-size: 16px;
  line-height: 16px;
  color: #333333;

}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable  .model__name {
  color:  #fff;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable  .model__name .model__price{
    color:  #fff;
}



































.bank-form__pasport-main{
  display: flex;
  flex-direction: row;
  gap:8px;
}

.bank-form__driver-license__wrap{
  display: flex;
  flex-direction: row;
  gap:8px;
}



.bank-form{
  background: #fff;
  display: flex;
  flex-direction: column;

}

.bank-form__pasport{
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
}


.bank-form p {
  margin: 0;
  padding: 0;
}



.memo__wrap{
  padding: 16px;

}

.bank-from__header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}
.bank-form__request{
  display: flex;
  flex-direction: column;
  align-items: end;
}


.square__wrap{
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}

.square{
  width: 14px !important;
height: 14px !important;

border: 0.5px solid #CFCFCF;
}


.bank-form__section{
      display: flex;
    flex-direction: column;

border: 1px solid #EAEAEA;
}

.bank-form__title{
  display: flex;
  flex-direction: row;
  height: auto;
  background:  #EAEAEA;;
}

.bank-form__title h3{
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
font-size: 9px;
line-height: 12px;
/* identical to box height, or 133% */

text-transform: uppercase;

color: #000000;
}

.bank-form__inner{
  display: flex;
  flex-direction: column;
  padding: 8px;
  gap: 10px;
}

.bank-form__input{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap:4px;

}

.bank-form__field{
  flex: 1;
  height: 15px;
  border: 0.5px solid #CFCFCF;
}

.bank-from__label{
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
margin-right: 4px;


color: #000000;
}

.bank-form__name-and-last-name{
  display: flex;
    gap: 8px;

}
.bank-form__name-and-last-name div{
  flex: 1;

}

.bank-form__date-and-gender{
  display: flex;
  gap: 8px;
}


.bank-form__request__wrap{
  display: flex;
  flex-direction: row;
  gap:4px;
}

.bank-form h2 {
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
margin: 0;
padding: 0;
margin-bottom: 8px;


color: #000000;
}

.bank-form__adres-actual__wrap{
  display: flex;
  flex-direction: column;
  gap:8px;
}

.bank-form__adress-actial-city-date{
  display: flex;
  flex-direction: row;
  gap:8px;
}

.bank-form .memo__wrap{



}

.bank-form__bottom{
  margin-top: 12px;
}

.bank-form__adress-actial-city-date .bank-form__input{
  flex: 1;
}

.bank-form__street .bank-form__input{
  flex: 1;
}

.bank-form__street{
  display: flex;
  flex-direction: row;
  gap:8px
}

.bank-form .simple-text{
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
font-size: 10px;
line-height: 12px;

color: #000000
}

.bank-form .bold-text{
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 8px;
line-height: 12px;
/* or 150% */


color: #000000;
}


.last-page .signature{
  margin-top: 40px;
}

.last-page .simple-text{
  margin-top: 16px;
}

.third-page .signature{
  margin-top: 16px;
}

.second-page {
  margin-bottom: 13px;
}

.second-page {
  display: flex;
  flex-direction: column;
  gap:20px;
}

.second-page .bank-form__inner{
  display: flex;
  flex-direction: column;
  gap:8px;
}

.banf-form__status{
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.bank-form-employment{
  display: flex;
  flex-direction: column;
  gap:8px;
}

.bank-form__org-occupation{
  display: flex;
  flex-direction: column;
  gap:8px;
}

.bank-form__sum-dop{
  display: flex;
  flex-direction: row;
}

.bank-form__p_top{
  font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 14px;



color: #000000;
}

.modal-docs_aditional{
  margin-top: 20px;
}

.bank-form__title h3 {
 margin-left: 10px;
}



.btn_export svg{
  margin-right: 8px;
}


.bank-form__pasport h2 {
  margin-bottom: 0px;
}

.bank-from__label span {
   font-weight: 300px;
}

.bank-form-employment h2 {
  margin-bottom: 0px;
}


.bank-form__sum-dop{
  margin-top: 8px;
}

.bank-form__spouse{
  display: flex;
  flex-direction: column;
  gap:8px;
}


.btn_filter{
  display: flex;
  align-items: center;
}


.btn_filter svg {
    margin-right: 8px
}


.modal_filter{
  background: rgba(51, 51, 51, 0.7);
}

.modal_filter  .content{
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 20px;
  max-width: 375px;
  padding: 24px;

}

.modal_filter  .content h3 {
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #333333;
margin-bottom: 20px
}

.modal_filter .modal__header{
  flex-direction: row-reverse;
  padding-right: 20px;
  padding-left: 20px;
}

.status__intial{
  display: flex;
  flex-direction: row;
  align-items: center;

}


.status__intial.hidden{

  display: none;
}



.form-group .field-selection-custom_brand{
      width: calc(100% - 60px);
}



.filter__inner{
  display: flex;
  flex-direction: column;
  gap:20px;
}

.filter__inner label{
  display: block;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #757575;
margin-bottom: 8px;
}

.filter__inner  div {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.select2-container--open {
    z-index: 9999999
}

.filter__inner .select2-container {
  width: 100% !important;
}

.filter__bottom{
  display: flex;
  align-items:center;
  margin-top: 20px
}

.filter__reset{
font-weight: 400;
font-size: 16px;
line-height: 24px;

margin-left: 22px;
color: #757575;

}


.button-block__row .del {
  margin-left: auto;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #999999;
  cursor: pointer;
}

.button-block__row .del svg{
  margin-right: 12px;
}

.chosen-container .chosen-drop{
  top: 64px
}

@media print {



    .bank-form .memo__wrap {
        break-after: always;
        page-break-inside: avoid;
    }
}


@media screen and (max-width: 800px) {


  #offer-view-cards .info-block__list{
    display: flex !important;
    flex-direction: column !important;
  }

  .client__name-and-last-name ,.pasport-main-info ,.docs-snils-and-date{
    gap: 0px;
  }


  .modal .client__midle-name-and-date{
    gap: 0px;
  }


  #clients-gender ,#clients-is_same_address{
    align-items: flex-start;
  }
    .modal__btn{
      display: none;
    }

    .modal__mobile{
      display: block;
    }

    .flex-row{
      flex-direction: column;
    }

    #clients-work_type{
      flex-direction: column;
      align-items: flex-start;
    }

    #clients-family_status{
      flex-direction: column;
      align-items: flex-start;
    }

    .main-driver-license .block__item:first-of-type{
      width: 100%;
    }

    .main-driver-license .block__item{
      width: 100%;
    }

    .modal__content{
      padding-left: 2rem;
      padding-right: 2rem;
    }


   .modal__field{
     flex-direction: column;
   }


   .modal__field div {
     flex: 1;
     width: 100%;
   }

   #clients-work_experience_total{
     flex-direction: column;
     align-items: flex-start;
   }

   .modal__field .calendar{
     width: 100% !important;
   }

   .main-snils-client .calendar{
     width: 100% !important;
   }

   .main-driver-license .block__item:last-of-type{
     width: 100%;
   }





}

.kebab {
  cursor: pointer;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 16px;
}

.kebab figure {
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background: #999999;
  margin: 3px 0;
}


 .kebab .middle {
  transition: all 0.25s cubic-bezier(0.72, 1.2, 0.71, 0.72);
  transform: scale(1);
  position: relative;
  box-shadow: 0 0.1px 0.1px 0 rgba(0, 0, 0, 0.16), 0 0.1px 0.3px 0 rgba(0, 0, 0, 0.12);
  -webkit-filter: blur(0.1px);
  filter: blur(0.1px);
}


 .kebab  .middle.active {
  transform: scale(4.5);
  transition: all 0.25s cubic-bezier(0.32, 2.04, 0.85, 0.54);
  box-shadow: 0 0.1px 0.1px 0 rgba(0, 0, 0, 0.16), 0 0.1px 0.3px 0 rgba(0, 0, 0, 0.12);
  background: #fff
}

 .kebab .cross {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  margin-top: -1px;
  font-family: "Nunito", sans-serif;
  color: #999999;
  transition: all 0.2s cubic-bezier(0.72, 1.2, 0.71, 0.72);
  font-size: 12px;
  user-select: none;
}

.kebab .cross.active {
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.15s cubic-bezier(0.32, 2.04, 0.85, 0.54);
}


.kebab .dropdown {
  position: absolute;
  right: 0;
  top: 3em;
  transition: all 0.25s ease-out;
  transform: scale(0);
  transform-origin: 100% 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  z-index: 100;
  background: #fff;
  padding: 4px;
  border-radius: 8px;
}

.kebab .dropdown li{
  padding-top: 6px;
}

.kebab .dropdown li:first-of-type{
  padding-top: 0;
}

.kebab .dropdown.active {
  transform: scale(1);
  transition: all 0.25s cubic-bezier(0.5, 1.8, 0.9, 0.8);
}

.btn_inline{
  border-radius: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}

.alert{
 background: #FFC9C9;
 display: flex;
  align-items: center;
 flex-direction: row;
 gap:12px;
 padding: 28px;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 2000;
 


}

.alert p {
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #000000;


}

.alert span {
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #000000;
}

.alert__close {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    
    box-shadow: 0px 4px 32px 0px #3333330D;
    border-radius: 50%;
}