section#brochures{
	width: 100%;
	height: 100%;
}

.brochures_wrap{
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}

/* ######################### SORT MENU ############################## */
.sort_menu{
	margin-top: 20px;
}

.sort_menu input{
	width: calc(100% - 40px);
	height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #d8d8d8;
	border-radius: 20px;
}

.sort_menu input:focus{
	outline: none;
}


/* ######################### BROCHURES ############################## */
.product{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
	margin-bottom: 150px;
	margin-top: 20px;
}

.product input[type=submit]:disabled {
    background-color: #B2B2B2 !important;
    cursor: not-allowed !important;
}

.product input[type=submit]{
	width: 60%;
	height: 30px;
	text-transform: uppercase;
	background-color: rgba(115,159,217, 0.7);
	border: 0;
	color: #FFFFFF;
	font-weight: 700;
	border-radius: 3px;
}

.product input[type=submit]:hover{
	cursor: pointer;
	background-color: rgba(115,159,217, 1);
}

.product p{
	padding: 1px;
	margin: 3px;
}

.table_data{
	height: 260px;
	width: 20%;
	padding-top: 25px;
	border-bottom: 1px solid #d8d8d8;
}

.table_data:hover{
	background-color: #F2F2F2;
}

.table_data img, p:hover{
	cursor: pointer;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   footer{
        margin-bottom: -200px;
   }
}