.val_main_cat{
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
font-weight:bold;
text-align: center;
}
.val_cat_icon{
  float: left;
  width: calc(50% - 32px);
  text-align: center;
  padding: 10px;
  color:#666666;
  border:1px solid #dbdbdb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.val_cat_icon img{
  height: 45px;
  margin-top: 0px;
  margin-right: 0px;
  filter: invert(42%) sepia(7%) saturate(19%) hue-rotate(332deg) brightness(90%) contrast(86%);
}


.val_cat_icon_selected{
  float: left;
  width: calc(50% - 32px);
  text-align: center;
  padding: 10px;
  color:#03a2dc;
  border:1px solid #03a2dc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.val_cat_icon_selected img{
  height: 45px;
  margin-top: 0px;
  margin-right: 0px;
  filter: invert(49%) sepia(17%) saturate(7484%) hue-rotate(164deg) brightness(95%) contrast(106%);
}


.sub_cat_residential{  display:block; }
.sub_cat_commercial{ display: none; }
.sub_cat_land{  display: none;}
.sub_cat_other_properties{  display: none;}


.message_red { 
  color: #a3373c; background-color: #f2dedf; 
  padding: 10px;
  font-weight: bold;
  font-size: 16px;

  border:  1px solid #ebccd1;
  border-radius: 3px; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
}

.message_green { 
  color: #47663f; background-color: #ddf1d5; 
  padding: 10px;
  font-weight: bold;
  font-size: 16px;

  border:  1px solid #d4e4cf;
  border-radius: 3px; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
} 

.mes_ul_title{ margin-left: 12px; font-weight: bold;}
.mes_ul{ margin-left: -12px;}
.mes_ul li{ list-style-type: disc;}


/* Input Radio container */
.container_radio{
  float: left;
  margin-top: 20px;
}
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 24px;
  cursor: pointer;
  font-size: 22px;
  line-height: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #03a2dc;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}




/* segmented-button */
.segmented-button {
  padding: 0px;
  margin-top:0px;
  margin-bottom:20px;
  text-align: center;
}
.segmented-button input[type="radio"] {
  width: 0px;
  height: 0px;
  display: none;
}
.segmented-button label {
  width: calc(50% - 9px);
  font-weight:bold;
  background-color: #FFFFFF;
  color: #03a2dc;

  cursor: pointer;	
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;

  border: 1px solid #03a2dc;
   border-radius: 3px; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  
   padding-top:4px;
   padding-bottom:4px;
}


.segmented-button_1{
  margin-right: -23px;
  padding-right: 23px;
}
.segmented-button_2{
  padding-left: 10px;
}

.segmented-button label {
  *display: inline;
}

.segmented-button label:active, .segmented-button label.active {
  background-color: #03a2dc;	
  border: 1px solid #03a2dc; 
  color: #FFFFFF; 


}
.segmented-button label:disabled, .segmented-button label.disabled {
  background-color: #CCCCCC;
  border: 1px solid #03a2dc;
  color: #03a2dc;
}


.segmented-button input:checked + label, .segmented-button label.selected {
  background-color: #03a2dc;	
  border: 1px solid #03a2dc; 
  color: #FFFFFF; 
}
.segmented-button input:disabled + label {
  background-color: #CCCCCC;
  border: 1px solid #03a2dc;
  color: #03a2dc;
	
  cursor: default;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}






.val_inputbox {
  width: calc(100% - 10px);
  height:33px;
  padding-top: 25px;
  padding-bottom: 0px;
  padding-left: 4px;
  margin:0px;
  color:#333333;
  text-align: left;
  font-size: 22px;
  background-color: #ffffff;

  border: none;
  border-bottom: 1px solid #dbdbdb;;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  } 
  
  .val_inputbox::-webkit-input-placeholder {
  color: #767676;
  }
  .val_inputbox:-ms-input-placeholder {
  color: #767676;
  }
  .val_inputbox::placeholder {
  color: #767676;
  opacity: 1;
  }

  



.valuation_submit_b{
  width:100%;
  background-color: #03a2dc;
  color:#ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}


.toggle_button{ 
  font-weight: bold;
  color:#666666;
  font-size: 16px;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 0px solid #CCCCCC;
}

.val_icon{
  width: 25px;
  margin-left: 2px;
  margin-right: 10px;
  filter: invert(42%) sepia(7%) saturate(19%) hue-rotate(332deg) brightness(90%) contrast(86%);
}



/* .val_sub_cat{ display: none; } */
.val_location{ display: none; }
.val_total_surface{ display: none; }
.val_internal_surface{ display: none; }
.val_year_built{ display: none; }
.val_floor{ display: none; }
.val_rooms{ display: none; }
.val_bedrooms{ display: none; }
.val_kitchen{ display: none; }
.val_bathroom{ display: none; }
.val_parking{ display: none; }
.val_energy_class{ display: none; }
.val_equipments{ display: none; }
.val_name{ display: none; }
.val_email{ display: none; }
.val_tel{ display: none; }


.eq_main_cat{
  font-size: 22px;
  color:#03a2dc;
  margin-bottom: 15px;
}