.form_body{
 width:700px;
 padding:20px;
 margin: 3% auto;
 position: relative;
}


.form_headline{
  font-size:2rem;
  margin:1rem 0;
  text-align: center;
  font-weight: 700;
  white-space: pre-line;
}


.form_headline_text {
		color: gray;
		font-size: 14px;
		line-height: 1.2;
		padding: 10px 0px;
    white-space: pre-line;
}

.form_headline textarea,
.form_headline_text textarea{
    font-size: inherit;
    text-align: inherit;
    font-weight: inherit;
    min-height: 10rem;
}


.form_group_title_h1{
  font-size:1.2rem;
  background:skyblue;
  padding:5px;
  color:white;
  font-weight:700;
  border-radius:5px;
}

.form_group_title_h2{
  font-size:1rem;
  font-weight:700;
}


.form_menu_box{
  margin:10px 0;
}

.form_menu_box label{
  margin-bottom:5px;
  display:block;
}

.form_menu_box input, select{
  width: 100% !important;
  margin: 0 !important;
}

.group4{
  justify-content: space-between;
}

.group4 .form_menu_box{
  width: 23%;
}

.edit_floating{
  position: absolute;
  right: -4rem;
  display: flex;
  width: 2rem;
  flex-wrap: wrap;
  gap:0.5rem;
  justify-content: center;
}

.entryform_setting_btn i,
.entrysheet_group_edit_btn i,
.entrysheet_edit_btn i,
.entrysheet_form_type_btn i,
.entrysheet_submit_btn i,
.entrysheet_edit_cancel_btn i,
.entryform_2_setting_btn i,
.entrysheet_2_group_edit_btn i,
.entrysheet_2_edit_btn i,
.entrysheet_2_form_type_btn i,
.entrysheet_2_submit_btn i,
.entrysheet_2_edit_cancel_btn i{
  font-size: 3rem;
  cursor: pointer;
  border-radius: 0.2rem;
  color: #04CC00;
  background: white;
  border: none;
}

.entryform_setting_btn i:hover,
.entrysheet_edit_btn i:hover,
.entrysheet_group_edit_btn i:hover,
.entrysheet_form_type_btn i:hover,
.entrysheet_submit_btn i:hover,
.entrysheet_edit_cancel_btn i:hover,
.entryform_2_setting_btn i:hover,
.entrysheet_2_edit_btn i:hover,
.entrysheet_2_group_edit_btn i:hover,
.entrysheet_2_form_type_btn i:hover,
.entrysheet_2_submit_btn i:hover,
.entrysheet_2_edit_cancel_btn i:hover{
  filter: brightness(1.1);
}

.entrysheet_submit_btn,
.entrysheet_2_
entrysheet_2_submit_btn{
  font-size: 2rem;
}

.entrysheet_group_edit_btn i,
.entrysheet_form_type_btn i,
.entrysheet_2_group_edit_btn i,
.entrysheet_2_form_type_btn i{
  font-size: 2.6rem;
}

.entrysheet_submit_btn,
.entrysheet_edit_cancel_btn,
.entrysheet_2_submit_btn,
.entrysheet_2_edit_cancel_btn{
  font-size: 2rem;
  padding: 0;
  height: unset;
  margin: unset;
}

.form_menu_box input, select{
  border-radius: 0.2rem;
	height: 3rem;
}

.entrysheet_checkbox,
.entrysheet_2_checkbox{
  justify-content: left;
  padding-left:0.5rem;
}

#form_navigator{
  display: flex;
  gap:0.2rem;
  justify-content: space-between;
  margin-bottom:0.5rem;
}

#form_navigator .form_navigator_span{
  background: #C8D5DE;
  margin: 1rem auto;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  cursor: pointer;
}

#form_navigator .form_navigator_span span{
  width: 80%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  color:white;
  font-size: 0.8rem;
}

#form_navigator .form_navigator_span span:hover{
  color:black;
}

#form_navigator .form_navigator_span:before,
#form_navigator .form_navigator_span:after{
  width: calc(100% - 5px);
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  content: "";
}

#form_navigator .form_navigator_span:before{
  border-bottom: solid 5px #C8D5DE;
  border-right: solid 5px transparent;
  bottom: 100%;
}

#form_navigator .form_navigator_span:after{
  border-top: solid 5px #C8D5DE;
  border-right: solid 5px transparent;
  top: 100;
}

#form_navigator .form_navigator_went_step{
  background: #85BCDE;
  color:white;
}

#form_navigator .form_navigator_went_step:before{
  border-bottom: solid 5px #85BCDE;
}
#form_navigator .form_navigator_went_step:after{
  border-top: solid 5px #85BCDE;
}

#form_navigator .form_navigator_this_step{
  background: #2C9ADE;
  color:white;
}

#form_navigator .form_navigator_this_step:before{
  border-bottom: solid 5px #2C9ADE;
}
#form_navigator .form_navigator_this_step:after{
  border-top: solid 5px #2C9ADE;
}

#before_step_btn{
  background: linear-gradient(96.77deg, #aaaaaa -0.96%, #888 100%);
}

.button_zone{
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.form_layout.step{
	/* display: flex;
  white-space: nowrap; */
}

.type_ctrl.step{
	display: none;
}

.step_show{
	display: block !important;
}

.radio_label{
  width: 24%;
  border-radius: 6px;
  text-align: center;
  background: gainsboro;
  height: 3rem;
  text-overflow: ellipsis;
  padding: 1rem;
  text-wrap: nowrap;
  font-size: 0.8rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
}

.radio_label:hover{
  filter: brightness(1.1);
}

.selected_label{
  background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
  color:white;
}

.radio_select_div{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
}