@charset "UTF-8";

/* generic */

#container{
	width:			100%;
	margin-right:	auto;
	margin-left:	auto;
	margin-bottom:	5em;
}

#logo{
	height:			50%;
	min-width:		10%;
	text-align: 	left;
	margin:			0.25em;
}

#progress{
	background-color:			rgba(76, 185, 99, 0.95);
	position:					fixed;
	top:						0;
	left:						0;
	width:						100%;
	height:						100px;
	z-index: 					1;
	color:						white;
	weight:						bold;
	font-size:					1.2em;
}

#progress-meter{
	width:						0;
	height:						5px;
	background-color:			rgba(29, 38, 59, 1);
	position:					fixed;
	top:						100px;
	left:						0;
}

form{

}

.container-content{
	margin-top:					120px;
}

fieldset{
    border:						1px groove #ddd !important;
    padding:					0 1.4em 1.4em 1.4em !important;
    margin:						0 0 1.5em 0 !important;
    background-color: 			rgb(230, 230, 230);
    -webkit-box-shadow:			0px 0px 0px 0px #000;
            box-shadow:			0px 0px 0px 0px #000;
}

legend{
    font-size: 					1.2em !important;
    font-weight: 				bold !important;
    text-align: 				left !important;
	width:						inherit;
    padding:					0 10px;
    border-bottom:				none;
}

label{
	width:						50%;
}

input,select,textarea, input[type="button"]{
	width:						100%;
	margin-bottom:				1em;
}

textarea{
	height: 					10em;
}

input[type="submit"], input[type="button"]{
	padding:					0.5em;
	background-color:			rgb(247, 218, 26);
}

.mandatory{
	color:						red;
	font-weight:				bold;
}

#menu{
	width:						2em;
	float:						right;
	vertical-align: 			middle;
}

#search{
	vertical-align: 			middle;
}

#raffle-title{
	font-size:					1.2em;
	margin:						0.25em;
}

#menu img{
	width:						100%;
}

table, td, th{
	border-collapse: 			collapse;
	border:						1px solid black;
}

td, th{
	padding:					0.5em;
}

/* instance */

#terms-and-conditions-details{
	display:					none;
}

#banner{
	width:						100%;
}

.card{
	background-color:			rgb(230, 230, 230);
	padding:					1em;
	border:						1px solid black;
}

.card-positive{
	background-color:			rgba(76, 185, 99, 0.35);
	padding:					1em;
	border:						1px solid black;
}

#error-msg{
	color:						red;
}

.icon{
	height:						1em;
	margin-right:				1em;
}