/* CSS Document */
.supplier_top {
	margin:0 auto;
}
.supplier_top ul{
	display: table;   /* Allow the centering to work */
	margin: 0 auto;

	list-style:none;
	background-color:#F8F8F8;
	border-radius:10px;
	border:solid #E0E0E0 1px;
	text-align:left;
	padding:2vmin;
}
.form_holder{
	display: table;
	margin:0 auto;
	background-color:#F8F8F8;
	border-radius:10px;
	border:solid #E0E0E0 1px;
	text-align:left;
	padding:2vmin;
	text-align:center;	
}
.wrapper_supplier_s3{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:10px;

}
.wrapper_supplier_s3 input{
	width:75%;
}
.s3_1,.s3_2,.s3_3,.s3_4,.s3_5,.s3_6,.s3_7,.s3_8,.s3_9,.s3_10,.s3_11,.s3_12,.s3_13,.s3_14{
	/*border:solid 1px #999;*/
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	font-family:"Lato", sans-serif;
	
}
.s3_14{
	 padding-top:20px;
	 margin:0 auto;
	 width:100%;
	 text-align:center;
}

/* Password structure validation. The message box is shown when the user clicks on the password field */
#message {
    display:none;
    background: #f1f1f1;
    color: #000;
    position: relative;
    padding: 5px;
    margin-top: 10px;
}

#message p {
    padding: 2px;
	margin:1px;
    font-size: 12px;
	background-color:#FFF;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

.valid:before {
    position: relative;
    left: -35px;
    content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    left: -35px;
    content: "✖";
}
#sup_list{
	text-align:left;
	align-content: left;
}
#sup_list textarea{
	width:100%;
	min-height:40px;
}
.wrapper_venue{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:5px;
	
}
.wv_01{
	/*background-color:lightcyan;*/
}
.wv_02{
	/*background-color:yellow;*/
}
.wv_03{
	/*background-color:lightcoral;*/
}
.venueExtras{
	width:100%;
}
.venueExtras th, .venueExtras td {
	text-align:left;
}
@media(max-width:500px){
.wrapper_supplier_s3{
	grid-template-columns: 1fr;
}
.button{
	width:100%;
	margin:0 auto;
}
.wrapper_venue{
	grid-template-columns: 1fr 1fr;
}
}