#regulations .year tbody, .year table, .year tr {
	 width: 100% !important;
}
 #regulations .fields {
	 display: block !important;
}
#regulations #filterbox #searchYear:focus, #regulations #filterbox #searchReset:focus, #regulations #filterbox #searchKeywords:focus {
	 outline: 2px solid #0a233f !important;
}
 #regulations .year table {
	 width: 100%;
}
 #regulations #filterbox {
	 background: #e9e9ea;
	 padding: 20px 10px 5px 10px;
	 border-radius: 10px;
	 margin-bottom: 30px;
}
 #regulations #filterbox #searchKeywords {
	 width: 95%;
}
 #regulations #filterbox label {
	 font-size: 1.1em;
	 font-weight: bold;
	 color: #0a233f;
	 margin: 0px 0px 5px 10px;
}
 #regulations #filterbox #searchStatus {
	 width: 95%;
}
 #regulations #filterbox #searchYear {
	 width: 95%;
}
 #regulations #filterbox #searchReset {
	 opacity: .75;
}
 #regulations #filterbox .fields {
	 display: flex;
	 flex-wrap: no-wrap;
	 flex-direction: row;
}
 #regulations #filterbox select {
	 padding: 6px;
	 margin: 0px 10px 15px 10px;
	 border: 1px solid #ccc;
	 border-radius: 4px;
}
 #regulations #filterbox .resetBtn {
	 text-align: right;
	 margin-right: 1.5%;
}
 @media only screen and (min-width: 881px) {
	 #regulations .col.type {
		 width: 50%;
	}
}
 @media only screen and (max-width: 767px) {
	 #regulations #filterbox .fields {
		 flex-direction: column;
	}
	 #regulations #filterbox #searchYear {
		 width: 100% !important;
	}
	 #regulations #filterbox #searchKeywords {
		 width: 100% !important;
	}
	 #regulations .fields table td {
		 width: 97% !important;
	}
}
 @media only screen and (max-width: 600px){
	 #regulations h2.reverse-blue {
		 width: 104%;
	}
}
 @media only screen and (max-width: 500px) {
	 #regulations #searchKeywords {
		 max-width: 100% !important;
	}
	 #regulations h2.reverse-blue{
		 width: 107%;
	}
}