@charset "UTF-8";
/**

NEVER edit this file!

We are using SASS - so if you want to change something, edit the corresponding SASS file!

*/
html, body {
  /*font-family: Futura-CondensedMedium;*/
  font-family: Arial, sans-serif;
  margin: -1px 0 0 0;
  padding: 1px 0 0 0;
  width: fit-content;
  width: -moz-fit-content;
  min-width: 100%; }

body.page_start {
  zoom: 1 !important; }

@media screen and (min-width: 1110px) and (max-width: 1440px) {
  body {
    zoom: 0.8; } }
@media screen and (max-width: 1109px) {
  body {
    zoom: 0.6; } }
body {
  position: relative;
  background: url("../assets/mdlz/mdlz_background.png") repeat center; }

.error_text__error--big {
  font-size: 18px;
  background-color: #eceeed;
  color: #CC0000;
  padding: 4px;
  display: block; }

.navTable {
  display: inline-table;
  float: right;
  margin-right: 40px;
  margin-top: 25px; }

.navTable td {
  text-align: right;
  padding: 5px; }

.navTable tr:first-child td {
  font-size: 13pt;
  font-weight: bold;
  padding-right: 22px; }

.navTable tr:nth-child(2) {
  border-top: 2px solid #eceeed;
  float: right; }

.headerNav a, header a:visited {
  color: white; }

.headerNav {
  float: right;
  display: inline-block;
  height: 100%; }

#logout a, #settings a, #help a, #news a, #updates a, #back a, #editProducts a, #viewProducts a, #menu a,
#favorites a, #feedback a, .updateList, #faq a, #cart a {
  color: white; }

#news a {
  text-transform: uppercase; }

#logout, #feedback, #settings, #help, #updates, #news, #search, #back, #menu, #editProducts, #viewProducts, #favorites, #faq, #cart {
  display: block;
  text-align: center;
  width: auto;
  max-width: 75px;
  vertical-align: middle;
  margin-top: 45px;
  float: right;
  font-size: 13px;
  margin-right: 20px; }

/*header div:first-child a, header div:first-child a:visited{
	font-size: 35px;
	line-height: 121px;
	color: white;
	vertical-align: middle;
	text-transform: uppercase;
}*/
header div {
  display: inline-block;
  vertical-align: middle; }

/**
START header for external pages
**/
header.external {
  /*background-color: #e22d2d;*/
  display: inherit;
  background-color: #4f2170;
  /*border-bottom: 1px solid white;*/
  text-align: left;
  -webkit-box-shadow: inset 0px -10px 5px -5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px -10px 5px -5px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px -10px 5px -5px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  height: auto;
  border: 0; }

header.external div {
  display: inline-block;
  vertical-align: middle; }

header.external #logo {
  margin: 10px 15px 10px 30px; }

header.external #logo a {
  vertical-align: middle;
  display: inline-block;
  float: left; }

header.external #logo svg:first-child {
  height: 50px;
  vertical-align: middle;
  fill: white; }

.pptx-catcher {
  position: relative;
  /*padding-bottom: 50px;*/
  z-index: 1;
  overflow-y: hidden;
  max-height: 60%;
  top: 130px; }

.pptx-catcher img {
  width: 100%; }

.pptx-catcher svg {
  position: absolute;
  /*bottom:50px;*/
  bottom: -10px;
  left: 0px;
  width: 100%;
  box-sizing: border-box;
  /*fill: blue;*/
  /*border: 1px solid black;*/
  z-index: 3; }

.page_mailDownload .settings {
  position: absolute;
  top: 75px;
  left: 50%;
  transform: translate(-50%, 0); }

.LoginHeaderText {
  position: relative;
  height: 60px;
  font-size: 25pt;
  line-height: 32px;
  background-color: transparent;
  text-transform: uppercase;
  margin-top: 10px;
  z-index: 2;
  /*width: 50%;*/
  /*padding:20px;*/ }

/**
END header for external pages
**/
#logo {
  margin: 10px 15px 10px 30px; }

#logo a {
  vertical-align: middle;
  display: inline-block;
  float: left; }

#logo svg,
#logo img {
  height: 60px;
  vertical-align: middle;
  fill: white;
  width: 156px; }

header svg {
  height: 25px;
  vertical-align: middle;
  fill: white; }

.info {
  color: #4f2170; }

#viewProducts {
  white-space: nowrap; }

#back svg {
  height: 20px !important;
  padding-top: 5px; }

.updateHeader, .updateList li a {
  color: #E22D2D; }

.updateRow {
  font-weight: bold; }

.listDate {
  color: #4f2170;
  font-size: small;
  display: block;
  clear: both;
  width: 300px;
  box-sizing: border-box;
  text-align: center; }

.midContent {
  display: table-row;
  min-height: calc(100vh - 121px - 119px - 76px);
  height: calc(100vh - 121px - 119px - 76px);
  /*	min-height:  100%;
	height: 100%;*/ }

nav li a {
  color: #87888A; }

.settings {
  color: #4f2170;
  background-color: white;
  width: auto;
  display: inline-block;
  margin: 10px 0px 10px 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); }

.settings input[type=submit] {
  background-color: #4f2170;
  color: white;
  font-weight: normal;
  padding: 10px;
  font-size: 14px;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px; }

.settings form {
  margin-bottom: 40px; }

.settings .styled-select select {
  width: 150px; }

.start a {
  background-color: #E22D2D;
  padding: 10px;
  color: white;
  border: 1px solid white;
  border-radius: 5px;
  /*	height: 50px;
	width: 100px;
	vertical-aling: middle;*/ }

.startMenu {
  /*text-align: center;*/
  max-width: 1400px;
  margin-top: 10px; }

.startPanel {
  max-width: none;
  width: 20%;
  min-width: 300px;
  margin-right: 0;
  margin-top: 40px;
  border-radius: 10px;
  text-transform: uppercase;
  box-sizing: border-box;
  background-color: #4f2170;
  color: white;
  height: 60px;
  text-align: left;
  padding-left: 10px;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25); }

.linkPanel,
.mediaPanel {
  width: 500px;
  display: block;
  height: 80px;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold; }

.linkPanel .logo {
  background-color: white;
  width: 45%;
  display: inline-block;
  text-align: center;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5); }

.linkPanel .logo img {
  vertical-align: middle;
  max-height: 80%;
  max-width: 80%; }

.linkPanel .label,
.mediaPanel .label {
  color: white;
  background-color: #4f2170;
  width: 45%;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  padding: 15px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: pre;
  box-sizing: border-box;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5); }

.linkPanelHint {
  margin-top: -15px;
}

.pslinkPanel .label {
  color: #4f2170;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  font-weight: bold;
  text-transform: uppercase;
  white-space: pre;
  box-sizing: border-box;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;

}

.mediaPanel .label {
  border-radius: 10px;
  width: 100%; }

.linkArrow {
  background-color: #005192;
  width: 30px;
  height: 30px;
  -webkit-transform: translateY(-15px) rotate(45deg);
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5); }

.subMenu {
  display: inline-block;
  height: 100%;
  text-align: center; }

.subMenu .startPanel {
  width: 28%;
  margin-left: 10px !important;
  margin-bottom: 10px !important;
  float: none; }

.startPanel:hover {
  transform: scale(1.05);
  transition: 0.3s ease; }

.startPanel a {
  height: 100%;
  width: 100%;
  display: inline-block;
  color: white;
  /*vertical-align: middle;*/
  font-size: 12pt;
  box-sizing: content-box; }

.startPanel a.subPanel {
  width: 40px;
  background-color: white;
  color: #4f2170;
  vertical-align: top;
  text-align: center;
  border-left: 1px solid #4f2170;
  float: right; }

.startPanel a.subPanel svg {
  vertical-align: middle;
  width: 25px;
  margin-left: -1px; }

.startPanel a.subPanel.round {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.startPanel span:not(.imgHelper) {
  display: inline-block;
  vertical-align: middle; }

.startPanel img {
  width: 80%;
  max-width: none;
  margin-top: 0; }

.startPanel svg {
  background: transparent;
  fill: currentColor;
  width: 30px;
  vertical-align: middle;
  margin: 0px 5px 0px 5px; }

header {
  /*background-color: #e22d2d;*/
  display: inherit;
  background-color: #4f2170;
  border-bottom: 1px solid white;
  text-align: left;
  width: 100%;
  -webkit-box-shadow: inset 0px -10px 5px -5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px -10px 5px -5px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px -10px 5px -5px rgba(0, 0, 0, 0.25);
  box-sizing: border-box; }

.headerTitle {
  color: white;
  /*float: left;*/
  margin: 0;
  margin-top: 10px;
  padding-left: 30px;
  /*margin-left: 10px;*/
  font-size: 16pt;
  text-align: left;
  vertical-align: middle;
  line-height: 100px;
  border-left: 2px solid white;
  height: 100px;
  text-transform: uppercase; }

.headerMenu td {
  width: auto;
  min-width: auto;
  max-width: auto; }

#mainLogo {
  max-height: 70px;
  height: 70px;
  margin-left: 15px;
  /*margin: 0 !important;*/ }

.quartalContentItem svg {
  color: white;
  fill: currentColor;
  float: right;
  height: 25px;
  vertical-align: middle;
  margin-top: 12.5px; }

.bottomInfo {
  /*border-top: 1px solid #e9cfae;*/
  /*background: url('../assets/BackgroundBottomInfo.png');*/
  /*background-color: #e9cfae;*/
  /*	-webkit-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.25);
	box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.25);*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
  color: #644D44;
  /*height: auto !important;*/ }

.infoTable {
  width: 60%; }

.infoTable h1 {
  text-align: left;
  padding-left: 10px; }

.sidebar {
  border-right: 1px solid #EBD3B3;
  line-height: 60px; }

.portfolio {
  background: none;
  color: #4f2170 !important;
  display: block; }

.portfolio {
  min-width: 900px;
  text-align: left; }

.mainContent, .sidebar, .bottomInfo {
  background: transparent;
  /*	background: #dadada;  For browsers that do not support gradients */
  /*	 background: -webkit-linear-gradient(#fcf5dd, #ead1b1);  For Safari 5.1 to 6.0
	background: -o-linear-gradient(#fcf5dd, #ead1b1);  For Opera 11.1 to 12.0
	background: -moz-linear-gradient(#fcf5dd, #ead1b1);  For Firefox 3.6 to 15
	background: linear-gradient(#fcf5dd, #ead1b1);*/ }

body {
  /*	background: url('../assets/kellogg/BG2.png');
	background-size: 100%;
	background-repeat: repeat;*/
  background-color: white; }

nav ul {
  background: none; }

nav li {
  background: #FFFFFF; }

.sidebar_active {
  background-color: #E22D2D; }

.sidebar_active a {
  color: white; }

.links {
  white-space: nowrap;
  margin-top: 100px; }

.links .portfolioItem {
  width: 250px; }

.links .portfolioItemTitle {
  border-radius: 3px;
  /*background-color: rgb(117, 105, 101);*/
  background-color: transparent;
  width: 200px !important;
  height: 200px !important;
  text-align: center;
  color: white !important;
  /*	height: 30px;
	line-height: 30px;*/
  /*float: left;*/
  cursor: pointer;
  /*position: relative;*/
  box-sizing: border-box;
  padding: 0;
  padding-left: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border: none; }

/*.links .portfolioItem{
	display: block;
}*/
.links .portfolioItemTitle img {
  max-height: 90%;
  max-width: 90%; }

.links {
  max-width: 1600px; }

.linksPageWrapper .links {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.links__flexContainer {
  margin: auto;
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .links__flexContainer .linkPanel {
    display: block;
    width: 600px;
    min-width: 600px; }

.linkPanel {
  display   : block;
  width     : 600px;
  min-width : 600px;

}

.portfolioItemTitle, .portfolioItemList li, .machineButton {
  background-color: #E22D2D; }

.portfolioItemTitle {
  color: white; }

.portfolioItemList a {
  color: #E22D2D; }

.portfolioItemList li a {
  color: white; }

.dark {
  background-color: #FFF6CB; }

.bright, .insightCol, .occasion {
  background-color: white; }

.portfolio, .breadcrumb a {
  color: #701415; }

/*
Old text-footer
*/
/*footer{
	background-color: $accentColor;
	background: url('../assets/kellogg/footer.png');
	background-repeat: repeat;
}*/
footer {
  background-color: transparent;
  color: #513D37; }

footer a, footer a:visited {
  color: #513D37;
  text-decoration: underline; }

/*
New graphic footer
*/
footer.bgfooter {
  /*	background: url('../assets/kellogg/Footer-Kellogg2.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 75px;
	min-height: 75px;

	vertical-align: bottom;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.3);*/ }

.yearOverview {
  height: 100%;
  margin: 0 auto;
  float: left; }

.yearOverview td {
  text-align: center;
  vertical-align: top; }

.yearOverview td:nth-child(2), .yearOverview td:nth-child(3) {
  width: 250px;
  /*	background: #ead1b1;  For browsers that do not support gradients */
  /*  background: -webkit-linear-gradient(#fcf5dd, #ead1b1);  For Safari 5.1 to 6.0
	background: -o-linear-gradient(#fcf5dd, #ead1b1);  For Opera 11.1 to 12.0
	background: -moz-linear-gradient(#fcf5dd, #ead1b1);  For Firefox 3.6 to 15
	background: linear-gradient(#fcf5dd, #ead1b1);*/ }

.yearOverviewComment {
  margin-top: 20px;
  font-size: 18px;
  height: 14px; }

.brandRow {
  float: left; }

/*.yearOverview td{
	text-align: center;
	vertical-align: top;
	background-color: rgba(164, 145, 126, 0.5);
	background-color: rgba(149, 131, 113, 0.8);
}*/
/*
.yearOverview td:nth-child(2), .yearOverview td:nth-child(3){
	width: 250px;
}

.yearOverview td:nth-child(4){
	width: 300px;
	text-align: center;
}*/
.yearOverviewCountry {
  /*display: table-cell;*/
  /*background-color: rgba(164, 145, 126, 0.5);*/
  float: left;
  height: 100%; }

.overviewCol {
  background-color: rgba(164, 145, 126, 0.5);
  height: 100%;
  min-height: 620px;
  float: left; }

/*.yearOverviewCountry td{
	background-color: rgba(164, 145, 126, 0.5);
}

.yearOverviewCountry th{
	background-color: transparent !important;
}*/
.yearOverviewCountry .quartalContentItem {
  width: 150px;
  min-width: 150px;
  text-align: center;
  margin-bottom: 10px; }

#yearOverviewWrapper {
  min-height: 500px;
  width: 1300px;
  margin-left: 280px;
  /*display: table-row;*/
  /*width: 800px;*/
  /*background-color: rgba(164, 145, 126, 0.5);*/
  /*position: absolute;*/ }

.quartalItemTitle {
  /*position: relative;*/
  /*display: block;*/
  background-color: white;
  color: black;
  padding: 0.5em;
  text-align: center;
  margin: 10px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  /*width: 25%;*/
  min-width: 100px;
  /*display:inline-block;*/
  /*	float: left;*/
  cursor: pointer;
  text-transform: uppercase;
  -webkit-box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000; }

.quartalBrand {
  /*position: relative;*/
  display: block;
  background-color: transparent;
  color: black;
  /*padding: 10px;*/
  text-align: center;
  margin: 10px;
  /*	height: 100px;
	min-height: 100px;
	max-height: 100px;*/
  /*line-height: 250px;*/
  vertical-align: middle;
  width: 25%;
  min-width: 210px;
  /*display:inline-block;*/
  cursor: pointer;
  text-transform: uppercase;
  /*	-webkit-box-shadow: inset -2px -2px 5px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset -2px -2px 5px 1px rgba(0,0,0,0.5);
	box-shadow: inset -2px -2px 5px 1px rgba(0,0,0,0.5);

	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;*/ }

.quartalBrand.text {
  background-color: white;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  padding: 10px;
  line-height: 50px;
  -webkit-box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000; }

.quartalBrand img {
  /*	vertical-align: middle;
	max-width: 140px;*/
  max-width: 95%;
  max-height: 95%; }

.quartalMarket {
  /*position: relative;*/
  display: block;
  background-color: white;
  color: black;
  padding: 0.5em;
  text-align: center;
  margin: 10px;
  height: 50px;
  line-height: 25px;
  vertical-align: middle;
  width: 25%;
  min-width: 200px;
  /*display:inline-block;*/
  cursor: pointer;
  /*text-transform: uppercase;*/
  -webkit-box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000; }

.quartalContentItem {
  /*position: relative;*/
  /*display: block;*/
  background-color: white;
  color: black;
  padding: 0.5em;
  text-align: center;
  margin: 10px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  width: 250px;
  min-width: 250px;
  /*display:inline-block;*/
  cursor: pointer;
  /*text-transform: uppercase;*/
  -webkit-box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset -2px -2px 5px 1px rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000; }

.quartalContentItem a {
  color: white; }

.quartalContentItem a img {
  float: right;
  height: 25px;
  vertical-align: middle;
  margin-top: 12.5px; }

.quartalActive, .marketActive {
  background-color: #E22D2D;
  color: white; }

/*.arrow_box{ background: #b9997e; }*/
.portfolioItemTitle.arrow_box:after {
  border-top-color: #E22D2D; }

.portfolioItemTitle.arrow_box2:after {
  border-top-color: white; }

.arrow_right:after {
  left: 85%;
  border-left-color: white; }

#downloadPres.downloadButton img {
  height: 30px; }

.yearOverviewCountry {
  display: table-cell;
  background-color: #E22D2D;
  height: 100%; }

.yearOverviewCountry div {
  width: 80px;
  text-align: center;
  margin-bottom: 10px; }

/*.rs_jde_forms{
	margin-top: 20px;
	margin-left: 50px;
	margin-bottom: 20px;
}*/
/*.rs_jde_forms .Question{
	margin-top: 10px;
	font-size: 0.9em;
	max-width: 480px;
}*/
/*.rs_jde_forms label, .rs_jde_forms input[type="text"], .rs_jde_forms select,
.rs_jde_forms textarea{
    display: inline-block;
    vertical-align: middle;
    width: 200px;
		font-size: 0.9em;
		border-radius: 0.5em;
		padding: 5px;
}*/
/*.rs_jde_forms input[type="text"]{
	margin-left: -5px;
	z-index: 1;
}*/
/*.rs_jde_forms label{
	padding: 7px;
	background-color: #e22d2d;
	color: white;
	z-index: 3;
	vertical-align: top;
}*/
label[for*="arrive"], label[htmlfor*="arrive"]
label[for*="mobility"], label[htmlfor*="mobility"],
label[for="depart_by_car"], label[htmlfor="depart_by_car"],
label[for="depart_by_plane"], label[htmlfor="depart_by_plane"],
label[for="depart_by_bus"], label[htmlfor="depart_by_bus"],
label[for="hotel"], label[htmlfor="hotel"] {
  background-color: transparent;
  color: black; }

/*
label[for="hotel"], label[htmlfor="hotel"]{
	width: auto;
}*/
/*.rs_jde_forms textarea{
	width: 250px;
	height: 125px;
}*/
/*.rs_jde_forms select{
	width: 250px;
	height: 100px;
}*/
/*.rs_jde_forms input[type="radio"]{
	vertical-align: middle;
	margin-left: 30px;
}*/
.label.fullCol {
  width: 420px;
  text-align: center;
  margin-bottom: 20px; }

.label.full {
  width: 930px;
  text-align: center;
  margin-bottom: 20px; }

textarea.full {
  width: 930px; }

.mainContent h3 {
  margin-left: 50px; }

.rs_jde_forms input[type="submit"] {
  background-color: #4f2170;
  color: white;
  border-radius: 5px;
  border-color: white;
  border: 1px solid white;
  border-radius: 5px;
  font-size: 1em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-weight: normal;
  margin-top: 25px; }

.rs_jde_form_optional {
  display: none; }

.required label.label:after {
  color: white;
  content: " *"; }

.editAssetField.required label {
  background-color: yellow; }

.msg {
  border: 1px dotted #4f2170;
  width: 100%;
  background-color: white;
  color: #4f2170;
  display: inline-block;
  font-size: 14px;
  padding: 2px;
  border-radius: 0.2em;
  text-align: center;
  margin-top: 10px; }

.msg:empty {
  display: none; }

.mainContent.page_settings .msg {
  border: 1px solid black;
  color: #FFFFFF;
  padding: 2em 0;
  background: green;
  margin: 50px auto;
  font-size: 16px; }

.rs_jde_forms a {
  color: white; }

#personal, #travel, #extra {
  display: inline-block;
  width: 1200px;
  /*overflow: hidden;*/
  /*max-width: 1200px;*/
  /*height: auto;*/ }

.leftCol {
  float: left;
  margin-right: 30px;
  /*	width: 40%;
	min-width: 40%;*/
  /*width: 400px;*/ }

.rightCol {
  position: relative;
  float: left;
  display: inline-block;
  /*width: 40%;*/ }

.travel, #extra {
  float: left;
  width: 100%;
  /*display:inline-block;*/ }

/*#extra .Question{
	width: 100%;
}*/
/*#travel label, #travel .Question{
	width: 90% !important;
	max-width: 90% !important;
}*/
/**
UPDATES
*/
.updateHeader, .updateContent {
  width: 80%;
  display: inline-block;
  margin: 0;
  display: none; }

.updateHeader {
  background-color: #4f2170;
  color: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-size: 20px;
  display: none;
  margin-top: 10px; }

.updateContent {
  margin-bottom: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  background-color: white; }

.updateHeader input {
  float: left;
  height: 100%; }

.updateContent .updateItem a, .updateContent .updateMsg,
.updateContent .updateDate {
  color: #756965; }

.updateHeader .updateContentLine,
.salesOrderContentLine {
  padding: 10px; }

.updateContent .updateContentLine {
  /*	padding-top: 10px;
	padding-bottom: 10px;*/
  padding: 10px;
  border-bottom: 1px solid #4f2170;
  margin-bottom: 10px;
  margin-top: 10px; }

.updateItem {
  width: 60%;
  text-align: left;
  display: inline-block; }

.updateMsg {
  float: left;
  width: 20%;
  text-align: left;
  /*margin-left: 10px;*/
  display: inline-block; }

#updates {
  position: relative; }

.updateDate {
  float: right !important;
  width: 18%;
  display: inline-block;
  text-align: right; }

.updateCount {
  position: absolute;
  display: inline;
  float: initial;
  z-index: 5;
  top: -10px;
  right: -10px;
  /*	top: 36px;
							left: 293px;*/
  background: radial-gradient(5px -9px, circle, white 8%, red 26px);
  background-color: #4f2170;
  /*border: 2px solid white;*/
  /* border-radius: 12px; */
  /* one half of ( (border * 2) + height + padding ) */
  /* box-shadow: 1px 1px 1px black; */
  border: 1px solid white;
  /* border: none; */
  color: white;
  font-size: 10px;
  line-height: 10px;
  /*font: bold 15px/13px Helvetica, Verdana, Tahoma;*/
  height: 12px;
  min-width: 12px;
  /*	max-width: 25px;*/
  /*padding: 4px 3px 0 3px;*/
  padding: 5px;
  text-align: center; }

.text__info--new {
  color: #c91517;
  text-transform: uppercase; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .updateCount {
    right: 3px; } }
/*
ASSET VIEW
*/
.assetTableWrapper, .updateWrapper, .orderOverviewWrapper {
  width: 100%;
  /*	width: auto;*/
  /*max-width: 1400px;*/
  min-width: 1400px;
  text-align: center;
  padding-top: 20px;
  padding-left: 10px;
  display: table;
  box-sizing: border-box; }

.updateWrapper .settings {
  text-align: left; }

.assetTableWrapper a {
  display: inline-block;
  width: 100%; }

.assetRequest {
  display: inline-block;
  width: 150px;
  margin-top: 15px !important;
  margin-bottom: 10px;
  float: left; }

.assetRow {
  display: table-row; }

.assetSearch {
  background-color: #4f2170;
  color: white;
  padding-left: 10px;
  margin-bottom: 20px;
  width: 370px;
  border-radius: 5px;
  text-align: left;
  /*-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow    : 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow         : 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  height             : 52px;
*/
  border: 1px solid white;
  /* basti */
  position: absolute;
  top: 43px;
  right: 580px;
  height: 40px; }

#searchReset {
  width: auto;
  padding: 0 12px;
  color: white;
  font-weight: bolder;
  position: relative;
  top: 5px;
  left: 3px;
  font-size: 24px; }

.assetSearch .searchDivider {
  position: absolute;
  height: 40px;
  margin-left: 5px;
  background-color: white;
  width: 2px; }

.assetSearch div {
  display: inline; }

.assetSearch #searchSubmit {
  float: right;
  height: 100%;
  line-height: 41px;
  font-size: 25px;
  /* margin-top: 4px; */
  /*padding-top: 4px;*/
  padding-left: 10px;
  margin-right: 5px;
  border-left: 2px solid white;
  cursor: pointer;
  box-sizing: border-box; }

.assetSearch label {
  /*display:block;*/
  font-weight: normal; }

#resourceSelection {
  margin-left: 20px;
  margin-right: 20px; }

#resourceSelection label:nth-child(even):after {
  /*	content:'<br>';*/ }

#resourceSelection label:nth-child(even):after {
  /*	content:'<br>';*/ }

.assetSearch label {
  color: white; }

.assetSearch input[type=text] {
  height: 26px;
  width: 210px !important;
  vertical-align: middle;
  position: relative;
  top: 1px; }

.assetSearch svg {
  fill: currentColor;
  height: 30px;
  width: 30px;
  vertical-align: middle; }

.active {
  background-color: #4f2170;
  color: white; }

.assetContent a {
  color: #756965; }

.assetContent a.active {
  color: #ffffff; }


.assetContent {
  background-color: white;
  display: inline-block;
  float: left;
  border-right: 3px solid #4f2170;
  width: 240px;
  min-height: 600px;
  max-height: 600px;
  padding-top: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  /*text-align: left;*/
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); }

.assetContent:last-child {
  border-right: none;
  border-radius: 0px 0px 10px 0px;
  width: 310px;
  /*	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);*/ }

.assetCatHeader:last-child {
  width: 300px; }

.assetContent:first-child {
  border-radius: 0px 0px 0px 10px;
  /*	-webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5);*/ }

.assetContent div {
  width: 100%;
  margin-bottom: 10px; }

.assetLevelLink, .assetHeader, .assetCollectionButton, .assetCollectionCol {
  padding-left: 10px;
  text-align: left;
  margin-bottom: 10px; }

.assetLevelLink {
  /*	height: 25px;
	line-height: 25px;*/ }

.assetLevelLink span {
  max-width: 150px;
  display: inline-block;
  /*    overflow-x: hidden;
    white-space: nowrap;*/ }

.assetCollectionCol .assetHeader, .assetCollectionCol .assetCollectionCol {
  padding-left: 0; }

.directPreview {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle; }

.directPreviewWrapper {
  display: inline-block;
  width: 100px !important;
  height: 100px;
  margin-right: 20px;
  float: left;
  text-align: center; }

.assetCatHeader {
  text-transform: uppercase;
  width: 230px;
  background-color: #4f2170;
  color: white;
  float: left;
  padding: 5px; }

.page_assets .assetCatHeader {
  color: #4f2170; }

.assetHeader {
  margin-top: 10px;
  display: inline-block;
  color: #4f2170;
  font-weight: bold;
  text-align: left;
  width: 80% !important;
  float: left; }

.assetHeaderTool {
  margin-top: 0px;
  display: inline-block;
  color: #4f2170;
  float: right;
  margin-right: 27px;

  text-align: right;
  width: 15% !important;
}

.assetHeaderTool a {
  color: white !important;
  float: right !important;
  /*	height: 20px;
	width: 20px;
	padding: 0;
font-size: 20px;
line-height: 20px;*/
  box-sizing: content-box !important; }

#addCat {
  margin-top: 10px;
  float: left !important;
  text-align: left;
  width: 100px;
  display: none; }

#addCat a {
  float: left !important; }

#addCategory {
  height: auto;
  min-height: 520px; }

#addCategory .styled-select select,
#addCategory input {
  width: 50%;
  box-sizing: border-box;
  float: right; }

#addCategory label {
  display: block;
  text-align: left;
  margin: 10px;
  height: 50px;
  vertical-align: middle; }

#addCategory .uploadTools {
  text-align: center; }

#addCategory .required {
  border: 1px dotted #4f2170; }

#addCategory .uploadTools .contentAddButton,
#addCat .contentAddButton {
  max-width: none !important;
  font-size: 16px;
  padding: 5px;
  float: none;
  max-width: 200px !important; }

.assetResourceTypeCol {
  width: 100%; }

.assetCatHeader:first-child {
  border-top-left-radius: 5px; }

.assetCatHeader:last-of-type {
  border-top-right-radius: 5px; }

.assetImgCol {
  width: 90px !important; }

.assetImgCol .assetLevelLink {
  text-align: center !important;
  padding-left: 0px; }

.assetResourcePreview img {
  /*width: 200px;*/
  max-height: 200px;
  max-width: 200px;
  vertical-align: middle; }

.styled-select select {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' style='fill:white;'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px top 15px;
  background-size: 16px 16px;
  border: none;
  font-size: 14px;
  height: 40px;
  padding: 10px;
  /* If you add too much padding here, the options won't show in IE */
  width: 90%;
  background-color: #4f2170;
  color: white;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-appearance: none;
  border: 0;
  outline: 0;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all; }

.assetResourceDownload a, .assetResourceDownload a:visited,
.presentationMenu a, .presentationMenu a:visited,
.presNavButton a, .presNavButton a:visited,
.assetToFavorite a, .assetToFavorite a:visited,
.favoriteMenuButton a, .favoriteMenuButton a:visited,
.manageAssetButton a, .manageAssetButton a:visited,
.editAssetSearchbar .addIcon a, .editAssetSearchbar .addIcon a:visited,
.editAssetSearchbar .importIcon a, .editAssetSearchbar .importIcon a:visited,
.assetExport a, .assetExport a:visited,
.sendMailButton a, .sendMailButton a:visited,
.sendRequestButton a, .sendRequestButton a:visited,
.removeCatRow a, .removeCatRow a:visited,
.downloadAllButton a, .downloadAllButton a:visited {
  width: 38%;
  margin-left: 15px;
  margin-top: 15px;
  float: left;
  border-radius: 5px;
  padding: 5px;
  padding-left: 10px;
  background-color: #4f2170;
  color: white;
  height: 30px;
  line-height: 30px;
  text-align: left;
  display: inline-block;
  fill: white;
  text-decoration: none; }

.removeCatRow a, .removeCatRow a:visited {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  padding: 2px;
  text-align: center;
  margin-left: 6px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px; }

.catChooser {
  color: #4f2170;
  border-bottom: 1px solid #4f2170;
  padding-bottom: 10px;
  font-weight: bold; }

.catChooser select {
  width: 230px;
  height: 34px;
  background-position: right 10px top 10px;
  padding: 5px; }

.favoriteMenuButton a, .favoriteMenuButton a:visited {
  margin-top: 8px; }

.assetToFavorite a, .assetResourceDownload a {
  /*width: 84% !important;*/
  font-size: 13px; }

.assetToFavorite .assetButtonIcon path {
  /*fill: rgba(0,0,0,0.3);*/
  fill: white;
  /*
    -webkit-filter: drop-shadow( -5px -5px 5px #000 );
            filter: drop-shadow( -5px -5px 5px #000 );*/ }

.favoritesWrapper {
  width: 90%;
  min-width: 1370px;
  border-radius: 10px;
  border: 1px solid #EDEDED;
  /*background-color: #ededed;*/
  background-color: white;
  display: inline-block;
  min-height: 500px;
  /* Basti */
  /*max-height: 500px;*/
  margin-left: 10px;
  margin-top: 20px;
  position: relative;
  overflow-y: auto;
  padding: 5px;
  margin-bottom: -5px; }

#favoriteOverlayWrapper,
#uploadOverlayWrapper,
#salesOrderWrapper,
#zoomOverlayWrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.5); }

.favoritesWrapper .msg {
  width: 75%;
  margin-bottom: 10px; }

.favoriteFolder {
  width: 100%;
  box-sizing: border-box;
  background-color: #F1F0EF;
  padding: 8px;
  color: #756965; }

.addFavoriteMenu,
.uploadMenu,
.sendMailMenu,
.orderMenu {
  position: relative;
  top: calc(50% - 250px);
  width: 500px !important;
  height: 520px;
  background-color: white !important;
  border: 1px solid #F1F0EF;
  border-radius: 10px;
  text-align: left;
  font-weight: bold;
  z-index: 5;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  left: calc(50% - 250px); }

.uploadMenu {
  position: absolute; }

.sendMailMenu {
  position: absolute;
  top: 50%;
  /* position the top  edge of the element at the middle of the parent */
  left: 50%;
  /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%, -50%);
  /* This is a shorthand of
                                          translateX(-50%) and translateY(-50%) */
  width: 920px !important;
  height: auto; }

.addFavoriteMenu {
  left: calc(50% - 250px); }

.sendMailButton a {
  margin-top: 0px; }

.sendMailMenu .settings {
  padding-top: 0px;
  padding-bottom: 0px; }

.addFavoriteMenu .title,
.uploadMenu .title,
.sendMailMenu .title {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  color: #4f2170;
  margin-top: 30px; }

.addFavoriteMenu .close,
.uploadMenu .close,
.sendMailMenu .close,
.orderMenu .close {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  text-align: right;
  cursor: pointer;
  color: #4f2170;
  margin-bottom: 10px; }

.uploadTools {
  text-align: center; }

.assetUploader {
  text-align: center; }

#drop-area {
  width: 90%;
  padding: 10px;
  display: inline-block;
  height: 200px;
  box-sizing: border-box;
  border: 2px dashed #4f2170;
  color: #4f2170;
  overflow-y: auto; }

#start-upload a {
  width: 50%;
  float: none; }

#file-list {
  margin-top: 10px;
  text-align: left; }

.addFavoriteMenu .favoriteFolderWrapper {
  max-height: 190px;
  overflow-y: scroll; }

.favoriteMenu {
  display: inline-block;
  width: 90%;
  margin-left: 10px;
  padding: 5px;
  background-color: white; }

.favoriteMenuButton a {
  width: 300px;
  float: right;
  margin-right: 10px; }

.addFavoriteHeader {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  background-color: #4f2170;
  color: white;
  position: relative; }

.addFavoriteHeader span {
  font-size: 14px; }

.addFavoriteHeader span:first-child {
  font-weight: bold;
  font-size: 30px; }

.addFavoritePreview {
  position: absolute;
  top: -10px;
  right: 20px;
  width: 100px !important;
  height: 120px;
  background-color: white;
  float: right;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }

.favoritePreview {
  display: inline-block;
  padding: 5px;
  width: 200px !important;
  min-height: 190px;
  max-height: 190px;
  margin-bottom: 10px;
  box-sizing: border-box;
  float: left;
  margin-right: 5px;
  position: relative;
  text-align: center;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }

.favoritePreview.active {
  border: 1px solid #4f2170;
  background-color: transparent; }

.favoritePreview img {
  max-height: 150px;
  max-width: 175px;
  vertical-align: middle; }

.imgHelper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.addFavoritePreview img {
  max-width: 95px;
  max-height: 115px;
  vertical-align: middle; }

.addFavoriteActions {
  text-align: center;
  display: inline-block; }

.addFavoriteActions .favoriteMenuButton a {
  width: 200px;
  float: left;
  text-align: center; }

.addFavoriteActions .favoriteMenuButton {
  display: table-cell; }

.page_bookmarks {
  text-align: center; }

.bookmarkFolder {
  width: 90%; }

.bookmarkFolder .assetCatHeader {
  width: 100%;
  display: block;
  text-align: left;
  padding: 15px;
  border-top-right-radius: 10px; }

.bookmarkFolder .assetContent {
  width: 100%;
  margin-bottom: 20px;
  height: 250px;
  max-height: 250px;
  min-height: 250px;
  border-bottom-left-radius: 10px;
  padding: 15px;
  border: none; }

.bookmarkFolder .filename {
  margin-top: 10px;
  display: block;
  overflow: hidden;
  max-width: 90%;
  /*white-space: nowrap;*/
  position: absolute;
  bottom: 0; }

.favoritePreview.active {
  color: #000000; }

.bookmarkFolder:last-of-type {
  margin-bottom: 50px; }

.bookmarkFolder .favoriteMenuButton a {
  width: 200px;
  text-align: center; }

.bookmarkContent {
  width: 79% !important;
  float: left;
  height: 100%;
  overflow-y: auto;
  text-align: left; }

.bookmarkMenu {
  float: right;
  border-left: 1px solid #4f2170;
  width: 250px !important;
  height: 100%; }

.customizeDeeplink input {
  width: 25px !important; }

.content9 #assetContent_3 .assetHeader,
.content10 #assetContent_2 .assetHeader,
.content7 #assetContent_1 .assetHeader,
.content15 .assetHeader {
  display: none; }

.content15 #assetContent_3 {
  width: 500px; }

.content15 .assetCatHeader:last-child {
  width: 499px; }

.content15 .directPreviewWrapper {
  display: none; }

.content8 #addCat {
  display: none; }

.updateClusterHeader,
.salesTopicHeader,
.salesOrderContent {
  color: #4f2170;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  width: 80%;
  display: inline-block;
  background-color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  line-height: 20px;
  padding: 5px;
  box-sizing: border-box; }

.salesOrderContent {
  cursor: initial; }

.salesOrderContent .salesOrderContentLine {
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
  display: table;
  padding: 5px; }

.updateClusterHeader svg,
.salesTopicHeader svg {
  height: 15px;
  fill: currentColor; }

.updateClusterHeader svg {
  display: none; }

.presentationMenu a, .presentationMenu a:visited,
.presNavButton a, .presNavButton a:visited {
  width: 85%; }

.presentationMenu .presSelection a,
.presentationMenu .presSelection a:visited,
.presNavButton a, .presNavButton a:visited {
  background-color: white;
  color: #756965;
  /*	border: 1px solid rgb(117, 105, 101);*/
  /*	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(117, 105, 101, 0.75);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(117, 105, 101, 0.75);
	box-shadow: inset 0px 0px 0px 2px rgba(117, 105, 101, 0.75);*/ }

.presentationMenu a.active, .presentationMenu a.active:visited {
  background-color: #4f2170;
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.presentationMenu .presSelection, .presentationMenu .presDownloadButton {
  width: 100%;
  margin-bottom: 10px; }

.presDownloadButton .assetButtonIcon {
  margin-top: 3px; }

.presDownloadButton a {
  background-color: #f19324; }

.presentationMenu, .presPreviewWrapper, .presContent {
  height: 500px;
  position: relative;
  display: inline-block;
  float: left; }

.presentationMenu {
  max-width: 250px;
  width: 25%; }

.presPreviewWrapper {
  overflow-y: scroll;
  background-color: white;
  padding: 5px;
  border-radius: 10px;
  width: 20%;
  max-width: 160px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5); }

.presPreviewImg img {
  /*width: 150px;*/
  max-width: 100%; }

.presPreviewImg {
  margin-bottom: 5px;
  padding: 5px;
  max-width: 150px;
  border: 1px solid #eceeed; }

.presContent {
  margin-left: 10px;
  width: 50%;
  /*min-width: 50%;*/
  /*max-width: 1200px;*/
  /*max-height: 500px;*/
  /*z-index: 3;*/
  height: 100%;
  box-sizing: border-box;
  padding: 2px;
  text-align: center;
  /*background-color: white;*/ }

.presPDF img {
  max-height: 90% !important; }

.downloadNavigation {
  /*display: none;*/ }

.downloadNavigation.presentations {
  background-color: #eceeed;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  /*display: table;*/ }

.downloadHeader {
  color: #4f2170;
  margin-left: 17px; }

.presentation {
  display: none; }

.presContentPreviewWrapper {
  display: none;
  background-color: white;
  position: initial;
  float: left;
  padding: 5px;
  border-radius: 10px;
  /*	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(117, 105, 101, 0.75);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(117, 105, 101, 0.75);
	box-shadow: inset 0px 0px 0px 2px rgba(117, 105, 101, 0.75);*/
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  width: 85%;
  z-index: 2;
  height: 500px; }

.presContentPreviewWrapper img {
  max-width: 100%;
  max-height: 100%; }

.presPreviewImg.active {
  border: 3px solid #4f2170;
  border-radius: 5px;
  background-color: white; }

.presNav {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 510px;
  float: left;
  text-align: left;
  margin-left: -20px;
  z-index: 2;
  background-color: white;
  border-left: 1px solid #cccccc;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5); }

.presNavButton a {
  width: 30px;
  text-align: center;
  padding-left: 8px;
  margin-bottom: 10px; }

.presNavButton img {
  max-width: 100%;
  max-height: 100%; }

.pressTopNav {
  position: absolute;
  top: 10px; }

.presBottomNav {
  position: absolute;
  bottom: 10px; }

.rightButton img {
  transform: rotate(180deg); }

.downloadMenu {
  position: absolute;
  /*display: inline-block;*/
  bottom: 0px;
  width: 100%; }

#profileList {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: white;
  text-align: center;
  z-index: 3;
  display: none;
  position: absolute;
  width: 200px;
  right: 30px;
  top: 60px; }

#profileList li {
  border-bottom: 1px solid black;
  padding: 3px 0px 3px 0px;
  font-weight: normal;
  cursor: pointer; }

#profileList li a {
  color: black; }

.presentationMenu .presDownloadButton {
  bottom: 0; }

.assetButtonIcon svg {
  height: 100%;
  max-height: 100%;
  /*max-width: 100%;*/
  fill: white; }

.assetButtonIcon.eye {
  margin-right: 10px;
  width: 12px !important;
  height: 12px !important; }

.assetButtonIcon {
  height: 15px !important;
  width: 15px !important;
  display: inline;
  float: right;
  margin-top: 3px; }

.assetResourceSelector {
  display: none; }

.assetResourceField {
  text-align: left !important;
  padding-left: 15px;
  margin-bottom: 0px !important;
  width: 90% !important; }

.assetResourceField span {
  font-weight: bold;
  color: gray; }

.assetLevelSymbol {
  display: inline;
  float: right;
  width: 50px !important;
  vertical-align: middle;
  margin-bottom: 0 !important;
  margin-top: 1px; }

.assetLevelSymbol svg {
  height: 12px; }

.assetCollectionButton {
  border-radius: 3px;
  background-color: #4f2170;
  width: 390px !important;
  text-align: left;
  color: white !important;
  height: auto;
  line-height: 30px;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  /*vertical-align: top;*/ }

.assetCollectionView, .assetCollectionDownload {
  display: inline !important;
  background-color: #f19324;
  border-radius: 3px;
  height: 30px;
  width: 30px !important;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  margin-bottom: 0px !important;
  /*max-width: 50px !important;*/
  /*width: 20% !important;*/
  margin-left: 3px;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  /*vertical-align:top;*/ }

.assetCollectionDownload svg {
  width: 18px;
  height: 30px;
  vertical-align: middle;
  /*margin-top: 4px;*/ }

.assetCollectionDownload.upload svg {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg); }

.assetCollectionDownload.remove {
  color: white;
  font-weight: bold;
  line-height: 25px;
  font-size: 25px; }

.assetCollectionView svg {
  margin-top: 9px;
  height: 12px;
  fill: white; }

.assetCollectionView.cart svg {
  margin-top: 7px;
  height: 18px; }

.assetCollectionView.app svg {
  margin-top: 1px;
  height: 30px; }

.assetLevelSymbol svg path {
  fill: #4f2170; }

.active .assetLevelSymbol svg path {
  fill: white; }

.pptx-loading-overlay {
  z-index: 5; }

.loadingMsg {
  background-color: white;
  color: #4f2170; }

/**
* Asset editing
*/
.assetTableWrapper.editAsset {
  height: 100%; }

.editAssetRow {
  display: inline-block;
  width: 100%; }

.editAssetCol {
  float: left;
  margin: 10px;
  /*min-height: 500px;*/ }

.editAssetCol:first-child {
  width: 60%;
  max-width: 905px;
  min-width: 900px; }

.editAssetCol:nth-child(2) {
  width: 30%; }

.editAssetHeader {
  background-color: #4f2170;
  color: white;
  text-transform: uppercase;
  padding: 15px;
  border-radius: 15px;
  text-align: left;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5); }

.editAssetHeader svg {
  float: right;
  height: 20px;
  max-width: 75px;
  fill: currentColor; }

.editColContent {
  background-color: white;
  height: 100%;
  margin-top: 10px;
  padding: 10px;
  border-radius: 15px;
  text-align: left;
  min-height: 290px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5); }

.editAssetSearchbar .searchIcon,
.editAssetSearchbar .resetSearchIcon,
.assetRequest {
  background-color: #4f2170;
  color: white;
  border-radius: 5px;
  /*	width: 30px;
	height: 30px;*/
  padding: 5px;
  min-width: 60px;
  cursor: pointer;
  margin-top: 15px;
  font-weight: bold;
  text-align: center;
  /*font-size: 30px;*/
  line-height: 30px;
  /*font-size: 20px;*/ }

.assetRequest {
  display: none; }

.editAssetSearchbar .addIcon a,
.editAssetSearchbar .importIcon a {
  float: left;
  width: 150px !important;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 0;
  text-align: center; }

.assetExport a {
  margin-left: 0px;
  width: 100px; }

.editAssetSearchbar label {
  width: 25%;
  display: inline-block;
  float: left; }

.editAssetSearchbar select {
  height: 30px;
  padding: 5px;
  background-position: right 8px top 8px; }

.searchIcon,
.resetSearchIcon {
  fill: currentColor;
  float: right;
  margin-right: 5px;
  margin-top: 5px; }

.assetSet {
  border: 1px solid #4f2170;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  overflow: hidden;
  text-align: left; }

.assetSet .assetPreview,
.assetSet .msg {
  max-width: 25%;
  display: inline-block; }

.assetSet img {
  max-width: 100%; }

.assetPreview .msg {
  margin-left: 15px; }

.assetSetTools {
  width: 40%;
  float: right; }

#manageAssets h2 {
  color: #4f2170; }

.manageAssetButton {
  display: inline-block;
  width: 100%; }

.manageAssetButton a {
  width: 85%;
  margin-top: 0px;
  margin-bottom: 10px; }

.manageAssetButton a svg {
  transform: rotate(180deg);
  fill: white;
  float: right;
  height: 20px;
  width: 20px;
  margin-top: 5px; }

.manageAssetButton.downloadPNG a svg,
.manageAssetButton.downloadHiRes a svg,
.manageAssetButton.downloadAssetSet a svg,
.manageAssetButton.downloadAll a svg,
.manageAssetButton.toggleLibStatus a svg {
  transform: none !important; }

.manageAssetButton.addSet,
.manageAssetButton.artwork,
.manageAssetButton.view,
.manageAssetButton.downloadAll,
.manageAssetButton.toggleLibStatus {
  margin-top: 10px; }

.manageAssetButton.addSet a,
.manageAssetButton.artwork a,
.manageAssetButton.view a,
.manageAssetButton.downloadAll a,
.manageAssetButton.toggleLibStatus a {
  width: 50%;
  margin-left: 0px; }

.manageAssetArchive {
  display: none; }

.manageAssetArchive .toggleLibStatus {
  display: block; }

.manageAssetArchive .toggleLibStatus a {
  float: none; }

.manageAssetArchive .editArtwork .assetPreview {
  float: none !important; }

.manageAssetsTabBar {
  color: #4f2170;
  border-bottom: 1px solid lightgray; }

.manageAssetsTab {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  box-sizing: border-box;
  /*border-bottom: 1px solid lightgray;*/
  -webkit-box-shadow: 0px 0px 5px 2px lightgray;
  -moz-box-shadow: 0px 0px 5px 2px lightgray;
  box-shadow: 0px 0px 5px 2px lightgray; }

.manageAssetsTab.inactive {
  /*background-color: lightgray;*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.editAssetSave {
  background-color: #4f2170;
  color: white;
  width: 150px;
  padding: 10px;
  border-radius: 5px;
  float: right;
  text-align: center;
  margin-top: 15px;
  margin-left: 10px;
  cursor: pointer; }

.editAssetResult {
  display: inline-block;
  width: 100%; }

.editAssetResult th {
  color: #4f2170;
  text-align: left; }

.catInfoTab th {
  color: #4f2170;
  text-align: left;
  border: 1px solid #756965; }

.editAssetResult th:first-child {
  border-left: none; }

.editAssetResult table {
  border-spacing: 15px;
  width: 100%; }

.editAssetResourceLink, .editAssetResourceLink:visited {
  color: #4f2170; }

tr.archive .editAssetResourceLink {
  color: grey; }

/**
* Input fields
*/
label {
  color: #4f2170;
  font-size: 16px;
  font-weight: bold; }

input[type="text"], textarea {
  border: 1px solid #4f2170;
  border-radius: 5px;
  padding: 5px;
  color: #4f2170;
  font-size: 14px;
  width: 200px; }

.checkboxLabel {
  width: 30%;
  white-space: nowrap;
  text-align: left; }

.editAssetRow .checkboxLabel {
  float: left; }

.textAreaLabel, .textAreaLabel textarea {
  display: inline-block;
  vertical-align: middle; }

.textValue,
.textValueVisible {
  padding: 5px;
  color: #4f2170;
  font-size: 14px;
  width: 200px;
  /*height: 20px;*/
  min-height: 20px; }

#editAsset select {
  width: 200px; }

.editAssetField {
  float: left;
  width: 50%;
  text-align: right;
  margin-bottom: 5px; }

.editAssetField div {
  width: 188px;
  float: right;
  border: 1px solid #4f2170;
  border-radius: 5px;
  padding: 5px; }

.editAssetField div label {
  font-weight: normal; }

.editAssetField:nth-child(2n+0) {
  /*float:right;*/ }

.editAssetTopicHeader {
  width: 100%;
  color: #4f2170;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 18px;
  /*	border: 1px solid $accentColor;
	border-radius: 5px; */
  padding: 5px; }

.assetPreview {
  width: 200px !important;
  cursor: pointer;
  box-sizing: border-box;
  margin-left: 10px;
  /*float: left;*/ }

.assetSet .listDate {
  display: inline-block;
  max-width: 100%; }

.previewZoom {
  position: absolute;
  display: none;
  border-radius: 10px;
  /*	width: 500px;
	height: 500px;*/
  /*left: 10px;*/
  top: 220px;
  max-height: 500px;
  max-width: 500px;
  background-color: white;
  border: 1px solid #4f2170; }

.previewZoom img {
  /*	height: 90%;*/
  max-height: 500px;
  max-width: 500px; }

/*Lets create the magnifying glass*/
.large {
  width: 175px !important;
  height: 175px !important;
  position: absolute;
  border-radius: 100%;
  /*Multiple box shadows to achieve the glass effect*/
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  background-color: white;
  /*hide the glass by default*/
  display: none; }

/*To solve overlap bug at the edges during magnification*/
.small {
  display: block; }

.assetSmallPrev {
  width: 60px !important;
  float: left;
  margin-top: 10px;
  margin-left: 17px;
  box-sizing: border-box; }

.assetSmallPrev div {
  border: 2px solid #756965;
  border-radius: 5px;
  width: 60px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  box-sizing: border-box; }

.assetSmallPrev div.active {
  background: none;
  border-color: #4f2170; }

.assetSmallPrev img {
  width: 50px; }

/*
* Catalogue
*/
.catCol {
  width: 45% !important;
  min-width: 710px;
  float: left;
  margin: 10px; }

.catCol .editAssetSearchbar label {
  width: 25% !important;
  text-align: left; }

.editAssetSearchbar label:nth-child(5) {
  clear: both; }

.catCol .editAssetSearchbar input:not([type="checkbox"]),
.catCol .editAssetSearchbar select {
  width: 150px; }

.searchArchive,
.searchProdType {
  margin-top: 5px;
  color: #4f2170;
  font-weight: bold;
  height: 50px;
  /*	display: inline-block;
	vertical-align:top;*/
  display: table-cell;
  vertical-align: middle; }

/*.searchArchive *{
	vertical-align: middle;
}*/
.searchProdType {
  width: 25%; }

.searchProdtype label[for=searchType] {
  width: 100% !important; }

.catColHeader {
  /*margin-bottom: 10px;*/
  /*height: 40px;*/
  height: auto;
  display: inline-block;
  width: 80%; }

.catColHeader .today {
  float: left;
  margin-left: 12px; }

.catColHeader .tomorrow {
  float: right;
  margin-right: 12px; }

.catColHeader > div {
  display: inline;
  min-height: auto; }

#catRemove {
  /*position: absolute;*/
  bottom: 0;
  height: 50px;
  line-height: 50px;
  width: 100%;
  text-align: center;
  background-color: #4f2170;
  color: white; }

.catInfoTab {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  margin-top: 20px;
  /* TODO-Jörg Wrase Wrong Value! */
  overflow-x: no-display;
  font-size: 14px;
  /*width: 80% !important;*/ }

.catInfoTab td {
  height: 60px; }

.catInfoTab th {
  text-align: center; }

.productCatImg {
  height: 75px;
  max-width: 75px; }

.catInfo {
  color: #756965;
  border: 1px solid #756965;
  padding: 5px;
  width: 30px;
  /*word-break: break-all;*/
  word-wrap: break-word;
  font-size: 10px; }

.catInfo:first-child {
  border-left: none;
  width: 85px;
  text-align: center; }

.catInfo:nth-child(2) {
  width: 200px;
  font-size: 12px; }

.catInfo:nth-child(8) {
  word-wrap: normal;
  word-break: normal; }

.tomorrow, .today, .sortProducts {
  width: 45%;
  max-width: 40%;
  min-width: 258px;
  min-height: 100px;
  border: 1px solid #4f2170;
  color: white; }

.sortProducts {
  width: 95%;
  padding: 5px;
  /*height: 50px;*/
  display: table-cell !important; }

.sortProducts select {
  width: 200px;
  border: 1px solid white; }

.status {
  width: 10%;
  text-align: center; }

.event {
  display: block;
  /*background-color: #09C;*/
  height: 100%;
  width: 100%; }

.compareRow .ean {
  width: 80px; }

.status select {
  width: 30px;
  background-size: 20px;
  padding: 2px;
  height: 30px;
  background-position: right 5px top 6px;
  color: transparent;
  /*font-size: 0;*/
  border: 0;
  -moz-appearance: none;
  -webkit-appearance: none; }

.status-select::-ms-expand {
  display: none; }

.event .title {
  color: #4f2170; }

.event table {
  border-collapse: collapse;
  width: 100%; }

.event td {
  font-size: 11px;
  text-align: center; }

.event td.line {
  border: 1px solid black; }

/*.catInfo:last-child{
	border-right: none !important;
}*/
/*.catTools{ width: 100px; }*/
canvas.ean {
  max-height: 20px; }

.catAddButton, .catRemoveButton, .contentAddButton {
  display: inline !important;
  background-color: #4f2170;
  border-radius: 3px;
  /*height: 30px;*/
  /*width: 30px !important;*/
  max-width: 20px !important;
  /*width: 20% !important;*/
  /*padding: 10px 6px 7px 10px;*/
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 3px;
  margin-top: 3px;
  float: left;
  color: white;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  text-align: center; }

.catCol:first-child,
.catCol:first-child .editColContent,
.catCol:first-child .editAssetHeader {
  max-width: 730px;
  min-width: 730px;
  box-sizing: border-box; }

.catCol:nth-child(2) .editColContent .cataloguePreviewContent {
  background-color: #4f2170;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding-top: 20px;
  padding-bottom: 20px; }

.catCol:nth-child(2) .editColContent {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  min-height: 600px; }

.catPrev {
  /*width: 100%;*/
  /*min-height: 400px;*/
  background-color: white;
  cursor: pointer;
  margin-top: 20px;
  /*display: none;*/ }

/*.catPrev.activePage{ display: table; }*/
.catTabWrapper {
  background-color: white;
  min-height: 500px;
  width: 80%;
  /*min-width: 570px;*/
  padding-top: 2px; }

.cataloguePreviewContent {
  background-color: white;
  width: 80%;
  min-height: 500px;
  position: relative; }

.catDownload, .catDownload:visited,
.catAddAllButton, .catAddAllButton:visited,
.catSaveButton, .catSaveButton:visited,
.catDeleteButton, .catDeleteButton:visited,
.catStartOverButton, .catStartOverButton:visited,
.catExport, .catExport:visited {
  background-color: #4f2170;
  color: white;
  width: 150px !important;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  border-radius: 5px;
  padding: 5px;
  text-align: left;
  font-weight: bold; }

.catSaveButton, .catDeleteButton, .catStartOverButton {
  text-align: center;
  width: 65px !important;
  height: 20px !important;
  line-height: 20px;
  white-space: nowrap; }

.catStartOverButton {
  width: 100px !important; }

#catTemplatePublic {
  margin: 10px 0px 10px 0px;
  display: block; }

.catTemplateMenu input[type="text"] {
  width: 150px; }

.catSelectGroups label {
  font-weight: normal;
  margin-right: 10px; }

.catSelectGroups {
  display: none; }

#catCustomize label {
  margin: 10px; }

#addRow {
  position: absolute;
  float: right;
  top: 17px;
  right: 20px;
  color: #4f2170;
  background-color: white;
  cursor: pointer;
  width: 20px;
  height: 30px; }

.catAddAllButton {
  /*max-width: 200px !important;*/
  text-align: center;
  max-width: 100px !important;
  float: right; }

.catDownload svg, .catExport svg {
  width: 15px;
  float: right;
  margin-top: 5px; }

#catPrevPrev, #catPrevNext {
  position: absolute;
  top: 50%;
  cursor: pointer; }

#catPrevPrev svg, #catPrevNext svg {
  height: 25px;
  width: 25px;
  fill: white; }

#catPrevPrev {
  float: left;
  transform: rotate(180deg);
  margin-left: 20px; }

#catPrevNext {
  float: right;
  right: 20px; }

.catPageCounter {
  color: white;
  margin-top: 20px; }

.catTemplateMenu {
  border-bottom: 1px solid #4f2170;
  padding-bottom: 5px;
  margin-bottom: 5px; }

.catTemplateMenu select {
  width: 150px;
  height: 34px;
  background-position: right 10px top 10px;
  padding: 5px; }

/*.catTemplateMenu label:nth-child(2){
	float: right;
}*/
.faq {
  padding-top: 20px;
  padding-left: 20px;
  width: 750px; }

.faqQuest {
  font-weight: bold;
  color: #4f2170;
  margin-bottom: 10px; }

.faqAnswer {
  margin-bottom: 20px; }

.staticContent {
  color: #513D37;
  max-width: 700px;
  margin-left: 15px;
  margin-top: 10px; }

.legal h1, .legal h2, .legal h3, .legal h4 {
  margin-left: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block; }

.legal h2 {
  margin-top: 20px; }

.legal OL.number:not(.alpha) {
  counter-reset: item; }

.legal .number:not(.alpha) > LI {
  display: block; }

.legal .number:not(.alpha) > LI:before {
  content: counters(item,".") ". ";
  counter-increment: item; }

.langSelect {
  float: right;
  margin-right: 15px;
  margin-top: 15px; }

.langSelect a, a:visited,
.updateWrapper a.settings {
  color: currentColor;
  text-decoration: underline; }

.tradeSample.leftCol,
.tradeSample.rightCol,
.requestUser.col,
.requestUser.list {
  width: 500px;
  border-radius: 10px;
  margin: 20px auto;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  min-height: 500px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); }

.tradeSample .row,
.requestUser .row {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px; }

.tradeSample .row .leftCol,
.tradeSample .row .rightCol {
  width: 45%;
  height: auto;
  display: inline-block;
  float: none;
  clear: both;
  vertical-align: bottom; }

/*.tradeSample .row .rightCol{
	float: right;
}*/
.tradeSample label,
.tradeSample input {
  width: 100%;
  margin: 0;
  display: block;
  box-sizing: border-box;
  float: none; }

.tradeSample .row.separator {
  border-bottom: 1px solid #4f2170; }

.tradeSample .row.note {
  text-align: left;
  color: #756965; }

.tradeSample textarea {
  width: 100%;
  box-sizing: border-box;
  height: 250px; }

.tradeSample.submit,
.requestUser.submit,
.priorities.submit .salesOrderForm .submit,
.newsTools .submit {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  margin-top: 20px;
  /*margin-left: 40px;*/
  text-align: right; }

.tradeSample #submitForm,
.requestUser #submitForm,
.requestUser .tools,
.priorities #submitForm,
.salesOrderForm #submitForm,
.salesOrderForm #stepBack,
.newsTools #submitForm,
.priorities #toggleStatus,
.priorities #delete,
.news.overview #addNews,
.priorities.overview #addPriority,
.priorities.detail #addPriority,
.priorities #addPriority,
.priorities.overview .prioDetail,
.buttonEdit,
#attachementMenu #addLink {
  display: inline-block;
  width: 100px;
  box-sizing: border-box;
  background-color: #4f2170;
  color: white;
  border-radius: 5px;
  /*	width: 30px;
		height: 30px;*/
  padding: 5px;
  min-width: 60px;
  cursor: pointer;
  /*margin-top: 15px;*/
  font-weight: bold;
  text-align: center;
  /*font-size: 30px;*/
  line-height: 30px;
  /*font-size: 20px;*/ }

.newsTools #submitForm,
.priorities #toggleStatus,
.priorities #delete,
.news.overview #addNews,
.priorities.overview #addPriority,
.priorities.detail #addPriority,
.priorities #addPriority,
.priorities.overview .prioDetail,
#attachementMenu #addLink,
.buttonEdit {
  width: auto;
  height: auto; }

.news.overview #addNews,
.priorities.overview #addPriority,
.priorities.detail #addPriority,
.priorities #addPriority,
.priorities.overview .prioDetail,
#attachementMenu #addLink,
.buttonEdit {
  float: left;
  margin-left: 10px;
  margin-top: 10px; }

.tradeSample .formNotice {
  display: inline-block;
  width: 350px;
  box-sizing: border-box;
  text-align: right;
  color: #4f2170;
  font-size: 14px;
  height: 40px;
  vertical-align: middle;
  margin-right: 5px; }

.tradeSample .formNotice.labelNotice {
  width: 100%;
  height: auto; }

.tradeSample .add,
.tradeSample .remove {
  display: inline !important;
  background-color: #4f2170;
  border-radius: 3px;
  height: 30px;
  width: 30px !important;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  /*margin-bottom: 0px !important;*/
  /*max-width: 50px !important;*/
  /*width: 20% !important;*/
  margin-left: 3px;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 25px;
  font-size: 25px; }

.rs_jde__form_error_text--error {
  color: #CC0000;
  text-align: right;
  font-size: 10px;
  padding-right: 1rem;
  display: none !important; }

.request_user_simple__wrapper {
  margin: auto; }
  .request_user_simple__wrapper .rs_jde__form_error_input--error {
    border: 1px solid #CC0000 !important; }

.requestUser.col {
  background-color: white;
  margin: 2rem auto;
  min-height: 300px;
  height: 300px; }

.requestUser .row {
  text-align: left; }

.requestUser input,
.requestUser select,
.requestUser textarea {
  position: absolute;
  right: 5px;
  width: 200px;
  box-sizing: border-box; }

.requestUser label {
  text-align: left;
  width: 100%;
  display: block;
  position: relative;
  height: 35px; }

.requestUser h3 {
  font-weight: bold;
  color: #4f2170;
  margin-left: 0; }

.requestUser .textAreaLabel {
  height: 200px; }

.requestUser .imgHelper {
  height: auto; }

.requestUser #comments {
  height: 200px; }

.requestUser.msg {
  width: 50%; }

.requestUser.list {
  width: 1200px; }

.requestUser.list table {
  width: 100%; }

.requestUser th,
.requestUser td {
  height: 35px;
  text-align: left;
  color: #4f2170; }

.requestUser.list td {
  font-size: 14px;
  border-bottom: 1px solid #4f2170; }

.requestUser td.dropdown {
  width: 200px; }

.requestUser td.dropdown.approved {
  width: 50px; }

.requestUser.list select {
  position: relative; }

.requestUser .tools {
  display: inline-block;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  line-height: normal;
  padding-top: 8px; }

.requestUser.list .styled-select select {
  height: 30px;
  background-position: right 10px top 8px;
  padding: 5px; }

.requestUser #submitForm {
  width: 150px; }

.priorities label {
  color: white;
  background-color: #4f2170;
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  width: 300px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 5px 0px 0px 5px; }

.priorities input[type=text],
.priorities label {
  height: 40px; }

.priorities h1,
.news h1,
#attachements h1,
.newsDetail h1,
.newsHeader,
.prioritiesHeader {
  color: #4f2170; }

.newsDetail,
.priorities.overview {
  text-align: center; }

.newsHeader,
.prioritiesHeader {
  padding: 5px 0px 5px 0px;
  border-top: 1px solid rgba(136, 136, 136, 0.7);
  border-bottom: 1px solid rgba(136, 136, 136, 0.7);
  font-weight: bold; }

.newsHeader,
.newsMain,
.newsContent,
.newsFiles,
.prioritiesHeader {
  margin: 0px 20px 0px 20px; }

.priorities.overview .short,
.priorities.overview .short a {
  color: rgba(136, 136, 136, 0.5);
  width: 100%; }

.priorities.overview .short p {
  display: inline-block;
  vertical-align: middle; }

.priorities.overview .prioDetail {
  color: white !important;
  width: 170px !important; }

.priorities.overview .prioDetail svg {
  fill: white;
  /*max-width: 30px;*/
  max-height: 20px;
  margin-top: 10px; }

.priorities.overview .prioDetail.arrowUp,
.priorities.overview .prioDetail.arrowDown {
  width: 80px !important;
  padding: 0; }

.priorities.overview .prioDetail.arrowUp svg {
  transform: rotate(-90deg); }

.priorities.overview .prioDetail.arrowDown svg {
  transform: rotate(90deg); }

.priorities.overview.week .short {
  padding: 10px 0px 10px 0px;
  min-height: 65px; }

/*.priorities.week .column:last-child .short{
	border: none !important;
}*/
.priorities.overview.week .short {
  color: #888888; }

.priorities.overview .short a {
  font-weight: bold;
  color: #888888; }

.newsMain {
  text-align: left;
  margin-top: 10px; }

.newsTime,
.newsContent {
  display: inline-block;
  vertical-align: top; }

.newsTime span {
  display: inline-block;
  color: white;
  background-color: #4f2170;
  padding: 5px 10px 5px 10px;
  height: 30px;
  box-sizing: border-box; }

.newsContent {
  display: inline-block; }

.newsTime.arrow_box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(81, 61, 55, 0);
  /*border-top-color:  $accentColor;*/
  border-width: 15px !important;
  /*margin-left: -10px;*/ }

.newsTime.arrow_right:after {
  left: 100% !important;
  border-left-color: #4f2170 !important;
  margin-top: -30px !important; }

.newsHeadline {
  color: #4f2170;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 40px;
  padding: 0;
  vertical-align: top; }

.newsFiles .attachements {
  margin-top: 30px;
  width: 50% !important; }

.newsFiles h1 {
  font-size: 20px; }

.priorities .textValue {
  width: 400px;
  display: inline-block;
  font-size: 18px;
  text-align: left; }

.priorities.detail {
  width: 1450px;
  margin-left: 10px;
  text-align: center; }

.priorities.detail label {
  width: 200px;
  height: 30px;
  line-height: 18px;
  font-size: 18px; }

.priorities.detail label.empty {
  background-color: transparent; }

.priorities.detail .textValue {
  width: 400px;
  height: 31px;
  font-size: 16px;
  border: 1px solid #4f2170;
  border-radius: 2px;
  box-sizing: border-box;
  vertical-align: middle;
  overflow-y: auto; }

.priorities.detail .textValue.tools {
  border: none;
  height: auto;
  color: white; }

.priorities.detail .attachements {
  text-align: left;
  border: 1px solid #4f2170;
  padding: 5px;
  box-sizing: border-box;
  width: 400px !important;
  margin-left: 0px !important; }

.priorities.detail .attachements h1 {
  display: none; }

.priorities.detail .attachements .attachement:first-child {
  border-top: none !important; }

.priorities.detail .textValue.area {
  height: 150px;
  vertical-align: top;
  overflow-y: auto; }

.priorities.detail label.area {
  height: 150px;
  line-height: 150px; }

.priorities .row {
  margin-bottom: 5px; }

#prioritiesForm,
#newsForm {
  width: 750px;
  text-align: center;
  padding-left: 10px;
  display: inline-block; }

.priorities input[type=text],
.priorities .styled-select select,
.priorities textarea,
.salesOrderForm input[type=text],
.salesOrderForm .styled-select select,
.salesOrderForm textarea,
#salesOrderWrapper .textValue,
#salesOrderWrapper .textValueVisible {
  display: inline-block;
  width: 400px;
  /*	height: 30px;*/
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 16px;
  word-break: break-all;
  min-height: 16px; }

.priorities textarea {
  height: 150px; }

.priorities #submitForm {
  width: 250px; }

.priorities.submit {
  text-align: center; }

.news {
  width: 80%;
  margin-top: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  background: white; }

.news .assetCatHeader {
  width: 100%;
  height: 80%;
  padding: 10px;
  text-align: left;
  border-top-right-radius: 5px;
  box-sizing: border-box; }

.news .category {
  display: inline-block;
  color: white;
  background-color: #4f2170;
  width: 300px;
  /*	height: 100px;*/
  padding: 5px;
  font-size: 20px;
  cursor: pointer;
  margin: 5px; }

.news .newsList {
  /*max-height: 80%;*/
  min-height: 500px;
  max-height: 500px;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  /*background-color: $secondaryBackgroundColor;*/ }

.news .newsInput {
  text-align: left;
  border-top: 1px solid #4f2170;
  padding: 5px;
  margin: 5px 5px 0px 5px; }

.news fieldset {
  display: inline-block; }

.news label {
  font-weight: normal; }

.news input[type="radio"] {
  margin-right: 5px; }

.news .category.inactive {
  background-color: rgba(189, 6, 66, 0.7); }

.news .column,
.news .short,
.news .column .topic,
.priorities .month,
.priorities .column,
.priorities .short,
.priorities .column .topic {
  /*text-align: left;*/
  width: 100%;
  word-break: break-word;
  -ms-word-break: break-word;
  word-wrap: break-word;
  display: inline-block;
  box-sizing: border-box; }

.news .column,
.priorities .column,
.priorities .week .column {
  margin-top: 10px;
  vertical-align: top;
  padding: 0px 5px 0px 5px;
  width: 150px;
  border-right: 1px solid #4f2170;
  min-height: 300px; }

.news .column:last-child {
  border-right: none; }

.priorities.week .column {
  width: 200px; }

.news .column .topic,
.priorities .column .month,
.priorities .column .topic {
  background-color: #4f2170;
  height: 50px;
  width: 135px;
  color: white;
  border-radius: 10px;
  vertical-align: middle;
  display: table-cell;
  /*display: inline-block;*/
  box-sizing: border-box; }

.priorities .column .month {
  width: 70px;
  border-radius: 5px; }

.priorities.week .column .topic {
  width: 200px; }

.priorities.overview {
  width: 1200px;
  box-sizing: border-box; }

.priorities.overview .prevButton {
  /*	width: 100px;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid $accentColor;*/
  font-weight: bold;
  color: currentColor; }

.priorities .column {
  border: 0;
  width: 80px;
  box-sizing: border-box; }

/*.news .column .topic:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
	width: 0px;
}*/
.news .short,
.priorities .short {
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid rgba(136, 136, 136, 0.7); }

.news .short a.unread {
  color: #4f2170; }

.news .short a.read,
.newsDetail .newsMsg {
  color: #888888; }

/*#newsForm{
	width: 850px;
	display: inline-block;
}*/
/*.news .category:after,
.news .category:before{
	background-color: $accentColor;
	transform: skew(20deg);
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	content: 'X';
}*/
#salesOrderWrapper {
  /*	width: 500px;
	overflow-y: scroll;*/ }

#salesOrderWrapper .twoCol .msg {
  width: 250px;
  margin-left: 10px;
  margin-top: 0px;
  vertical-align: middle; }

#salesOrderWrapper .msg a {
  text-decoration: underline; }

#salesOrderWrapper #terms {
  font-weight: normal; }

#salesOrderWrapper table {
  color: #4f2170;
  width: 80%;
  margin-left: 10px; }

#salesOrderWrapper #terms,
#salesOrderWrapper #recheck,
#salesOrderWrapper #confirmation {
  width: 95%;
  margin-bottom: 5px;
  box-sizing: border-box;
  margin-left: 10px; }

#salesOrderWrapper #confirmation {
  margin-top: 30px; }

#salesOrderWrapper .orderMenu {
  width: 650px !important;
  min-height: 680px;
  height: auto;
  left: calc(50% - 325px);
  top: calc(50% - 325px);
  box-sizing: border-box; }

#salesOrderWrapper .orderMenu .row {
  margin-bottom: 5px; }

#salesOrderWrapper .salesOrderForm {
  margin-top: 20px; }

#salesOrderWrapper h3,
#mailNotifForm h3 {
  margin-left: 10px;
  margin-bottom: 0px;
  color: #4f2170;
  /*display: inline-block;*/ }

#salesOrderWrapper label {
  width: 150px;
  display: inline-block;
  margin-left: 10px; }

#salesOrderWrapper label[for=email],
#salesOrderWrapper label[for=address_city] {
  width: auto; }

#salesOrderWrapper .textValue {
  width: 450px; }

#salesOrderWrapper .fileList .textValue {
  width: auto !important; }

#salesOrderWrapper input[type=text],
#salesOrderWrapper .styled-select select,
#salesOrderWrapper textarea,
#salesOrderWrapper .twoCol .textValue,
#mailNotifForm .styled-select select {
  width: 200px; }

#salesOrderWrapper textarea {
  width: 450px; }

.salesOrderForm .submit {
  text-align: center !important; }

.salesOrderForm #submitForm,
.salesOrderForm #stepBack {
  margin-top: 5px !important;
  width: auto; }

.salesOrderForm .fileList {
  color: #4f2170;
  /*	width: 40%;	*/
  border-bottom: 1px solid #4f2170;
  padding-bottom: 5px;
  margin-bottom: 5px; }

.salesOrderForm .fileListInfo select {
  width: 70px !important; }

.salesOrderForm .fileListInfo label {
  width: auto !important; }

.salesOrderForm .fileListInfo {
  vertical-align: middle;
  display: inline-block;
  width: 80%; }

.salesOrderForm .fileListInfo .remove {
  float: right; }

.salesOrderForm .fileListPreview {
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle; }

.salesOrderForm .fileListPreview img {
  max-height: 70px;
  vertical-align: middle; }

#mailNotifForm h3 {
  margin-bottom: 10px; }

#mailNotifForm .submit {
  margin-top: 10px;
  text-align: left; }

#mailNotifForm .row,
#mailNotifForm .msg {
  width: 400px;
  margin-left: 10px; }

#mailNotifForm .checkboxLabel {
  display: block;
  margin-left: 150px; }

#mailNotifForm label {
  width: 150px;
  min-width: 150px;
  display: inline-block; }

#mailNotifForm #submitForm {
  text-align: center;
  width: 100px; }

#attachements {
  color: #4f2170;
  width: 450px;
  display: inline-block;
  /*vertical-align:top;*/
  /*margin-left: 10px;*/ }

#attachements .attachement {
  margin-top: 5px;
  min-height: 30px;
  border-top: 1px solid #4f2170;
  /*border-bottom: 1px solid $accentColor;*/
  padding: 5px 0px 5px 0px; }

#attachements .attachement a:first-child {
  width: 90%;
  display: inline-block; }

#attachements .remove {
  color: white !important;
  float: right;
  vertical-align: middle; }

.attachementPreview {
  border: 1px solid #b2b2b2;
  color: #b2b2b2;
  cursor: pointer;
  margin: 5px 5px 5px 0px; }

.attachementPreview > div:first-child {
  background-color: #4f2170;
  height: 30px;
  width: 30px;
  display: inline-block;
  text-align: center;
  margin-right: 5px; }

.attachementPreview svg {
  height: 20px;
  fill: white;
  vertical-align: middle;
  margin: 5px; }

.attachementList {
  display: none;
  margin: 5px 0px 5px 0px; }

.attachementList .attachement a:first-child {
  color: #4f2170;
  text-decoration: none; }

.attachementList .attachement a:first-child:before {
  content: "·";
  margin-right: 5px; }

#attachements .buttonEdit {
  color: white !important;
  vertical-align: middle;
  float: none;
  /*height: 20px;*/
  box-sizing: border-box;
  margin: 0;
  font-size: 10pt;
  padding: 2px 5px 2px 5px; }

#attachementMenu #addLink {
  color: white !important; }

#attachementMenu {
  display: inline-block;
  width: 650px; }

#attachements a {
  display: inline-block;
  /*text-decoration: underline;*/
  color: #4f2170 !important; }

#attachements #uploadOverlayWrapper .addFavoriteHeader {
  display: none; }

#attachements #uploadOverlayWrapper a {
  color: white !important; }

#attachementMenu #content {
  width: 100px; }

#attachementMenu #addURLForm label {
  display: inline-block;
  width: 70px; }

#attachements #selector {
  margin-top: 5px;
  /*padding-left: 10px;*/
  text-align: left; }

.assetLinkSelector {
  text-align: left; }

#attachements #selector label {
  display: none; }

/*#attachements #selector label.styled-select,*/
#attachements #selector select {
  width: 30% !important;
  margin-top: 5px;
  margin-right: 5px; }

/*
* Datepicker
*/
.ui-widget-header {
  background: #4f2170 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x !important; }

.appPermissionForm {
  margin-top: 10px; }

.appPermissionForm label:not(.checkboxLabel) {
  width: 100% !important;
  margin-bottom: 5px; }

.appPermissionTools #savePermission {
  text-align: center; }

.appPermissionTools {
  text-align: center;
  margin-top: 10px; }

.assetContentFileDetail {
  width: 100%;
  box-sizing: border-box; }

.assetContentFileData {
  width: 30% !important;
  display: inline-block;
  float: left;
  text-align: left;
  font-size: 11pt; }

.assetContentFilePreview {
  width: 70% !important;
  display: table;
  text-align: center;
  /*	height: 350px;
	max-height: 350px;*/ }

.assetContentFilePreview img {
  max-width: 75%;
  vertical-align: top;
  box-sizing: border-box;
  display: block;
  max-height: 475px; }

.assetContentFilePreview .assetContentFileToolbar {
  width: 20%;
  box-sizing: border-box;
  position: relative;
  display: table-cell;
  height: 100%;
  text-align: center; }

.assetContentFileToolbar svg,
#controls svg,
.news .profile svg {
  fill: white;
  height: 25px;
  vertical-align: middle;
  margin-top: 5px; }

.assetContentFileToolbar .prev svg {
  transform: rotate(180deg); }

.assetContentFileToolbar .next {
  position: absolute;
  top: 10px;
  left: 0;
  padding-left: 2px;
  padding-top: 2px; }

.assetContentFileToolbar .prev {
  position: absolute;
  top: 55px;
  left: 0;
  padding-right: 2px;
  padding-top: 2px; }

.assetContentFileToolbar .zoom {
  vertical-align: bottom;
  bottom: 0;
  position: absolute;
  left: 0; }

.assetContentFileDetail .assetContentFilePreview .assetContentFileToolbar .close {
  display: none; }

#zoomOverlayWrapper {
  height: 100%;
  position: fixed; }
  #zoomOverlayWrapper #zoom {
    height: 80%; }
    #zoomOverlayWrapper #zoom img {
      max-height: 80%; }
  #zoomOverlayWrapper #controls .flexBoxWrapper {
    display: flex;
    justify-content: space-between; }
    #zoomOverlayWrapper #controls .flexBoxWrapper #info, #zoomOverlayWrapper #controls .flexBoxWrapper .tools {
      margin: 5px;
      padding: 5px; }
    #zoomOverlayWrapper #controls .flexBoxWrapper .tools {
      text-align: right; }
      #zoomOverlayWrapper #controls .flexBoxWrapper .tools .download {
        color: white;
        background-color: #4f2170;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
        box-sizing: border-box;
        cursor: pointer;
        margin-right: 2.5%; }

/*.assetContentFileToolbar .next{
	bottom: 0px;
}*/
.assetContentFilePreview .assetContentFileToolbar div,
#zoomOverlayWrapper #close,
.news .profile {
  color: white;
  background-color: #4f2170;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  box-sizing: border-box;
  cursor: pointer; }

#zoomOverlayWrapper #close {
  position: initial; }

.newsInput > div:first-child {
  width: 50px;
  height: 100%;
  display: inline-block;
  vertical-align: text-bottom; }

.newsInput .newsForm {
  display: inline-block;
  width: 80%;
  box-sizing: border-box;
  height: 150px; }

.newsInput .contentField {
  width: 100%;
  height: 60%; }

.newsInput .contentField textarea {
  width: 80%;
  height: 100%;
  vertical-align: bottom; }

.newsInput .contentField label {
  display: none; }

.newsInput .attachementMenu {
  display: inline-block; }

.assetContentFileData span {
  display: block;
  width: 100%; }

.assetContentFileData .fieldLabel {
  font-weight: bold; }

.assetContentFileActions {
  height: 150px; }

.assetContentFileActions .assetToFavorite a {
  width: 28%; }

.content1 .assetContent {
  min-height: 650px; }

.content1 .assetContent:last-child {
  /*	width: 1000px !important;	*/
  /*min-height: 800px;*/
  max-height: none;
  width: 800px !important;
  /*	height: auto !important;*/
  /*	min-height: 800px;*/ }

.content1 .assetCatHeader:last-child {
  width: 796px !important;
  max-height: none;
  height: auto !important; }

.content2 .assetCollectionButton,
.content8 .assetCollectionButton,
.content5 .assetCollectionButton {
  width: 400px !important; }

.content3 .assetCollectionButton {
  width: 400px !important; }

.content3 #assetContent_2,
.content5 #assetContent_1 {
  width: 300px; }

.content3 .assetCatHeader:nth-child(2),
.content5 .assetCatHeader:nth-child(1) {
  width: 294px; }

.content5 .assetCatHeader:nth-child(1) {
  width: 290px; }

.assetTableWrapper .assetContent:last-child {
  width: 600px;
  /*max-height: none;*/
  height: auto !important; }

.assetTableWrapper .assetCatHeader:last-child {
  width: 597px;
  max-height: none;
  height: auto !important; }

#zoomOverlayWrapper {
  background-color: rgba(0, 0, 0, 0.5); }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }

#zoomOverlayWrapper #zoom,
#zoomOverlayWrapper #controls {
  position: relative;
  /*height:50%;*/
  width: 50%;
  left: -25%;
  top: 5%;
  margin: 0;
  background-color: white;
  text-align: left; }

#zoomOverlayWrapper #zoom {
  /*height: 80%;*/ }

#zoomOverlayWrapper #zoom .zoom {
  display: none; }

#zoomOverlayWrapper #zoom .assetContentFilePreview {
  width: 100% !important;
  max-height: 100%;
  height: 100%;
  margin: 0; }


#zoomOverlayWrapper #zoom .assetContentFilePreview:before {
  content: "";
  display: inline-block;
  height: 10%;
  vertical-align: middle; }


#zoomOverlayWrapper #zoom .assetContentFilePreview img {
  max-height: 90%;
  vertical-align: middle; }

#zoomOverlayWrapper #zoom .assetContentFilePreview .assetContentFileToolbar {
  vertical-align: middle;
  height: auto;
  width: 10%; }

#zoomOverlayWrapper #controls {
  border-top: 1px solid #b2b2b2;
  padding-top: 10px; }

#zoomOverlayWrapper #controls div {
  display: inline-block;
  box-sizing: border-box; }

#zoomOverlayWrapper #controls #info {
  width: 85%;
  padding-left: 5px;
  font-size: 11pt;
  min-height: 50px; }

#zoomOverlayWrapper #controls #tool {
  width: 10%;
  text-align: right; }

#zoomOverlayWrapper #controls #tool #close {
  padding: 2px; }

.singleNews {
  text-align: left;
  margin: 10px;
  border-bottom: 1px dotted #4f2170;
  padding-bottom: 10px; }

.singleNews .profile {
  vertical-align: top; }

.singleNews .updated {
  color: #B2B2B2; }

.singleNews .info,
.singleNews .text {
  text-align: left;
  vertical-align: top;
  padding-top: 0; }

.singleNews .text {
  margin: 5px 0 5px 0; }

.singleNews .detail .info {
  color: #27A92A; }

.singleNews .detail .todo {
  color: #D44651; }

.singleNews .detail {
  color: #4f2170; }

.singleNews .detail svg {
  height: 20px;
  fill: currentColor;
  vertical-align: bottom; }

.singleNews .detail span {
  vertical-align: bottom; }

.singleNews .detail .edit,
.singleNews .detail .delete {
  cursor: pointer; }

.singleNews .content {
  display: inline-block;
  width: 80%;
  margin-left: 10px; }

.assetResourceList {
  background-color: #eceeed;
  display: block;
  min-width: 300px;
  min-height: 300px;
  max-width: 80%;
  text-align: left;
  border: 1px solid #4f2170;
  padding: 10px; }

.assetResourceList a {
  color: #4f2170;
  margin-bottom: 10px; }

.assetResourceList a:before {
  content: "·";
  margin-right: 10px; }

#uploadReplace svg,
#uploadNew svg,
#uploadAlternative svg {
  transform: rotateX(180deg); }

.downloadAllButton a {
  width: auto;
  float: none; }

.msg.downloadAll {
  color: white;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 5px;
  width: auto;
  margin-top: 45px;
  margin-right: 20px;
  box-sizing: border-box;
  margin-left: 30px;
  display: inline-block;
  float: right;
  padding: 5px; }

.msg.downloadAll svg {
  height: 25px;
  margin-right: 5px; }

.msg.downloadAll a {
  text-decoration: underline; }

.startUpdateIndicator {
  color: white;
  background-color: red;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  padding: 5px;
  text-align: center;
  margin-top: -80px;
  margin-right: 20px;
  float: right;
  z-index: 100;
  position: relative;
}

.startUpdateIndicator svg {
  height: 18px;
  width: auto;
  margin: -3px 0 0 -5px; }

.mainContent.page_passwordReset {
  background-color: white; }

.page_passwordReset input {
  border: 2px solid #4f2170;
  /*border-radius: 5px;*/
  height: 30px; }

.page_passwordReset input[type="submit"] {
  /*	border-color: white;*/
  background-color: #4f2170;
  color: white;
  font-size: 1em;
  margin-top: 10px; }

.page_passwordReset a {
  color: #4f2170;
  text-decoration: underline; }

.bottomInfo {
  display: none; }

.bottomInfo.page_presentation {
  display: table-caption !important; }

.assetContent .addCat {
  color: white;
  background-color: #4f2170;
  width: 80%;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 5px; }

.assetTab:first-child {
  margin-left: 10px; }

.assetTab {
  background-color: #74508e;
  color: white;
  display: inline-block;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 5px;
  width: 50px;
  text-align: center;
  margin-left: -5px;
  z-index: 0;
  cursor: pointer;
  position: relative; }

.assetTab a {
  color: white; }

.assetTab.active {
  background-color: #4f2170;
  z-index: 1; }

#account_apply {
  display: block;
  font-weight: lighter;
  font-size: 10px; }

/*# sourceMappingURL=rs_jde.mdlz.css.map */

.globalSearchResultWrapper {
  width: 69%;
  color: #4f2170;
  text-align: left;
  padding-top: 20px;
  display: table;
  box-sizing: border-box;
  margin: auto;
}

.globalSearchResult {
  color: #000;
}

.globalSearchResult a {
  color: #000;
}

.globalSearchResultContent {
  margin: 10px;
  background: rgb(255, 255, 255);
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  border: solid;
}

.globalSearchResult :hover {
  text-decoration-color: #4f2170;
  font-weight: bold;
  color: #4f2170;
}

.globalSearchString {
  margin: 10px;
  font-weight: bold;
  font-size: 24px;
}

.updateHighlight {
  background: rgba(79, 33, 112, 0.2);
  border-style: solid none solid none;
  border-width: 0px;
  border-color: rgb(79, 33, 112);
}

.adInfoKeywords {
  font-size: 10px;
}

.pslinks {
  white-space: nowrap;
  }

.pslinks .portfolioItem {
  width: 250px; }

.pslinks .portfolioItemTitle {
  border-radius: 3px;
  /*background-color: rgb(117, 105, 101);*/
  background-color: transparent;
  width: 200px !important;
  height: 200px !important;
  text-align: center;
  color: white !important;
  /*	height: 30px;
	line-height: 30px;*/
  /*float: left;*/
  cursor: pointer;
  /*position: relative;*/
  box-sizing: border-box;
  padding: 0;
  padding-left: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border: none; }

/*.links .portfolioItem{
	display: block;
}*/
.pslinks .portfolioItemTitle img {
  max-height: 90%;
  max-width: 90%; }

.pslinks {
  max-width: 1800px; }

.pslinksPageWrapper .pslinks {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pslinks__flexContainer {
  margin: 5px;
  width: 23%;
  min-height: 897px;
  float: left;
  justify-content: space-around;
  border-style: solid;
  border-width: 3px;
  border-radius: 15px;
  border-color: rgb(79, 33, 112);
  display: grid;
  background: white;
}

.pslinks__flexContainer .pslinkPanel {
  display: block;
  width: 250px;
  min-width: 250px;
  }

.pslinkPanel {
  display   : block;
  width     : 250px;
  min-width : 250px;
}

.pslinkPanel .logo {
  display: block;
  text-align: center;
  height: 100%;
 }

.pslinkPanel .logo img {
  vertical-align: middle;
  height: 220px;
}

.psLinksColumnHeader {
  margin-top: 20px;
  color: rgb(79, 33, 112);
  font-size: 35px;
  font-weight: bold;
}

.assetContent a.activeColor {
  color: #000000 !important; }