@charset "UTF-8";
@font-face {
    font-family: NunitoSans;
    src: local("NunitoSans"), url(../fonts/NunitoSans-700.woff2) format("woff2"), url(../fonts/NunitoSans-700.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: NunitoSans;
    src: local("NunitoSans"), url(../fonts/NunitoSans-600.woff2) format("woff2"), url(../fonts/NunitoSans-600.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: NunitoSans;
    src: local("NunitoSans"), url(../fonts/NunitoSans-400.woff2) format("woff2"), url(../fonts/NunitoSans-400.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --white: #fff;
    --black: #333;
    --gray: #757575;
    --grayish: #999;
    --textSizeSm: 1.4rem;
    --textSizeMd: 1.6rem;
    --textSizeLg: 1.8rem;
    --transition: 0.3s ease;
    --approved: #88f7a7;
    --issued: #50d074;
    --rejection: #ff4c68;
    --new: #9de7ff;
    --work: #ffe560;
    --consideration: #e2d8fd;
    --postponed: #e5e5e5;
    --collecting-doc-bg:#EECB16;
}

.approved-bg {
    background-color: var(--approved)
}

.issued-bg {
    background-color: var(--issued)
}

.rejection-bg {
    background-color: var(--rejection);
}

.new-bg {
    background-color: var(--new);
}

.work-bg {
    background-color: var(--work);
}


.collecting-doc-bg{
  background-color: var(--collecting-doc-bg);
}


.rejection_bank-bg{
  background-color: var(--rejection);
}

.rejection_client-bg{
    background-color: var(--rejection);
}


.non_compliant-bg{
   background-color: var(--postponed) 
}

     




.consideration-bg {
    background-color: var(--consideration)
}

.postponed-bg {
    background-color: var(--postponed)
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:active, :focus, :target {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

a:active, a:focus, a:target {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

button:active, button:focus, button:target {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

div, label, li, ol, p, span, ul {
    margin: 0;
    padding: 0
}

aside, footer, header, nav {
    display: block
}

body, html {
    height: 100%;
    width: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: NunitoSans, sans-serif;
    font-weight: 400
}

html {
    scroll-behavior: smooth;
    font-size: 62.5%
}

body {
    color: var(--black);
    font-size: 10px;
    line-height: 1.2;

}

body.lock {
    overflow: hidden
}

::-moz-selection {
    background: var(--black);
    color: #fff
}

::selection, .select.active {
    background: var(--black);
    color: rgb(8, 8, 8)
}

button, input, textarea {
    font-family: inherit;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-family: inherit
}

input::-moz-placeholder, textarea::-moz-placeholder {
    font-family: inherit
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family: inherit
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-family: inherit
}

input::placeholder, textarea::placeholder {
    font-family: inherit
}

input::-ms-clear {
    display: none
}

button {
    cursor: pointer;
    background-color: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a, a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    padding: 0
}

address {
    display: block;
    font-style: normal
}

::-webkit-scrollbar {
    width: 2px;
    height: 3px
}

::-webkit-scrollbar-button {
    background-color: transparent
}

::-webkit-scrollbar-track {
    background-color: transparent
}

::-webkit-scrollbar-track-piece {
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    height: 0;
    background-color: var(--black);
    border-radius: 6px
}

::-webkit-scrollbar-corner {
    background-color: transparent
}

::-webkit-resizer {
    background-color: transparent
}

svg {
    display: block
}

.page {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    min-height: 100%;
    background-color: #f5f5f5;
    margin: 0 auto
}

.content {
    position: relative;
    width: 87%;
    transition: all .5s ease;
}

.content_collapse{
    width: calc(100% - 4.583vw);
}

.select2-container{
    max-width: 100%;
}


.select2-container--default.shadow-drop .select2-selection {
    box-shadow: 0px 2px 5px 0px rgba(51, 51, 51, 0.11);

}

.main {
    background-color: #f5f5f5;
    padding: 3.2rem 3.2rem 10rem 3.2rem
}

.logo {
    width: 14rem;
    height: 5.6rem
}

.logo__icon {
    width: 100%;
    height: 100%;
    fill: var(--black)
}

.container {
    max-width: 126rem;
    margin: 0 auto;
    padding: 0 3rem
}

.text p {
    margin-bottom: 1rem
}

.text p:last-child {
    margin-bottom: 0
}

.title {
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 2.4rem;
    color: var(--black)
}

.notifications-btn {
    position: relative;
    width: 2.8rem;
    height: 2.8rem
}

.notifications-btn__icon {
    width: 100%;
    height: 100%;
    fill: var(--grayish)
}

.notifications-btn:focus .notifications-btn__icon, .notifications-btn:hover .notifications-btn__icon {
    fill: var(--black)
}

.notifications-btn__circle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ed0606
}

.notifications-btn__circle .notifications-btn__circle_new{
  display: block;
}

.edit-btn {
    display: block;
    width: 2.4rem;
    height: 2.4rem
}

.edit-btn__icon {
    width: 100%;
    height: 100%;
    fill: var(--grayish);
    -webkit-transition: fill var(--transition);
    -o-transition: fill var(--transition);
    transition: fill var(--transition)
}

.edit-btn:focus .edit-btn__icon, .edit-btn:hover .edit-btn__icon {
    fill: var(--black)
}

.btn {
    position: relative;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    vertical-align: top;
    font-size: var(--textSizeMd);
    line-height: 1;
    font-family: inherit;
    height: 4.8rem;
    font-weight: 600;
    -webkit-box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    background: var(--white);
    color: var(--grayish);
    border: none;
    text-decoration: none;
    padding: 0 2rem;
    border-radius: 1.6rem;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden
}


.btn_stroke{
    box-shadow: none;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 16px;
    justify-content: center;
}

.btn-create-memo{
    align-items: center;
    gap: 9px;
}

.btn-create-memo:hover svg path {
    fill: white;
}

.btn:hover {
    background: #333333;
    color: var(--white)
}

.btn:focus {
    background: var(--grayish);
    color: var(--white)
}

.btn._active {
    background: var(--black);
    color: var(--white)
}

.btn._active:hover {
    background: var(--black);
    color: var(--white)
}

.btn__icon {
    width: 2rem;
    height: 2rem;
    fill: var(--grayish);
    margin-right: 8px;
    -webkit-transition: fill .5s ease;
    -o-transition: fill .5s ease;
    transition: fill .5s ease
}

.btn:focus .btn__icon, .btn:hover .btn__icon {
    fill: var(--white)
}


.btn-primary{
    background: #333333;
    color: var(--white);
}

.btn-primary:hover{
    background: #191919;
    color: var(--white);
}

.link {
    position: relative;
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--gray);
    -webkit-transition: color var(--transition);
    -o-transition: color var(--transition);
    transition: color var(--transition)
}

.link::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10%;
    height: 1px;
    background-color: var(--black);
    -webkit-transition: all var(--transition);
    -o-transition: all var(--transition);
    transition: all var(--transition);
    opacity: 0;
    visibility: hidden
}

.link:focus, .link:hover {
    color: var(--black)
}

.link:focus::after, .link:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    list-style: none
}

.breadcrumb__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 12px
}

.breadcrumb__item a {
    color: var(--grayish);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.breadcrumb__item a:hover {
    color: var(--black);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.breadcrumb__item + .breadcrumb__item {
    padding-left: .5rem
}

.breadcrumb__item + .breadcrumb__item::before {
    display: inline-block;
    padding-right: .5rem;
    color: var(--grayish);
    content: "—"
}

.breadcrumb__item + .breadcrumb__item:hover::before {
    text-decoration: none
}

.breadcrumb__item._active {
    color: var(--black)
}

.input, .textarea {
    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
}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
    font-size: var(textSizeMd);
    line-height: 1;
    color: var(--grayish)
}

.input::-moz-placeholder, .textarea::-moz-placeholder {
    font-size: var(textSizeMd);
    line-height: 1;
    color: var(--grayish)
}

.input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
    font-size: var(textSizeMd);
    line-height: 1;
    color: var(--grayish)
}

.input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
    font-size: var(textSizeMd);
    line-height: 1;
    color: var(--grayish)
}

.input::placeholder, .textarea::placeholder {
    font-size: var(textSizeMd);
    line-height: 1;
    color: var(--grayish)
}

.input:focus, .textarea:focus {
    border: 1px solid var(--black)
}

.textarea {
    min-height: 9.6rem;
    resize: none
}

.custom-checkbox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-checkbox__input {
    cursor: pointer;
    display: block;
    position: relative;
    width: 7.2rem;
    height: 4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background-color: #e0dfdf;
    border-radius: 2rem;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
}

.custom-checkbox_sm .custom-checkbox__input {
    height: 2.8rem;
    width: 5.2rem;
}

.custom-checkbox__input:checked {
    background-color: var(--black)
}

.custom-checkbox__input::before {
    content: "";
    position: absolute;
    cursor: pointer;
    display: block;
    top: 4px;
    left: 4px;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-color: var(--white);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    z-index: 2;
    border: 4px solid transparent;
}

.custom-checkbox_sm .custom-checkbox__input::before {
    width: 2rem;
    height: 2rem;
    border: 2px solid #333333;
    background: none;
}

.custom-checkbox:hover .custom-checkbox__input::before {
    /*border: 4px solid #fff;*/
    transform: scale(0.8);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.custom-checkbox__input:checked::before {
    left: auto;
    right: 4px;
}

.custom-checkbox_sm .custom-checkbox__input:checked::before {
    background: #fff;
    border-color: #fff;
}


.custom-checkbox:hover .custom-checkbox__input:checked::before {

    transform: scale(0.8);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.custom-checkbox__name {
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--gray);
    margin-right: 8px
}

.custom-checkbox__name:last-child {
    margin: 0 0 0 8px
}

.custom-checkbox__icon-cols, .custom-checkbox__icon-rows {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 1
}

.custom-checkbox__icon-rows {
    right: 28px;
    opacity: 0;
    visibility: hidden;
    fill: var(--white)
}

.custom-checkbox__icon-cols {
    right: 8px;
    fill: var(--black)
}

.custom-checkbox__input:checked ~ .custom-checkbox__icon-cols {
    opacity: 0;
    visibility: hidden
}

.custom-checkbox__input:checked ~ .custom-checkbox__icon-rows {
    opacity: 1;
    visibility: visible
}

.custom-checkbox.white-color .custom-checkbox__input {
    background-color: var(--white)
}

.custom-checkbox.white-color .custom-checkbox__input::before {
    background-color: var(--black)
}

.custom-checkbox.white-color .custom-checkbox__input:checked {
    background-color: var(--black)
}

.custom-checkbox.white-color .custom-checkbox__input:checked::before {
    background-color: var(--white)
}

.check {
    cursor: pointer;
    padding-left: 3rem;
    position: relative;
    display: inline-block;
    font-size: var(--textSizeMd);
    line-height: 1.1;
    color: var(--black)
}

.check__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.check__box {
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-color: var(--white);
    -webkit-box-shadow: 0 0 0 1px #eaeaea;
    box-shadow: 0 0 0 1px #eaeaea;
    border-radius: 4px;
    left: 0;
    top: -3px
}

.check__input:checked + .check__box {
    background: url(../images/icons/check.svg) no-repeat center center var(--black);
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff
}

.check a {
    font-size: var(--textSizeSm);
    line-height: 1.1;
    color: var(--black);
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}

.check a:focus, .check a:hover {
    color: var(--gray)
}

.custom-radio {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.custom-radio__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.custom-radio__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 1.2rem;
    background-color: var(--white);
    border: 1px solid #eaeaea;
    border-radius: 2rem
}

.custom-radio__name {
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--black)
}

.custom-radio__img {
    position: absolute;
    bottom: 1.2rem;
    right: -2.5rem
}

.custom-radio__checked {
    position: relative;
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #eaeaea;
    cursor: pointer;
}

.custom-radio__checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background-color: var(--white)
}

.custom-radio__input:checked + .custom-radio__content {
    border-color: var(--black)
}

.custom-radio__input:checked + .custom-radio__content .custom-radio__checked::after {
    display: none;
}

.custom-radio__content:hover .custom-radio__checked {
    background: var(--black);
}

.custom-radio__input:checked + .custom-radio__content .custom-radio__checked {
    background-color: var(--black)
}

.label {
    display: inline-block;
    padding: 4px 8px;
    background-color: #f5f5f5;
    border-radius: 1.2rem;
    font-size: 1.2rem;
    line-height: 1;
    color: var(--gray);
    letter-spacing: .03rem
}

.radio {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.radio__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.radio__box {
    position: relative;
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--white);
    border: 3px solid #eaeaea
}

.radio__box::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--black);
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.radio__name {
    display: inline-block;
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--black);
    margin-left: 8px
}

.radio__input:checked + .radio__box {
    border-color: var(--black)
}

.radio__input:checked + .radio__box::after {
    opacity: 1;
    visibility: visible
}

.file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.file__icon {
    width: 3.2rem;
    height: 3.2rem;
    margin-right: 4px
}

.file__name {
    font-size: var(--textSizeSm);
    line-height: 1.2;
    color: var(--grayish)
}

.view {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--white);
    border-radius: 1.6rem;
    width: 11.4rem;
    height: 4.8rem;
    -webkit-filter: drop-shadow(0 2px 5px rgba(51, 51, 51, .11));
    filter: drop-shadow(0 2px 5px rgba(51, 51, 51, .11))
}

.view::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #eaeaea;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.view__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.view__icon-cols, .view__icon-rows {
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.view__icon-rows {
    left: 17px;
    fill: var(--black)
}

.view__icon-cols {
    right: 17px;
    fill: var(--grayish)
}

.view__input:checked ~ .view__icon-rows {
    fill: var(--grayish)
}

.view__input:checked ~ .view__icon-cols {
    fill: var(--black)
}

.input-search {
    width: 100%;
    max-width: 33.8rem;
    min-width: 33rem;
    -webkit-box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    background: url(../images/icons/search.svg) no-repeat right 15px center, var(--white);
    padding-right: 5.4rem
}

@media screen and (max-width:1200px){
   .input-search{
      min-width: 15rem;
   } 

    #legal-block .select2-container{
    width: 100% !important;
   }

   #div-selection-brand_id .select2-container{
      width: 100% !important;
   }

   #div-selection-model_id .select2-container{
    width: 100% !important;
   }

   .column .documents-block{
    margin-top: 0px ;
   }

   .documents-block{
    margin-top: 28px;
   }

   .documents-block__title-block {
    flex-direction: column;
   }

   .documents-block__title-block .block__title{
    align-self: flex-start;
   }

   .documents-block__title-block .form-group {
    width: 100%;
   }
    
}

.calendar {
    background-color: var(--white);
    -webkit-box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    border-radius: 1.6rem;
    background-image: url(../images/icons/calendar.svg);
    background-position: right 2rem center;
    background-repeat: no-repeat;
    padding: 1.3rem 5rem 1.3rem 2rem;
    font-size: var(--textSizeMd);
    color: var(--black)
}

.calendar::-webkit-input-placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.calendar::-moz-placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.calendar:-ms-input-placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.calendar::-ms-input-placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.calendar::placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.calendar:focus::-webkit-input-placeholder {
    color: var(--black)
}

.calendar:focus::-moz-placeholder {
    color: var(--black)
}

.calendar:focus:-ms-input-placeholder {
    color: var(--black)
}

.calendar:focus::-ms-input-placeholder {
    color: var(--black)
}

.calendar:focus::placeholder {
    color: var(--black)
}

.air-datepicker {
    font-family: NunitoSans
}

.air-datepicker-body--day-name {
    font-weight: 600;
    font-size: 1.2rem;
    color: #76767a;
    text-transform: capitalize
}

.air-datepicker-body--day-name:nth-child(6), .air-datepicker-body--day-name:nth-child(7) {
    color: #c2c5db
}

.air-datepicker-cell.-day- {
    font-weight: 600;
    font-size: 1.3rem
}

.air-datepicker-cell.-day-.-other-month- {
    color: #c7c7c7
}

.air-datepicker-cell.-day-.-weekend- {
    color: #ff4c68
}

.air-datepicker-cell.-day-.-weekend-.-selected-.-range-from-, .air-datepicker-cell.-day-.-weekend-.-selected-.-range-to- {
    color: var(--white)
}

.air-datepicker-cell.-current- {
    background-color: #dddef0;
    color: var(--black);
    border-radius: 50%
}

.air-datepicker-cell.-selected-.-current- {
    background-color: var(--black)
}

.air-datepicker-cell.-selected-.-focus- {
    background-color: var(--black);
    color: var(--white);
    border-radius: 50%
}

.air-datepicker-cell.-selected- {
    background-color: var(--black)
}

.air-datepicker-cell.-focus- {
    border-radius: 50%
}

.air-datepicker-cell.-day-.-selected-.-range-from- {
    border-radius: 50% 0 0 50%
}

.air-datepicker-cell.-range-to- {
    border: 1px solid var(--black)
}

.air-datepicker-cell.-day-.-selected-.-range-to- {
    border-radius: 0 50% 50% 0
}

.air-datepicker-cell.-day-.-in-range- {
    background-color: var(--black);
    color: var(--white)
}

.select2-container--default .select2-selection--single {
    height: 4.8rem;
    border-radius: 1.6rem;
    padding: 0 4rem 0 2rem;
    font-size: var(--textSizeMd);
    border: 1px solid #EAEAEA;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 4.8rem;
    color: var(--grayish);
    padding: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 1.6rem;
    width: 100%
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
    right: 20px
}

.select2-container--open .select2-dropdown--below {
    top: 1.3rem;
    border-radius: 1.6rem;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    z-index: 100
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    margin-top: 8px;
    border: none;
    border-bottom: 1px solid #eaeaea
}

.select2-dropdown .select2-dropdown--below {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important
}

.select2-results__option {
    padding: 1rem 2.4rem;
    font-size: 1.4rem
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--black)
}

.select2-dropdown {
    border: none;
    -webkit-box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    overflow: hidden
}

.custom-select .select2-container--default .select2-selection--single {
    height: 3.2rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.custom-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 3.2rem;
    padding: 0
}

.custom-select .select2-selection__arrow {
    display: none
}

.element {
    position: relative;
    font-size: var(--textSizeSm);
    line-height: 1
}

.element__input {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.element__content {
    cursor: pointer;
    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;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 3.8rem;
    min-width: 6.4rem;
    padding: .8rem 1.6rem;
    border: 1px solid #e5e5e5;
    border-radius: 1.2rem;
    background-color: var(--white)
}

.element__icon {
    width: 2rem;
    height: 2rem;
    margin-right: 8px
}

.element__input:checked + .element__content {
    border-color: var(--black)
}

.status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.status__color {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    margin-right: 8px
}

.status__name {
    font-size: var(--textSizeMd);
    line-height: 1.2;
    white-space: nowrap;
}

table .status__name{
     font-size: 12px;
}

.progress {
    position: relative
}

.progress__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.progress__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px
}

.progress__name, .progress__value {
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--black)
}

.progress__bar {
    position: relative;
    width: 0%;
    height: 8px;
    width: 100%;
    border-radius: 1rem
}

.progress__input[value="40"] ~ .progress__bar {
    width: 40%
}

.small-block {
    background-color: var(--white);
    border: 1px solid #eaeaea;
    border-radius: 2rem;
    padding: 1.6rem
}

.small-block__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -5px 8px -5px
}

.small-block__row > * {
    margin: 5px
}

.small-block__date, .small-block__name {
    color: gray;
    line-height: 1.2
}

.small-block__date {
    font-size: var(--textSizeMd)
}

.small-block__name {
    font-size: var(--textSizeSm)
}

.small-block__text {
    font-size: var(--textSizeMd);
    line-height: 1.4
}

.info-block {
    max-width: 60rem;
    background-color: var(--white);
    border: 1px solid #eaeaea;
    border-radius: 2rem;
    padding: 2rem;

}

.info-block_selected{
    border: 1px solid #333;
}

.info-block:hover {
    box-shadow: 0px 2px 30px rgba(51, 51, 51, 0.13);
    cursor: pointer;
}

.info-block__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.8rem -.8rem 2rem -.8rem
}

.info-block__heading > * {
    margin: .8rem
}

.info-block__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.info-block__logo-icon {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 8px
}

.info-block__logo-name {
    font-weight: 700;
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--black)
}

.info-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1.5rem -1.5rem 2rem -1.5rem
}

#offer-view-cards .info-block__list {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    margin: -1.5rem -1.5rem 2rem -1.5rem
}

.info-block__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 28.2%;
    flex: 0 1 28.2%;
    margin: 1.5rem
}

.info-block__item-name {
    font-size: var(--textSizeMd);
    line-height: 1.2;
    margin-bottom: .8rem
}

.info-block__item-value {
    font-weight: 700;
    font-size: var(--textSizeMd);
    line-height: 1.2
}

.info-block__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.4rem
}

.info-block__row > * {
    margin: .4rem
}

.block {
    background-color: var(--white);
    -webkit-box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    border-radius: 20px;
    padding: 2.4rem
}

.block__title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.8rem
}

.block__title-block > * {
    margin: .8rem
}

.block__title {
    font-weight: 700;
    font-size: var(--textSizeLg);
    line-height: 1.2
}

.block__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.4rem
}

.block__row > * {
    margin: .4rem
}

.block__name {
    font-size: var(--textSizeMd);
    line-height: 2.4rem;
    color: var(--gray)
}

.block__value {
    display: block;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1;
    color: var(--black)
}

.sales-block__title {
    margin-bottom: 2rem
}

.sales-block__row {
    margin-bottom: 2rem
}

.sales-block__chart {
    margin-bottom: 2rem
}

.lead-block__title {
    margin-bottom: 2rem
}

.lead-block__item {
    margin-bottom: 1.6rem
}

.product-block__title {
    margin-bottom: 2rem
}

.product-block__item {
    margin-bottom: 2rem
}

.product-block__name {
    margin-bottom: 0.8rem
}

.product-block__name-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.product-block__arrows {
    margin-left: auto
}

.product-block__box {
    margin-right: 3.6rem
}

.product-block__box .edit-btn {
    margin-left: 2.2rem
}

.product-block__box:last-child {
    margin-right: 0
}

.product-block .select__header {
    height: 3.2rem;
    border-radius: 1.2rem
}

.product-block .select__current {
    margin-right: 0;
    max-width: 100%;
    overflow: visible;
    -o-text-overflow: initial;
    text-overflow: initial
}

.product-block .select__body {
    top: 4.2rem
}

.product-block .select__search {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: .8rem
}

.loan-block__title-block {
    margin-bottom: 2rem
}

.loan-block__item {
    margin-bottom: 1.6rem
}

.loan-block__name {
    margin-bottom: 1.2rem
}

.loan-block__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem
}

.loan-block__row .edit-btn {
    margin-left: 2.2rem
}

.loan-block__row .check {
    margin-right: 1.6rem
}

.loan-block__box {
    margin-right: 3.6rem
}

.loan-block__box .edit-btn {
    margin-left: 2.2rem
}

.loan-block__radio {
    margin-right: 1.6rem
}

.loan-block__additional-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.loan-block__additional-block > :first-child {
    margin-right: 6rem
}

.news-block__title {
    margin-bottom: 2rem
}

.news-block__item {
    margin-bottom: 1.6rem
}

.offers-block__title-block {
    margin-bottom: 2rem
}

.offers-block__row {
    margin-bottom: 2rem
}

.offers-block__slider {
    margin-bottom: 2rem
}

.offers-block__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.8rem
}

.offers-block__footer > * {
    margin: .8rem
}

.offers-block__item {
    margin-bottom: 2rem
}

.offers-block__item .info-block {
    max-width: 100%
}

.offers-block__item .info-block__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    margin: 1.5rem
}

.common-block {
    margin-bottom: 2.8rem
}

.common-block__title {
    margin-bottom: 2rem
}

.common-block__item {
    margin-bottom: 2rem
}

.common-block__name {
    margin-bottom: 8px
}

.common-block__input {
    width: 100%
}

.common-block__text {
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--grayish)
}

.common-block__text a {
    color: var(--grayish);
    border-bottom: 1px solid var(--grayish);
    -webkit-transition: all var(--transition);
    -o-transition: all var(--transition);
    transition: all var(--transition)
}

.common-block__text a:focus, .common-block__text a:hover {
    color: var(--black);
    border-color: var(--black)
}

.common-block .select {
    width: 100%
}

.common-block .select__current {
    max-width: 100%
}

.common-block .calendar {
    width: 100%;
    max-width: 100%
}

.journal-block__title {
    margin-bottom: 2rem
}

.journal-block__sms-block {
    color: var(--black);
    font-size: var(--textSizeMd);
    line-height: 1.2;
    margin-bottom: 1.6rem
}

.journal-block__date {
    display: block;
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--grayish);
    margin-bottom: 8px
}

.journal-block__name {
    display: inline-block
}

.journal-block__sms-desc {
    display: inline-block;
    color: var(--grayish)
}

.journal-block__sms-text {
    display: inline-block
}

.journal-block__sms-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.6rem 0 -1.6rem
}

.journal-block__sms-row > * {
    margin: 1.6rem
}

.journal-block__textarea {
    border: 1px solid #eaeaea;
    border-radius: 1.6rem;
    padding: 1.4rem 1.6rem
}

.journal-block__textarea textarea {
    display: block;
    width: 100%;
    min-height: 9rem
}

.journal-block__textarea textarea::-webkit-input-placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.journal-block__textarea textarea::-moz-placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.journal-block__textarea textarea:-ms-input-placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.journal-block__textarea textarea::-ms-input-placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.journal-block__textarea textarea::placeholder {
    font-size: var(--textSizeMd);
    color: var(--grayish)
}

.journal-block__textarea-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: .8rem -.8rem -.8rem -.8rem
}

.journal-block__textarea-row > * {
    margin: .8rem
}

.journal-block__btn {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #DFDFDF;
    border-radius: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #757575;

}

.journal-block__btn:focus, .journal-block__btn:hover {
    background-color: var(--black);
    color: var(--white)
}

.button-block__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1rem
}

.button-block__row > * {
    margin: 1rem
}

.button-block__btn {
    background-color: var(--black);
    color: var(--white)
}

.button-block__btn:focus, .button-block__btn:hover {
    background-color: #eaeaea;
    color: var(--black)
}

.upload {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--grayish);
    -webkit-transition: color var(--transition);
    -o-transition: color var(--transition);
    transition: color var(--transition)
}

.upload__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.upload__icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    fill: var(--grayish);
    -webkit-transition: fill var(--transition);
    -o-transition: fill var(--transition);
    transition: fill var(--transition)
}

.upload:focus, .upload:hover {
    color: var(--black)
}

.upload:focus .upload__icon, .upload:hover .upload__icon {
    fill: var(--black)
}

.table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}

.table__display {

}

.table__display::-webkit-scrollbar-thumb {
    background-color: transparent
}

.table table {
    background-color: var(--white);
    border-radius: 2rem;
    border-spacing: 0;
    width: 100%
}

.table thead {
    border-bottom: 1px solid #eaeaea
}

.table tbody tr {
    cursor: pointer
}

.table {
    border-spacing: 0;
}

.table td {
    position: relative;
}

/* .table tr:hover td:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
    box-shadow: 0px 2px 30px rgba(51, 51, 51, 0.13);
     z-index: 1;
 }

.table tr:hover td:after {
     content: "";
     width: 40px;
     height: 100%;
     background-color: #fff;
     position: absolute;
     right: -20px;
     top: 0;
     z-index: 2;
 } */

/* .table tr:hover td:last-child:after {
     display: none;
 } */


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

.table th div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.table th button svg {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 8px
}

.table td {
    white-space: pre;
    text-align: left;
    font-size: 12px;
    line-height: 1.2;
    color: #555;
    padding: 1.042vw;
    border-bottom: 1px solid #EAEAEA;
}

.table tr:last-child td {
    border-bottom: none;
}

.table th {
    border-bottom: 1px solid #EAEAEA;
}

.table__check {
    padding: 0;
    width: 1.6rem;
    height: 1.6rem
}

.table__check .check__box {
    width: 1.6rem;
    height: 1.6rem;
    top: 0
}

.table__btn-delete, .table__btn-edit {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all var(--transition);
    -o-transition: all var(--transition);
    transition: all var(--transition)
}

.table__btn-delete svg, .table__btn-edit svg {
    width: 100%;
    height: 100%;
    fill: var(--black)
}

.table__btn-delete {
    margin-right: 8px
}

tbody tr:hover .table__btn-delete, tbody tr:hover .table__btn-edit {
    opacity: 1;
    visibility: visible
}

.pagination-block {
    margin: 4rem auto 0 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
}

.pagination-block__slider {
    padding: .5rem;
    overflow: hidden
}

.pagination-block__slide {
    width: 4rem;
    height: 4rem
}

.pagination-block__item {
    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;
    width: 4rem;
    height: 4rem;
    font-size: var(--textSizeSm);
    color: var(--black);
    line-height: 1;
    background-color: var(--white);
    -webkit-box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    border-radius: 100px
}

.pagination-block__slide.swiper-slide-active .pagination-block__item {
    background-color: var(--black);
    color: var(--white)
}

.pagination-block__next, .pagination-block__prev {
    width: 4rem !important;
    height: 4rem !important;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pagination-block__prev {
    margin-right: 2rem
}

.pagination-block__next {
    margin-left: 2rem
}

.loan-table {
    overflow: hidden
}

.loan-table__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    padding-bottom: 40px;

    cursor: grab;
}

#view-cards{
  cursor: grab;
}

.loan-table__column {
    max-width: 47.2rem;
    width: 100%;
    margin: 1.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: initial;
}

.loan-table__scroll {
    display: none
}

.loan-table__scroll-item {
    padding: 8px 16px;
    margin-right: 8px;
    background-color: var(--white);
    border-radius: 1.2rem;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
    margin: 3px;
}

.loan-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: var(--white);
    -webkit-box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
    border-radius: 2rem;
    padding: 2rem
}

.loan-block__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem
}

.loan-block__status .status__color {
    width: 2.8rem;
    height: 2.8rem
}

.loan-block__count {
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--grayish)
}

.loan-block__card {
    margin-bottom: 1.6rem;
    border: none;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
}


.loan-block__card .card__row:last-of-type{
    margin-top: 20px;
}

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

.card__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px -8px 20px -8px
}

.card__row > * {
    margin: 8px
}

.card__row:last-child {
    margin: -8px
}

.card__edit{
    margin-left: 23px;
}

.card__date, .card__name, .card__number, .card__phone {
    font-size: 16px;
    line-height: 1.2;
    color:  #757575;
}


.card__date_dectope time {
  color: #333333;
}

.card__number{
  color:  #999999 !important;
}

.card__phone {
    background: url(../images/icons/phone.svg) no-repeat left top -2px;
    padding-left: 2.4rem;
    font-weight: 400;
}

.card__status {
    display: none
}

.card__bottom{
    margin-top: 26px !important;
}

.card__brand, .card__dealer, .card__model ,.card__city ,.card__type,.card__time ,.card__vin {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    color: #757575;
    padding-left: 2.4rem;
    min-height: 16px;
    margin-bottom: 8px
}

.card__dealer {
    background: url(../images/icons/processor.svg) no-repeat left top -2px;
     margin-bottom: 8px;
}

.card__time {
    background: url(../images/icons/time.svg) no-repeat left top 0px;
     margin-bottom: 8px;
}


.card__brand {
    background: url(../images/icons/brand.svg) no-repeat left top -2px;
     margin-bottom: 8px;
}

.card__model {
    background: url(../images/icons/model.svg) no-repeat left top -2px;
    margin-bottom: 8px;
}

.card__vin{
    background: url(../images/icons/vin.svg) no-repeat left top 0px;
    margin-bottom: 8px;
}

.card__city {
    background: url(../images/icons/city.svg) no-repeat left top 0px;
    margin-bottom: 8px;
}
.card__type{
    background: url(../images/icons/type.svg) no-repeat left top 0px;
    margin-bottom:8px;
}

.card__amount p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
display: flex;
align-items: center;
color: #333333;
padding: 4px 10px;


}




.card__amount{
    border: 1px solid #DFDFDF;
    border-radius: 12px;
    margin: 0;
}


.orders-list_dectope{
  display: flex;
  flex-direction: column;
  gap: 1.2rem ;
}





.card__number_dectope{
    font-size: 16px;
    color: #333333 !important;
}

.card_dectope {
  display: flex;
  flex-direction: column;  
  padding: 1.6rem 2.4rem;
  box-shadow: 0px 2px 5px rgba(51, 51, 51, 0.11);
  border-radius: 20px;
  gap: 1.6rem;
}

.card_dectope .card__row{
    display: flex;
    align-items: center;
    margin: 0 !important;
     gap: 20px;

}




.card_dectope .card__row_align-start{
   justify-content: flex-start;
   gap: 2.1rem;
}

.card__status_dectope{
    display: flex;
    align-items: center;
    border: 1px solid #DFDFDF;
    border-radius: 12px;
    padding: 4px 8px;

}

.card_dectope .card__row > *{
    margin: 0;

}

.card__phone_dectope a {
     color: #333333;
     cursor: pointer;
}

.card__phone_dectope:hover svg path{
    fill: #333333;
}

.card__phone_dectope a:hover {
     text-shadow: 0 0 0.65px #333333, 0 0 0.65px #333333;
     cursor: pointer;
}

.card__name_dectope{
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    cursor: pointer;
}


.card__name_dectope:hover{
     text-shadow: 0 0 .65px  #333333, 0 0 .65px  #333333;
}




.card__name_dectope:hover svg path  {

  fill:#333333;
 
}

.btn__wrap{
    display: flex;
    margin-top: 24px;
    align-items: center;
    justify-content: center;
}


.card__date_dectope{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: auto !important ;
}

.card__row_left{
    display: flex;
    align-items: center;
    gap: 30px;
}

.card__date_dectope time{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #757575;
}

.card_dectope .order_edit{
    cursor: pointer;
}


.user-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.user-block__foto {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden
}

.user-block__foto img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.user-block__info {
    margin-left: .8rem
}

.user-block__name, .user-block__text {
    font-size: var(--textSizeMd);
    line-height: 1
}

.user-block__name {
    color: var(--black);
    margin-bottom: 4px
}

.user-block__text {
    color: var(--grayish)
}

.menu__item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.menu__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--textSizeMd);
    line-height: 1.2;
    color: var(--gray);
    padding: 12px;
    background-color: transparent;
    border-radius: 20px;
}

.menu__link span {
    margin-top: 4px;
     visibility: visible;
     opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;

   
}

.menu__link:hover {
    background-color: #fafafa;
    color: var(--black)
}

.menu__link:focus {
    background-color: #fafafa
}

.menu__link-icon {
    width: 17px;
    height: 17px;
    fill: var(--gray);
    margin-right: 8px
}

.menu__link:hover .menu__link-icon {
    fill: var(--black)
}

.menu__link._active {
    color: var(--black)
}

.menu__link._active::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 0 4px 4px 0;
    background-color: var(--black)
}

.menu__link._active .menu__link-icon {
    fill: var(--black)
}

.aside {
    position: relative;
    background-color: var(--white);
    width: 13%;
    padding: 2rem;
    z-index: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition: all .5s ease;
    border-right: 1px solid #EAEAEA;

}

.aside_collapse {
    width: 5.8%;
}



.aside_collapse .menu__link span {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -1;
 
}

.aside .logo__text{
    opacity: 1;
    visibility: visible;
    position: relative;
    transition: visibility 0s, opacity 0.5s linear;
}

.aside_collapse .logo__text{
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;

}

.aside__head{
   
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: -16px;
    transition: all 1s ease-in-out;
}

.aside__toggle{
    cursor: pointer;
}

.aside_collapse .aside__toggle svg {
    transform: rotate(180deg);
}

.aside__toggle svg {
    width: 24px;
    height: 24px;
}

.logo_split{
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    gap: 14px;
}

.logo_split .logo__icon{
    height: 41px;
    width:35px;
    transition: 0.2s linear;
}


.aside_collapse .logo_split .logo__icon{
    height: 30px;
    width: 25px;


}





.header {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    top: 0;
    right: 0;
    background-color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 15px 0 15px rgba(51, 51, 51, .06);
    box-shadow: 15px 0 15px rgba(51, 51, 51, .06);
    z-index: 1000;
    padding: 1.6rem 3.2rem
}

.header__logo {
    display: none
}

.header__title-block {
    display: block
}

.header__breadcrumb {
    margin-bottom: .8rem
}

.header__last-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.header__notifications-btn {
    margin-right: 1.6rem
}

.chart__circle {
    display: block;
    width: 24.4rem !important;
    height: 24.4rem !important;
    margin-bottom: 2.4rem
}

.chart__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -2rem
}

.chart__row > * {
    margin: 2rem
}

.arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 8rem
}

.arrows-next, .arrows-prev {
    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;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-color: var(--white);
    border: 1px solid #DFDFDF;
}

.menu__list{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 40px;
}

.arrows-next__icon, .arrows-prev__icon {
    width: 5px;
    height: 8px;
    fill: var(--grayish)
}

.arrows-next:focus, .arrows-next:hover, .arrows-prev:focus, .arrows-prev:hover {
    background: #333333;
}

.arrows-next:focus .arrows-next__icon, .arrows-next:focus .arrows-prev__icon, .arrows-next:hover .arrows-next__icon, .arrows-next:hover .arrows-prev__icon, .arrows-prev:focus .arrows-next__icon, .arrows-prev:focus .arrows-prev__icon, .arrows-prev:hover .arrows-next__icon, .arrows-prev:hover .arrows-prev__icon {
    fill: var(--white)
}

.category-slider {
    overflow: hidden;
    max-width: 100%;
    position: relative;
}

.category-slider__slide {
    width: 19.2rem;
    height: 17.8rem
}

.category-slider__slide .custom-radio {
    width: 100%;
    height: 100%
}

.offers-slider {
    /*overflow: hidden;*/
    max-width: 100%
}

.offers-slider__slide {
    max-width: 60rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.regulation {
    margin-bottom: 2.8rem
}

.regulation__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.8rem
}

.regulation__container > * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: .8rem
}

.page-info {
    display: none;
    margin-bottom: 2rem
}

.page-info__breadcrumb {
    margin-bottom: .8rem
}

.statistic-layout__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr .5fr .5fr;
    grid-template-columns:1fr .5fr .5fr;
    grid-gap: 2.8rem
}

.calculator-layout__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(400px, .5fr) 1fr;
    grid-template-columns:minmax(400px, .5fr) 1fr;
    grid-gap: 2.8rem
}

.calculator-layout__grid .offers-block {
    grid-column: 1/-1;
    overflow: hidden;
}

.loan-layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(320px, 25%) minmax(400px, 1fr);
    grid-template-columns:minmax(320px, 25%) minmax(400px, 1fr);
    grid-gap: 2.8rem
}

.loan-layout__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(400px, .7fr) 1fr;
    grid-template-columns:minmax(400px, .7fr) 1fr;
    grid-gap: 2.8rem
}

.loan-layout__content .offers-block {
    grid-column: 1/-1;
    overflow: hidden;
}

.loan-layout__content .journal-block {
    grid-column: 1/-1
}

.loan-layout__content .button-block {
    grid-column: 1/-1
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden
}

.popup.open {
    opacity: 1;
    visibility: visible;
    z-index: 2000
}

.popup.open .popup__content {
    -webkit-transform: perspective(600px) translate(0, 0) rotateX(0);
    transform: perspective(600px) translate(0, 0) rotateX(0);
    opacity: 1
}

.popup__body {
    min-height: 100%;
    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;
    padding: 30px 15px
}

.popup__content {
    position: relative;
    background-color: var(--white);
    color: var(--black);
    max-width: 37.5rem;
    border-radius: 1.6rem;
    width: 100%;
    padding: 2.4rem;
    -webkit-box-shadow: 0 12px 64px rgba(6, 48, 111, .32);
    box-shadow: 0 12px 64px rgba(6, 48, 111, .32);
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transform: perspective(600px) translate(0, -100%) rotateX(45deg);
    transform: perspective(600px) translate(0, -100%) rotateX(45deg);
    opacity: 0
}

.popup__title {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 2rem
}

.popup__block {
    margin-bottom: 2rem
}

.popup__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem
}

.popup__item:last-child {
    margin-bottom: 0
}

.popup__item-name {
    font-size: var(--textSizeSm);
    line-height: 1.6rem;
    color: var(--gray);
    margin-bottom: .8rem
}

.popup__btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1.1rem
}

.popup__btn-block > * {
    margin: 1.1rem
}

.popup__btn {
    background-color: var(--black);
    color: var(--white)
}

.popup__close {
    position: absolute;
    top: -8px;
    right: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    width: 3.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.2rem;
    background: var(--white);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.popup__close svg {
    width: 1.6rem;
    height: 1.6rem;
    fill: var(--black)
}

.popup__close:focus, .popup__close:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.popup__close:focus svg, .popup__close:hover svg {
    fill: #c10707
}

.popup__content_image {
    padding: 0;
    max-width: 100%
}

.popup__image img {
    max-width: 100%;
    vertical-align: top
}

.documents-block__title-block{
    flex-direction: column;
    width: 100%;
}

.documents-block__title-block .block__title{
    align-self: flex-start;
}

.documents-block__title-block .form-group{
    width: 100%;
}

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


    .checkcontainer p{
        white-space: nowrap;
    }

    .aside{
        width: 14%;
    }

    .content{
        width: calc(100% - 14% );
    }

    .aside_collapse{
        width: 5.8%;
    }

    .content_collapse{
        width: calc(100% - 5.8%);
    }


    .common-block {
        margin-bottom: 2rem
    }

    .journal-block__sms-row {
        margin: 0 -1rem 0 -1rem
    }

    .journal-block__sms-row > * {
        margin: 1rem
    }

    .statistic-layout__grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .calculator-layout__grid {
        -ms-grid-columns: minmax(400px, 1fr) 1fr;
        grid-template-columns:minmax(400px, 1fr) 1fr
    }

    .loan-layout {
        grid-gap: 2rem
    }

     .loan-layout__content.calc-layout{
        display: grid;
        grid-template-columns: minmax(250px,  0.9fr) 1fr ;
        grid-gap: 2.8rem !important ;
    }


    .loan-layout__content {
        -ms-grid-columns: minmax(250px, 1fr);
        grid-template-columns:minmax(250px, 1fr);
        grid-gap: 2rem
    }

   }

@media screen and (max-width: 1480px) {
    .loan-block__additional-block > :first-child {
        margin-right: 3rem
    }

     .loan-layout__content.calc-layout{
        -ms-grid-columns: minmax(300px, 1fr) 1fr;
        grid-template-columns:minmax(300px,  1fr) 1fr ;
        grid-gap: 2rem !important ;
    }
}

@media screen and (max-width: 1200px) {
    .loan-block__additional-block > :first-child {
        margin-right: 2rem
    }

    .offers-block__item .info-block__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 28.2%;
        flex: 1 1 28.2%
    }

    .statistic-layout__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }



    
    .loan-layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 0
    }
}

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

    .calculator-layout__grid{
        grid-template-columns: minmax(347px, 1fr);
    }

    .calculator-layout__grid .block:first-of-type{
            grid-area: 1 / 1 / 2 / 2;
    }

    .calculator-layout__grid .block:nth-of-type(2){
           grid-area: 1 / 2 / 2 / 3;
    }

     .calculator-layout__grid .block:last-of-type{
             grid-area: 2 / 1 / 3 / 3;
    }

    [role="radiogroup"]{
        flex-wrap: wrap;
    }






    .content {
        width: 100%
    }

    .main {
        padding: 2rem 2rem 10rem 2rem
    }

    .block {
        padding: 2rem
    }

    .product-block__box .edit-btn {
        margin-left: 1.2rem
    }

    .loan-block__row .edit-btn {
        margin-left: 1.2rem
    }

    .loan-block__box .edit-btn {
        margin-left: 1.2rem
    }

    .user-block__info {
        display: none
    }

    .menu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto
    }

    .menu__list::-webkit-scrollbar-thumb {
        display: none
    }

    .menu__link:hover {
        background-color: transparent
    }

    .menu__link:focus {
        background-color: transparent
    }

    .menu__link {
        font-size: var(--textSizeSm);
        padding: .6rem 1.6rem
    }

    .menu__link-icon {
        width: 1.8rem;
        height: 2.8rem
    }

    .menu__link._active::before {
        display: none
    }

   /* .aside__logo {
        display: none
    }

    .aside {
        position: fixed;
        width: 100%;
        height: auto;
        bottom: 0;
        left: 0;
        padding: 0;
        -webkit-box-shadow: 0 -3px 7px rgba(51, 51, 51, .07);
        box-shadow: 0 -3px 7px rgba(51, 51, 51, .07);
        z-index: 900
    }*/

    .aside{
        width: 20.823vw;
    }

    .content{
        width: calc(100% - 20.823vw );
    }

    .content_collapse{
        width: calc(100%  - 8.594vw);
    }

    .aside_collapse .aside__head{
        margin-left: 0px;
    }

    .aside_collapse{
        width: 8.594vw;
    }

    .header {
        padding: .8rem 2rem
    }

    .header__logo {
        width: 10.8rem;
        height: 4.4rem;
        
        margin-right: 2rem
    }

    .header__title-block {
        display: none
    }

    .chart__row {
        margin: -1rem
    }

    .chart__row > * {
        margin: 1rem
    }

    .regulation {
        overflow: hidden
    }

    .regulation__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: auto
    }

    .page-info {
        display: block
    }
}

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

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


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





    .loan-table__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        overflow: visible
    }

    .aside .menu__link{
        padding: 18px 1.6rem;
    }

    .calculator-layout__grid {
        -ms-grid-columns: minmax(250px, 1fr);
        grid-template-columns:minmax(250px, 1fr)
    }


     .calculator-layout__grid .block:first-of-type{
            grid-area: auto;
    }

    .calculator-layout__grid .block:nth-of-type(2){
            grid-area: auto;
    }

     .calculator-layout__grid .block:last-of-type{
              grid-area: auto;
    }


    .regulation__container{
        flex-wrap: wrap;
        margin: 0;
        overflow: initial;
    }


    .regulation {
       overflow: initial;
    }

    .journal__actions{
        flex-direction: column;
        align-items: baseline !important;
    }

    .journal-block__btn{
        align-items: center;
        justify-content: center;
    }


     .aside {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: 0 -3px 7px rgb(51 51 51 / 7%);
    box-shadow: 0 -3px 7px rgb(51 51 51 / 7%);
    z-index: 900;
    }

    .aside .menu__list{
        flex-direction: row;
        margin-top:  0px;
    }

    .header__logo{
        display: block;
    }

    .content{
        width: 100%;
    }

    .aside__head{
        display: none;
    }

    .loan-table__column {
        margin: 0;
        max-height: 100%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        max-width: 100%;
       height: 100%;
       overflow: hidden;
    }

    .loan-table__loan-block {
        background-color: transparent;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .loan-table__loan-block .loan-block__heading {
        display: none
    }

    .loan-table__loan-block .card {
        border: none;
        -webkit-box-shadow: 0 2px 5px rgba(51, 51, 51, .11);
        box-shadow: 0 2px 5px rgba(51, 51, 51, .11)
    }

    .loan-table__scroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 2rem
    }

    .loan-table__scroll::-webkit-scrollbar-thumb {
        background-color: transparent
    }

    .card__phone {
        display: none
    }

    .card__status {
        display: block
    }

    .card__status .status__color {
        margin: 0
    }

    .chart__circle {
        margin: 0 auto 2rem auto
    }

    .regulation__container > * {
        margin: .4rem
    }

    .regulation__container {
        margin: -.4rem
    }
}

@media screen and (max-width: 680px) {
    .info-block__list {
        margin: -.8rem -.8rem 2rem -.8rem
    }

    .info-block__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%;
        margin: .8rem
    }

    .offers-block__item .info-block__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%;
        margin: .8rem
    }
}

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

     .mobile-search__wrap .mobile-search{
        margin-bottom: 32px;
     }
    .regulation_mobile .regulation__container .btn{
        height: 3.8rem;

    }

    .custom-checkbox__input{
        width: 5.2rem;
        height: 3rem;

    }

    .custom-checkbox__input:before{
        top: 4px;
    left: 4px;
    width: 2.2rem;
    height: 2.2rem;
    }

    .info-block__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .product-block .select__current {
        max-width: 19rem;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .offers-block__item .info-block__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
}

@media (max-width: 500px) {
    .popup__content {
        padding: 2rem
    }
}


.flex-row {
    display: flex;
}

.flex-row > * {
    margin-right: 20px;
}

.flex-row > *:last-child {
    margin-right: 0;
}

.flex-column {
    width: 100%;
}

.popup__block table {
    width: 100%;
}

.popup__block .info-block__list .info-block__item {
    /*flex: 0 0 calc(20% - 30px);*/
}

.popup__block .info-block__list .info-block__item:nth-child(6n),
.popup__block .info-block__list .info-block__item:nth-child(7n),
.popup__block .info-block__list .info-block__item:nth-child(2),
.popup__block .info-block__list .info-block__item:nth-child(1) {
    flex: 0 0 242px;
}


.popup__block .info-block__list .info-block__item:nth-child(8n),
.popup__block .info-block__list .info-block__item:nth-child(3) {
    flex: 0 0 165px;
}


.popup__block .info-block__list .info-block__item:nth-child(9n),
.popup__block .info-block__list .info-block__item:nth-child(4) {
    flex: 0 0 104px;
}


.popup__block .info-block__list .info-block__item:nth-child(10n),
.popup__block .info-block__list .info-block__item:nth-child(5) {
    flex: 0 0 101px;
}


.popup.open#popup-order .popup__content {
    width: 1133px;
    max-width: 100%;
    background: none;
    padding: 0;
}

.popup__bg {
    background: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 12px 64px rgba(6, 48, 111, .32);
    padding: 2.4rem;
    margin-bottom: 20px;
}

.drag-list {
    min-height: 50px;
}


.drag-item {
    /*margin: 10px;*/
    /*height: 100px;*/
    /*background: rgba(black, 0.4);*/
    transition: all .3s cubic-bezier(0.23, 1, 0.32, 1);



}

.drag-item.is-moving {
     transform: scale(1.02);
     background: rgba(black, 0.8);
 }


/* Dragula CSS  */

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    list-style-type: none;
}

.gu-hide {
    display: none !important;
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.gu-transit {
    opacity: 0.2;
}



/*UserMenu in Header */



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

.header .user-block  .dropdown{
  position: absolute;
  display: none;
  width: 100%;
  padding: 22px 20px;
  background: #FFFFFF;
 box-shadow: 0px 11px 20px 0px rgb(51 51 51 / 13%);
  border-radius: 0px 0px 20px 20px;
  bottom: -82px;
  z-index: 30;
}

.dropdown-menu__wrap{
    display: flex;
    align-items: center;
}

.dropdown-menu__wrap svg {
    margin-right: 8px;
}



.header .user-block .dropdown_show{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.header .dropdown-menu__item {
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
color: #333333;
}



/*customCheckbox */



[role="radiogroup"]{
    display: flex;
    align-items: center;
    gap: 2rem;
}


@media screen and (max-width:800px){
    [role="radiogroup"]{
        flex-direction: column;
        align-items: flex-start;
    }
}

.checkcontainer {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkcontainer p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}


.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


 .checkcontainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 2rem;
  width: 2rem;
  border: 3px solid #333333;
  border-radius: 50%;
}


.checkcontainer:hover input ~ .checkmark {
   background-color: transparent;
  border-color: #333333;
}


.checkcontainer input:checked ~ .checkmark {
  background-color: transparent;
  border-color: #333333;
}


.checkcontainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}


.checkcontainer .checkmark:after {
  top: 50%;  
  left: 50%; 
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: #333333;
  border-radius: 50%;
  
}


@media screen and (max-width :1300){


}


.bage__wrap{
   padding: 1.6rem 3.2rem;
}


.bage_alert{
background: #FFC9C9;
border: 1px solid #FF4C68;
border-radius: 16px;
padding: 20px;
}


.bage_alert p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #333333;

}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(/images/arrow.svg);
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 7px !important;
    width: 12px !important;
    margin: auto !important;
    top: 37% !important;
  
    background-position: center;
    background-repeat: no-repeat;
}


.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    transform: rotate(180deg);
}






.desk {
    display: flex;
}

.desk_two-columns{
 flex-direction: row;
 gap: 2.4rem;
}

.desk_two-columns .column:first-of-type{
    flex-basis: 381px;
}

.desk_two-columns .column:last-of-type{
    width: calc(100% - 405px);
    max-width: 1192px;
}

.desk .column:first-of-type form{
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}


.desk .column:first-of-type form .field-compensations-id{
    display: none;
}

.desk .column {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}



.documents-block .form-group label {
    display: flex;
    flex-direction: column;
    align-items: center;
}


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


.column .common-block{
    margin-bottom:0px;
}

.compensations__ajax-result{
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}


.journal__actions{
    gap: 22px;
    align-items: center;
}


.block__title_action{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.column #programs-block{
   margin-bottom: 2rem;
}


.input.amount_icon{
    position: relative;
    background: white url('/images/rub-simbol.svg')  94% center no-repeat; 
    padding-right: 17px;
}

.field-compensations-client_id{
    display: none;
}

#comment-pjax{
    width: 100%;
}


.calculator-layout__flex{
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
    position: relative;
}

.calculator-layout_main-info{
    display: flex;
    gap: 2.4rem;
}

.calculator-layout_main-info .block:first-of-type{
    width: 23.03%;
    min-width: 23.03%;
}


.calculator-layout_main-info .block:last-of-type{
    width: 100%;
    max-width: 23.03%;
    height: fit-content;
    position: sticky;
    top: 80px;
    
   
}

.inputWrap_icon.inputWrap_icon_hidden{
    display: none !important;
}

.inputWrap_icon{

    width: 100%;
    display: flex !important;
    align-items: center;
    color: var(--black);
    background-color: var(--white);
    border: 1px solid #eaeaea;
    border-radius: 1.6rem;
    padding: 1.4rem 1.6rem;

}

.inputWrap_icon .form-group{
    flex:1;
}

.inputWrap_icon .form-group input{
    border: none;
    border-radius: 0px;
    padding: 0px;

}

.inputWrap_icon .input__icon{
    cursor: pointer;
}

.block-new__inner{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}


#bank_offers{
    overflow: hidden;
}




.edit-btn{
    margin-left: 12px !important;
}

#calc__extra-info{
    flex-direction: column;
}


.common-block hr {


    background: none;
    height: 1px;
    border: 1px dashed #DDDEF0;
    box-sizing: border-box;
    margin: 20px 0;
}

.delete-doc-moc{
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    align-items: flex-end;
    color: #999999;
    margin-top: 20px;
    margin-bottom: 20px;
}







.common-block .add-more-entity {
    ont-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */

display: flex;
align-items: flex-end;

/* Основные/999999 */

color: #999999;
    margin-top: 20px;
   
    text-decoration: none;
}

.card__compensation-type{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #757575;
    padding: 4px 8px;
   border: 1px solid #DFDFDF;
   border-radius: 12px;
}

.card__compensation-amount{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding: 4px 8px;
   border: 1px solid #DFDFDF;
   border-radius: 12px;

}

.card__row_right{
    align-items: stretch !important;
}




.calc__credit-amount__inner{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.calc-amount-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.calc-chekbox-row{
    gap: 2rem;
}

.calc-chekbox-row label {
 font-style: normal;
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 display: flex;
 align-items: center;
 color: #333333;
}

.bank-offer__wrap{
    margin-top: 20px;
}


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


.calc-notify__icon{
    display: flex;
    align-items: center;
}

.calc-notify__icon svg {
    width: 18px;
    height: 18px;
}

.calc-notify__icon svg {
    margin-right: 7.25px;
}

.field-orderscalc-brand_id{
    width: 100%;
}

.product-block-with-promt .select2-container{
       width: 100% !important; 
}


.field-orderscalc-model_id .select2-container{
     width: 100% !important; 
}

.product-block-category{
    overflow: hidden;
}

.product-block-category .category-slider {
    overflow: initial;
    position: relative;
}

#product-block-category{
    position: relative;
}

#product-block-category .product-block__arrows {
    position: absolute;
    top: 52%;
    left: -4%;
    z-index: 123;
    width: 110%;
    margin: 0 0%;

}

.calc-notify__content{
    display: none;
}

.calc-notify__content.active-modal{
    display: flex;
    background: rgba(51, 51, 51, 0.7);
    align-items: center;
    justify-content: center;

}


.promt-dealer__item{
    display: flex;
    align-items: stretch;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 20px;
    padding: 24px 20px;
    gap: 20px;
}

.promt-dealer__info{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.promt-dealer-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.calc-notify__inner{
    max-height: 70vh;
}

.calc-notify__header{
    position: fixed;
    z-index: 100002;
    background: #F5F5F5;
    width: 100%;
    top: 0;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 60px;
}

.calc-notify__close{
    display: flex;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}






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

    .desk_two-columns{
        flex-direction: column;
    }

    .desk_two-columns .column:last-of-type{
        width: 100%;
    }


    .button-block__row .del p{
        display: none;
    }
}



@media screen and (max-width:450px){
    .button-block__row .del{
        display: none;
    }
}

@media screen and (min-width:1900px){
    #product-block-amount{
        flex-wrap: nowrap;
    }
}


@media screen and (max-width: 1024px){
    .calculator-layout_main-info{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-column-gap: 24px;
        grid-row-gap: 12px;
    }

    .calculator-layout_main-info .block:first-of-type{
        width: 100%;
        grid-area: 1 / 1 / 2 / 2; 
    }

    .calculator-layout_main-info .block:last-of-type{
        width: 100%;
        max-width: 100%;
        grid-area: 2 / 1 / 3 / 3;
    }

    .block-new__inner {
        flex-direction: row;
        flex-wrap: wrap;
    }

     .block-new__inner .common-block__input{
        width: auto;
    }

    #product-block-amount{
        flex-direction: column;
    }
}



@media screen and (max-width:768px){
    .calculator-layout_main-info{
        display: flex;
        flex-direction: column;
    }
}



 .form-group.has-error input {
  color: #ED0606;
}
.form-group.has-error input::placeholder {
  color: #ED0606;
}

.notifyjs-bootstrap-error{
    font-size: 13px !important;
   
    display: flex;
    align-items: center;
    background-position: 2% 50% !important;

}


.notifyjs-bootstrap-error span{
    padding: 12px;
}