/* client-specific css for whole page */

@font-face {
	font-family: 'Roboto';
	src: url('/Client/Content/fonts/roboto/Roboto-Regular.woff2') format('woff2'),
		url('/Client/Content/fonts/roboto/Roboto-Regular.woff') format('woff'),
		url('/Client/Content/fonts/roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'RobotoBold';
	src: url('/Client/Content/fonts/roboto/Roboto-Bold.woff2') format('woff2'),
		url('/Client/Content/fonts/roboto/Roboto-Bold.woff') format('woff'),
		url('/Client/Content/fonts/roboto/Roboto-Bold.ttf') format('truetype');
}

body {
	background-color: transparent !important;
	/*border-top: 10px solid #353535;*/
	color: #333;
	font-size: 14px;
	font-family: Roboto, Arial, Helvetica, Sans-Serif !important;
	margin: 0;
	padding: 0 20px;
	line-height: 22px !important;
}

#body {
	border-radius: 0;
}
header {
}

footer {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
footer a {
	color: white !important;
}

input, button, select, textarea {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.site-maintitle {
	text-transform: uppercase;
}

button, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.header-navigation button, .header-navigation select, .header-navigation input[type="text"].search-field, .header-navigation .add-on {
	background-color: #323232 !important;
	color: #FAFAFA !important;
	border: 1px solid #CFCFCF !important;
}
.header-navigation button {
	background: black !important;
}
.header-navigation button:hover, .header-navigation button:focus {
	background: #323232 !important;
}
.header-navigation #menuItems button {
	width: 80px;
}
.header-navigation #frm_product_family_select button {
	margin-left: 5px !important;
}

#login {
	padding: 0 !important;
	line-height: inherit;
}
#login #loginLink {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none !important;
	text-transform: uppercase;
}

.site-title .site-maintitle {
	padding-top: 47px !important;
}
.site-title .site-subtitle {
	color: white;
	font-weight: normal;
	padding-top: 68px !important;
}

.site-title .site-subtitle .family-name {
	font-size: 16px;
}

#searchBox, #languageSelector, #menuItems {
	margin-top: 21px;
	height: 55px;
}
#searchBox #Keyword {
	width: 195px;
	padding-right: 18px !important;
}

.simpletree .jstree-default .jstree-anchor {
	color: black;
}
.simpletree .jstree-default .jstree-clicked, .simpletree .jstree-default .jstree-hovered {
	background: white;
	box-shadow: none;
	text-decoration: underline;
}


/* reset rounded corners and gradients */

.badge, .label {
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
.btn {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0;
	border-radius: 0 !important;
	text-shadow: none !important;
	background-image: none !important;
	border: 1px solid #cccccc !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	filter: none !important;
}
.btn:hover, .btn:focus {
	background-image: none !important;
	border: 1px solid #bbbbbb !important;
}

.btn.btn-info {	
	background-image: none !important;
	border-color: #555555 !important;
}
.btn.btn-info:hover, .btn.btn-info:focus {	
	border-color: #444444 !important;
	background-color: #666666 !important;
}

.btn.btn-danger {	
	background-image: none !important;
	border-color: #9d160f !important;
}
.btn.btn-danger:hover, danger:focus {	
	border-color: #9d160f !important;
}

ul.boxes li {
	border-radius: 0;
}


/* cookie hint */
.cc-window.cc-banner {
	padding: .5em 1.8em !important;
	border-bottom: 1px solid #888888;
	font-family: Roboto, Arial, Helvetica, Sans-Serif !important;
	font-size: 14px !important;
	padding: 3px 20px !important;
}
.cc-btn {
	border-width: 1px !important;
	border-color: # !important;
	padding: .1em .2em !important;
	font-weight: normal !important;
}
.cc-deny {
	margin: 3px 10px 0 0 !important;
}
.cc-btn:hover {
	text-decoration: none !important;
}