/* PANEL */
.qr_panel_dash
{
      padding:15px 20px 30px;
      width:100%;
      margin-bottom:30px;
}
.qr_panel_content.qr_panel_dash
{
      margin:0 0 30px; ;
}

#qr_menu_div
{
      display:none;
}

#ico_rwd_p
{
      display:block;
}

#qr_panel
{
      background:#F1F3F4;           
} 

#qr_panel_menu
{
      width:100%;
      padding:20px 0 0; 
      position:absolute;
      top:0;
      left:0; 
      z-index:99;         
}

#logo_panel
{
      margin:0 26px 20px; 
}

#by_tatra
{
      position:relative;
      bottom:auto;
      left:auto;
      width:100%;                  
      padding-bottom:20px;
}

#qr_panel_path ul li a, #qr_panel_path ul li span
{
      font-size:16px;
}

#qr_panel_right
{
      margin-top:80px;
      width:100%;
}

#qr_panel_up
{
      height:100px;
      padding:0 15px;
      box-sizing:border-box;
}

.qr_panel_content
{
      background:#FFF;
      padding:15px 20px 30px;
      margin:0 10px 0px;
}

.qr_panel_content_sub
{
      margin:0 10px 30px;
}

.mar40
{
      margin-bottom:30px;
}

.code_done
{
      padding:13px 10px;
}

.scale
{
      float:none;
      display:inline-block;
}

.cal_row 
{
      width:33px;
      margin-bottom:20px;
}

.qr_panel_gray_bar
{
      margin-bottom:30px;
      border-bottom:solid 1px #E0E3E8;
}

.qr_panel_code_bar_up
{
      display:none;
}

.barup
{
      width:100%;
}

.barup1, .barup3
{
      margin-bottom:20px;
}

.code_scans
{
      display:inline-block;
}

.qr_panel_code_row
{
      padding:20px 0px;
}

.qr_panel_code_idd
{
      width:100%;
}

.qr_panel_content .qr_panel_code_idd.f_left
{
      margin-bottom:30px;
}

.qr_panel_code_idd.f_left
{
      margin-bottom:15px;
}

.qr_panel_content_grid
{
      margin:0 10px 0px;
}

.qr_panel_code_idd_in
{
      min-height:auto;
      padding:20px 15px;
      margin-bottom:15px;
}



.qr_panel_code_idd_line
{
      margin-top:20px;
}

.qr_panel_code_idd_line2
{
      padding:12px 0;
      margin-bottom:15px;
}

.qr_panel_code_idd_in_stat
{
      min-height:auto;
      padding:20px 20px 20px;
}

#cal_rows
{    
      margin-bottom:-20px;
}

.qr_panel_left
{
      width:100%;
}

.qr_panel_right
{
      background:none;
      padding:20px 0 0;
      width:100%;
}

.b_code_edit
{
      float:left;
      margin-left:0;
}

.qr_panel_code_idd #b_d_png, .qr_panel_code_idd #b_d_svg
{
      margin:0 auto 15px;   
      text-align:center;
      width:100%;  
      float:left;  
}

.qr_panel_code_idd #b_d_png a, .qr_panel_code_idd #b_d_svg a
{
      display:inline-block;
      background-image:url('images/img/download.svg');
      background-repeat:no-repeat;
      background-position:calc(50% - 85px) 50%;  
      padding:14px 0 12px;
      width:100%;   
}

.qr_panel_code_idd #b_d_svg
{
      margin:0 auto;   
}


.cal_row
{
      width:100%; /* 33px */
      text-align:left;
}

.cal_click
{
      float:right;
      width:30px;
}

.cal_wyk_div
{
      width:calc(100% - 70px);
      height:10px;
      margin:4px 0 0px;;
      float:right;
}

.cal_day
{
      width:40px;
      float:right;
}
 
.cal_wyk
{
      position:relative;
      bottom:auto;
      left:auto;
      width:10px;
      height:10px;
      max-height:10px;
      max-width:130px;
      border-radius: 8px;
      background: #283D5A;
}
 
.cal_wyk_0
{
      background: #D1D0D0;
      height:10px;
      width:10px;
}

.submit_bottom
{
      text-align:center;
      margin-top:0px;
}

#main_pass_div
{
      margin:50px auto 0;
}

#main_pass
{
      padding:20px;
}

#qr_panel_user
{
      display:none;
}

.code_done
{
      padding:10px 16px 20px;
      text-align:center;
      width:100%;
      box-sizing:border-box;
}

.b_button.add_code
{
      padding-left:0;
      padding-right:0;
      width:100%;  
      text-align:center;
}

.b_button.add_code a
{
      display:inline-block;
      background-image:url('images/img/add_code.svg');
      background-repeat:no-repeat;
      background-position:calc(50% - 55px) 50%;  
      padding:0px 0 0px;
      width:100%;   
}

.popup_code
{
      padding:20px 20px 20px;
      max-width:calc(100% - 20px);
      border-radius: 12px;
      box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
      width:785px;
      z-index:20;
}

.popup_code .close_m_p
{
      right:20px;
      top:20px;
}

.code_img_idd
{
}

.code_img_idd_div
{
      width:100%;
      margin:16px auto 45px;
}


.copy_link
{
      position:absolute;
      bottom:25px;
      left: 50%;
      transform: translate(-50%,0); 
      width:205px;
      text-align:center;     
}

.ico_cal
{
      font-size:0;
      padding-left:25px;
      color:#fff;
}

.qr_panel_right_text
{
      width:100%;
      margin:0 auto 40px;
}

/* STRONA */
.main_width
{
      width:100%;
}

#up
{
      height:70px;
      padding:0 16px;
}

#logo
{
      padding-right:13px;
      margin-right:10px;
      margin-top:17px;
      width:105px;
      height:38px;
      background-size:105px 38px;
}

#logo_text
{
      margin:27px 0 0;
}

#logo_text .f14
{
      font-size:13px;
}

#menu_hor
{
      display:none;
}

#menu_hor
{
      width:100%;
      position:absolute;
      top:70px;
      left:0;
      margin:0;
      background:#fff;
      padding:0px 0 0px;
      box-shadow: 0px 7px 6px 0px rgba(0, 0, 0, 0.05);
}

#menu_hor ul li
{
      padding:0;
      font-size:18px;
      position:relative;
      display:block;
      text-align:center;
      margin:0;
      line-height:50px;
      width:100%;
}

#menu_hor ul li a, #menu_hor ul li span
{
      display:block;
      text-align:center;
      padding:0;
      margin:0;
}  

#b_client
{
      margin:12px 0 0 0px;      
      background-image:url('images/img/img_login_m.svg'); 
      background-repeat:no-repeat;
      background-position:50% 50%;
      background-color:transparent;
      width:43px;
      height:43px;
      padding:0;
      border-radius:0px;
      font-size:0;      
}

#close
{
      position:absolute;
      top:12px;
      right:16px;
      background-image:url('images/img/close.svg'); 
      background-repeat:no-repeat;
      background-position:50% 50%;
      background-color:#fff;
      width:43px;
      height:43px;
      cursor:pointer;
}

#ico_rwd
{
      margin:12px 0 0 5px;      
      display:block;
      width:43px;
      height:43px;
}
#ico_rwd a
{
      display:inline-block;
      background-image:url('images/img/ico_rwd.svg'); 
      background-repeat:no-repeat;
      background-position:50% 50%;
      background-color:transparent;     
      width:100%;
      height:100%;
}

#menu_down
{
      display:block;
      background:url('images/img/menu_img.svg') no-repeat 50% 35px; 
      padding:240px 0 28px;
}

#b_client:hover, #ico_rwd:hover
{
      /*background-color:#fafafa;*/ 
}

.f40
{
      font-size:32px;
}

.mar90
{
      margin-bottom:40px;
}


#slider
{
      padding:10px 30px 60px;
}

#slider_div
{
      background:url('images/img/slider.svg') no-repeat 50% 40px;     
      background-size:auto 145px;
      height:auto;      
}

#slider_cennik
{
      background:url('images/img/slider_cennik.svg') no-repeat 50% 40px;
      background-size:auto 145px;     
      height:auto;      
}

#slider_cennik .mar90
{
      margin-bottom:0px;
}

#slider_gen_kod
{
      padding:55px 0;
}

#gen_kod_div_downl
{
      padding:32px 20px 20px;
      margin-bottom:20px;
}

.slider_gen_kod_text
{
      padding:0 30px;
}

#slider_dyn_div
{
      background:url('images/img/slider_dyn_code.svg') no-repeat 50% 40px;
      background-size:auto 145px;    
}

#slider_text
{
      padding-top:210px;
      width:100%;
      text-align:center;
}

#slider_text .f18
{
      font-size:16px;
      line-height: normal;
}

#slider_text .b_button
{
      float:none;
      margin-bottom:20px;
      margin-right:0px;
}

#slider_text .b_button:last-of-type
{
      margin-bottom:0px;
}

.section_main
{
      padding:50px 30px;            
}

.section_gray
{
      padding-bottom:50px;     
}

.section_gray20
{
      padding-bottom:20px;     
}

.section_main_sub
{
      padding:0 10px;     
}

.section_main_sub_dyn
{
      padding:0 30px;     
}

.sub_cennik
{
      width:100%;
      height:auto;
      margin:0px 0px 30px 0;  
}

.sub_cennik_top
{
      padding:25px 30px;
      height: auto;      
}

.sub_cennik_text
{
      padding:25px 30px 35px;
}

.sub_cennik_foot
{
      padding:0 20px;
}

.sub_cennik_div
{
      margin-bottom:20px;
}

.sub_cennik_top .f16
{
      line-height:normal;     
}

#kontakt_div_main
{
      /*width:860px;
      margin:0 auto;*/
      padding:0 30px;      
}

.section_box, .kontakt_div
{
      width:100%;
      margin:0 0 20px 0;
}

.section_box:nth-of-type(2n), .kontakt_div:nth-of-type(2n)
{
      margin-right:0;
}

.kontakt_div:nth-of-type(4)
{
      margin-bottom:0;
}

.section_box:last-of-type
{
      margin-bottom:40px;
}

.section_hor
{
      padding:0px 0px;
      text-align:center;
}

.section_box3
{
      margin-bottom:0px;
      float:none;
      margin:0 auto;
}

.section_box3_text
{
      width:100%;
      margin:45px 0 60px;
}

.section_box3_text:last-of-type
{
      margin-bottom:40px;
}

.section_box2
{
      padding:172px 32px 60px;
      width:100%;
      margin:0 0px 20px;
}

.section_box2:last-of-type
{
      margin:0 0px 0px;
}






#b_account
{
      padding:14px 25px 12px;
      padding-right:50px;
      width:180px;
      margin:0 auto 20px;
      display:block;
      box-sizing:border-box;
      background-position: right 25px top 50%;
}

#b_package
{
      padding:14px 25px 12px;
      width:180px;
      margin:0 auto;
      display:block;
      box-sizing:border-box;
}






.main_faq
{
      padding:0 0px;
}

.main_faq .section_main_lab
{
      margin-bottom:30px;      
}

.faq_row_quest
{
      padding:15px 40px 15px 0;
      line-height:normal;
}

.faq_row_quest_sel
{
      font-weight:700;
}

.faq_row_answ
{      
      padding:0 0 15px;
      line-height:normal;
}

#foot_top
{
      padding:50px 0px;
      margin:0 30px;
      width:auto;
      box-sizing:border-box;
      text-align:center;   
}

#foot_top div
{
      width:100%;
      margin-bottom:30px;
}

#b_login
{
      float:none;   
}

#foot_bottom
{
      padding:60px 30px 40px;
}

#foot_inf
{
      width:100%;
}

#foot_usl
{
      margin:0 0 30px;
      width:100%;
}

#foot_logo
{
      margin:0 0 40px;
      width:100%;
      text-align:center;
}

#logo_foot
{
      background:url('images/img/logo_foot.svg') no-repeat 0 0;
      margin:0 auto;
      margin-bottom:25px;
}

#text_content
{
      padding:0 30px;
}

.sub_content
{
      padding:50px 0; 
}

#main .text_title_w h2, #main .text_title_w span
{  
      margin-bottom:40px;
      padding:0 30px;
}

.sub_content_login
{
      padding:40px 10px;
}
.login_div
{
      width:100%;
      padding:35px 20px 30px;
      box-sizing:border-box;
}
.login_pass_div
{
      padding:25px;
}

.input_form_log
{
      width:calc(100% - 70px);
}

.inp_pass
{
      width:calc(100% - 120px);
}

#gen_kod_div_uber
{
      margin:40px auto 0;
      width:100%;
      box-sizing:border-box;
      padding:0 10px;
}

#gen_kod_div
{
      padding:20px;
      margin:0 auto;
}

#gen_kod_div .tab_text_in
{
      padding:0;
}

#div_select_uber
{      
      position:relative;
      width:100%;
      z-index:10;
      margin-bottom:10px;
}

#div_select
{
      margin-bottom:25px;
}

#gen_kod_tabs
{
      margin-bottom:20px;
      border-bottom:solid 0px rgba(40, 61, 90, 0.15);
}

.gen_kod_tab
{
      width:100%;
      box-sizing:border-box;
      border-radius: 6px;
      background:#eee;
      margin-bottom:1px;
}

.gen_kod_tab_sel
{
      background:#283D5A;
}

.gen_kod_tab:hover
{
      background:#283D5A;
      color:#fff;
}

#tab_foot
{
      height:auto;
}

#tab_foot .tab_more
{
      margin-bottom:20px;
}

#tab_more_div
{
      width:100%;
      position:relative;
      top:auto;
      left:auto;
      height:auto;
      margin-top:0px;
}

#tab_gen
{
      position:relative;
      right:auto;
      bottom:auto;
      width:100%;
      margin-top:0px;
      height:50px;
      z-index:1;
}

#button_gen
{
      width:100%;
}

#gen_kod_img_div
{
      margin:22px 0 22px;
      padding:15px 0 30px;
      text-align:center;
      
}

#qr_img
{
      float:none;
      margin-bottom:15px;
}

#gen_kod_div_right
{
      width:100%;
}

.b_downl
{
      margin:0 auto 20px;      
      padding:0px;     
      float:none;
      display:block;
      width:210px;
}