.md-stepper-horizontal { flex-direction: row; display: flex;justify-content: space-between; align-items: center;width:100%;margin: 0 auto;}.md-step-bar { border-top: 3px solid #DDDDDD; flex: 1 0 8px; width: 100%; height: 1px; top: 50%; right: 0; opacity: 40%; z-index: -1;}.md-step-bar.active { border-top: 3px solid #187697 !important;}.md-step-bar.inactive { border-top: 3px solid #DF6D89 !important;}.md-step { left: 0;right: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column;position: relative; flex: 0 1 264px;}.md-step-box { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 24px; width: 100%; max-height: 140px; border-radius: 32px;}.md-step-box.active { color: #115C81; background-color: #fff; border: 2px solid #115C81;}.md-step-box.inactive { color: #DF6D89; background-color: #F4F5F7; border: 2px solid #F4F5F7;}.md-step-box.done { color: #115C81; background-color: #FFF; border: 2px solid #E2E0DE; cursor: pointer; z-index: 10;}.md-step-circle { flex: 0 0 50px; display: flex; justify-content: center; flex-direction: column; position: relative; width: 50px; height: 50px; padding-top: 5px; z-index: 1; margin: 0 auto;border-radius: 50%;text-align: center;line-height:30px;}.md-step-circle.active { background-color: #115C81; border: none;}.md-step-circle.inactive { background-color: #F4F5F7; border: 1px solid #DF6D89;}.md-step-circle.done { background-color: #FFF; border: 1px solid #115C81;}.md-step-circle span { vertical-align: middle; font-family: 'Panton'; font-size: 24px; line-height: 30px;}.md-step-circle.active span { color: #FFFFFF; font-weight: 500;}.md-step-circle.inactive span { color: #DF6D89; font-weight: 400;}.md-step-title { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; margin-top:16px; font-family: 'Panton'; text-align: center;}.md-step-box.active .md-step-title { font-size: 20px; font-weight: 700; line-height: 24px;}.md-step-box.inactive .md-step-title,.md-step-box.done .md-step-title { font-size: 18px; font-weight: 400; line-height: 22px;}.file_input_holder:first-child { margin-top: 20px;}.file_input_holder { padding-top: 12px; min-height: 110px; border: 1px dashed #313131; max-width: 1280px; margin-bottom: 20px;}.file_input_holder_content { display: flex; justify-content: center; align-items: center; gap: 8px;}.file_input_holder input::file-selector-button:hover { background: #fff; cursor: pointer;}.file_input_holder input::file-selector-button { width: 240px; max-width: 240px; height: 56px; border-radius: 100px; background: #fff; background-color: #fff; border: 1px solid #8F1C6B; color: #8F1C6B; font-size: 18px; font-weight: 500;}.file_input_holder label { color: #2E2E2E; font-size: 14px; font-weight: 400;}.file_input_holder label:hover { cursor: pointer;}input[type=file] { width: 260px; color: transparent; outline: none; border: none;}input[type=file]:hover { cursor: pointer;}.file_info_text { opacity: 60%; font-size: 14px; font-weight: 400; color: #313131; text-align: center; margin: 0;}#login_body_wrapper{min-height: 100%; padding-bottom: 115px; position: relative; float: left; width: 100%;}#login_content { margin: auto; position: relative; min-height: 100%; width: 100%; text-align: center;z-index: 2;}#login_footer{position: absolute;bottom: 0;left: 0;width: 100%;height: 105px;background: black;border-top: 5px solid white;}#login_form_ul{text-align: left;}#login_body_wrapper.mobile #login_footer { bottom: auto; top: 0; height: 61px; border-top: 0; border-bottom: 1px solid white;}#login_body_wrapper.mobile{padding-bottom: 0;padding-top: 80px;}#login_body_wrapper.mobile #login_logo{top: -2px; width: 64px; height: 80px; left: 10px;background: url(p.mkb_logo_small.png) center bottom no-repeat;border: 2px solid white;}#login_logo{position: absolute;bottom: 50px;left: 0;width: 220px;z-index: 2;height: 282px;background: url(p.mkb_logo_big.png) center bottom no-repeat;background-size: contain;}#login_form{width: 100%;max-width: 1280px;margin: 15px auto; border-radius: 32px;position: relative;display: inline-block;vertical-align: top;}#login_egyeb_linkek{text-align: center;}#login_egyeb_linkek a{margin: 3px;display: inline-block;}.flex_row { flex-direction: row;}.flex_justify { justify-content: space-between;}.flex{ display: flex;}.flex .infoicon_holder{ width: initial;}.baseline { justify-content: baseline;}.attekintes_adatok { width: 49%; display: inline-block; padding-left: 5px;}.attekintes_adatok img { width: 20px; height: 20px; margin-right: 8px; border-radius: 20px; vertical-align: middle;}.attekintes_adatok h4 { padding: 0; margin-bottom: 0; margin-top: 4px;}.attekintes_adatok_modositas a { font-size: 18px; font-weight: 500;}.attekintes_portfoliok,.attekintes_kedvezmenyezettek,.attekintes_portfoliok_holder,.attekintes_kedvezmenyezettek_holder { margin-bottom: 12px;}#attekintes_adatok_mkb_telefon img, #attekintes_adatok_mkb_email img, #attekintes_adatok_hirlevel_telefon img, #attekintes_adatok_hirlevel_email img{ margin-left: 12px;}#attekintes_adatok_atado_penztar_content,#attekintes_adatok_tagszervezo_content { display: none;}#attekintes_adatok_email,#attekintes_adatok_bankszamlaszam,#attekintes_adatok_elektronikus_ugyintezes_email { margin-bottom: 32px;}#attekintes_adatok_atado_penztar_content,#attekintes_adatok_tagszervezo_content { margin-top: 32px;}#kedvezmenyezett_id { margin-top: 16px;}.submit_form_holder { display: flex; justify-content: space-between; gap: 16px;}.submit_form_holder .submit_form_card { max-width: 630px; width: 630px;}.submit_form_holder .submit_form_card #upload_btn{ margin-left: 0px; width: 270px;}.submit_form_holder .submit_form_card h4 { padding-left: 5px; margin-top: 12px;}.submit_form_card{ width: 100%; max-width: 1280px; margin: 30px auto; padding: 20px; border-radius: 32px; background: #ECEFF1;}.submit_form_card a { padding-left: 5px;}.submit_form_card_title { padding-left: 5px; font-weight: 500;font-size: 20px; line-height: 24px; margin-bottom: 10px; margin-right: 10px;}.submit_form_card_title.opcionalis_adatok { margin-bottom: 20px;}.submit_form_card_title.attekintes { margin-bottom: 24px;}.submit_form_card .checkbox_holder { margin-bottom: 10px;}.uj_kedvezmenyezett_form { display: none;}.uj_kedvezmenyezett_form_card { background-color: #fff; width: 100%; margin-bottom: 40px; padding: 20px; border-radius: 32px;}.uj_kedvezmenyezett_form_card .input_holder.hw { width: 48%;}.uj_kedvezmenyezett_form_card .checkbox_holder { margin-bottom: 20px !important;}.kedvezmenyezett_lakcim_megegyezik_content .input_holder.hw{ width: 49%;}.uj_kedvezmenyezett_form_card .input_holder.tw { width: 31.5%;}.kedvezmenyezett_lakcim_megegyezik_content .input_holder.qw { width: 23.5%;}.kedvezmenyezett_lakcim_megegyezik_content { display: block;}#portfolio_valtas { margin-bottom: 32px;}#portfolio_valtas_content { display: none;}#portfolio_valtas_dropdown:hover { cursor:pointer;}#portfolio_valtas_dropdown img { width: 26px; height: 14px;}.portfolio_kivalasztasa { max-width: 60%; margin: auto;}.portfolio_title { display: flex; justify-content: space-between;}.portfolio_title_vagyon_arany { min-width: 184px; text-align: center;}.portfolio_kivalasztasa .checkbox_holder, .portfolio_kivalasztasa .vagyon_arany_holder { align-items: center; margin-top: 16px; margin-bottom: 16px;}.portfolio_vagyon_arany { text-align: center;}.portfolio_vagyon_arany button { display: flex; justify-content: center; align-items: center;}.vagyon_arany_holder span { width: 100%;}.vagyon_arany_szazalek { max-width: 40px; min-width: 40px;}.portfolio_megnevezese span { margin-left: 8px;}.vagyon_arany_holder { align-items: center; gap: 24px;}.vagyon_arany_holder .btn_holder { padding-top: 0px;}.fw { width: 99% !important;}.tw { width: 32.3%;}.qw { width: 24%;}.ew { width: 12%;}.w20 { width: 20%;}#login_submit_btn, #upload_btn{ width: 144px; height: 56px; font-size: 16px; font-weight: 500; line-height: 32px; padding: 12px 40px 12px 40px; border-radius: 100px; float: right;}#upload_btn { float: left !important; width: 360px;}.upload_btn_holder { margin-top: -32px; padding-bottom: 64px; text-align: left !important;}.checkbox_holder { padding-left: 4px;}.checkbox_holder .fw{ padding-left: 4px;}.checkbox_holder span { background-color: #fff;}.input_holder label { font-weight: 400;}h1 { margin-top: 50px;}h4 { margin-top: 0px; margin-bottom: 0px; font-size: 16px; font-weight: 600; line-height: 22px;}p { margin-left: 5px;}.lakcim_card .tw{ width: 32%;}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}input[type=number] { -moz-appearance: textfield;}.nyilatkozat_belepesrol .checkbox_holder { margin-top: 16px;}#online_belepes { display: flex; flex-direction: column; align-items: center;}#inner_content { max-width: 1280px !important;}.align_right { text-align: right;}.step_hide{ display: none !important;}.step_show{ display: block;}.belepes_form .checkbox_holder { margin-top: 16px;}.belepes_form_card { width: 100%; max-width: 880px; padding: 20px; border-radius: 32px; background: #ECEFF1;}.belepes_form_card .infoicon { margin-left: 4px;}#e_belepes { display: none;}#belepes_veglegesitese { display: none;}#ertesitesi_cim_egyezik_content, #szuletesi_nev_egyezik_content, #kedvezmenyezett_szuletesi_nev_egyezik_content { display: block;}#nyilatkozat_holder, #mas_penztarbol_lepek_at_content { margin-left: 3px; display: none;}#nyilatkozat_content p { padding-left: 0;}#recaptcha{margin-top: 15px;}.required_star:after { content:" *"; color: #C90C3B;}.info_text { font-size: 16px; font-weight: 400;}#hr_mobilnezet { display: none;}#feltoltott_fajlok_jobb a{ font-size: 18px;}.feltoltott_fajlok_content .submit_form_card{ margin: 8px auto;}#feltoltott_fajl_statusz_img img{ margin-right: 12px; width: 38px; height: 38px;}#feltoltott_fajl_meret { margin-right: 12px;}#feltoltott_fajl_statusz_text { font-size: 14px;}.feltoltott_fajl { display: flex; justify-content: space-between; align-items: center;}#feltoltott_fajlok_bal { align-items: center; display: flex;}#fajl_torlese { font-weight: 500;}#fajl_torlese a { font-size: 18px;}.fajl_torles_disabled { color: #9E9E9E; cursor: pointer; font-size: 18px;}.feltoltes_sikeres.submit_form_card { background-color: #ECEFF1;}.feltoltes_sikertelen.submit_form_card { background-color: rgba(236, 239, 241, 0.6);}.igen_nem_radio label{ margin-right: 16px; margin-top: 0;}@media screen and (max-width: 1024px){ .submit_form_card p { margin-left: 5px; } .belepes_form_card p { margin: 0; }; p { margin: 25px; } h3 { margin-left: 5px; } #step_2 .input_holder.qw { width: 49%; } #nyilatkozat_content p { margin-left: 0px !important; } .submit_form_card p { margin-top: 10px; margin-bottom: 10px; } .md-step-title { margin-top: 14px; } .md-step-box { padding: 20px; } .md-step-box.active .md-step-title { font-size: 18px; } .md-step-box.inactive .md-step-title, .md-step-box.done .md-step-title { font-size: 16px; } #szemelyes_adatok_nevek .input_holder.qw { width: 49%; } #lakcim_content .input_holder.tw{ width: 49%; } #lakcim_content .input_holder.ew, #lakcim_content .input_holder.w20 { width: 49%; } .kedvezmenyezett_reszarany.qw, .kedvezmenyezett_orszag.qw { width: 49% !important; } .portfolio_kivalasztasa { max-width: 100%; }}@media screen and (max-width: 768px) { h3 { font-size: 20px; } .submit_form_holder { flex-direction: column; } .submit_form_holder .submit_form_card.hw { width: 100%; max-width: 100%; } .submit_form_holder .submit_form_card p { margin-top: 0; } #step_2 .input_holder.qw { width: 49%; } .md-step-box { height: 160px; padding: 16px; } .md-step-title { flex: 1 0 auto; margin-top: 14px; } .md-step-circle { flex: 0 0 50px; } .md-step-box.active .md-step-title { font-size: 18px; } .md-step-box.inactive .md-step-title, .md-step-box.done .md-step-title { font-size: 16px; } #szemelyes_adatok_nevek .input_holder.qw { width: 49%; } #lakcim_content .input_holder.tw{ width: 49%; } #lakcim_content .input_holder.ew, #lakcim_content .input_holder.w20 { width: 49%; } .uj_kedvezmenyezett_form_card .input_holder.ew { width: 48%; } .uj_kedvezmenyezett_form_card .input_holder.tw, .uj_kedvezmenyezett_form_card .checkbox_holder.qw { width: 100%; }}@media screen and (max-width: 540px){ p { margin-left: 0 !important; } h1 { margin-left: 15px; } h3 { font-weight: 500; font-size: 20px !important; margin-left: 0 !important; } h4 { margin-top: 10px; margin-bottom: 5px; margin: auto; } .portfolio_title { flex-direction: column; text-align: center; } .portfolio_item { text-align: center; flex-direction: column; justify-content: center; } .portfolio_checkbox_holder { margin: auto; } .vagyon_arany_holder { margin: auto; height: 48px; flex-direction: row; } .outer_content { margin-left: 15px; margin-right: 15px; } .portfolio_kivalasztasa .checkbox_holder, .portfolio_kivalasztasa .vagyon_arany_holder { align-items: center; height: 32px; } #hr_mobilnezet { display: block; margin-top: 60px; margin-bottom: 20px; } #fajlok_bekuldese { width: 100%; } #feltoltott_fajl_meret { font-size: 14px; } #feltoltott_fajlok_jobb { display: flex; flex-direction: column; } .submit_form_holder .submit_form_card h4 { padding-left: 0; } .submit_form_card #upload_btn { margin-top: 16px; margin-bottom: 32px; } .file_upload_holder { margin-top: 16px; margin-bottom: 60px; } .file_input_holder { border: none; flex-direction: column; } .file_input_holder_content label{ display: none; } .file_info_text { margin-top: 20px; } .attekintes_adatok.hw { width: 99%; } .attekintes_adatok { padding-left: 0; } #login_form{ padding: 10px; margin: 0 !important; } #upload_btn { line-height: normal; font-size: 18px; width: 97%; align-items: center; justify-content: center; display: flex; } #login_submit_btn { font-size: 18px; width: 97%; } #step_1 .tw { width: 100%; } .input_holder { display: block; margin-bottom: 10px; } .input_holder.qw { width: 100% !important; } .uj_kedvezmenyezett_form_card .input_holder.tw, .uj_kedvezmenyezett_form_card .input_holder.hw, .uj_kedvezmenyezett_form_card .input_holder.ew, .uj_kedvezmenyezett_form_card .checkbox_holder.qw{ width: 100%; } .submit_form_card { padding-right: 14px !important; padding-left: 14px !important; margin-top: 10px !important; } .submit_form_card_title { padding-left: 0; } .submit_form_card label { margin-bottom: 4px; } .input_holder:last-child { margin-bottom: 0; } .submit_form_card a { padding-left: 0; word-wrap: break-word; } #nyilatkozat_holder { margin-left: 0 !important; } #szemelyes_adatok_nevek .input_holder.qw { width: 99%; } #lakcim_content .input_holder.tw{ width: 99%; } #lakcim_content .input_holder.ew, #lakcim_content .input_holder.w20 { width: 99%; } .md-stepper-horizontal { padding-left: 5px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; width:100%; margin: 0 auto; } .md-step { margin-bottom: 16px; left: 0; right: 0; z-index: -1; display: flex; flex-direction: row; flex: 0 1 auto; } .md-step-bar { display: none; } .md-step-bar.active { display: none; } .md-step-bar.inactive { display: none; } .md-step-box { display: flex; flex-direction: row; margin-right: 0px; margin-bottom: 4px; padding: 0px; height: 24px; border-radius: 0px; } .md-step-box.active { color: #115C81; background-color: #fff; border: none; } .md-step-box.inactive { color: #DF6D89; background-color: #fff !important; border: none; } .md-step-box.done { color: #115C81; background-color: #FFF; border: none !important; } .md-step-circle { flex: 0 0 30px; padding-top: 0 !important; width: 30px; height: 30px; z-index: 1; margin-left: 10px; margin-right: 16px; border-radius: 50%; text-align: center; } .md-step-circle.active { background-color: #115C81; border: none; } .md-step-circle.inactive { background-color: #fff !important; border: 1px solid #DF6D89; } .md-step-circle.done { background-color: #FFF; border: 1px solid #115C81; } .md-step-circle span { font-family: 'Panton'; font-size: 14px; line-height: 16px; } .md-step-circle.active span { color: #FFFFFF; font-weight: 500; } .md-step-circle.inactive span { color: #DF6D89; font-weight: 400; } .md-step-circle span img { width: 16px; height: 14px; } .md-step-title { margin-top: 5px; font-family: 'Panton'; text-align: center; } .md-step-box.active .md-step-title { font-size: 20px; font-weight: 700; line-height: 24px; } .md-step-box.inactive .md-step-title, .md-step-box.done .md-step-title { font-size: 18px; font-weight: 400; line-height: 22px; }}