/**

NEVER edit this file!

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

*/
@font-face {
  font-family: "Oswald-DemiBold";
  src: url("../assets/fonts/Oswald-DemiBold.ttf");
}
@font-face {
  font-family: "Oswald-Regular";
  src: url("../assets/fonts/Oswald-Regular.ttf");
}
@font-face {
  font-family: "Oswald-Light";
  src: url("../assets/fonts/Oswald-Light.ttf");
}
html, body {
  width: 100%;
  margin: 0;
  bottom: 0;
  /*font-family: Futura-CondensedMedium;*/
  font-family: Oswald-Light;
  color: #513D37;
}

body {
  /*display: table;*/
  height: 100vh;
  min-height: 100vh;
}

a, a:visited {
  text-decoration: none;
}

.info {
  color: #FCF5DE;
  text-align: center;
  padding-top: 20px;
}

.startPanel {
  display: inline-block;
  max-width: 400px;
  vertical-align: top;
  margin-left: 30px;
  margin-right: 30px;
  text-align: center;
  /*word-break: break-all;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.startPanel img {
  margin-top: 100px;
  max-width: 250px;
  margin-bottom: 20px;
}

.startPanel ul, .startPanel li {
  text-align: left !important;
}

/**
* HEADER
*/
header {
  /*	display: table-caption;*/
  background-color: #513D37;
  text-align: center;
  height: 120px;
  position: relative;
  width: 100%;
  min-width: 100%;
  /*padding-top: 5px;*/
}

/*header > div {
	height: 100%;
}*/
header img {
  max-height: 100px;
  vertical-align: middle;
}

header svg, #searchForm svg {
  height: 30px;
  /*margin-right: 5px;*/
  vertical-align: bottom;
  fill: #FCF5DE;
}

.updateCount {
  position: relative;
  display: inline;
  float: right;
  z-index: 5;
  top: 8px;
  right: 70px;
  /*	top: 36px;
      left: 293px;*/
  background: radial-gradient(5px -9px, circle, white 8%, red 26px);
  background-color: #FCF5DE;
  /*border: 2px solid white;*/
  border-radius: 12px;
  /* one half of ( (border * 2) + height + padding ) */
  /*box-shadow: 1px 1px 1px black;*/
  border: 1px solid #513D37;
  color: #513D37;
  font-size: 11px;
  line-height: 11px;
  /*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;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .updateCount {
    top: -18px;
    /*			 	top: 47px;
                    left: 317px;*/
  }
}
header div {
  margin-right: 5px;
}

/**
* NAV-BAR
*/
nav ul, nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

nav ul {
  width: 200px;
  background-color: #907064;
  padding: 10px;
}

nav li {
  background-color: #B9997E;
  padding: 0.5em;
  text-align: center;
  margin: 10px;
  height: 60px;
  -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;
}

.sidebar_active {
  background-color: #513D37;
}

nav a {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-decoration-color: #FCF5DE;
  color: #FCF5DE;
  font-weight: bold;
  vertical-align: middle;
  font-size: 14px;
}

/**
* FOOTER
*/
footer {
  /*position: fixed;*/
  display: block;
  bottom: 0;
  width: 100%;
  background-color: #A48870;
  color: white;
  text-align: center;
  font-size: 0.8em;
  text-transform: uppercase;
  line-height: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
}

/**
* CONTENT
*/
.midContent {
  /*min-height: 100%;*/
  display: table-row;
  min-height: calc(100vh - 35px - 120px - 100px);
  height: calc(100vh - 35px - 120px - 100px);
}

.sidebar {
  background-color: #907064;
  min-width: 1px;
}

.mainContent {
  background-color: #b9997e;
  width: 100%;
  padding: 0px;
  /*overflow: scroll;*/
  vertical-align: top;
  /*border: 1px solid black;*/
}

.sidebar, .mainContent {
  display: table-cell;
  /*	min-height: calc(100% - 35px - 120px - 100px);
      height: calc(100% - 35px - 120px - 100px);*/
}

/**
* Search
*/
#searchForm {
  margin-top: 10px;
}

#searchForm svg {
  margin-left: 20px;
  height: 30px;
  /*margin-right: 5px;*/
  vertical-align: middle;
  fill: #FCF5DE;
}

#searchForm input {
  width: 500px;
  height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  border: none;
  border-radius: 20px;
}

#results {
  margin-top: 10px;
}

/*
#results ul, #results li{
	list-style: none; 
  margin: 0; 
  padding: 0;
  border: 0;
}*/
#results li, #results li a {
  /*list-style: none;*/
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  text-decoration: none;
  color: #FCF5DE;
  margin-bottom: 10px;
}

/**
* PORTFOLIO
*/
.portfolio ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.portfolio {
  /*width: 200px;*/
  background-color: #B9997E;
  /*padding: 10px;*/
  display: inline;
  text-align: center;
  min-height: 100%;
}

.portfolioItemTitle {
  position: relative;
  background-color: #513D37;
  color: #FCF5DE;
  padding: 0.5em;
  text-align: center;
  margin: 10px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  width: 25%;
  min-width: 300px;
  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;
}

.portfolioItemTitle a {
  color: currentColor;
  width: 100%;
  display: inline-block;
}

.activePortfolio {
  background-color: #B9997E !important;
  /*color: #513d37 !important;*/
}

.navigatorHeader {
  /*background-color: #513d37;*/
  color: #513D37;
  /*padding: 0.5em;*/
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  line-height: 50px;
  vertical-align: middle;
  width: 25%;
  min-width: 300px;
  display: inline-block;
  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;*/
}

.portfolioItem {
  display: inline-block;
  width: 335px;
  padding: 10px;
}

.portfolioItemList {
  display: table-cell;
  width: 100%;
}

.portfolioItemList ul, .portfolioItemList li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.portfolioItemList a {
  display: inline;
  color: #FCF5DE;
}

.portfolioItemList li {
  background-color: #907064;
  color: #FCF5DE;
  padding: 0.5em;
  text-align: center;
  margin: 10px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  width: 100px;
  display: inline-block;
  cursor: pointer;
  -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;
}

.portfolioSubLinks {
  width: 300px !important;
}

.toolItemList li {
  width: 300px;
}

/**
* ARROW BOX
*/
.arrow_box {
  position: relative;
  background: #513D37;
}

.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: #513D37;
  border-width: 10px;
  margin-left: -10px;
}

.arrow_box2 {
  position: relative;
  background: #513D37;
}

.arrow_box2: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: #513D37;
  border-width: 10px;
  margin-left: -10px;
}

.arrow_right:after {
  left: 95%;
  top: 50%;
  border-left-color: #907064;
  /*border-left-color: #513d37;*/
  border-top-color: transparent;
  margin-top: -10px;
  margin-left: 0px;
}

.arrow_left:after {
  right: 95%;
  top: 50%;
  border-right-color: #907064;
  /*border-left-color: #513d37;*/
  border-top-color: transparent;
  margin-top: -10px;
  margin-right: 0px;
}

.arrow_down:after {
  left: 50%;
  top: 70%;
  border-top-color: #907064;
  /*border-left-color: #513d37;*/
  border-left-color: transparent;
  margin-left: -10px;
  margin-top: 0px;
}

/**
* Column layout
*/
.col {
  width: 340px;
}

.left {
  display: table-cell;
}

.right {
  display: table-cell;
}

/**
* SEGMENT
*/
.segmentItem {
  display: inline-block;
  width: 335px;
  position: relative;
}

.segmentItemList {
  display: table-cell;
  width: 100%;
}

.segmentItemList ul, .segmentItemList li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.segmentItemList li {
  background-color: #907064;
  color: #FCF5DE;
  padding: 0.5em;
  text-align: center;
  margin: 10px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  width: 300px;
  display: inline-block;
  cursor: pointer;
  -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;
}

.segmentItem a, .segmentItemList a, .segmentItemList a:hover {
  min-width: 100%;
  color: #FCF5DE;
  line-height: 50px;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  position: absolute;
  left: 15px;
}

.segmentIcon {
  position: absolute;
  top: 0;
  left: 10px;
  height: 50px;
  vertical-align: top;
  text-align: center;
}

/**
* Occasion
*/
.occasion {
  background-color: #B9997E;
  display: inline-block;
  /*	min-height: 100%;*/
  min-height: 715px;
  height: 100%;
  width: 100%;
  position: relative;
}

.occasionTable {
  min-height: 715px;
  min-width: 800px;
}

.occasionTable td:nth-child(2) {
  vertical-align: top;
}

.insightCol {
  /*position: absolute;*/
  display: inline-block;
  width: 250px;
  height: 100%;
  min-height: 100%;
  background-color: #FCF5DE;
}

.occasionItemsCol {
  /*position: absolute;*/
  /*display: inline-block;*/
  /*	height: 100%;
      min-height: 100%;*/
  /*width: 900px;*/
  /*left: 250px;*/
  color: #513D37;
  /*	width: 100%;*/
  margin-left: 0px;
  margin-top: 10px;
  border-collapse: collapse;
}

.occasionItemsCol > table {
  /*	border: 1px solid black;*/
}

.occasionItemsCol table td {
  text-align: left;
  padding: 5px;
  /*border: 1px solid black;*/
}

/*.occasionItemsCol th	{ background-color:#b9997e; }
.occasionItemsCol tr:nth-child(odd)		{ background-color:#b9997e; }
.occasionItemsCol tr:nth-child(even)		{ background-color:#a48471; }*/
.dark {
  background-color: #A48471;
}

.bright {
  background-color: #B9997E;
}

.occasionItemsCol th {
  padding: 5px;
}

.occasionItemsCol ul {
  display: inline-block;
  width: 300px;
}

.occasionItemsCol ul, .occasionItemsCol li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.machineList li {
  background-color: #513D37;
  color: #FCF5DE;
  padding: 2px 2px 2px 2px;
  text-align: center;
  margin: 0px 3px 3px 0px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  width: 120px;
  font-size: 12px;
  display: inline-block;
  -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;
}

.occasionItemsCol label {
  color: #513D37;
  padding: 2px 2px 2px 2px;
  /*text-align: center;*/
  margin: 0px 3px 3px 0px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  /*width: 120px;*/
  font-size: 14px;
  /*font-weight: bold;*/
}

.system {
  width: 200px;
}

.system img {
  vertical-align: middle;
  margin: 0px 5px;
}

.system .icon {
  max-height: 35px;
}

.system .picture {
  /*max-height: 50px;*/
  max-width: 35px;
}

.machineList {
  width: 350px;
  text-align: center !important;
}

.machineList table, .machineList tr, .machineList td {
  background-color: rgba(0, 0, 0, 0) !important;
  border-collapse: collapse;
  padding: 0px !important;
  /*margin: auto;*/
}

.machineList input {
  vertical-align: middle;
}

.machineButton {
  background-color: #513D37;
  color: #FCF5DE;
  padding: 2px 2px 2px 2px;
  text-align: center;
  margin: 0px 3px 3px 0px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  width: 120px;
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -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;
}

.machineInfo {
  background-color: #A0121B;
  color: #FCF5DE;
  padding: 2px 2px 2px 2px;
  text-align: center;
  margin: 0px 3px 3px 0px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  width: 120px;
  font-size: 12px;
  display: inline-block;
  overflow: hidden;
  -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;
}

.productList {
  width: 50%;
}

.productList label {
  display: block;
}

.occasion label {
  cursor: pointer;
}

/**
* Bottom Info
*/
.bottomInfo {
  background-color: #513D37;
  color: #FCF5DE;
  height: 100px;
  display: table-caption;
  caption-side: bottom;
  -webkit-box-shadow: inset 0px 0px 5px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 5px 10px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 5px 10px rgba(0, 0, 0, 0.25);
}

.downloadButton {
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  height: 100%;
  display: inline-block;
}

.downloadButton p {
  margin: 0px;
  padding-top: 15px;
  width: 200px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  height: 100%;
  display: inline-block;
}

.pptx-loading-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  vertical-align: middle;
  text-align: center;
  display: none;
}

.loadingMsg {
  background-color: #FCF5DE;
  color: #513D37;
  width: 200px;
  height: 100px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid black;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  position: absolute;
  margin: auto;
  padding-top: 50px;
}

.loadingMsg img {
  margin-top: 10px;
}

.companySelect {
  bottom: 0;
  font-weight: bold;
  color: #513D37;
}

.companySelect td {
  vertical-align: top;
  padding: 5px;
}

.companySelect input {
  margin: 0;
}

.insightSelect {
  padding: 0px 10px;
}

.insightSelect label {
  font-size: 13px;
}

/**
* previewBar
*/
.previews {
  position: absolute;
  height: 90px;
  width: calc(100% - 200px);
  left: 8px;
  right: 0;
  padding-top: 10px;
  top: 0px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.previewImage {
  display: inline;
  height: 80px;
  max-height: 80px;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 10px;
  display: none;
  text-align: left;
}

.downloadNavigation {
  /*display: inline;*/
  height: 100%;
  /*	min-height: 95px;
      max-height: 95px;*/
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.downloadNavigation td {
  text-align: center;
  vertical-align: middle;
  height: 95px;
}

.downloadNavigation td:first-child {
  width: 200px;
}

td.scroll {
  height: 100%;
  display: table-cell;
  position: relative;
  text-align: left;
  padding-left: 20px;
}

/*input[type='checkbox']{  Double-sized Checkboxes 
  -ms-transform: scale(1.1);  IE 
  -moz-transform: scale(1.1);  FF 
  -webkit-transform: scale(1.1);  Safari and Chrome 
  -o-transform: scale(1.1);  Opera 
  padding: 5px;
}*/
.systemTab {
  table-layout: fixed;
  padding: 0px !important;
}

.systemTab tr, .systemTab td {
  background: transparent !important;
  width: 40px;
}

.systemTab td:first-child {
  width: 12px;
}

.sysPic {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
}

.systemTab td:last-child {
  width: 80px;
}

.machineCheck {
  width: 20px;
}

.machineCheck input {
  vertical-align: middle;
}

.settings {
  color: #FCF5DE;
  padding: 20px;
}

.settings label {
  display: inline-block;
  float: left;
}

.settings input[type=submit] {
  text-transform: capitalize;
  color: #FCF5DE;
  font-weight: bold;
  padding: 0.5em;
  text-align: center;
  /*margin: 10px;*/
  background-color: #513D37;
  -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;
}

.settings input[type=password] {
  float: right;
}

.settings a {
  text-decoration: underline;
  color: inherit;
}

#logout, #settings, #help, #updates, #news, #search {
  /*	position: absolute;
      top: 50px;
      z-index: 2;*/
  display: inline;
  text-align: center;
  width: 100%;
  vertical-align: bottom;
}

.headerMenu {
  border-collapse: collapse;
}

.headerMenu td {
  padding: 0;
  width: 150px;
  max-width: 150px;
  min-width: 150px;
  vertical-align: bottom;
  text-align: center;
}

/*
#news, #search{
	right: 75px;
	float: right;
	margin-right: 5px;
}

#logout{
	right: 10px;
	float: right;
	margin-right: 5px;
}
#settings{
	left: 75px;	
	float: left;
	margin-left: 5px;
}
#help{
	left: 160px;
	float: left;
}
#updates{
	left: 290px;
	float: left;
	margin-left: 5px;
}*/
#logout a, #settings a, #help a, #updates a, #news a, #search a {
  font-face: Oswald-Regular;
  color: #FCF5DE;
  text-decoration: none;
}

#logout img, #settings img, #help img, #updates img, #news img {
  height: 30px;
}

/**
* insight navigation
*/
.center {
  text-align: center;
}

.col_right table {
  width: 500px;
}

.insightPreview {
  table-layout: fixed;
  width: 800px;
  height: 400px;
  display: none;
}

.presPreview {
  table-layout: fixed;
  width: 800px;
  height: 400px;
}

.insightWrapper {
  display: none;
}

.insightLarge {
  /*display:none;*/
  /*min-height: 100%;*/
  width: 100%;
}

.insightNav {
  width: 50px;
}

.insightContent {
  width: 400px;
}

.rightButton, .leftButton {
  cursor: pointer;
  width: 40px;
}

.control {
  cursor: pointer;
}

#remove, #add {
  display: none;
}

.image:after {
  content: "\a";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
}

.image:hover:after {
  opacity: 1;
}

.start {
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: top;
}

.start a {
  color: #513D37;
  text-decoration: none;
  font-weight: bold;
}

.breadcrumb a {
  color: #FCF5DE;
  text-decoration: none;
}

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

#filterList {
  display: none;
}

.filterMachines {
  display: none;
}

#chart-container {
  margin-top: 20px;
  margin-left: 20px;
}

.infoTable {
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  /*border: 1px solid black;*/
  vertical-align: top;
}

.infoTable a, .infoTable a:visited {
  text-decoration: none;
  color: inherit;
}

.infoTable img {
  vertical-align: middle;
}

.infoTable td {
  width: 25%;
}

.infoTable td:last-child {
  text-align: right;
}

.infoTable td:nth-child(2) {
  text-align: center;
  width: 50%;
}

.card-container {
  margin: 30px 0px 0px 20px;
}

/*#card-container table{
	border-collapse: separate;
	border-spacing: 10px;
	width: 800px;
	font-weight: 700;
	margin-left: 75px;
	margin-top: 40px;
}*/
.card-container > table {
  border-collapse: collapse;
  margin-left: 75px;
  margin-top: 40px;
  border-spacing: 0;
}

.card-container.cardInline {
  display: inline-block;
}

.card-container .vCardInfo {
  border-collapse: separate;
  border-spacing: 10px;
  width: 400px;
  font-weight: 700;
}

.card-container .vCardInfo td:nth-child(1) {
  background-color: #A48471;
  height: 50px;
  /*padding: 10px;*/
}

.vCardDesc {
  height: 260px;
}

.vCardDesc td {
  padding: 10px;
  vertical-align: top;
}

.vCardDesc td div {
  display: inline !important;
}

.vCardDesc ul {
  margin: 1;
}

.card-container .vCardInfo td div {
  /*display: -webkit-flex;
  -webkit-flex-flow: row wrap;*/
  display: flex;
  flex-flow: row wrap;
  /*max-height: 50px;*/
  overflow: hidden;
  vertical-align: middle;
  align-items: center;
}

/*#card-container .vCardInfo td:nth-child(2){ padding-left: 10px; }*/
.card-container a, .card-container a:visited {
  text-decoration: none;
  color: inherit;
}

.card-container .vCardInfo img {
  height: 50px;
  margin-right: 10px;
}

.vCardHeader {
  display: flex;
  align-items: center;
}

.vCardHeader img {
  width: 65px;
}

.vCardName {
  width: 765px;
  cursor: default;
  position: relative;
  background: #513D37;
  margin-left: 20px;
  text-transform: none;
}

.vCardName:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(81, 61, 55, 0);
  border-right-color: #513D37;
  border-width: 10px;
  margin-top: -10px;
}

.brandIcon {
  height: 30px;
  max-height: 30px;
}

.brandSelect, .fragmentSelect, .brandPreview, .fragmentPreview {
  vertical-align: top;
}

.brandPreview, .fragmentPreview {
  width: 350px;
}

.w2pForm {
  width: 800px;
  background-color: white;
}

.w2pForm td {
  vertical-align: top;
}

.w2pCol {
  width: 50%;
  min-width: 50%;
}

.w2pPrice {
  width: 50px;
}

.w2pPriceHelper {
  float: right;
  font-size: 13px;
}

.customFragment {
  width: 400px;
  margin-left: 400px;
}

.customFragment th {
  text-align: left;
}

.customFragment td:last-child {
  width: 75%;
}

.customFragment input, customFragment textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.upload_menu, #upload_finished {
  margin-left: 20px;
  margin-top: 20px;
}

#uploader {
  width: 500px;
}

#manual {
  background-color: #B9997E;
  /*padding: 10px;*/
  display: inline;
  text-align: center;
  min-height: 100%;
  text-decoration: none;
  background-color: #907064;
  color: #FCF5DE;
  padding: 0.5em;
  text-align: center;
  margin: 10px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  width: 200px;
  float: right;
  margin-top: 50px;
  display: inline-block;
  cursor: pointer;
  -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;
}

.updateList {
  text-align: left;
  color: #FCF5DE;
}

.updateList li {
  padding: 5px;
}

.updateHeader {
  margin-left: 10px;
}

.updateLink, .updateHeader {
  display: inline-block;
  color: #FCF5DE;
  text-decoration: none;
}

.news {
  text-align: center;
  vertical-align: top;
}

.newsContent {
  display: table;
  text-align: justify;
  width: 60%;
  margin: 0 auto;
}

.newsContent a {
  color: inherit;
  text-decoration: none;
}

.hSep {
  border-color: #513D37;
  /*border: none;*/
  border: 1px solid;
  width: 60%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.adminLink {
  text-decoration: none;
  color: #FCF5DE;
  margin: 10px 0px 0px 10px;
}

.prio_arrow div {
  color: #FCF5DE;
  transform: rotate(90deg);
  transform-origin: center 50%;
  /*	-ms-transform: rotate(45deg);  IE 9
      -ms-transform-origin: 20% 40%;  IE 9
      -webkit-transform: rotate(90deg);  Chrome, Safari, Opera
      -webkit-transform-origin: 20% 40%;  Chrome, Safari, Opera 	*/
}

.prio_arrow {
  position: relative;
  background: #513D37;
  border: 4px solid #513D37;
  height: 300px;
}

.prio_arrow:after, .prio_arrow:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.prio_arrow:after {
  border-color: rgba(81, 61, 55, 0);
  border-top-color: #513D37;
  border-width: 30px;
  margin-left: -30px;
}

.prio_arrow:before {
  border-color: rgba(252, 245, 222, 0);
  border-top-color: #513D37;
  border-width: 36px;
  margin-left: -36px;
}

strong {
  font-weight: bold;
}

a.mailLink {
  display: inline;
  margin-left: 10px;
}

.msg {
  padding: 10px;
}

.sortProducts {
  max-width: 20px;
}

.sortProducts svg {
  height: 15px;
  cursor: pointer;
}

.sortProducts svg:first-child {
  transform: rotate(-90deg) translateX(5px);
}

.sortProducts svg:last-child {
  transform: rotate(90deg) translateX(-10px);
}

.circle {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.circle.red {
  background-color: red;
}

.circle.yellow {
  background-color: yellow;
}

.circle.green {
  background-color: green;
}

.Question .checkboxLabel {
  width: auto;
}

/*# sourceMappingURL=rs_jde_1.css.map */