body {
	background-color: #C9CFB5;
}

#wrapper-cross #content-box {
	background-color: #F1F2EA;
}

/* Modal height for preview container in display option */
.tabs-left > .tab-content {
	min-height: 820px;
}

a /* Anchors outside #stage (or default link color) */,
#wrapper-affiliate .footer, /* Footer */
#account-options .navbar-nav > li > a, /* Navigation > Top Right menu bar (outside container) */
.navbar-header .nav.navbar-nav > li > a,
.navbar-header .nav.navbar-nav > li > a:hover,
.navbar-header .nav.navbar-nav > li > a:focus {
	color: #024811;
}

/* Navigation > Menu Level 1 - Big menu with Icons */

.navbar-inverse {
	background: #2B6638; /* Old browsers */
	background: -moz-linear-gradient(top, #2B6638 50%, #21522F 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2B6638), color-stop(99%, #21522F)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2B6638 50%, #21522F 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2B6638 50%, #21522F 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2B6638 50%, #21522F 99%); /* IE10+ */
	background: linear-gradient(to bottom, #2B6638 50%, #21522F 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B6638', endColorstr='#21522F', GradientType=0 ); /* IE6-9 */
}

.navbar-inverse .navbar-nav > li > a {
	color: #95B3A2;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li.active > a,
.navbar-inverse .navbar-nav > li.sfHover > a,
.navbar-inverse .navbar-nav > li.active > a:hover,
.navbar-inverse .navbar-nav > li.active > a:focus {
	background-color: #1E4727;
}

.navbar-inverse .navigation-list {
	border-right-color: #44784F;
}

/* [Divider light] */
.navbar-inverse .navigation-list li {
	border-left-color: #44784F;
}

/* [Divider dark] */
.navbar-inverse .navigation-list li {
	border-right-color: #21502C;
}

/* Navigation > Menu Level 2 */

#level-2-menu-placeholder {
	background-color: #409F5A;
}

.navbar-nav.menu-level-2 > li.sfHover > a,
.navbar-nav.menu-level-2 > li.active.sfHover > a {
	background-color: #1E4727;
}

.navbar-nav.menu-level-2 > li > a {
	color: #cfe7db;
}

/* Navigation > Menu Level 3 */

.navbar-nav.menu-level-3 > li.active > a,
.navbar-nav.menu-level-3 > li.menu-caret > .fo-down-dir {
	color: #1E4727;
}

.navbar-nav.menu-level-3 > li.active > a {
	background-color: #CFE7DB;
}

#level-3-menu-placeholder .navigation-list > li > a:hover span,
#level-3-menu-placeholder .navigation-list > li.active span {
	border-bottom: 2px solid #94C9AD;
}

/** Panels **/

.panel-default .panel-heading {
	background: #EDF4F2; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 50%, #EDF4F2 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(99%,#EDF4F2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 50%,#EDF4F2 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 50%,#EDF4F2 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 50%,#EDF4F2 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 50%,#EDF4F2 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EDF4F2',GradientType=0 ); /* IE6-9 */
}

/******* add panels ********/

a.add-button span {
	color: #024811;	/* Anchors outside #stage (or default link color) */
	background-color: #ACB297;	/* Add +19 brightness of body bg color from 48 to 77 */
	border-color: #ACB297 !important;
}

a.add-button:before,
a.add-button:after {
	border-top-color: #ACB297;	/* Add +19 brightness of body bg color from 48 to 77 */
	border-right-color: #ACB297;
	border-left-color: #ACB297;
}

a.add-button:hover span {
	background-color: #F1F2EA;	/* #content-box bg color */
	border-color: #F1F2EA !important;
}
a.add-button:hover:before,
a.add-button:hover:after {
	border-color: #F1F2EA;	/* #content-box bg color */
	border-bottom-color: transparent;
}


/* Login Screen */

.login-page {
	background: url('../images/cross/login-bg-hatch.png'),
	url('../images/cross/login-bg-backdrop.jpg') #C9CFB5 /* Body back color */;

	background-repeat: repeat, no-repeat;
	background-position: center, top center;
}

.login-page .panel-backdrop {
	background: url('../images/cross/login-panel-bg.png') bottom right;
}

.login-page h3 {
	color: #2B6638;	/* Primary Nav bg color */
}

.gauges {
	padding: 0 9px;
	margin: 0 0 8px;
}

.gauges  .panel-border-less:hover {
	cursor: inherit;
}

/** Calendar **/

.ui-datepicker {
	border-color: #2B6638;	/* Primary Nav bg color */
}

.ui-datepicker .ui-datepicker-header,
.ui-datepicker thead,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	background-color: #2D6F3F;	/* Menu Level #2 Nav anchor hover color */
}

.ui-datepicker .ui-state-hover {
	border-color: #2D6F3F;	/* Menu Level #2 Nav anchor hover color */
}

.ui-datepicker .ui-datepicker-group-first {
	border-right-color: #CFE7DB;	/* Menu Level #2 Nav font color */
}

.ui-datepicker .ui-state-today {
	background-color: #409F5A;	/* Menu Level #2 Nav bg color */
}

.ui-datepicker .ui-state-highlight {
	background-color: #EEF1E9;	/* Table TR hover bg color */
}


/** Product Feed Map **/

#productFeedMapTable {
	overflow-x: auto;
	overflow-y: hidden;
	margin-bottom: 10px;
}

#productFeedMapTable > table {
	margin-bottom: 0;
}

#productFeedMapTable tbody > tr > td {
	vertical-align: middle;
}

#productFeedMapTable .checkbox-inline > input[type=checkbox] {
	margin-top: 9px;
}

#productFeedMapTable .variation-checkbox {
	padding-left: 25px;
	width: 250px;
}

#productFeedMapTable .variation-checkbox .checkbox-inline > input[type=checkbox] {
	margin-top: 2px;
}

#productFeedMapTable .variation-checkbox .fa {
	margin-left: 5px;
}

#productFeedMapTable tbody > tr > td > ul {
	padding-left: 15px;
	margin: 0;
}

/** Product Feed Map Tester **/

.dotted-left {
	border-left: 1px dotted #D2D2D2;
}

#productFeed-column-mapping-test li {
	line-height: 30px;
}

#productFeed-column-mapping-test li > span {
	border: 1px dotted #D2D2D2;
	padding: 5px;
}

#productFeed-column-mapping-test > tbody,
#productFeed-column-mapping-test > tbody > tr {
	border: 0;
}

#productFeed-column-mapping-test > tbody:nth-child(even) {
	background-color: #F6F6F6;
}

#productFeed-column-mapping-test > tbody.changed:nth-child(odd) {
	background-color: #ffd;
}

#productFeed-column-mapping-test > tbody.changed:nth-child(even) {
	background-color: #ffc;
}

#productFeed-column-mapping-test > tbody:nth-child(odd) li > span {
	background-color: #F6F6F6;
}
#productFeed-column-mapping-test > tbody:nth-child(even) li > span {
	background-color: #FFF;
}

#productFeed-column-mapping-test > tbody > tr:first-child > td:nth-child(1),
#productFeed-column-mapping-test > tbody > tr:first-child > td:nth-child(4) {
	text-align: center;
	width: 10%;
}

#productFeed-column-mapping-test > tbody > tr:first-child > td:nth-child(2) {
	width: 20%;
}

#productFeed-column-mapping-test > tbody > tr:first-child > td:nth-child(2),
#productFeed-column-mapping-test > tbody > tr:first-child > td:nth-child(3) {
	border-bottom: 1px dashed #D2D2D2;
}

#productFeed-column-mapping-progress {
	width: 250px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: -1px;
}

#productFeed-column-mapping-progress > .progress {
	margin-bottom: -5px;
}


/** Product Feed Mapping Test **/

#productFeedMappingTest .value > div {
	position: relative;
}

#productFeedMappingTest div.variations-container {
	max-height: 260px;
	overflow-y: auto;
}

#productFeedMappingTest a.edit-column-mapping {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.5);
	top: -4px;
	right: -4px;
	border: 1px dotted #ccc;
	width: 24px;
	height: 24px;
	padding: 4px;
	overflow: hidden;
}

#productFeedMappingTest tr.product-separator {
	background-color: #eee;
}

#productFeedMappingTest tbody > tr > td {
	border-bottom: 1px solid #D2D2D2;
}

/** Translatable **/

.form-group-translatable-initialized label {
	display: none;
}

.input-group .form-control-translatable-label {
	border-top: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	border-left: 0;
	display: table-cell;
	padding: 6px 12px;
	text-align: right;
	vertical-align: middle;
	width: 1%;
	white-space: nowrap;
}

.form-control-translatable-select {
	background-color: #EEE;
	border: 1px solid #D2D2D2;
	border-top: none;
	padding: 5px 2px 5px 15px;
}

.form-control-translatable-select:hover {
	background-color: #C8E2FC;
}

.form-control-translatable-options {
	border: 1px solid #AAA;
	border-top: none;
	z-index: 10;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-box-shadow: 1px 1px 3px #777;
	   -moz-box-shadow: 1px 1px 3px #777;
	    -ms-box-shadow: 1px 1px 3px #777;
	        box-shadow: 1px 1px 3px #777;
}

.form-control-translatable-options .form-control-translatable-option-valuePreview {
	line-height: 18px;
	padding: 5px;
	position: relative;
}

.form-control-translatable-options .form-control-translatable-option {
	height: 24px;
	overflow: hidden;
}

.form-control-translatable-options .form-control-translatable-option:hover {
	background: #39F;
	color: #FFF;
}

.form-control-translatable-options .form-control-translatable-option + .form-control-translatable-option {
	border-top: 1px dashed #D2D2D2;
}

.form-control-translatable-options .form-control-translatable-option-interfaceCode {
	background-color: #D2D2D2;
	display: inline;
	padding: 3px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	width: 35px;
}

.form-control-translatable-options .form-control-translatable-option:hover .form-control-translatable-option-interfaceCode {
	background: #888;
}

.panel-body .translatable-translation-selector {
	margin-bottom: 22px;
}

.panel-body p.form-group-translatable {
	overflow: auto;
	margin-bottom: 10px;
}

/* Tabs */

.tabs .nav-tabs > li > a,
.tabs .nav-tabs > li > a::before,
.tabs .nav-tabs > li > a::after {
	background: #409F5A none repeat scroll 0 0;
}

.tabs .nav-tabs > li > a::after {
	border-right: 1px solid #409F5A;
}

.tabs .nav-tabs > li > a:hover,
.tabs .nav-tabs > li > a:focus {
	border-top-color: #409F5A;
	border-left-color: #409F5A;
}

/* ImageZoomer */

div.imagezoomer-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	z-index: 9998;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

div.imagezoomer-window {
	position: fixed;
	padding: 10px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 9999;
	border-radius: 5px;
	box-shadow: 0px 0px 30px #333;
	min-width: 50px;
	min-height: 50px;
}

div.imagezoomer-window.imagezoomer-loading {
	cursor: progress;
}

div.imagezoomer-window img {
	display: block;
	box-shadow: 0px 0px 10px #888;
}

div.imagezoomer-window.imagezoomer-loading img {
	display: none;
}

div.imagezoomer-window p {
	margin: 0;
	padding: 7px 0 0;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
}

/** Device report**/

.device-report-table {
	margin-top: 20px;
	border-top-style: hidden;
}

.device-report-right-col {
	margin-top: 20px;
}

.device-report-number-list {
	padding-left: 13px;
}

.col-sm-6 > .row.component-settings {
	border-bottom: 0;
}

/* Misc */

.table-hover > tbody > tr:not(.no-data):hover {
	background-color: #EEF1E9;
}

.select2-results .select2-highlighted {
	background-color: #409F5A;
}

#companySelectionModal .modal-dialog .container {
	width: 400px;
}

#companySelectionModal .modal-dialog .container .extra-head div:nth-child(1) {
	width: 100%;
}

#companySelectionModal .modal-dialog .container .row-submission {
	display: none;
}

div.quick-jump {
	margin-top: 8px;
}

tbody > tr.data > th {
	font-weight: normal;
}

div#list-view-1000130-table .table-hover > tbody > tr > td {
	vertical-align: middle;
}

.panel-body .col-sm-12 ul:nth-child(2) {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.table a.company-item {
	font-size: 13px;
	font-weight: normal;
}

.statistics-per-period > tbody > tr > td.rank-curr {
	width: 5px;
	padding-right: 0;
}

div#addPanelsModal i.ico-plus-squared,
div#addPanelsModal i.ico-minus-squared {
	height: 22px;
	width: 22px;
	background-size: 22px auto;
	position: relative;
	top: -2px;
	margin-left: 0px;
}

div#addPanelsModal .tabs-left button {
	background-color: transparent;
	padding: 2px 0px;
}

div#addPanelsModal .tabs-left button + button {
	margin-right: 0px;
}

div#addPanelsModal .tabs-left button:focus {
	outline: none;
}

div#section-subscribe {
	padding-left: 13px;
	padding-right: 13px;
}

div#section-subscribe li {
	padding-left: 0;
	height: 30px;
}

#checkSubscribeAllContainer {
	height: 30px;
}

#checkSubscribeAllContainer label,
div#section-subscribe li label {
	position: relative;
	top: -3px;
	left: 5px;
}

#mymainDashboard {
	overflow: hidden;
	clear: both;
}

/*Material App Styles*/

.additional-information .image-container {
	padding: 15px 0 15px 0;
	overflow-x: auto;
}

.additional-information .image-container img {
	padding: 0 15px 0 15px;
	height: 320px;
}

/************************* Calendar view *********************/
.calendar-view .fc-view-container .fc-head tr {
	background-color: #E2F0DF;
}

.calendar-view .fc-row td.fc-today {
	background-color: #E2F0DF;
}

div.invoiceReminderEmailDifferent {
	float: right;
	margin-left: 10px;
}




.column-spacer-right {
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.1) !important;
}