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


.FilterControl li {
    list-style: none;
    width: 100%;
          display: inline-flex;
    margin-bottom: 20px;
    align-items: center;
    margin-top: 10px;
}
 
.button-section-inst{
	
	
	
	} 
	.InsitutionList {
    max-height: 300px;
    overflow: auto;
    height: auto;
    width: 65%;
    margin: 0 auto;
}

.InsitutionList a{
	color: #ff0505;
	}
	
.name-section-inst {
    width: 50%;
    float: left;
}
.search-section-inst {
    width: 50%;
    float: left;
}	
	
 span.field-name-inst {
    font-size: 23px;
    font-weight: bold;
    float: right;
    margin-right: 40px;
}
  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 51px;
	height: 44px;
    bottom: 0;
    margin-left: 200px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }
  
  .custom-combobox_ins {
    position: relative;
    display: inline-block;
  }
  .custom-combobox_ins-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 200px;
    padding: 0;
  }
  .custom-combobox_ins-input {
    margin: 0;
    padding: 5px 10px;
  }
  
  .custom-combobox_confre {
    position: relative;
    display: inline-block;
  }
  .custom-combobox_confre-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 200px;
    padding: 0;
  }
  .custom-combobox_confre-input {
    margin: 0;
    padding: 5px 10px;
  }
  
  .custom-combobox_state {
    position: relative;
    display: inline-block;
  }
  .custom-combobox_state-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
   
    padding: 0;
  }
  .custom-combobox_state-input {
    margin: 0;
    padding: 5px 10px;
  }
  
  .custom-combobox_data {
    position: relative;
    display: inline-block;
  }
  .custom-combobox_data-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    
    padding: 0;
  }
  .custom-combobox_data-input {
    margin: 0;
    padding: 5px 10px;
  }
  
  
  
  @media screen and (max-width: 800px){
	  
	  .FilterControl {
    width: 100%;
    display: inline-block;
}

.FilterControl li {
    list-style: none;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    align-items: center;
    margin-top: 10px;
}
.search-section-inst {
    width: 100%;
    float: none;
	    text-align: center;
}

.name-section-inst {
    width: 100%;
    float: none;
    display: inline-block;
	    margin-bottom: 20px;
    text-align: center;
}

span.field-name-inst {
    font-size: 23px;
    font-weight: bold;
    float: none;
	margin-right:0px;
}

input.custom-combobox_state-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, input.custom-combobox_data-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    width: auto !important;
    margin: 0 auto !important;
    display: inline-block !important;
}

.custom-combobox_state-toggle, .custom-combobox_data-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    right: 0;
    left: inherit !important;
	margin: 0;
}
	  input.custom-combobox_confre-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
 width: auto !important;
}
	
	
	.InsitutionList {
    max-height: 300px;
    overflow: auto;
    height: auto;
    width: 100%;
    margin: 0 auto;
}


.ui-autocomplete.ui-front {
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    width: 100% !important;
    max-width: 78% !important;
}

	
	
	  }