.module-layout {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

.module-widget {
flex: 1 0 20%;
margin-right: 30px;
padding: 20px;
margin-bottom: 20px;
border: solid 1px black;
}

.module-display {
flex: 1 0 70%;
margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {

.module-widget {
flex: 1 0 100%;
/*padding-right: 0px;*/
}

.module-display {
flex: 1 0 100%;
}


}

.module-widget input[type=checkbox] {

margin-right: 5px;

}

.module-search {
display: flex;
wrap: no-wrap;
margin-bottom: 20px;
}

#modulesearch {
flex: 1 0 75%;
}

#searchapply {
flex: 1 0 20%;
}