/* Site specific extension of base,
	 mostly color schemes and no dimensions or positioning.
	 to prevent ua_limited_system_colors.css overwiting QUARAS (NON system) colors we use !important

	 We use color #512D81 (rgb decimal: 81,45,129) in stead of color #5C358C (rgb decimal: 92,53,140) which is
	 the actual background color of the QUARAS logo, but is made darker and more blue as a background image
	 in IE. Color #512D81 resembles closest this background color and we prefere it over the original.
	 We use !important to prevent overwrite from ua_limited_system_colors.css */

a.view-node-focus {
	background-color: PaleGoldenrod;
}
a.view-node-selected {
	background-color: #FF2D81; /* QUARAS pink; rgb decimal: 255,45,129 */
	color: #51FF81; /* QUARAS green; rgb decimal: 81,255,129 */
	font-weight: bold;
	text-transform: uppercase;
}
a.view-node-selected:focus {
	color: #FF2D81; /* QUARAS pink; rgb decimal: 255,45,129 */
}

a.bold:hover,a.underline:hover,a.view-node:hover,a.view-node-focus:hover,a.view-node-header:hover {
	color: #FF2D81 !important; /* QUARAS pink; rgb decimal: 255,45,129 */
}

a.bold:active,a.underline:active,a.view-node:active {
	color: #512DFF !important; /* QUARAS blue; rgb decimal: 81,45,255 */
}




body {
	background-color: White;
	color: #512D81; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
body.company-logo,body.company-logo-right {
	color: #666666; /* extra dark grey; rgb decimal: 102,102,102 */
}
body.form-input {
	background-color: #EEEEEE; /* light grey; rgb decimal: 238,238,238 */
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
body.form-input-connect {
	color: #666666 !important; /* extra dark grey; rgb decimal: 102,102,102 */
}
body.media-player {
	background-color: Black;
}
body.views-data,body.views-data-select {
	background-color: #999999 !important; /* dark grey; rgb decimal: 153,153,153 */
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
body.views-structure {
	background-color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
	color: White !important;
}
body.tabbar-bottom {
	background-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
	border-bottom-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
	border-top-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}
body.tabbar-top {
	background-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
	border-bottom-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
	border-top-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
}
body.toolbar-location {
	border-bottom-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}




button {
	background-color: #EEEEEE; /* light grey; rgb decimal: 238,238,238 */
	color: Inherit; /* is NOT inherited by default */
}
button.apply,button.cancel,button.ok,button.toolbar {
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
button.tab-bottom-back,button.tab-bottom-back-attention,button.tab-bottom-front,button.tab-bottom-front-attention,button.tab-top-back,button.tab-top-back-attention,button.tab-top-front,button.tab-top-front-attention {
	border-color: #999999 !important; /* dark grey; rgb decimal: 153,153,153 */
}
button.tab-bottom-back,button.tab-top-back {
	background-color: White !important;
}
button.tab-bottom-front,button.tab-bottom-front-attention {
	background-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
	border-top-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
}
button.tab-top-front,button.tab-top-front-attention {
	background-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
	border-bottom-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
}
button.tab-bottom-back:hover,button.tab-bottom-back-attention:hover,button.tab-top-back-attention:hover,button.tab-top-back:hover {
	background-color: #FF2D81 !important; /* QUARAS pink; rgb decimal: 255,45,129 */
}
button.titlebar {
	background-color: #999999 !important; /* dark grey; rgb decimal: 153,153,153 */
}
button.tree-node-plus-minus {
	background-color: Transparent;
}
button.tree-node-plus-minus:enabled:hover,button.select:enabled:hover {
	color: #FF2D81 !important; /* QUARAS pink; rgb decimal: 255,45,129 */
}




fieldset.dialog {
	background-color: WhiteSmoke;
}
fieldset.dialog,fieldset.titlebar-right {
	border-color: #666666 !important; /* extra dark grey; rgb decimal: 102,102,102 */
}
fieldset[class|=toolbar-right-top],fieldset.toolbar-top-right {
	background-color: PaleGoldenrod;
	border-color: InactiveCaption;
}
fieldset.views-processing {
	background-color: InfoBackground;
	border-color: #666666 !important; /* extra dark grey; rgb decimal: 102,102,102 */
	color: #666666 !important; /* extra dark grey; rgb decimal: 102,102,102 */
}
fieldset.views-properties-bar-bottom,fieldset.views-properties-bar-top {
	background-color: White;
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}




frame.bordered,frameset.bordered {
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}




hr {
	background-color: #EEEEEE; /* light grey; rgb decimal: 238,238,238 */
	color: #EEEEEE; /* light grey; rgb decimal: 238,238,238 */
}




img.map {
	border-color: #EEEEEE !important; /* light grey; rgb decimal: 238,238,238 */
}




input,select,textarea {
	background-color: White;
	color: Inherit; /* is NOT inherited by default */
}
input.field-accent {
	background-color: #51FF81 !important; /* QUARAS green; rgb decimal: 81,255,129 */
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
select {
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}




h1 {
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}

div.agenda-node,div.banners-node,div.icons-node,div.list-node,div.tiles-node {
	background-color: White !important; /* light grey; rgb decimal: 238,238,238 */
	border: 0 solid;
}
div.h5,span.h5 {
	border-bottom-color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
div.news-item {
	background-color: #EEEEEE !important; /* light grey; rgb decimal: 238,238,238 */
	border: 0 solid;
}
div.news-item-even {
	background-color: #999999 !important; /* dark grey; rgb decimal: 153,153,153 */
	border: 0 solid;
	color: White !important;
}
div.news-item-header {
	border-bottom-color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
div.table-form-header {
	background-color: #51FF81 !important; /* QUARAS green; rgb decimal: 81,255,129 */
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
div.tree-node-accent {
	color: #51FF81 !important; /* QUARAS green; rgb decimal: 81,255,129 */
}

span.text-a-node,span.text-a-node-block {
	font-size: larger;
}
span.text-a-node-extra,span.text-format,span.text-format-both,span.text-form-header,span.text-news-item-bar-right {
	color: #666666; /* extra dark grey; rgb decimal: 102,102,102 */
}
span.text-news-item-h5 {
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
table.form-border tr:hover span[class|=text-label] {
	background-color: #666666; /* extra dark grey; rgb decimal: 102,102,102 */
	color: White;
}

ul,li {
	list-style-image: none !important;
	list-style-type: disc;
}
ul.accent {
	background-color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
	border: 0 solid;
	color: #51FF81 !important; /* QUARAS green; rgb decimal: 81,255,129 */
}
ul.normal {
	background-color: #51FF81 !important; /* QUARAS green; rgb decimal: 81,255,129 */
	border: 0 solid;
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}




td.agenda-node {
	background-color: #999999 !important; /* dark grey; rgb decimal: 153,153,153 */
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}




td.company {
	background-color: #EEEEEE !important; /* light grey; rgb decimal: 238,238,238 */
	border-color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}




th.details-node,th.tfoot,th.thead {
	background-color: #666666 !important; /* extra dark grey; rgb decimal: 102,102,102 */
	color: White !important;
}
th.parents-node {
	background-color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
	color: White !important;
}
th.parents-node:hover {
	background-color: #51FF81 !important; /* QUARAS green; rgb decimal: 81,255,129 */
}

tr.details-node {
	background-color: White !important;
}
tr.details-node-even {
	background-color: #EEEEEE !important; /* light grey; rgb decimal: 238,238,238 */
}
tr.even {
	background-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}
td[class|=details-node],th.details-node,th.parents-node {
	border-color: White !important;
}




table.form-border {
	background-color: #EEEEEE !important; /* light grey; rgb decimal: 238,238,238 */
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}

td.form-button-select,td.form-button-select-properties {
	background-color: #EEEEEE !important; /* light grey; rgb decimal: 238,238,238 */
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}
td.form-input,td.form-input-company-logo,td.form-input-textarea {
	background-color: White !important;
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}
td.form-input-transparent {
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}
td.form-input-accent {
	background-color: #51FF81 !important; /* QUARAS green; rgb decimal: 81,255,129 */
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
	color: #512D81 !important; /* QUARAS dark purple; rgb decimal: 81,45,129 */
}
td.form-input-invisible {
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}
td.form-input-company-logo {
	background-image: url("/img/logo/company_xl_rectangle.png");
	background-position: 95% 50%;
	background-repeat: no-repeat;
	padding: 0 2px 0 0px;
}
td.form-label,td.form-label-top {
	border-color: #C6C6C6 !important; /* less light grey; rgb decimal: 198,198,198 */
}
td.form-label-properties {
	border-color: White;
}
td.form-label-wide {
	color: #666666 !important; /* extra dark grey; rgb decimal: 102,102,102 */
}
table.form-border:nth-of-type(even) td.form-label-wide {
	background-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
}




table.tabbar {
	background-color: #E6E6E6 !important; /* little less light grey; rgb decimal: 230,230,230 */
}
td.tabbar,td.tabbar-tab-col-margin-bottom,td.tabbar-tab-col-margin-top {
	background-color: #EEEEEE !important; /* light grey; rgb decimal: 238,238,238 */
}
td.tabbar-tab-col-margin-bottom {
	border-top: 1px solid #999999 !important; /* dark grey; rgb decimal: 153,153,153 */
}
td.tabbar-tab-col-margin-top {
	border-bottom: 1px solid #999999 !important; /* dark grey; rgb decimal: 153,153,153 */
}




/* Customer specific section */
body {
	font-family: "Noto Sans", sans-serif;
}


button:enabled img,label img,a img,td[class|=details-node] img,th[class|=details-node] img {
	filter: grayscale(100%);
	opacity: 0.618;
}
button:enabled:hover img,label:hover img,a:hover img,td[class|=details-node]:hover img,th[class|=details-node]:hover img {
	filter: grayscale(0%);
	opacity: 1;
}


div.agenda-node img,div.banners-node img,div.icons-node img,div.list-node img,div.tiles-node img,div.tree-node img,div.tree-node-accent img {
	display: none;
}
div.banners-node a[class^=view-node] {
	padding: 4px;
}