diff --git a/components/DealsStatus/components/Offers.js b/components/DealsStatus/components/Offers.js index 316b314..73883b8 100644 --- a/components/DealsStatus/components/Offers.js +++ b/components/DealsStatus/components/Offers.js @@ -154,13 +154,13 @@ export default class Offers extends Step ) } - { offer_index + 1 } - { numeral(offer.price).format(' ., ') } ₽ - { numeral(offer.first_payment_rub).format(' ., ') } ₽ - { offer.first_payment_perc }% - { offer.brand_name } - { offer.model_name } - { offer.object_count } + { offer_index + 1 } + { numeral(offer.price).format(' ., ') } ₽ + { numeral(offer.first_payment_rub).format(' ., ') } ₽ + { offer.first_payment_perc }% + { offer.brand_name } + { offer.model_name } + { offer.object_count }
this._handle_onOffer(offer.quote_number) }>
diff --git a/css/forms/style.css b/css/forms/style.css index e8b5750..70861ec 100644 --- a/css/forms/style.css +++ b/css/forms/style.css @@ -1064,19 +1064,11 @@ } @media all and (max-width: 768px) { .dropzone { - border: 0; - background: transparent; height: auto; + flex-wrap: wrap; } - .dropzone div p { - margin-bottom: 10px; - } - .dropzone div p:before { - content: attr(data-sm-text); - display: block; - } - .dropzone div p span { - display: none; + .dropzone p { + width: 100%; } } /* questionnaire */ diff --git a/css/forms/style.less b/css/forms/style.less index 3f2ed7d..018372b 100644 --- a/css/forms/style.less +++ b/css/forms/style.less @@ -1265,23 +1265,11 @@ } @media all and (max-width: 768px) { - border: 0; - background: transparent; height: auto; + flex-wrap: wrap; - div { - p { - margin-bottom: 10px; - - &:before { - content: attr(data-sm-text); - display: block; - } - - span { - display: none; - } - } + p { + width: 100%; } } } diff --git a/css/main/style.css b/css/main/style.css index 04e2feb..e501725 100644 --- a/css/main/style.css +++ b/css/main/style.css @@ -3962,6 +3962,11 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li { margin-top: 50px; } } +@media all and (max-width: 768px) { + .feed { + overflow: hidden; + } +} .feed .feed_item { box-sizing: border-box; padding: 24px 16px; @@ -5300,6 +5305,8 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ } .contractStatus_list { margin: 50px 0; + position: relative; + z-index: 9; } .contractStatus_list .list_item { display: flex; @@ -5307,11 +5314,33 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ width: 100%; gap: 0 30px; justify-content: space-between; + position: relative; +} +@media all and (max-width: 920px) { + .contractStatus_list .list_item { + display: block; + padding-left: 100px; + } +} +@media all and (max-width: 768px) { + .contractStatus_list .list_item { + padding-left: 0; + } } .contractStatus_list .list_item div { display: flex; align-items: center; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item div img { + max-width: 30px; + } +} +@media all and (max-width: 768px) { + .contractStatus_list .list_item div img { + display: none; + } +} .contractStatus_list .list_item div p { font-weight: 700; line-height: 23px; @@ -5321,10 +5350,29 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ justify-content: flex-start; gap: 0 8px; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item div p { + font-size: 12px; + line-height: 16px; + } +} +@media all and (max-width: 920px) and (min-width: 769px) { + .contractStatus_list .list_item div:first-child { + position: absolute; + left: 0; + top: 0; + max-width: 90px; + } +} .contractStatus_list .list_item div:nth-child(2) { width: 30%; position: relative; } +@media all and (max-width: 768px) { + .contractStatus_list .list_item div:nth-child(2) { + width: 100%; + } +} .contractStatus_list .list_item div:nth-child(2) p { cursor: pointer; color: var(--text_not_active); @@ -5344,6 +5392,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ border-bottom: 6px solid transparent; background: #fff; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item div:nth-child(2):before { + display: none; + } +} .contractStatus_list .list_item div:nth-child(2):after { content: ""; display: block; @@ -5353,6 +5406,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ background-size: auto 13px; margin-left: 24px; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item div:nth-child(2):after { + display: none; + } +} .contractStatus_list .list_item div:nth-child(3) { display: flex; align-items: center; @@ -5361,6 +5419,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ width: 50%; position: relative; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item div:nth-child(3) { + width: 100%; + gap: 0 12px; + padding: 10px 20px; + justify-content: flex-start; + } +} +@media all and (max-width: 768px) { + .contractStatus_list .list_item div:nth-child(3) { + padding: 20px; + } +} .contractStatus_list .list_item div:nth-child(3):before { content: ""; display: block; @@ -5375,6 +5446,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ border-left: 8px solid #a499dd; border-bottom: 6px solid transparent; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item div:nth-child(3):before { + border-top: 4px solid transparent; + border-left: 6px solid #a499dd; + border-bottom: 4px solid transparent; + right: auto; + left: 0; + bottom: 0; + transform: rotate(90deg); + top: auto; + } +} .contractStatus_list .list_item div:nth-child(3):after { content: ""; display: block; @@ -5383,22 +5466,54 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ background: url("/assets/images/status/line_2.jpg") repeat-x left center; background-size: auto 13px; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item div:nth-child(3):after { + background-size: auto 10px; + position: absolute; + left: -22px; + right: auto; + transform: rotate(90deg); + width: 50px; + height: 6px; + } +} +@media all and (max-width: 768px) { + .contractStatus_list .list_item div:nth-child(3):after { + left: -17px; + width: 40px; + } +} .contractStatus_list .list_item div:nth-child(4) { width: 130px; min-width: 130px; justify-content: flex-end; cursor: pointer; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item div:nth-child(4) { + justify-content: flex-start; + } +} .contractStatus_list .list_item div:nth-child(4) button { white-space: nowrap; gap: 0 8px; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item div:nth-child(4) button { + padding: 0; + } +} .contractStatus_list .list_item div:first-child { min-width: 60px; } .contractStatus_list .list_item:not(:last-child) { margin-bottom: 5px; } +@media all and (max-width: 920px) { + .contractStatus_list .list_item:not(:last-child) { + margin-bottom: 20px; + } +} .contractStatus_list .list_item:not(:last-child) div:nth-child(5) { /*visibility: hidden;*/ } @@ -5417,6 +5532,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ transition: transform 150ms ease; overflow: hidden; } +@media all and (max-width: 768px) { + .contractStatus_modal { + margin-bottom: 30px; + overflow: visible; + } +} .contractStatus_modal .modal_header { display: flex; align-items: center; @@ -5444,12 +5565,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ gap: 0 30px; padding: 0px 0; } +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div { + gap: 0 12px; + font-size: 12px; + } +} .contractStatus_modal .single_status > div:last-child .status_body .wrap { padding-bottom: 0; border: 0; } .contractStatus_modal .single_status > div:last-child > span::before { - display: none; + display: none !important; } .contractStatus_modal .single_status > div > p { margin: 0; @@ -5467,6 +5594,13 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ width: 40px; height: 40px; } +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div i { + width: 30px; + height: 30px; + background-size: contain !important; + } +} .contractStatus_modal .single_status > div i.status_100 { background: url("/assets/images/status/icon_deal_status_100.svg") no-repeat center; } @@ -5572,9 +5706,25 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ z-index: -1; bottom: 0; } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div:first-child { + padding-top: 25px; + } + .contractStatus_modal .single_status > div:first-child > p:first-child { + width: 100%; + position: absolute; + top: 0; + padding: 0; + } +} .contractStatus_modal .single_status > div:not(:first-child) > p:first-child { visibility: hidden; } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div:not(:first-child) > p:first-child { + display: none; + } +} .contractStatus_modal .single_status > div:not(.current) img { filter: grayscale(1); } @@ -5687,6 +5837,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ position: relative; cursor: pointer; } +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .status_header { + gap: 0 12px; + font-size: 12px; + min-height: 50px; + } +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_header { + flex-wrap: wrap; + height: auto; + } +} .contractStatus_modal .single_status > div .status_body .status_header .background { background-color: #edeff5; position: absolute; @@ -5696,15 +5859,38 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ height: 50px; z-index: 1; } +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .status_header .background { + left: 0; + } +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_header .background { + left: -48px; + width: calc(100% + 96px); + } +} .contractStatus_modal .single_status > div .status_body .status_header i { z-index: 2; white-space: nowrap; min-width: 40px; } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_header i { + display: none; + } +} .contractStatus_modal .single_status > div .status_body .status_header p { z-index: 2; white-space: nowrap; } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_header p { + max-width: calc(100% - 70px); + white-space: unset; + width: 100%; + } +} .contractStatus_modal .single_status > div .status_body .status_header .buttons { z-index: 2; width: 100%; @@ -5712,6 +5898,13 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ justify-content: flex-end; padding-right: 4px; } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_header .buttons { + justify-content: flex-start; + width: 100%; + margin-top: 10px; + } +} .contractStatus_modal .single_status > div .status_body .status_header .button_arrow { min-width: 50px; height: 50px; @@ -5721,6 +5914,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ z-index: 2; margin-left: -30px; } +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .status_header .button_arrow { + margin-left: -12px; + } +} .contractStatus_modal .single_status > div .status_body .status_header .button_arrow .icon { width: 18px; height: 18px; @@ -5739,6 +5937,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ padding-bottom: 25px; border-bottom: 1px solid var(--inactive, #EDEFF5); } +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .wrap { + margin-top: 15px; + padding-bottom: 15px; + } +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .wrap { + margin-top: 20px; + padding-bottom: 20px; + } +} .contractStatus_modal .single_status > div .status_body .wrap.form { display: flex; flex-direction: column; @@ -5747,9 +5957,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ display: flex; flex-direction: row; } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .wrap.form .block { + display: block; + } +} .contractStatus_modal .single_status > div .status_body .wrap.form .block .left { width: 20%; } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .wrap.form .block .left { + width: 100%; + } +} .contractStatus_modal .single_status > div .status_body .wrap.form .block .left p { line-height: 14px; margin: 15px 0px 15px 0px; @@ -5758,6 +5978,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ width: 80%; padding-left: 30px; } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .wrap.form .block .right { + width: 100%; + padding-left: 0; + } +} .contractStatus_modal .single_status > div .status_body .wrap input[type="checkbox"] + label { width: 16px; padding: 0; @@ -5775,6 +6001,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ margin-right: 20%; padding-top: 10px; } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .wrap .single_text p { + margin-right: 0; + padding-top: 0; + } +} .contractStatus_modal .single_status > div .status_body .wrap .single_text p:before { content: ""; display: block; @@ -5786,6 +6018,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ margin-top: -10px; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='8' fill='%232F80ED' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 29C24.9706 29 29 24.9706 29 20C29 15.0294 24.9706 11 20 11C15.0294 11 11 15.0294 11 20C11 24.9706 15.0294 29 20 29ZM21 14.5C21 13.9477 20.5523 13.5 20 13.5C19.4477 13.5 19 13.9477 19 14.5V19.75C19 20.4404 19.5596 21 20.25 21H23.5C24.0523 21 24.5 20.5523 24.5 20C24.5 19.4477 24.0523 19 23.5 19H21V14.5Z' fill='%232F80ED'/%3E%3C/svg%3E"); } +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .wrap .single_text p:before { + margin-top: 0; + } +} .contractStatus_modal .single_status > div .status_body .wrap table { font-size: 12px; line-height: 120%; @@ -5816,6 +6053,116 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ .contractStatus_modal .single_status > div .status_body .wrap table .i-pdf span { font-weight: 400; } +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table thead { + display: none; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tbody { + display: block; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr { + display: block; + position: relative; + padding-left: 31px; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td { + display: block; + padding: 8px; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 32px; + box-sizing: border-box; + background: #fff; + border-top: 0; + border-bottom: 0; + border-left: 0; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) .form_field { + width: 16px; + margin: auto; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:not(:last-child) { + border-bottom: 0; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:empty { + display: none; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td[data-title] { + display: flex; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td[data-title]:before { + content: attr(data-title); + color: var(--text_not_active); + font-size: 12px; + font-style: normal; + font-weight: 700; + line-height: 120%; + width: 100%; + display: block; + width: 50%; + min-width: 50%; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table .docs_list .row .doc_name span { + width: 100%; + } +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table thead { + display: none; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tbody { + display: block; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr { + display: block; + position: relative; + padding-right: 56px; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td { + display: block; + padding: 8px; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) { + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 57px; + box-sizing: border-box; + background: #fff; + border-top: 0; + border-bottom: 0; + border-right: 0; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) .form_field { + width: 16px; + margin: auto; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:not(:last-child) { + border-bottom: 0; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:empty { + display: none; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td[data-title]:before { + content: attr(data-title); + color: var(--text_not_active); + font-size: 12px; + font-style: normal; + font-weight: 700; + line-height: 120%; + width: 100%; + display: block; + margin-bottom: 5px; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table .docs_list .row .doc_name span { + width: 100%; + } +} .contractStatus_modal .single_status > div .status_body .wrap .message { display: flex; align-items: center; @@ -6032,6 +6379,14 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10L8 5L13 10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } +@media all and (max-width: 920px) { + .contractStatus_modal .bottom_button_close { + margin-left: 0; + padding: 0; + margin-top: 15px; + margin-bottom: 25px; + } +} .all_contracts_modal .contractStatus_list .list_item .step { width: 50%; gap: 0 16px; @@ -6075,6 +6430,16 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ padding: 30px; height: 100px; } +@media all and (max-width: 920px) { + .horizontal_dropzone_wrapper { + padding: 15px; + } +} +@media all and (max-width: 768px) { + .horizontal_dropzone_wrapper { + height: auto; + } +} .horizontal_dropzone_wrapper.disabled { filter: grayscale(1); opacity: 0.25; @@ -6085,6 +6450,17 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ max-width: 80%; gap: 20px; } +@media all and (max-width: 920px) { + .horizontal_dropzone_wrapper .horizontal_dropzone_inner { + max-width: 100%; + gap: 0 12px; + } +} +@media all and (max-width: 768px) { + .horizontal_dropzone_wrapper .horizontal_dropzone_inner { + flex-wrap: wrap; + } +} .horizontal_dropzone_wrapper .horizontal_dropzone_inner p { text-align: left; margin: 0px; @@ -6092,6 +6468,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ .horizontal_dropzone_wrapper .horizontal_dropzone_inner label { white-space: nowrap; } +@media all and (max-width: 768px) { + .horizontal_dropzone_wrapper .horizontal_dropzone_inner label { + margin-top: 15px; + } +} .horizontal_dropzone_files { display: flex; flex-direction: column; diff --git a/css/main/style.less b/css/main/style.less index 7e4e249..00f3db5 100644 --- a/css/main/style.less +++ b/css/main/style.less @@ -4030,12 +4030,12 @@ main .dropdown_blocks_list .dropdown_block .block_body { margin-bottom: -80px; } - &.rate_opened { - @media all and (max-width: 360px) { - width: 100vw; - margin: 0px; - } - } + &.rate_opened { + @media all and (max-width: 360px) { + width: 100vw; + margin: 0px; + } + } .helpBox { max-width: 730px; @@ -4220,7 +4220,7 @@ main .dropdown_blocks_list .dropdown_block .block_body { margin-left: auto; margin-right: 0; /*width: 343px;*/ - width: 250px; + width: 250px; pointer-events: all; top: calc(100vh - 150px); /* tile shadow */ @@ -4230,99 +4230,107 @@ main .dropdown_blocks_list .dropdown_block .block_body { height: 102px; @media all and (max-width: 960px) { - //display: none; - height: 120px; + //display: none; + height: 120px; } &.opened { form { - display: flex; - flex-direction: column; - width: 100%; + display: flex; + flex-direction: column; + width: 100%; - textarea { - min-height: 160px; - } + textarea { + min-height: 160px; + } - button { - align-self: center; - } + button { + align-self: center; + } - animation: rate_form 0.25s normal forwards ease-in-out; - } - width: 350px; -// height: 400px; - .rate_body { - overflow: hidden; - //height: 450px; + animation: rate_form 0.25s normal forwards ease-in-out; + } - animation: rate_body_opened 0.25s normal forwards ease-in-out; + width: 350px; - &.completed { - align-items: center; - justify-content: center; + // height: 400px; + .rate_body { + overflow: hidden; + //height: 450px; - animation: rate_body_shrink 0.25s normal forwards ease-in-out; - } + animation: rate_body_opened 0.25s normal forwards ease-in-out; - @media all and (max-width: 360px) { - width: 100vw; - margin: 0px; - } - } - animation: rate_opened 0.25s normal forwards ease-in-out; - } + &.completed { + align-items: center; + justify-content: center; - @keyframes rate_opened { - from { - width: 250px; - } - to { - width: 350px; - } - } + animation: rate_body_shrink 0.25s normal forwards ease-in-out; + } - @keyframes rate_body_opened { - from { - height: 110px; - } - to { - height: 450px; - } - } + @media all and (max-width: 360px) { + width: 100vw; + margin: 0px; + } + } - @keyframes rate_body_shrink { - from { - height: 450px; - } - to { - height: 120px; - } - } + animation: rate_opened 0.25s normal forwards ease-in-out; + } - @keyframes rate_form { - from { -// transform: translate(-80px, -130px) scale(0.25, 0.25); - transform: scale(0.5, 0.5); - } - to { -// transform: translate(0px, 0px) scale(1, 1); - transform: scale(1, 1); - } - } + @keyframes rate_opened { + from { + width: 250px; + } - &.hidden { - animation: rate_hide 0.25s normal forwards ease-in-out; - } + to { + width: 350px; + } + } - @keyframes rate_hide { - from { - opacity: 100; - } - to { - opacity: 0; - } - } + @keyframes rate_body_opened { + from { + height: 110px; + } + + to { + height: 450px; + } + } + + @keyframes rate_body_shrink { + from { + height: 450px; + } + + to { + height: 120px; + } + } + + @keyframes rate_form { + from { + // transform: translate(-80px, -130px) scale(0.25, 0.25); + transform: scale(0.5, 0.5); + } + + to { + // transform: translate(0px, 0px) scale(1, 1); + transform: scale(1, 1); + } + } + + &.hidden { + animation: rate_hide 0.25s normal forwards ease-in-out; + } + + @keyframes rate_hide { + from { + opacity: 100; + } + + to { + opacity: 0; + } + } .rate_body { margin-left: auto; @@ -4331,16 +4339,16 @@ main .dropdown_blocks_list .dropdown_block .block_body { width: 100%; padding: 16px 24px; box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.16); - align-items: center; - display: flex; - flex-direction: column; - justify-content: space-between; + align-items: center; + display: flex; + flex-direction: column; + justify-content: space-between; - @media all and (min-width: 961px) and (max-width: 1420px) { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - margin-right: -80px; - } + @media all and (min-width: 961px) and (max-width: 1420px) { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + margin-right: -80px; + } } p { @@ -4349,14 +4357,14 @@ main .dropdown_blocks_list .dropdown_block .block_body { line-height: 23px; width: 100%; margin-bottom: 8px; - text-align: center; + text-align: center; } .rate_start { display: flex; align-items: center; justify-content: space-between; - flex-direction: column; + flex-direction: column; p { text-align: center; @@ -4429,6 +4437,10 @@ main .dropdown_blocks_list .dropdown_block .block_body { margin-top: 50px; } + @media all and (max-width: 768px) { + overflow: hidden; + } + .feed_item { box-sizing: border-box; padding: 24px 16px; @@ -6001,6 +6013,8 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { .contractStatus_list { margin: 50px 0; + position: relative; + z-index: 9; .list_item { display: flex; @@ -6008,11 +6022,31 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { width: 100%; gap: 0 30px; justify-content: space-between; + position: relative; + + @media all and (max-width: 920px) { + display: block; + padding-left: 100px; + } + + @media all and (max-width: 768px) { + padding-left: 0; + } div { display: flex; align-items: center; + img { + @media all and (max-width: 920px) { + max-width: 30px; + } + + @media all and (max-width: 768px) { + display: none; + } + } + p { font-weight: 700; line-height: 23px; @@ -6021,12 +6055,30 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { align-items: center; justify-content: flex-start; gap: 0 8px; + + @media all and (max-width: 920px) { + font-size: 12px; + line-height: 16px; + } + } + + &:first-child { + @media all and (max-width: 920px) and (min-width: 769px) { + position: absolute; + left: 0; + top: 0; + max-width: 90px; + } } &:nth-child(2) { width: 30%; position: relative; + @media all and (max-width: 768px) { + width: 100%; + } + p { cursor: pointer; color: var(--text_not_active); @@ -6046,6 +6098,10 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { border-left: 8px solid #d1d4db; border-bottom: 6px solid transparent; background: #fff; + + @media all and (max-width: 920px) { + display: none; + } } &:after { @@ -6056,6 +6112,10 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { background: url("/assets/images/status/line.jpg") repeat-x left center; background-size: auto 13px; margin-left: 24px; + + @media all and (max-width: 920px) { + display: none; + } } } @@ -6067,6 +6127,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { width: 50%; position: relative; + @media all and (max-width: 920px) { + width: 100%; + gap: 0 12px; + padding: 10px 20px; + justify-content: flex-start; + } + + @media all and (max-width: 768px) { + padding: 20px; + } + + &:before { content: ""; display: block; @@ -6080,6 +6152,17 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { border-top: 6px solid transparent; border-left: 8px solid #a499dd; border-bottom: 6px solid transparent; + + @media all and (max-width: 920px) { + border-top: 4px solid transparent; + border-left: 6px solid #a499dd; + border-bottom: 4px solid transparent; + right: auto; + left: 0; + bottom: 0; + transform: rotate(90deg); + top: auto; + } } &:after { @@ -6089,30 +6172,57 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { height: 18px; background: url("/assets/images/status/line_2.jpg") repeat-x left center; background-size: auto 13px; + + @media all and (max-width: 920px) { + background-size: auto 10px; + position: absolute; + left: -22px; + right: auto; + transform: rotate(90deg); + width: 50px; + height: 6px; + } + + @media all and (max-width: 768px) { + left: -17px; + width: 40px; + } } } &:nth-child(4) { width: 130px; - min-width: 130px; - justify-content: flex-end; - - cursor: pointer; + min-width: 130px; + justify-content: flex-end; + + @media all and (max-width: 920px) { + justify-content: flex-start; + } + + cursor: pointer; button { white-space: nowrap; gap: 0 8px; + + @media all and (max-width: 920px) { + padding: 0; + } } } - &:first-child { - min-width: 60px; - } - } + &:first-child { + min-width: 60px; + } + } &:not(:last-child) { margin-bottom: 5px; + @media all and (max-width: 920px) { + margin-bottom: 20px; + } + div:nth-child(5) { /*visibility: hidden;*/ } @@ -6136,6 +6246,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { transition: transform 150ms ease; overflow: hidden; + @media all and (max-width: 768px) { + margin-bottom: 30px; + overflow: visible; + } + .modal_header { display: flex; align-items: center; @@ -6169,6 +6284,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { gap: 0 30px; padding: 0px 0; + @media all and (max-width: 920px) { + gap: 0 12px; + font-size: 12px; + } + &:last-child { .status_body .wrap { padding-bottom: 0; @@ -6176,7 +6296,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } >span::before { - display: none; + display: none !important; } } @@ -6187,7 +6307,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { font-weight: 700; white-space: nowrap; padding: 15px 0; -// height: 80px; + // height: 80px; display: flex; align-items: flex-start; box-sizing: border-box; @@ -6199,76 +6319,90 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { width: 40px; height: 40px; - &.status_100 { - background: url("/assets/images/status/icon_deal_status_100.svg") no-repeat center; - &.inactive { - background: url("/assets/images/status/icon_deal_status_100_inactive.svg") no-repeat center; - } - } + @media all and (max-width: 920px) { + width: 30px; + height: 30px; + background-size: contain !important; + } - &.status_101 { - background: url("/assets/images/status/icon_deal_status_101.svg") no-repeat center; - &.inactive { - background: url("/assets/images/status/icon_deal_status_101_inactive.svg") no-repeat center; - } - } + &.status_100 { + background: url("/assets/images/status/icon_deal_status_100.svg") no-repeat center; - &.status_102 { - background: url("/assets/images/status/icon_deal_status_102.svg") no-repeat center; - &.inactive { - background: url("/assets/images/status/icon_deal_status_102_inactive.svg") no-repeat center; - } - } + &.inactive { + background: url("/assets/images/status/icon_deal_status_100_inactive.svg") no-repeat center; + } + } - &.status_103 { - background: url("/assets/images/status/icon_deal_status_103.svg") no-repeat center; - &.inactive { - background: url("/assets/images/status/icon_deal_status_103_inactive.svg") no-repeat center; - } - } + &.status_101 { + background: url("/assets/images/status/icon_deal_status_101.svg") no-repeat center; - &.status_104 { - background: url("/assets/images/status/icon_deal_status_104.svg") no-repeat center; - &.inactive { - background: url("/assets/images/status/icon_deal_status_104_inactive.svg") no-repeat center; - } - } + &.inactive { + background: url("/assets/images/status/icon_deal_status_101_inactive.svg") no-repeat center; + } + } - &.status_105 { - background: url("/assets/images/status/icon_deal_status_105.svg") no-repeat center; - &.inactive { - background: url("/assets/images/status/icon_deal_status_105_inactive.svg") no-repeat center; - } - } + &.status_102 { + background: url("/assets/images/status/icon_deal_status_102.svg") no-repeat center; - &.status_106 { - background: url("/assets/images/status/icon_deal_status_106.svg") no-repeat center; - &.inactive { - background: url("/assets/images/status/icon_deal_status_106_inactive.svg") no-repeat center; - } - } + &.inactive { + background: url("/assets/images/status/icon_deal_status_102_inactive.svg") no-repeat center; + } + } - &.status_107 { - background: url("/assets/images/status/icon_deal_status_107.svg") no-repeat center; - &.inactive { - background: url("/assets/images/status/icon_deal_status_107_inactive.svg") no-repeat center; - } - } - } + &.status_103 { + background: url("/assets/images/status/icon_deal_status_103.svg") no-repeat center; + + &.inactive { + background: url("/assets/images/status/icon_deal_status_103_inactive.svg") no-repeat center; + } + } + + &.status_104 { + background: url("/assets/images/status/icon_deal_status_104.svg") no-repeat center; + + &.inactive { + background: url("/assets/images/status/icon_deal_status_104_inactive.svg") no-repeat center; + } + } + + &.status_105 { + background: url("/assets/images/status/icon_deal_status_105.svg") no-repeat center; + + &.inactive { + background: url("/assets/images/status/icon_deal_status_105_inactive.svg") no-repeat center; + } + } + + &.status_106 { + background: url("/assets/images/status/icon_deal_status_106.svg") no-repeat center; + + &.inactive { + background: url("/assets/images/status/icon_deal_status_106_inactive.svg") no-repeat center; + } + } + + &.status_107 { + background: url("/assets/images/status/icon_deal_status_107.svg") no-repeat center; + + &.inactive { + background: url("/assets/images/status/icon_deal_status_107_inactive.svg") no-repeat center; + } + } + } + + >span { + display: block; + width: 20px; + min-width: 20px; + //height: 20px; + margin: 0; + //border-radius: 100%; + //background-color: #5FB158; + //background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.92871 3.50024L4.92871 8.50002L2.42871 6.00024' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23EDEFF5'/%3E%3Cpath d='M9.9986 14.2857C12.3655 14.2857 14.2843 12.3669 14.2843 10C14.2843 7.63307 12.3655 5.71429 9.9986 5.71429C7.63167 5.71429 5.71289 7.63307 5.71289 10C5.71289 12.3669 7.63167 14.2857 9.9986 14.2857Z' stroke='%238E94A7' stroke-miterlimit='10'/%3E%3Cpath d='M10 7.5V10H12.5' stroke='%238E94A7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: top center; - > span { - display: block; - width: 20px; - min-width: 20px; - //height: 20px; - margin: 0; - //border-radius: 100%; - //background-color: #5FB158; - //background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.92871 3.50024L4.92871 8.50002L2.42871 6.00024' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23EDEFF5'/%3E%3Cpath d='M9.9986 14.2857C12.3655 14.2857 14.2843 12.3669 14.2843 10C14.2843 7.63307 12.3655 5.71429 9.9986 5.71429C7.63167 5.71429 5.71289 7.63307 5.71289 10C5.71289 12.3669 7.63167 14.2857 9.9986 14.2857Z' stroke='%238E94A7' stroke-miterlimit='10'/%3E%3Cpath d='M10 7.5V10H12.5' stroke='%238E94A7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - background-position: top center; - position: relative; z-index: 2; top: 15px; @@ -6307,41 +6441,59 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { span { &:after { - + display: none; } } } - &:last-child { - span { - &:before { - content: ""; - display: block; - position: absolute; - width: 0px; - height: auto; - border: 1px dashed #EDEFF5; - top: 20px; - bottom: -20px; - left: 0; - right: 0; - margin: auto; - z-index: -1; + &:last-child { + span { + &:before { + content: ""; + display: block; + position: absolute; + width: 0px; + height: auto; + border: 1px dashed #EDEFF5; + top: 20px; + bottom: -20px; + left: 0; + right: 0; + margin: auto; + z-index: -1; - bottom: 0; - } - } - } + bottom: 0; + } + } + } &:not(:last-child) { //border-bottom: 1px solid var(--inactive, #EDEFF5); } + &:first-child { + @media all and (max-width: 768px) { + padding-top: 25px; + + >p:first-child { + width: 100%; + position: absolute; + top: 0; + padding: 0; + } + } + } + &:not(:first-child) { >p:first-child { visibility: hidden; + + @media all and (max-width: 768px) { + display: none; + } + } } @@ -6351,24 +6503,24 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } } - &.current { - > span { - //background-color: #2F80ED; - //background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00084 9.92868C8.17053 9.92868 9.92941 8.1698 9.92941 6.00011C9.92941 3.83041 8.17053 2.07153 6.00084 2.07153C3.83115 2.07153 2.07227 3.83041 2.07227 6.00011C2.07227 8.1698 3.83115 9.92868 6.00084 9.92868Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M6 6.00007L7.76777 4.2323' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.92871 0.642944H7.07157' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232F80ED'/%3E%3Cpath d='M9.99888 13.9286C12.1686 13.9286 13.9275 12.1697 13.9275 9.99998C13.9275 7.83029 12.1686 6.07141 9.99888 6.07141C7.82919 6.07141 6.07031 7.83029 6.07031 9.99998C6.07031 12.1697 7.82919 13.9286 9.99888 13.9286Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M10 10L11.7678 8.23224' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.92773 4.64282H11.0706' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - background-position: top center; + &.current { + >span { + //background-color: #2F80ED; + //background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00084 9.92868C8.17053 9.92868 9.92941 8.1698 9.92941 6.00011C9.92941 3.83041 8.17053 2.07153 6.00084 2.07153C3.83115 2.07153 2.07227 3.83041 2.07227 6.00011C2.07227 8.1698 3.83115 9.92868 6.00084 9.92868Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M6 6.00007L7.76777 4.2323' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.92871 0.642944H7.07157' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232F80ED'/%3E%3Cpath d='M9.99888 13.9286C12.1686 13.9286 13.9275 12.1697 13.9275 9.99998C13.9275 7.83029 12.1686 6.07141 9.99888 6.07141C7.82919 6.07141 6.07031 7.83029 6.07031 9.99998C6.07031 12.1697 7.82919 13.9286 9.99888 13.9286Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M10 10L11.7678 8.23224' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.92773 4.64282H11.0706' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: top center; - &:before { - border-color: #2F80ED; - } + &:before { + border-color: #2F80ED; + } - &:after { - border-top-color: #2F80ED; - } - } + &:after { + border-top-color: #2F80ED; + } + } - /* + /* &~div { > span { //background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00056 10.2858C8.36749 10.2858 10.2863 8.367 10.2863 6.00007C10.2863 3.63313 8.36749 1.71436 6.00056 1.71436C3.63362 1.71436 1.71484 3.63313 1.71484 6.00007C1.71484 8.367 3.63362 10.2858 6.00056 10.2858Z' stroke='%238E94A7' stroke-miterlimit='10'/%3E%3Cpath d='M6 3.5V6H8.5' stroke='%238E94A7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); @@ -6416,29 +6568,29 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } */ - &+div { - span { - &:after { - border-top-color: #2F80ED; - } - } - } - } + &+div { + span { + &:after { + border-top-color: #2F80ED; + } + } + } + } - &.done { - > span { - background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%235FB158'/%3E%3Cpath d='M13.9277 7.5L8.92773 12.4998L6.42773 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + &.done { + >span { + background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%235FB158'/%3E%3Cpath d='M13.9277 7.5L8.92773 12.4998L6.42773 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - &:before { - border-color: #5FB158; - } + &:before { + border-color: #5FB158; + } - &:after { - border-top-color: #5FB158; - } - } + &:after { + border-top-color: #5FB158; + } + } - /* + /* &~div { > span { &:before { @@ -6448,14 +6600,14 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } */ - &+div { - span { - &:after { - border-top-color: #5FB158; - } - } - } - } + &+div { + span { + &:after { + border-top-color: #5FB158; + } + } + } + } .toggle_status { margin: auto; @@ -6479,977 +6631,1215 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { justify-content: flex-start; gap: 0 30px; padding: 0px 0; - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; - .background { - background-color: rgb(237, 239, 245); - position: absolute; - left: -65px; - top: 0px; - width: calc(100% + 65px); - height: 50px; - z-index: 1; - } + @media all and (max-width: 920px) { + gap: 0 12px; + font-size: 12px; + min-height: 50px; + } - i { - z-index: 2; - white-space: nowrap; - min-width: 40px; - } + @media all and (max-width: 768px) { + flex-wrap: wrap; + + height: auto; + } - p { - z-index: 2; - white-space: nowrap; - } + .background { + background-color: rgb(237, 239, 245); + position: absolute; + left: -65px; + top: 0px; + width: calc(100% + 65px); + height: 50px; + z-index: 1; - .buttons { - z-index: 2; - width: 100%; - display: flex; - justify-content: flex-end; - padding-right: 4px; - } + @media all and (max-width: 920px) { + left: 0; + } - .button_arrow { - min-width: 50px; - height: 50px; - display: flex; - justify-content: center; - align-items: center; - z-index: 2; - margin-left: -30px; + @media all and (max-width: 768px) { + left: -48px; + width: calc(100% + 96px); + } + } - .icon { - width: 18px; - height: 18px; - } + i { + z-index: 2; + white-space: nowrap; + min-width: 40px; - .down { - background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - } + @media all and (max-width: 768px) { + display: none; + } + } - .up { - background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - } - } - } + p { + z-index: 2; + white-space: nowrap; + + @media all and (max-width: 768px) { + max-width: calc(100% - 70px); + white-space: unset; + width: 100%; + } + } + + .buttons { + z-index: 2; + width: 100%; + display: flex; + justify-content: flex-end; + padding-right: 4px; + + + @media all and (max-width: 768px) { + justify-content: flex-start; + width: 100%; + margin-top: 10px; + } + } + + .button_arrow { + min-width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + z-index: 2; + margin-left: -30px; + + @media all and (max-width: 920px) { + margin-left: -12px; + } + + .icon { + width: 18px; + height: 18px; + } + + .down { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + + .up { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + } + } .header { visibility: visible !important; } - .wrap { - margin-top: 25px; - padding-bottom: 25px; - border-bottom: 1px solid var(--inactive, #EDEFF5); + .wrap { + margin-top: 25px; + padding-bottom: 25px; + border-bottom: 1px solid var(--inactive, #EDEFF5); - &.form { - display: flex; - flex-direction: column; + @media all and (max-width: 920px) { + margin-top: 15px; + padding-bottom: 15px; + } - .block { - display: flex; - flex-direction: row; + @media all and (max-width: 768px) { + margin-top: 20px; + padding-bottom: 20px; + } - .left { - width: 20%; + &.form { + display: flex; + flex-direction: column; - p { - line-height: 14px; - margin: 15px 0px 15px 0px; - } - } + .block { + display: flex; + flex-direction: row; - .right { - width: 80%; - padding-left: 30px; - //padding-bottom: 30px; - } - } - } + @media all and (max-width: 768px) { + display: block; + } - input[type="checkbox"]+label { - width: 16px; - padding: 0; - height: 16px; + .left { + width: 20%; - &:before { - margin-right: 0; - } - } + @media all and (max-width: 768px) { + width: 100%; + } - p { - font-weight: 400; - } + p { + line-height: 14px; + margin: 15px 0px 15px 0px; + } + } - .single_text { - //max-width: 565px; - //margin: auto; + .right { + width: 80%; + padding-left: 30px; + //padding-bottom: 30px; - p { - display: flex; - color: #8E94A7; - margin-right: 20%; - padding-top: 10px; + @media all and (max-width: 768px) { + width: 100%; + padding-left: 0; + } + } + } + } - &:before { - content: ""; - display: block; - width: 40px; - min-height: 40px; - height: 40px; - min-width: 40px; - margin-right: 20px; - margin-top: -10px; + input[type="checkbox"]+label { + width: 16px; + padding: 0; + height: 16px; - background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='8' fill='%232F80ED' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 29C24.9706 29 29 24.9706 29 20C29 15.0294 24.9706 11 20 11C15.0294 11 11 15.0294 11 20C11 24.9706 15.0294 29 20 29ZM21 14.5C21 13.9477 20.5523 13.5 20 13.5C19.4477 13.5 19 13.9477 19 14.5V19.75C19 20.4404 19.5596 21 20.25 21H23.5C24.0523 21 24.5 20.5523 24.5 20C24.5 19.4477 24.0523 19 23.5 19H21V14.5Z' fill='%232F80ED'/%3E%3C/svg%3E"); - } - } - } + &:before { + margin-right: 0; + } + } - table { - font-size: 12px; - line-height: 120%; - border-collapse: collapse; + p { + font-weight: 400; + } - td, - th { - //border: 1px solid rgba(0, 0, 0, 17%); - border: solid 1px #EDEFF5; - border-collapse: collapse; - padding: 13px; - text-align: left; - vertical-align: middle; + .single_text { + //max-width: 565px; + //margin: auto; - &:not(:last-child) { - // border-right: 0; - } + p { + display: flex; + color: #8E94A7; + margin-right: 20%; + padding-top: 10px; - &:not(:first-child) { - // border-left: 0; - } - } + @media all and (max-width: 768px) { + margin-right: 0; + padding-top: 0; + } - td { - &:nth-child(3), - &:nth-child(4) { - white-space: nowrap; - } - } + &:before { + content: ""; + display: block; + width: 40px; + min-height: 40px; + height: 40px; + min-width: 40px; + margin-right: 20px; + margin-top: -10px; - .row { - margin-bottom: 0; - } + background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='8' fill='%232F80ED' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 29C24.9706 29 29 24.9706 29 20C29 15.0294 24.9706 11 20 11C15.0294 11 11 15.0294 11 20C11 24.9706 15.0294 29 20 29ZM21 14.5C21 13.9477 20.5523 13.5 20 13.5C19.4477 13.5 19 13.9477 19 14.5V19.75C19 20.4404 19.5596 21 20.25 21H23.5C24.0523 21 24.5 20.5523 24.5 20C24.5 19.4477 24.0523 19 23.5 19H21V14.5Z' fill='%232F80ED'/%3E%3C/svg%3E"); - .i-pdf { - background-size: auto 28px; - padding-left: 35px; - margin-right: 0; - min-height: 28px; - font-weight: 700; + @media all and (max-width: 768px) { + margin-top: 0; + } + } + } + } - span { - font-weight: 400; - } - } - } + table { + font-size: 12px; + line-height: 120%; + border-collapse: collapse; - .message { - display: flex; - align-items: center; - padding: 10px; - padding-left: 0px; + td, + th { + //border: 1px solid rgba(0, 0, 0, 17%); + border: solid 1px #EDEFF5; + border-collapse: collapse; + padding: 13px; + text-align: left; + vertical-align: middle; - &:before { - content: ""; - display: block; - width: 24px; - min-height: 24px; - height: 24px; - min-width: 24px; - margin-right: 8px; - } + &:not(:last-child) { + // border-right: 0; + } - &.ok::before { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - background-position: center; - } + &:not(:first-child) { + // border-left: 0; + } + } - &.alert::before { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9V13.5' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7015 3.74857L2.45374 17.9978C2.32177 18.2258 2.25217 18.4846 2.25195 18.748C2.25174 19.0115 2.32091 19.2703 2.4525 19.4986C2.5841 19.7268 2.77348 19.9163 3.0016 20.0481C3.22971 20.1799 3.48851 20.2493 3.75196 20.2493H20.2475C20.5109 20.2493 20.7697 20.1799 20.9979 20.0481C21.226 19.9163 21.4154 19.7268 21.547 19.4986C21.6786 19.2703 21.7477 19.0115 21.7475 18.748C21.7473 18.4846 21.6777 18.2258 21.5457 17.9978L13.2979 3.74857C13.1662 3.52093 12.9769 3.33193 12.749 3.20055C12.5212 3.06916 12.2628 3 11.9997 3C11.7367 3 11.4783 3.06916 11.2504 3.20055C11.0226 3.33193 10.8333 3.52093 10.7015 3.74857V3.74857Z' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18C12.6213 18 13.125 17.4963 13.125 16.875C13.125 16.2537 12.6213 15.75 12 15.75C11.3787 15.75 10.875 16.2537 10.875 16.875C10.875 17.4963 11.3787 18 12 18Z' fill='%23ED0A34'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - background-position: center; - } + td { - &.wait:before { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%238E94A7' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M12 6.75V12H17.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - background-position: center; - } + &:nth-child(3), + &:nth-child(4) { + white-space: nowrap; + } + } - .button { - margin-left: 30px; - } + .row { + margin-bottom: 0; + } - &.documents { - display: flex; - justify-content: space-between; - gap: 0 28px; - padding: 0; + .i-pdf { + background-size: auto 28px; + padding-left: 35px; + margin-right: 0; + min-height: 28px; + font-weight: 700; - &::before { - display: none; - } + span { + font-weight: 400; + } + } - .doc_list { - width: 350px; - min-width: 350px; - border: 1px solid #8A8A8A; - background: rgba(118, 118, 118, 0.10); - padding: 15px 25px; + &.deal_offers_table { + @media all and (max-width: 920px) { + thead { + display: none; + } - p { - max-width: 100%; - margin-right: 0; - } + tbody { + display: block; + } - .row:last-child { - margin-bottom: 0; + tr { + display: block; + position: relative; + padding-left: 31px; + } - p { - margin-bottom: 0; - } - } - } + td { + display: block; + padding: 8px; - .doc_list + p { - background: rgba(131, 3, 84, 0.10); - padding: 15px 25px; - } - } - } + &:first-child:not(:empty) { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 32px; + box-sizing: border-box; + background: #fff; + border-top: 0; + border-bottom: 0; + border-left: 0; - .block-column { - margin-bottom: 60px; - } + .form_field { + width: 16px; + margin: auto; + } + } - .docs_list { - a { - text-decoration: none; - } - } + &:not(:last-child) { + border-bottom: 0; + } - .acts_list-checkbox { - label { - width: auto !important; - min-height: 32px; - padding-left: 50px; + &:empty { + display: none; + } - &::before { - margin-right: 56px !important; - } - } - } + &[data-title] { + display: flex; + } - .block_footer_btn { - display: flex; - justify-content: flex-end; - gap: 0 20px; - } + &[data-title]:before { + content: attr(data-title); + color: var(--text_not_active); + font-size: 12px; + font-style: normal; + font-weight: 700; + line-height: 120%; + width: 100%; + display: block; + width: 50%; + min-width: 50%; + } + } - .flex-start { - justify-content: flex-start; - } + .docs_list .row .doc_name span { + width: 100%; + } + } - .block-column { - &:last-child { - margin-bottom: 0; - } - } - .attach_file { - label { - height: 52px; - border: 1px dashed var(--brand-blue, #1C01A9); - background: rgba(28, 1, 169, 0.10); - width: 350px; - margin: 25px 0; - color: var(--brand-blue, #1C01A9); - text-align: center; - display: flex; - align-items: center; - justify-content: center; - gap: 0 11px; + @media all and (max-width: 768px) { + thead { + display: none; + } - &:before { - content: ""; - display: block; - width: 36px; - height: 36px; - min-width: 36px; - background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1241 31.5H7.87305C7.57468 31.5 7.28853 31.3815 7.07755 31.1705C6.86657 30.9595 6.74805 30.6734 6.74805 30.375V5.625C6.74805 5.32663 6.86657 5.04048 7.07755 4.82951C7.28853 4.61853 7.57468 4.5 7.87305 4.5H21.3741L29.2491 12.375V30.375C29.2491 30.5227 29.22 30.669 29.1635 30.8055C29.107 30.942 29.0241 31.066 28.9196 31.1705C28.8152 31.275 28.6912 31.3578 28.5547 31.4144C28.4182 31.4709 28.2719 31.5 28.1241 31.5Z' stroke='%231C01A9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.375 4.5V12.375H29.2511' stroke='%231C01A9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.625 21.375H21.375' stroke='%231C01A9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 18V24.75' stroke='%231C01A9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - } - } - } - } + tbody { + display: block; + } - .documents - { - display: flex; - flex-direction: column; - grid-gap: 10px 0px; - margin-bottom: 30px; - - .document { - width: 100%; - display: flex; - flex-direction: row; + tr { + display: block; + position: relative; + padding-right: 56px; + } - .icon { - margin-top: 5px; - display: flex; - align-items: center; - justify-content: center; - width: 56px; - height: 56px; - min-width: 56px; - min-height: 56px; - position: relative; - background: url(/assets/images/icons/icon-file.svg) no-repeat left center; - background-size: contain; - padding: 0; - zoom: 0.65; - - .extension { - font-weight: 600; - font-size: 12px; - color: #fff; - } - } + td { + display: block; + padding: 8px; - .title { - display: flex; - flex-direction: column; + &:first-child:not(:empty) { + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 57px; + box-sizing: border-box; + background: #fff; + border-top: 0; + border-bottom: 0; + border-right: 0; - p { - font-weight: 600; - margin-left: 16px; - } - } + .form_field { + width: 16px; + margin: auto; + } + } - .description { - display: flex; - flex-direction: row; + &:not(:last-child) { + border-bottom: 0; + } - span { - font-weight: 300; - margin-left: 16px; - margin-top: 2px; - color: #8e94a7; - } - } + &:empty { + display: none; + } - .actions { - display: flex; - flex: 1; - gap: 0px 20px; - flex-direction: row; - justify-content: flex-end; - align-items: center; + &[data-title]:before { + content: attr(data-title); + color: var(--text_not_active); + font-size: 12px; + font-style: normal; + font-weight: 700; + line-height: 120%; + width: 100%; + display: block; + margin-bottom: 5px; + } + } - button { - white-space: nowrap; - } + .docs_list .row .doc_name span { + width: 100%; + } + } + } + } - .status { - display: flex; - align-items: center; - flex-direction: row; + .message { + display: flex; + align-items: center; + padding: 10px; + padding-left: 0px; - background-color: #2F80ED; - gap: 0px 16px; - padding: 0px 16px; + &:before { + content: ""; + display: block; + width: 24px; + min-height: 24px; + height: 24px; + min-width: 24px; + margin-right: 8px; + } - .status_icon { - min-width: 24px; - min-height: 24px; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9766 21C17.9471 21 21.9766 16.9706 21.9766 12C21.9766 7.02944 17.9471 3 12.9766 3C8.006 3 3.97656 7.02944 3.97656 12C3.97656 16.9706 8.006 21 12.9766 21ZM13.9766 6.5C13.9766 5.94772 13.5288 5.5 12.9766 5.5C12.4243 5.5 11.9766 5.94772 11.9766 6.5V11.75C11.9766 12.4404 12.5362 13 13.2266 13H16.4766C17.0288 13 17.4766 12.5523 17.4766 12C17.4766 11.4477 17.0288 11 16.4766 11H13.9766V6.5Z' fill='white'/%3E%3C/svg%3E"); - } + &.ok::before { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: center; + } - span { - font-weight: 300; - color: #fff; - white-space: nowrap; - } - } - } + &.alert::before { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9V13.5' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7015 3.74857L2.45374 17.9978C2.32177 18.2258 2.25217 18.4846 2.25195 18.748C2.25174 19.0115 2.32091 19.2703 2.4525 19.4986C2.5841 19.7268 2.77348 19.9163 3.0016 20.0481C3.22971 20.1799 3.48851 20.2493 3.75196 20.2493H20.2475C20.5109 20.2493 20.7697 20.1799 20.9979 20.0481C21.226 19.9163 21.4154 19.7268 21.547 19.4986C21.6786 19.2703 21.7477 19.0115 21.7475 18.748C21.7473 18.4846 21.6777 18.2258 21.5457 17.9978L13.2979 3.74857C13.1662 3.52093 12.9769 3.33193 12.749 3.20055C12.5212 3.06916 12.2628 3 11.9997 3C11.7367 3 11.4783 3.06916 11.2504 3.20055C11.0226 3.33193 10.8333 3.52093 10.7015 3.74857V3.74857Z' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18C12.6213 18 13.125 17.4963 13.125 16.875C13.125 16.2537 12.6213 15.75 12 15.75C11.3787 15.75 10.875 16.2537 10.875 16.875C10.875 17.4963 11.3787 18 12 18Z' fill='%23ED0A34'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: center; + } - .wide { - justify-content: space-between; - padding-left: 64px; - } - } + &.wait:before { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%238E94A7' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M12 6.75V12H17.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: center; + } - .empty { - margin: 12px 0px 15px 0px; - color: #8e94a7; - } - } - } - } - } + .button { + margin-left: 30px; + } - .bottom_button_close { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - padding: 18px 54px 18px 54px; - margin-left: 82px; - width: fit-content; - gap: 12px; - cursor: pointer; + &.documents { + display: flex; + justify-content: space-between; + gap: 0 28px; + padding: 0; - span { - font-weight: 600; - color: #1C01A9; - } + &::before { + display: none; + } - .icon { - width: 16px; - height: 16px; - background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10L8 5L13 10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - } - } + .doc_list { + width: 350px; + min-width: 350px; + border: 1px solid #8A8A8A; + background: rgba(118, 118, 118, 0.10); + padding: 15px 25px; + + p { + max-width: 100%; + margin-right: 0; + } + + .row:last-child { + margin-bottom: 0; + + p { + margin-bottom: 0; + } + } + } + + .doc_list+p { + background: rgba(131, 3, 84, 0.10); + padding: 15px 25px; + } + } + } + + .block-column { + margin-bottom: 60px; + } + + .docs_list { + a { + text-decoration: none; + } + } + + .acts_list-checkbox { + label { + width: auto !important; + min-height: 32px; + padding-left: 50px; + + &::before { + margin-right: 56px !important; + } + } + } + + .block_footer_btn { + display: flex; + justify-content: flex-end; + gap: 0 20px; + } + + .flex-start { + justify-content: flex-start; + } + + .block-column { + &:last-child { + margin-bottom: 0; + } + } + + .attach_file { + label { + height: 52px; + border: 1px dashed var(--brand-blue, #1C01A9); + background: rgba(28, 1, 169, 0.10); + width: 350px; + margin: 25px 0; + color: var(--brand-blue, #1C01A9); + text-align: center; + display: flex; + align-items: center; + justify-content: center; + gap: 0 11px; + + &:before { + content: ""; + display: block; + width: 36px; + height: 36px; + min-width: 36px; + background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1241 31.5H7.87305C7.57468 31.5 7.28853 31.3815 7.07755 31.1705C6.86657 30.9595 6.74805 30.6734 6.74805 30.375V5.625C6.74805 5.32663 6.86657 5.04048 7.07755 4.82951C7.28853 4.61853 7.57468 4.5 7.87305 4.5H21.3741L29.2491 12.375V30.375C29.2491 30.5227 29.22 30.669 29.1635 30.8055C29.107 30.942 29.0241 31.066 28.9196 31.1705C28.8152 31.275 28.6912 31.3578 28.5547 31.4144C28.4182 31.4709 28.2719 31.5 28.1241 31.5Z' stroke='%231C01A9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.375 4.5V12.375H29.2511' stroke='%231C01A9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.625 21.375H21.375' stroke='%231C01A9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 18V24.75' stroke='%231C01A9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + } + } + } + } + + .documents { + display: flex; + flex-direction: column; + grid-gap: 10px 0px; + margin-bottom: 30px; + + .document { + width: 100%; + display: flex; + flex-direction: row; + + .icon { + margin-top: 5px; + display: flex; + align-items: center; + justify-content: center; + width: 56px; + height: 56px; + min-width: 56px; + min-height: 56px; + position: relative; + background: url(/assets/images/icons/icon-file.svg) no-repeat left center; + background-size: contain; + padding: 0; + zoom: 0.65; + + .extension { + font-weight: 600; + font-size: 12px; + color: #fff; + } + } + + .title { + display: flex; + flex-direction: column; + + p { + font-weight: 600; + margin-left: 16px; + } + } + + .description { + display: flex; + flex-direction: row; + + span { + font-weight: 300; + margin-left: 16px; + margin-top: 2px; + color: #8e94a7; + } + } + + .actions { + display: flex; + flex: 1; + gap: 0px 20px; + flex-direction: row; + justify-content: flex-end; + align-items: center; + + button { + white-space: nowrap; + } + + .status { + display: flex; + align-items: center; + flex-direction: row; + + background-color: #2F80ED; + gap: 0px 16px; + padding: 0px 16px; + + .status_icon { + min-width: 24px; + min-height: 24px; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9766 21C17.9471 21 21.9766 16.9706 21.9766 12C21.9766 7.02944 17.9471 3 12.9766 3C8.006 3 3.97656 7.02944 3.97656 12C3.97656 16.9706 8.006 21 12.9766 21ZM13.9766 6.5C13.9766 5.94772 13.5288 5.5 12.9766 5.5C12.4243 5.5 11.9766 5.94772 11.9766 6.5V11.75C11.9766 12.4404 12.5362 13 13.2266 13H16.4766C17.0288 13 17.4766 12.5523 17.4766 12C17.4766 11.4477 17.0288 11 16.4766 11H13.9766V6.5Z' fill='white'/%3E%3C/svg%3E"); + } + + span { + font-weight: 300; + color: #fff; + white-space: nowrap; + } + } + } + + .wide { + justify-content: space-between; + padding-left: 64px; + } + } + + .empty { + margin: 12px 0px 15px 0px; + color: #8e94a7; + } + } + } + } + } + + .bottom_button_close { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + padding: 18px 54px 18px 54px; + margin-left: 82px; + width: fit-content; + gap: 12px; + cursor: pointer; + + span { + font-weight: 600; + color: #1C01A9; + } + + .icon { + width: 16px; + height: 16px; + background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10L8 5L13 10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + + @media all and (max-width: 920px) { + margin-left: 0; + padding: 0; + margin-top: 15px; + margin-bottom: 25px; + } + } } .all_contracts_modal { - .contractStatus_list { - .list_item { - .step { - width: 50%; - gap: 0 16px; + .contractStatus_list { + .list_item { + .step { + width: 50%; + gap: 0 16px; - p { - font-weight: 400; - color: var(--text_not_active); - } + p { + font-weight: 400; + color: var(--text_not_active); + } - &:before { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - bottom: 0; - margin: auto; - width: 0; - height: 0; - border-top: 6px solid transparent; - border-left: 8px solid #d1d4db; - border-bottom: 6px solid transparent; - background: #fff; - } + &:before { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + bottom: 0; + margin: auto; + width: 0; + height: 0; + border-top: 6px solid transparent; + border-left: 8px solid #d1d4db; + border-bottom: 6px solid transparent; + background: #fff; + } - &:after { - content: ""; - display: block; - width: 100%; - height: 18px; - background: url("/assets/images/status/line.jpg") repeat-x left center; - background-size: auto 13px; - margin-left: 0; - } + &:after { + content: ""; + display: block; + width: 100%; + height: 18px; + background: url("/assets/images/status/line.jpg") repeat-x left center; + background-size: auto 13px; + margin-left: 0; + } - &.active { - p { - color: #18191F; - } - } - } + &.active { + p { + color: #18191F; + } + } + } - div { - &:last-child { - p { - color: var(--blue); - } - } - } - } - } + div { + &:last-child { + p { + color: var(--blue); + } + } + } + } + } } .horizontal_dropzone_wrapper { - margin: 0px; - padding: 30px; - height: 100px; + margin: 0px; + padding: 30px; + height: 100px; - &.disabled { - filter: grayscale(1); - opacity: 0.25; - } + @media all and (max-width: 920px) { + padding: 15px; + } - .horizontal_dropzone_inner { - display: flex; - width: 100%; - max-width: 80%; - gap: 20px; + @media all and (max-width: 768px) { + height: auto; + } - p { - text-align: left; - margin: 0px; - } + &.disabled { + filter: grayscale(1); + opacity: 0.25; + } - label { - white-space: nowrap; - } - } + .horizontal_dropzone_inner { + display: flex; + width: 100%; + max-width: 80%; + gap: 20px; + + @media all and (max-width: 920px) { + max-width: 100%; + gap: 0 12px; + } + + @media all and (max-width: 768px) { + flex-wrap: wrap; + } + + + p { + text-align: left; + margin: 0px; + } + + label { + white-space: nowrap; + + @media all and (max-width: 768px) { + margin-top: 15px; + } + } + } } .horizontal_dropzone_files { - display: flex; - flex-direction: column; - grid-gap: 10px 0px; - margin-bottom: 30px; + display: flex; + flex-direction: column; + grid-gap: 10px 0px; + margin-bottom: 30px; - .file { - display: flex; - flex-direction: row; + .file { + display: flex; + flex-direction: row; - .delete { - margin-left: 0px; - padding-right: 16px; - padding-top: 10px; - cursor: pointer; - width: 30px; - min-width: 30px; - padding-left: 3px; + .delete { + margin-left: 0px; + padding-right: 16px; + padding-top: 10px; + cursor: pointer; + width: 30px; + min-width: 30px; + padding-left: 3px; - .icon { - width: 16px; - height: 16px; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' fill='%23ED0A34' stroke='%23ED0A34' stroke-miterlimit='10'/%3E%3Cpath d='M10 6L6 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10L6 6' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - } - } + .icon { + width: 16px; + height: 16px; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' fill='%23ED0A34' stroke='%23ED0A34' stroke-miterlimit='10'/%3E%3Cpath d='M10 6L6 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10L6 6' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + } - .loading { - width: 30px; - min-width: 30px; + .loading { + width: 30px; + min-width: 30px; - .success { - width: 24px; - min-width: 24px; - height: 30px; - min-height: 30px; + .success { + width: 24px; + min-width: 24px; + height: 30px; + min-height: 30px; - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - background-position: center; - background-position-y: 6px; - } - } + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: center; + background-position-y: 6px; + } + } - .doc_icon { - display: flex; - align-items: center; - justify-content: center; - width: 56px; - height: 56px; - min-width: 56px; - min-height: 56px; - position: relative; - background: url(/assets/images/icons/icon-file.svg) no-repeat left center; - background-size: contain; - padding: 0; - zoom: 0.65; + .doc_icon { + display: flex; + align-items: center; + justify-content: center; + width: 56px; + height: 56px; + min-width: 56px; + min-height: 56px; + position: relative; + background: url(/assets/images/icons/icon-file.svg) no-repeat left center; + background-size: contain; + padding: 0; + zoom: 0.65; - .extension { - font-weight: 600; - font-size: 12px; - color: #fff; - } - } + .extension { + font-weight: 600; + font-size: 12px; + color: #fff; + } + } - .title { - display: flex; - flex-direction: column; + .title { + display: flex; + flex-direction: column; - span:nth-child(odd) { - font-weight: 600; - margin-left: 16px; - } - span:nth-child(even) { - font-weight: 300; - margin-left: 16px; - } - } + span:nth-child(odd) { + font-weight: 600; + margin-left: 16px; + } - .description { - display: block; - font-weight: 400; - margin-top: 2px; - color: #8e94a7; - } - } + span:nth-child(even) { + font-weight: 300; + margin-left: 16px; + } + } + + .description { + display: block; + font-weight: 400; + margin-top: 2px; + color: #8e94a7; + } + } } .horizontal_dropzone_files_wrapper { - width: 100%; - display: flex; - flex-direction: column; - gap: 0px 20px; - padding: 15px 0px; - - .horizontal_dropzone_files_item { - width: 100%; - } + width: 100%; + display: flex; + flex-direction: column; + gap: 0px 20px; + padding: 15px 0px; + + .horizontal_dropzone_files_item { + width: 100%; + } } .horizontal_dropzone_files_error { - padding-bottom: 15px; - position: relative; + padding-bottom: 15px; + position: relative; - .switch { - cursor: pointer; - position: absolute; - top: 0; - right: 0; - width: 50px; - height: 50px; - background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; - z-index: 2; - transform: rotate(180deg); + .switch { + cursor: pointer; + position: absolute; + top: 0; + right: 0; + width: 50px; + height: 50px; + background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; + z-index: 2; + transform: rotate(180deg); - &.up { - transform: rotate(0deg); - } - } + &.up { + transform: rotate(0deg); + } + } } .horizontal_dropzone_files_comment { - background: rgba(131, 3, 84, 0.10); - padding: 15px 25px; - display: flex; - flex-direction: column; + background: rgba(131, 3, 84, 0.10); + padding: 15px 25px; + display: flex; + flex-direction: column; - .title { - font-weight: 600; - } + .title { + font-weight: 600; + } - &.closed { - background: rgb(237 239 245); - } + &.closed { + background: rgb(237 239 245); + } } .deals_contracts { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; - label { - height: 16px !important; - min-height: 16px !important; + label { + height: 16px !important; + min-height: 16px !important; - &::before { - margin-top: 18px; - } - } + &::before { + margin-top: 18px; + } + } - .info { - margin-left: 72px; - display: flex; - flex-direction: row; - grid-gap: 10px 10px; - } + .info { + margin-left: 72px; + display: flex; + flex-direction: row; + grid-gap: 10px 10px; + } } .edo_banner { - .title { - display: flex; - gap: 0px 10px; - } + .title { + display: flex; + gap: 0px 10px; + } - .info { - cursor: pointer; - margin-left: 80px; + .info { + cursor: pointer; + margin-left: 80px; - &:after { - content: ""; - display: inline-block; - width: 10px; - height: 10px; - margin-left: 5px; - width: 10px; - height: 10px; - background-size: contain; - background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' y='2.25' width='6.5' height='7.5' rx='0.75' fill='white' stroke='%230C0C0C' stroke-width='0.5'/%3E%3Crect x='3.25' y='0.25' width='6.5' height='7.5' rx='0.75' fill='white' stroke='%230C0C0C' stroke-width='0.5'/%3E%3C/svg%3E"); - } - } + &:after { + content: ""; + display: inline-block; + width: 10px; + height: 10px; + margin-left: 5px; + width: 10px; + height: 10px; + background-size: contain; + background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' y='2.25' width='6.5' height='7.5' rx='0.75' fill='white' stroke='%230C0C0C' stroke-width='0.5'/%3E%3Crect x='3.25' y='0.25' width='6.5' height='7.5' rx='0.75' fill='white' stroke='%230C0C0C' stroke-width='0.5'/%3E%3C/svg%3E"); + } + } - .buttons { - display: flex; - gap: 0px 20px; - margin-left: 80px; + .buttons { + display: flex; + gap: 0px 20px; + margin-left: 80px; - a { - margin-top: 10px; - } - } + a { + margin-top: 10px; + } + } - @media all and (max-width: 1279px) { - .info { - margin-left: 0px; - } + @media all and (max-width: 1279px) { + .info { + margin-left: 0px; + } - .buttons { - flex-direction: column; - margin-left: 0px; - } - } + .buttons { + flex-direction: column; + margin-left: 0px; + } + } } .edo_detail { - p { - margin: 0px; - } + p { + margin: 0px; + } - .list_title { - font-weight: 700 !important; - margin-bottom: 15px; - font-size: 15px; - line-height: 23px; - } + .list_title { + font-weight: 700 !important; + margin-bottom: 15px; + font-size: 15px; + line-height: 23px; + } } .edo_list_field { - display: flex; + display: flex; flex-wrap: wrap; - align-items: flex-start !important; + align-items: flex-start !important; margin-bottom: 30px; width: 100%; - label { - width: 186px; - margin-right: 12px; - } + label { + width: 186px; + margin-right: 12px; + } } .edo_list_selection { - flex: 1; - margin-top: -12px; + flex: 1; + margin-top: -12px; - .item { - width: 100%; - padding: 16px 0px; - margin: 0px !important; - border-bottom: solid 1px #edeff5; + .item { + width: 100%; + padding: 16px 0px; + margin: 0px !important; + border-bottom: solid 1px #edeff5; - label { - width: auto; - display: flex; - align-items: center; - margin-right: 12px; -// padding-top: 16px; + label { + width: auto; + display: flex; + align-items: center; + margin-right: 12px; + // padding-top: 16px; - &:first { - margin-top: 0px; - } + &:first { + margin-top: 0px; + } - &:before { - top: 0; - bottom: 0; - margin: auto; - } - } + &:before { + top: 0; + bottom: 0; + margin: auto; + } + } - &:first { - margin-top: 0px; - } + &:first { + margin-top: 0px; + } - &:last-child { - border-bottom: 0px; - } - } + &:last-child { + border-bottom: 0px; + } + } } .edo_sign_document { - display: flex; - flex-direction: column; -// margin: 30px 0px !important; - align-items: flex-start; + display: flex; + flex-direction: column; + // margin: 30px 0px !important; + align-items: flex-start; - &:before { + &:before { font-size: 8px; width: 32px; left: 0; right: 0; - padding: 0; + padding: 0; } } .edo_operators_settings_list { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 15px 0px; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 15px 0px; } .edo_operators_settings_list_item { - margin-left: 40px; - display: flex; - flex-direction: column; - position: relative; + margin-left: 40px; + display: flex; + flex-direction: column; + position: relative; - a { - color: #8e94a7; - font-style: italic; - } + a { + color: #8e94a7; + font-style: italic; + } - &:before { - content: ""; - position: absolute; - left: -40px; - top: -7px; - width: 24px; - min-width: 24px; - height: 30px; - min-height: 30px; - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - background-position: center; - background-position-y: 6px; - } + &:before { + content: ""; + position: absolute; + left: -40px; + top: -7px; + width: 24px; + min-width: 24px; + height: 30px; + min-height: 30px; + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: center; + background-position-y: 6px; + } - &.invite { - &:before { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%238E94A7' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M12 6.75V12H17.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - } - } + &.invite { + &:before { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%238E94A7' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M12 6.75V12H17.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + } + } } .edo_sign_documents_list { - display: flex; - flex-direction: column; -// gap: 30px 0px; - margin-bottom: 50px; + display: flex; + flex-direction: column; + // gap: 30px 0px; + margin-bottom: 50px; } .edo_sign_documents_document { - display: flex; - flex-direction: row; - gap: 0px 30px; + display: flex; + flex-direction: row; + gap: 0px 30px; - padding-top: 15px; + padding-top: 15px; padding-bottom: 15px; - border-top: solid 1px #edeff5; + border-top: solid 1px #edeff5; - .status_icon { - width: 24px; - min-width: 24px; - height: 24px; - min-height: 24px; - background-repeat: no-repeat; - background-position: center; - background-position-y: -1px; - background-position-x: -1px; + .status_icon { + width: 24px; + min-width: 24px; + height: 24px; + min-height: 24px; + background-repeat: no-repeat; + background-position: center; + background-position-y: -1px; + background-position-x: -1px; - &.success { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - border: none !important; - } + &.success { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + border: none !important; + } - &.error { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16Z' fill='%23ED0A34'/%3E%3Cpath d='M12 8L12 12' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - border: none !important; - } + &.error { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16Z' fill='%23ED0A34'/%3E%3Cpath d='M12 8L12 12' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + border: none !important; + } - &.await { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8L12 12' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 12L12 12' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - border: none !important; - } - } + &.await { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8L12 12' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 12L12 12' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + border: none !important; + } + } - .status_title { - padding: 0px 10px; + .status_title { + padding: 0px 10px; - i { - display: contents; - } - } + i { + display: contents; + } + } - .edo_sign_documents_document_left { - width: 35%; - } + .edo_sign_documents_document_left { + width: 35%; + } - .edo_sign_documents_document_right { - width: 65%; - display: flex; - align-items: center; - justify-content: flex-start; + .edo_sign_documents_document_right { + width: 65%; + display: flex; + align-items: center; + justify-content: flex-start; - i { - width: 100% !important; - height: auto !important; - font-size: 12px; - padding-left: 10px; - color: #8e94a7; - align-self: center; - justify-content: center; - line-height: 16px; - } - } + i { + width: 100% !important; + height: auto !important; + font-size: 12px; + padding-left: 10px; + color: #8e94a7; + align-self: center; + justify-content: center; + line-height: 16px; + } + } - &:first-child { - border: none; - } + &:first-child { + border: none; + } } .edo_sign_status_attorney_select { - padding-left: 10px; - width: 100%; + padding-left: 10px; + width: 100%; } .deal_contract_sign_list { - gap: 0px 0px; + gap: 0px 0px; } .deal_contract_sign_item { - padding-top: 15px; + padding-top: 15px; padding-bottom: 15px; border-top: solid 1px #edeff5; - width: 100%; + width: 100%; display: flex; flex-direction: row; - .title { - width: 35%; - } + .title { + width: 35%; + } - .actions { - width: 65%; - justify-content: space-between; - } + .actions { + width: 65%; + justify-content: space-between; + } - &:first-child { - border: none; - } + &:first-child { + border: none; + } } .deal_contracts_group_item { - border-top: solid 1px #edeff5; - padding-top: 10px; - padding-bottom: 20px; -// margin-top: 30px; + border-top: solid 1px #edeff5; + padding-top: 10px; + padding-bottom: 20px; + // margin-top: 30px; } .deal_documents_form_group { - padding-top: 15px; + padding-top: 15px; padding-bottom: 15px; border-top: solid 1px #edeff5; }