WordPress.org
Get WordPress

Plugin Directory

Changeset 2957940


Ignore:
Timestamp:
08/24/2023 02:38:23 PM (3 years ago)
Author:
sprinque
Message:

v.1.3.10

Location:
sprinque
Files:
4 added
20 edited
22 copied

Legend:

Unmodified
Added
Removed

  • sprinque/tags/1.3.10/assets/css/frontend.css

    r2945914 r2957940  
    88  }
    99}
    10 #register-company-tab {
     10#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row {
     11  display: flex;
     12  align-items: center;
     13  box-sizing: border-box;
     14  border: 1px solid #e2e4f9;
     15  border-radius: 3px;
     16  padding: 17px 7px;
     17  color: #1f2355;
     18  margin-top: 16px;
     19}
     20#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row.total {
     21  font-weight: bold;
     22  border: none;
     23  padding-bottom: 0;
     24}
     25#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row.active {
     26  border-color: #00023c;
     27}
     28#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row .label, #wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row .value {
     29  font-size: 16px;
     30}
     31#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row .value {
     32  margin-left: auto;
     33}
     34#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row input[type=radio] {
     35  display: none !important;
     36}
     37#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row input[type=radio]:checked + .input-placeholder {
     38  background-color: #00023c;
     39  border-color: #00023c;
     40  background-image: url("../img/checkmark.png");
     41  background-position: center center;
     42  background-repeat: no-repeat;
     43}
     44#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row .input-placeholder {
     45  width: 20px;
     46  height: 20px;
     47  border-radius: 20px;
     48  border: 2px solid #D9DBF2;
     49  margin-right: 9px;
     50}
     51
     52html .wpm-overflow-hidden {
     53  overflow: hidden !important;
     54}
     55
     56.modal-form,
     57.modal-form *,
     58.modal-form:before,
     59.modal-form.after {
     60  box-sizing: border-box;
     61}
     62
     63html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner {
     64  max-width: 570px;
     65}
     66
     67body #wpm-modal-form-wrapper #wpm-modal-form .modal-form__overlay {
     68  position: fixed;
     69  top: 0;
     70  left: 0;
     71  width: 100%;
     72  height: 100%;
     73  background-color: rgba(0, 0, 0, 0.5);
     74  -webkit-tap-highlight-color: transparent;
     75  opacity: 0;
     76  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     77}
     78
     79body #wpm-modal-form-wrapper #wpm-modal-form.modal-form {
     80  font-family: "Inter", sans-serif;
     81  position: fixed;
     82  z-index: -1;
     83  opacity: 0;
     84  pointer-events: none;
     85  visibility: hidden;
     86  top: 0;
     87  left: 0;
     88  width: 100%;
     89  height: 100%;
     90  -webkit-tap-highlight-color: transparent;
     91}
     92body #wpm-modal-form-wrapper #wpm-modal-form.modal-form_show {
     93  z-index: 100000;
     94  opacity: 1;
     95  pointer-events: visible;
     96  visibility: visible;
     97  font-family: "Inter", sans-serif;
     98}
     99body #wpm-modal-form-wrapper #wpm-modal-form.modal-form_show .modal-form__overlay {
     100  opacity: 0 !important;
     101}
     102body #wpm-modal-form-wrapper #wpm-modal-form.modal-form_show div, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form_show span {
     103  font-family: "Inter", sans-serif;
     104}
     105body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show.modal-form_anim .modal-form__overlay {
     106  opacity: 1 !important;
     107}
     108body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show.modal-form_anim .modal-form-inner {
     109  top: 20px;
     110  opacity: 1;
     111  box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
     112  transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
     113}
     114@media screen and (max-width: 630px) {
     115  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner .cant-complete-autorization .pagination-btns {
     116    flex-direction: column;
     117  }
     118  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner .cant-complete-autorization .pagination-btns .to_select_companies {
     119    margin-bottom: 8px;
     120  }
     121}
     122body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show {
     123  -webkit-font-smoothing: antialiased;
     124}
     125body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show * {
     126  font-family: "Inter", sans-serif;
     127  -webkit-font-smoothing: antialiased;
     128}
     129body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab {
     130  display: none;
     131}
     132body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab_active {
     133  display: block;
     134}
     135body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__title {
     136  text-align: left;
     137  font-size: 20px;
     138  font-weight: 600;
     139  line-height: 1.25;
     140  color: rgb(40, 43, 93);
     141}
     142body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__title + * {
     143  margin-top: 24px;
     144}
     145body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__dsc {
     146  font-size: 14px;
     147  font-weight: 500;
     148  line-height: 1.25;
     149  color: rgb(40, 43, 93);
     150}
     151body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__dsc a {
     152  text-decoration: none !important;
     153  color: #000339;
     154}
     155body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__note {
     156  font-size: 12px;
     157  font-weight: 500;
     158  line-height: 1.25;
     159  color: rgb(40, 43, 93);
     160}
     161body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__resend--disabled {
     162  color: rgb(217, 219, 242) !important;
     163  cursor: not-allowed;
     164}
     165body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__resend--disabled .wpm-modal-form-tab__resend-notice {
     166  display: inline;
     167}
     168body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__resend-notice {
     169  display: none;
     170}
     171body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #register-company-tab {
    11172  cursor: pointer;
    12173  color: #000339;
    13174  text-decoration: none;
    14175}
    15 
    16 .founded-companies .company-item, .founded-companies .company-item-404 {
     176body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item-404 {
    17177  cursor: pointer;
    18178  font-size: 14px;
    … …  
    25185  border-bottom: 1px solid rgba(217, 219, 242, 0.3411764706);
    26186}
    27 .founded-companies .company-item.active, .founded-companies .company-item-404.active {
     187body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item.active, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item-404.active {
    28188  padding: 16px;
    29189  cursor: default !important;
    … …  
    34194  position: relative;
    35195}
    36 .founded-companies .company-item:not(.active):not(.company-item-404):hover, .founded-companies .company-item-404:not(.active):not(.company-item-404):hover {
     196body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item:not(.active):not(.company-item-404):hover, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item-404:not(.active):not(.company-item-404):hover {
    37197  background-color: rgba(0, 0, 0, 0.04);
    38198}
    39 .founded-companies .company-item__close, .founded-companies .company-item-404__close {
     199body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item__close, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item-404__close {
    40200  position: absolute;
    41201  cursor: pointer;
    … …  
    47207  background-size: 20px 20px;
    48208}
    49 
    50 .business-name {
     209body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .business-name {
    51210  color: rgb(40, 43, 93);
    52211  margin-bottom: 3px;
    53212  font-weight: 600;
    54213}
    55 
    56 .error-confirm-order {
     214body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .error-confirm-order {
    57215  padding-top: 16px;
    58216  font-size: 14px;
    59217  color: red;
    60218}
    61 
    62 .pagination-btns {
     219body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .pagination-btns {
    63220  margin-top: 25px;
    64221  display: flex;
    65222  justify-content: space-between;
    66223}
    67 .wpm-buttons-row {
     224body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row {
    68225  display: flex;
    69226  flex-direction: row;
    … …  
    73230}
    74231@media screen and (min-width: 576px) {
    75   .wpm-buttons-row {
     232  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row {
    76233    margin-left: -10px;
    77234    margin-right: -10px;
    78235  }
    79236}
    80 .wpm-buttons-row_mt {
     237body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row_mt {
    81238  margin-top: 25px;
    82239}
    83240@media screen and (max-width: 575.98px) {
    84   .wpm-buttons-row {
     241  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row {
    85242    display: block;
    86243    margin-bottom: -10px;
    87244  }
    88   .wpm-buttons-row > * {
     245  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row > * {
    89246    margin-bottom: 10px;
    90247  }
    91248}
    92 
    93249@media screen and (min-width: 576px) {
    94   .wpm-button-col {
     250  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-button-col {
    95251    flex-basis: 0;
    96252    min-width: 0;
    … …  
    101257  }
    102258}
    103 
    104 .wpm-modal-form-tab__terms .wpm-terms-row {
    105   display: flex;
    106   align-items: center;
     259body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap,
     260body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap *,
     261body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap:before,
     262body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap.after {
    107263  box-sizing: border-box;
    108   border: 1px solid #e2e4f9;
    109   border-radius: 3px;
    110   padding: 17px 7px;
    111   color: #1f2355;
    112   margin-top: 16px;
    113 }
    114 .wpm-modal-form-tab__terms .wpm-terms-row.total {
    115   font-weight: bold;
    116   border: none;
    117   padding-bottom: 0;
    118 }
    119 .wpm-modal-form-tab__terms .wpm-terms-row.active {
    120   border-color: #00023c;
    121 }
    122 .wpm-modal-form-tab__terms .wpm-terms-row .value {
    123   margin-left: auto;
    124 }
    125 .wpm-modal-form-tab__terms .wpm-terms-row input[type=radio] {
    126   display: none;
    127 }
    128 .wpm-modal-form-tab__terms .wpm-terms-row input[type=radio]:checked + .input-placeholder {
    129   background-color: #00023c;
    130   border-color: #00023c;
    131   background-image: url("../img/checkmark.png");
    132   background-position: center center;
    133   background-repeat: no-repeat;
    134 }
    135 .wpm-modal-form-tab__terms .wpm-terms-row .input-placeholder {
    136   width: 20px;
    137   height: 20px;
    138   border-radius: 20px;
    139   border: 2px solid #D9DBF2;
    140   margin-right: 9px;
    141 }
    142 
    143 .wpm-select-wrap,
    144 .wpm-select-wrap *,
    145 .wpm-select-wrap:before,
    146 .wpm-select-wrap.after {
    147   box-sizing: border-box;
    148 }
    149 
    150 .wpm-select-wrap {
     264}
     265body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap {
    151266  position: relative;
    152267  z-index: 100;
    153268}
    154 .wpm-select-wrap_open-dropdown .wpm-select-placeholder__clear, .wpm-select-wrap_open .wpm-select-placeholder__clear {
     269body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open-dropdown .wpm-select-placeholder__clear, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__clear {
    155270  opacity: 0 !important;
    156271  visibility: hidden !important;
    157272}
    158 .wpm-select-wrap_open-dropdown .wpm-select-placeholder__arrow svg path, .wpm-select-wrap_open .wpm-select-placeholder__arrow svg path {
     273body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open-dropdown .wpm-select-placeholder__arrow svg path, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__arrow svg path {
    159274  fill: rgb(40, 43, 93);
    160275}
    161 .wpm-select-wrap_open-dropdown {
     276body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open-dropdown {
    162277  z-index: 101;
    163278}
    164 .wpm-select-wrap_open-dropdown .wpm-select-dropdown-container {
     279body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open-dropdown .wpm-select-dropdown-container {
    165280  visibility: visible;
    166281  z-index: 10;
    167282  opacity: 1;
    168283}
    169 .wpm-select-wrap_open {
     284body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open {
    170285  z-index: 101;
    171286}
    172 .wpm-select-wrap_open .wpm-select-placeholder__search {
     287body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__search {
    173288  opacity: 1;
    174289}
    175 .wpm-select-wrap_open .wpm-select-placeholder__single,
    176 .wpm-select-wrap_open .wpm-select-placeholder__rendered {
     290body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__single,
     291body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__rendered {
    177292  opacity: 0;
    178293  z-index: -1;
    179294}
    180 .wpm-select-wrap_open .wpm-select-dropdown-container {
     295body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-dropdown-container {
    181296  visibility: visible;
    182297  z-index: 10;
    183298  opacity: 1;
    184299}
    185 
    186 .wpm-select-dropdown-container {
     300body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown-container {
    187301  position: absolute;
    188302  top: 100%;
    … …  
    199313  border-radius: 8px;
    200314}
    201 
    202 .wpm-select-dropdown {
     315body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown {
    203316  max-height: 150px !important;
    204317  overflow-y: auto;
    205318  padding: 8px;
    206319}
    207 .wpm-select-dropdown__empty {
     320body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown__empty {
    208321  text-align: center;
    209322  font-size: 14px;
    210323  padding: 8px 12px;
    211324}
    212 .wpm-select-dropdown__option {
     325body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown__option {
    213326  border-radius: 8px;
    214327  margin: 4px 0px;
    … …  
    221334  padding: 8px 12px;
    222335}
    223 .wpm-select-dropdown__option_highlighted {
     336body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown__option_highlighted {
    224337  background: #eaf3fa !important;
    225338}
    226 
    227 .wpm-select-placeholder {
     339body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder {
    228340  overflow: hidden;
    229341  position: relative;
    … …  
    235347  font-size: 14px;
    236348}
    237 .wpm-select-placeholder__search {
     349body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search {
    238350  opacity: 0;
    239351  border: 0 !important;
    … …  
    253365  width: 100%;
    254366}
    255 .wpm-select-placeholder__search::-webkit-input-placeholder {
     367body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search::-webkit-input-placeholder {
    256368  color: rgba(40, 43, 93, 0.4);
    257369}
    258 .wpm-select-placeholder__search:-moz-placeholder {
     370body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search:-moz-placeholder {
    259371  color: rgba(40, 43, 93, 0.4);
    260372}
    261 .wpm-select-placeholder__search::-moz-placeholder {
     373body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search::-moz-placeholder {
    262374  color: rgba(40, 43, 93, 0.4);
    263375}
    264 .wpm-select-placeholder__search:-ms-input-placeholder {
     376body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search:-ms-input-placeholder {
    265377  color: rgba(40, 43, 93, 0.4);
    266378}
    267 .wpm-select-placeholder__search:focus {
     379body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search:focus {
    268380  outline: none !important;
    269381}
    270 .wpm-select-placeholder__rendered, .wpm-select-placeholder__single {
     382body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__rendered, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__single {
    271383  position: absolute;
    272384  top: 0;
    … …  
    277389  line-height: 38px;
    278390}
    279 .wpm-select-placeholder__rendered {
     391body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__rendered {
    280392  color: rgba(40, 43, 93, 0.4) !important;
    281393}
    282 .wpm-select-placeholder__single {
    283   color: rgb(40, 43, 93);
    284 }
    285 .wpm-select-placeholder__single_active + .wpm-select-placeholder__rendered {
     394body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__single {
     395  color: rgb(40, 43, 93);
     396}
     397body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__single_active + .wpm-select-placeholder__rendered {
    286398  opacity: 0;
    287399  z-index: -1;
    288400}
    289 .wpm-select-placeholder__single_active ~ .wpm-select-placeholder__buttons .wpm-select-placeholder__clear {
     401body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__single_active ~ .wpm-select-placeholder__buttons .wpm-select-placeholder__clear {
    290402  opacity: 1 !important;
    291403  visibility: visible;
    292404}
    293 .wpm-select-placeholder__buttons {
     405body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__buttons {
    294406  position: absolute;
    295407  right: 0;
    … …  
    303415  justify-content: flex-end;
    304416}
    305 .wpm-select-placeholder__clear {
     417body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__clear {
    306418  opacity: 0;
    307419  visibility: hidden;
    308420}
    309 .wpm-select-placeholder__arrow, .wpm-select-placeholder__clear {
     421body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__arrow, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__clear {
    310422  cursor: pointer;
    311423  transition: opacity 0.2s ease;
    … …  
    318430  justify-content: center;
    319431}
    320 .wpm-select-placeholder__arrow:hover svg path, .wpm-select-placeholder__clear:hover svg path {
     432body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__arrow:hover svg path, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__clear:hover svg path {
    321433  fill: rgb(40, 43, 93);
    322434}
    323 .wpm-select-placeholder__arrow svg path, .wpm-select-placeholder__clear svg path {
     435body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__arrow svg path, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__clear svg path {
    324436  fill: rgba(40, 43, 93, 0.4);
    325437  transition: fill 0.15s ease;
    326438}
    327 
    328 html .wpm-overflow-hidden {
    329   overflow: hidden !important;
    330 }
    331 
    332 .modal-form,
    333 .modal-form *,
    334 .modal-form:before,
    335 .modal-form.after {
    336   box-sizing: border-box;
    337 }
    338 
    339 .modal-form {
    340   font-family: "Inter", sans-serif;
    341   position: fixed;
    342   z-index: -1;
    343   opacity: 0;
    344   pointer-events: none;
    345   visibility: hidden;
    346   top: 0;
    347   left: 0;
    348   width: 100%;
    349   height: 100%;
    350   -webkit-tap-highlight-color: transparent;
    351 }
    352 .modal-form_show {
    353   z-index: 100000;
    354   opacity: 1;
    355   pointer-events: visible;
    356   visibility: visible;
    357 }
    358 .modal-form_show .modal-form__overlay {
    359   opacity: 0 !important;
    360 }
    361 .modal-form.modal-form_show.modal-form_anim .modal-form__overlay {
    362   opacity: 1 !important;
    363 }
    364 .modal-form.modal-form_show.modal-form_anim .modal-form-inner {
    365   top: 20px;
    366   opacity: 1;
    367   box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    368   transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    369 }
    370 .modal-form__overlay {
    371   position: fixed;
    372   top: 0;
    373   left: 0;
    374   width: 100%;
    375   height: 100%;
    376   background-color: rgba(0, 0, 0, 0.5);
    377   -webkit-tap-highlight-color: transparent;
    378   opacity: 0;
    379   transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    380 }
    381 
    382 .modal-form-inner {
     439body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner {
    383440  overflow-x: hidden;
    384441  border: 0 !important;
    … …  
    400457  transform: translate(calc(-50% - 32px), 0);
    401458}
    402 .modal-form-inner:focus {
     459body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner:focus {
    403460  outline: none !important;
    404461}
    405462@media screen and (max-width: 575.98px) {
    406   .modal-form-inner {
     463  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner {
    407464    padding: 16px;
    408465  }
    409466}
    410 .modal-form-inner__close {
     467body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner__close {
    411468  outline: none !important;
    412469  cursor: pointer;
    … …  
    421478}
    422479@media screen and (max-width: 575.98px) {
    423   .modal-form-inner__close {
     480  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner__close {
    424481    top: 7px;
    425482    right: 7px;
    426483  }
    427484}
    428 
    429 html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner {
    430   max-width: 570px;
    431 }
    432 
    433 @media screen and (max-width: 630px) {
    434   html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner .cant-complete-autorization .pagination-btns {
    435     flex-direction: column;
    436   }
    437   html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner .cant-complete-autorization .pagination-btns .to_select_companies {
    438     margin-bottom: 8px;
    439   }
    440 }
    441 .wpm-modal-form-tab {
    442   display: none;
    443 }
    444 .wpm-modal-form-tab_active {
    445   display: block;
    446 }
    447 .wpm-modal-form-tab__title {
    448   text-align: left;
    449   font-size: 20px;
    450   font-weight: 600;
    451   line-height: 1.25;
    452   color: rgb(40, 43, 93);
    453 }
    454 .wpm-modal-form-tab__title + * {
    455   margin-top: 24px;
    456 }
    457 .wpm-modal-form-tab__dsc {
    458   font-size: 14px;
    459   font-weight: 500;
    460   line-height: 1.25;
    461   color: rgb(40, 43, 93);
    462 }
    463 .wpm-modal-form-tab__dsc a {
    464   text-decoration: none !important;
    465   color: #000339;
    466 }
    467 .wpm-modal-form-tab__note {
    468   font-size: 12px;
    469   font-weight: 500;
    470   line-height: 1.25;
    471   color: rgb(40, 43, 93);
    472 }
    473 .wpm-modal-form-tab__resend--disabled {
    474   color: rgb(217, 219, 242) !important;
    475   cursor: not-allowed;
    476 }
    477 .wpm-modal-form-tab__resend--disabled .wpm-modal-form-tab__resend-notice {
    478   display: inline;
    479 }
    480 .wpm-modal-form-tab__resend-notice {
    481   display: none;
    482 }
    483 
    484 .search_already_added_company .field-group {
     485body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group + .field-group {
    485486  margin-top: 32px;
    486487}
    487 
    488 .field-group + .field-group {
    489   margin-top: 32px;
    490 }
    491 .field-group label {
     488body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group label {
    492489  display: block;
    493490  font-weight: 600;
    … …  
    497494  margin-bottom: 8px;
    498495}
    499 .field-group input:not([type=submit]) {
     496body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit]) {
    500497  box-shadow: none !important;
    501498  background: rgb(255, 255, 255);
    … …  
    512509  display: block;
    513510  width: 100%;
    514 }
    515 .field-group input:not([type=submit])::-webkit-input-placeholder {
     511  min-height: unset;
     512}
     513body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit])::-webkit-input-placeholder {
    516514  color: rgba(40, 43, 93, 0.4);
    517515}
    518 .field-group input:not([type=submit]):-moz-placeholder {
     516body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit]):-moz-placeholder {
    519517  color: rgba(40, 43, 93, 0.4);
    520518}
    521 .field-group input:not([type=submit])::-moz-placeholder {
     519body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit])::-moz-placeholder {
    522520  color: rgba(40, 43, 93, 0.4);
    523521}
    524 .field-group input:not([type=submit]):-ms-input-placeholder {
     522body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit]):-ms-input-placeholder {
    525523  color: rgba(40, 43, 93, 0.4);
    526524}
    527 .field-group input:not([type=submit]):focus {
     525body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit]):focus {
    528526  outline: none !important;
    529527}
    530 .field-group .field-warning {
     528body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group .field-warning {
    531529  margin-top: 8px;
    532530  box-sizing: border-box;
    … …  
    536534  font-size: 14px;
    537535}
    538 
    539 #wpm-modal-form .wpm-btn {
     536body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search_already_added_company .field-group {
     537  margin-top: 32px;
     538}
     539body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn {
    540540  outline: none !important;
    541541  display: inline-flex;
    … …  
    566566}
    567567@media screen and (max-width: 575.98px) {
    568   #wpm-modal-form .wpm-btn {
     568  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn {
    569569    min-width: 54px;
    570570    padding-left: 8px;
    … …  
    572572  }
    573573}
    574 #wpm-modal-form .wpm-btn_primary {
     574body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_primary {
    575575  background: #000339 !important;
    576576  color: rgb(255, 255, 255) !important;
    577577}
    578 #wpm-modal-form .wpm-btn_primary:hover {
     578body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_primary:hover {
    579579  background: #000339 !important;
    580580  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px !important;
    581581  border-color: transparent !important;
    582582}
    583 #wpm-modal-form .wpm-btn_outline-primary {
     583body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_outline-primary {
    584584  font-weight: 600 !important;
    585585  background: transparent !important;
    … …  
    587587  border-color: #000339 !important;
    588588}
    589 #wpm-modal-form .wpm-btn_outline-primary:hover {
     589body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_outline-primary:hover {
    590590  background: #000339 !important;
    591591  color: #fff !important;
    592592}
    593 #wpm-modal-form .wpm-btn:disabled {
     593body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn:disabled {
    594594  color: #ffffff !important;
    595595  box-shadow: none !important;
    … …  
    598598  cursor: default !important;
    599599}
    600 #wpm-modal-form .wpm-btn_block {
     600body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_block {
    601601  display: flex;
    602602  width: 100%;
    603603}
    604 #wpm-modal-form .wpm-btn_mt {
     604body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_mt {
    605605  margin-top: 32px;
    606606}
    607 #wpm-modal-form .wpm-btn_mt-01 {
     607body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_mt-01 {
    608608  margin-top: 16px;
    609609}
    610 #wpm-modal-form .wpm-btn_mt-2 {
     610body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_mt-2 {
    611611  margin-top: 50px;
    612612}
    613 #wpm-modal-form .wpm-btn_mb {
     613body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_mb {
    614614  margin-bottom: 32px;
    615615}
    616 
    617 .dc-border-item {
    618   display: none;
    619   padding: 16px;
    620   background: white;
    621   border: 1px solid #343aeb;
    622   box-shadow: rgba(217, 219, 242, 0.5) 0px 4px 8px;
    623   border-radius: 8px;
    624   margin: 32px 0px 12px;
    625   position: relative;
    626   font-size: 14px;
    627   font-family: Roboto, Helvetica, Arial, sans-serif;
    628   font-weight: 400;
    629   line-height: 1.5;
    630   color: rgba(0, 0, 0, 0.6);
    631 }
    632 .dc-border-item_active {
    633   display: block;
    634 }
    635 
    636 .search-company-by {
     616body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by {
    637617  display: flex;
    638618  align-items: center;
    639619}
    640 .search-company-by label {
     620body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by label {
    641621  font-weight: normal;
    642622  display: flex;
    … …  
    644624  color: #6266A7;
    645625}
    646 .search-company-by label:not(:last-child) {
     626body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by label:not(:last-child) {
    647627  margin-right: 10px;
    648628}
    649 .search-company-by input[type=radio] {
     629body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio] {
    650630  display: none;
    651631}
    652 .search-company-by input[type=radio] + .input-placeholder {
     632body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio] + .input-placeholder {
    653633  position: relative;
    654634  display: inline-block;
    … …  
    661641  border: 1px solid #B5B9E2;
    662642}
    663 .search-company-by input[type=radio] + .input-placeholder:after {
     643body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio] + .input-placeholder:after {
    664644  content: "";
    665645  position: absolute;
    … …  
    675655  transform: rotate(45deg);
    676656}
    677 .search-company-by input[type=radio]:checked + .input-placeholder {
     657body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio]:checked + .input-placeholder {
    678658  background-color: #00033C;
    679659  border-color: #00033C;
    680660}
    681 .search-company-by input[type=radio]:checked + .input-placeholder:after {
     661body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio]:checked + .input-placeholder:after {
    682662  display: block;
    683663}
    684 
    685 .search-company-result {
     664body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .dc-border-item {
     665  display: none;
     666  padding: 16px;
     667  background: white;
     668  border: 1px solid #343aeb;
     669  box-shadow: rgba(217, 219, 242, 0.5) 0px 4px 8px;
     670  border-radius: 8px;
     671  margin: 32px 0px 12px;
     672  position: relative;
     673  font-size: 14px;
     674  font-family: Roboto, Helvetica, Arial, sans-serif;
     675  font-weight: 400;
     676  line-height: 1.5;
     677  color: rgba(0, 0, 0, 0.6);
     678}
     679body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .dc-border-item_active {
     680  display: block;
     681}
     682body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-result {
    686683  margin-bottom: 0;
    687684  margin-top: 8px;
    688685  overflow: hidden;
    689686}
    690 .search-company-result_loaded:not(.search-company-result_selected) {
     687body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-result_loaded:not(.search-company-result_selected) {
    691688  border-radius: 8px;
    692689  background: #fff;
    … …  
    694691  box-shadow: none !important;
    695692}
    696 .search-company-result_loaded:not(.search-company-result_selected) .founded-companies, .search-company-result_loaded:not(.search-company-result_selected) .company-not-found {
     693body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-result_loaded:not(.search-company-result_selected) .founded-companies, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-result_loaded:not(.search-company-result_selected) .company-not-found {
    697694  border-radius: 8px;
    698695  background: #fff;
    … …  
    702699  overflow-y: scroll;
    703700}
    704 
    705 .founded-companies {
     701body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies {
    706702  border-radius: 8px;
    707703  background: #fff;
    … …  
    711707  overflow-y: scroll;
    712708}
    713 
    714 .company-not-found {
     709body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .company-not-found {
    715710  color: #282b5d;
    716711  padding: 16px 16px;
    717712  font-size: 16px;
    718713}
    719 
    720 .wpm-preloader {
     714body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-preloader {
    721715  display: flex;
    722716  flex-direction: row;
    … …  
    729723  font-size: 16px;
    730724}
    731 .wpm-preloader:before {
     725body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-preloader:before {
    732726  content: "";
    733727  display: inline-block;
    … …  
    744738  height: 15px;
    745739  position: relative;
     740}
     741body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .error-register-fields {
     742  color: red;
     743  margin-top: 8px;
     744}
     745body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .register-company-tab, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .error-confirm-order a {
     746  color: blue;
     747  cursor: pointer;
     748  text-decoration: underline;
     749}
     750body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .register-company-tab:hover {
     751  text-decoration: none;
     752}
     753body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .cant-complete-autorization {
     754  margin-top: 25px;
     755}
     756body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .cant-complete-autorization .verify-error, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .cant-complete-autorization .verify-error-explanation {
     757  color: red;
     758  text-align: center;
     759}
     760body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .verify-local-error {
     761  color: red;
     762}
     763body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #cancel-order-sprinque {
     764  margin-bottom: 30px;
     765}
     766body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #email-otp-send {
     767  color: blue;
     768}
     769body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #register-company-tab, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #register-company-tab-2 {
     770  padding: 0 5px;
     771}
     772body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .purchase_approved .wpm-modal-form-tab__dsc {
     773  text-align: center;
     774}
     775body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .purchase_approved .approved-days {
     776  font-size: 20px;
     777  font-weight: 600;
     778  margin-top: 10px;
    746779}
    747780
    … …  
    773806  font-weight: 500 !important;
    774807  text-align: center !important;
     808  border-radius: 0;
     809}
     810#wpm-otp input#confirm-code-1, #wpm-otp input#confirm-code-2, #wpm-otp input#confirm-code-3, #wpm-otp input#confirm-code-4, #wpm-otp input#confirm-code-5 {
     811  border-radius: 0;
    775812}
    776813

  • sprinque/tags/1.3.10/assets/css/frontend.css.map

    r2903962 r2957940  
    1 {"version":3,"sourceRoot":"","sources":["frontend.scss"],"names":[],"mappings":"AA6GQ;AA7GR;EAAsB;IAAK;;EAAoB;IAAG;;;AAIlD;EACE;EACA,OAJc;EAKd;;;AAGF;EAKE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EAEA;EACA;EACA;EACA;EAEA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;;;AAEF;EACE;;AAEF;EAbF;IAcI;IACA;;EACA;IACE;;;;AAKJ;EADF;IAEI;IACA;IACA;IACA;IACA;IACA;;;;AAgBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAON;AAAA;AAAA;AAAA;EAIE;;;AAIF;EACE;EACA;;AAGE;EACE;EACA;;AAIE;EACE;;AAKR;EACE;;AACA;EACE;EACA;EACA;;AAGJ;EACE;;AACA;EACE;;AAEF;AAAA;EAEE;EACA;;AAEF;EACE;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA7KF;EA+KI;;AA9KJ;EA8KI;;AA7KJ;EA6KI;;AA5KJ;EA4KI;;AAEF;EACE;;AAGJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEE;EACE;EACA;;AAGA;EACE;EACA;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EACE;;AAKJ;EACE;EACA;;;AASN;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE,aA9QM;EA+QN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAMF;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;;AAxBA;EACE;;AAwBF;EA1BF;IA2BI;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAXF;IAYI;IACA;;;;AAMJ;EACE;;;AAIJ;EAGM;IACE;;EAEA;IACE;;;AAUV;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA,OAxgBU;;AA2gBd;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;;AAKN;EACE;;;AAIA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AA/cF;EAidI;;AAhdJ;EAgdI;;AA/cJ;EA+cI;;AA9cJ;EA8cI;;AAEF;EACE;;;AA+HJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OA1tBY;EA4tBZ;EACA;;AACA;EA5BF;IA6BI;IACA;IACA;;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAEA;EACE;;AAGJ;EACE;;AAEF;EACE;;;AAQN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;;AAIA;EACE;;;AAMR;EACE;EACA;EACA;;AAOE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAaJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OA58BY;EA68BZ;EACA;;;AAQJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;;AAGF;EACE;EACA;EACA","file":"frontend.css"}
     1{"version":3,"sourceRoot":"","sources":["frontend.scss"],"names":[],"mappings":"AAGQ;AAHR;EAAsB;IAAK;;EAAoB;IAAG;;;AAchD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAQJ;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAQA;EACE;;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EAGE,aA5GM;EA6GN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA,aA/HI;;AAgIJ;EACE;;AAGF;EACE,aArIE;;AA2IJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAIJ;EAGM;IACE;;EAEA;IACE;;;AAOV;EAEE;;AAEA;EACE,aAzKE;EA0KF;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA,OAtMM;;AAyMV;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;AAKN;EACE;EACA,OA/NU;EAgOV;;AAGF;EAKE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EAEA;EACA;EACA;EACA;EAEA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;;;AAEF;EACE;;AAEF;EAbF;IAcI;IACA;;EACA;IACE;;;AAKJ;EADF;IAEI;IACA;IACA;IACA;IACA;IACA;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;AAIF;EACE;EACA;;AAGE;EACE;EACA;;AAIE;EACE;;AAKR;EACE;;AACA;EACE;EACA;EACA;;AAGJ;EACE;;AACA;EACE;;AAEF;AAAA;EAEE;EACA;;AAEF;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAtbN;EAwbQ;;AAvbR;EAubQ;;AAtbR;EAsbQ;;AArbR;EAqbQ;;AAEF;EACE;;AAGJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEE;EACE;EACA;;AAGA;EACE;EACA;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EACE;;AAKJ;EACE;EACA;;AAMR;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;;AAxBA;EACE;;AAwBF;EA1BF;IA2BI;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAXF;IAYI;IACA;;;AAMJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAhlBN;EAklBQ;;AAjlBR;EAilBQ;;AAhlBR;EAglBQ;;AA/kBR;EA+kBQ;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AA4HF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OA7vBU;EA+vBV;EACA;;AACA;EA5BF;IA6BI;IACA;IACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAOE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;;AAGF;EACE;EACA;EACA;;;AAcR;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OA9iCY;EA+iCZ;EACA;EACA;;AAEA;EAKE;;;AASN;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAGF;EACE;EACA;EACA","file":"frontend.css"}

  • sprinque/tags/1.3.10/assets/css/frontend.scss

    r2945914 r2957940  
    22//$primary_color: rgb(52, 58, 235);
    33$primary_color: #000339;
    4 
    5 #register-company-tab {
    6   cursor: pointer;
    7   color: $primary_color;
    8   text-decoration: none;
    9 
    10 }
    11 .founded-companies .company-item, .founded-companies .company-item-404 {
    12   // border: 2px solid #ddd;
    13   // padding: 10px 20px;
    14   // margin: 10px 0;
    15   // border-radius: 5px;
    16   cursor: pointer;
    17 
    18   font-size: 14px;
    19   font-family: Roboto, Helvetica, Arial, sans-serif;
    20   font-weight: 400;
    21   line-height: 1.5;
    22   padding: 6px 16px;
    23   color: rgba(0, 0, 0, 0.6);
    24   position: relative;
    25   border-bottom: 1px solid #d9dbf257;
    26 
    27   &.active {
    28     // border: 2px solid #75009a;
    29     padding: 16px;
    30     cursor: default !important;
    31     // min-height: 108px;
    32     background: rgb(255, 255, 255);
    33     border: 1px solid $primary_color;
    34     box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
    35     border-radius: 8px;
    36     //margin: 32px 0px 12px;
    37     position: relative;
    38   }
    39   &:not(.active):not(.company-item-404):hover {
    40     background-color: rgba(0, 0, 0, 0.04);
    41   }
    42   &__close {
    43     position: absolute;
    44     cursor: pointer;
    45     right: 16px;
    46     top: 16px;
    47     width: 20px;
    48     height: 20px;
    49     background: url("../img/close-circle-grey.svg") center center no-repeat;
    50     background-size: 20px 20px;
    51   }
    52 }
    53 .business-name {
    54   color: rgb(40, 43, 93);
    55   margin-bottom: 3px;
    56   font-weight: 600;
    57 }
    58 
    59 
    60 .error-confirm-order {
    61   padding-top: 16px;
    62   font-size: 14px;
    63   color: red;
    64 }
    65 
    66 
    67 
    68 .pagination-btns {
    69   margin-top: 25px;
    70   display: flex;
    71   justify-content: space-between;
    72   .wpm-btn {
    73     //width: 150px !important;
    74     //max-width: 48% !important;
    75   }
    76 }
    77 .wpm-buttons-row {
    78   display: flex;
    79   flex-direction: row;
    80   flex-wrap: wrap;
    81   align-items: stretch;
    82   justify-content: space-between;
    83   @media screen and (min-width: 576px) {
    84     margin-left: -10px;
    85     margin-right: -10px;
    86   }
    87   &_mt {
    88     margin-top: 25px;
    89   }
    90   @media screen and (max-width: 575.98px) {
    91     display: block;
    92     margin-bottom: -10px;
    93     & > * {
    94       margin-bottom: 10px;
    95     }
    96   }
    97 }
    98 .wpm-button-col {
    99   @media screen and (min-width: 576px) {
    100     flex-basis: 0;
    101     min-width: 0;
    102     flex-grow: 1;
    103     max-width: 100%;
    104     padding-left: 10px;
    105     padding-right: 10px;
    106   }
    107 }
    108 
    109 
    1104@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
    1115
    … …  
    11812}
    11913
    120 .wpm-modal-form-tab__terms {
     14#wpm-terms.wpm-modal-form-tab__terms {
    12115  .wpm-terms-row {
    12216    display: flex;
    … …  
    13933    }
    14034
     35    .label, .value {
     36      font-size: 16px;
     37    }
     38
    14139    .value {
    14240      margin-left: auto;
    … …  
    14442
    14543    input[type="radio"] {
    146       display: none;
     44      display: none !important;
    14745
    14846      &:checked + .input-placeholder {
    … …  
    16563}
    16664
    167 // select start
    168 
    169 .wpm-select-wrap,
    170 .wpm-select-wrap *,
    171 .wpm-select-wrap:before,
    172 .wpm-select-wrap.after {
    173   box-sizing: border-box;
    174 }
    175 
    176 
    177 .wpm-select-wrap {
    178   position: relative;
    179   z-index: 100;
    180   &_open-dropdown,
    181   &_open {
    182     .wpm-select-placeholder__clear {
    183       opacity: 0 !important;
    184       visibility: hidden !important;
    185     }
    186     .wpm-select-placeholder__arrow {
    187       svg {
    188         path {
    189           fill: rgb(40, 43, 93);
    190         }
    191       }
    192     }
    193   }
    194   &_open-dropdown {
    195     z-index: 101;
    196     .wpm-select-dropdown-container {
    197       visibility: visible;
    198       z-index: 10;
    199       opacity: 1;
    200     }
    201   }
    202   &_open {
    203     z-index: 101;
    204     .wpm-select-placeholder__search {
    205       opacity: 1;
    206     }
    207     .wpm-select-placeholder__single,
    208     .wpm-select-placeholder__rendered {
    209       opacity: 0;
    210       z-index: -1;
    211     }
    212     .wpm-select-dropdown-container {
    213       visibility: visible;
    214       z-index: 10;
    215       opacity: 1;
    216     }
    217   }
    218 }
    219 .wpm-select-dropdown-container {
    220   position: absolute;
    221   top: 100%;
    222   left: 0;
    223   width: 100%;
    224   overflow: hidden;
    225   opacity: 0;
    226   z-index: -1;
    227   visibility: hidden;
    228 
    229   margin-top: 8px;
    230   background: #fff;
    231   border: 1px solid rgb(217, 219, 242);
    232   box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
    233   border-radius: 8px;
    234 }
    235 .wpm-select-dropdown {
    236   max-height: 150px !important;
    237   overflow-y: auto;
    238   padding: 8px;
    239   &__empty {
    240     text-align: center;
    241     font-size: 14px;
    242     padding: 8px 12px;
    243   }
    244   &__option {
    245     border-radius: 8px;
    246     margin: 4px 0px;
    247     font-size: 14px;
    248     font-weight: 400;
    249     line-height: 22px;
    250     color: rgb(40, 43, 93);
    251     cursor: default;
    252     background: #fff;
    253     padding: 8px 12px;
    254     &_highlighted {
    255       background: #eaf3fa !important;
    256     }
    257   }
    258 }
    259 
    260 .wpm-select-placeholder {
    261   overflow: hidden;
    262   position: relative;
    263   height: 40px;
    264   background-color: #fff;
    265   border: 1px solid rgb(217, 219, 242);
    266   border-radius: 8px;
    267   font-family: Roboto, Helvetica, Arial, sans-serif;
    268   font-size: 14px;
    269 
    270   &__search {
    271     opacity: 0;
    272     border: 0 !important;
    273 
    274     background: rgb(255, 255, 255);
    275     height: 100%;
    276     position: relative;
    277     font-size: 14px;
    278     padding: 9px 12px;
    279     font-weight: 400;
    280     color: rgb(40, 43, 93);
    281     border: 1px solid rgb(217, 219, 242);
    282     border-radius: 8px;
    283     overflow: hidden;
    284     font-family: Roboto, Helvetica, Arial, sans-serif;
    285     -webkit-tap-highlight-color: transparent;
    286     display: block;
    287     width: 100%;
    288     @include placeholder {
    289       color: rgba(40, 43, 93, .4);
    290     }
    291     &:focus {
    292       outline: none !important;
    293     }
    294   }
    295   &__rendered,
    296   &__single {
    297     position: absolute;
    298     top: 0;
    299     left: 0;
    300     width: 100%;
    301     height: 100%;
    302     padding-left: 12px;
    303     line-height: 38px;
    304   }
    305   &__rendered {
    306     color: rgba(40, 43, 93, .4) !important;
    307   }
    308   &__single {
    309     color: rgb(40, 43, 93);
    310     &_active {
    311       & + .wpm-select-placeholder__rendered {
    312         opacity: 0;
    313         z-index: -1;
    314       }
    315       & ~ .wpm-select-placeholder__buttons {
    316         .wpm-select-placeholder__clear {
    317           opacity: 1 !important;
    318           visibility: visible;
    319         }
    320       }
    321     }
    322   }
    323   &__buttons {
    324     position: absolute;
    325     right: 0;
    326     top: 0;
    327     height: 100%;
    328     z-index: 10;
    329     display: flex;
    330     flex-direction: row;
    331     flex-wrap: nowrap;
    332     align-items: stretch;
    333     justify-content: flex-end;
    334   }
    335   &__clear {
    336     opacity: 0;
    337     visibility: hidden;
    338   }
    339   &__arrow,
    340   &__clear {
    341     cursor: pointer;
    342     transition: opacity .2s ease;
    343     width: 36px;
    344     height: 100%;
    345     display: flex;
    346     flex-direction: row;
    347     flex-wrap: nowrap;
    348     align-items: center;
    349     justify-content: center;
    350     &:hover {
    351       svg {
    352         path {
    353           fill: rgba(40, 43, 93, 1);
    354         }
    355       }
    356     }
    357     svg {
    358       path {
    359         fill: rgba(40, 43, 93, .4);
    360         transition: fill .15s ease;
    361       }
    362     }
    363   }
    364 }
    365 
    36665
    36766// select end
    … …  
    38079
    38180.modal-form {
     81}
     82
     83
     84html[lang="de-DE"] #wpm-modal-form.modal-middle {
     85  .modal-form-inner {
     86    max-width: 570px;
     87  }
     88}
     89
     90
     91.wpm-modal-form-tabs {
     92
     93}
     94
     95body #wpm-modal-form-wrapper #wpm-modal-form {
     96  .modal-form {
     97    &__overlay {
     98      position: fixed;
     99      top: 0;
     100      left: 0;
     101      width: 100%;
     102      height: 100%;
     103      background-color: rgba(0, 0, 0, 0.5);
     104      -webkit-tap-highlight-color: transparent;
     105      opacity: 0;
     106      transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     107    }
     108  }
     109}
     110
     111body #wpm-modal-form-wrapper #wpm-modal-form.modal-form {
     112
     113
    382114  font-family: $font1;
    383115  position: fixed;
    … …  
    399131    pointer-events: visible;
    400132    visibility: visible;
     133    font-family: $font1;
    401134    .modal-form__overlay {
    402135      opacity: 0 !important;
     136    }
     137
     138    div, span {
     139      font-family: $font1;
    403140    }
    404141  }
    … …  
    416153    }
    417154  }
    418   &__overlay {
    419     position: fixed;
    420     top: 0;
    421     left: 0;
    422     width: 100%;
    423     height: 100%;
    424     background-color: rgba(0, 0, 0, 0.5);
    425     -webkit-tap-highlight-color: transparent;
    426     opacity: 0;
    427     transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     155
     156  @media screen and (max-width: 630px) {
     157    html[lang="de-DE"] #wpm-modal-form.modal-middle {
     158      .modal-form-inner {
     159        .cant-complete-autorization .pagination-btns {
     160          flex-direction: column;
     161
     162          .to_select_companies {
     163            margin-bottom: 8px;
     164          }
     165        }
     166      }
     167    }
    428168  }
    429 }
    430 
    431 .modal-form-inner {
    432   &:focus {
    433     outline: none !important;
    434   }
    435   overflow-x: hidden;
    436   border: 0 !important;
    437   position: absolute;
    438   z-index: 5;
    439   background-color: rgb(255, 255, 255);
    440   color: rgba(0, 0, 0, 0.87);
    441   border-radius: 4px;
    442 
    443   border: 1px solid rgb(217, 219, 242) !important;
    444 
    445   margin: 32px;
    446   max-height: calc(100% - 64px);
    447   width: calc(100% - 64px);
    448   max-width: 480px;
    449   padding: 32px;
    450 
    451   opacity: 0;
    452 
    453   overflow-y: auto;
    454   top: 30%;
    455   left: 50%;
    456   transform: translate(calc(-50% - 32px), 0);
    457   @media screen and (max-width: 575.98px) {
    458     padding: 16px;
    459   }
    460   &__close {
    461     outline: none !important;
    462     cursor: pointer;
    463     position: absolute;
    464     top: 15px;
    465     right: 15px;
    466     z-index: 5;
    467     width: 28px;
    468     height: 28px;
    469     background: url("../img/close.svg") center center no-repeat;
    470     background-size: 14px 14px;
    471     @media screen and (max-width: 575.98px) {
    472       top: 7px;
    473       right: 7px;
    474     }
    475   }
    476 }
    477 
    478 html[lang="de-DE"] #wpm-modal-form.modal-middle {
    479   .modal-form-inner {
    480     max-width: 570px;
    481   }
    482 }
    483 
    484 @media screen and (max-width: 630px) {
    485   html[lang="de-DE"] #wpm-modal-form.modal-middle {
     169
     170  &.modal-form_show {
     171
     172    -webkit-font-smoothing: antialiased;
     173
     174    * {
     175      font-family: $font1;
     176      -webkit-font-smoothing: antialiased;
     177    }
     178
     179    .wpm-modal-form-tab {
     180      display: none;
     181      &_active {
     182        display: block;
     183      }
     184      &__title {
     185        text-align: left;
     186        font-size: 20px;
     187        font-weight: 600;
     188        line-height: 1.25;
     189        color: rgb(40, 43, 93);
     190        & + * {
     191          margin-top: 24px;
     192        }
     193      }
     194      &__dsc {
     195        font-size: 14px;
     196        font-weight: 500;
     197        line-height: 1.25;
     198        color: rgb(40, 43, 93);
     199        a {
     200          text-decoration: none !important;
     201          color: $primary_color;
     202        }
     203      }
     204      &__note {
     205        font-size: 12px;
     206        font-weight: 500;
     207        line-height: 1.25;
     208        color: rgb(40, 43, 93);
     209      }
     210      &__resend {
     211        &--disabled {
     212          color: rgb(217, 219, 242) !important;
     213          cursor: not-allowed;
     214          .wpm-modal-form-tab__resend-notice {
     215            display: inline;
     216          }
     217        }
     218        &-notice {
     219          display: none;
     220        }
     221      }
     222    }
     223
     224    #register-company-tab {
     225      cursor: pointer;
     226      color: $primary_color;
     227      text-decoration: none;
     228
     229    }
     230    .founded-companies .company-item, .founded-companies .company-item-404 {
     231      // border: 2px solid #ddd;
     232      // padding: 10px 20px;
     233      // margin: 10px 0;
     234      // border-radius: 5px;
     235      cursor: pointer;
     236
     237      font-size: 14px;
     238      font-family: Roboto, Helvetica, Arial, sans-serif;
     239      font-weight: 400;
     240      line-height: 1.5;
     241      padding: 6px 16px;
     242      color: rgba(0, 0, 0, 0.6);
     243      position: relative;
     244      border-bottom: 1px solid #d9dbf257;
     245
     246      &.active {
     247        // border: 2px solid #75009a;
     248        padding: 16px;
     249        cursor: default !important;
     250        // min-height: 108px;
     251        background: rgb(255, 255, 255);
     252        border: 1px solid $primary_color;
     253        box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
     254        border-radius: 8px;
     255        //margin: 32px 0px 12px;
     256        position: relative;
     257      }
     258      &:not(.active):not(.company-item-404):hover {
     259        background-color: rgba(0, 0, 0, 0.04);
     260      }
     261      &__close {
     262        position: absolute;
     263        cursor: pointer;
     264        right: 16px;
     265        top: 16px;
     266        width: 20px;
     267        height: 20px;
     268        background: url("../img/close-circle-grey.svg") center center no-repeat;
     269        background-size: 20px 20px;
     270      }
     271    }
     272    .business-name {
     273      color: rgb(40, 43, 93);
     274      margin-bottom: 3px;
     275      font-weight: 600;
     276    }
     277
     278
     279    .error-confirm-order {
     280      padding-top: 16px;
     281      font-size: 14px;
     282      color: red;
     283    }
     284
     285
     286
     287    .pagination-btns {
     288      margin-top: 25px;
     289      display: flex;
     290      justify-content: space-between;
     291      .wpm-btn {
     292        //width: 150px !important;
     293        //max-width: 48% !important;
     294      }
     295    }
     296    .wpm-buttons-row {
     297      display: flex;
     298      flex-direction: row;
     299      flex-wrap: wrap;
     300      align-items: stretch;
     301      justify-content: space-between;
     302      @media screen and (min-width: 576px) {
     303        margin-left: -10px;
     304        margin-right: -10px;
     305      }
     306      &_mt {
     307        margin-top: 25px;
     308      }
     309      @media screen and (max-width: 575.98px) {
     310        display: block;
     311        margin-bottom: -10px;
     312        & > * {
     313          margin-bottom: 10px;
     314        }
     315      }
     316    }
     317    .wpm-button-col {
     318      @media screen and (min-width: 576px) {
     319        flex-basis: 0;
     320        min-width: 0;
     321        flex-grow: 1;
     322        max-width: 100%;
     323        padding-left: 10px;
     324        padding-right: 10px;
     325      }
     326    }
     327
     328    .wpm-select-wrap,
     329    .wpm-select-wrap *,
     330    .wpm-select-wrap:before,
     331    .wpm-select-wrap.after {
     332      box-sizing: border-box;
     333    }
     334
     335
     336    .wpm-select-wrap {
     337      position: relative;
     338      z-index: 100;
     339      &_open-dropdown,
     340      &_open {
     341        .wpm-select-placeholder__clear {
     342          opacity: 0 !important;
     343          visibility: hidden !important;
     344        }
     345        .wpm-select-placeholder__arrow {
     346          svg {
     347            path {
     348              fill: rgb(40, 43, 93);
     349            }
     350          }
     351        }
     352      }
     353      &_open-dropdown {
     354        z-index: 101;
     355        .wpm-select-dropdown-container {
     356          visibility: visible;
     357          z-index: 10;
     358          opacity: 1;
     359        }
     360      }
     361      &_open {
     362        z-index: 101;
     363        .wpm-select-placeholder__search {
     364          opacity: 1;
     365        }
     366        .wpm-select-placeholder__single,
     367        .wpm-select-placeholder__rendered {
     368          opacity: 0;
     369          z-index: -1;
     370        }
     371        .wpm-select-dropdown-container {
     372          visibility: visible;
     373          z-index: 10;
     374          opacity: 1;
     375        }
     376      }
     377    }
     378    .wpm-select-dropdown-container {
     379      position: absolute;
     380      top: 100%;
     381      left: 0;
     382      width: 100%;
     383      overflow: hidden;
     384      opacity: 0;
     385      z-index: -1;
     386      visibility: hidden;
     387
     388      margin-top: 8px;
     389      background: #fff;
     390      border: 1px solid rgb(217, 219, 242);
     391      box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
     392      border-radius: 8px;
     393    }
     394    .wpm-select-dropdown {
     395      max-height: 150px !important;
     396      overflow-y: auto;
     397      padding: 8px;
     398      &__empty {
     399        text-align: center;
     400        font-size: 14px;
     401        padding: 8px 12px;
     402      }
     403      &__option {
     404        border-radius: 8px;
     405        margin: 4px 0px;
     406        font-size: 14px;
     407        font-weight: 400;
     408        line-height: 22px;
     409        color: rgb(40, 43, 93);
     410        cursor: default;
     411        background: #fff;
     412        padding: 8px 12px;
     413        &_highlighted {
     414          background: #eaf3fa !important;
     415        }
     416      }
     417    }
     418
     419    .wpm-select-placeholder {
     420      overflow: hidden;
     421      position: relative;
     422      height: 40px;
     423      background-color: #fff;
     424      border: 1px solid rgb(217, 219, 242);
     425      border-radius: 8px;
     426      font-family: Roboto, Helvetica, Arial, sans-serif;
     427      font-size: 14px;
     428
     429      &__search {
     430        opacity: 0;
     431        border: 0 !important;
     432
     433        background: rgb(255, 255, 255);
     434        height: 100%;
     435        position: relative;
     436        font-size: 14px;
     437        padding: 9px 12px;
     438        font-weight: 400;
     439        color: rgb(40, 43, 93);
     440        border: 1px solid rgb(217, 219, 242);
     441        border-radius: 8px;
     442        overflow: hidden;
     443        font-family: Roboto, Helvetica, Arial, sans-serif;
     444        -webkit-tap-highlight-color: transparent;
     445        display: block;
     446        width: 100%;
     447        @include placeholder {
     448          color: rgba(40, 43, 93, .4);
     449        }
     450        &:focus {
     451          outline: none !important;
     452        }
     453      }
     454      &__rendered,
     455      &__single {
     456        position: absolute;
     457        top: 0;
     458        left: 0;
     459        width: 100%;
     460        height: 100%;
     461        padding-left: 12px;
     462        line-height: 38px;
     463      }
     464      &__rendered {
     465        color: rgba(40, 43, 93, .4) !important;
     466      }
     467      &__single {
     468        color: rgb(40, 43, 93);
     469        &_active {
     470          & + .wpm-select-placeholder__rendered {
     471            opacity: 0;
     472            z-index: -1;
     473          }
     474          & ~ .wpm-select-placeholder__buttons {
     475            .wpm-select-placeholder__clear {
     476              opacity: 1 !important;
     477              visibility: visible;
     478            }
     479          }
     480        }
     481      }
     482      &__buttons {
     483        position: absolute;
     484        right: 0;
     485        top: 0;
     486        height: 100%;
     487        z-index: 10;
     488        display: flex;
     489        flex-direction: row;
     490        flex-wrap: nowrap;
     491        align-items: stretch;
     492        justify-content: flex-end;
     493      }
     494      &__clear {
     495        opacity: 0;
     496        visibility: hidden;
     497      }
     498      &__arrow,
     499      &__clear {
     500        cursor: pointer;
     501        transition: opacity .2s ease;
     502        width: 36px;
     503        height: 100%;
     504        display: flex;
     505        flex-direction: row;
     506        flex-wrap: nowrap;
     507        align-items: center;
     508        justify-content: center;
     509        &:hover {
     510          svg {
     511            path {
     512              fill: rgba(40, 43, 93, 1);
     513            }
     514          }
     515        }
     516        svg {
     517          path {
     518            fill: rgba(40, 43, 93, .4);
     519            transition: fill .15s ease;
     520          }
     521        }
     522      }
     523    }
     524
    486525    .modal-form-inner {
    487       .cant-complete-autorization .pagination-btns {
    488         flex-direction: column;
    489 
    490         .to_select_companies {
    491           margin-bottom: 8px;
    492         }
    493       }
    494     }
    495   }
    496 }
    497 
    498 .wpm-modal-form-tabs {
    499 
    500 }
    501 .wpm-modal-form-tab {
    502   display: none;
    503   &_active {
    504     display: block;
    505   }
    506   &__title {
    507     text-align: left;
    508     font-size: 20px;
    509     font-weight: 600;
    510     line-height: 1.25;
    511     color: rgb(40, 43, 93);
    512     & + * {
    513       margin-top: 24px;
    514     }
    515   }
    516   &__dsc {
    517     font-size: 14px;
    518     font-weight: 500;
    519     line-height: 1.25;
    520     color: rgb(40, 43, 93);
    521     a {
    522       text-decoration: none !important;
     526      &:focus {
     527        outline: none !important;
     528      }
     529      overflow-x: hidden;
     530      border: 0 !important;
     531      position: absolute;
     532      z-index: 5;
     533      background-color: rgb(255, 255, 255);
     534      color: rgba(0, 0, 0, 0.87);
     535      border-radius: 4px;
     536
     537      border: 1px solid rgb(217, 219, 242) !important;
     538
     539      margin: 32px;
     540      max-height: calc(100% - 64px);
     541      width: calc(100% - 64px);
     542      max-width: 480px;
     543      padding: 32px;
     544
     545      opacity: 0;
     546
     547      overflow-y: auto;
     548      top: 30%;
     549      left: 50%;
     550      transform: translate(calc(-50% - 32px), 0);
     551      @media screen and (max-width: 575.98px) {
     552        padding: 16px;
     553      }
     554      &__close {
     555        outline: none !important;
     556        cursor: pointer;
     557        position: absolute;
     558        top: 15px;
     559        right: 15px;
     560        z-index: 5;
     561        width: 28px;
     562        height: 28px;
     563        background: url("../img/close.svg") center center no-repeat;
     564        background-size: 14px 14px;
     565        @media screen and (max-width: 575.98px) {
     566          top: 7px;
     567          right: 7px;
     568        }
     569      }
     570    }
     571
     572    .field-group {
     573      & + .field-group {
     574        margin-top: 32px;
     575      }
     576      label {
     577        display: block;
     578        font-weight: 600;
     579        font-size: 14px;
     580        line-height: 22px;
     581        color: rgb(40, 43, 93);
     582        margin-bottom: 8px;
     583      }
     584      input:not([type="submit"]) {
     585        box-shadow: none !important;
     586        background: rgb(255, 255, 255);
     587        height: 40px;
     588        position: relative;
     589        font-size: 14px;
     590        padding: 9px 12px;
     591        font-weight: 400;
     592        color: rgb(40, 43, 93);
     593        border: 1px solid rgb(217, 219, 242);
     594        border-radius: 8px;
     595        // font-family: $font1;
     596        font-family: Roboto, Helvetica, Arial, sans-serif;
     597        -webkit-tap-highlight-color: transparent;
     598        display: block;
     599        width: 100%;
     600        min-height: unset;
     601        @include placeholder {
     602          color: rgba(40, 43, 93, .4);
     603        }
     604        &:focus {
     605          outline: none !important;
     606        }
     607      }
     608
     609      .field-warning {
     610        margin-top: 8px;
     611        box-sizing: border-box;
     612        color: rgb(40, 43, 93);
     613        border-radius: 8px;
     614        display: none;
     615        font-size: 14px;
     616      }
     617    }
     618
     619    .search_already_added_company .field-group {
     620      margin-top: 32px;
     621    }
     622
     623    // select2
     624
     625
     626    // .select2-container {
     627    //   display: block !important;
     628    //   width: 100% !important;
     629
     630    //   .select2-selection--single {
     631    //     outline: none !important;
     632    //     background-color: #fff !important;
     633    //     border: 1px solid rgb(217, 219, 242) !important;
     634    //     border-radius: 8px !important;
     635    //     height: 40px !important;
     636    //     font-family: Roboto, Helvetica, Arial, sans-serif !important;
     637    //     font-size: 14px !important;
     638
     639    //     .select2-selection__rendered {
     640    //       padding-left: 12px !important;
     641    //       padding-right: 0 !important;
     642    //       line-height: 40px !important;
     643    //       color: rgb(40, 43, 93) !important;
     644    //     }
     645    //     .select2-selection__placeholder {
     646    //       color: rgba(40, 43, 93, .4) !important;
     647    //     }
     648    //     .select2-selection__clear {
     649    //       font-size: 0 !important;
     650    //       height: 38px !important;
     651    //       padding: 0 !important;
     652    //       width: 36px !important;
     653    //       background: url("../img/clear.svg") center center no-repeat !important;
     654    //       opacity: .4 !important;
     655    //       margin: 0 36px 0 0!important;
     656
     657    //       span {
     658    //         display: none !important;
     659    //       }
     660    //     }
     661    //     .select2-selection__arrow {
     662    //       height: 38px !important;
     663    //       width: 36px !important;
     664    //       b {
     665    //         border: 0 !important;
     666    //         height: 100% !important;
     667    //         width: 100% !important;
     668    //         left: 0 !important;
     669    //         top: 0 !important;
     670    //         position: absolute !important;
     671    //         margin: 0 !important;
     672    //         background: url("../img/arrow-down.svg") center center no-repeat !important;
     673    //         opacity: .4 !important;
     674    //       }
     675    //     }
     676    //   }
     677    //   &.select2-container--open {
     678    //     .select2-selection__clear,
     679    //     .select2-selection__arrow b {
     680    //       opacity: 1 !important;
     681    //       transition: opacity .1s ease !important;
     682    //     }
     683    //   }
     684    //   .select2-search {
     685    //     padding: 0 !important;
     686    //     height: 40px !important;
     687    //     width: calc(100% - 72px) !important;
     688    //     margin-top: -40px !important;
     689    //     padding: 9px 0 9px 12px !important;
     690    //     .select2-search__field {
     691    //       display: block;
     692    //       box-shadow: none !important;
     693    //       height: 100% !important;
     694    //       padding: 0 !important;
     695    //       outline: none !important;
     696    //       border: 0 !important;
     697    //       font-size: 14px !important;
     698    //       color: #282b5d !important;
     699    //       font-family: Roboto, Helvetica, Arial, sans-serif !important;
     700    //       background: #fff !important;
     701    //     }
     702    //   }
     703    //   .select2-results {
     704    //     margin-top: 8px !important;
     705    //     overflow: hidden !important;
     706    //     background: #fff !important;
     707    //     border: 1px solid rgb(217, 219, 242) !important;
     708    //     box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px !important;
     709    //     border-radius: 8px !important;
     710    //   }
     711    //   .select2-results__options {
     712    //     padding: 8px !important;
     713    //     max-height: 150px !important;
     714    //   }
     715    //   .select2-results__option {
     716    //     border-radius: 8px !important;
     717    //     outline: none !important;
     718    //     margin: 4px 0px !important;
     719    //     font-size: 14px !important;
     720    //     font-weight: 400 !important;
     721    //     line-height: 22px !important;
     722    //     color: rgb(40, 43, 93) !important;
     723    //     cursor: default !important;
     724    //     background: #fff !important;
     725    //     padding: 8px 12px !important;
     726    //   }
     727    //   .select2-results__option.select2-results__message {
     728    //     text-align: center !important;
     729    //     color: rgb(153, 153, 153) !important;
     730    //     font-size: 16px !important;
     731    //   }
     732    //   .select2-results__option--highlighted {
     733    //     background: rgb(234, 243, 250) !important;
     734    //   }
     735    //   .select2-dropdown {
     736    //     border: 0 !important;
     737    //     background: transparent !important;
     738    //   }
     739    // }
     740    * + .wpm-btn {
     741      // margin-top: 32px;
     742    }
     743
     744    .wpm-btn {
     745      outline: none !important;
     746      display: inline-flex;
     747      align-items: center;
     748      justify-content: center;
     749      position: relative;
     750      -webkit-tap-highlight-color: transparent;
     751      outline: 0px;
     752      margin: 0px;
     753      cursor: pointer;
     754      user-select: none;
     755      vertical-align: middle;
     756      appearance: none;
     757      text-decoration: none;
     758      font-weight: 600 !important;
     759      font-size: 16px;
     760      letter-spacing: 0.02857em;
     761      min-width: 64px;
     762      transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     763      padding: 12px 16px;
     764      width: auto;
     765      height: 48px;
     766      border: 2px solid transparent !important;
     767      box-shadow: none;
    523768      color: $primary_color;
    524     }
    525   }
    526   &__note {
    527     font-size: 12px;
    528     font-weight: 500;
    529     line-height: 1.25;
    530     color: rgb(40, 43, 93);
    531   }
    532   &__resend {
    533     &--disabled {
    534       color: rgb(217, 219, 242) !important;
    535       cursor: not-allowed;
    536       .wpm-modal-form-tab__resend-notice {
    537         display: inline;
    538       }
    539     }
    540     &-notice {
     769
     770      border-radius: 4px;
     771      text-transform: none;
     772      @media screen and (max-width: 575.98px) {
     773        min-width: 54px;
     774        padding-left: 8px;
     775        padding-right: 8px;
     776      }
     777
     778      &_primary {
     779        background: $primary_color !important;
     780        color: rgb(255, 255, 255) !important;
     781
     782        &:hover {
     783          background: $primary_color !important;
     784          box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px !important;
     785          border-color: transparent !important;
     786        }
     787      }
     788
     789      &_outline-primary {
     790        font-weight: 600 !important;
     791        background: transparent !important;
     792        color: $primary_color !important;
     793        border-color: $primary_color !important;
     794
     795        &:hover {
     796          background: $primary_color !important;
     797          color: #fff !important;
     798        }
     799      }
     800
     801      &:disabled {
     802        color: #ffffff !important;
     803        box-shadow: none !important;
     804        background-color: #D9DBF2 !important;
     805        pointer-events: none !important;
     806        cursor: default !important;
     807      }
     808
     809      &_block {
     810        display: flex;
     811        width: 100%;
     812      }
     813
     814      &_mt {
     815        margin-top: 32px;
     816
     817        &-01 {
     818          margin-top: 16px;
     819        }
     820      }
     821
     822      &_mt-2 {
     823        margin-top: 50px;
     824      }
     825
     826      &_mb {
     827        margin-bottom: 32px;
     828      }
     829    }
     830
     831    .search-company-by {
     832      display: flex;
     833      align-items: center;
     834
     835      label {
     836        font-weight: normal;
     837        display: flex;
     838        align-items: center;
     839        color: #6266A7;
     840
     841        &:not(:last-child) {
     842          margin-right: 10px;
     843        }
     844      }
     845
     846      input[type="radio"] {
     847        display: none;
     848
     849        & + .input-placeholder {
     850          position: relative;
     851          display: inline-block;
     852          width: 18px;
     853          height: 18px;
     854          border-radius: 3px;
     855          margin-right: 6px;
     856          background-color: transparent;
     857          box-sizing: border-box;
     858          border: 1px solid #B5B9E2;
     859
     860          &:after {
     861            content: "";
     862            position: absolute;
     863            display: none;
     864            top: 2px;
     865            left: 4px;
     866            width: 8px;
     867            height: 9px;
     868            border: solid white;
     869            border-width: 0 2px 2px 0;
     870            -webkit-transform: rotate(45deg);
     871            -ms-transform: rotate(45deg);
     872            transform: rotate(45deg);
     873          }
     874        }
     875
     876        &:checked + .input-placeholder {
     877          background-color: #00033C;
     878          border-color: #00033C;
     879          //background-image: url("../img/checkmark.png");
     880          //background-repeat: no-repeat;
     881          //background-position: center center;
     882          &:after {
     883            display: block;
     884          }
     885        }
     886      }
     887    }
     888
     889
     890    .dc-border-item {
    541891      display: none;
    542     }
    543   }
    544 }
    545 
    546 .search_already_added_company .field-group {
    547   margin-top: 32px;
    548 }
    549 
    550 .field-group {
    551   & + .field-group {
    552     margin-top: 32px;
    553   }
    554   label {
    555     display: block;
    556     font-weight: 600;
    557     font-size: 14px;
    558     line-height: 22px;
    559     color: rgb(40, 43, 93);
    560     margin-bottom: 8px;
    561   }
    562   input:not([type="submit"]) {
    563     box-shadow: none !important;
    564     background: rgb(255, 255, 255);
    565     height: 40px;
    566     position: relative;
    567     font-size: 14px;
    568     padding: 9px 12px;
    569     font-weight: 400;
    570     color: rgb(40, 43, 93);
    571     border: 1px solid rgb(217, 219, 242);
    572     border-radius: 8px;
    573     // font-family: $font1;
    574     font-family: Roboto, Helvetica, Arial, sans-serif;
    575     -webkit-tap-highlight-color: transparent;
    576     display: block;
    577     width: 100%;
    578     @include placeholder {
    579       color: rgba(40, 43, 93, .4);
    580     }
    581     &:focus {
    582       outline: none !important;
    583     }
    584   }
    585 
    586   .field-warning {
    587     margin-top: 8px;
    588     box-sizing: border-box;
    589     color: rgb(40, 43, 93);
    590     border-radius: 8px;
    591     display: none;
    592     font-size: 14px;
    593   }
    594 }
    595 
    596 // select2
    597 #wpm-modal-form {
    598 
    599 
    600   // .select2-container {
    601   //   display: block !important;
    602   //   width: 100% !important;
    603 
    604   //   .select2-selection--single {
    605   //     outline: none !important;
    606   //     background-color: #fff !important;
    607   //     border: 1px solid rgb(217, 219, 242) !important;
    608   //     border-radius: 8px !important;
    609   //     height: 40px !important;
    610   //     font-family: Roboto, Helvetica, Arial, sans-serif !important;
    611   //     font-size: 14px !important;
    612 
    613   //     .select2-selection__rendered {
    614   //       padding-left: 12px !important;
    615   //       padding-right: 0 !important;
    616   //       line-height: 40px !important;
    617   //       color: rgb(40, 43, 93) !important;
    618   //     }
    619   //     .select2-selection__placeholder {
    620   //       color: rgba(40, 43, 93, .4) !important;
    621   //     }
    622   //     .select2-selection__clear {
    623   //       font-size: 0 !important;
    624   //       height: 38px !important;
    625   //       padding: 0 !important;
    626   //       width: 36px !important;
    627   //       background: url("../img/clear.svg") center center no-repeat !important;
    628   //       opacity: .4 !important;
    629   //       margin: 0 36px 0 0!important;
    630 
    631   //       span {
    632   //         display: none !important;
    633   //       }
    634   //     }
    635   //     .select2-selection__arrow {
    636   //       height: 38px !important;
    637   //       width: 36px !important;
    638   //       b {
    639   //         border: 0 !important;
    640   //         height: 100% !important;
    641   //         width: 100% !important;
    642   //         left: 0 !important;
    643   //         top: 0 !important;
    644   //         position: absolute !important;
    645   //         margin: 0 !important;
    646   //         background: url("../img/arrow-down.svg") center center no-repeat !important;
    647   //         opacity: .4 !important;
    648   //       }
    649   //     }
    650   //   }
    651   //   &.select2-container--open {
    652   //     .select2-selection__clear,
    653   //     .select2-selection__arrow b {
    654   //       opacity: 1 !important;
    655   //       transition: opacity .1s ease !important;
    656   //     }
    657   //   }
    658   //   .select2-search {
    659   //     padding: 0 !important;
    660   //     height: 40px !important;
    661   //     width: calc(100% - 72px) !important;
    662   //     margin-top: -40px !important;
    663   //     padding: 9px 0 9px 12px !important;
    664   //     .select2-search__field {
    665   //       display: block;
    666   //       box-shadow: none !important;
    667   //       height: 100% !important;
    668   //       padding: 0 !important;
    669   //       outline: none !important;
    670   //       border: 0 !important;
    671   //       font-size: 14px !important;
    672   //       color: #282b5d !important;
    673   //       font-family: Roboto, Helvetica, Arial, sans-serif !important;
    674   //       background: #fff !important;
    675   //     }
    676   //   }
    677   //   .select2-results {
    678   //     margin-top: 8px !important;
    679   //     overflow: hidden !important;
    680   //     background: #fff !important;
    681   //     border: 1px solid rgb(217, 219, 242) !important;
    682   //     box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px !important;
    683   //     border-radius: 8px !important;
    684   //   }
    685   //   .select2-results__options {
    686   //     padding: 8px !important;
    687   //     max-height: 150px !important;
    688   //   }
    689   //   .select2-results__option {
    690   //     border-radius: 8px !important;
    691   //     outline: none !important;
    692   //     margin: 4px 0px !important;
    693   //     font-size: 14px !important;
    694   //     font-weight: 400 !important;
    695   //     line-height: 22px !important;
    696   //     color: rgb(40, 43, 93) !important;
    697   //     cursor: default !important;
    698   //     background: #fff !important;
    699   //     padding: 8px 12px !important;
    700   //   }
    701   //   .select2-results__option.select2-results__message {
    702   //     text-align: center !important;
    703   //     color: rgb(153, 153, 153) !important;
    704   //     font-size: 16px !important;
    705   //   }
    706   //   .select2-results__option--highlighted {
    707   //     background: rgb(234, 243, 250) !important;
    708   //   }
    709   //   .select2-dropdown {
    710   //     border: 0 !important;
    711   //     background: transparent !important;
    712   //   }
    713   // }
    714   * + .wpm-btn {
    715     // margin-top: 32px;
    716   }
    717 
    718   .wpm-btn {
    719     outline: none !important;
    720     display: inline-flex;
    721     align-items: center;
    722     justify-content: center;
    723     position: relative;
    724     -webkit-tap-highlight-color: transparent;
    725     outline: 0px;
    726     margin: 0px;
    727     cursor: pointer;
    728     user-select: none;
    729     vertical-align: middle;
    730     appearance: none;
    731     text-decoration: none;
    732     font-weight: 600 !important;
    733     font-size: 16px;
    734     letter-spacing: 0.02857em;
    735     min-width: 64px;
    736     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    737     padding: 12px 16px;
    738     width: auto;
    739     height: 48px;
    740     border: 2px solid transparent !important;
    741     box-shadow: none;
    742     color: $primary_color;
    743 
    744     border-radius: 4px;
    745     text-transform: none;
    746     @media screen and (max-width: 575.98px) {
    747       min-width: 54px;
    748       padding-left: 8px;
    749       padding-right: 8px;
    750     }
    751     &_primary {
    752       background: $primary_color !important;
    753       color: rgb(255, 255, 255) !important;
    754       &:hover {
    755         background: $primary_color !important;
    756         box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px !important;
    757         border-color: transparent !important;
    758       }
    759     }
    760     &_outline-primary {
    761       font-weight: 600 !important;
    762       background: transparent !important;
    763       color: $primary_color !important;
    764       border-color: $primary_color !important;
    765       &:hover {
    766         background: $primary_color !important;
    767         color: #fff !important;
    768       }
    769     }
    770     &:disabled {
    771       color: #ffffff !important;
    772       box-shadow: none !important;
    773       background-color: #D9DBF2 !important;
    774       pointer-events: none !important;
    775       cursor: default !important;
    776     }
    777     &_block {
    778       display: flex;
    779       width: 100%;
    780     }
    781     &_mt {
    782       margin-top: 32px;
    783 
    784       &-01 {
    785         margin-top: 16px;
    786       }
    787     }
    788     &_mt-2 {
    789       margin-top: 50px;
    790     }
    791     &_mb {
    792       margin-bottom: 32px;
    793     }
    794   }
    795 
    796 }
    797 
    798 
    799 
    800 .dc-border-item {
    801   display: none;
    802   padding: 16px;
    803   background: white;
    804   border: 1px solid #343aeb;
    805   box-shadow: rgba(217, 219, 242, 0.5) 0px 4px 8px;
    806   border-radius: 8px;
    807   margin: 32px 0px 12px;
    808   position: relative;
    809   font-size: 14px;
    810   font-family: Roboto, Helvetica, Arial, sans-serif;
    811   font-weight: 400;
    812   line-height: 1.5;
    813   color: rgba(0, 0, 0, 0.6);
    814 
    815   &_active {
    816     display: block;
    817   }
    818 }
    819 
    820 
    821 .search-company-by {
    822   display: flex;
    823   align-items: center;
    824 
    825   label {
    826     font-weight: normal;
    827     display: flex;
    828     align-items: center;
    829     color: #6266A7;
    830 
    831     &:not(:last-child) {
    832       margin-right: 10px;
    833     }
    834   }
    835 
    836   input[type="radio"] {
    837     display: none;
    838 
    839     & + .input-placeholder {
     892      padding: 16px;
     893      background: white;
     894      border: 1px solid #343aeb;
     895      box-shadow: rgba(217, 219, 242, 0.5) 0px 4px 8px;
     896      border-radius: 8px;
     897      margin: 32px 0px 12px;
    840898      position: relative;
    841       display: inline-block;
    842       width:  18px;
    843       height: 18px;
    844       border-radius: 3px;
    845       margin-right: 6px;
    846       background-color: transparent;
    847       box-sizing: border-box;
    848       border: 1px solid #B5B9E2;
    849 
    850       &:after {
    851         content: "";
    852         position: absolute;
    853         display: none;
    854         top: 2px;
    855         left: 4px;
    856         width: 8px;
    857         height: 9px;
    858         border: solid white;
    859         border-width: 0 2px 2px 0;
    860         -webkit-transform: rotate(45deg);
    861         -ms-transform: rotate(45deg);
    862         transform: rotate(45deg);
    863       }
    864     }
    865     &:checked + .input-placeholder {
    866       background-color: #00033C;
    867       border-color: #00033C;
    868       //background-image: url("../img/checkmark.png");
    869       //background-repeat: no-repeat;
    870       //background-position: center center;
    871       &:after {
     899      font-size: 14px;
     900      font-family: Roboto, Helvetica, Arial, sans-serif;
     901      font-weight: 400;
     902      line-height: 1.5;
     903      color: rgba(0, 0, 0, 0.6);
     904
     905      &_active {
    872906        display: block;
    873907      }
    874908    }
    875   }
    876 }
    877 
    878 .search-company-result {
    879   margin-bottom: 0;
    880   margin-top: 8px;
    881   overflow: hidden;
    882 
    883   &_selected {
    884 
    885   }
    886 
    887   &_loaded {
    888     &:not(.search-company-result_selected) {
     909
     910
     911    .search-company-result {
     912      margin-bottom: 0;
     913      margin-top: 8px;
     914      overflow: hidden;
     915
     916      &_selected {
     917
     918      }
     919
     920      &_loaded {
     921        &:not(.search-company-result_selected) {
     922          border-radius: 8px;
     923          background: #fff;
     924          border: none !important;
     925          box-shadow: none !important;
     926
     927          .founded-companies, .company-not-found {
     928            border-radius: 8px;
     929            background: #fff;
     930            border: 1px solid #d9dbf2;
     931            box-shadow: rgba(217, 219, 242, 0.5) 0 4px 8px;
     932            max-height: 215px;
     933            overflow-y: scroll;
     934          }
     935        }
     936      }
     937    }
     938
     939    .founded-companies {
    889940      border-radius: 8px;
    890941      background: #fff;
    891       border: none !important;
    892       box-shadow: none !important;
    893 
    894       .founded-companies, .company-not-found {
    895         border-radius: 8px;
    896         background: #fff;
    897         border: 1px solid #d9dbf2;
    898         box-shadow: rgba(217, 219, 242, 0.5) 0 4px 8px;
    899         max-height: 215px;
    900         overflow-y: scroll;
    901       }
    902     }
     942      border: 1px solid rgb(217, 219, 242);
     943      box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
     944      max-height: 220px;
     945      overflow-y: scroll;
     946    }
     947
     948
     949    .company-not-found {
     950      color: #282b5d;
     951      padding: 16px 16px;
     952      font-size: 16px;
     953    }
     954
     955
     956    // preloader
     957    .wpm-preloader {
     958      display: flex;
     959      flex-direction: row;
     960      flex-wrap: nowrap;
     961      align-items: center;
     962      justify-content: center;
     963
     964      color: rgb(153, 153, 153);
     965      padding: 16px 20px;
     966      text-align: center;
     967      font-size: 16px;
     968
     969      &:before {
     970        content: '';
     971        display: inline-block;
     972        vertical-align: middle;
     973        animation: spinAround .5s infinite linear;
     974        border: 3px solid $primary_color;
     975        margin-right: 8px;
     976        border-radius: 290486px;
     977        border-right-color: transparent;
     978        border-top-color: transparent;
     979        content: "";
     980        display: block;
     981        width: 15px;
     982        height: 15px;
     983        position: relative;
     984      }
     985    }
     986
     987
     988
     989    .error-register-fields {
     990      color: red;
     991      margin-top: 8px;
     992    }
     993
     994    .register-company-tab, .error-confirm-order a {
     995      color: blue;
     996      cursor: pointer;
     997      text-decoration: underline;
     998    }
     999
     1000    .register-company-tab:hover {
     1001      text-decoration: none;
     1002    }
     1003
     1004    .cant-complete-autorization {
     1005      margin-top: 25px;
     1006    }
     1007
     1008    .cant-complete-autorization .verify-error, .cant-complete-autorization .verify-error-explanation {
     1009      color: red;
     1010      text-align: center;
     1011    }
     1012
     1013    .verify-local-error {
     1014      color: red;
     1015    }
     1016
     1017    #cancel-order-sprinque {
     1018      margin-bottom: 30px;
     1019    }
     1020
     1021    #email-otp-send {
     1022      color: blue;
     1023    }
     1024
     1025    #register-company-tab, #register-company-tab-2 {
     1026      padding: 0 5px;
     1027    }
     1028
     1029    .purchase_approved {
     1030      .wpm-modal-form-tab__dsc {
     1031        text-align: center;
     1032      }
     1033
     1034      .approved-days {
     1035        font-size: 20px;
     1036        font-weight: 600;
     1037        margin-top: 10px;
     1038      }
     1039    }
     1040
    9031041  }
    9041042}
    905 .founded-companies {
    906   border-radius: 8px;
    907   background: #fff;
    908   border: 1px solid rgb(217, 219, 242);
    909   box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
    910   max-height: 220px;
    911   overflow-y: scroll;
    912 }
    913 
    914 
    915 .company-not-found {
    916   color: #282b5d;
    917   padding: 16px 16px;
    918   font-size: 16px;
    919 }
    920 
    921 
    922 // preloader
    923 .wpm-preloader {
    924   display: flex;
    925   flex-direction: row;
    926   flex-wrap: nowrap;
    927   align-items: center;
    928   justify-content: center;
    929 
    930   color: rgb(153, 153, 153);
    931   padding: 16px 20px;
    932   text-align: center;
    933   font-size: 16px;
    934 
    935   &:before {
    936     content: '';
    937     display: inline-block;
    938     vertical-align: middle;
    939     animation: spinAround .5s infinite linear;
    940     border: 3px solid $primary_color;
    941     margin-right: 8px;
    942     border-radius: 290486px;
    943     border-right-color: transparent;
    944     border-top-color: transparent;
    945     content: "";
    946     display: block;
    947     width: 15px;
    948     height: 15px;
    949     position: relative;
    950   }
    951 }
    952 
    953 
    9541043
    9551044
    … …  
    9851074    font-weight: 500 !important;
    9861075    text-align: center !important;
     1076    border-radius: 0;
     1077
     1078    &#confirm-code-1,
     1079    &#confirm-code-2,
     1080    &#confirm-code-3,
     1081    &#confirm-code-4,
     1082    &#confirm-code-5 {
     1083      border-radius: 0;
     1084    }
    9871085  }
    9881086}

  • sprinque/tags/1.3.10/assets/js/frontend.js

    r2951545 r2957940  
    536536        var billing_email = $('#billing_or_accounts_payable_email').val();
    537537
    538         const $form = $('#customer_details');
     538        const $form = $('form.woocommerce-checkout');
    539539        let initial_shipping_address_line1 = '';
    540540        let initial_shipping_address_line2 = '';
    … …  
    555555            initial_shipping_country_code = $form.find('#shipping_country').val();
    556556        } else {
    557             const house_number = $form.find('#billing_address_1').length > 0
    558                 ? $form.find('#billing_address_1').val()
     557            const house_number = $form.find('#billing_house_number').length > 0
     558                ? $form.find('#billing_house_number').val()
    559559                : '';
    560560            initial_shipping_address_line1 = $form.find('#billing_address_1').val() + ' ' + house_number;
    … …  
    749749        var billing_email = $('#billing_or_accounts_payable_email').val();
    750750
    751         const $form = $('#customer_details');
     751        const $form = $('form.woocommerce-checkout');
    752752        let initial_shipping_address_line1 = '';
    753753        let initial_shipping_address_line2 = '';
    … …  
    768768            initial_shipping_country_code = $form.find('#shipping_country').val();
    769769        } else {
    770             const house_number = $form.find('#billing_address_1').length > 0
    771                 ? $form.find('#billing_address_1').val()
     770            const house_number = $form.find('#billing_house_number').length > 0
     771                ? $form.find('#billing_house_number').val()
    772772                : '';
    773773            initial_shipping_address_line1 = $form.find('#billing_address_1').val() + ' ' + house_number;

  • sprinque/tags/1.3.10/languages/sprinque-de_DE.po

    r2938297 r2957940  
    251251msgstr "Sprinque für WordPress ist ein Plugin, mit dem Sie Ihren Geschäftskunden Nettozahlungsbedingungen (15, 30, 60, 90 Tage) anbieten und so die Konversion und Kundenbindung erhöhen können."
    252252
     253#: sprinque.php:259
     254#: sprinque.php:451
     255#, fuzzy
     256msgid "Surcharge payment term %d days"
     257msgstr "Zuschlagszahlungsfrist %d Tage"
     258
    253259#: templates/frontend/srinque_pay_modal_form.php:106
    254260#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/tags/1.3.10/languages/sprinque-en_US.po

    r2932350 r2957940  
    301301msgstr "Net terms fee"
    302302
     303#: sprinque.php:259
     304#: sprinque.php:451
     305msgid "Surcharge payment term %d days"
     306msgstr "Surcharge payment term %d days"
     307
    303308msgid "Billing or Accounts Payable email"
    304309msgstr "Billing or Accounts Payable email"

  • sprinque/tags/1.3.10/languages/sprinque-es_ES.po

    r2932350 r2957940  
    253253msgstr "Sprinque para WordPress es un plugin que permite ofrecer a los compradores de tu negocio condiciones de pago (15, 30, 60, 90 días) y aumentar así la conversión y la retención."
    254254
     255#: sprinque.php:259
     256#: sprinque.php:451
     257#, fuzzy
     258msgid "Surcharge payment term %d days"
     259msgstr "Plazo de pago del recargo %d días"
     260
    255261#: templates/frontend/srinque_pay_modal_form.php:106
    256262#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/tags/1.3.10/languages/sprinque-fr_FR.po

    r2932350 r2957940  
    253253msgstr "Sprinque pour WordPress est un plugin qui vous permet d'offrir à vos acheteurs professionnels des conditions de paiement net (15, 30, 60, 90 jours) et ainsi d'augmenter la conversion et la rétention."
    254254
     255#: sprinque.php:259
     256#: sprinque.php:451
     257#, fuzzy
     258msgid "Surcharge payment term %d days"
     259msgstr "Délai de paiement de la surtaxe %d jours"
     260
    255261#: templates/frontend/srinque_pay_modal_form.php:106
    256262#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/tags/1.3.10/languages/sprinque-nl_NL.po

    r2938297 r2957940  
    253253msgstr "Sprinque voor WordPress is een plugin die het mogelijk maakt zakelijke klanten achteraf op factuur te laten kopen (15, 30, 60, 90 dagen) en hiermee conversie en retentie te stimuleren."
    254254
     255#: sprinque.php:259
     256#: sprinque.php:451
     257#, fuzzy
     258msgid "Surcharge payment term %d days"
     259msgstr "Betalingstermijn toeslag %d dagen"
     260
    255261#: templates/frontend/srinque_pay_modal_form.php:106
    256262#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/tags/1.3.10/languages/sprinque-pl_PL.po

    r2932350 r2957940  
    251251msgstr "Sprinque dla WordPress to wtyczka, która pozwala zaoferować kupującym warunki płatności netto (15, 30, 60, 90 dni), a tym samym zwiększyć konwersję i retencję."
    252252
     253#: sprinque.php:259
     254#: sprinque.php:451
     255#, fuzzy
     256msgid "Surcharge payment term %d days"
     257msgstr "Termin płatności dopłaty %d dni"
     258
    253259#: templates/frontend/srinque_pay_modal_form.php:106
    254260#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/tags/1.3.10/readme.txt

    r2951545 r2957940  
    66Tested up to: 6.0
    77Requires PHP: 5.3
    8 Stable tag: 1.3.9
     8Stable tag: 1.3.10
    99License: GPLv2 or later
    1010License URI: https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    5050
    5151== Changelog ==
     52
     53= 1.3.10 - August 23, 2023 =
     54* Bumped b2b-sprinque-tools to v.1.5.0 (with IT, PT, UK reg number warnings);
     55* Added Italian language (auto-translated);
     56* Fixed house number of the shipping address;
     57* Style fixes and improvements;
     58* Renamed surcharge fee and prevent duplicating it;
    5259
    5360= 1.3.9 - August 10, 2023 =

  • sprinque/tags/1.3.10/sprinque.php

    r2951545 r2957940  
    55Description: Sprinque for WordPress is a plugin that allows you to offer your business buyers net payment terms (15, 30, 60, 90 days) and thereby grow conversion and retention.
    66Author: Sprinque
    7 Version: 1.3.9
     7Version: 1.3.10
    88Text Domain: sprinque
    99Domain Path: /languages
    1010*/
    1111
    12 define( 'PLUGIN_SRINQUE_VERSION', '1.3.9' );
     12define( 'PLUGIN_SRINQUE_VERSION', '1.3.10' );
    1313define( 'PLUGIN_SRINQUE_DIR', __DIR__ );
    1414define( 'PLUGIN_SRINQUE_PATH', plugins_url( '', __FILE__ ) );
    … …  
    167167                'credit_note_url'         => $pdf_url,
    168168                'credit_note_amount'      => $refunded,
     169                'credit_note_currency'    => $order->get_currency(),
    169170                'date'                    => date( 'Y-m-d' )
    170171            ];
    … …  
    247248        }
    248249
     250
     251        $fees = $woocommerce->cart->get_fees();
    249252        $net_term = $_SESSION['net_term'];
    250253        $net_term = strtolower($net_term);
     254
     255        $days = substr($net_term, 3);
     256        $fee_name = __( sprintf('Surcharge payment term %d days', $days), 'sprinque' );
     257        $fee_id = sanitize_title($fee_name);
     258
     259        if (array_key_exists($fee_id, $fees)) {
     260            return;
     261        }
     262
    251263        $payment_terms = $this->get_payment_terms();
    252264        $percentage = $payment_terms[$net_term] ?? 0.0;
    … …  
    256268        if ($percentage > 0) {
    257269            $surcharge = ( $woocommerce->cart->cart_contents_total + $woocommerce->cart->shipping_total ) * $percentage;
    258             $woocommerce->cart->add_fee( __('Net terms fee', 'sprinque'), $surcharge, true, '' );
     270            $woocommerce->cart->add_fee( $fee_name, $surcharge, true, '' );
    259271        }
    260272    }
    … …  
    474486                            // Add fee if needed
    475487                            if ($fee_percents > 0.0) {
    476                                 $fee = new stdClass();
    477                                 $fee->name = __('Net terms fee', 'sprinque');
    478                                 $fee->amount = $calculated_fee;
    479                                 $fee->tax_status = 'taxable';
    480                                 $fee->total = $calculated_fee;
    481 
    482                                 $order->add_fee($fee);
    483                                 $order->calculate_totals();
     488                                $fees = $order->get_fees();
     489                                $days = substr($payment_term, 3);
     490
     491                                $fee_name = __( sprintf('Surcharge payment term %d days', $days), 'sprinque' );
     492                                $fee_id = sanitize_title($fee_name);
     493
     494
     495                                if (!array_key_exists($fee_id, $fees)) {
     496                                    $fee = new stdClass();
     497                                    $fee->name = $fee_name;
     498                                    $fee->amount = $calculated_fee;
     499                                    $fee->tax_status = 'taxable';
     500                                    $fee->total = $calculated_fee;
     501
     502                                    $order->add_fee($fee);
     503                                    $order->calculate_totals();
     504                                }
    484505                            }
    485506
    … …  
    620641            // Register scripts
    621642            $settings = get_option( 'woocommerce_wpm_srinque_pay_settings', true );
    622             wp_enqueue_script( 'wpm_srinque_tools', 'https://unpkg.com/b2b-sprinque-tools@1.4.2/dist/index.umd.min.js', array( ), PLUGIN_SRINQUE_VERSION, 'all' );
     643            wp_enqueue_script( 'wpm_srinque_tools', 'https://unpkg.com/b2b-sprinque-tools@1.5.0/dist/index.umd.min.js', array( ), PLUGIN_SRINQUE_VERSION, 'all' );
    623644            wp_enqueue_script( 'wpm_srinque_pay', PLUGIN_SRINQUE_PATH . '/assets/js/frontend.js', array( 'jquery', 'wpm_srinque_tools' ), PLUGIN_SRINQUE_VERSION, 'all' );
    624645

  • sprinque/tags/1.3.10/templates/frontend/srinque_pay_modal_form.php

    r2945914 r2957940  
    1 <div class="modal-form" id="wpm-modal-form">
    2     <div class="modal-form__overlay" data-wpm-close="#wpm-modal-form"></div>
    3     <div class="modal-form-inner">
    4         <a href="#" data-wpm-close="#wpm-modal-form" class="modal-form-inner__close"></a>
    5         <div class="wpm-modal-form-tabs">
    6             <div class="wpm-modal-form-tab wpm-modal-form-tab_active" id="select-your-business">
     1<div id="wpm-modal-form-wrapper">
     2    <div class="modal-form" id="wpm-modal-form">
     3        <div class="modal-form__overlay" data-wpm-close="#wpm-modal-form"></div>
     4        <div class="modal-form-inner">
     5            <a href="#" data-wpm-close="#wpm-modal-form" class="modal-form-inner__close"></a>
     6            <div class="wpm-modal-form-tabs">
     7                <div class="wpm-modal-form-tab wpm-modal-form-tab_active" id="select-your-business">
    78
    8                 <div class="search_already_added_company">
    9                     <div class="wpm-modal-form-tab__title"><?php _e( "Please select your business", 'sprinque' ); ?></div>
     9                    <div class="search_already_added_company">
     10                        <div class="wpm-modal-form-tab__title"><?php _e( "Please select your business", 'sprinque' ); ?></div>
    1011
    11                     <p class="wpm-modal-form-tab__dsc">
    12                         <?php _e( 'To approve a payment term for you we need your company information to run a credit assessment', 'sprinque' ); ?>
    13                     </p>
     12                        <p class="wpm-modal-form-tab__dsc">
     13                            <?php _e( 'To approve a payment term for you we need your company information to run a credit assessment', 'sprinque' ); ?>
     14                        </p>
    1415
    15                     <div class="field-group">
    16                         <label><?php _e( "Country", 'sprinque' ); ?>*</label>
    17                         <select id="select_country_pay" data-wpm-placeholder="<?php _e( "Select a country", 'sprinque' ); ?>">
    18                             <?php
    19                             foreach($countries as $code => $country) { ?>
    20                                 <option value="<?php echo esc_attr($code); ?>" <?php if(isset($user_country) && $user_country == $code) { echo esc_attr('selected'); }?>><?php echo esc_attr($country); ?></option>
    21                             <?php }
    22                             ?>
    23                         </select>
     16                        <div class="field-group">
     17                            <label><?php _e( "Country", 'sprinque' ); ?>*</label>
     18                            <select id="select_country_pay" data-wpm-placeholder="<?php _e( "Select a country", 'sprinque' ); ?>">
     19                                <?php
     20                                foreach($countries as $code => $country) { ?>
     21                                    <option value="<?php echo esc_attr($code); ?>" <?php if(isset($user_country) && $user_country == $code) { echo esc_attr('selected'); }?>><?php echo esc_attr($country); ?></option>
     22                                <?php }
     23                                ?>
     24                            </select>
     25                        </div>
     26                        <div class="field-group">
     27                            <label id="company-name-label"><?php _e( "Company Name", 'sprinque' ); ?>*</label>
     28                            <div class="search-company-by" id="search-by">
     29                                <label>
     30                                    <input type="radio" name="search_by" value="name" data-placeholder="<?php _e( "Company Name", 'sprinque' ); ?>" checked />
     31                                    <span class="input-placeholder"></span>
     32                                    <?php _e('Company Name', 'sprinque') ?>
     33                                </label>
     34                                <label>
     35                                    <input type="radio" name="search_by" value="vat" data-placeholder="<?php _e( "Company VAT ID", 'sprinque' ) ?>" />
     36                                    <span class="input-placeholder"></span>
     37                                    <?php _e('VAT ID', 'sprinque') ?>
     38                                </label>
     39                            </div>
     40                            <input type="text" id="company_name_pay" placeholder="<?php _e( "Company Name", 'sprinque' ); ?>" value="<?php if(isset($user_company)) { echo esc_attr($user_company); } ?>">
     41                        </div>
     42                        <div class="search-company-result"></div>
     43                        <div class="error-confirm-order" style="display: none;"><?php _e( "Not all required fields are filled", 'sprinque' ); ?></div>
     44                        <div class="field-group">
     45                            <label><?php _e( "Registration number", 'sprinque' ); ?><span class="registration-number-required">*</span></label>
     46                            <input type="text" id="reg_number_pay" placeholder="<?php _e( "Registration number", 'sprinque' ); ?>">
     47                            <div class="field-warning" id="reg_number_warning">
     48                                Some text here
     49                            </div>
     50                        </div>
     51                        <div class="field-group">
     52                            <label><?php _e( "Billing or Accounts Payable email", 'sprinque' ); ?></label>
     53                            <input type="text" id="billing_or_accounts_payable_email" />
     54                        </div>
     55
     56                        <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_block" type="button" id="confirm-company-order" disabled><?php _e( "Confirm", 'sprinque' ); ?></button>
    2457                    </div>
    25                     <div class="field-group">
    26                         <label id="company-name-label"><?php _e( "Company Name", 'sprinque' ); ?>*</label>
    27                         <div class="search-company-by" id="search-by">
    28                             <label>
    29                                 <input type="radio" name="search_by" value="name" data-placeholder="<?php _e( "Company Name", 'sprinque' ); ?>" checked />
    30                                 <span class="input-placeholder"></span>
    31                                 <?php _e('Company Name', 'sprinque') ?>
    32                             </label>
    33                             <label>
    34                                 <input type="radio" name="search_by" value="vat" data-placeholder="<?php _e( "Company VAT ID", 'sprinque' ) ?>" />
    35                                 <span class="input-placeholder"></span>
    36                                 <?php _e('VAT ID', 'sprinque') ?>
    37                             </label>
     58
     59                    <div class="register_new_business" style="display: none">
     60                        <div class="wpm-modal-form-tab__title"><?php _e( "Business address", 'sprinque' ); ?></div>
     61                        <div class="field-group">
     62                            <label><?php _e( "Address", 'sprinque' ); ?>*</label>
     63                            <input type="text" id="address_company_pay" class="required-input" value="<?php if(isset($billing_address_1)) { echo esc_attr($billing_address_1); } ?>">
    3864                        </div>
    39                         <input type="text" id="company_name_pay" placeholder="<?php _e( "Company Name", 'sprinque' ); ?>" value="<?php if(isset($user_company)) { echo esc_attr($user_company); } ?>">
    40                     </div>
    41                     <div class="search-company-result"></div>
    42                     <div class="error-confirm-order" style="display: none;"><?php _e( "Not all required fields are filled", 'sprinque' ); ?></div>
    43                     <div class="field-group">
    44                         <label><?php _e( "Registration number", 'sprinque' ); ?><span class="registration-number-required">*</span></label>
    45                         <input type="text" id="reg_number_pay" placeholder="<?php _e( "Registration number", 'sprinque' ); ?>">
    46                         <div class="field-warning" id="reg_number_warning">
    47                             Some text here
     65                        <div class="field-group">
     66                            <label><?php _e( "Apartment, suite, etc (optional)", 'sprinque' ); ?></label>
     67                            <input type="text" id="apartment_company_pay" value="<?php if(isset($billing_address_2)) { echo esc_attr($billing_address_2); } ?>">
     68                        </div>
     69                        <div class="field-group">
     70                            <label><?php _e( "City", 'sprinque' ); ?>*</label>
     71                            <input type="text" id="city_company_pay" class="required-input" value="<?php if(isset($billing_city)) { echo esc_attr($billing_city); } ?>">
     72                        </div>
     73                        <div class="field-group">
     74                            <label><?php _e( "Postal code", 'sprinque' ); ?>*</label>
     75                            <input type="text" id="zip_company_pay" class="required-input" value="<?php if(isset($billing_postcode)) { echo esc_attr($billing_postcode); } ?>">
     76                        </div>
     77                        <div class="error-register-fields" style="display: none">
     78                            <?php
     79                            // Here we're showing error
     80                            if (!isset($billing_address_1, $billing_address_2, $billing_city, $billing_postcode)) {
     81                                _e( "Not all fields filled on Billing or Modal", 'sprinque' );
     82                            }
     83                            ?>
     84                        </div>
     85                        <div class="pagination-btns">
     86                            <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Previous step", 'sprinque' ); ?></button>
     87                            <button type="button" class="wpm-btn wpm-btn_primary blue_btn_pay" disabled id="register_buyer_company"><?php _e( "Confirm", 'sprinque' ); ?></button>
    4888                        </div>
    4989                    </div>
    50                     <div class="field-group">
    51                         <label><?php _e( "Billing or Accounts Payable email", 'sprinque' ); ?></label>
    52                         <input type="text" id="billing_or_accounts_payable_email" />
     90
     91                    <div class="verify_your_email" style="display: none;">
     92
     93                        <div class="wpm-modal-form-tab__title"><?php _e( "Verify your email", 'sprinque' ); ?></div>
     94                        <div class="wpm-modal-form-tab__dsc">
     95                            <?php _e( "To make sure it's really you we have sent a code to", 'sprinque' ); ?> <span id="email-otp-send"></span>
     96                        </div>
     97                        <div id="wpm-otp" class="wpm-confirm-code-wrap">
     98                            <input type="text" onkeyup="jmp(this);" id="confirm-code-1" maxlength="1" size="1">
     99                            <input type="text" onkeyup="jmp(this);" id="confirm-code-2" maxlength="1" size="1">
     100                            <input type="text" onkeyup="jmp(this);" id="confirm-code-3" maxlength="1" size="1">
     101                            <input type="text" onkeyup="jmp(this);" id="confirm-code-4" maxlength="1" size="1">
     102                            <input type="text" onkeyup="jmp(this);" id="confirm-code-5" maxlength="1" size="1">
     103
     104                        </div>
     105
     106                        <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_mb wpm-btn_block" type="button" id="confirm-email-code" disabled><?php _e( "Confirm", 'sprinque' ); ?></button>
     107
     108                        <div class="otp-error-code" style="display: none;"><?php _e( "Wrong code number", 'sprinque' ); ?></div>
     109                        <div class="wpm-modal-form-tab__dsc">
     110                            <?php _e( "If you have not received the code, please check your spam folder or", 'sprinque' ); ?> <a href="#" id="resend-code-otp" class="wpm-modal-form-tab__resend"><?php _e( "Resend Code", 'sprinque' ); ?> <span id="resend-timer-otp" class="wpm-modal-form-tab__resend-notice"><?php _e( "(in :sec seconds)", 'sprinque' ); ?></span></a>
     111                        </div>
     112                        <div class="pagination-btns">
     113                            <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Go Back", 'sprinque' ); ?></button>
     114                        </div>
     115                    </div>
     116                    <div class="verifying_your_account" style="display: none;">
     117                        <div class="wpm-modal-form-tab__title"><?php _e( "We are verifying your account", 'sprinque' ); ?></div>
     118                        <div class="wpm-loader wpm-loader_my1"></div>
     119                        <div class="cant-complete-autorization" style="display: none;">
     120                            <div class="verify-error"></div>
     121                            <div class="pagination-btns">
     122                                <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Go Back", 'sprinque' ); ?></button>
     123                                <a class="wpm-btn wpm-btn_outline-primary white_btn_pay choose_another_payment_method" data-wpm-close="#wpm-modal-form"><?php _e( "Choose another payment method", 'sprinque' ); ?></a>
     124                            </div>
     125                        </div>
    53126                    </div>
    54127
    55                     <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_block" type="button" id="confirm-company-order" disabled><?php _e( "Confirm", 'sprinque' ); ?></button>
    56                 </div>
    57 
    58                 <div class="register_new_business" style="display: none">
    59                     <div class="wpm-modal-form-tab__title"><?php _e( "Business address", 'sprinque' ); ?></div>
    60                     <div class="field-group">
    61                         <label><?php _e( "Address", 'sprinque' ); ?>*</label>
    62                         <input type="text" id="address_company_pay" class="required-input" value="<?php if(isset($billing_address_1)) { echo esc_attr($billing_address_1); } ?>">
    63                     </div>
    64                     <div class="field-group">
    65                         <label><?php _e( "Apartment, suite, etc (optional)", 'sprinque' ); ?></label>
    66                         <input type="text" id="apartment_company_pay" value="<?php if(isset($billing_address_2)) { echo esc_attr($billing_address_2); } ?>">
    67                     </div>
    68                     <div class="field-group">
    69                         <label><?php _e( "City", 'sprinque' ); ?>*</label>
    70                         <input type="text" id="city_company_pay" class="required-input" value="<?php if(isset($billing_city)) { echo esc_attr($billing_city); } ?>">
    71                     </div>
    72                     <div class="field-group">
    73                         <label><?php _e( "Postal code", 'sprinque' ); ?>*</label>
    74                         <input type="text" id="zip_company_pay" class="required-input" value="<?php if(isset($billing_postcode)) { echo esc_attr($billing_postcode); } ?>">
    75                     </div>
    76                     <div class="error-register-fields" style="display: none">
    77                         <?php
    78                         // Here we're showing error
    79                         if (!isset($billing_address_1, $billing_address_2, $billing_city, $billing_postcode)) {
    80                             _e( "Not all fields filled on Billing or Modal", 'sprinque' );
    81                         }
    82                         ?>
    83                     </div>
    84                     <div class="pagination-btns">
    85                         <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Previous step", 'sprinque' ); ?></button>
    86                         <button type="button" class="wpm-btn wpm-btn_primary blue_btn_pay" disabled id="register_buyer_company"><?php _e( "Confirm", 'sprinque' ); ?></button>
    87                     </div>
    88                 </div>
    89 
    90                 <div class="verify_your_email" style="display: none;">
    91 
    92                     <div class="wpm-modal-form-tab__title"><?php _e( "Verify your email", 'sprinque' ); ?></div>
    93                     <div class="wpm-modal-form-tab__dsc">
    94                         <?php _e( "To make sure it's really you we have sent a code to", 'sprinque' ); ?> <span id="email-otp-send"></span>
    95                     </div>
    96                     <div id="wpm-otp" class="wpm-confirm-code-wrap">
    97                       <input type="text" onkeyup="jmp(this);" id="confirm-code-1" maxlength="1" size="1">
    98                       <input type="text" onkeyup="jmp(this);" id="confirm-code-2" maxlength="1" size="1">
    99                       <input type="text" onkeyup="jmp(this);" id="confirm-code-3" maxlength="1" size="1">
    100                       <input type="text" onkeyup="jmp(this);" id="confirm-code-4" maxlength="1" size="1">
    101                       <input type="text" onkeyup="jmp(this);" id="confirm-code-5" maxlength="1" size="1">
    102                      
     128                    <div class="select_payment_term" style="display: none;">
     129                        <div class="wpm-modal-form-tab__title"><?php _e( "Congratulations!", 'sprinque' ); ?></div>
     130                        <div class="wpm-modal-form-tab__dsc"><?php _e( "You've been approved to pay with net terms. Select the payment term that best suits your company", 'sprinque' ); ?></div>
     131                        <div class="wpm-modal-form-tab__terms" id="wpm-terms">
     132                            <div class="wpm-terms-row total">
     133                                <div class="label"><?php _e("Total amount", 'sprinque'); ?></div>
     134                                <div class="value"><?= get_woocommerce_currency_symbol(); ?>00.00</div>
     135                            </div>
     136                        </div>
     137                        <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_block confirm-order-term" disabled><?php _e( "Confirm order", 'sprinque' ); ?></button>
    103138                    </div>
    104139
    105                     <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_mb wpm-btn_block" type="button" id="confirm-email-code" disabled><?php _e( "Confirm", 'sprinque' ); ?></button>
     140                    <div class="purchase_approved" style="display: none;">
     141                        <div class="wpm-modal-form-tab__title"><?php _e( "Purchase approved", 'sprinque' ); ?></div>
     142                        <div class="wpm-modal-form-tab__dsc">
     143                            <div>
     144                                <?php _e( "Your account has been created and you’ve been approved for a payment term of:", 'sprinque' ); ?>
     145                            </div>
     146                            <div class="approved-days">
     147                                <span id="days-review"></span> <?php _e( "days", 'sprinque' ); ?>
     148                            </div>
     149                        </div>
     150                        <a class="wpm-btn wpm-btn_primary wpm-btn_mt-2 wpm-btn_block approve-place-order"><?php _e( "Confirm order", 'sprinque' ); ?></a>
     151                    </div>
    106152
    107                     <div class="otp-error-code" style="display: none;"><?php _e( "Wrong code number", 'sprinque' ); ?></div>
    108                     <div class="wpm-modal-form-tab__dsc">
    109                         <?php _e( "If you have not received the code, please check your spam folder or", 'sprinque' ); ?> <a href="#" id="resend-code-otp" class="wpm-modal-form-tab__resend"><?php _e( "Resend Code", 'sprinque' ); ?> <span id="resend-timer-otp" class="wpm-modal-form-tab__resend-notice"><?php _e( "(in :sec seconds)", 'sprinque' ); ?></span></a>
     153                    <div class="purchase_under_review" style="display: none;">
     154                        <div class="wpm-modal-form-tab__title"><?php _e( "Purchase under review", 'sprinque' ); ?></div>
     155                        <div class="wpm-modal-form-tab__dsc"><?php _e( "This may take upto 24 hours for approval. Your Order is not confirmed until a decision is made. <br>We will notify you by email once the review is complete.", 'sprinque' ); ?></div>
     156                        <a class="wpm-btn wpm-btn_primary wpm-btn_mt-2 wpm-btn_mb wpm-btn_block continue-with-review"><?php _e( "Continue and wait", 'sprinque' ); ?></a>
     157                        <a class="wpm-btn wpm-btn_outline-primary wpm-btn_mt wpm-btn_block choose_another_payment_method" data-wpm-close="#wpm-modal-form"><?php _e( "Choose another payment method", 'sprinque' ); ?></a>
    110158                    </div>
    111                     <div class="pagination-btns">
    112                         <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Go Back", 'sprinque' ); ?></button>
     159
     160                    <div class="placing_your_order" style="display: none;">
     161                        <div class="wpm-modal-form-tab__title"><?php _e( "Placing your order", 'sprinque' ); ?></div>
     162                        <div class="wpm-loader wpm-loader_my1"></div>
    113163                    </div>
    114                 </div>
    115 
    116                 <div class="verifying_your_account" style="display: none;">
    117                     <div class="wpm-modal-form-tab__title"><?php _e( "We are verifying your account", 'sprinque' ); ?></div>
    118                     <div class="wpm-loader wpm-loader_my1"></div>
    119                     <div class="cant-complete-autorization" style="display: none;">
    120                         <div class="verify-error"></div>
    121                         <div class="pagination-btns">
    122                             <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Go Back", 'sprinque' ); ?></button>
    123                             <a class="wpm-btn wpm-btn_outline-primary white_btn_pay choose_another_payment_method" data-wpm-close="#wpm-modal-form"><?php _e( "Choose another payment method", 'sprinque' ); ?></a>
    124                         </div>
    125                     </div>
    126                 </div>
    127 
    128                 <div class="select_payment_term" style="display: none;">
    129                     <div class="wpm-modal-form-tab__title"><?php _e( "Congratulations!", 'sprinque' ); ?></div>
    130                     <div class="wpm-modal-form-tab__dsc"><?php _e( "You've been approved to pay with net terms. Select the payment term that best suits your company", 'sprinque' ); ?></div>
    131                     <div class="wpm-modal-form-tab__terms">
    132                         <div class="wpm-terms-row total">
    133                             <div class="label"><?php _e("Total amount", 'sprinque'); ?></div>
    134                             <div class="value"><?= get_woocommerce_currency_symbol(); ?>00.00</div>
    135                         </div>
    136                     </div>
    137                     <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_block confirm-order-term" disabled><?php _e( "Confirm order", 'sprinque' ); ?></button>
    138                 </div>
    139 
    140                 <div class="purchase_approved" style="display: none;">
    141                     <div class="wpm-modal-form-tab__title"><?php _e( "Purchase approved", 'sprinque' ); ?></div>
    142                     <div class="wpm-modal-form-tab__dsc">
    143                         <div>
    144                             <?php _e( "Your account has been created and you’ve been approved for a payment term of:", 'sprinque' ); ?>
    145                         </div>
    146                         <div class="approved-days">
    147                             <span id="days-review"></span> <?php _e( "days", 'sprinque' ); ?>
    148                         </div>
    149                     </div>
    150                     <a class="wpm-btn wpm-btn_primary wpm-btn_mt-2 wpm-btn_block approve-place-order"><?php _e( "Confirm order", 'sprinque' ); ?></a>
    151                 </div>
    152 
    153                 <div class="purchase_under_review" style="display: none;">
    154                     <div class="wpm-modal-form-tab__title"><?php _e( "Purchase under review", 'sprinque' ); ?></div>
    155                     <div class="wpm-modal-form-tab__dsc"><?php _e( "This may take upto 24 hours for approval. Your Order is not confirmed until a decision is made. <br>We will notify you by email once the review is complete.", 'sprinque' ); ?></div>
    156                     <a class="wpm-btn wpm-btn_primary wpm-btn_mt-2 wpm-btn_mb wpm-btn_block continue-with-review"><?php _e( "Continue and wait", 'sprinque' ); ?></a>
    157                     <a class="wpm-btn wpm-btn_outline-primary wpm-btn_mt wpm-btn_block choose_another_payment_method" data-wpm-close="#wpm-modal-form"><?php _e( "Choose another payment method", 'sprinque' ); ?></a>
    158                 </div>
    159 
    160                 <div class="placing_your_order" style="display: none;">
    161                     <div class="wpm-modal-form-tab__title"><?php _e( "Placing your order", 'sprinque' ); ?></div>
    162                     <div class="wpm-loader wpm-loader_my1"></div>
    163164                </div>
    164165            </div>

  • sprinque/trunk/assets/css/frontend.css

    r2945914 r2957940  
    88  }
    99}
    10 #register-company-tab {
     10#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row {
     11  display: flex;
     12  align-items: center;
     13  box-sizing: border-box;
     14  border: 1px solid #e2e4f9;
     15  border-radius: 3px;
     16  padding: 17px 7px;
     17  color: #1f2355;
     18  margin-top: 16px;
     19}
     20#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row.total {
     21  font-weight: bold;
     22  border: none;
     23  padding-bottom: 0;
     24}
     25#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row.active {
     26  border-color: #00023c;
     27}
     28#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row .label, #wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row .value {
     29  font-size: 16px;
     30}
     31#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row .value {
     32  margin-left: auto;
     33}
     34#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row input[type=radio] {
     35  display: none !important;
     36}
     37#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row input[type=radio]:checked + .input-placeholder {
     38  background-color: #00023c;
     39  border-color: #00023c;
     40  background-image: url("../img/checkmark.png");
     41  background-position: center center;
     42  background-repeat: no-repeat;
     43}
     44#wpm-terms.wpm-modal-form-tab__terms .wpm-terms-row .input-placeholder {
     45  width: 20px;
     46  height: 20px;
     47  border-radius: 20px;
     48  border: 2px solid #D9DBF2;
     49  margin-right: 9px;
     50}
     51
     52html .wpm-overflow-hidden {
     53  overflow: hidden !important;
     54}
     55
     56.modal-form,
     57.modal-form *,
     58.modal-form:before,
     59.modal-form.after {
     60  box-sizing: border-box;
     61}
     62
     63html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner {
     64  max-width: 570px;
     65}
     66
     67body #wpm-modal-form-wrapper #wpm-modal-form .modal-form__overlay {
     68  position: fixed;
     69  top: 0;
     70  left: 0;
     71  width: 100%;
     72  height: 100%;
     73  background-color: rgba(0, 0, 0, 0.5);
     74  -webkit-tap-highlight-color: transparent;
     75  opacity: 0;
     76  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     77}
     78
     79body #wpm-modal-form-wrapper #wpm-modal-form.modal-form {
     80  font-family: "Inter", sans-serif;
     81  position: fixed;
     82  z-index: -1;
     83  opacity: 0;
     84  pointer-events: none;
     85  visibility: hidden;
     86  top: 0;
     87  left: 0;
     88  width: 100%;
     89  height: 100%;
     90  -webkit-tap-highlight-color: transparent;
     91}
     92body #wpm-modal-form-wrapper #wpm-modal-form.modal-form_show {
     93  z-index: 100000;
     94  opacity: 1;
     95  pointer-events: visible;
     96  visibility: visible;
     97  font-family: "Inter", sans-serif;
     98}
     99body #wpm-modal-form-wrapper #wpm-modal-form.modal-form_show .modal-form__overlay {
     100  opacity: 0 !important;
     101}
     102body #wpm-modal-form-wrapper #wpm-modal-form.modal-form_show div, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form_show span {
     103  font-family: "Inter", sans-serif;
     104}
     105body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show.modal-form_anim .modal-form__overlay {
     106  opacity: 1 !important;
     107}
     108body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show.modal-form_anim .modal-form-inner {
     109  top: 20px;
     110  opacity: 1;
     111  box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
     112  transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
     113}
     114@media screen and (max-width: 630px) {
     115  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner .cant-complete-autorization .pagination-btns {
     116    flex-direction: column;
     117  }
     118  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner .cant-complete-autorization .pagination-btns .to_select_companies {
     119    margin-bottom: 8px;
     120  }
     121}
     122body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show {
     123  -webkit-font-smoothing: antialiased;
     124}
     125body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show * {
     126  font-family: "Inter", sans-serif;
     127  -webkit-font-smoothing: antialiased;
     128}
     129body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab {
     130  display: none;
     131}
     132body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab_active {
     133  display: block;
     134}
     135body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__title {
     136  text-align: left;
     137  font-size: 20px;
     138  font-weight: 600;
     139  line-height: 1.25;
     140  color: rgb(40, 43, 93);
     141}
     142body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__title + * {
     143  margin-top: 24px;
     144}
     145body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__dsc {
     146  font-size: 14px;
     147  font-weight: 500;
     148  line-height: 1.25;
     149  color: rgb(40, 43, 93);
     150}
     151body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__dsc a {
     152  text-decoration: none !important;
     153  color: #000339;
     154}
     155body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__note {
     156  font-size: 12px;
     157  font-weight: 500;
     158  line-height: 1.25;
     159  color: rgb(40, 43, 93);
     160}
     161body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__resend--disabled {
     162  color: rgb(217, 219, 242) !important;
     163  cursor: not-allowed;
     164}
     165body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__resend--disabled .wpm-modal-form-tab__resend-notice {
     166  display: inline;
     167}
     168body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-modal-form-tab__resend-notice {
     169  display: none;
     170}
     171body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #register-company-tab {
    11172  cursor: pointer;
    12173  color: #000339;
    13174  text-decoration: none;
    14175}
    15 
    16 .founded-companies .company-item, .founded-companies .company-item-404 {
     176body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item-404 {
    17177  cursor: pointer;
    18178  font-size: 14px;
    … …  
    25185  border-bottom: 1px solid rgba(217, 219, 242, 0.3411764706);
    26186}
    27 .founded-companies .company-item.active, .founded-companies .company-item-404.active {
     187body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item.active, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item-404.active {
    28188  padding: 16px;
    29189  cursor: default !important;
    … …  
    34194  position: relative;
    35195}
    36 .founded-companies .company-item:not(.active):not(.company-item-404):hover, .founded-companies .company-item-404:not(.active):not(.company-item-404):hover {
     196body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item:not(.active):not(.company-item-404):hover, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item-404:not(.active):not(.company-item-404):hover {
    37197  background-color: rgba(0, 0, 0, 0.04);
    38198}
    39 .founded-companies .company-item__close, .founded-companies .company-item-404__close {
     199body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item__close, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies .company-item-404__close {
    40200  position: absolute;
    41201  cursor: pointer;
    … …  
    47207  background-size: 20px 20px;
    48208}
    49 
    50 .business-name {
     209body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .business-name {
    51210  color: rgb(40, 43, 93);
    52211  margin-bottom: 3px;
    53212  font-weight: 600;
    54213}
    55 
    56 .error-confirm-order {
     214body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .error-confirm-order {
    57215  padding-top: 16px;
    58216  font-size: 14px;
    59217  color: red;
    60218}
    61 
    62 .pagination-btns {
     219body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .pagination-btns {
    63220  margin-top: 25px;
    64221  display: flex;
    65222  justify-content: space-between;
    66223}
    67 .wpm-buttons-row {
     224body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row {
    68225  display: flex;
    69226  flex-direction: row;
    … …  
    73230}
    74231@media screen and (min-width: 576px) {
    75   .wpm-buttons-row {
     232  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row {
    76233    margin-left: -10px;
    77234    margin-right: -10px;
    78235  }
    79236}
    80 .wpm-buttons-row_mt {
     237body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row_mt {
    81238  margin-top: 25px;
    82239}
    83240@media screen and (max-width: 575.98px) {
    84   .wpm-buttons-row {
     241  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row {
    85242    display: block;
    86243    margin-bottom: -10px;
    87244  }
    88   .wpm-buttons-row > * {
     245  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-buttons-row > * {
    89246    margin-bottom: 10px;
    90247  }
    91248}
    92 
    93249@media screen and (min-width: 576px) {
    94   .wpm-button-col {
     250  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-button-col {
    95251    flex-basis: 0;
    96252    min-width: 0;
    … …  
    101257  }
    102258}
    103 
    104 .wpm-modal-form-tab__terms .wpm-terms-row {
    105   display: flex;
    106   align-items: center;
     259body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap,
     260body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap *,
     261body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap:before,
     262body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap.after {
    107263  box-sizing: border-box;
    108   border: 1px solid #e2e4f9;
    109   border-radius: 3px;
    110   padding: 17px 7px;
    111   color: #1f2355;
    112   margin-top: 16px;
    113 }
    114 .wpm-modal-form-tab__terms .wpm-terms-row.total {
    115   font-weight: bold;
    116   border: none;
    117   padding-bottom: 0;
    118 }
    119 .wpm-modal-form-tab__terms .wpm-terms-row.active {
    120   border-color: #00023c;
    121 }
    122 .wpm-modal-form-tab__terms .wpm-terms-row .value {
    123   margin-left: auto;
    124 }
    125 .wpm-modal-form-tab__terms .wpm-terms-row input[type=radio] {
    126   display: none;
    127 }
    128 .wpm-modal-form-tab__terms .wpm-terms-row input[type=radio]:checked + .input-placeholder {
    129   background-color: #00023c;
    130   border-color: #00023c;
    131   background-image: url("../img/checkmark.png");
    132   background-position: center center;
    133   background-repeat: no-repeat;
    134 }
    135 .wpm-modal-form-tab__terms .wpm-terms-row .input-placeholder {
    136   width: 20px;
    137   height: 20px;
    138   border-radius: 20px;
    139   border: 2px solid #D9DBF2;
    140   margin-right: 9px;
    141 }
    142 
    143 .wpm-select-wrap,
    144 .wpm-select-wrap *,
    145 .wpm-select-wrap:before,
    146 .wpm-select-wrap.after {
    147   box-sizing: border-box;
    148 }
    149 
    150 .wpm-select-wrap {
     264}
     265body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap {
    151266  position: relative;
    152267  z-index: 100;
    153268}
    154 .wpm-select-wrap_open-dropdown .wpm-select-placeholder__clear, .wpm-select-wrap_open .wpm-select-placeholder__clear {
     269body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open-dropdown .wpm-select-placeholder__clear, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__clear {
    155270  opacity: 0 !important;
    156271  visibility: hidden !important;
    157272}
    158 .wpm-select-wrap_open-dropdown .wpm-select-placeholder__arrow svg path, .wpm-select-wrap_open .wpm-select-placeholder__arrow svg path {
     273body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open-dropdown .wpm-select-placeholder__arrow svg path, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__arrow svg path {
    159274  fill: rgb(40, 43, 93);
    160275}
    161 .wpm-select-wrap_open-dropdown {
     276body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open-dropdown {
    162277  z-index: 101;
    163278}
    164 .wpm-select-wrap_open-dropdown .wpm-select-dropdown-container {
     279body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open-dropdown .wpm-select-dropdown-container {
    165280  visibility: visible;
    166281  z-index: 10;
    167282  opacity: 1;
    168283}
    169 .wpm-select-wrap_open {
     284body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open {
    170285  z-index: 101;
    171286}
    172 .wpm-select-wrap_open .wpm-select-placeholder__search {
     287body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__search {
    173288  opacity: 1;
    174289}
    175 .wpm-select-wrap_open .wpm-select-placeholder__single,
    176 .wpm-select-wrap_open .wpm-select-placeholder__rendered {
     290body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__single,
     291body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-placeholder__rendered {
    177292  opacity: 0;
    178293  z-index: -1;
    179294}
    180 .wpm-select-wrap_open .wpm-select-dropdown-container {
     295body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-wrap_open .wpm-select-dropdown-container {
    181296  visibility: visible;
    182297  z-index: 10;
    183298  opacity: 1;
    184299}
    185 
    186 .wpm-select-dropdown-container {
     300body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown-container {
    187301  position: absolute;
    188302  top: 100%;
    … …  
    199313  border-radius: 8px;
    200314}
    201 
    202 .wpm-select-dropdown {
     315body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown {
    203316  max-height: 150px !important;
    204317  overflow-y: auto;
    205318  padding: 8px;
    206319}
    207 .wpm-select-dropdown__empty {
     320body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown__empty {
    208321  text-align: center;
    209322  font-size: 14px;
    210323  padding: 8px 12px;
    211324}
    212 .wpm-select-dropdown__option {
     325body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown__option {
    213326  border-radius: 8px;
    214327  margin: 4px 0px;
    … …  
    221334  padding: 8px 12px;
    222335}
    223 .wpm-select-dropdown__option_highlighted {
     336body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-dropdown__option_highlighted {
    224337  background: #eaf3fa !important;
    225338}
    226 
    227 .wpm-select-placeholder {
     339body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder {
    228340  overflow: hidden;
    229341  position: relative;
    … …  
    235347  font-size: 14px;
    236348}
    237 .wpm-select-placeholder__search {
     349body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search {
    238350  opacity: 0;
    239351  border: 0 !important;
    … …  
    253365  width: 100%;
    254366}
    255 .wpm-select-placeholder__search::-webkit-input-placeholder {
     367body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search::-webkit-input-placeholder {
    256368  color: rgba(40, 43, 93, 0.4);
    257369}
    258 .wpm-select-placeholder__search:-moz-placeholder {
     370body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search:-moz-placeholder {
    259371  color: rgba(40, 43, 93, 0.4);
    260372}
    261 .wpm-select-placeholder__search::-moz-placeholder {
     373body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search::-moz-placeholder {
    262374  color: rgba(40, 43, 93, 0.4);
    263375}
    264 .wpm-select-placeholder__search:-ms-input-placeholder {
     376body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search:-ms-input-placeholder {
    265377  color: rgba(40, 43, 93, 0.4);
    266378}
    267 .wpm-select-placeholder__search:focus {
     379body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__search:focus {
    268380  outline: none !important;
    269381}
    270 .wpm-select-placeholder__rendered, .wpm-select-placeholder__single {
     382body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__rendered, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__single {
    271383  position: absolute;
    272384  top: 0;
    … …  
    277389  line-height: 38px;
    278390}
    279 .wpm-select-placeholder__rendered {
     391body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__rendered {
    280392  color: rgba(40, 43, 93, 0.4) !important;
    281393}
    282 .wpm-select-placeholder__single {
    283   color: rgb(40, 43, 93);
    284 }
    285 .wpm-select-placeholder__single_active + .wpm-select-placeholder__rendered {
     394body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__single {
     395  color: rgb(40, 43, 93);
     396}
     397body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__single_active + .wpm-select-placeholder__rendered {
    286398  opacity: 0;
    287399  z-index: -1;
    288400}
    289 .wpm-select-placeholder__single_active ~ .wpm-select-placeholder__buttons .wpm-select-placeholder__clear {
     401body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__single_active ~ .wpm-select-placeholder__buttons .wpm-select-placeholder__clear {
    290402  opacity: 1 !important;
    291403  visibility: visible;
    292404}
    293 .wpm-select-placeholder__buttons {
     405body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__buttons {
    294406  position: absolute;
    295407  right: 0;
    … …  
    303415  justify-content: flex-end;
    304416}
    305 .wpm-select-placeholder__clear {
     417body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__clear {
    306418  opacity: 0;
    307419  visibility: hidden;
    308420}
    309 .wpm-select-placeholder__arrow, .wpm-select-placeholder__clear {
     421body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__arrow, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__clear {
    310422  cursor: pointer;
    311423  transition: opacity 0.2s ease;
    … …  
    318430  justify-content: center;
    319431}
    320 .wpm-select-placeholder__arrow:hover svg path, .wpm-select-placeholder__clear:hover svg path {
     432body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__arrow:hover svg path, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__clear:hover svg path {
    321433  fill: rgb(40, 43, 93);
    322434}
    323 .wpm-select-placeholder__arrow svg path, .wpm-select-placeholder__clear svg path {
     435body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__arrow svg path, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-select-placeholder__clear svg path {
    324436  fill: rgba(40, 43, 93, 0.4);
    325437  transition: fill 0.15s ease;
    326438}
    327 
    328 html .wpm-overflow-hidden {
    329   overflow: hidden !important;
    330 }
    331 
    332 .modal-form,
    333 .modal-form *,
    334 .modal-form:before,
    335 .modal-form.after {
    336   box-sizing: border-box;
    337 }
    338 
    339 .modal-form {
    340   font-family: "Inter", sans-serif;
    341   position: fixed;
    342   z-index: -1;
    343   opacity: 0;
    344   pointer-events: none;
    345   visibility: hidden;
    346   top: 0;
    347   left: 0;
    348   width: 100%;
    349   height: 100%;
    350   -webkit-tap-highlight-color: transparent;
    351 }
    352 .modal-form_show {
    353   z-index: 100000;
    354   opacity: 1;
    355   pointer-events: visible;
    356   visibility: visible;
    357 }
    358 .modal-form_show .modal-form__overlay {
    359   opacity: 0 !important;
    360 }
    361 .modal-form.modal-form_show.modal-form_anim .modal-form__overlay {
    362   opacity: 1 !important;
    363 }
    364 .modal-form.modal-form_show.modal-form_anim .modal-form-inner {
    365   top: 20px;
    366   opacity: 1;
    367   box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    368   transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
    369 }
    370 .modal-form__overlay {
    371   position: fixed;
    372   top: 0;
    373   left: 0;
    374   width: 100%;
    375   height: 100%;
    376   background-color: rgba(0, 0, 0, 0.5);
    377   -webkit-tap-highlight-color: transparent;
    378   opacity: 0;
    379   transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    380 }
    381 
    382 .modal-form-inner {
     439body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner {
    383440  overflow-x: hidden;
    384441  border: 0 !important;
    … …  
    400457  transform: translate(calc(-50% - 32px), 0);
    401458}
    402 .modal-form-inner:focus {
     459body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner:focus {
    403460  outline: none !important;
    404461}
    405462@media screen and (max-width: 575.98px) {
    406   .modal-form-inner {
     463  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner {
    407464    padding: 16px;
    408465  }
    409466}
    410 .modal-form-inner__close {
     467body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner__close {
    411468  outline: none !important;
    412469  cursor: pointer;
    … …  
    421478}
    422479@media screen and (max-width: 575.98px) {
    423   .modal-form-inner__close {
     480  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .modal-form-inner__close {
    424481    top: 7px;
    425482    right: 7px;
    426483  }
    427484}
    428 
    429 html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner {
    430   max-width: 570px;
    431 }
    432 
    433 @media screen and (max-width: 630px) {
    434   html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner .cant-complete-autorization .pagination-btns {
    435     flex-direction: column;
    436   }
    437   html[lang=de-DE] #wpm-modal-form.modal-middle .modal-form-inner .cant-complete-autorization .pagination-btns .to_select_companies {
    438     margin-bottom: 8px;
    439   }
    440 }
    441 .wpm-modal-form-tab {
    442   display: none;
    443 }
    444 .wpm-modal-form-tab_active {
    445   display: block;
    446 }
    447 .wpm-modal-form-tab__title {
    448   text-align: left;
    449   font-size: 20px;
    450   font-weight: 600;
    451   line-height: 1.25;
    452   color: rgb(40, 43, 93);
    453 }
    454 .wpm-modal-form-tab__title + * {
    455   margin-top: 24px;
    456 }
    457 .wpm-modal-form-tab__dsc {
    458   font-size: 14px;
    459   font-weight: 500;
    460   line-height: 1.25;
    461   color: rgb(40, 43, 93);
    462 }
    463 .wpm-modal-form-tab__dsc a {
    464   text-decoration: none !important;
    465   color: #000339;
    466 }
    467 .wpm-modal-form-tab__note {
    468   font-size: 12px;
    469   font-weight: 500;
    470   line-height: 1.25;
    471   color: rgb(40, 43, 93);
    472 }
    473 .wpm-modal-form-tab__resend--disabled {
    474   color: rgb(217, 219, 242) !important;
    475   cursor: not-allowed;
    476 }
    477 .wpm-modal-form-tab__resend--disabled .wpm-modal-form-tab__resend-notice {
    478   display: inline;
    479 }
    480 .wpm-modal-form-tab__resend-notice {
    481   display: none;
    482 }
    483 
    484 .search_already_added_company .field-group {
     485body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group + .field-group {
    485486  margin-top: 32px;
    486487}
    487 
    488 .field-group + .field-group {
    489   margin-top: 32px;
    490 }
    491 .field-group label {
     488body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group label {
    492489  display: block;
    493490  font-weight: 600;
    … …  
    497494  margin-bottom: 8px;
    498495}
    499 .field-group input:not([type=submit]) {
     496body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit]) {
    500497  box-shadow: none !important;
    501498  background: rgb(255, 255, 255);
    … …  
    512509  display: block;
    513510  width: 100%;
    514 }
    515 .field-group input:not([type=submit])::-webkit-input-placeholder {
     511  min-height: unset;
     512}
     513body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit])::-webkit-input-placeholder {
    516514  color: rgba(40, 43, 93, 0.4);
    517515}
    518 .field-group input:not([type=submit]):-moz-placeholder {
     516body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit]):-moz-placeholder {
    519517  color: rgba(40, 43, 93, 0.4);
    520518}
    521 .field-group input:not([type=submit])::-moz-placeholder {
     519body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit])::-moz-placeholder {
    522520  color: rgba(40, 43, 93, 0.4);
    523521}
    524 .field-group input:not([type=submit]):-ms-input-placeholder {
     522body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit]):-ms-input-placeholder {
    525523  color: rgba(40, 43, 93, 0.4);
    526524}
    527 .field-group input:not([type=submit]):focus {
     525body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group input:not([type=submit]):focus {
    528526  outline: none !important;
    529527}
    530 .field-group .field-warning {
     528body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .field-group .field-warning {
    531529  margin-top: 8px;
    532530  box-sizing: border-box;
    … …  
    536534  font-size: 14px;
    537535}
    538 
    539 #wpm-modal-form .wpm-btn {
     536body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search_already_added_company .field-group {
     537  margin-top: 32px;
     538}
     539body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn {
    540540  outline: none !important;
    541541  display: inline-flex;
    … …  
    566566}
    567567@media screen and (max-width: 575.98px) {
    568   #wpm-modal-form .wpm-btn {
     568  body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn {
    569569    min-width: 54px;
    570570    padding-left: 8px;
    … …  
    572572  }
    573573}
    574 #wpm-modal-form .wpm-btn_primary {
     574body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_primary {
    575575  background: #000339 !important;
    576576  color: rgb(255, 255, 255) !important;
    577577}
    578 #wpm-modal-form .wpm-btn_primary:hover {
     578body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_primary:hover {
    579579  background: #000339 !important;
    580580  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px !important;
    581581  border-color: transparent !important;
    582582}
    583 #wpm-modal-form .wpm-btn_outline-primary {
     583body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_outline-primary {
    584584  font-weight: 600 !important;
    585585  background: transparent !important;
    … …  
    587587  border-color: #000339 !important;
    588588}
    589 #wpm-modal-form .wpm-btn_outline-primary:hover {
     589body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_outline-primary:hover {
    590590  background: #000339 !important;
    591591  color: #fff !important;
    592592}
    593 #wpm-modal-form .wpm-btn:disabled {
     593body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn:disabled {
    594594  color: #ffffff !important;
    595595  box-shadow: none !important;
    … …  
    598598  cursor: default !important;
    599599}
    600 #wpm-modal-form .wpm-btn_block {
     600body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_block {
    601601  display: flex;
    602602  width: 100%;
    603603}
    604 #wpm-modal-form .wpm-btn_mt {
     604body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_mt {
    605605  margin-top: 32px;
    606606}
    607 #wpm-modal-form .wpm-btn_mt-01 {
     607body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_mt-01 {
    608608  margin-top: 16px;
    609609}
    610 #wpm-modal-form .wpm-btn_mt-2 {
     610body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_mt-2 {
    611611  margin-top: 50px;
    612612}
    613 #wpm-modal-form .wpm-btn_mb {
     613body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-btn_mb {
    614614  margin-bottom: 32px;
    615615}
    616 
    617 .dc-border-item {
    618   display: none;
    619   padding: 16px;
    620   background: white;
    621   border: 1px solid #343aeb;
    622   box-shadow: rgba(217, 219, 242, 0.5) 0px 4px 8px;
    623   border-radius: 8px;
    624   margin: 32px 0px 12px;
    625   position: relative;
    626   font-size: 14px;
    627   font-family: Roboto, Helvetica, Arial, sans-serif;
    628   font-weight: 400;
    629   line-height: 1.5;
    630   color: rgba(0, 0, 0, 0.6);
    631 }
    632 .dc-border-item_active {
    633   display: block;
    634 }
    635 
    636 .search-company-by {
     616body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by {
    637617  display: flex;
    638618  align-items: center;
    639619}
    640 .search-company-by label {
     620body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by label {
    641621  font-weight: normal;
    642622  display: flex;
    … …  
    644624  color: #6266A7;
    645625}
    646 .search-company-by label:not(:last-child) {
     626body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by label:not(:last-child) {
    647627  margin-right: 10px;
    648628}
    649 .search-company-by input[type=radio] {
     629body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio] {
    650630  display: none;
    651631}
    652 .search-company-by input[type=radio] + .input-placeholder {
     632body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio] + .input-placeholder {
    653633  position: relative;
    654634  display: inline-block;
    … …  
    661641  border: 1px solid #B5B9E2;
    662642}
    663 .search-company-by input[type=radio] + .input-placeholder:after {
     643body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio] + .input-placeholder:after {
    664644  content: "";
    665645  position: absolute;
    … …  
    675655  transform: rotate(45deg);
    676656}
    677 .search-company-by input[type=radio]:checked + .input-placeholder {
     657body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio]:checked + .input-placeholder {
    678658  background-color: #00033C;
    679659  border-color: #00033C;
    680660}
    681 .search-company-by input[type=radio]:checked + .input-placeholder:after {
     661body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-by input[type=radio]:checked + .input-placeholder:after {
    682662  display: block;
    683663}
    684 
    685 .search-company-result {
     664body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .dc-border-item {
     665  display: none;
     666  padding: 16px;
     667  background: white;
     668  border: 1px solid #343aeb;
     669  box-shadow: rgba(217, 219, 242, 0.5) 0px 4px 8px;
     670  border-radius: 8px;
     671  margin: 32px 0px 12px;
     672  position: relative;
     673  font-size: 14px;
     674  font-family: Roboto, Helvetica, Arial, sans-serif;
     675  font-weight: 400;
     676  line-height: 1.5;
     677  color: rgba(0, 0, 0, 0.6);
     678}
     679body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .dc-border-item_active {
     680  display: block;
     681}
     682body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-result {
    686683  margin-bottom: 0;
    687684  margin-top: 8px;
    688685  overflow: hidden;
    689686}
    690 .search-company-result_loaded:not(.search-company-result_selected) {
     687body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-result_loaded:not(.search-company-result_selected) {
    691688  border-radius: 8px;
    692689  background: #fff;
    … …  
    694691  box-shadow: none !important;
    695692}
    696 .search-company-result_loaded:not(.search-company-result_selected) .founded-companies, .search-company-result_loaded:not(.search-company-result_selected) .company-not-found {
     693body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-result_loaded:not(.search-company-result_selected) .founded-companies, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .search-company-result_loaded:not(.search-company-result_selected) .company-not-found {
    697694  border-radius: 8px;
    698695  background: #fff;
    … …  
    702699  overflow-y: scroll;
    703700}
    704 
    705 .founded-companies {
     701body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .founded-companies {
    706702  border-radius: 8px;
    707703  background: #fff;
    … …  
    711707  overflow-y: scroll;
    712708}
    713 
    714 .company-not-found {
     709body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .company-not-found {
    715710  color: #282b5d;
    716711  padding: 16px 16px;
    717712  font-size: 16px;
    718713}
    719 
    720 .wpm-preloader {
     714body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-preloader {
    721715  display: flex;
    722716  flex-direction: row;
    … …  
    729723  font-size: 16px;
    730724}
    731 .wpm-preloader:before {
     725body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .wpm-preloader:before {
    732726  content: "";
    733727  display: inline-block;
    … …  
    744738  height: 15px;
    745739  position: relative;
     740}
     741body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .error-register-fields {
     742  color: red;
     743  margin-top: 8px;
     744}
     745body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .register-company-tab, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .error-confirm-order a {
     746  color: blue;
     747  cursor: pointer;
     748  text-decoration: underline;
     749}
     750body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .register-company-tab:hover {
     751  text-decoration: none;
     752}
     753body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .cant-complete-autorization {
     754  margin-top: 25px;
     755}
     756body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .cant-complete-autorization .verify-error, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .cant-complete-autorization .verify-error-explanation {
     757  color: red;
     758  text-align: center;
     759}
     760body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .verify-local-error {
     761  color: red;
     762}
     763body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #cancel-order-sprinque {
     764  margin-bottom: 30px;
     765}
     766body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #email-otp-send {
     767  color: blue;
     768}
     769body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #register-company-tab, body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show #register-company-tab-2 {
     770  padding: 0 5px;
     771}
     772body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .purchase_approved .wpm-modal-form-tab__dsc {
     773  text-align: center;
     774}
     775body #wpm-modal-form-wrapper #wpm-modal-form.modal-form.modal-form_show .purchase_approved .approved-days {
     776  font-size: 20px;
     777  font-weight: 600;
     778  margin-top: 10px;
    746779}
    747780
    … …  
    773806  font-weight: 500 !important;
    774807  text-align: center !important;
     808  border-radius: 0;
     809}
     810#wpm-otp input#confirm-code-1, #wpm-otp input#confirm-code-2, #wpm-otp input#confirm-code-3, #wpm-otp input#confirm-code-4, #wpm-otp input#confirm-code-5 {
     811  border-radius: 0;
    775812}
    776813

  • sprinque/trunk/assets/css/frontend.css.map

    r2903962 r2957940  
    1 {"version":3,"sourceRoot":"","sources":["frontend.scss"],"names":[],"mappings":"AA6GQ;AA7GR;EAAsB;IAAK;;EAAoB;IAAG;;;AAIlD;EACE;EACA,OAJc;EAKd;;;AAGF;EAKE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EAEA;EACA;EACA;EACA;EAEA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;;;AAEF;EACE;;AAEF;EAbF;IAcI;IACA;;EACA;IACE;;;;AAKJ;EADF;IAEI;IACA;IACA;IACA;IACA;IACA;;;;AAgBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAON;AAAA;AAAA;AAAA;EAIE;;;AAIF;EACE;EACA;;AAGE;EACE;EACA;;AAIE;EACE;;AAKR;EACE;;AACA;EACE;EACA;EACA;;AAGJ;EACE;;AACA;EACE;;AAEF;AAAA;EAEE;EACA;;AAEF;EACE;EACA;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA7KF;EA+KI;;AA9KJ;EA8KI;;AA7KJ;EA6KI;;AA5KJ;EA4KI;;AAEF;EACE;;AAGJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEE;EACE;EACA;;AAGA;EACE;EACA;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EACE;;AAKJ;EACE;EACA;;;AASN;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE,aA9QM;EA+QN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;;AACA;EACE;;AAMF;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;;AAxBA;EACE;;AAwBF;EA1BF;IA2BI;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAXF;IAYI;IACA;;;;AAMJ;EACE;;;AAIJ;EAGM;IACE;;EAEA;IACE;;;AAUV;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA,OAxgBU;;AA2gBd;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;;AAKN;EACE;;;AAIA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AA/cF;EAidI;;AAhdJ;EAgdI;;AA/cJ;EA+cI;;AA9cJ;EA8cI;;AAEF;EACE;;;AA+HJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OA1tBY;EA4tBZ;EACA;;AACA;EA5BF;IA6BI;IACA;IACA;;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAEA;EACE;;AAGJ;EACE;;AAEF;EACE;;;AAQN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;;AAIA;EACE;;;AAMR;EACE;EACA;EACA;;AAOE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAaJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OA58BY;EA68BZ;EACA;;;AAQJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;;AAGF;EACE;EACA;EACA","file":"frontend.css"}
     1{"version":3,"sourceRoot":"","sources":["frontend.scss"],"names":[],"mappings":"AAGQ;AAHR;EAAsB;IAAK;;EAAoB;IAAG;;;AAchD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAQJ;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAQA;EACE;;;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKN;EAGE,aA5GM;EA6GN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA,aA/HI;;AAgIJ;EACE;;AAGF;EACE,aArIE;;AA2IJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAIJ;EAGM;IACE;;EAEA;IACE;;;AAOV;EAEE;;AAEA;EACE,aAzKE;EA0KF;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA,OAtMM;;AAyMV;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;AAKN;EACE;EACA,OA/NU;EAgOV;;AAGF;EAKE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EAEA;EACA;EACA;EACA;EAEA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;;;AAEF;EACE;;AAEF;EAbF;IAcI;IACA;;EACA;IACE;;;AAKJ;EADF;IAEI;IACA;IACA;IACA;IACA;IACA;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;AAIF;EACE;EACA;;AAGE;EACE;EACA;;AAIE;EACE;;AAKR;EACE;;AACA;EACE;EACA;EACA;;AAGJ;EACE;;AACA;EACE;;AAEF;AAAA;EAEE;EACA;;AAEF;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAtbN;EAwbQ;;AAvbR;EAubQ;;AAtbR;EAsbQ;;AArbR;EAqbQ;;AAEF;EACE;;AAGJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEE;EACE;EACA;;AAGA;EACE;EACA;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EACE;;AAKJ;EACE;EACA;;AAMR;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;;AAxBA;EACE;;AAwBF;EA1BF;IA2BI;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAXF;IAYI;IACA;;;AAMJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAhlBN;EAklBQ;;AAjlBR;EAilBQ;;AAhlBR;EAglBQ;;AA/kBR;EA+kBQ;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AA4HF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OA7vBU;EA+vBV;EACA;;AACA;EA5BF;IA6BI;IACA;IACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAOE;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;;AAGF;EACE;EACA;EACA;;;AAcR;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OA9iCY;EA+iCZ;EACA;EACA;;AAEA;EAKE;;;AASN;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAGF;EACE;EACA;EACA","file":"frontend.css"}

  • sprinque/trunk/assets/css/frontend.scss

    r2945914 r2957940  
    22//$primary_color: rgb(52, 58, 235);
    33$primary_color: #000339;
    4 
    5 #register-company-tab {
    6   cursor: pointer;
    7   color: $primary_color;
    8   text-decoration: none;
    9 
    10 }
    11 .founded-companies .company-item, .founded-companies .company-item-404 {
    12   // border: 2px solid #ddd;
    13   // padding: 10px 20px;
    14   // margin: 10px 0;
    15   // border-radius: 5px;
    16   cursor: pointer;
    17 
    18   font-size: 14px;
    19   font-family: Roboto, Helvetica, Arial, sans-serif;
    20   font-weight: 400;
    21   line-height: 1.5;
    22   padding: 6px 16px;
    23   color: rgba(0, 0, 0, 0.6);
    24   position: relative;
    25   border-bottom: 1px solid #d9dbf257;
    26 
    27   &.active {
    28     // border: 2px solid #75009a;
    29     padding: 16px;
    30     cursor: default !important;
    31     // min-height: 108px;
    32     background: rgb(255, 255, 255);
    33     border: 1px solid $primary_color;
    34     box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
    35     border-radius: 8px;
    36     //margin: 32px 0px 12px;
    37     position: relative;
    38   }
    39   &:not(.active):not(.company-item-404):hover {
    40     background-color: rgba(0, 0, 0, 0.04);
    41   }
    42   &__close {
    43     position: absolute;
    44     cursor: pointer;
    45     right: 16px;
    46     top: 16px;
    47     width: 20px;
    48     height: 20px;
    49     background: url("../img/close-circle-grey.svg") center center no-repeat;
    50     background-size: 20px 20px;
    51   }
    52 }
    53 .business-name {
    54   color: rgb(40, 43, 93);
    55   margin-bottom: 3px;
    56   font-weight: 600;
    57 }
    58 
    59 
    60 .error-confirm-order {
    61   padding-top: 16px;
    62   font-size: 14px;
    63   color: red;
    64 }
    65 
    66 
    67 
    68 .pagination-btns {
    69   margin-top: 25px;
    70   display: flex;
    71   justify-content: space-between;
    72   .wpm-btn {
    73     //width: 150px !important;
    74     //max-width: 48% !important;
    75   }
    76 }
    77 .wpm-buttons-row {
    78   display: flex;
    79   flex-direction: row;
    80   flex-wrap: wrap;
    81   align-items: stretch;
    82   justify-content: space-between;
    83   @media screen and (min-width: 576px) {
    84     margin-left: -10px;
    85     margin-right: -10px;
    86   }
    87   &_mt {
    88     margin-top: 25px;
    89   }
    90   @media screen and (max-width: 575.98px) {
    91     display: block;
    92     margin-bottom: -10px;
    93     & > * {
    94       margin-bottom: 10px;
    95     }
    96   }
    97 }
    98 .wpm-button-col {
    99   @media screen and (min-width: 576px) {
    100     flex-basis: 0;
    101     min-width: 0;
    102     flex-grow: 1;
    103     max-width: 100%;
    104     padding-left: 10px;
    105     padding-right: 10px;
    106   }
    107 }
    108 
    109 
    1104@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
    1115
    … …  
    11812}
    11913
    120 .wpm-modal-form-tab__terms {
     14#wpm-terms.wpm-modal-form-tab__terms {
    12115  .wpm-terms-row {
    12216    display: flex;
    … …  
    13933    }
    14034
     35    .label, .value {
     36      font-size: 16px;
     37    }
     38
    14139    .value {
    14240      margin-left: auto;
    … …  
    14442
    14543    input[type="radio"] {
    146       display: none;
     44      display: none !important;
    14745
    14846      &:checked + .input-placeholder {
    … …  
    16563}
    16664
    167 // select start
    168 
    169 .wpm-select-wrap,
    170 .wpm-select-wrap *,
    171 .wpm-select-wrap:before,
    172 .wpm-select-wrap.after {
    173   box-sizing: border-box;
    174 }
    175 
    176 
    177 .wpm-select-wrap {
    178   position: relative;
    179   z-index: 100;
    180   &_open-dropdown,
    181   &_open {
    182     .wpm-select-placeholder__clear {
    183       opacity: 0 !important;
    184       visibility: hidden !important;
    185     }
    186     .wpm-select-placeholder__arrow {
    187       svg {
    188         path {
    189           fill: rgb(40, 43, 93);
    190         }
    191       }
    192     }
    193   }
    194   &_open-dropdown {
    195     z-index: 101;
    196     .wpm-select-dropdown-container {
    197       visibility: visible;
    198       z-index: 10;
    199       opacity: 1;
    200     }
    201   }
    202   &_open {
    203     z-index: 101;
    204     .wpm-select-placeholder__search {
    205       opacity: 1;
    206     }
    207     .wpm-select-placeholder__single,
    208     .wpm-select-placeholder__rendered {
    209       opacity: 0;
    210       z-index: -1;
    211     }
    212     .wpm-select-dropdown-container {
    213       visibility: visible;
    214       z-index: 10;
    215       opacity: 1;
    216     }
    217   }
    218 }
    219 .wpm-select-dropdown-container {
    220   position: absolute;
    221   top: 100%;
    222   left: 0;
    223   width: 100%;
    224   overflow: hidden;
    225   opacity: 0;
    226   z-index: -1;
    227   visibility: hidden;
    228 
    229   margin-top: 8px;
    230   background: #fff;
    231   border: 1px solid rgb(217, 219, 242);
    232   box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
    233   border-radius: 8px;
    234 }
    235 .wpm-select-dropdown {
    236   max-height: 150px !important;
    237   overflow-y: auto;
    238   padding: 8px;
    239   &__empty {
    240     text-align: center;
    241     font-size: 14px;
    242     padding: 8px 12px;
    243   }
    244   &__option {
    245     border-radius: 8px;
    246     margin: 4px 0px;
    247     font-size: 14px;
    248     font-weight: 400;
    249     line-height: 22px;
    250     color: rgb(40, 43, 93);
    251     cursor: default;
    252     background: #fff;
    253     padding: 8px 12px;
    254     &_highlighted {
    255       background: #eaf3fa !important;
    256     }
    257   }
    258 }
    259 
    260 .wpm-select-placeholder {
    261   overflow: hidden;
    262   position: relative;
    263   height: 40px;
    264   background-color: #fff;
    265   border: 1px solid rgb(217, 219, 242);
    266   border-radius: 8px;
    267   font-family: Roboto, Helvetica, Arial, sans-serif;
    268   font-size: 14px;
    269 
    270   &__search {
    271     opacity: 0;
    272     border: 0 !important;
    273 
    274     background: rgb(255, 255, 255);
    275     height: 100%;
    276     position: relative;
    277     font-size: 14px;
    278     padding: 9px 12px;
    279     font-weight: 400;
    280     color: rgb(40, 43, 93);
    281     border: 1px solid rgb(217, 219, 242);
    282     border-radius: 8px;
    283     overflow: hidden;
    284     font-family: Roboto, Helvetica, Arial, sans-serif;
    285     -webkit-tap-highlight-color: transparent;
    286     display: block;
    287     width: 100%;
    288     @include placeholder {
    289       color: rgba(40, 43, 93, .4);
    290     }
    291     &:focus {
    292       outline: none !important;
    293     }
    294   }
    295   &__rendered,
    296   &__single {
    297     position: absolute;
    298     top: 0;
    299     left: 0;
    300     width: 100%;
    301     height: 100%;
    302     padding-left: 12px;
    303     line-height: 38px;
    304   }
    305   &__rendered {
    306     color: rgba(40, 43, 93, .4) !important;
    307   }
    308   &__single {
    309     color: rgb(40, 43, 93);
    310     &_active {
    311       & + .wpm-select-placeholder__rendered {
    312         opacity: 0;
    313         z-index: -1;
    314       }
    315       & ~ .wpm-select-placeholder__buttons {
    316         .wpm-select-placeholder__clear {
    317           opacity: 1 !important;
    318           visibility: visible;
    319         }
    320       }
    321     }
    322   }
    323   &__buttons {
    324     position: absolute;
    325     right: 0;
    326     top: 0;
    327     height: 100%;
    328     z-index: 10;
    329     display: flex;
    330     flex-direction: row;
    331     flex-wrap: nowrap;
    332     align-items: stretch;
    333     justify-content: flex-end;
    334   }
    335   &__clear {
    336     opacity: 0;
    337     visibility: hidden;
    338   }
    339   &__arrow,
    340   &__clear {
    341     cursor: pointer;
    342     transition: opacity .2s ease;
    343     width: 36px;
    344     height: 100%;
    345     display: flex;
    346     flex-direction: row;
    347     flex-wrap: nowrap;
    348     align-items: center;
    349     justify-content: center;
    350     &:hover {
    351       svg {
    352         path {
    353           fill: rgba(40, 43, 93, 1);
    354         }
    355       }
    356     }
    357     svg {
    358       path {
    359         fill: rgba(40, 43, 93, .4);
    360         transition: fill .15s ease;
    361       }
    362     }
    363   }
    364 }
    365 
    36665
    36766// select end
    … …  
    38079
    38180.modal-form {
     81}
     82
     83
     84html[lang="de-DE"] #wpm-modal-form.modal-middle {
     85  .modal-form-inner {
     86    max-width: 570px;
     87  }
     88}
     89
     90
     91.wpm-modal-form-tabs {
     92
     93}
     94
     95body #wpm-modal-form-wrapper #wpm-modal-form {
     96  .modal-form {
     97    &__overlay {
     98      position: fixed;
     99      top: 0;
     100      left: 0;
     101      width: 100%;
     102      height: 100%;
     103      background-color: rgba(0, 0, 0, 0.5);
     104      -webkit-tap-highlight-color: transparent;
     105      opacity: 0;
     106      transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     107    }
     108  }
     109}
     110
     111body #wpm-modal-form-wrapper #wpm-modal-form.modal-form {
     112
     113
    382114  font-family: $font1;
    383115  position: fixed;
    … …  
    399131    pointer-events: visible;
    400132    visibility: visible;
     133    font-family: $font1;
    401134    .modal-form__overlay {
    402135      opacity: 0 !important;
     136    }
     137
     138    div, span {
     139      font-family: $font1;
    403140    }
    404141  }
    … …  
    416153    }
    417154  }
    418   &__overlay {
    419     position: fixed;
    420     top: 0;
    421     left: 0;
    422     width: 100%;
    423     height: 100%;
    424     background-color: rgba(0, 0, 0, 0.5);
    425     -webkit-tap-highlight-color: transparent;
    426     opacity: 0;
    427     transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     155
     156  @media screen and (max-width: 630px) {
     157    html[lang="de-DE"] #wpm-modal-form.modal-middle {
     158      .modal-form-inner {
     159        .cant-complete-autorization .pagination-btns {
     160          flex-direction: column;
     161
     162          .to_select_companies {
     163            margin-bottom: 8px;
     164          }
     165        }
     166      }
     167    }
    428168  }
    429 }
    430 
    431 .modal-form-inner {
    432   &:focus {
    433     outline: none !important;
    434   }
    435   overflow-x: hidden;
    436   border: 0 !important;
    437   position: absolute;
    438   z-index: 5;
    439   background-color: rgb(255, 255, 255);
    440   color: rgba(0, 0, 0, 0.87);
    441   border-radius: 4px;
    442 
    443   border: 1px solid rgb(217, 219, 242) !important;
    444 
    445   margin: 32px;
    446   max-height: calc(100% - 64px);
    447   width: calc(100% - 64px);
    448   max-width: 480px;
    449   padding: 32px;
    450 
    451   opacity: 0;
    452 
    453   overflow-y: auto;
    454   top: 30%;
    455   left: 50%;
    456   transform: translate(calc(-50% - 32px), 0);
    457   @media screen and (max-width: 575.98px) {
    458     padding: 16px;
    459   }
    460   &__close {
    461     outline: none !important;
    462     cursor: pointer;
    463     position: absolute;
    464     top: 15px;
    465     right: 15px;
    466     z-index: 5;
    467     width: 28px;
    468     height: 28px;
    469     background: url("../img/close.svg") center center no-repeat;
    470     background-size: 14px 14px;
    471     @media screen and (max-width: 575.98px) {
    472       top: 7px;
    473       right: 7px;
    474     }
    475   }
    476 }
    477 
    478 html[lang="de-DE"] #wpm-modal-form.modal-middle {
    479   .modal-form-inner {
    480     max-width: 570px;
    481   }
    482 }
    483 
    484 @media screen and (max-width: 630px) {
    485   html[lang="de-DE"] #wpm-modal-form.modal-middle {
     169
     170  &.modal-form_show {
     171
     172    -webkit-font-smoothing: antialiased;
     173
     174    * {
     175      font-family: $font1;
     176      -webkit-font-smoothing: antialiased;
     177    }
     178
     179    .wpm-modal-form-tab {
     180      display: none;
     181      &_active {
     182        display: block;
     183      }
     184      &__title {
     185        text-align: left;
     186        font-size: 20px;
     187        font-weight: 600;
     188        line-height: 1.25;
     189        color: rgb(40, 43, 93);
     190        & + * {
     191          margin-top: 24px;
     192        }
     193      }
     194      &__dsc {
     195        font-size: 14px;
     196        font-weight: 500;
     197        line-height: 1.25;
     198        color: rgb(40, 43, 93);
     199        a {
     200          text-decoration: none !important;
     201          color: $primary_color;
     202        }
     203      }
     204      &__note {
     205        font-size: 12px;
     206        font-weight: 500;
     207        line-height: 1.25;
     208        color: rgb(40, 43, 93);
     209      }
     210      &__resend {
     211        &--disabled {
     212          color: rgb(217, 219, 242) !important;
     213          cursor: not-allowed;
     214          .wpm-modal-form-tab__resend-notice {
     215            display: inline;
     216          }
     217        }
     218        &-notice {
     219          display: none;
     220        }
     221      }
     222    }
     223
     224    #register-company-tab {
     225      cursor: pointer;
     226      color: $primary_color;
     227      text-decoration: none;
     228
     229    }
     230    .founded-companies .company-item, .founded-companies .company-item-404 {
     231      // border: 2px solid #ddd;
     232      // padding: 10px 20px;
     233      // margin: 10px 0;
     234      // border-radius: 5px;
     235      cursor: pointer;
     236
     237      font-size: 14px;
     238      font-family: Roboto, Helvetica, Arial, sans-serif;
     239      font-weight: 400;
     240      line-height: 1.5;
     241      padding: 6px 16px;
     242      color: rgba(0, 0, 0, 0.6);
     243      position: relative;
     244      border-bottom: 1px solid #d9dbf257;
     245
     246      &.active {
     247        // border: 2px solid #75009a;
     248        padding: 16px;
     249        cursor: default !important;
     250        // min-height: 108px;
     251        background: rgb(255, 255, 255);
     252        border: 1px solid $primary_color;
     253        box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
     254        border-radius: 8px;
     255        //margin: 32px 0px 12px;
     256        position: relative;
     257      }
     258      &:not(.active):not(.company-item-404):hover {
     259        background-color: rgba(0, 0, 0, 0.04);
     260      }
     261      &__close {
     262        position: absolute;
     263        cursor: pointer;
     264        right: 16px;
     265        top: 16px;
     266        width: 20px;
     267        height: 20px;
     268        background: url("../img/close-circle-grey.svg") center center no-repeat;
     269        background-size: 20px 20px;
     270      }
     271    }
     272    .business-name {
     273      color: rgb(40, 43, 93);
     274      margin-bottom: 3px;
     275      font-weight: 600;
     276    }
     277
     278
     279    .error-confirm-order {
     280      padding-top: 16px;
     281      font-size: 14px;
     282      color: red;
     283    }
     284
     285
     286
     287    .pagination-btns {
     288      margin-top: 25px;
     289      display: flex;
     290      justify-content: space-between;
     291      .wpm-btn {
     292        //width: 150px !important;
     293        //max-width: 48% !important;
     294      }
     295    }
     296    .wpm-buttons-row {
     297      display: flex;
     298      flex-direction: row;
     299      flex-wrap: wrap;
     300      align-items: stretch;
     301      justify-content: space-between;
     302      @media screen and (min-width: 576px) {
     303        margin-left: -10px;
     304        margin-right: -10px;
     305      }
     306      &_mt {
     307        margin-top: 25px;
     308      }
     309      @media screen and (max-width: 575.98px) {
     310        display: block;
     311        margin-bottom: -10px;
     312        & > * {
     313          margin-bottom: 10px;
     314        }
     315      }
     316    }
     317    .wpm-button-col {
     318      @media screen and (min-width: 576px) {
     319        flex-basis: 0;
     320        min-width: 0;
     321        flex-grow: 1;
     322        max-width: 100%;
     323        padding-left: 10px;
     324        padding-right: 10px;
     325      }
     326    }
     327
     328    .wpm-select-wrap,
     329    .wpm-select-wrap *,
     330    .wpm-select-wrap:before,
     331    .wpm-select-wrap.after {
     332      box-sizing: border-box;
     333    }
     334
     335
     336    .wpm-select-wrap {
     337      position: relative;
     338      z-index: 100;
     339      &_open-dropdown,
     340      &_open {
     341        .wpm-select-placeholder__clear {
     342          opacity: 0 !important;
     343          visibility: hidden !important;
     344        }
     345        .wpm-select-placeholder__arrow {
     346          svg {
     347            path {
     348              fill: rgb(40, 43, 93);
     349            }
     350          }
     351        }
     352      }
     353      &_open-dropdown {
     354        z-index: 101;
     355        .wpm-select-dropdown-container {
     356          visibility: visible;
     357          z-index: 10;
     358          opacity: 1;
     359        }
     360      }
     361      &_open {
     362        z-index: 101;
     363        .wpm-select-placeholder__search {
     364          opacity: 1;
     365        }
     366        .wpm-select-placeholder__single,
     367        .wpm-select-placeholder__rendered {
     368          opacity: 0;
     369          z-index: -1;
     370        }
     371        .wpm-select-dropdown-container {
     372          visibility: visible;
     373          z-index: 10;
     374          opacity: 1;
     375        }
     376      }
     377    }
     378    .wpm-select-dropdown-container {
     379      position: absolute;
     380      top: 100%;
     381      left: 0;
     382      width: 100%;
     383      overflow: hidden;
     384      opacity: 0;
     385      z-index: -1;
     386      visibility: hidden;
     387
     388      margin-top: 8px;
     389      background: #fff;
     390      border: 1px solid rgb(217, 219, 242);
     391      box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
     392      border-radius: 8px;
     393    }
     394    .wpm-select-dropdown {
     395      max-height: 150px !important;
     396      overflow-y: auto;
     397      padding: 8px;
     398      &__empty {
     399        text-align: center;
     400        font-size: 14px;
     401        padding: 8px 12px;
     402      }
     403      &__option {
     404        border-radius: 8px;
     405        margin: 4px 0px;
     406        font-size: 14px;
     407        font-weight: 400;
     408        line-height: 22px;
     409        color: rgb(40, 43, 93);
     410        cursor: default;
     411        background: #fff;
     412        padding: 8px 12px;
     413        &_highlighted {
     414          background: #eaf3fa !important;
     415        }
     416      }
     417    }
     418
     419    .wpm-select-placeholder {
     420      overflow: hidden;
     421      position: relative;
     422      height: 40px;
     423      background-color: #fff;
     424      border: 1px solid rgb(217, 219, 242);
     425      border-radius: 8px;
     426      font-family: Roboto, Helvetica, Arial, sans-serif;
     427      font-size: 14px;
     428
     429      &__search {
     430        opacity: 0;
     431        border: 0 !important;
     432
     433        background: rgb(255, 255, 255);
     434        height: 100%;
     435        position: relative;
     436        font-size: 14px;
     437        padding: 9px 12px;
     438        font-weight: 400;
     439        color: rgb(40, 43, 93);
     440        border: 1px solid rgb(217, 219, 242);
     441        border-radius: 8px;
     442        overflow: hidden;
     443        font-family: Roboto, Helvetica, Arial, sans-serif;
     444        -webkit-tap-highlight-color: transparent;
     445        display: block;
     446        width: 100%;
     447        @include placeholder {
     448          color: rgba(40, 43, 93, .4);
     449        }
     450        &:focus {
     451          outline: none !important;
     452        }
     453      }
     454      &__rendered,
     455      &__single {
     456        position: absolute;
     457        top: 0;
     458        left: 0;
     459        width: 100%;
     460        height: 100%;
     461        padding-left: 12px;
     462        line-height: 38px;
     463      }
     464      &__rendered {
     465        color: rgba(40, 43, 93, .4) !important;
     466      }
     467      &__single {
     468        color: rgb(40, 43, 93);
     469        &_active {
     470          & + .wpm-select-placeholder__rendered {
     471            opacity: 0;
     472            z-index: -1;
     473          }
     474          & ~ .wpm-select-placeholder__buttons {
     475            .wpm-select-placeholder__clear {
     476              opacity: 1 !important;
     477              visibility: visible;
     478            }
     479          }
     480        }
     481      }
     482      &__buttons {
     483        position: absolute;
     484        right: 0;
     485        top: 0;
     486        height: 100%;
     487        z-index: 10;
     488        display: flex;
     489        flex-direction: row;
     490        flex-wrap: nowrap;
     491        align-items: stretch;
     492        justify-content: flex-end;
     493      }
     494      &__clear {
     495        opacity: 0;
     496        visibility: hidden;
     497      }
     498      &__arrow,
     499      &__clear {
     500        cursor: pointer;
     501        transition: opacity .2s ease;
     502        width: 36px;
     503        height: 100%;
     504        display: flex;
     505        flex-direction: row;
     506        flex-wrap: nowrap;
     507        align-items: center;
     508        justify-content: center;
     509        &:hover {
     510          svg {
     511            path {
     512              fill: rgba(40, 43, 93, 1);
     513            }
     514          }
     515        }
     516        svg {
     517          path {
     518            fill: rgba(40, 43, 93, .4);
     519            transition: fill .15s ease;
     520          }
     521        }
     522      }
     523    }
     524
    486525    .modal-form-inner {
    487       .cant-complete-autorization .pagination-btns {
    488         flex-direction: column;
    489 
    490         .to_select_companies {
    491           margin-bottom: 8px;
    492         }
    493       }
    494     }
    495   }
    496 }
    497 
    498 .wpm-modal-form-tabs {
    499 
    500 }
    501 .wpm-modal-form-tab {
    502   display: none;
    503   &_active {
    504     display: block;
    505   }
    506   &__title {
    507     text-align: left;
    508     font-size: 20px;
    509     font-weight: 600;
    510     line-height: 1.25;
    511     color: rgb(40, 43, 93);
    512     & + * {
    513       margin-top: 24px;
    514     }
    515   }
    516   &__dsc {
    517     font-size: 14px;
    518     font-weight: 500;
    519     line-height: 1.25;
    520     color: rgb(40, 43, 93);
    521     a {
    522       text-decoration: none !important;
     526      &:focus {
     527        outline: none !important;
     528      }
     529      overflow-x: hidden;
     530      border: 0 !important;
     531      position: absolute;
     532      z-index: 5;
     533      background-color: rgb(255, 255, 255);
     534      color: rgba(0, 0, 0, 0.87);
     535      border-radius: 4px;
     536
     537      border: 1px solid rgb(217, 219, 242) !important;
     538
     539      margin: 32px;
     540      max-height: calc(100% - 64px);
     541      width: calc(100% - 64px);
     542      max-width: 480px;
     543      padding: 32px;
     544
     545      opacity: 0;
     546
     547      overflow-y: auto;
     548      top: 30%;
     549      left: 50%;
     550      transform: translate(calc(-50% - 32px), 0);
     551      @media screen and (max-width: 575.98px) {
     552        padding: 16px;
     553      }
     554      &__close {
     555        outline: none !important;
     556        cursor: pointer;
     557        position: absolute;
     558        top: 15px;
     559        right: 15px;
     560        z-index: 5;
     561        width: 28px;
     562        height: 28px;
     563        background: url("../img/close.svg") center center no-repeat;
     564        background-size: 14px 14px;
     565        @media screen and (max-width: 575.98px) {
     566          top: 7px;
     567          right: 7px;
     568        }
     569      }
     570    }
     571
     572    .field-group {
     573      & + .field-group {
     574        margin-top: 32px;
     575      }
     576      label {
     577        display: block;
     578        font-weight: 600;
     579        font-size: 14px;
     580        line-height: 22px;
     581        color: rgb(40, 43, 93);
     582        margin-bottom: 8px;
     583      }
     584      input:not([type="submit"]) {
     585        box-shadow: none !important;
     586        background: rgb(255, 255, 255);
     587        height: 40px;
     588        position: relative;
     589        font-size: 14px;
     590        padding: 9px 12px;
     591        font-weight: 400;
     592        color: rgb(40, 43, 93);
     593        border: 1px solid rgb(217, 219, 242);
     594        border-radius: 8px;
     595        // font-family: $font1;
     596        font-family: Roboto, Helvetica, Arial, sans-serif;
     597        -webkit-tap-highlight-color: transparent;
     598        display: block;
     599        width: 100%;
     600        min-height: unset;
     601        @include placeholder {
     602          color: rgba(40, 43, 93, .4);
     603        }
     604        &:focus {
     605          outline: none !important;
     606        }
     607      }
     608
     609      .field-warning {
     610        margin-top: 8px;
     611        box-sizing: border-box;
     612        color: rgb(40, 43, 93);
     613        border-radius: 8px;
     614        display: none;
     615        font-size: 14px;
     616      }
     617    }
     618
     619    .search_already_added_company .field-group {
     620      margin-top: 32px;
     621    }
     622
     623    // select2
     624
     625
     626    // .select2-container {
     627    //   display: block !important;
     628    //   width: 100% !important;
     629
     630    //   .select2-selection--single {
     631    //     outline: none !important;
     632    //     background-color: #fff !important;
     633    //     border: 1px solid rgb(217, 219, 242) !important;
     634    //     border-radius: 8px !important;
     635    //     height: 40px !important;
     636    //     font-family: Roboto, Helvetica, Arial, sans-serif !important;
     637    //     font-size: 14px !important;
     638
     639    //     .select2-selection__rendered {
     640    //       padding-left: 12px !important;
     641    //       padding-right: 0 !important;
     642    //       line-height: 40px !important;
     643    //       color: rgb(40, 43, 93) !important;
     644    //     }
     645    //     .select2-selection__placeholder {
     646    //       color: rgba(40, 43, 93, .4) !important;
     647    //     }
     648    //     .select2-selection__clear {
     649    //       font-size: 0 !important;
     650    //       height: 38px !important;
     651    //       padding: 0 !important;
     652    //       width: 36px !important;
     653    //       background: url("../img/clear.svg") center center no-repeat !important;
     654    //       opacity: .4 !important;
     655    //       margin: 0 36px 0 0!important;
     656
     657    //       span {
     658    //         display: none !important;
     659    //       }
     660    //     }
     661    //     .select2-selection__arrow {
     662    //       height: 38px !important;
     663    //       width: 36px !important;
     664    //       b {
     665    //         border: 0 !important;
     666    //         height: 100% !important;
     667    //         width: 100% !important;
     668    //         left: 0 !important;
     669    //         top: 0 !important;
     670    //         position: absolute !important;
     671    //         margin: 0 !important;
     672    //         background: url("../img/arrow-down.svg") center center no-repeat !important;
     673    //         opacity: .4 !important;
     674    //       }
     675    //     }
     676    //   }
     677    //   &.select2-container--open {
     678    //     .select2-selection__clear,
     679    //     .select2-selection__arrow b {
     680    //       opacity: 1 !important;
     681    //       transition: opacity .1s ease !important;
     682    //     }
     683    //   }
     684    //   .select2-search {
     685    //     padding: 0 !important;
     686    //     height: 40px !important;
     687    //     width: calc(100% - 72px) !important;
     688    //     margin-top: -40px !important;
     689    //     padding: 9px 0 9px 12px !important;
     690    //     .select2-search__field {
     691    //       display: block;
     692    //       box-shadow: none !important;
     693    //       height: 100% !important;
     694    //       padding: 0 !important;
     695    //       outline: none !important;
     696    //       border: 0 !important;
     697    //       font-size: 14px !important;
     698    //       color: #282b5d !important;
     699    //       font-family: Roboto, Helvetica, Arial, sans-serif !important;
     700    //       background: #fff !important;
     701    //     }
     702    //   }
     703    //   .select2-results {
     704    //     margin-top: 8px !important;
     705    //     overflow: hidden !important;
     706    //     background: #fff !important;
     707    //     border: 1px solid rgb(217, 219, 242) !important;
     708    //     box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px !important;
     709    //     border-radius: 8px !important;
     710    //   }
     711    //   .select2-results__options {
     712    //     padding: 8px !important;
     713    //     max-height: 150px !important;
     714    //   }
     715    //   .select2-results__option {
     716    //     border-radius: 8px !important;
     717    //     outline: none !important;
     718    //     margin: 4px 0px !important;
     719    //     font-size: 14px !important;
     720    //     font-weight: 400 !important;
     721    //     line-height: 22px !important;
     722    //     color: rgb(40, 43, 93) !important;
     723    //     cursor: default !important;
     724    //     background: #fff !important;
     725    //     padding: 8px 12px !important;
     726    //   }
     727    //   .select2-results__option.select2-results__message {
     728    //     text-align: center !important;
     729    //     color: rgb(153, 153, 153) !important;
     730    //     font-size: 16px !important;
     731    //   }
     732    //   .select2-results__option--highlighted {
     733    //     background: rgb(234, 243, 250) !important;
     734    //   }
     735    //   .select2-dropdown {
     736    //     border: 0 !important;
     737    //     background: transparent !important;
     738    //   }
     739    // }
     740    * + .wpm-btn {
     741      // margin-top: 32px;
     742    }
     743
     744    .wpm-btn {
     745      outline: none !important;
     746      display: inline-flex;
     747      align-items: center;
     748      justify-content: center;
     749      position: relative;
     750      -webkit-tap-highlight-color: transparent;
     751      outline: 0px;
     752      margin: 0px;
     753      cursor: pointer;
     754      user-select: none;
     755      vertical-align: middle;
     756      appearance: none;
     757      text-decoration: none;
     758      font-weight: 600 !important;
     759      font-size: 16px;
     760      letter-spacing: 0.02857em;
     761      min-width: 64px;
     762      transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     763      padding: 12px 16px;
     764      width: auto;
     765      height: 48px;
     766      border: 2px solid transparent !important;
     767      box-shadow: none;
    523768      color: $primary_color;
    524     }
    525   }
    526   &__note {
    527     font-size: 12px;
    528     font-weight: 500;
    529     line-height: 1.25;
    530     color: rgb(40, 43, 93);
    531   }
    532   &__resend {
    533     &--disabled {
    534       color: rgb(217, 219, 242) !important;
    535       cursor: not-allowed;
    536       .wpm-modal-form-tab__resend-notice {
    537         display: inline;
    538       }
    539     }
    540     &-notice {
     769
     770      border-radius: 4px;
     771      text-transform: none;
     772      @media screen and (max-width: 575.98px) {
     773        min-width: 54px;
     774        padding-left: 8px;
     775        padding-right: 8px;
     776      }
     777
     778      &_primary {
     779        background: $primary_color !important;
     780        color: rgb(255, 255, 255) !important;
     781
     782        &:hover {
     783          background: $primary_color !important;
     784          box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px !important;
     785          border-color: transparent !important;
     786        }
     787      }
     788
     789      &_outline-primary {
     790        font-weight: 600 !important;
     791        background: transparent !important;
     792        color: $primary_color !important;
     793        border-color: $primary_color !important;
     794
     795        &:hover {
     796          background: $primary_color !important;
     797          color: #fff !important;
     798        }
     799      }
     800
     801      &:disabled {
     802        color: #ffffff !important;
     803        box-shadow: none !important;
     804        background-color: #D9DBF2 !important;
     805        pointer-events: none !important;
     806        cursor: default !important;
     807      }
     808
     809      &_block {
     810        display: flex;
     811        width: 100%;
     812      }
     813
     814      &_mt {
     815        margin-top: 32px;
     816
     817        &-01 {
     818          margin-top: 16px;
     819        }
     820      }
     821
     822      &_mt-2 {
     823        margin-top: 50px;
     824      }
     825
     826      &_mb {
     827        margin-bottom: 32px;
     828      }
     829    }
     830
     831    .search-company-by {
     832      display: flex;
     833      align-items: center;
     834
     835      label {
     836        font-weight: normal;
     837        display: flex;
     838        align-items: center;
     839        color: #6266A7;
     840
     841        &:not(:last-child) {
     842          margin-right: 10px;
     843        }
     844      }
     845
     846      input[type="radio"] {
     847        display: none;
     848
     849        & + .input-placeholder {
     850          position: relative;
     851          display: inline-block;
     852          width: 18px;
     853          height: 18px;
     854          border-radius: 3px;
     855          margin-right: 6px;
     856          background-color: transparent;
     857          box-sizing: border-box;
     858          border: 1px solid #B5B9E2;
     859
     860          &:after {
     861            content: "";
     862            position: absolute;
     863            display: none;
     864            top: 2px;
     865            left: 4px;
     866            width: 8px;
     867            height: 9px;
     868            border: solid white;
     869            border-width: 0 2px 2px 0;
     870            -webkit-transform: rotate(45deg);
     871            -ms-transform: rotate(45deg);
     872            transform: rotate(45deg);
     873          }
     874        }
     875
     876        &:checked + .input-placeholder {
     877          background-color: #00033C;
     878          border-color: #00033C;
     879          //background-image: url("../img/checkmark.png");
     880          //background-repeat: no-repeat;
     881          //background-position: center center;
     882          &:after {
     883            display: block;
     884          }
     885        }
     886      }
     887    }
     888
     889
     890    .dc-border-item {
    541891      display: none;
    542     }
    543   }
    544 }
    545 
    546 .search_already_added_company .field-group {
    547   margin-top: 32px;
    548 }
    549 
    550 .field-group {
    551   & + .field-group {
    552     margin-top: 32px;
    553   }
    554   label {
    555     display: block;
    556     font-weight: 600;
    557     font-size: 14px;
    558     line-height: 22px;
    559     color: rgb(40, 43, 93);
    560     margin-bottom: 8px;
    561   }
    562   input:not([type="submit"]) {
    563     box-shadow: none !important;
    564     background: rgb(255, 255, 255);
    565     height: 40px;
    566     position: relative;
    567     font-size: 14px;
    568     padding: 9px 12px;
    569     font-weight: 400;
    570     color: rgb(40, 43, 93);
    571     border: 1px solid rgb(217, 219, 242);
    572     border-radius: 8px;
    573     // font-family: $font1;
    574     font-family: Roboto, Helvetica, Arial, sans-serif;
    575     -webkit-tap-highlight-color: transparent;
    576     display: block;
    577     width: 100%;
    578     @include placeholder {
    579       color: rgba(40, 43, 93, .4);
    580     }
    581     &:focus {
    582       outline: none !important;
    583     }
    584   }
    585 
    586   .field-warning {
    587     margin-top: 8px;
    588     box-sizing: border-box;
    589     color: rgb(40, 43, 93);
    590     border-radius: 8px;
    591     display: none;
    592     font-size: 14px;
    593   }
    594 }
    595 
    596 // select2
    597 #wpm-modal-form {
    598 
    599 
    600   // .select2-container {
    601   //   display: block !important;
    602   //   width: 100% !important;
    603 
    604   //   .select2-selection--single {
    605   //     outline: none !important;
    606   //     background-color: #fff !important;
    607   //     border: 1px solid rgb(217, 219, 242) !important;
    608   //     border-radius: 8px !important;
    609   //     height: 40px !important;
    610   //     font-family: Roboto, Helvetica, Arial, sans-serif !important;
    611   //     font-size: 14px !important;
    612 
    613   //     .select2-selection__rendered {
    614   //       padding-left: 12px !important;
    615   //       padding-right: 0 !important;
    616   //       line-height: 40px !important;
    617   //       color: rgb(40, 43, 93) !important;
    618   //     }
    619   //     .select2-selection__placeholder {
    620   //       color: rgba(40, 43, 93, .4) !important;
    621   //     }
    622   //     .select2-selection__clear {
    623   //       font-size: 0 !important;
    624   //       height: 38px !important;
    625   //       padding: 0 !important;
    626   //       width: 36px !important;
    627   //       background: url("../img/clear.svg") center center no-repeat !important;
    628   //       opacity: .4 !important;
    629   //       margin: 0 36px 0 0!important;
    630 
    631   //       span {
    632   //         display: none !important;
    633   //       }
    634   //     }
    635   //     .select2-selection__arrow {
    636   //       height: 38px !important;
    637   //       width: 36px !important;
    638   //       b {
    639   //         border: 0 !important;
    640   //         height: 100% !important;
    641   //         width: 100% !important;
    642   //         left: 0 !important;
    643   //         top: 0 !important;
    644   //         position: absolute !important;
    645   //         margin: 0 !important;
    646   //         background: url("../img/arrow-down.svg") center center no-repeat !important;
    647   //         opacity: .4 !important;
    648   //       }
    649   //     }
    650   //   }
    651   //   &.select2-container--open {
    652   //     .select2-selection__clear,
    653   //     .select2-selection__arrow b {
    654   //       opacity: 1 !important;
    655   //       transition: opacity .1s ease !important;
    656   //     }
    657   //   }
    658   //   .select2-search {
    659   //     padding: 0 !important;
    660   //     height: 40px !important;
    661   //     width: calc(100% - 72px) !important;
    662   //     margin-top: -40px !important;
    663   //     padding: 9px 0 9px 12px !important;
    664   //     .select2-search__field {
    665   //       display: block;
    666   //       box-shadow: none !important;
    667   //       height: 100% !important;
    668   //       padding: 0 !important;
    669   //       outline: none !important;
    670   //       border: 0 !important;
    671   //       font-size: 14px !important;
    672   //       color: #282b5d !important;
    673   //       font-family: Roboto, Helvetica, Arial, sans-serif !important;
    674   //       background: #fff !important;
    675   //     }
    676   //   }
    677   //   .select2-results {
    678   //     margin-top: 8px !important;
    679   //     overflow: hidden !important;
    680   //     background: #fff !important;
    681   //     border: 1px solid rgb(217, 219, 242) !important;
    682   //     box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px !important;
    683   //     border-radius: 8px !important;
    684   //   }
    685   //   .select2-results__options {
    686   //     padding: 8px !important;
    687   //     max-height: 150px !important;
    688   //   }
    689   //   .select2-results__option {
    690   //     border-radius: 8px !important;
    691   //     outline: none !important;
    692   //     margin: 4px 0px !important;
    693   //     font-size: 14px !important;
    694   //     font-weight: 400 !important;
    695   //     line-height: 22px !important;
    696   //     color: rgb(40, 43, 93) !important;
    697   //     cursor: default !important;
    698   //     background: #fff !important;
    699   //     padding: 8px 12px !important;
    700   //   }
    701   //   .select2-results__option.select2-results__message {
    702   //     text-align: center !important;
    703   //     color: rgb(153, 153, 153) !important;
    704   //     font-size: 16px !important;
    705   //   }
    706   //   .select2-results__option--highlighted {
    707   //     background: rgb(234, 243, 250) !important;
    708   //   }
    709   //   .select2-dropdown {
    710   //     border: 0 !important;
    711   //     background: transparent !important;
    712   //   }
    713   // }
    714   * + .wpm-btn {
    715     // margin-top: 32px;
    716   }
    717 
    718   .wpm-btn {
    719     outline: none !important;
    720     display: inline-flex;
    721     align-items: center;
    722     justify-content: center;
    723     position: relative;
    724     -webkit-tap-highlight-color: transparent;
    725     outline: 0px;
    726     margin: 0px;
    727     cursor: pointer;
    728     user-select: none;
    729     vertical-align: middle;
    730     appearance: none;
    731     text-decoration: none;
    732     font-weight: 600 !important;
    733     font-size: 16px;
    734     letter-spacing: 0.02857em;
    735     min-width: 64px;
    736     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    737     padding: 12px 16px;
    738     width: auto;
    739     height: 48px;
    740     border: 2px solid transparent !important;
    741     box-shadow: none;
    742     color: $primary_color;
    743 
    744     border-radius: 4px;
    745     text-transform: none;
    746     @media screen and (max-width: 575.98px) {
    747       min-width: 54px;
    748       padding-left: 8px;
    749       padding-right: 8px;
    750     }
    751     &_primary {
    752       background: $primary_color !important;
    753       color: rgb(255, 255, 255) !important;
    754       &:hover {
    755         background: $primary_color !important;
    756         box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px !important;
    757         border-color: transparent !important;
    758       }
    759     }
    760     &_outline-primary {
    761       font-weight: 600 !important;
    762       background: transparent !important;
    763       color: $primary_color !important;
    764       border-color: $primary_color !important;
    765       &:hover {
    766         background: $primary_color !important;
    767         color: #fff !important;
    768       }
    769     }
    770     &:disabled {
    771       color: #ffffff !important;
    772       box-shadow: none !important;
    773       background-color: #D9DBF2 !important;
    774       pointer-events: none !important;
    775       cursor: default !important;
    776     }
    777     &_block {
    778       display: flex;
    779       width: 100%;
    780     }
    781     &_mt {
    782       margin-top: 32px;
    783 
    784       &-01 {
    785         margin-top: 16px;
    786       }
    787     }
    788     &_mt-2 {
    789       margin-top: 50px;
    790     }
    791     &_mb {
    792       margin-bottom: 32px;
    793     }
    794   }
    795 
    796 }
    797 
    798 
    799 
    800 .dc-border-item {
    801   display: none;
    802   padding: 16px;
    803   background: white;
    804   border: 1px solid #343aeb;
    805   box-shadow: rgba(217, 219, 242, 0.5) 0px 4px 8px;
    806   border-radius: 8px;
    807   margin: 32px 0px 12px;
    808   position: relative;
    809   font-size: 14px;
    810   font-family: Roboto, Helvetica, Arial, sans-serif;
    811   font-weight: 400;
    812   line-height: 1.5;
    813   color: rgba(0, 0, 0, 0.6);
    814 
    815   &_active {
    816     display: block;
    817   }
    818 }
    819 
    820 
    821 .search-company-by {
    822   display: flex;
    823   align-items: center;
    824 
    825   label {
    826     font-weight: normal;
    827     display: flex;
    828     align-items: center;
    829     color: #6266A7;
    830 
    831     &:not(:last-child) {
    832       margin-right: 10px;
    833     }
    834   }
    835 
    836   input[type="radio"] {
    837     display: none;
    838 
    839     & + .input-placeholder {
     892      padding: 16px;
     893      background: white;
     894      border: 1px solid #343aeb;
     895      box-shadow: rgba(217, 219, 242, 0.5) 0px 4px 8px;
     896      border-radius: 8px;
     897      margin: 32px 0px 12px;
    840898      position: relative;
    841       display: inline-block;
    842       width:  18px;
    843       height: 18px;
    844       border-radius: 3px;
    845       margin-right: 6px;
    846       background-color: transparent;
    847       box-sizing: border-box;
    848       border: 1px solid #B5B9E2;
    849 
    850       &:after {
    851         content: "";
    852         position: absolute;
    853         display: none;
    854         top: 2px;
    855         left: 4px;
    856         width: 8px;
    857         height: 9px;
    858         border: solid white;
    859         border-width: 0 2px 2px 0;
    860         -webkit-transform: rotate(45deg);
    861         -ms-transform: rotate(45deg);
    862         transform: rotate(45deg);
    863       }
    864     }
    865     &:checked + .input-placeholder {
    866       background-color: #00033C;
    867       border-color: #00033C;
    868       //background-image: url("../img/checkmark.png");
    869       //background-repeat: no-repeat;
    870       //background-position: center center;
    871       &:after {
     899      font-size: 14px;
     900      font-family: Roboto, Helvetica, Arial, sans-serif;
     901      font-weight: 400;
     902      line-height: 1.5;
     903      color: rgba(0, 0, 0, 0.6);
     904
     905      &_active {
    872906        display: block;
    873907      }
    874908    }
    875   }
    876 }
    877 
    878 .search-company-result {
    879   margin-bottom: 0;
    880   margin-top: 8px;
    881   overflow: hidden;
    882 
    883   &_selected {
    884 
    885   }
    886 
    887   &_loaded {
    888     &:not(.search-company-result_selected) {
     909
     910
     911    .search-company-result {
     912      margin-bottom: 0;
     913      margin-top: 8px;
     914      overflow: hidden;
     915
     916      &_selected {
     917
     918      }
     919
     920      &_loaded {
     921        &:not(.search-company-result_selected) {
     922          border-radius: 8px;
     923          background: #fff;
     924          border: none !important;
     925          box-shadow: none !important;
     926
     927          .founded-companies, .company-not-found {
     928            border-radius: 8px;
     929            background: #fff;
     930            border: 1px solid #d9dbf2;
     931            box-shadow: rgba(217, 219, 242, 0.5) 0 4px 8px;
     932            max-height: 215px;
     933            overflow-y: scroll;
     934          }
     935        }
     936      }
     937    }
     938
     939    .founded-companies {
    889940      border-radius: 8px;
    890941      background: #fff;
    891       border: none !important;
    892       box-shadow: none !important;
    893 
    894       .founded-companies, .company-not-found {
    895         border-radius: 8px;
    896         background: #fff;
    897         border: 1px solid #d9dbf2;
    898         box-shadow: rgba(217, 219, 242, 0.5) 0 4px 8px;
    899         max-height: 215px;
    900         overflow-y: scroll;
    901       }
    902     }
     942      border: 1px solid rgb(217, 219, 242);
     943      box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
     944      max-height: 220px;
     945      overflow-y: scroll;
     946    }
     947
     948
     949    .company-not-found {
     950      color: #282b5d;
     951      padding: 16px 16px;
     952      font-size: 16px;
     953    }
     954
     955
     956    // preloader
     957    .wpm-preloader {
     958      display: flex;
     959      flex-direction: row;
     960      flex-wrap: nowrap;
     961      align-items: center;
     962      justify-content: center;
     963
     964      color: rgb(153, 153, 153);
     965      padding: 16px 20px;
     966      text-align: center;
     967      font-size: 16px;
     968
     969      &:before {
     970        content: '';
     971        display: inline-block;
     972        vertical-align: middle;
     973        animation: spinAround .5s infinite linear;
     974        border: 3px solid $primary_color;
     975        margin-right: 8px;
     976        border-radius: 290486px;
     977        border-right-color: transparent;
     978        border-top-color: transparent;
     979        content: "";
     980        display: block;
     981        width: 15px;
     982        height: 15px;
     983        position: relative;
     984      }
     985    }
     986
     987
     988
     989    .error-register-fields {
     990      color: red;
     991      margin-top: 8px;
     992    }
     993
     994    .register-company-tab, .error-confirm-order a {
     995      color: blue;
     996      cursor: pointer;
     997      text-decoration: underline;
     998    }
     999
     1000    .register-company-tab:hover {
     1001      text-decoration: none;
     1002    }
     1003
     1004    .cant-complete-autorization {
     1005      margin-top: 25px;
     1006    }
     1007
     1008    .cant-complete-autorization .verify-error, .cant-complete-autorization .verify-error-explanation {
     1009      color: red;
     1010      text-align: center;
     1011    }
     1012
     1013    .verify-local-error {
     1014      color: red;
     1015    }
     1016
     1017    #cancel-order-sprinque {
     1018      margin-bottom: 30px;
     1019    }
     1020
     1021    #email-otp-send {
     1022      color: blue;
     1023    }
     1024
     1025    #register-company-tab, #register-company-tab-2 {
     1026      padding: 0 5px;
     1027    }
     1028
     1029    .purchase_approved {
     1030      .wpm-modal-form-tab__dsc {
     1031        text-align: center;
     1032      }
     1033
     1034      .approved-days {
     1035        font-size: 20px;
     1036        font-weight: 600;
     1037        margin-top: 10px;
     1038      }
     1039    }
     1040
    9031041  }
    9041042}
    905 .founded-companies {
    906   border-radius: 8px;
    907   background: #fff;
    908   border: 1px solid rgb(217, 219, 242);
    909   box-shadow: rgb(217 219 242 / 50%) 0px 4px 8px;
    910   max-height: 220px;
    911   overflow-y: scroll;
    912 }
    913 
    914 
    915 .company-not-found {
    916   color: #282b5d;
    917   padding: 16px 16px;
    918   font-size: 16px;
    919 }
    920 
    921 
    922 // preloader
    923 .wpm-preloader {
    924   display: flex;
    925   flex-direction: row;
    926   flex-wrap: nowrap;
    927   align-items: center;
    928   justify-content: center;
    929 
    930   color: rgb(153, 153, 153);
    931   padding: 16px 20px;
    932   text-align: center;
    933   font-size: 16px;
    934 
    935   &:before {
    936     content: '';
    937     display: inline-block;
    938     vertical-align: middle;
    939     animation: spinAround .5s infinite linear;
    940     border: 3px solid $primary_color;
    941     margin-right: 8px;
    942     border-radius: 290486px;
    943     border-right-color: transparent;
    944     border-top-color: transparent;
    945     content: "";
    946     display: block;
    947     width: 15px;
    948     height: 15px;
    949     position: relative;
    950   }
    951 }
    952 
    953 
    9541043
    9551044
    … …  
    9851074    font-weight: 500 !important;
    9861075    text-align: center !important;
     1076    border-radius: 0;
     1077
     1078    &#confirm-code-1,
     1079    &#confirm-code-2,
     1080    &#confirm-code-3,
     1081    &#confirm-code-4,
     1082    &#confirm-code-5 {
     1083      border-radius: 0;
     1084    }
    9871085  }
    9881086}

  • sprinque/trunk/assets/js/frontend.js

    r2951545 r2957940  
    536536        var billing_email = $('#billing_or_accounts_payable_email').val();
    537537
    538         const $form = $('#customer_details');
     538        const $form = $('form.woocommerce-checkout');
    539539        let initial_shipping_address_line1 = '';
    540540        let initial_shipping_address_line2 = '';
    … …  
    555555            initial_shipping_country_code = $form.find('#shipping_country').val();
    556556        } else {
    557             const house_number = $form.find('#billing_address_1').length > 0
    558                 ? $form.find('#billing_address_1').val()
     557            const house_number = $form.find('#billing_house_number').length > 0
     558                ? $form.find('#billing_house_number').val()
    559559                : '';
    560560            initial_shipping_address_line1 = $form.find('#billing_address_1').val() + ' ' + house_number;
    … …  
    749749        var billing_email = $('#billing_or_accounts_payable_email').val();
    750750
    751         const $form = $('#customer_details');
     751        const $form = $('form.woocommerce-checkout');
    752752        let initial_shipping_address_line1 = '';
    753753        let initial_shipping_address_line2 = '';
    … …  
    768768            initial_shipping_country_code = $form.find('#shipping_country').val();
    769769        } else {
    770             const house_number = $form.find('#billing_address_1').length > 0
    771                 ? $form.find('#billing_address_1').val()
     770            const house_number = $form.find('#billing_house_number').length > 0
     771                ? $form.find('#billing_house_number').val()
    772772                : '';
    773773            initial_shipping_address_line1 = $form.find('#billing_address_1').val() + ' ' + house_number;

  • sprinque/trunk/languages/sprinque-de_DE.po

    r2938297 r2957940  
    251251msgstr "Sprinque für WordPress ist ein Plugin, mit dem Sie Ihren Geschäftskunden Nettozahlungsbedingungen (15, 30, 60, 90 Tage) anbieten und so die Konversion und Kundenbindung erhöhen können."
    252252
     253#: sprinque.php:259
     254#: sprinque.php:451
     255#, fuzzy
     256msgid "Surcharge payment term %d days"
     257msgstr "Zuschlagszahlungsfrist %d Tage"
     258
    253259#: templates/frontend/srinque_pay_modal_form.php:106
    254260#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/trunk/languages/sprinque-en_US.po

    r2932350 r2957940  
    301301msgstr "Net terms fee"
    302302
     303#: sprinque.php:259
     304#: sprinque.php:451
     305msgid "Surcharge payment term %d days"
     306msgstr "Surcharge payment term %d days"
     307
    303308msgid "Billing or Accounts Payable email"
    304309msgstr "Billing or Accounts Payable email"

  • sprinque/trunk/languages/sprinque-es_ES.po

    r2932350 r2957940  
    253253msgstr "Sprinque para WordPress es un plugin que permite ofrecer a los compradores de tu negocio condiciones de pago (15, 30, 60, 90 días) y aumentar así la conversión y la retención."
    254254
     255#: sprinque.php:259
     256#: sprinque.php:451
     257#, fuzzy
     258msgid "Surcharge payment term %d days"
     259msgstr "Plazo de pago del recargo %d días"
     260
    255261#: templates/frontend/srinque_pay_modal_form.php:106
    256262#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/trunk/languages/sprinque-fr_FR.po

    r2932350 r2957940  
    253253msgstr "Sprinque pour WordPress est un plugin qui vous permet d'offrir à vos acheteurs professionnels des conditions de paiement net (15, 30, 60, 90 jours) et ainsi d'augmenter la conversion et la rétention."
    254254
     255#: sprinque.php:259
     256#: sprinque.php:451
     257#, fuzzy
     258msgid "Surcharge payment term %d days"
     259msgstr "Délai de paiement de la surtaxe %d jours"
     260
    255261#: templates/frontend/srinque_pay_modal_form.php:106
    256262#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/trunk/languages/sprinque-nl_NL.po

    r2938297 r2957940  
    253253msgstr "Sprinque voor WordPress is een plugin die het mogelijk maakt zakelijke klanten achteraf op factuur te laten kopen (15, 30, 60, 90 dagen) en hiermee conversie en retentie te stimuleren."
    254254
     255#: sprinque.php:259
     256#: sprinque.php:451
     257#, fuzzy
     258msgid "Surcharge payment term %d days"
     259msgstr "Betalingstermijn toeslag %d dagen"
     260
    255261#: templates/frontend/srinque_pay_modal_form.php:106
    256262#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/trunk/languages/sprinque-pl_PL.po

    r2932350 r2957940  
    251251msgstr "Sprinque dla WordPress to wtyczka, która pozwala zaoferować kupującym warunki płatności netto (15, 30, 60, 90 dni), a tym samym zwiększyć konwersję i retencję."
    252252
     253#: sprinque.php:259
     254#: sprinque.php:451
     255#, fuzzy
     256msgid "Surcharge payment term %d days"
     257msgstr "Termin płatności dopłaty %d dni"
     258
    253259#: templates/frontend/srinque_pay_modal_form.php:106
    254260#: templates/frontend/srinque_pay_modal_form.php:113

  • sprinque/trunk/readme.txt

    r2951545 r2957940  
    66Tested up to: 6.0
    77Requires PHP: 5.3
    8 Stable tag: 1.3.9
     8Stable tag: 1.3.10
    99License: GPLv2 or later
    1010License URI: https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    5050
    5151== Changelog ==
     52
     53= 1.3.10 - August 23, 2023 =
     54* Bumped b2b-sprinque-tools to v.1.5.0 (with IT, PT, UK reg number warnings);
     55* Added Italian language (auto-translated);
     56* Fixed house number of the shipping address;
     57* Style fixes and improvements;
     58* Renamed surcharge fee and prevent duplicating it;
    5259
    5360= 1.3.9 - August 10, 2023 =

  • sprinque/trunk/sprinque.php

    r2951545 r2957940  
    55Description: Sprinque for WordPress is a plugin that allows you to offer your business buyers net payment terms (15, 30, 60, 90 days) and thereby grow conversion and retention.
    66Author: Sprinque
    7 Version: 1.3.9
     7Version: 1.3.10
    88Text Domain: sprinque
    99Domain Path: /languages
    1010*/
    1111
    12 define( 'PLUGIN_SRINQUE_VERSION', '1.3.9' );
     12define( 'PLUGIN_SRINQUE_VERSION', '1.3.10' );
    1313define( 'PLUGIN_SRINQUE_DIR', __DIR__ );
    1414define( 'PLUGIN_SRINQUE_PATH', plugins_url( '', __FILE__ ) );
    … …  
    167167                'credit_note_url'         => $pdf_url,
    168168                'credit_note_amount'      => $refunded,
     169                'credit_note_currency'    => $order->get_currency(),
    169170                'date'                    => date( 'Y-m-d' )
    170171            ];
    … …  
    247248        }
    248249
     250
     251        $fees = $woocommerce->cart->get_fees();
    249252        $net_term = $_SESSION['net_term'];
    250253        $net_term = strtolower($net_term);
     254
     255        $days = substr($net_term, 3);
     256        $fee_name = __( sprintf('Surcharge payment term %d days', $days), 'sprinque' );
     257        $fee_id = sanitize_title($fee_name);
     258
     259        if (array_key_exists($fee_id, $fees)) {
     260            return;
     261        }
     262
    251263        $payment_terms = $this->get_payment_terms();
    252264        $percentage = $payment_terms[$net_term] ?? 0.0;
    … …  
    256268        if ($percentage > 0) {
    257269            $surcharge = ( $woocommerce->cart->cart_contents_total + $woocommerce->cart->shipping_total ) * $percentage;
    258             $woocommerce->cart->add_fee( __('Net terms fee', 'sprinque'), $surcharge, true, '' );
     270            $woocommerce->cart->add_fee( $fee_name, $surcharge, true, '' );
    259271        }
    260272    }
    … …  
    474486                            // Add fee if needed
    475487                            if ($fee_percents > 0.0) {
    476                                 $fee = new stdClass();
    477                                 $fee->name = __('Net terms fee', 'sprinque');
    478                                 $fee->amount = $calculated_fee;
    479                                 $fee->tax_status = 'taxable';
    480                                 $fee->total = $calculated_fee;
    481 
    482                                 $order->add_fee($fee);
    483                                 $order->calculate_totals();
     488                                $fees = $order->get_fees();
     489                                $days = substr($payment_term, 3);
     490
     491                                $fee_name = __( sprintf('Surcharge payment term %d days', $days), 'sprinque' );
     492                                $fee_id = sanitize_title($fee_name);
     493
     494
     495                                if (!array_key_exists($fee_id, $fees)) {
     496                                    $fee = new stdClass();
     497                                    $fee->name = $fee_name;
     498                                    $fee->amount = $calculated_fee;
     499                                    $fee->tax_status = 'taxable';
     500                                    $fee->total = $calculated_fee;
     501
     502                                    $order->add_fee($fee);
     503                                    $order->calculate_totals();
     504                                }
    484505                            }
    485506
    … …  
    620641            // Register scripts
    621642            $settings = get_option( 'woocommerce_wpm_srinque_pay_settings', true );
    622             wp_enqueue_script( 'wpm_srinque_tools', 'https://unpkg.com/b2b-sprinque-tools@1.4.2/dist/index.umd.min.js', array( ), PLUGIN_SRINQUE_VERSION, 'all' );
     643            wp_enqueue_script( 'wpm_srinque_tools', 'https://unpkg.com/b2b-sprinque-tools@1.5.0/dist/index.umd.min.js', array( ), PLUGIN_SRINQUE_VERSION, 'all' );
    623644            wp_enqueue_script( 'wpm_srinque_pay', PLUGIN_SRINQUE_PATH . '/assets/js/frontend.js', array( 'jquery', 'wpm_srinque_tools' ), PLUGIN_SRINQUE_VERSION, 'all' );
    624645

  • sprinque/trunk/templates/frontend/srinque_pay_modal_form.php

    r2945914 r2957940  
    1 <div class="modal-form" id="wpm-modal-form">
    2     <div class="modal-form__overlay" data-wpm-close="#wpm-modal-form"></div>
    3     <div class="modal-form-inner">
    4         <a href="#" data-wpm-close="#wpm-modal-form" class="modal-form-inner__close"></a>
    5         <div class="wpm-modal-form-tabs">
    6             <div class="wpm-modal-form-tab wpm-modal-form-tab_active" id="select-your-business">
     1<div id="wpm-modal-form-wrapper">
     2    <div class="modal-form" id="wpm-modal-form">
     3        <div class="modal-form__overlay" data-wpm-close="#wpm-modal-form"></div>
     4        <div class="modal-form-inner">
     5            <a href="#" data-wpm-close="#wpm-modal-form" class="modal-form-inner__close"></a>
     6            <div class="wpm-modal-form-tabs">
     7                <div class="wpm-modal-form-tab wpm-modal-form-tab_active" id="select-your-business">
    78
    8                 <div class="search_already_added_company">
    9                     <div class="wpm-modal-form-tab__title"><?php _e( "Please select your business", 'sprinque' ); ?></div>
     9                    <div class="search_already_added_company">
     10                        <div class="wpm-modal-form-tab__title"><?php _e( "Please select your business", 'sprinque' ); ?></div>
    1011
    11                     <p class="wpm-modal-form-tab__dsc">
    12                         <?php _e( 'To approve a payment term for you we need your company information to run a credit assessment', 'sprinque' ); ?>
    13                     </p>
     12                        <p class="wpm-modal-form-tab__dsc">
     13                            <?php _e( 'To approve a payment term for you we need your company information to run a credit assessment', 'sprinque' ); ?>
     14                        </p>
    1415
    15                     <div class="field-group">
    16                         <label><?php _e( "Country", 'sprinque' ); ?>*</label>
    17                         <select id="select_country_pay" data-wpm-placeholder="<?php _e( "Select a country", 'sprinque' ); ?>">
    18                             <?php
    19                             foreach($countries as $code => $country) { ?>
    20                                 <option value="<?php echo esc_attr($code); ?>" <?php if(isset($user_country) && $user_country == $code) { echo esc_attr('selected'); }?>><?php echo esc_attr($country); ?></option>
    21                             <?php }
    22                             ?>
    23                         </select>
     16                        <div class="field-group">
     17                            <label><?php _e( "Country", 'sprinque' ); ?>*</label>
     18                            <select id="select_country_pay" data-wpm-placeholder="<?php _e( "Select a country", 'sprinque' ); ?>">
     19                                <?php
     20                                foreach($countries as $code => $country) { ?>
     21                                    <option value="<?php echo esc_attr($code); ?>" <?php if(isset($user_country) && $user_country == $code) { echo esc_attr('selected'); }?>><?php echo esc_attr($country); ?></option>
     22                                <?php }
     23                                ?>
     24                            </select>
     25                        </div>
     26                        <div class="field-group">
     27                            <label id="company-name-label"><?php _e( "Company Name", 'sprinque' ); ?>*</label>
     28                            <div class="search-company-by" id="search-by">
     29                                <label>
     30                                    <input type="radio" name="search_by" value="name" data-placeholder="<?php _e( "Company Name", 'sprinque' ); ?>" checked />
     31                                    <span class="input-placeholder"></span>
     32                                    <?php _e('Company Name', 'sprinque') ?>
     33                                </label>
     34                                <label>
     35                                    <input type="radio" name="search_by" value="vat" data-placeholder="<?php _e( "Company VAT ID", 'sprinque' ) ?>" />
     36                                    <span class="input-placeholder"></span>
     37                                    <?php _e('VAT ID', 'sprinque') ?>
     38                                </label>
     39                            </div>
     40                            <input type="text" id="company_name_pay" placeholder="<?php _e( "Company Name", 'sprinque' ); ?>" value="<?php if(isset($user_company)) { echo esc_attr($user_company); } ?>">
     41                        </div>
     42                        <div class="search-company-result"></div>
     43                        <div class="error-confirm-order" style="display: none;"><?php _e( "Not all required fields are filled", 'sprinque' ); ?></div>
     44                        <div class="field-group">
     45                            <label><?php _e( "Registration number", 'sprinque' ); ?><span class="registration-number-required">*</span></label>
     46                            <input type="text" id="reg_number_pay" placeholder="<?php _e( "Registration number", 'sprinque' ); ?>">
     47                            <div class="field-warning" id="reg_number_warning">
     48                                Some text here
     49                            </div>
     50                        </div>
     51                        <div class="field-group">
     52                            <label><?php _e( "Billing or Accounts Payable email", 'sprinque' ); ?></label>
     53                            <input type="text" id="billing_or_accounts_payable_email" />
     54                        </div>
     55
     56                        <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_block" type="button" id="confirm-company-order" disabled><?php _e( "Confirm", 'sprinque' ); ?></button>
    2457                    </div>
    25                     <div class="field-group">
    26                         <label id="company-name-label"><?php _e( "Company Name", 'sprinque' ); ?>*</label>
    27                         <div class="search-company-by" id="search-by">
    28                             <label>
    29                                 <input type="radio" name="search_by" value="name" data-placeholder="<?php _e( "Company Name", 'sprinque' ); ?>" checked />
    30                                 <span class="input-placeholder"></span>
    31                                 <?php _e('Company Name', 'sprinque') ?>
    32                             </label>
    33                             <label>
    34                                 <input type="radio" name="search_by" value="vat" data-placeholder="<?php _e( "Company VAT ID", 'sprinque' ) ?>" />
    35                                 <span class="input-placeholder"></span>
    36                                 <?php _e('VAT ID', 'sprinque') ?>
    37                             </label>
     58
     59                    <div class="register_new_business" style="display: none">
     60                        <div class="wpm-modal-form-tab__title"><?php _e( "Business address", 'sprinque' ); ?></div>
     61                        <div class="field-group">
     62                            <label><?php _e( "Address", 'sprinque' ); ?>*</label>
     63                            <input type="text" id="address_company_pay" class="required-input" value="<?php if(isset($billing_address_1)) { echo esc_attr($billing_address_1); } ?>">
    3864                        </div>
    39                         <input type="text" id="company_name_pay" placeholder="<?php _e( "Company Name", 'sprinque' ); ?>" value="<?php if(isset($user_company)) { echo esc_attr($user_company); } ?>">
    40                     </div>
    41                     <div class="search-company-result"></div>
    42                     <div class="error-confirm-order" style="display: none;"><?php _e( "Not all required fields are filled", 'sprinque' ); ?></div>
    43                     <div class="field-group">
    44                         <label><?php _e( "Registration number", 'sprinque' ); ?><span class="registration-number-required">*</span></label>
    45                         <input type="text" id="reg_number_pay" placeholder="<?php _e( "Registration number", 'sprinque' ); ?>">
    46                         <div class="field-warning" id="reg_number_warning">
    47                             Some text here
     65                        <div class="field-group">
     66                            <label><?php _e( "Apartment, suite, etc (optional)", 'sprinque' ); ?></label>
     67                            <input type="text" id="apartment_company_pay" value="<?php if(isset($billing_address_2)) { echo esc_attr($billing_address_2); } ?>">
     68                        </div>
     69                        <div class="field-group">
     70                            <label><?php _e( "City", 'sprinque' ); ?>*</label>
     71                            <input type="text" id="city_company_pay" class="required-input" value="<?php if(isset($billing_city)) { echo esc_attr($billing_city); } ?>">
     72                        </div>
     73                        <div class="field-group">
     74                            <label><?php _e( "Postal code", 'sprinque' ); ?>*</label>
     75                            <input type="text" id="zip_company_pay" class="required-input" value="<?php if(isset($billing_postcode)) { echo esc_attr($billing_postcode); } ?>">
     76                        </div>
     77                        <div class="error-register-fields" style="display: none">
     78                            <?php
     79                            // Here we're showing error
     80                            if (!isset($billing_address_1, $billing_address_2, $billing_city, $billing_postcode)) {
     81                                _e( "Not all fields filled on Billing or Modal", 'sprinque' );
     82                            }
     83                            ?>
     84                        </div>
     85                        <div class="pagination-btns">
     86                            <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Previous step", 'sprinque' ); ?></button>
     87                            <button type="button" class="wpm-btn wpm-btn_primary blue_btn_pay" disabled id="register_buyer_company"><?php _e( "Confirm", 'sprinque' ); ?></button>
    4888                        </div>
    4989                    </div>
    50                     <div class="field-group">
    51                         <label><?php _e( "Billing or Accounts Payable email", 'sprinque' ); ?></label>
    52                         <input type="text" id="billing_or_accounts_payable_email" />
     90
     91                    <div class="verify_your_email" style="display: none;">
     92
     93                        <div class="wpm-modal-form-tab__title"><?php _e( "Verify your email", 'sprinque' ); ?></div>
     94                        <div class="wpm-modal-form-tab__dsc">
     95                            <?php _e( "To make sure it's really you we have sent a code to", 'sprinque' ); ?> <span id="email-otp-send"></span>
     96                        </div>
     97                        <div id="wpm-otp" class="wpm-confirm-code-wrap">
     98                            <input type="text" onkeyup="jmp(this);" id="confirm-code-1" maxlength="1" size="1">
     99                            <input type="text" onkeyup="jmp(this);" id="confirm-code-2" maxlength="1" size="1">
     100                            <input type="text" onkeyup="jmp(this);" id="confirm-code-3" maxlength="1" size="1">
     101                            <input type="text" onkeyup="jmp(this);" id="confirm-code-4" maxlength="1" size="1">
     102                            <input type="text" onkeyup="jmp(this);" id="confirm-code-5" maxlength="1" size="1">
     103
     104                        </div>
     105
     106                        <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_mb wpm-btn_block" type="button" id="confirm-email-code" disabled><?php _e( "Confirm", 'sprinque' ); ?></button>
     107
     108                        <div class="otp-error-code" style="display: none;"><?php _e( "Wrong code number", 'sprinque' ); ?></div>
     109                        <div class="wpm-modal-form-tab__dsc">
     110                            <?php _e( "If you have not received the code, please check your spam folder or", 'sprinque' ); ?> <a href="#" id="resend-code-otp" class="wpm-modal-form-tab__resend"><?php _e( "Resend Code", 'sprinque' ); ?> <span id="resend-timer-otp" class="wpm-modal-form-tab__resend-notice"><?php _e( "(in :sec seconds)", 'sprinque' ); ?></span></a>
     111                        </div>
     112                        <div class="pagination-btns">
     113                            <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Go Back", 'sprinque' ); ?></button>
     114                        </div>
     115                    </div>
     116                    <div class="verifying_your_account" style="display: none;">
     117                        <div class="wpm-modal-form-tab__title"><?php _e( "We are verifying your account", 'sprinque' ); ?></div>
     118                        <div class="wpm-loader wpm-loader_my1"></div>
     119                        <div class="cant-complete-autorization" style="display: none;">
     120                            <div class="verify-error"></div>
     121                            <div class="pagination-btns">
     122                                <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Go Back", 'sprinque' ); ?></button>
     123                                <a class="wpm-btn wpm-btn_outline-primary white_btn_pay choose_another_payment_method" data-wpm-close="#wpm-modal-form"><?php _e( "Choose another payment method", 'sprinque' ); ?></a>
     124                            </div>
     125                        </div>
    53126                    </div>
    54127
    55                     <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_block" type="button" id="confirm-company-order" disabled><?php _e( "Confirm", 'sprinque' ); ?></button>
    56                 </div>
    57 
    58                 <div class="register_new_business" style="display: none">
    59                     <div class="wpm-modal-form-tab__title"><?php _e( "Business address", 'sprinque' ); ?></div>
    60                     <div class="field-group">
    61                         <label><?php _e( "Address", 'sprinque' ); ?>*</label>
    62                         <input type="text" id="address_company_pay" class="required-input" value="<?php if(isset($billing_address_1)) { echo esc_attr($billing_address_1); } ?>">
    63                     </div>
    64                     <div class="field-group">
    65                         <label><?php _e( "Apartment, suite, etc (optional)", 'sprinque' ); ?></label>
    66                         <input type="text" id="apartment_company_pay" value="<?php if(isset($billing_address_2)) { echo esc_attr($billing_address_2); } ?>">
    67                     </div>
    68                     <div class="field-group">
    69                         <label><?php _e( "City", 'sprinque' ); ?>*</label>
    70                         <input type="text" id="city_company_pay" class="required-input" value="<?php if(isset($billing_city)) { echo esc_attr($billing_city); } ?>">
    71                     </div>
    72                     <div class="field-group">
    73                         <label><?php _e( "Postal code", 'sprinque' ); ?>*</label>
    74                         <input type="text" id="zip_company_pay" class="required-input" value="<?php if(isset($billing_postcode)) { echo esc_attr($billing_postcode); } ?>">
    75                     </div>
    76                     <div class="error-register-fields" style="display: none">
    77                         <?php
    78                         // Here we're showing error
    79                         if (!isset($billing_address_1, $billing_address_2, $billing_city, $billing_postcode)) {
    80                             _e( "Not all fields filled on Billing or Modal", 'sprinque' );
    81                         }
    82                         ?>
    83                     </div>
    84                     <div class="pagination-btns">
    85                         <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Previous step", 'sprinque' ); ?></button>
    86                         <button type="button" class="wpm-btn wpm-btn_primary blue_btn_pay" disabled id="register_buyer_company"><?php _e( "Confirm", 'sprinque' ); ?></button>
    87                     </div>
    88                 </div>
    89 
    90                 <div class="verify_your_email" style="display: none;">
    91 
    92                     <div class="wpm-modal-form-tab__title"><?php _e( "Verify your email", 'sprinque' ); ?></div>
    93                     <div class="wpm-modal-form-tab__dsc">
    94                         <?php _e( "To make sure it's really you we have sent a code to", 'sprinque' ); ?> <span id="email-otp-send"></span>
    95                     </div>
    96                     <div id="wpm-otp" class="wpm-confirm-code-wrap">
    97                       <input type="text" onkeyup="jmp(this);" id="confirm-code-1" maxlength="1" size="1">
    98                       <input type="text" onkeyup="jmp(this);" id="confirm-code-2" maxlength="1" size="1">
    99                       <input type="text" onkeyup="jmp(this);" id="confirm-code-3" maxlength="1" size="1">
    100                       <input type="text" onkeyup="jmp(this);" id="confirm-code-4" maxlength="1" size="1">
    101                       <input type="text" onkeyup="jmp(this);" id="confirm-code-5" maxlength="1" size="1">
    102                      
     128                    <div class="select_payment_term" style="display: none;">
     129                        <div class="wpm-modal-form-tab__title"><?php _e( "Congratulations!", 'sprinque' ); ?></div>
     130                        <div class="wpm-modal-form-tab__dsc"><?php _e( "You've been approved to pay with net terms. Select the payment term that best suits your company", 'sprinque' ); ?></div>
     131                        <div class="wpm-modal-form-tab__terms" id="wpm-terms">
     132                            <div class="wpm-terms-row total">
     133                                <div class="label"><?php _e("Total amount", 'sprinque'); ?></div>
     134                                <div class="value"><?= get_woocommerce_currency_symbol(); ?>00.00</div>
     135                            </div>
     136                        </div>
     137                        <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_block confirm-order-term" disabled><?php _e( "Confirm order", 'sprinque' ); ?></button>
    103138                    </div>
    104139
    105                     <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_mb wpm-btn_block" type="button" id="confirm-email-code" disabled><?php _e( "Confirm", 'sprinque' ); ?></button>
     140                    <div class="purchase_approved" style="display: none;">
     141                        <div class="wpm-modal-form-tab__title"><?php _e( "Purchase approved", 'sprinque' ); ?></div>
     142                        <div class="wpm-modal-form-tab__dsc">
     143                            <div>
     144                                <?php _e( "Your account has been created and you’ve been approved for a payment term of:", 'sprinque' ); ?>
     145                            </div>
     146                            <div class="approved-days">
     147                                <span id="days-review"></span> <?php _e( "days", 'sprinque' ); ?>
     148                            </div>
     149                        </div>
     150                        <a class="wpm-btn wpm-btn_primary wpm-btn_mt-2 wpm-btn_block approve-place-order"><?php _e( "Confirm order", 'sprinque' ); ?></a>
     151                    </div>
    106152
    107                     <div class="otp-error-code" style="display: none;"><?php _e( "Wrong code number", 'sprinque' ); ?></div>
    108                     <div class="wpm-modal-form-tab__dsc">
    109                         <?php _e( "If you have not received the code, please check your spam folder or", 'sprinque' ); ?> <a href="#" id="resend-code-otp" class="wpm-modal-form-tab__resend"><?php _e( "Resend Code", 'sprinque' ); ?> <span id="resend-timer-otp" class="wpm-modal-form-tab__resend-notice"><?php _e( "(in :sec seconds)", 'sprinque' ); ?></span></a>
     153                    <div class="purchase_under_review" style="display: none;">
     154                        <div class="wpm-modal-form-tab__title"><?php _e( "Purchase under review", 'sprinque' ); ?></div>
     155                        <div class="wpm-modal-form-tab__dsc"><?php _e( "This may take upto 24 hours for approval. Your Order is not confirmed until a decision is made. <br>We will notify you by email once the review is complete.", 'sprinque' ); ?></div>
     156                        <a class="wpm-btn wpm-btn_primary wpm-btn_mt-2 wpm-btn_mb wpm-btn_block continue-with-review"><?php _e( "Continue and wait", 'sprinque' ); ?></a>
     157                        <a class="wpm-btn wpm-btn_outline-primary wpm-btn_mt wpm-btn_block choose_another_payment_method" data-wpm-close="#wpm-modal-form"><?php _e( "Choose another payment method", 'sprinque' ); ?></a>
    110158                    </div>
    111                     <div class="pagination-btns">
    112                         <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Go Back", 'sprinque' ); ?></button>
     159
     160                    <div class="placing_your_order" style="display: none;">
     161                        <div class="wpm-modal-form-tab__title"><?php _e( "Placing your order", 'sprinque' ); ?></div>
     162                        <div class="wpm-loader wpm-loader_my1"></div>
    113163                    </div>
    114                 </div>
    115 
    116                 <div class="verifying_your_account" style="display: none;">
    117                     <div class="wpm-modal-form-tab__title"><?php _e( "We are verifying your account", 'sprinque' ); ?></div>
    118                     <div class="wpm-loader wpm-loader_my1"></div>
    119                     <div class="cant-complete-autorization" style="display: none;">
    120                         <div class="verify-error"></div>
    121                         <div class="pagination-btns">
    122                             <button type="button" class="wpm-btn wpm-btn_outline-primary white_btn_pay to_select_companies"><?php _e( "Go Back", 'sprinque' ); ?></button>
    123                             <a class="wpm-btn wpm-btn_outline-primary white_btn_pay choose_another_payment_method" data-wpm-close="#wpm-modal-form"><?php _e( "Choose another payment method", 'sprinque' ); ?></a>
    124                         </div>
    125                     </div>
    126                 </div>
    127 
    128                 <div class="select_payment_term" style="display: none;">
    129                     <div class="wpm-modal-form-tab__title"><?php _e( "Congratulations!", 'sprinque' ); ?></div>
    130                     <div class="wpm-modal-form-tab__dsc"><?php _e( "You've been approved to pay with net terms. Select the payment term that best suits your company", 'sprinque' ); ?></div>
    131                     <div class="wpm-modal-form-tab__terms">
    132                         <div class="wpm-terms-row total">
    133                             <div class="label"><?php _e("Total amount", 'sprinque'); ?></div>
    134                             <div class="value"><?= get_woocommerce_currency_symbol(); ?>00.00</div>
    135                         </div>
    136                     </div>
    137                     <button class="wpm-btn wpm-btn_primary wpm-btn_mt wpm-btn_block confirm-order-term" disabled><?php _e( "Confirm order", 'sprinque' ); ?></button>
    138                 </div>
    139 
    140                 <div class="purchase_approved" style="display: none;">
    141                     <div class="wpm-modal-form-tab__title"><?php _e( "Purchase approved", 'sprinque' ); ?></div>
    142                     <div class="wpm-modal-form-tab__dsc">
    143                         <div>
    144                             <?php _e( "Your account has been created and you’ve been approved for a payment term of:", 'sprinque' ); ?>
    145                         </div>
    146                         <div class="approved-days">
    147                             <span id="days-review"></span> <?php _e( "days", 'sprinque' ); ?>
    148                         </div>
    149                     </div>
    150                     <a class="wpm-btn wpm-btn_primary wpm-btn_mt-2 wpm-btn_block approve-place-order"><?php _e( "Confirm order", 'sprinque' ); ?></a>
    151                 </div>
    152 
    153                 <div class="purchase_under_review" style="display: none;">
    154                     <div class="wpm-modal-form-tab__title"><?php _e( "Purchase under review", 'sprinque' ); ?></div>
    155                     <div class="wpm-modal-form-tab__dsc"><?php _e( "This may take upto 24 hours for approval. Your Order is not confirmed until a decision is made. <br>We will notify you by email once the review is complete.", 'sprinque' ); ?></div>
    156                     <a class="wpm-btn wpm-btn_primary wpm-btn_mt-2 wpm-btn_mb wpm-btn_block continue-with-review"><?php _e( "Continue and wait", 'sprinque' ); ?></a>
    157                     <a class="wpm-btn wpm-btn_outline-primary wpm-btn_mt wpm-btn_block choose_another_payment_method" data-wpm-close="#wpm-modal-form"><?php _e( "Choose another payment method", 'sprinque' ); ?></a>
    158                 </div>
    159 
    160                 <div class="placing_your_order" style="display: none;">
    161                     <div class="wpm-modal-form-tab__title"><?php _e( "Placing your order", 'sprinque' ); ?></div>
    162                     <div class="wpm-loader wpm-loader_my1"></div>
    163164                </div>
    164165            </div>
Note: See TracChangeset for help on using the changeset viewer.