body {
	background:			#ffffff;
	color:				#000000;
	margin:				0;
	padding:			0;
	border:				0;
	font-family:		'Roboto', Helvetica, Arial, sans-serif;
	vertical-align:		baseline;
	text-align:			left;
	line-height: 1.5 !important;
	/* overflow: hidden; */
}

#awa_container {
	margin:				auto;
	max-width:			1200px;
	margin-top: 252px;
	padding-left:		1em;
	padding-right:		1em;
}

#awa_header {
	margin:				auto;
	max-width:			1200px;
	padding-top:		0.875em;
	padding-bottom:		1.25em;
	background:			white;
	font-size:			16px;
	padding-left:		1em;
	padding-right:		1em;
}

#chart_canv {
	height: 	100% !important;
	width: 		100% !important;
}

#searchbtn {
	height: 26px;
	width: 26px;
}

.navbar-brand {
  padding-bottom: 0;
}

.awa_tap_area {
	background:		#CCCCCC;
	padding:		1em;
	margin-bottom:	15px;
	font-size:		1.5em;
	font-weight:	900;
	font-style:		normal;
}

.clickable {
	cursor: pointer;
}

.ml2 {
	margin-left:	8px;
}

.awa_bg_col1 {
	background: #F7F7F7;
}

.awa_bg_grey30 {
	background: #FFF;
	border: 1px solid #b6bdc2;
}


.lang_ul {
  list-style: none;
}

.lang_ul>li {
	display: inline-block;
}

.lang_ul>li>a {
	color: #1B1B1B;
}

.lang_ul>li>a:hover {
	color: #003366;
}

.lang_ul>li:not(:last-child):after {
    content:		'|';
    color:			grey;
	padding-left:	15px;
	padding-right:	15px;
}

.active_lang {
	text-decoration: underline;
}

.awa_ul {
  list-style: none;
}

.awa_li {
  margin-top: 0.5em;
  position: relative
}

.awa_li:before {
  content: " ";
  background-size: contain;
  background-image: url('/content/check.svg');
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: -2rem;
}

.awa_dl_li:before {
  content: "";
  background-size: contain;
  background-image: url('../img/icons/file-richtext.svg');
  background-repeat: no-repeat;
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  left: 1em;
  margin-top: 1px;
}

.awa_right_gap_30 {
	padding-right: 30px;
}

.awa_even1 {
	padding-top:		0.25em;
	padding-bottom:		0.25em;
}

.awa_odd1 {
	background: 		#EEEEEE;
	padding-top:		0.25em;
	padding-bottom:		0.25em;
}

.awa_nowrap {
	white-space: wrap;
}

.hrcat {
	margin-top:			0.5rem;
	margin-bottom:		0.5rem;
	border:				none;
	height:				0.25rem;
	color:				#999999;
	background-color: 	#999999;
}

.list_extend_ds {
	font-size:		0.75rem;
	font-weight:	900;
	font-style:		normal;
}

.block {
	font-weight:	700;
	padding-left: 	1em;
	padding-top:	0.5em;
	padding-bottom:	0.5em;
}

.svgcontainer {
	height: 100%;
	width: 100%;
}

.imgcontainer {
	max-height: 	66px;
	max-width: 		200px;
	text-align:		center;
	margin-bottom:	.75em;
}

.imagelist {
	max-height: 66px;
	max-width: 180px;
}

.italic {
	font-style: italic;
}

.lightgrey75 {
	color: #BFBFBF;
}

.top_border {
	border-top-color:	#000000;
	border-top-style:	solid;
	border-top-width:	4px;
}

.bottom_border {
	border-bottom-color:	#000000;
	border-bottom-style:	solid;
	border-bottom-width:	4px;
}

.search_form {
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
}

.search_input {
	font-size: 16px !important;
}

.search_term {
	font-style:			bold;
	background:			#CCCCCC;
	padding:				0.25em;
	margin-right:		0.75em;
}

div.awa_freset {
	padding-left: 	0.1em;
	margin-bottom:	1rem;
}

span.awa_filter {
	font-size:		1.25em;
	font-weight:	900;
	font-style:		normal;
}

span.awa_filter_reset {
	color:			#7F7F7F;
	font-size:		1em;
	font-weight:	700;
	font-style:		normal;
	margin-left:	1em;
}

.awa_txt {
	font-size:		0.90em;
	font-weight:	500;
	font-style:		normal;
}
.awa_txt.force-1-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.awa_pno {
	font-size:		1em;
	font-weight:	400;
	font-style:		normal;
	margin-top:		0.5em;
}

.awa_pname {
	font-size:		1.25em;
	font-weight:	500;
	font-style:		normal;
}

fieldset.group {
	background: #F7F7F7;
}

fieldset.single {
	background: #FFFFFF;
}

a, a:link, a:visited, a:active, a:hover, a:focus {
	color:	#004899;
	text-decoration: none;
}

h5 {
	margin-bottom: 15px;
}

legend {
	background: #F7F7F7;
	font-size:		1.25em;
	font-weight:	900;
	font-style:		normal;
	padding-left: 	0.5em
}

label.data {
	font-size:			0.9em;
	font-weight:		400;
	font-style:			normal;
	vertical-align:		top;
	margin-left:		0.5rem;
	margin-bottom:		0.2rem;
}

table {
	width: 100%;
}

td {
	padding-top:		0.75em;
	padding-bottom:		0.75em;
	padding-left:		0.5em;
	padding-right:		0.5em;
}

.awa_product_img {
	width: auto;
	max-height: 102px;
}

.awa_icon {
	max-width: 64px;
	max-height: 40px;
	margin: 0 8px;
}

.awa_icon_wide {
	height: 24px;
	margin: 0 15px 20px 0;
}

.awa_filter_similar {
	cursor: pointer;
	margin-right: 45px;
}

a.awa_filter_similar,
a.awa_filter_similar:link,
a.awa_filter_similar:visited,
a.awa_filter_similar:active,
a.awa_filter_similar:hover,
a.awa_filter_similar:focus {
	color:	#000000;
	text-decoration: none;
}

.awa_filter_similar::after {
	content: '';
	background-image: url('../img/icons/filter-circle.svg');
	width: 18px;
	height: 18px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 6px;
	margin-top: 2px;
}

.awa_add_to_cart {
	cursor: pointer;
	margin-right: 25px;
}
.awa_add_to_cart::after {
	content: '';
	background-image: url('../img/icons/circle.svg');
	width: 18px;
	height: 18px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 6px;
	margin-top: 2px;
}
.awa_add_to_cart.added {
}

.awa_add_to_cart.added::after {
	background-image: url('../img/icons/check2-circle.svg');
	width: 22px;
	height: 22px;
	margin-left: 4px;
	margin-top: 0;
}
#awa_cart {
	display: none;
	background-image: url('../img/icons/cart.svg');
	width: 30px;
	height: 28px;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
#awa_cart::after {
	content: attr(data-count);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: white;
	background-color: #21345f;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 9pt;
	font-weight: bold;
	margin-top: -3px;
}
#awa_cart_container, #awa_product_container {
	display: flex;
	flex-wrap: wrap;
}
#awa_cart_container {
	margin-bottom: 30px;
}
.awa_product_card {
	display: flex;
	flex-direction: column;
	position: relative;
	width: calc(20% - 12px);
	height: 240px;
	border: 1px solid #e7e7e7;
	overflow: hidden;
	padding: 5px 10px;
	margin: 6px;
}
.awa_product_card_image {
	width: 100%;
	height: 110px;
	border: white solid 5px;
	background-color: white;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 18px;
	margin-bottom: 18px;
}
.awa_product_card_trash {
    position: absolute;
    right: 10px;
    bottom: 10px;
	width: 20px;
	height: 20px;
}

.awa_filter_area {
	background-color: #e9ebed;
	border-radius: 4px;
	padding: 5px;
}
#awa_filter_options {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
#awa_filter_options > * {
	width: 20%;
	padding: 5px 10px;
}
.awa_filter_option_panel {
	position: absolute;
	z-index: 2010;
	display: none;
	left: 9px;
	right: 9px;
	background-color: white;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	margin-top: -4px;
	padding: 10px;
	max-height: 500px;
	overflow: hidden;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.awa_filter_option_panel_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    max-height: 440px;
	overflow: auto;
}
.awa_filter_option_panel_container > * {
	min-width: 20%;
}
.awa_filter_option_panel_group {
	background-color: #e7eaed;
	padding: 5px;
	margin: 0 5px;
    width: calc(20% - 10px);
	margin-bottom: 10px;
}
.awa_filter_option_panel_back {
	position: fixed;
	z-index: 2000;
	display: none;
	background-color: rgba(0,0,0,0.1);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.awa_filter_apply_button {
	color: #21335f;
	margin: 5px;
	float: right;
}

.awa_filter_option_button {
	display: block;
	position: relative;
	padding: 5px;
	background-color: #003366;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.awa_filter_option_button.active {
	color: black !important;
	background-color: white !important;
	border: 0 !important;
	z-index: 2020;
}

#awa_active_filters {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 5px 5px;
}
#awa_active_filters > * {
    position: relative;
	margin: 5px;
	padding-left: 30px;
}

.awa_pages_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
}
.awa_pages_container > * {
	display: flex;
	margin: 0 5px;
}
.awa_pages_container > .active {
	font-size: 1.3rem;
	font-weight: bold;
}
.awa_pages_container .arrow {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
}
.awa_pages_container .arrow.left {
	background-image: url('../img/icons/chevron-left.svg');
}
.awa_pages_container .arrow.right {
	background-image: url('../img/icons/chevron-right.svg');
}
.awa_active_filter_btn::before {
	content: ' ';
	background-image: url('../img/icons/x-square.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 5px;
	top: 6px;
}
#awa_product_count{
	margin: 10px;
	color: #484848;
}
.awa_drawing {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2em;
}
.awa_drawing_img {
	max-height: 400px;
	width: 100%;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ebed;
  border-radius: .25rem;
  text-transform: uppercase;
}

.awa_breadcrumb {
  font-size: 16px;
}

.breadcrumb-item + .breadcrumb-item::before {
  content:"//";
  color: #004899;
}

.awa_row_fix {
	margin-left: 0;
	margin-right: 0;
}

.awa_group_card_label {
  white-space: pre-wrap;
  text-transform: uppercase;
}

.awa_config_row {
	display: flex;
	flex-direction: row;
	padding: 0 20px;
}
.awa_config_row > div {
	padding: 5px;
}
.awa_config_row > div:nth-child(1) {
	width: 330px;
}
.awa_config_row > div:nth-child(2) {
	flex: 1;
}
.awa_config_row:nth-child(odd) {
	background: #e9ecef;
}

#awa_popup_container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 2000;
}
.awa_config_popup {
	width: 800px;
	border: 1px solid black;
	background-color: white;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	z-index: 2010;
}