.adjust img{max-height: 40px;}.mt10 img{margin-top: 10px!important;}.adjust-2 img {max-height: 60px;} .container {padding-top: 70px; display: none; } .container.show { display: flex; } .qr_part, .template_warning, .warning_card, .caps_warr, .email_part, .email_part_2 { display: none; } .email_part { width: 464px; margin: auto; } .email_part h1 { margin-top: 32px; } .email_warning, .email_card { display: flex; background: #ffffff; border-radius: 32px; padding: 18px; text-align: left; margin-top: 24px; margin-bottom: 24px; } .email_card, .email_card a, .email_card a:hover, .email_card a:active, .email_card a:focus { color: #499BE9; } .email_card a, .email_card a:hover, .email_card a:active, .email_card a:focus { text-decoration: underline; } .magic_link_utasitas span { font-weight: bold; } .magic_link_info { max-width: 425px; margin: auto; } .email_warning { background: #FFEFD6; } .email_card img { width: 40px; height: 40px; margin-right: 17px;} .email_warning img {width: 20px;height: 20px;} #email{padding-right: 50px;} #side_holder { display: inline-block; width: 586px!important; height: 580px!important; min-height: 580px!important; padding: 20px; } #side_holder h2 { font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; text-align: left; color: #1B1F27; margin-top: 55px; margin-left: 102px; margin-bottom: 32px; } #side_holder ul { text-align: left; list-style: none; padding-left: 97px; } #side_holder ul li { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #1B1F27; margin-bottom: 16px; } #side_holder ul li .img_holder { width: 24px; height: 24px; margin-right: 16px; display: inline-block; } #side_holder ul li::before { content: ""; } .card { background: #FFFFFF; box-shadow: 0px 16px 48px rgba(73, 92, 136, 0.15); border-radius: 40px; width: 586px!important; min-width: 586px!important; height: auto!important; min-height: 616px!important; margin: auto; display: inline-block; padding: 56px; } .card.smaller {min-height: 584px!important; } .card h1 { font-style: normal; font-weight: 900; font-size: 32px; line-height: 40px; color: #1B1F27; } .card .switch_button_holder { background: #EEF7EA; border-radius: 40px; height: 40px; width: 390px; margin: auto; padding: 4px; display: flex; justify-content: center; margin-bottom: 40px; position: relative; } .card .switch_button_holder::before{content: ''; height: 32px; width: calc(50% - 8px);background: #FFFFFF;box-shadow: 0px 4px 8px rgb(73 92 136 / 15%);position: absolute;border-radius: 32px;left: 4px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .card .switch_button_holder.right::before{left: calc(50% + 4px); } .card .switch_button_holder.left::before{left: 4px;} .card .switch_button_holder button { height: 32px; width: 190px; margin: 0px; background: transparent; border-radius: 32px; padding: 0px; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #1B1F27; z-index: 1; } .card .switch_button_holder button.active { color: #000; } .card .switch_button_holder button:nth-of-type(1) { margin-right: 4px; } .login_part, .qr_part { margin: 0 42px; } #main_form .input_holder { margin-top: 0; margin-bottom: 32px; padding: 0px; } #main_form .input_holder input:not([type="checkbox"]) { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #6E7482; height: 48px; width: 390px; margin: auto; } #main_form .input_holder .infoicon { right: 24px; top: 12px; } .infoicon img { width: 24px; height: 24px; } .link_holder { text-align: center; width: 100%; } .input_holder > label { top: -13px; display: none; } .input_holder.active > label { display: block; } .link_holder a { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; } .pw_eye { top: calc(50% - 24px); padding-right: 24px; } #login_submit_btn { width: 390px; height: 48px; margin: auto; margin-bottom: 32px; } .checkbox_holder { margin-left: 11px; } .qr_part .info_holder { margin-top: 40px; display: flex; justify-content: center; text-align: center; } .qr_part .info_holder div { min-width: 320px; width: 100%; } .qr_part .info_holder img { width: 52px; height: 52px; margin-right: 8px; } #qrkod { width: 220px; height: 232px; margin: auto; margin-top: 43px; background: #FFFFFF; border-radius: 32px; padding-bottom: 12px; } .elfelejtett_info, .elfelejtett_user { display: block; margin-left: 11px; width: 100%; } hr { margin-top: 56px; margin-bottom: 24px; border: 1px solid #D0D8E8; opacity: 0.4; width: 510px; } .small_card, .qr_popup_content > .qr_popup_card.info { background: #FFFFFF; border-radius: 24px;align-items: center; display: flex; justify-content: center; padding: 14px; color: #1B82E3; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; } .small_card { min-width: 390px; max-height: 72px; margin-left: 102px; margin-top: 35px; } .small_card a { text-decoration: underline; } .small_card a, .qr_popup_content > .qr_popup_card.info a { color: #1B82E3; } .small_card a:hover, .small_card a:active, .small_card a:focus, .qr_promo_link:hover, .qr_promo_link:active, .qr_promo_link:focus { color: #499BE9; } .small_card img, .qr_popup_content > .qr_popup_card.info img { margin-right: 16px; margin-left: 10px; height: 24px; width: 24px; } .small_card div, .qr_popup_content > .qr_popup_card.info div { margin-right: 10px; text-align: left; } .warning_card, .error_card { border-radius: 32px; padding: 18px; width: 389px; min-height: 56px; line-height: 24px; margin: auto; margin-bottom: 32px; font-style: normal; font-weight: normal; font-size: 16px; } .warning_card { background: #FFEFD6; } .error_card { background: #FFE0E3; } .warning_holder, .error_holder { display: flex; flex-direction: row; } .warning_holder img, .error_holder img { margin-right: 17px; margin-left: 7px; } .template_qr_popup, .template_error, .error_card { display: none; } .darken .pop_up_content{ background: #EFF2F9!important; width: 635px; } .darken .thin_pop_content { background: transparent!important; } .darken .pop_up_content h3 { font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; color: #1B1F27; margin-bottom: 32px; } .qr_popup_card { background: #FFFFFF; border-radius: 32px; padding: 24px; display: flex; } .qr_card_row { display: flex; justify-content: center; } .qr_card_row .qr_popup_card {flex-direction: column;max-width: 377px;width: 100%;margin-left: 16px;margin-right: 16px;height: 432px;text-align: center;height: unset!important; } .qr_card_row .qr_popup_card .text_kell { font-weight: normal; } .qr_card_row .qr_popup_card a:first-of-type img{ margin-bottom: 16px; } @media(max-width: 1000px) and (min-width: 700px) {.qr_card_row {flex-direction: column;}.qr_card_row .qr_popup_card {max-width: 100%;flex-direction: initial;text-align: center;align-items: center;}.qr_card_row .qr_popup_card .holder{width: 100%;text-align: center;}.qr_card_row .qr_popup_card .inner-holder {display: flex;align-items: center;justify-content: center;}.qr_card_row .qr_popup_card a:first-of-type img {margin-bottom: 0px!important;} } @media(max-width: 699px) {.qr_card_row {flex-direction: column;}.qr_popup_content > .qr_card_row .qr_popup_card {margin-left: auto!important;margin-right: auto!important;} } .qr_popup_card .app-icon img{border-radius: 15px; filter: drop-shadow(0px 3.42857px 6.85714px rgba(73, 92, 136, 0.15)); } .qr_popup_content > .qr_card_row .qr_popup_card { height: 225px; margin-bottom: 24px; } .qr_popup_content > .qr_card_row .qr_popup_card img { margin-right: 24px; } .qr_popup_content > .qr_card_row .qr_popup_card h3 { font-style: normal; font-weight: bold; font-size: 20px; line-height: 32px; margin-bottom: 8px; } .qr_popup_content > .qr_popup_card.info div { margin-right: 30px; } .qr_popup_content > .qr_popup_card.info img { width: 20px; height: 20px; margin-top: 10px; } .qr_popup_content > .qr_popup_card.info a { min-width: 132px; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; border-color: #1B82E3; border-radius: 24px; } .qr_popup_content > .qr_popup_card.info a:hover { border: 2px solid #3E9EF7; color: #3E9EF7; } .qr_popup_content > .qr_popup_card p {font-style: normal;font-weight: normal;font-size: 18px;line-height: 24px;color: #151617; } .qr_part .info_holder:hover { cursor: pointer; } #captcha_holder { display: none; } .szerepkor_kepek_nagy { display: flex; justify-content: space-evenly; }.szerepkor_kepek_nagy .choose_szerepkor button, .szerepkor_kepek_nagy .choose_uzletag button{max-width: 252px;}.szerepkor_kepek_nagy .choose_szerepkor .holder, .szerepkor_kepek_nagy .choose_uzletag .holder {max-width: 100%;height: 24px;margin-top: 20px;margin-bottom: 24px;}.szerepkor_kepek_nagy .choose_szerepkor .holder h3, .szerepkor_kepek_nagy .choose_uzletag .holder h3 {font-size: 18px!important;line-height: 24px;text-align: center;color: #151617;} .pop_up_content.alt {min-width: 772px;width: fit-content;max-width: 1440px; } .pop_up_content.alt .thin_pop_content { background: transparent; justify-content: space-between; padding-left: 0px; padding-right: 0px; } .error_page .error_txt .url{word-break: break-all; } .input_holder .label{transition: all 0.3s ease;top: 12px;}.input_holder.fill .label,.input_holder:focus-within .label {top: -12px!important;}.input_holder.fill .label,.input_holder.focus-within .label{top: -12px!important;} @media(max-width: 1180px) {.small_card, #side_holder h2 {margin-left: 16px;}#side_holder ul {padding-left: 16px;} } @media(max-width: 1055px) { .container { max-width: 100%!important; padding-left: 38px; padding-right: 38px; } .card { width: 444px!important; min-width: 444px!important; min-height: 688px!important; padding: 38px!important;margin-right: 50px;margin-left: 0px; } .card .switch_button_holder, #main_form .input_holder input:not([type="checkbox"]), .small_card { width: 369px!important; } #side_holder {max-width: 369px!important;width: 100%!important;padding: 0px!important;}#side_holder .small_card {width: 100%!important;min-width: unset!important;max-height: unset!important;min-height: 96px!important;height: auto!important; } #side_holder .small_card, #side_holder h2 {margin-left: 0px!important; } #side_holder ul {padding-left: 0px; } .qr_part { margin-left: 0px!important; margin-right: 0px!important; } hr { width: 368px!important; } .checkbox_holder { margin-left: 0px!important; } .elfelejtett_info { margin-left: 0px!important; } .login_part { margin: 0px; }} @media (max-width: 860px) {#content { margin-bottom: 32px!important; } .container { flex-direction: column; } .card { max-width: 616px!important; width: 100%!important; margin: auto!important; padding: 56px 0px!important; } .card .holder { max-width: 362px; width: 100%; margin:auto; } .card h1 { margin-bottom: 32px; } #side_holder { max-width: 616px!important; width: 100%!important; margin: auto!important; height: unset!important; min-height: unset!important; margin-bottom: 42px!important; } #side_holder .small_card { margin-top: 56px!important; padding: 16px 24px!important; align-items: center; } #side_holder h2 { margin-top: 52px!important; } #side_holder ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } @media(max-width: 772px) {.pop_up_content.alt {min-width: unset;width: fit-content;} } @media(max-width: 510px) {#side_holder ul {columns: 1;-webkit-columns: 1;-moz-columns: 1;} } @media(max-width: 425px) {#inner_content h1 {margin-bottom: 60px;}.container {padding: 8px!important;} .card {max-width: unset!important;width: 100%!important;min-width: 100%!important;margin: 0px!important;padding: 32px 16px!important;margin-top: 80px!important;min-height: auto!important;}.card .switch_button_holder, #side_holder .small_card {display: none!important;}.card .holder {width: 100%!important;}.card hr {margin-top: 32px!important;}#main_form .input_holder input:not([type="checkbox"]) {width: 100%!important;min-width: 100%!important;}#side_holder {padding-left: 17px!important;padding-right: 17px!important;}.email_part {margin-top: 50px;width: 100%!important;padding: 8px!important;}.switch_button_holder {display: none;}.container {flex-direction: column;}.card {max-width: 616px!important;width: 100%!important;margin: auto!important;padding: 56px 0px!important;}.card .holder {max-width: 362px;width: 100%;margin:auto;}.card h1 {margin-bottom: 32px;}#side_holder {max-width: 616px!important;width: 100%!important;margin: auto!important;height: unset!important;min-height: unset!important;margin-bottom: 42px!important;}#side_holder .small_card {margin-top: 56px!important;padding: 16px 24px!important;align-items: center;}#side_holder h2 {margin-top: 52px!important;}#side_holder ul {columns: 2;-webkit-columns: 2;-moz-columns: 2;}}@media(max-width: 425px) {.container {padding: 8px!important;}.card {max-width: unset!important;width: 100%!important;min-width: 100%!important;margin: 0px!important;padding: 32px 16px!important;margin-top: 80px!important;min-height: auto!important;}.card .switch_button_holder, #side_holder .small_card {display: none!important;}.card .holder {width: 100%!important;}.card hr {margin-top: 32px!important;}#main_form .input_holder input:not([type="checkbox"]) {width: 100%!important;min-width: 100%!important;}#side_holder {padding-left: 17px!important;padding-right: 17px!important;}#side_holder ul {columns: 1;-webkit-columns: 1;-moz-columns: 1;}} .pw_eye:hover { cursor: pointer; } .error_card a { color: #1B1F27; text-decoration: underline; } .error_page { margin: auto; margin-top: 52px; }