@charset "UTF-8";
/* CSS Document */

.collapsible {
    background-color: rgba(0,0,0,0.49);
    color: white;
    cursor: pointer;
    padding: 9px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}
.collapsible {
    text-decoration: underline;
    color: #FFF714;
}
.collapsible:hover {
    text-decoration: none;
}
.active, .collapsible:hover {
    background-color: rgba(85,85,85,1.00);
}
.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    background-color: #f1f1f1;
}
/* *** eget *** */
.blankett {
	color: #3E3E3E;
	height: auto;
	display: block;
    width: 98%;
}
@media (max-width:450px) {
.blankett {
	color: #3E3E3E;
	height: auto;
	display: block;
    width: 100%;
}
	
}

.faeltblock {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	margin: 0 0 10px 0;
}
@media (max-width:650px) {
	.faeltblock {
	justify-content: space-around;
	flex-direction: column;
	margin: 0 0 10px 0;
}
}

.faelt {
	width: 85%;
	font-size: 14px;
}
@media (max-width:650px) {
.faelt {
	width: 100%;
}
}

.faeltnamn {
	width: 10%;
	padding-right: 10px;
}
@media (max-width:650px) {
	.faeltnamn {
	width: 100%;
	padding-right: 0;
}
}