/* FONTS */

@import url("https://p.typekit.net/p.css?s=1&k=ozm1fnb&ht=tk&f=28977.28982.28986.28991&a=75656067&app=typekit&e=css");

/*Titilium Webr egular */

@font-face {
  font-family: 'titillium';
  src: url('../fonts/TitilliumWeb-ExtraLight.ttf');
  /*src: url('../fonts/titilliumweb-regular-webfont.woff2') format('woff2'),
       url('../fonts/titilliumweb-regular-webfont.woff') format('woff');
       */
  font-weight: lighter;

}

@font-face {
    font-family: 'titillium';
    src: url('../fonts/TitilliumWeb-Regular.ttf');
    /*src: url('../fonts/titilliumweb-regular-webfont.woff2') format('woff2'),
         url('../fonts/titilliumweb-regular-webfont.woff') format('woff');
         */
    font-weight: normal;

}

@font-face {
  font-family: 'titillium';
  src: url('../fonts/TitilliumWeb-Bold.ttf');
  /*src: url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'),
      url('../fonts/TitilliumWeb-Bold.woff') format('woff');
      */
  font-weight: bold;
}

.font-titillium { font-family: "termina",sans-serif; }

/* termina */
@font-face {
  font-family:"termina";
  src:url("https://use.typekit.net/af/1d76ab/00000000000000007735b21c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/1d76ab/00000000000000007735b21c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/1d76ab/00000000000000007735b21c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:400;
  }
  
  @font-face {
  font-family:"termina";
  src:url("https://use.typekit.net/af/3e72b6/00000000000000007735b21e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/3e72b6/00000000000000007735b21e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/3e72b6/00000000000000007735b21e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:500;
  }
  
  @font-face {
  font-family:"termina";
  src:url("https://use.typekit.net/af/275a7d/00000000000000007735b220/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/275a7d/00000000000000007735b220/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/275a7d/00000000000000007735b220/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:600;
  }
  
  @font-face {
  font-family:"termina";
  src:url("https://use.typekit.net/af/574117/00000000000000007735b222/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/574117/00000000000000007735b222/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/574117/00000000000000007735b222/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:700;
  }
  
  .font-termina { font-family: "termina",sans-serif; }

:root {
 
  --top_cont_height: clamp(50px, 8%, 82px);

  --standard_space: clamp(18px, 1.67vw, 32px);
  
  --standard_top_big: 4.27vh;
  --standard_top_big_clamp: clamp(20px, 4.27vh, 40px);
  --standard_top_large: 2.28vh;
  --standard_top_large_clamp: clamp(10px, 2.28vh, 20px);
  --standard_top_small: 1.14vh;
  --standard_top_small_clamp: clamp(6px, 1.28vh, 12px);
  --border_image: 2.28vh;
  --border_image_clamp: clamp(10px, 2.28vh, 20px);

}

@media (max-width: 900px){

  body {
    position: fixed;
  }

  :focus {
    outline: none !important;
  }

    body header {
      height: 10% !important;
    }

    #rc_aside_left {
           
      top: inherit !important;
      height: 0px;
      top: calc(40% + 44px) !important;
      width:100% !important;
      z-index: 110 !important;
      max-width: 100% !important;
      max-height: 100% !important;
      padding-left: 20px !important; 
      padding-right: 20px !important;
      transition: 0.5s;
    }

    .rc_con_part_nav ul {
      margin-top: 20px !important;
    }

    .rc_con_part_nav li {
      border: none !important;
    }

    .switch_toogle_edge {
      display: none !important;
    }

    #rc_aside_right {
      display: none;
      width:100%;
      z-index: 105 !important;
      bottom: 0px !important;
      top: auto !important;
      padding-bottom: 40px;
    }

    .stage_conf_container {
      overflow-y: auto;
      margin-bottom: 20px;
    }

    .display_in_mobile_right {
      display:block !important;
      height: 60% !important;
   
    }
    .rc_bt_nav {
      left:0px !important;
      right:0px !important;
      bottom:60px !important;

    }

    .rc_bt_cont_m {
      display: flex;
      flex-direction: row;
      justify-content: space-between !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
      box-sizing: border-box !important;
      gap: 12px !important;
      position: relative !important;
      align-items: center;
      height: 100%;
      width: 100%;
  }
    

    .rc_bt_nav_element {
      min-width: inherit !important;
      max-width: inherit !important;
      width:59% !important;
      font-size: 10px !important;

    }

    .rc_header_logos {
      width: 40% !important;
      max-width: 160px !important;
      min-width: 160px !important;
      height:35px !important;
    }

    #recco_logo_svg {
      height:80% !important;
    }

    #language_change {
      border: none !important;
    }

    #left_header_cont {
      min-width: 90px !important;
      max-width: 100px !important;
    }

    #rc_header_text {
      display: none;
    }

    .start_page {
     
      overflow: hidden !important;
      box-sizing: border-box;
      top:10% !important;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      height: 90% !important;
    }

    .product_list_items {
        height:auto !important;
        overflow-y: auto;
        align-items: center !important;
        align-content: normal !important;


    }

    .product_config_label {
      letter-spacing: 0.05em !important;
      font-size: 14px !important;
    }

    .rc_dis_ctrl li span {
      display: none !important;
    }

    .top_navigation_bar {
      left: 0px !important;
      right: 0px !important;
      display: flex !important;
      flex-direction: row !important;
      padding-right: 0px !important;
      padding-left: 0px !important;
      justify-content: center !important;
      align-items: center !important;
      min-height: inherit !important;
      max-height: inherit !important;
      height: auto !important;
      top:12% !important;
    }



    .top_navigation_bar .background_change_radio_form span {
      display: none !important;
    }

    .top_navigation_bar .background_change_radio_form ul span {
      display: grid !important;
    }

    .top_navigation_bar .position_changer {
      transform: rotate(90deg);
    }

    .background_change_radio_form {
      flex-direction: row !important;
      top: 10% !important;
    }

    #fullscreen_on_bt {
      display: none !important;
    }

    .quality_changer_cont {
      justify-content: flex-start !important;
      display: none !important;
    }

    .top_navigation_bar .background_change_radio_form span {
      font-size: 10px !important;

    }

    .quality_changer_cont span {
      font-size: 10px !important;
    }

    #right_menu_mob {
      display: flex !important;
    }

    .stage_conf_next_prev {
      bottom: 15px !important;
      height: 40px;
    }

    .stage_conf_forms {
      overflow: hidden !important;
      overflow-y: auto !important;
      height: calc(100% - 75px) !important;
    }
    .acc_selected_conf {
      overflow: hidden;
      overflow-y: auto;
    }

    .corner_container_enable {
      min-height: 56px !important;
      height: 56px !important;
    }
    .corner_side_selected {
      height: 40px !important;
      min-height: 40px !important;
    }

    .accessories_images {
      display: none !important;
    }

    .addet_to_quote_info {
      overflow: hidden !important;
      overflow-y: auto !important;
      
    }

    .main_summary_cont {
      top: 0px !important;
    }

    .mian_summary_back_button {
      top: 5px !important;
      left:5px !important;
    }

    .mian_summary_go_to_form {
      top: 5px !important;
      right: 5px !important;
    }

    .main_summary_items_cont {
      min-width: 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      margin-top: 30px !important;

    } 

    .main_summary_item img {
      max-width: 300px !important;
      max-height: inherit !important;
      margin-top:10px;
    }

    .main_summary_image {
      width: 100% !important;
      padding: 20px !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
    }

    

    .submit_form  {
      max-width: 100% !important;
      min-width: 100% !important;
      width:100% !important
    }

    .form_container_line, .form_container_line_one {
      flex-direction: column !important;
    }
    .submit_form_input {
      width: 90% !important;
    }
    .submit_textarea_cont {
      width:90% !important;
    }

    .submit_form_rodo {
      width:90%;
    }

    .main_summary_bottom_bar {
      padding-left: 5% !important;
      padding-right: 5% !important;
      min-height: 50px !important;
      max-height: 60px !important;
    }

    .main_summary_bottom_bar .standard_button_height img{
      display: none !important;  
    }

    .submit_form_text_header_pdf {
      padding-left: 5% !important;
      padding-right: 5% !important;
      text-align: center;
    }
    
    .main_summary_bottom_bar .standard_button_height {
      text-align: center !important;
    }

    .main_summary_items_list {
      padding-left: 5% !important;
      padding-right: 5% !important;
      box-sizing: border-box !important;
    }
    .main_summary_item_conf_pcs_cont {
      min-width: 65px !important;
      max-width: 75px !important;
    }

    .main_summary_conf_lp_cont {
      min-width: 30px !important;
      max-width: 40px !important;
    }

    .addet_to_quote_new_conf {
      margin-bottom: 20px;
    }

    .background_change_radio_form ul {
      flex-direction: row !important;
    }

    .projection_navigation {
      bottom: 40px !important;
      left:-1px !important;
      justify-content: center !important;
      width:40px !important;
      padding-top: 0px !important;
      overflow: hidden;
      transition: .5s;
    }

    .rc_dis_ctrl li {
      margin-top: 8px !important;
      
    }
    .rc_dis_ctrl a {
      width:40px !important;
      height: 40px !important;
      min-width: 40px !important;
      max-width: 40px !important;
      background-color: #fff;
    }

    .rc_dis_ctrl {
      padding-left: 0px !important;
    }

    .bottom_nav_start_over, .bottom_nav_dwon_viz, .bottom_nav_pres_nav
    {
      height:40px !important;
      width:40px !important;
      min-width: 40px !important;
      max-width: 40px !important;
      min-height: 40px !important;
      max-height: 40px !important;
    }

    .bottom_nav_start_over span, .bottom_nav_dwon_viz span
    {
      display:none;
    }

    .bottom_nav_start_over img, .bottom_nav_dwon_viz img, .bottom_nav_pres_nav img
    {
      margin-right: 0px !important;
    }

    .bottom_nav_add_quote {
      height: 40px !important;
      font-size: 14px !important;
      letter-spacing: 0.12em !important;
    }

    .main_summary_bt_nav {
      width:100% !important;
      min-width: 100% !important;
      max-width: 100% !important;
      margin-top:12px !important;
      height: 40px !important;
      max-height: 40px !important;
      min-height: 40px !important;
      font-size: 14px !important;
      letter-spacing: 0.12em !important;
    }

    .bottom_nav_pres_nav {
      position: relative;
    }

    /* .standard_button_border:hover {
      border: 1px solid #c2c2c2 !important;
      background-color: #fff !important;
    } */

    .bottom_nav_pres_nav_active {
      border-color: #3b3e40 !important;
      background-color: #3b3e40 !important;
    }

    .bottom_nav_pres_nav_active span {
      position: absolute;
      bottom:39px;
      width: 0; 
      height: 0; 
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #3b3e40;
    }

    .bottom_nav_pres_nav_active img {
      filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(8%) hue-rotate(159deg) brightness(104%) contrast(103%) !important;
    }

    .rc_bt_nav_element img {
      filter: invert(90%) sepia(30%) saturate(0%) hue-rotate(198deg) brightness(82%) contrast(91%) !important;
    }

    .standard_button_height, .select_button_standard{
      min-height: 40px !important;
      max-height: 40px !important;
      height: 40px !important;
      z-index: 106;
      cursor: default !important;
	  text-align: center;
   
    }

    .poduct_config_item_select {
      min-width: 150px !important;
      min-height: 190px !important;
    }

    .rc_con_part_nav li {
      height: 40px !important;
      min-height: 40px !important;
      max-height: 40px !important;
    }

    .rc_con_part_nav {
      margin-top: 20px !important;
    }

    .mobile_scroll_bar_en::-webkit-scrollbar{
      width:4px;
    }
    
    .mobile_scroll_bar_en::-webkit-scrollbar-track:vertical {
        border-right:4px solid #DADBDC;
        
    }
    
    .mobile_scroll_bar_en::-webkit-scrollbar-track:vertical::before{
      content: '';
      width: 4px;
      height: 4px;
      border-radius: 2px;
      background-color: #DADBDC;
    }
    
    .mobile_scroll_bar_en::-webkit-scrollbar-thumb:vertical {
        border-right:4px solid #707070;
    }
    
    .mobile_scroll_bar_en::-webkit-scrollbar-thumb:hover {
      border-right:4px solid #ff0000;
    }
    .mobile_scroll_bar_en::-webkit-scrollbar-track:horizontal {
      border-right:4px solid #DADBDC;
    }
    .mobile_scroll_bar_en::-webkit-scrollbar-thumb:horizontal {
      border-right:4px solid #707070;
    }
    .mobile_scroll_bar_en::-webkit-scrollbar-corner {
        background:inherit;
        border-right:4px solid rgba(255,255,255,.2); 
        border-bottom:4px solid rgba(255,255,255,.2); 
    }

    .acc_selected_change {
      margin-bottom: 40px !important;
    }

    .acc_selected_conf, .ava_available_list {
      z-index: 200 !important;
    }

    .switch_toogle {
      width:40px !important;
      height:20px !important;
    }

    .prgres_bar_container {
      bottom: 160px !important;
    }
    
    .background_change_radio_form {
      transition: 0.5s;
    }

    .accessories_list, .summary_configuration_list_cont {
      max-height: none !important;
    }

}
@media (max-width: 900px) and (orientation: landscape) {

    .product_list_items {
        padding-bottom: 20px;
        padding-top: 80px;
    }

  #rc_aside_right {
    width:50%;
    height: 85% !important;
    top:15% !important;
    bottom: inherit !important;
    right: 0;
    margin:0px;
  }

  .main_summary_bottom_bar {
    width:100% !important;
  }

 .mobile_menu_button_bt {
   right:0px !important;
   width:40px !important;
   height:calc(100% - 15%) !important;
   left: inherit !important;
   min-height: calc(100% - 15%) !important;
   max-height: calc(100% - 15%) !important;
 }

 .mobile_menu_button_bt span {
  transform: rotate(90deg);
 }

 .mobile_menu_button_bt img {
   display:none !important;
 }

 body header {
  height: 15% !important;
  }

  .rc_bt_nav {
    display: flex !important;
    bottom: 10px !important;
    gap: 12px !important;
    justify-content: flex-start  !important;
    padding-left: 20px !important;
  }

  .top_navigation_bar {
    top:17% !important;
  }

  .main_summary_bt_nav {
    margin-top: 0px !important;
  }

  .projection_navigation {
    bottom: 0px !important;
  }

  .rc_dis_ctrl li {
    margin-top: 2px !important;
  }

  .rc_bt_nav div {
    margin-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .form_container {
    width: 90% !important;
  }

  .form_container_line {
    flex-direction: row !important;
  }

  .submit_textarea_cont {
    width: 100% !important;
  }

  .submit_form_rodo {
    width: 100% !important;
  }

  .bottom_nav_add_quote, .main_summary_bt_nav {
    min-width: 130px !important;
  }
  
  .prgres_bar_container {
    bottom: 60px !important;
  }

  .mobile_top_hide_menu img {
    transform: rotate(90deg) !important;
  }

  #rc_aside_left {
    top: calc(15% + 44px) !important;
    width:50% !important;
    left:50% !important;
   
  }

  .rc_con_part_nav {
    font-size: 14px !important;
  }

  .rc_bt_cont_m {
    width:45%;
  }
}

@media (min-width: 900px) {
  #rc_aside_left {
    display: flex !important;
  }

  .rc_bt_nav {
    display: flex !important;
  }

  #rc_aside_right {
    display: block !important;
  }

  #language_change {
    display: flex !important;
  }

  .standard_button_border:hover {
    border: 1px solid #E1E1E1;
    background-color: #E1E1E1;
  }

  .standard_button_red:hover, .standard_button_grey:hover {
    background-color: #3B3E40 !important;
    border: 1px solid #3B3E40 !important;
    color: #fff;
  }



  .select_button_graphic:hover {
    background-color: #ECEDED;
    border: solid 1px #ECEDED;
  }

  .button_graphic_active:hover {
    background-color: transparent;
    border: 1px solid #FF0000;
  
  }

  .stage_conf_next_prev {
    height: 4.7vh;
    height: clamp(34px, 4.7vh, 44px);
    bottom: 4.3vh;
    bottom: clamp(20px, 4.3vh, 40px);
  }

  .stage_conf_forms {
    margin-bottom: 8.97vh;
    margin-bottom: clamp(64px, 8.97vh,84px);
  }

  #rc_aside_right {
    height: calc(100% - var(--top_cont_height));
     top:var(--top_cont_height);
        min-width: 320px;
        max-width: 482px;
        width:25%;
        z-index: 100;
        display: none;
    }

    .background_change_radio_form {
      opacity: 1 !important;
    }
    
}

.mobile_menu_button_bt {
  position: absolute;
  bottom: 0px;
  left:0px;
  right: 0px;
  width: 100%;
  z-index: 104;
  height: 44px !important;
  border-radius: 0px !important;
  font-size: 14px !important;
}

.mobile_menu_button_bt img {
  filter: invert(100%) sepia(30%) saturate(2%) hue-rotate(142deg) brightness(112%) contrast(101%);
  margin-left: 8px;
}

.mobile_menu_button_cont_top {
  height:44px;
  background-color: #E2E3E3;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.mobile_stage_menu, .mobile_top_hide_menu {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile_top_hide_menu img {
  transform: rotate(180deg);
}

/* width */
/* ::-webkit-scrollbar {
  width: 18px;
  
} */

/* Track */
/* ::-webkit-scrollbar-track {
  background: #E7E7E7;
  border-radius: 4px;
} */
 
/* Handle */
/* ::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-radius: 4px;
  background: #707070; 
  border: 10px solid #707070;

} */

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
  background: #FF0000; 
} */







.acc_ava_list_cont::-webkit-scrollbar,  .summary_configuration_list_cont::-webkit-scrollbar, .add_accessories_list::-webkit-scrollbar{
    width:var(--standard_space);
    /* height:16px; */
    background:inherit;
}
.acc_ava_list_cont::-webkit-scrollbar-track:vertical, .summary_configuration_list_cont::-webkit-scrollbar-track:vertical, .add_accessories_list::-webkit-scrollbar-track:vertical {
    border-right:4px solid #DADBDC;
    
}

.acc_ava_list_cont::-webkit-scrollbar-track:vertical::before, .summary_configuration_list_cont::-webkit-scrollbar-track:vertical::before, .add_accessories_list::-webkit-scrollbar-track:vertical::before{
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #DADBDC;
}

.acc_ava_list_cont::-webkit-scrollbar-thumb:vertical, .summary_configuration_list_cont::-webkit-scrollbar-thumb:vertical, .add_accessories_list::-webkit-scrollbar-thumb:vertical {
    border-right:4px solid #707070;
}

.acc_ava_list_cont::-webkit-scrollbar-thumb:hover, .summary_configuration_list_cont::-webkit-scrollbar-thumb:hover, .add_accessories_list::-webkit-scrollbar-thumb:hover {
  border-right:4px solid #ff0000;
}
.acc_ava_list_cont::-webkit-scrollbar-track:horizontal, .summary_configuration_list_cont::-webkit-scrollbar-track:horizontal, .add_accessories_list::-webkit-scrollbar-track:horizontal {
  border-right:4px solid #DADBDC;
}
.acc_ava_list_cont::-webkit-scrollbar-thumb:horizontal, .summary_configuration_list_cont::-webkit-scrollbar-thumb:horizontal, .add_accessories_list::-webkit-scrollbar-thumb:horizontal {
  border-right:4px solid #707070;
}
.acc_ava_list_cont::-webkit-scrollbar-corner, .summary_configuration_list_cont::-webkit-scrollbar-corner, .add_accessories_list::-webkit-scrollbar-corner
    .scroll::-webkit-resizer {background:inherit;
    border-right:8px solid rgba(255,255,255,.2); 
    border-bottom:8px solid rgba(255,255,255,.2); 
}


/*PODSTAWOWE */
.custom_button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  min-height: 30px;
  max-height: 36px;
  height: 4vh;
  font-family: 'titillium';
  font-size: 15px;
  border-radius: 4px;
  cursor: pointer;
}

.button_red {
  background-color: #FF0000;
  border: 1px solid #FF0000;
  color: white;
}

.button_red:hover{
  background-color: #414448 !important;
  border: 1px solid #414448 !important;
}

.button_only_border {
  border: 1px solid #707070;
  color: #707070;
}
.button_only_border:hover {
  background-color: #EBECEC !important;
  border: 1px solid #EBECEC !important;
}

.button_gray {
  background-color: #E7E7E7;
  color: #AEAAAA;
  border: 1px solid #E7E7E7;
 
}

.button_lock {
  opacity: 0.3;
  cursor: default !important;
  pointer-events: none !important;
}

.button_lock:hover {
  background-color: transparent !important;
  border: 1px solid #E7E7E7 !important;
  color: #E7E7E7 !important;
  cursor: default;
}

.standard_button_height, .select_button_standard {
  height: 4.7vh;
  min-height: 34px;
  max-height: 44px;
  border-radius: 0.43vh;
  border-radius: clamp(3px, 0.43vh, 4px);
  box-sizing: border-box;
  cursor: pointer;
  font-size: 1.5vh;
  font-size: clamp(12px, 1.5vh, 14px);
  letter-spacing: 0.1em;
  font-weight: normal;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.select_button_standard_img_left img{
  margin-right: 0.62vw;
}

.select_button_standard_img_right img{
  margin-left: 0.62vw;
}

.standard_button_border {
  border: 1px solid #c2c2c2;
}

.standard_button_border img, .standard_button_grey img {
  filter: invert(20%) sepia(9%) saturate(278%) hue-rotate(161deg) brightness(98%) contrast(86%);
}

.standard_button_red, .select_button_standard_red {
  background-color: #FF0000;
  border: 1px solid #FF0000 !important;
  color: #fff;
}

.standard_button_grey {
  background-color: #E8EAEA;
  border: 1px solid #E8EAEA;
  color: #707070;
}

.standard_button_green {
  background-color: #1DE991;
  border: 1px solid #1DE991;
  color: #fff;
}

.standard_button_red img, .standard_button_green img {
  filter: invert(96%) sepia(4%) saturate(0%) hue-rotate(311deg) brightness(104%) contrast(104%);
}

.select_button_standard_red:hover {
  background-color: #FF0000 !important;
  border: 1px solid #FF0000 !important;
}



.standard_button_grey:hover img {
  filter: invert(100%) sepia(11%) saturate(7454%) hue-rotate(177deg) brightness(113%) contrast(109%);
}

.standard_button_green:hover {
  background-color: #3B3E40 !important;
  border: 1px solid #3B3E40 !important;
}



body {
    margin:0;
    font-family: 'titillium';
    font-weight: lighter;
    color: #707070;
    font-size: 14px;
    background-color: white;
    overflow: hidden;
    user-select:none;
    scroll-behavior: smooth;
    /*
    display: grid;

    grid-template-rows: 100px 100%;
    grid-template-rows: 100px auto;
    justify-content: stretch;
    align-items: stretch;
    grid-template-columns: 260px auto 540px;
    grid-template-columns: clamp(160px, 15%, 360px) auto clamp(340px, 25%, 640px);
    grid-template-areas: 'header header header' 
                         'aside_left main aside_right';
                         */
    height: 100%;
    width: 100%;
    
    margin: 0px;
    padding: 0px;
    
    
}

body a {
  text-decoration: none;
}

body header {  
  position: absolute;
  z-index: 120;
  left:0px;
  height:var(--top_cont_height);
  width: 100%;
  top: 0px;
  border-bottom: solid 1px #DADBDC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  box-sizing: border-box;
  
}

body main {  
    width: auto;
 
}


#rc_header_text {
  font-size: 1.5vh;
  font-size: clamp(12px, 1.5vh, 14px);
  color: #707070;
  font-weight: lighter;
  letter-spacing: 0.1em;
}

#fullscreen_on_bt .dis_ctr_opc {
  margin-top: 0px;
}

#fullscreen_on_bt {
  display: flex;
  justify-content: flex-end;
  gap:12px;
}

#rc_aside_left {

  border-right: solid 1px #DADBDC;
  position: absolute;
  left:0px;
  top:var(--top_cont_height);
  height: calc(100% - var(--top_cont_height));
  flex-direction: column;
  background-color: #fff;
  width: 15%;
  max-width:288px;
  min-width:200px;
  overflow: hidden;
  box-sizing: border-box;
  display: none;
  z-index: 100;
    
}
#rc_aside_right {
    
    position: absolute;
    right:0px;
    background-color: #F5F5F5;
    box-sizing: border-box;

}

#left_header_cont{
  min-width: 340px;
  max-width: 482px;
  width: 25%;
  display: flex;
  height: 100%;
  justify-content: flex-end;
}

#language_change {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: flex-end;
  align-items: flex-end;
  border-left: solid 1px #DADBDC;
  height:auto;
  min-height: 100%;
  box-sizing: border-box;
  padding: 0;
  margin:0;
  cursor: pointer;
  transition: .5s;
}

#language_change_bt_con {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: var(--top_cont_height);
  min-height: var(--top_cont_height);
  padding-left: var(--standard_space);
  padding-right: var(--standard_space);
  box-sizing: border-box;
}

#language_change_languages {
  position: absolute;
  background-color: white;
  top: var(--top_cont_height);
  right: 0px;
  z-index: 103;
  height: 50px;
}

#language_change:hover {
  background-color: #EAEAEA;
}

#language_change:hover #up_dwon_arrow {
  transform: rotate(0deg);
}

#up_dwon_arrow {
  transition: .5s;
  transform: rotate(180deg);
}



#language_change_bt_con span {
  font-size: 1.71vh;
  font-size: clamp(12px, 1.71vh, 16px);
  color: #363940;
  margin-left: clamp(6px, 0.42vw, 8px);
  margin-right: clamp(6px, 0.42vw, 8px);
  min-width: 1.05vw;
  display: flex;
  justify-content: center;
}

.language_change_selector {
  display: block;
  color: #363940;
  max-height: 44px;
  min-height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.7vh;
  box-sizing: border-box;
  border-top: solid 1px #DADBDC;
  border-bottom: solid 1px #DADBDC;
  width: 100%;
  transition: .5s;
  font-size: clamp(12px, 1.71vh, 16px);
}

.language_change_selector:hover{
  background-color: #fff;
}

.rc_header_logos {
  height: 50%;  
  align-items: center;
  display:flex;
  justify-content: space-between;
  width: 15%;
  max-width: 288px;
  min-width: 200px;
  padding-left: 2.2vw;
  padding-left: var(--standard_space);
  box-sizing: border-box;
}


.rc_header_logos img{   
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
   
}


/*switch toogle*/
.switch_toogle {
 
    max-height: 24px;
    max-width: 44px;
    width: 4.8vh;
    height: 2.4vh;
    cursor: pointer;
    padding: 0%;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    position: static;
    display: block;
  }
  
  .switch_toogle input { 
    display: none;
  }
  

  .switch_toogle_pt {
    display: grid;
    cursor: pointer;
    width:100%;
    height: 100%;
    background-color: #C2C2C2;
    transition: .4s;
    border-radius: 30%/50%;
    place-items: center start;
    
  }
  
  .switch_toogle_pt:before {
  
    
    width: 44%;
    padding-bottom: 44%;
    background-color: #fff;
    content: "";
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s;
    margin-left: 4%;
}



  input:focus + .switch_toogle {
    border: solid 1px #707070;
  }
  
  input:checked + .switch_toogle_pt {
    background-color: #1DE991;

  }

  input:checked + .switch_toogle_pt:before {
   
    transform: translateX(108%);  
  }
  
.switch_toogle_cont {
    display: flex;
    height: 32px;
    flex-direction: row;
    align-items: center;
    justify-content: left;
}

.switch_toogle_label {
    display: flex;
    height: 32px;
    align-items: center;
    margin-right: 10px;
    font-size: 1.4vh;
    font-size: clamp(12px, 1.5vh, 14px);
    color: #3b3e40;
    letter-spacing: 0.07em;
    margin-left: 1.05vw;
    margin-left: clamp(16px, 1.05vw, 20px);
}


/***********************************************/
/*Model Display config navigation */
.projection_navigation {
  display: block;

  height: auto;
  margin: 0;
  padding: 0;
  padding-top: 2.98vh;
  padding-top: clamp(20px, 3vh, 30px);
  position: absolute;
  z-index: 104;

}

.rc_dis_ctrl, .rc_con_part_nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height:auto;
    user-select:none;
    display: block;
}
.rc_dis_ctrl {
  padding-left: var(--standard_space)
}

.rc_dis_ctrl li{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  cursor: pointer;
}
.rc_dis_ctrl a {
      max-height: 44px;
      min-height: 22px;
      max-width: 44px;
      min-width: 22px;
      height: 4.8vh;
      width: 4.8vh;
      border-radius: 0.43vh;
      border-radius: clamp(3px, 0.43vh, 4px);
      border: 1px solid #C2C2C2;  
      background-repeat: no-repeat;
      background-position: center; 
      display: flex;
      align-items: center;
      justify-content: space-around;
      object-fit: scale-down;
      box-sizing: border-box;
     
}

.rc_dis_ctrl a img {
  width: 45%;
  height: 45%;
  filter: invert(74%) sepia(65%) saturate(0%) hue-rotate(237deg) brightness(91%) contrast(95%);
}

.rc_dis_ctrl li span {
    margin-left: 1.05vw;  
    margin-left: clamp(16px, 1.05vw, 20px);
    font-size: 1.5vh;
    font-size: clamp(12px, 1.5vh, 14px); 
    letter-spacing: 0.07em;
    color: #C2C2C2;
    -webkit-transition: opacity 0.5s;
    transition: .5s;
}

.dis_ctr_opc {
  color: #C6C6C8;
  -webkit-transition: opacity 0.5s;
  transition: .5s;
  margin-top: var(--standard_top_small_clamp);
}

.dis_ctr_opc_act {
  margin-top: var(--standard_top_small_clamp);
}

.dis_ctr_opc a{
  -webkit-transition: opacity 0.5s;
  transition: .5s;
}

.dis_ctr_opc_act a{
  border-color: #3b3e40 !important;
  background-color: #3b3e40 !important;
}

.dis_ctr_opc_act a img {
  filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(8%) hue-rotate(159deg) brightness(104%) contrast(103%);
}

.dis_ctr_opc a img {
  -webkit-transition: opacity 0.5s;
  transition: .5s;
}

.dis_ctr_opc_act span {
  color: #3b3e40 !important;
}

.dis_ctr_opc:hover a{
  border-color: #3B3E40;
  
}
.dis_ctr_opc:hover span {
  color: #3B3E40;
}

.dis_ctr_opc:hover img{
  filter: brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(454%) hue-rotate(187deg) brightness(101%) contrast(88%);
}
/***************************************************/


/***********************************************/
/* Background changer radio */

.background_change_radio_form {
  display: flex;
  flex-direction: row;
  align-items: center;
  top: calc(var(--top_cont_height) + 2vh);
  left: calc(clamp(200px, 15%, 288px) + 2vw);
  
}

.background_change_radio_form span{
  display: block;
  font-family: 'titillium' !important;
  font-weight: lighter;
  font-size: 1.4vh;
  font-size: clamp(12px, 1.5vh, 14px);
  color: #3b3e40;
  letter-spacing: 0.07em;
  padding-right: clamp(8px, 0.63vw, 12px);
}

.background_change_radio_form ul{
  display: flex;
  flex-direction: row;
  justify-content:  space-around !important;
  list-style-type: none;
  margin: 0;
  padding: 0;

}



.background_change_radio {
  margin-right: 5px;
}
.background_change_radio_active, .background_change_radio_dark, .background_change_radio, .background_change_radio_dark {
  width: 32px;
}

.background_change_radio_active div, .background_change_radio_dark div, .background_change_radio div, .background_change_radio_dark div {
  width:32px;
  height: 32px;
  display: flex;
  align-items: center;
  align-items: center;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-transition: opacity 0.5s;
  transition: .5s;
}

.background_change_radio div, .background_change_radio_dark div {
  border: 4px solid transparent;
}


.background_change_radio_active div {
  border: 1px solid transparent;
  background-color: transparent;
}

.background_change_radio_dark_active div {
  background-color: #707070;
  border: 1px solid #707070;
}

.background_change_radio div:hover, .background_change_radio_dark div:hover{
  border: 4px solid #C2C2C2;
}

.background_change_radio div:hover {
  border: 1px solid transparent !important;
}
.background_change_radio_dark_active div:hover {
  border: 1px solid #707070 !important;
}
.background_change_radio div span, .background_change_radio_dark div span {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
}

.background_change_radio div span {
  background-color: #fff;
  border: 1px solid #C2C2C2;
}

.background_change_radio_dark div span {
  background-color: #707070;
  border: 1px solid #707070;
}
.background_change_radio div span img {
  filter: invert(43%) sepia(0%) saturate(0%) hue-rotate(109deg) brightness(101%) contrast(85%);
  display: none;
}

.background_change_radio_dark div span img{
  filter: invert(100%) sepia(0%) saturate(7499%) hue-rotate(261deg) brightness(103%) contrast(101%);
  display: none;
}

.background_change_radio_active div span img, .background_change_radio_dark_active div span img {
  display: block;
}

/*************************************************/

.switch_toogle_edge {
  height: 4.7vh;
  width:100%;
  display: flex;
  align-items: center;
  justify-content: left;
  flex-direction: row;
  padding-left: var(--standard_space);
  position: absolute;
  z-index: 102;
  bottom: 4.3vh;
  bottom: clamp(20px, 4.3vh, 40px);
}

.switch_toogle_edge .switch_toogle_label {
  margin-left: 1vw;
}

/***TOPBAR NAVIGATION */
.top_navigation_bar {
  position:absolute;
  top: var(--top_cont_height);
  left: clamp(200px, 15%, 288px);
  right: clamp(320px, 25%, 482px);
  display: grid;
  justify-content: space-between;
  padding-left: var(--standard_space);
  padding-right: var(--standard_space);
  height: 8.2vh;
  max-height: 76px;
  min-height: 50px;
  align-items: center;
  grid-template-columns: 30% 40% 30%;
  
}

.top_navigation_bar .background_change_radio_form span {
  color: #c2c2c2;
}

.quality_changer_cont {
  display: flex;
  justify-content: center;
  height: auto;
  align-items: center;
}

.quality_changer_cont span {
  display: flex;
  align-items: center;
  font-size: 1.5vh;
  font-size: clamp(12px, 1.5vh, 14px);
  color: #c2c2c2;
  letter-spacing: 0.07em;
}

.quality_changer_cont .position_changer label {
  color: #c2c2c2;
}

/*******************************************/
/*nawigacja etapow konfiguracji POPRAWIONE*/

.config_stage_navigation {
  display: block;
  margin: 0;
  padding: 0;
  width:100%;
  height: auto;
}

.rc_con_part_nav {
    font-size: 20px;
    font-size: 2.2vh;
    font-size: clamp(10px, 2.2vh, 20px);
    font-family: "titillium";
    font-weight: lighter;
    letter-spacing: 0.1em;
    margin: 0;
    height: auto;
    
}

.rc_con_part_nav li {
  padding-left: var(--standard_space);
  display: flex;
    flex-direction: row;
    align-items: center;
    height: 8.2vh;
    max-height: 76px;
    min-height: 40px;
    background-color: #ffffff;
    border-bottom: 1px solid #DADBDC;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: opacity 0.5s;
    transition: .5s;
}

.rc_con_part_nav li:hover {
  background-color: #F5F5F5;
}

.rc_con_part_nav li span {
    text-decoration: none;
    color: #3B3E40;
}

.rc_con_part_nav_act {
  background-color: #FF0000 !important;

}

.rc_con_part_nav_act span {
color:#fff !important;
}
/*********************************************/


/*********************************************/
/* dolna nawigacja */
.rc_bt_nav {
  position: absolute;
  list-style-type: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;

  bottom: 4.3vh;
  left: clamp(200px, 15%, 288px);
  right: clamp(340px, 25%, 482px);
  bottom: clamp(20px, 4.3vh, 40px);
  flex-direction: row;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  gap: clamp(6px, 0.63vw, 12px);
  z-index: 100;
  color:#c2c2c2;
}

.rc_bt_nav .bottom_nav_cont {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: clamp(6px, 0.63vw, 12px);
}

.rc_bt_nav_element {
  /* padding-left: var(--standard_space);
  padding-right: var(--standard_space); */
  min-width: 200px;
  max-width: 255px;
  width: 13.29vw;
}

.rc_bt_nav_element:hover {
  color: #959595;
  
}

.rc_bt_nav_element:hover img {
  filter: invert(68%) sepia(0%) saturate(1%) hue-rotate(213deg) brightness(91%) contrast(71%);
}

.rc_bt_nav_element img {
  filter: invert(90%) sepia(30%) saturate(0%) hue-rotate(198deg) brightness(82%) contrast(91%);
}

/* dolny przycisk */
.bottom_aside_bt {
  font-family: 'titillium';
  background-color: #F5F5F5;
  display:flex;
  font-size: 16px;
  color: #707070;
  width:100%;
  height: 100px;
  align-items: center;
  justify-content: space-around;
  font-weight: bold;
}

.bottom_aside_bt:hover {
  background-color: #707070;
  color: white;
}


.mainProductContainer {
  display:none;
}

main > div {
  display: none;
}

main > select {
  display:none;
}

main > canvas {
  display:none;
}
/***********************************************/


/***********************************************/
/* Progress barr */

.prgres_bar_container {
  height: 8px;
  width: 40%;
  position:absolute;
  bottom: 10%;
  left: 25%;
  right:35%;
  border-radius: 4px;
  border:1px solid #eceded;
  background-color: #eceded;
  display: none;
  
  
}
.progres_bar_progres {
  position: absolute;
  height: 100%;
  background-color: #1ee991;
  border-radius: 4px;
  
}
.prgres_bar_container span {
  position: absolute;
  width: 100%;
  height: 100%;
  mix-blend-mode: difference;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 16px;
  display: none;
}

.progres_bar_marker {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FF0000;
  mix-blend-mode: screen;
  display: none;
}

/*************************************************/


/* select button form*/
.select_button {
  width:100%;
  padding-left: var(--standard_space);
  padding-right: var(--standard_space);
  margin-top: var(--standard_top_large);
  margin-top: var(--standard_top_large_clamp);
  box-sizing: border-box;
  display: block;
}

.select_button ul li {
  flex-grow: 1;
}

.select_button span {
  height: 2.56vh;
  max-height: 24px;
  min-height: 16px;
  font-size:1.71vh;
  font-size: clamp(12px, 1.71vh, 16px);
  color:#363940;
  box-sizing: border-box;
  letter-spacing: 0.1em;
}

.select_button ul {
  
  gap: clamp(6px, 0.63vw, 12px);
  list-style-type: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: var(--standard_top_small);
  margin-top: var(--standard_top_small_clamp);

}

.select_button_radio_type ul {
  gap: clamp(6px,  1.28vh, 12px);
}

/**TODO WYWALENIA */
.select_button_button {
  height:36px;
  border: 1px solid #C4C5C8;
  border-radius: 4px;
  width:30%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  cursor: pointer;
}

.select_button_button:hover {
  background-color: #565B62;
  color: #fff;
}



.select_button_active:hover {
  background-color: #F20F14;
  border-color: #F20F14;
  color: #fff;
}

/* select button graphic */

.select_button_graphic {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 0.43vh;
  border-radius: clamp(3px, 0.43vh, 4px);
  width: 48%;
  cursor: pointer;
  border: 1px solid #C2C2C2;
  padding: var(--border_image);
  padding: var(--border_image_clamp);

}

.button_graphic_img_cont {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10vh;
}

.button_graphic_active {
  border: 1px solid #FF0000;
  pointer-events: none;
  
}

.button_color_active {
  border: 2px solid #FF0000;
  pointer-events: none;
  
}
.button_color_active:hover {
  border: 2px solid #FF0000;
  pointer-events: none;
  
}


.select_button_graphic img, .acc_ava_list_img_cont img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
}


.select_button_graphic span {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  height: 2.25vh;
  min-height: 17px;
  max-height: 21px;
  font-size: clamp(10px, 1.5vh, 14px);
  letter-spacing: 0.07em;
  font-weight: lighter;
  margin-top: var(--standard_top_small);
  margin-top: var(--standard_top_small_clamp);
  text-align: center;
}

.select_button_radio {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width:100%;
  cursor: pointer;

}

.button_radio_active {
  cursor: default !important;
}

.graphic_button_more ul{
  display: inline-flex;
  gap: 12px;
}

.graphic_button_more ul li {
  width: calc(50% - 6px);
  flex-grow: unset;
}

/* select button radio */
.select_button_radio span{
  display: grid;
  place-items: center;
  background-color: #fff;
  box-sizing: border-box;
  max-height: 20px;
  max-width: 20px;
  min-width: 16px;
  min-height: 16px;
  height: 2.14vh;
  width: 2.14vh;
  border: solid 1px #C2C2C2;
  padding: 0;
  border-radius: 50%;
  
}

.select_button_radio span:after {
  -webkit-transition: opacity 0.5s;
  transition: .5s;
}

.button_radio_active span:after, .select_button_radio span:hover:after{
  max-width: 12px;
  max-height: 12px;
  min-width: 8px;
  min-height: 8px;
  height: 1.28vh;
  width: 1.28vh;
  content: '';
  display: block;
  margin: 0;
  box-sizing: border-box;
  border-radius: 50%;

}

.button_radio_active span:after {
  border: 1px solid #FF0000;
  background-color: #FF0000;
}

.button_radio_active span:hover:after {
  border: 1px solid #FF0000 !important;
  background-color: #FF0000 !important;
}

.select_button_radio span:hover:after {
  border: 1px solid #C2C2C2;
  background-color: #C2C2C2;


}

.select_button_radio label {
  margin-left: 0.84vw;
  margin-left: clamp(8px, 0.84vw, 16px);
  cursor: pointer;
  font-size: clamp(10px, 1.5vh, 14px);
  letter-spacing: 0.07em;
  font-weight: lighter;
  color: #363940;
}

.button_radio_active label {
  cursor: default !important;
}

/* Sepcific for coniguration */

.select_frame .select_button_radio {

}


/* stage configuration */
.stage_conf_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.stage_conf_forms {
  width:100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;


}

.stage_conf_next_prev {
  width:100%;

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding-left:var(--standard_space);
  padding-right:var(--standard_space);
  box-sizing: border-box;

  position:absolute;

}

.stage_conf_next_prev a{
  
  width: calc(50% - 0.32vw);

}


.stage_conf_next_prev a span {
  display:block;
}

.stage_prev {
  color: #3B3E40;
}

.stage_prev_ch {
  margin-right:0.62vw;
  filter: invert(20%) sepia(9%) saturate(278%) hue-rotate(161deg) brightness(98%) contrast(86%);
}

.stage_next_ch {
  margin-left:0.62vw;
  filter: invert(96%) sepia(4%) saturate(0%) hue-rotate(311deg) brightness(104%) contrast(104%);
}





.stage_summary {
  width:100%;
  height:10%;
  background-color: #E2E3E3;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  justify-content: space-between;
  font-family: "termina",sans-serif; 
  font-weight: 600;
  color: #414448;
  cursor: pointer;
  padding-right: 10%;
  padding-left: 10%;
}



.stage_summary span {
  height: 30%;
  display:flex;
  font-size: 100%;
  
}

/*ACCESSORIES */

.accessories_list {
  
  display: flex;
  flex-direction: column;

  max-height: calc(100% - clamp(34px, 4.7vh, 44px) - clamp(34px, 4.7vh, 44px));


}
.accessories_listAdBt_cont, .sum_conf_bt_container {
  /* padding-top: var(--standard_top_large);
  padding-bottom: var(--standard_top_large_clamp); */
  /* overflow: hidden !important; */
}

/*
.accessories_list .standard_button_height {

}
*/
.accessories_list .standard_button_height {
  margin-top: var(--standard_space);
  margin-bottom: var(--standard_space);
}

.accessories_list label, .summary_configuration_label{
  padding-top: var(--standard_top_large);
  height: 3.3vh;
  max-height: 31px;
  min-height: 16px;

  font-size: 2.14vh;
  font-size: clamp(14px, 2.14vh, 20px);
  display: flex;
  align-items: center;
  font-weight: lighter;
  letter-spacing: 0.1em;
}

.add_accessories_list {
  overflow-y: auto;
  
}
.accessories_list div {
  /* overflow-y: auto; */

}

.accessories_list a {
  background-color: #F20F14;
  border: 1px solid #F20F14;
  border-radius: 4px;
  color:white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.acc_list_item {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  height: 2.3vh;
  min-height: 34px;
  max-height: 44px;
  justify-content: space-between;
  align-items: center;
  width:100%;
  cursor: pointer;
  border: 1px solid #DADBDC;
  cursor: pointer;
  border-radius: 0.43vh;
  border-radius: clamp(3px, 0.43vh, 4px);
  box-sizing: border-box;
  margin-top: var(--standard_top_small_clamp);
  padding-left: clamp(10px, 0.84vw, 16px);
  padding-right: clamp(8px, 0.63vw, 12px);
}

.acc_list_item:hover {
  background-color: #E0E0E0;
  border: 1px solid #E0E0E0;
}

.acc_list_item label{
  font-size: 15px !important;
  font-size: 1.5vh !important;
  font-size: clamp(12px, 1.5vh, 14px) !important;
  letter-spacing: 0.07em !important;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.acc_list_item_show {
  max-width: 23px;
  max-height: 15px;
  cursor: pointer;
}
.acc_list_item_delete {
  cursor: pointer;
}

.accessories_list_delete_block {
  cursor: default !important;
  display: none;
  pointer-events: none;
}

.acc_list_item_delete:hover {
  filter: invert(13%) sepia(99%) saturate(7259%) hue-rotate(1deg) brightness(121%) contrast(114%);
}

.ava_available_list, .acc_selected_conf {
  display:flex;
  height: 100%;
  width:100%;
  flex-direction: column;
  background-color: #f5f5f5;
  position:absolute;
  top:0px;
  left:0px;
  z-index: 10;
}

.ava_available_list {
  display: grid;
  grid-template-rows: auto clamp(64px,  8.97vh, 84px);
  align-items: start;
  padding-top: var(--standard_space);
  box-sizing: border-box;
}

.acc_ava_list_cont {
  width: auto;
  height: calc(100% - var(--standard_space));
  box-sizing: border-box;
  overflow: auto;
  margin-left: var(--standard_space);
  margin-right: var(--standard_space);
 
}

.accc_ava_list_bcc {
  margin-left: var(--standard_space);
  margin-right: var(--standard_space);
}

.acc_ava_list_item {

  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #C2C2C2;
  border-radius: 0.43vh;
  border-radius: clamp(3px, 0.43vh, 4px);
  cursor: pointer;
  box-sizing: border-box;
  height: 12.38vh;
  min-height: 90px;
  max-height: 116px;
  margin-bottom:12px;
  padding: var(--border_image);
  padding: var(--border_image_clamp);


}

.acc_ava_list_item label {
  display: block;
  letter-spacing: 0.07em;
  font-size: 1.5vh;
  font-size: clamp(12px, 1.5vh, 14px);
  font-weight: lighter;
  width:70%;
}

.acc_ava_list_img_cont {
  max-width:144px;
  min-width: 144px;
  max-height:74px;
  min-height: 74px;
  width: 7.5vw;
  height:7.9vh;
  border-radius: 0.43vh;
  border-radius: clamp(3px, 0.43vh, 4px);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-right: var(--border_image_clamp);
 
}


.acc_ava_list_item_lock {
  opacity: 0.5;
}
.acc_ava_list_item_lock:hover {
  background-color: transparent !important;
  border: 1px solid #F5F5F5 !important;
  border-bottom:1px solid #E7E7E7 !important;
  cursor:default !important;
}

.acc_ava_list_item:hover{
  background-color: #E0E0E0;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  
}



/*** KREATOR DODAWANIA AKCESORIOW */

.acc_selected_message {
  color: #FF0000;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: var(--standard_space);
  margin-right: var(--standard_space);
  margin-top: var(--standard_space);
}

.acc_selected_message span {
  font-size: 1.5vh;
  font-size: clamp(12px, 1.5vh, 14px);
  letter-spacing: 0.07em;
  padding-left: clamp(10px, 0.97vw, 12px)
}

.accessories_form,  .summary_conf{
  display: block;
  width:100%;
  padding-left: var(--standard_space) !important;
  padding-right: var(--standard_space) !important;
  box-sizing: border-box;

}



.acc_selected_add, .acc_selected_change, .acc_selected_delete, .acc_selected_back  {
  margin-left: var(--standard_space);
  margin-right: var(--standard_space);
}

.acc_selected_delete {
  margin-top:var(--standard_top_small_clamp);
}

.acc_selected_change {
  margin-top: var(--standard_top_small_clamp);
}

.acc_selected_add {
  margin-top: var(--standard_space) !important;
}

.acc_selected_back  {
  margin-top: var(--standard_space);
}


.acc_selected_delete {
  
}



.acc_selected_label {
  display:block;
  font-weight: lighter;
  letter-spacing: 0.1em;
  margin-right: var(--standard_space);
  margin-left: var(--standard_space);
  margin-top: var(--standard_space);
  font-size: 2.2vh;
  font-size: clamp(10px, 2.2vh, 20px);
  box-sizing: border-box;
}

.acc_selected_cont {
  display: flex;
  flex-direction: column;
  width:100%;
}

.acc_selected_creator {
  width:100%;
}

.acc_selected_creator .select_button span {
  padding: 0 !important;
}
  

.acc_selected_creator .select_button ul {
  padding: 0;
}


/* CSS to configuration */
.corner_container_enable {
  height:8.2vh;
  min-height: 40px;
  max-height: 76px;
  width:100%;
  border-bottom: 1px solid #DDDDDF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: var(--standard_space);
  padding-right: var(--standard_space);
  box-sizing: border-box;
  font-size: clamp(12px, 2.2vh, 20px);
  font-weight: lighter;
  letter-spacing: 0.1em; 
}

.corner_side_selected{
  width:100%;
  height: 6.84vh;
  max-height: 64px;
  min-height: 44px;
  display: block;
}
.corner_side_selected span{
  display: none;
}

.corner_side_selected ul{
  width:100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}


.corner_side_selected li {
  width:50%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  border: none;
  background-color: #E2E3E3;
  border-radius: 0;
  font-size: 20px;
  font-size: 2.2vh;
  font-size: clamp(12px, 1.93vh, 18px);
  font-weight: lighter;
  letter-spacing: 0.1em;
  color: #414448;
  
}

.corner_prem li {
  font-size: clamp(10px, 0.8vw, 16px) !important;
  text-align: center;
}

.corner_side_active {
  background-color: #FF0000 !important;
  color: #fff !important;
}
.corner_side_selected li:hover {
  background-color:#CFD0D1;
  color: #414448;
}
.corner_side_active:hover {
  color:#fff !important;
}



/*****POSITION CHANGER ******/
.position_changer {
  display:block;
  padding-left: var(--standard_space);
  padding-right: var(--standard_space);
  margin-top: var(--standard_top_large_clamp);
  padding-bottom: 6px;
  
}

.position_changer label {
  width: 100%;
  font-size: 1.4vh;
  font-size: clamp(12px, 1.5vh, 14px);
  color: #3b3e40;
  letter-spacing: 0.07em;

}

.position_changer input {
  margin-top: var(--standard_top_small_clamp);
  
}


input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background-color: #E7E7E7;
  height: 2px;
  border-radius: 1px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: #FF0000;
}


/* Quantity changer */

.quantity_changer {
  display: block;
  padding-right: var(--standard_space);
  padding-left: var(--standard_space);
  margin-top: var(--standard_top_large_clamp);
}

.top_navigation_bar .position_changer {
  margin-top: 0;
  padding-left: clamp(8px, 0.63vw, 12px);
  padding-right: clamp(8px, 0.63vw, 12px);
  min-width: 80px;
  max-width: 140px;

}
.quantity_changer_label_cont {
  display: block;
  width: 100%;
  font-size: 1.5vh;
  font-size: clamp(12px, 1.5vh, 14px);
  color: #3b3e40;
  letter-spacing: 0.07em;
}
.quantity_changer_cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3vw;
  max-height: 44px;
  min-height: 34px;
  flex-direction: row;
  margin-top: var(--standard_top_small);

}

.quantity_changer_bt {
  width:3vw;
  max-width: 44px;
  min-width: 34px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E7E7E7;
  border-radius: 4px;
  border: 1px solid #E7E7E7;
  color: #676767;
  font-size: 20px;
  cursor: pointer;
}

.quantity_changer_value {
  width: calc(96% - 6vw);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
}

.quantity_changer_bt:hover {
  border: 1px solid #FF0000;
  background-color: #FF0000;
  color: white;
}

.quantity_changer_bt_lock {
  opacity: 0.5;
  cursor: default;
}
.quantity_changer_bt_lock:hover {
  background-color: #E7E7E7 !important;
  border: 1px solid #E7E7E7 !important;
  color: #676767 !important;
}

/* configuration summary */

.summary_conf {
  height: 100%;
}

.summary_configuration_list_cont {
  max-height: calc(100% - clamp(34px, 4.7vh, 44px) - clamp(34px, 4.7vh, 44px) - clamp(20px, 4.3vh, 40px) - clamp(16px, 3.3vh, 31px)  - var(--standard_top_large) - var(--standard_top_large) - var(--standard_top_large));
  overflow: auto;
}

.sum_conf_item_list {
  display: flex;
  flex-direction: row;
  max-height: 54px;
  min-height: 44px;
  height: 5.77vh;
  font-size: 1.5vh;
  font-size: clamp(12px, 1.5vh, 14px);
  letter-spacing: 0.07em;
  align-items: center;
  width:100%;

}



.sum_conf_item_list_name_d {
  height: 100%;
  border-right: 1px solid #C2C2C2;
  box-sizing: border-box;
  width: 80%;
}

.sum_conf_item_list_qty_d {
  height: 100%;
  width:20%;
}

.sum_conf_item_list_name {
  display: flex;
  height: 100%;
  border-bottom: 1px solid #C2C2C2;
  width: calc(100% - clamp(6px,  0.625vw, 12px)); 
  
  align-items: center;
  box-sizing: border-box;
}

.sum_conf_item_list_qty {
  display: flex;
  height: 100%;
  width: calc(100% - clamp(6px,  0.625vw, 12px));
  margin-left: clamp(6px,  0.625vw, 12px);
  border-bottom: 1px solid #C2C2C2;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
}

.summary_configuration_item_list {
  display:block;
}

.sum_conf_bt_container {
  padding-top: var(--standard_top_large) !important;
  padding-bottom: var(--standard_top_large_clamp) !important;
  

}

.start_page {
  position: absolute;
  top: var(--top_cont_height);
  left:0;
  width:100%;
  height: calc(100% - var(--top_cont_height));
  background-color: #F5F5F5;
  display: flex;
  z-index: 100;
  touch-action: auto;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  /* flex-direction: row;
  gap:12px;
  align-items: center;
  justify-content: center;
  z-index: 100;
  flex-wrap: wrap;
  overflow:auto;
  align-content: center; */
}

.product_list_items {
    width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow-y: auto;
}

.poduct_config_item_select {
  min-width: 181px;
  max-width: 259px;
  min-height: 218px;
  max-height: 312px;
  width: 13.49vw;
  height: 16.25vw;
  border-radius: clamp(6px, 0.86vh, 8px);
  box-sizing: border-box;
  cursor:pointer;
  border: 1px solid #C2C2C2;
  transition:  .3s;
  margin:12px;
}

.poduct_config_item_select:hover {
  background-color: #fff;
  border: 1px solid #FFF;
}

.product_config_img_label {
 
  width:100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.poduct_config_item_select:hover .product_config_img_label .product_config_img{
  height:65%;
  width:58%;
}

.product_config_img {
  height:55%;
  width:48%;
  display: flex;
  justify-content: center;
  transition:  .3s;
}
.product_config_img img{
  max-height: 100%;
}

.product_config_label {
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.08em;
  width:100%;
  height:0%;
  font-size: clamp(12px, 0.73vw, 14px);
  position:absolute;
  bottom:24px;
  bottom: clamp(16px, 1.25vw, 24px);
  left:0px;
  text-align: center;
}

.addet_to_quote_info {
  position: absolute;
  width:100%;
  height: 100%;
  z-index: 100;
  top:0px;
  color: #3B3E40;
  font-size: 1.5vh;
  font-size: clamp(12px, 1.5vh, 14px);
  letter-spacing: 0.07em;
  display: flex;
  flex-direction: column;
}

.addet_to_quote_summary {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: clamp(6px, 0.86vh, 8px);
  box-sizing: border-box;
  margin-top: var(--standard_space);
  margin-bottom: var(--standard_space);
  margin-left: var(--standard_space);
  margin-right: var(--standard_space);
  padding: var(--standard_space);
  align-items: center;
  justify-content: center;
  
}

.addet_to_quote_sum_green {
  color: #1DE991;
  font-size: 1.71vh;
  font-size: clamp(14px, 1.71vh, 16px);
  letter-spacing: 0.1em;
  margin-top: var(--standard_top_large_clamp);
}

.addet_to_quote_sum {
  margin-top: var(--standard_top_large_clamp);
  text-align: center;
}

.addet_to_quote_summary .standard_button_height {
  margin-top: var(--standard_top_large_clamp);
  width:100%;
  
}

.added_to_quote_detail_cont {
  margin-bottom: var(--standard_space);
  display: flex;
  flex-direction: column;
  padding-left: var(--standard_space);
  padding-right: var(--standard_space);
  gap: var(--standard_space);
}


.addet_to_quote_info .standard_button_border {
  margin-left: var(--standard_space);
  margin-right: var(--standard_space);
}

.add_to_quote_lock {
  opacity: 0.5 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.main_summary_bt_nav {
  background-color: #707274;
  border: 1px solid #707274;
  color: #fff;
  
}

.main_summary_bt_nav:hover {
  background-color: #3B3E40;
  border: 1px solid #3B3E40;
}

.main_summary_bt_nav img{
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(356deg) brightness(104%) contrast(103%);
}

.loading_mask {
  left:0px;
  right: 0px;
  top:0px;
  bottom: 0px;
  position: absolute;
  z-index: 300;
  background-color: transparent;
}

.accessories_images {
  margin-left: var(--standard_space);
  margin-right: var(--standard_space);
  background-color: #fff;
  display:flex;
  border-radius: clamp(3px, 0.43vh, 4px);
  height: 14.52vh;
  min-height: 80px;
  max-height: 120px;
  margin-top: var(--standard_top_large_clamp);
  justify-content: center;
  align-items: center;
  padding: clamp(16px, 2.14vh, 20px);
  box-sizing: border-box;
}

.accessories_iamges_container {
  border:1px solid #fff;
  width:100%;
  height:100%;
  background-color: #fff;
  border-radius: clamp(3px, 0.43vh, 4px);
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.accessories_iamges_container img {
  max-height: 100%;
  max-width: 100%;
}

.corner_type_select_form {
  margin-bottom: var(--standard_space);
}

.main_summary_cont {
  width:100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  z-index: 115;
  left:0;
  top: var(--top_cont_height);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding-bottom: clamp(92px, 10.89vh, 102px);
  padding-bottom: calc(clamp(92px, 10.89vh, 102px) + var(--standard_space));
  align-items: center;
  overflow: hidden;
}

.mian_summary_back_button {
  position:fixed;
  left: var(--standard_space);
  top: calc(var(--top_cont_height) + var(--standard_space));
  z-index: 120;
  max-width: 180px;
  min-width: 140px;
  width: 9.38vw;
}

.mian_summary_go_to_form {
  position: fixed;
  right: var(--standard_space);
  top: calc(var(--top_cont_height) + var(--standard_space));
  z-index: 120;
  max-width: 230px;
  min-width: 200px;
  width: 11.98vw;
}

.main_summary_items_cont {
  min-width: 758px;
  max-width: 808px;
  width: 42.08vw
}

.main_summary_item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  margin-top: var(--standard_space);


}
.main_summary_item img {
  max-height: clamp(500px, 53.36vh, 600px);
  max-width: clamp(758px, 42.08vw, 808px);
}

.main_summary_items_list {
  width:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: clamp(13px, 1.6vh, 15px);
  margin-top: var(--standard_space);
  margin-bottom: var(--standard_space);

}

.main_summary_item_conf_txt {
  display: flex;
  flex-direction: column;
  margin-left: clamp(3px, 0.31vw, 6px);
  margin-right: clamp(3px, 0.31vw, 6px);
  border-bottom: 1px solid #C2C2C2;
  height: 100%;
  display: flex;
  width:100%;
  justify-content: center;
  box-sizing: border-box;
  padding-left: var(--standard_space)
}

.main_summary_conf_item {
  width:100%;
  justify-content: center;
  align-items: center;
  display: flex;
  letter-spacing: 0.07em;
  max-height: 64px;
  min-height: 54px;
  height: 6.83vh;
}

.main_summary_conf_lp_cont {
  min-width: 40px;
  max-width: 50px;
  width: 2.6vw;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_summary_item_conf_pcs_cont {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width:90px;
  max-width:100px;
  width:5.2vw;
}

.main_summary_item_conf_cidx {
  font-size: clamp(10px, 1.28vh, 12px);
}

.main_summary_border_left {
  border-left: 1px solid #C2C2C2;
  box-sizing: border-box;
  padding-left: clamp(3px, 0.31vw, 6px);
}

.main_summary_border_right {
  border-right: 1px solid #C2C2C2;
  box-sizing: border-box;
  padding-right: clamp(3px, 0.31vw, 6px);
}

.main_summary_border_bottom {
  border-bottom: 1px solid #C2C2C2;
}

.main_summary_item_conf_lp {
  
}

.main_summary_cell {
  width:100%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.main_summary_conf_item_last > *,  .main_summary_conf_item_last div > *{
  border-bottom: none;
}

.main_summary_conf_item_bt_cont .standard_button_height {
  position: static;
  z-index:0;
}

.main_summary_conf_item_bt_cont {
  display:flex;
  gap: clamp(6px, 0.63vw, 12px);
}

.main_summary_bottom_bar {
  width:100%;
  height: 10.89vh;
  min-height: 92px;
  max-height: 102px;
  background-color: #F5F5F5;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index:2;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(6px, 0.63vw, 12px);
}

.main_summary_bottom_bar .standard_button_height {
  position: static;
  padding-left: var(--standard_space);
  padding-right: var(--standard_space);
}

.submit_form {
 
  min-width: 758px;
  max-width: 808px;
  width: 42.08vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.form_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width:100%
}

.form_container_line, .form_container_line_one {
  display: flex;
  
  align-items: center;
  gap: clamp(6px, 0.63vw, 12px);
  width:100%;
  margin-bottom: var(--standard_space);
}

.form_container_line {
  justify-content: center;
  
}

.form_container_line_one {
  margin-right: clamp(6px, 0.63vw, 12px);
}

.submit_textarea_cont{
  width:100%;
  display: flex;
  flex-direction: column;
}

.submit_textarea_cont textarea:focus {
  border: 1px solid #606061;
  outline: none;
}

.form_container_line input, .submit_textarea_cont textarea, .form_container_line_one select, .other_input_form {
  min-height: 34px;
  max-height:44px;
  height: 4.7vh;
  border-radius: clamp(3px, 0.43vh, 4px);
  border: 1px solid #E8EAEA;
  font-size: clamp(13px, 1.6vh, 15px);
  letter-spacing: 0.07em;
  box-sizing: border-box;
  padding-left: var(--standard_space);
  color: #606061;
  font-family: "titillium";
}

.submit_textarea_cont textarea {
  width:100%;
  min-height: 80px;
  max-height: 120px;
  height: 120px;
}

.form_container_line input[type=text]:focus, .other_input_form:focus {
  border: 1px solid #606061;
  outline: none;
}

.form_container_line span, .submit_textarea_cont span, .form_container_line_one span {
  font-size: clamp(12px, 1.5vh, 14px);
  letter-spacing: 0.07em;
  margin-bottom: var(--standard_top_small_clamp);
}

.submit_form_input {
  display: flex;
  flex-direction: column;
  width:50%;
}

.submit_form_text_header {
  border-top: 1px solid #C2C2C2;
  width:100%;
  margin-top: 48px;
  margin-top: clamp(38px, 5.13vh, 48px);
  padding-top:48px;
  padding-bottom: 48px;
  padding-top: clamp(38px, 5.13vh, 48px);
  padding-bottom: clamp(38px, 5.13vh, 48px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(16px, 2.14vh, 20px);
  letter-spacing: 0.1em;
}

.submit_form_text_header_pdf {
  padding-bottom: clamp(38px, 5.13vh, 48px);
  box-sizing: border-box;
  font-size: clamp(16px, 1.39vh, 18px);
}

.submit_form_rodo {
  font-size: 12px;
  margin-top: var(--standard_top_small);
  box-sizing: border-box;
  border-radius: clamp(3px, 0.43vh, 4px);
  border: 1px solid transparent;
  cursor: pointer;
}

.submit_form_rodo_error {
  border: 1px solid #fF0000;
  
}

.submit_form .standard_button_height{
  position:static;
  margin-top: var(--standard_space);
  z-index: 0;
}

.submit_form_no_valid {
  border: 1px solid #FF0000 !important;
}

.submit_form_valid {
  border: 1px solid #1DE991 !important;
}

.loading_layer {
  width:100%;
  height:100%;
  z-index: 300;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0,0,0,0.8);
  display: flex;
  justify-content: center;
  align-items: center
}

.loading_layer_gif {
  width:102px;
  height:102px;
  position: fixed;
}

.quote_sent_info {
  width: 100%;
  display: flex;
  margin-top: var(--standard_space);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.quote_sent_info_label, .quote_sent_info_error_label {
    
    font-size: 1.71vh;
    font-size: clamp(14px, 1.71vh, 16px);
    letter-spacing: 0.1em;
    margin-top: var(--standard_top_large_clamp);
}

.quote_sent_info_label {
  color: #1DE991;
}

.quote_sent_info_error_label {
  color:#FF0000;
}

.info_svg_red {
  filter: invert(14%) sepia(96%) saturate(7463%) hue-rotate(358deg) brightness(94%) contrast(119%);
}



.quote_sent_info_message {
  margin-top: var(--standard_top_large_clamp);
  text-align: center;
}

.info_center {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top:0px;
  left:0px;
  background-color: rgba(0,0,0,0.8);
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info_center_cont {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255,255,255,1);
  flex-direction: column;
  padding: 4.27vh;
  padding: clamp(30px, 4.27vh, 40px);
  max-width: 600px;
  letter-spacing: 0.07em;
  text-align: center;
  border-radius: 4px;
}



.confirm_yes_no_button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--standard_top_small_clamp);
}

.confirm_no, .confirm_yes {
  padding-left: var(--standard_space);
  padding-right: var(--standard_space);
}

.confirm_yes {
  margin-left: clamp(4px,  0.3125vw, 6px);
}

.confirm_no {
  margin-right: clamp(4px,  0.3125vw, 6px);
}

.confirm_message_two {
  margin-top: var(--standard_top_small_clamp);
}
.lamp_acc_graphic .button_graphic_img_cont {
  height: 6vh !important;
}

.area_form_fore_elements ul li{
  width:45%;
}

.loading_lock_aside {
  position: absolute;
  width: 100%;
  height: 100%;
  left:0px;
  top:0px;
  background-color: transparent;
  z-index: 300;
}

.loading_conf_numbers {
    display: flex;
}

.savedUrl {
    color: #707070;
    font-weight: 600;
}

#private_poliscy_url {
    position:absolute;
    bottom: 4px;
    right:10px;
}
#private_poliscy_url a {
    text-decoration: underline;
    transition: color 0.4s ease-in-out;
    -webkit-appearance: none;
    color: #505357;
}
#private_poliscy_url a:hover {
    color:#FF0000;
}

.quote_item_pcs_form {
    width:60px;
}

.quote_item_pcs_label {
    display: flex;
    align-items: center;
}
.select_frame_bundle .select_button_graphic{
  width:50%;
}
.containers_buttons .button_graphic_img_cont {
  height: 5vh;
}

.containers_buttons .select_button_graphic {
  width: 30%;
}