@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

* {
    box-sizing: border-box;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}

[class*="col-"] {
    float: left;
    padding: 0px;
}

.col-nobr {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

body {
	background-color: #edeef2;
}

html, body {
	margin: 0px 0px 0px 0px;
    font-family: 'Open Sans', "Lucida Sans", sans-serif;
    color: #585776;
	font-size: 0.95em;
    font-weight: 300;
    height: 100%;
}

.contentHeight {
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -143px;
}
.contentPush, .contentFooter {
	min-height: 143px;
	line-height: 19px;
}
.contentFooter {
	background-color: #666;
	z-index: 0;
	position: relative;
}

input[type="text"], input[type="password"], textarea, select {
    font-family: 'Open Sans', "Lucida Sans", sans-serif;
	font-size: 0.95em;
    color: #585776;
    width: 90%;
    font-weight: 300;
    padding: 5px;
}
textarea {
    border: 1px solid #ccc;
}

select:disabled, input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled  {
	background: rgb(235, 235, 228);
}

input[type="submit"] {
    font-family: 'Open Sans', "Lucida Sans", sans-serif;
	font-size: 0.95em;
    font-weight: 300;
}

input[type="radio"] {
	
} 

a {
	color: #3b99eb;
	text-decoration: none;
}

.topMenuBarBase{
	background: #419be8;
	height: 65px;
	position: relative;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.realMenuBarBase {
	background: #3b8dd3;
	height: 40px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.categoryTreeLinks {
	border-top: 1px solid #eee;
	padding-top: 0px;
	margin-top: 0px;
	color: #3b99eb;
	cursor: pointer;
}
.categoryTreeLinks:hover {

}

.profileEditClass:hover .profileEditableContent {
	background-color: #000;
	opacity: 0.5;
	padding-left: 5px;
	padding-right: 5px;
}

.profileEditableContent:hover {
	opacity: 1 !important;
	cursor: pointer;
	color: #3b99eb;

	background-color: inherit;
}

.changeProfileImage:hover {
	cursor: pointer;
}

.changeProfileImageOverlay {
	position: absolute;
	bottom: 0px;
	height: 35px;
	line-height: 35px;
	width: 100%;
	opacity: 0.7;
	background-color: #354657;
	color: #FFF;
	cursor: pointer;
}

.emptyWebshopItemBase {
	opacity: 1;
	color: #354657;
	background-color: #FFF;
	border: 2px solid #354657;
	border-radius: 5px;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 10px;
}

.emptyWebshopItemBase:hover, .emptyWebshopItemBaseSelected {
	opacity: 0.9;
}

.webshopSideHeadline {
	/*background-color: #419be8;*/
	padding: 0px;
	padding-left: 0px;
	color: #419be8;
	/*border-top: 1px solid #3b8dd3;*/
	cursor: pointer;
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
}


.emptyWebshopItemIcon {
	margin: auto;
	border: 2px solid #354657;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	text-align: center;
	padding: 5px;
	padding-top: 7px;
	padding-left: 7px;
}

.emptyWebshopItemIconSelected {
	color: #fff;
	background-color: #354657;
}

.messageBox {
	border: 1px solid #ddd;
	background-color: #efefef;
	padding: 5px;
	border-radius: 3px;
}

.ratingBase {
	color: #ff8921;
}

.tagBase {
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 10px;
	background-color: #EEE;
	color: #666;
	cursor: pointer;
	min-height: 29px; 
}

.tagBase:hover {
	background-color: #3681c0;
	color: #fff;

}

.tagActive {
	/*background-color: #3681c0;
	color: #fff;*/
}

.submitBtnOutline, .submitBtnOutlineNoHover {
	border: 1px solid #3b99eb;
	background-color: #fff;
	color: #3b99eb;
}
.submitBtnOutline:hover {
	border: 1px solid #3b99eb;
	background-color: #3b99eb;
	color: #fff;
}
.submitBtnOutline:disabled {
	border: 1px solid #ddd;
	background-color: #fff;
	color: #ddd;
}


.submitBtnOutlineGreen {
	border: 1px solid #8EBF45;
    background-color: #fff;
    color: #8EBF45;
}
.submitBtnOutlineGreen:hover {
    background-color: #8EBF45;
    color: #FFF;
}

.submitBtnOutlineFaded {
	color: #585776;
	border: 1px solid #ccc;
	opacity: 0.6;
}

/*.submitBtnOutlineGreen {
	color: #5daf5c;
	border: 1px solid #5daf5c;
	opacity: 0.9;
}*/

.submitBtnSecondary {
	height: 40px;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #666;
}
.submitBtnSecondary:hover {
	border: 1px solid #000;
	color: #000;
}

.submitBtnSecondarySelected {
	border: 1px solid #268826;
	color: #268826;
}

.submitBtnSmall {
	/*font-size: 12px;*/
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.submitBtnXSmall {
	/*font-size: 12px;*/
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

.submitBtnLarge {
	/*font-size: 12px;*/
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsisTwoLines {
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
	max-width: 400px;
	 /*height: 30px; Fallback for non-webkit */
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bold {
	font-weight: 700;
}

.right {
	float: right;
}

.left {
	float: left;
}

.icon {
	margin-top: 20px;
	width: 40px;
	height: 40px;
	background: green;
	float: left;
}

.topSearchBar {
	background: #FFF;
	cursor: text;
}

.topIconBar {
	background: #FFF;
	height: 80px;
	line-height: 80px;
	text-align: center;
	display: none;
}

.topIconBase {
	width: 100%;
	height: 65px;
	border-radius: 0px;
	position: relative;
	text-align: center;
	padding-top: 20px;
}

.topIconBase:hover {
	background-color: #3b8dd3;
	color: #FFF;
}

.topIconBaseActive {
	background: #3b8dd3;
	color: #FFF;
}

.webshopFrontItem {
	float: left;
	width: 142px;
	height: 142px;
	text-align: center;
	cursor: pointer;
	border: 0px solid #ccc;
	border-radius: 10px;
	margin: 10px;
	margin-right: 20px;
}

.searchCategorySelector {
	padding: 10px;
}
.searchCategorySelector:hover {
	background: #FFF;
	cursor: pointer;
	border-radius: 3px;
	box-shadow: 0px 0px 15px rgba(157,159,168,0.7);
	position: relative;
	z-index: 1;
}

.opiSuppressedResult {
	display: none;
}

.opiResultEntry {
	border-bottom: 1px solid #192f45;
	color: #fff;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 25px;
	padding-bottom: 25px;
	min-height: 150px;
}

.opiResultEntryFaded {
	opacity: 0.3;
}
.opiResultEntryFaded:hover {
	opacity: 1;
}

.searchResultEntry, .searchResultEntryAC {
	border-bottom: 1px solid #ddd;
	background: #FFF;
	padding: 25px;
	min-height: 150px;
}
.searchResultEntry:first-child {
	margin-top: 5px;
	border-radius: 3px 3px 0px 0px;
	/*padding-top: 50px;*/
}
.searchResultEntry:last-child {
	border-radius: 0px 0px 3px 3px;
	/*padding-bottom: 50px;*/
}
.searchResultEntry:hover, .searchResultEntryAC:hover {
	box-shadow: 0px 0px 15px rgba(157,159,168,0.7);
	position: relative;
	z-index: 1;
}
.searchResultEntry:hover .searchGetBid, .searchResultEntry:hover .searchAddBasket, .searchResultEntryAC:hover .searchGetBid, .searchResultEntryAC:hover .searchAddBasket {
	visibility: visible;
}

.searchGetBid, .searchAddBasket {
	
	visibility: hidden;
	/*width: 100%;
	cursor: pointer;
	border: 2px solid #3b99eb;
	color: #3b99eb;
	padding: 7px;
	border-radius: 3px;
	visibility: hidden;
	margin-top: 10px;
	min-height: 45px;*/
}
.searchAddBasket {
	/*border: 2px solid #585776;
	color: #585776;
	margin-top: 0px;*/
}
.searchBasketAdded {
	border: 2px solid #79cd51;
	color: #79cd51;
	margin-top: 0px;
}

.sideMenuBase {
	background: #edeef2;
	border-top: 1px solid #edeef2;
	height: 100%;
	padding-top: 0px;
}

.sideMenuStandardBox {
	background: #fff;
	border-radius: 3px;
	padding: 34px;
	line-height: 120%;
	box-shadow: 0px 0px 20px rgba(157,159,168,0.2);
	margin-bottom: 30px;
}

.sideMenuHighlightBox {
	background: #ff8921;
	border-radius: 3px;
	padding: 34px;
	color: #fff;
	line-height: 120%;
	box-shadow: 0px 0px 20px rgba(157,159,168,0.2);
	margin-bottom: 30px;
}

.sideMenuHighlightBoxText {
	margin-top: 15px;
	font-size: 0.8em;
}

.sideMenuHighlightBoxText a {
	color: #fff;
	text-decoration: underline;
}

.defaultCategoryFilterText {
	padding-top: 15px;
}

.boxSpacer {
	height: 30px;
}

.sideMenuPopin {
	box-shadow: 0px 0px 20px rgba(157,159,168,0.2);
	display: none;
	background: #fff;
	position: fixed;
	right: 0px;
	border-top: 0px solid #000;
	padding: 0px;
	max-height: 500px;
 	overflow: auto;
 	z-index: 20000000;
	/*
	Dimensions and positioning is handling in JS
	*/
}

.sideMenuPopinHeadline {
	padding: 30px;
}

.sideMenuPopinFooter {
	text-align: center;
	padding: 30px;
	border-top: 1px solid #ddd;
}

.statsboxBase {
	border: 1px solid #3b8dd3;
	border-radius: 3px;
}

.statsboxTop {
	background-color: #3b8dd3;
	/*height: 131px;*/
	padding: 30px;
	color: #fff;
}

.statsboxHeadline {
	font-weight: 700;
	font-size: 1.7em;
}

.statsboxBall {
	margin: auto;
	position: relative;
	top: -25px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	padding-top: 2px;
	border-radius: 50%;
	background-color: #3b8dd3;
}

.topBreadCrump {
	background: #edeef2;
	height: 49px;
	line-height: 49px;
	border-bottom: 1px solid #e0e1e8;
	padding-left: 25px;
	background-image: url(images/bread_bg.png);
}

.topBreadCrump a a:visited {
	color: red;
}

.topMenuOptionFocus {
	background: #3170a6;
	border-radius: 3px;
	padding-left: 6px;
	padding-right: 6px;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,.8);
}

.searchInput {
	margin-left: 15px;
	width: 75%;
	border: 0px;
	padding: 15px;

}

.subMenuContainer {
	display: none;
	z-index: 1000;
	background: #3b8dd3;
	border-bottom-left-radius: 5px;
	width: 240px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.categorySuggestion:hover {
	background-color: #efEFEF;
}
.categorySuggestionHover {
	background-color: #efEFEF;
}

.menuContainer {
	background: #3b8dd3;
	color: #fff;
	height: 100vh;
	float: left;
	width: 240px;
	position: fixed;
	display: none;
}

.menuLogo {
	background-image: url(images/MutonicLogo159x36.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: inherit;
	height: 65px;
	cursor: pointer;
}

.menuName {
	font-size: 1.3em;
	text-align: center;
	font-weight: 700;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #419be8;
}
.menuCompany {
	font-size: 1em;
	text-align: center;
	color: #347ab7;
	background-color: #419be8;
}
.menuProfileBase {
	/*background: url(images/v2_profilebg.png);*/
	height: 141px;
	background-color: #419be8;	
}

.menuProfileImageBG {
	background-image: url(images/v2_menu_profile_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 141px;
}

.menuProfileImage {
	width: 100px;
	border-radius: 50px;
	position: relative;
	left: 70px;
	top: -121px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.menuProfileGearIcon {
	color: #2c679c;
	position: relative;
	left: 55px;
	top: 110px;
	font-size: 1.1em;
	cursor: pointer;
}
.menuProfileGearIcon:hover,.menuProfileStatsIcon:hover {
	color: #fff;
}

.menuProfileStatsIcon {
	color: #2c679c;
	position: relative;
	left: 145px;
	top: 110px;
	font-size: 1.1em;
	cursor: pointer;
}



.menuSpacer {
	height: 40px;
	background-color: #419be8;
}

.menuItemBaseClass {
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	border-right: 0px solid #3681c0;
	
	background: inherit;
	/*height: 40px;*/
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
}

.breadCrumpBase {
	color: #fff;
	background: #666;
	height: 25px;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	border-top: 1px solid #666;
}

.menuItemTopBaseClass {
	height: 40px;
	max-width: 215px;
}

.menuItemTopBaseClass:hover {
	background-color: #3b7bb3;
}

.menuItemBaseClassDropdown {
	float: none;
	border-top: 1px solid #3277b3;
	z-index: 2000;
}

.menuItemBaseClassFirst {
	/*padding-left: 0px;*/
}

.menuItemBaseClassRight {
	float: right;
}

.menuItemBaseClass a {
	color: #fff;
}

.menuItemIconContainer {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	line-height: 1px;
	color: #fff;
	display: none;
}


.menuItemBaseClassLink:hover, .menuItemBaseClass:hover .menuItemIconContainer {
	color: #8dc7f8;
}

.menuItemIconContainerActive, .menuItemBaseClassActive, .menuItemBaseClassActive a {
	color: #fff;
	background-color: #3b7bb3;
}

.menuItemHighlight {
	border-radius: 9px;
	background-color: #3277b3;
	color: #fff;
	border: 1px solid #fff;
	padding-left: 5px;
	padding-right: 5px;
	min-width: 17px;
	height: 17px;
	margin: 4px;
	font-size: 0.7em;
	padding-bottom: 1px;
}

.menuItemBase:hover, .menuItemBase:hover .menuIconInactive {
	color: #8dc7f8;
}

.menuIconBase {
	float: left;
	width: 59px;
	height: 51px;
	text-align: center;
	padding-top: 5px;
}

.menuIconInactive {
	color: #3277b3;
}

.menuItemLast {
	border-bottom: 1px solid #3681c0;
}

.menuItemActive {
	border-top: 1px solid #419be8;
	color: #fff;
	background-color: #419be8;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	position: relative;
	z-index: 1;
}

.contentFull {
	padding-top: 20px;
}


.contentAreaBase {
	background: #edeef2;
	border-top: 0px solid #f5f6f8;
}

.contentAreaPadded {
	padding-right: 25px;
	padding-top: 0px;
	margin-bottom: 200px;
}

.contentHeadline {
	font-size: 2em;
	font-weight: normal;
	padding-bottom: 15px;
	/*display: inline-block;*/
}

.incontentHeadline {
	font-size: 2em;
	font-weight: normal;
	padding-bottom: 5px;
	/*display: inline-block;*/
	padding-top: 30px;
}

.contentIntroText {
	padding-right: 100px;
	line-height: 150%;
	padding-left: 3px;
}

.contentPageData {
	margin-top: 15px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 20px rgba(157,159,168,0.2);
	padding: 50px;
}

.contentContainer {
	box-shadow: -10px 0 20px 0px rgba(0,0,0,0.1);
	position: relative;
	z-index: 1;
}

.height-0 {
	height: 0px;
}

.padding-0 {
	padding: 0px;
}
.padding-5 {
	padding: 5px;
}
.padding-10 {
	padding: 10px;
}
.padding-15 {
	padding: 15px;
}
.padding-20 {
	padding: 20px;
}
.padding-25 {
	padding: 25px;
}
.padding-30 {
	padding: 30px;
}

.font-12ish {
	font-size: .7em;
}
.font-14ish {
	font-size: .8em;
}
.font-16ish {
	font-size: 1em;
}
.font-20ish {
	font-size: 1.2em;
}
.font-26ish {
	font-size: 1.5em;
}
.font-32ish {
	font-size: 1.8em;
}
.font-40ish {
	font-size: 2.1em;
}
.font-48ish {
	font-size: 2.5em;
}
.font-72ish {
	font-size: 3.5em;
}
.font-96ish {
	font-size: 5em;
}

.icon-border {
    font-size: 1em;
    border: 2px solid #fff;
    padding: 5px;
    border-radius: 50%;
}

/* For mobile phones: */
[class*="col-"] {
    /*width: 100%;*/
}

@media only screen and ( min-width: 0px ) {
    .lowResPadding {
    	padding-left: 5px;
    	padding-right: 5px;
    }
}

/*@media only screen and ( min-width: 700px ) {*/
    /* For tablets: */
/*
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .menuContainer { display: inline; overflow: auto; }

    /*.col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    
    
	.contentContainer {
		margin-right: 240px;
		position: relative;
		left: 240px;
	}

	.contentAreaBase {
		width: 100%;
	}

	.topIconBar {
		display: inline;
	}
}*/


/*
	See who is online of your connections
*/
.connectionBar {
	position: fixed;
	z-index: 1;
	right: 0px;
	top: 125px;
	height: 100vh;
	width: 210px;
	border-left: 1px solid #CCC;
	padding: 0px;
	padding-top: 0px;
	background-color: #edeef2;
}
.contentPaddingRight {
	padding-right: 210px;
}

@media only screen and ( min-width: 1000px ) {
    .lowResPadding {
    	padding-left: 0px;
    	padding-right: 0px;
    }
}



@media only screen and ( max-width: 1450px ) {
	.connectionBar {
		display: none;
	}
	.contentPaddingRight {
		padding-right: 0px;
	}
}



.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.menuContainer { display: inline; overflow: auto; }
.contentContainer {
	margin-right: 240px;
	position: relative;
	left: 240px;
}

.topIconBar {
	display: inline;
}


/*Search result classes*/
.srFact, .srFactTitle {
	padding-right: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.srHalf {
	float: left;
	width: 50%;
}

.formFieldError {
	border-color: red;
}

.wrapper {
  background: white;
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-small {
  width: 75px;
  height: 78px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}

.ribbon-small {
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 2px 0;
  padding-left: 45px;
  left: -5px;
  top: -10px;
  width: 120px; 
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-wrapper-huge {
  width: 170px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}

.ribbon-huge {
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 15px 0;
  padding-left: 15px;
  left: -5px;
  top: 15px;
  width: 240px; 
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}

.ribbon {
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px; 
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-green {
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
  color: #6a6340;
}

.ribbon-blue {
  background-color: #419be8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#419be8), to(#3378b5)); 
  background-image: -webkit-linear-gradient(top, #419be8, #3378b5); 
  background-image:    -moz-linear-gradient(top, #419be8, #3378b5); 
  background-image:     -ms-linear-gradient(top, #419be8, #3378b5); 
  background-image:      -o-linear-gradient(top, #419be8, #3378b5);
  color: #fff;
}

.ribbon-orange {
  background-color: #ff8921;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8921), to(#b95904)); 
  background-image: -webkit-linear-gradient(top, #ff8921, #b95904); 
  background-image:    -moz-linear-gradient(top, #ff8921, #b95904); 
  background-image:     -ms-linear-gradient(top, #ff8921, #b95904); 
  background-image:      -o-linear-gradient(top, #ff8921, #b95904);
  color: #fff;
}

.ribbon:before, .ribbon:after {
  content: "";
  border-top:   0px solid #6e8900;   
  border-left:  0px solid transparent;
  border-right: 0px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon:before {
  left: 0;
}
.ribbon:after {
  right: 0;
}

.is-countdown {
	background-color: inherit;

}

.orangeText {
	color: #ff8921;
}

.priceCompareFS {
	padding: 5px;
}


/*
Supplier rating color-schema
*/

.colorSchema-good {
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
  color: #fff;
}
.colorSchema-warning {
  background-color: #ebcc4f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebcc4f), to(#ebde4f)); 
  background-image: -webkit-linear-gradient(top, #ebcc4f, #ebde4f); 
  background-image:    -moz-linear-gradient(top, #ebcc4f, #ebde4f); 
  background-image:     -ms-linear-gradient(top, #ebcc4f, #ebde4f); 
  background-image:      -o-linear-gradient(top, #ebcc4f, #ebde4f);
  color: #6a6340;
}
.colorSchema-alert {
  background-color: #ff0000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff6b57)); 
  background-image: -webkit-linear-gradient(top, #ff0000, #ff6b57); 
  background-image:    -moz-linear-gradient(top, #ff0000, #ff6b57); 
  background-image:     -ms-linear-gradient(top, #ff0000, #ff6b57); 
  background-image:      -o-linear-gradient(top, #ff0000, #ff6b57);
  color: #6a6340;
}
.colorSchema-unknown {
  background-color: #ababab;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#5f5f5f)); 
  background-image: -webkit-linear-gradient(top, #ababab, #5f5f5f); 
  background-image:    -moz-linear-gradient(top, #ababab, #5f5f5f); 
  background-image:     -ms-linear-gradient(top, #ababab, #5f5f5f); 
  background-image:      -o-linear-gradient(top, #ababab, #5f5f5f);
  color: #fff;
}


.mutonicEditorBase {
	height: auto;
	min-height: 0px;
	color: #ddd;
	padding: 10px;
	width: 100%;
	position: relative;
	z-index: 10;
}

.mutonicEditorFocus {
	height: auto;
	min-height: 120px;
	color: #000;
	width: 100%;
	position: relative;
	z-index: 10;
}

.newsfeedContent {
	color: #000;
}

.newsfeedIntro {
	color: #999;
}


.mutonicPostImageContainer, .mutonicPostImageExtra {
	border: 1px solid #f4f4f4;
	border-radius: 3px;
	width: 100px;
	height: 100px;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	position: relative;
}

.mutonicPostImageExtra {
	line-height: 100px;
	text-align: center;
	font-size: 30px;
	color: #f4f4f4;
}
.mutonicPostImageExtra:hover {
	color: #ccc;
	border: 1px solid #ccc;
}
.mutonicPostImageHover {
}
.mutonicPostImageHover:hover {
	opacity: 0.5;
}
.mutonicPostImageHover:hover .mutonicPostImageHoverIcon {
	display: inline;
}
.mutonicPostImageHoverIcon {
	display: none;
	position: absolute;
	right: 5px;
	top: 5px;
}
.mutonicPostTaggedProduct {
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding-right: 3px;
	padding-left: 3px;
}



.hiddenPrice {
	display: none;
}
.productPriceSelector {
	border: 1px solid #fff;
	border-top: 1px solid #ddd;
	background-color: #fff;
}
.productPriceSelector:hover {
	background-color: #eee;
	border: 1px solid #666;
}
.productPriceSelectorStriped {
	/*background-color: #ddd;
	border: 1px solid #ddd;*/
}



/*
0 0px 15px 10px rgba(255, 137, 33, 0.5)
*/
.pulse {
  display: block;
  cursor: pointer;
  /*background-color: rgba(255, 137, 33, 1);*/
  box-shadow: 0 0 0 rgba(255, 137, 33, 0.4);
  animation: pulse 1.5s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 137, 33, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(255, 137, 33, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 137, 33, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 137, 33, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 137, 33, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(255, 137, 33, 0);
      box-shadow: 0 0 0 20px rgba(255, 137, 33, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 137, 33, 0);
      box-shadow: 0 0 0 0 rgba(255, 137, 33, 0);
  }
}



/*
Category layer
*/

.catLayerMenu {
	padding: 7px;
}

.catLayerMenuInactive {
	background-color: #419be8;
	color: #fff;
	border-bottom: 1px solid #3b8dd3;
}

.catLayerMenuActive {
	background-color: #fff;
	color: #000;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #3b8dd3;
}