.inblock_calculator_input_zone{
  padding: 24px;
  border: 1px solid #f15923;
  margin-bottom: 30px;
}

.inblock_calculator_input_zone label{
font-weight: 600;
margin-bottom: 5px;
}

.inblock_calculator_input_zone input{
  width: 100%;
}

.ib_vb_button_type_zone{
  display: flex;
  justify-content: center;
  gap: 30px;
}

.access_from_both_sides{
  text-align: center;
  font-style: italic;
  font-weight: normal !important;
}

.inblock_calculator_row_3_4{
  display: flex;
  justify-content: space-between;
}

.inblock_calculator_row_3_4 label{
  width: 60%;
}

.ib_vb_image_dim{
  display: flex;
  width: 100%;
}

.ib_vb_image_dim img{
  width: 50%;
  height: fit-content;
}



.ib_vb_input_group{
  display: flex;
      flex-direction: row;
      flex-wrap: nowrap;

    height: fit-content;
}

.ib_vb_input_group input{
  border-radius: 3px 0 0 3px !important;
  text-align: right;
}

.ib_vb_input_group .ib_vb_input_unit{
  display: block;
  width: 60px;
  height: 100%;
  padding: 0.4em 0.5em;

  background-color: #f15923;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border: 1px solid #f15923;
  border-radius: 0 3px 3px 0;

  box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);

}

.calculation_results{
  margin-top: 30px;
}

.inblock_calculator .inblock_calculator_row{
  margin: 10px 0 20px 0;
}

.inblock_calculator .inblock_calculator_row.inblock_calculator_show_below_500mm,
.inblock_calculator .inblock_calculator_row.inblock_calculator_show_over_500mm{
  margin-top: 30px;
  margin-bottom:0;
}

.inblock_calculator .inblock_calculator_row.inblock_calculator_show_over_500mm label{
  margin-bottom: 20px;
}

.inblock_calculator .inblock_calculator_row label{
    display: block;
}

.vb_inblock_wheel_table th{
  background-color: #f0774b;
  color: #fff;
  padding: 10px 5px;
}


.ib_vb_spinner_container{
    width: 100%;
    padding: 20px 0;
    display: flex
;
    justify-content: center;
}

.ib_vb_spinner {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
  }
  .ib_vb_spinner::before , .ib_vb_spinner::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #FFF;
    animation: prixClipFix 2s linear infinite ;
  }
  .ib_vb_spinner::after{
    border-color: #FF3D00;
    animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse;
    inset: 6px;
  }

  @keyframes rotate {
    0%   {transform: rotate(0deg)}
    100%   {transform: rotate(360deg)}
  }

  @keyframes prixClipFix {
      0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
      25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
      50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
      75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
      100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
  }

@media (max-width: 600px) {
  .inblock_calculator_row_3_4{
    display: block;
  }
  .inblock_calculator_row_3_4 label{
    width: 100%;
    margin-bottom: 10px;
  }

  .ib_vb_image_dim{
    display: block;
    width: 100%;
  }
  .ib_vb_image_dim img {
    width: 100%;
    height: fit-content;
  }

  .vb_inblock_wheel table tbody .middle-row td{
    font-size: 1rem;
  }
  .vb_inblock_wheel table tbody .middle-row-m1 td {
    font-size: 0.8rem
  }
  .vb_inblock_wheel table tbody .middle-row-m1 td {
    font-size: 0.6rem
  }
}
  

.ib_vb_img_hidden{
  display: none;

}