﻿
form div input, 
form div textarea,
form div select, 
form div .texttext{
	width:100%;
	max-width:300px;
}
fieldset{
	width:100%;
	padding:0.35em 7px 0.75em;
	border:0px;
	border-top:solid 1px #ddd;
	border-bottom:solid 2px #ccc;
	margin: 25px -7px 50px;
	background:#ebf6fc url(https://ec.europa.eu/digital-single-market/sites/digital-agenda/themes/digital_agenda/images/theme/bg_dashes.png);
	box-sizing: content-box;
}
legend{
	border-bottom:solid 1px #ddd;
    color: #222;
    font-size: 16px;
    margin: -10px -7px 7px;
    padding:0 7px 7px;
	background:#fff;
	box-sizing: content-box;
}
form .textlabel, 
label, 
form div.multiple p{
	width:160px;
	padding:1px 10px 7px 0;
}
fieldset>div:first-child{
	margin-top:10px;
}
fieldset>p{
	margin-top:20px;
}
fieldset>legend+p,
fieldset>legend+div:first-child,
fieldset>div:first-child:first-child{
	margin-top:0px;
}

form div.multiple div{
	margin-left:160px;
}

.radiocolhead {
	font-weight:bold;
	display:inline-block;
	text-align:center;
	padding-bottom:0.5em;
	padding-top:1em;
	font-size:80%;
}

form div.multiple div.text label{
	margin-top:0;
}

.radiorow div{
	border-top: 2px solid #fff;
	padding-top:5px;
	border-bottom: 0;
}
.radiorow div,
.radiorow p{
	margin-bottom:5px;
}
.hoverradio div {
	border-top: 2px solid #b3e0f7;
	border-bottom: 0;
}

.hoverradio p {
	background: #b3e0f7;
}

form div select option{
	width:auto;
	max-width:100%;
}

form div.multiple div.text input, 
form div.multiple div.text select{
	width: 60%;
}

input[disabled], textarea[disabled], select[disabled]{
	opacity:0.7;
	background-color: #eee;
	color:inherit;
}

#actions, div.actions, #clickto {
	margin-left:160px;
}

form div#status{
	position:static;
	text-align:left;
}

@media(max-width:992px) {
	form div input, 
	form div textarea,
	form div select,
	form div .texttext{
		max-width:100%;
	}
	form .textlabel, 
	label, 
	form div.multiple p{
		width:100%;
		text-align:left;
	}
	.markItUp{
		float:none;
	}
	form div.multiple div{
		margin-left:10%;
	}
	form div.multiple div label{
		clear:left;
	}
	div.indent {
		padding: 0 0 0 1em;
	}
	form div.multiple div {
		margin-left: 2%;
	}
	form div.multiple div label{
		text-indent:0;
		padding-left:0;
	} 
	#actions, div.actions, #clickto {
		margin-left:10px;
	}

	#welcome {text-align:center;}
}

