@CHARSET "ISO-8859-1";

body {padding:0px;margin: 0px;background-color: #e2e0e7;}
body, td, input, textarea, select, button {font-family: Helvetica, Arial, sans-serif;font-size: 11px;}

#Body {margin: auto;width: 1000px;background-color: #F8F8F8;color: #404040;}
#BodyHeader {border-top: 5px solid #07002f;border-bottom: 5px solid #07002f;height: 70px;background-color: white;position: relative;}
#Logo {background: url("logo.png") no-repeat;width: 234px;height: 60px;position: absolute;left: 10px;top:8px;}
#SolarData {position: absolute;left:300px;height:70px;overflow: hidden;}
#SolarData > iframe {
  height:130px;width:355px;padding:0;margin:0;border: none;overflow: hidden;
  -ms-zoom: 0.75;
  -moz-transform: scale(0.75);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.75);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: 0 0;
}

#UserInfo {position: absolute;right:5px;bottom:15px;text-align: right;font-size: 9px;}

#BodyFooter {background-color: #07002f;color:#E0E0E0;font-size:9px;padding:2px 5px;}

#PageContent {min-height: 400px;padding:5px;position: relative;}

#Menu {background-color: #07002f; color: white; border-bottom: 5px solid #07002f; position: relative; }
#Menu > ul .item {color:#F8F8F8;font-size: 11px;font-weight: bold;display:block;padding:3px 10px;}
#Menu > ul {list-style-type: none;margin:0px;padding:0px;}
#Menu > ul > li {color:#F8F8F8;font-size: 11px;font-weight: bold;position: relative;float: left;margin:0px;}
#Menu li:HOVER > ul {display:block;}
#Menu li > ul {position:absolute;top: 16px;left:0px;background: #07002F;padding:5px 0px; z-index: 10;display: none;}
#Menu .logout {position: absolute;right: 5px;top: 3px;color:#F8F8F8;font-size: 11px;font-weight: bold;}
#Menu #GlobalSearch {position:absolute;top:1px;right:100px;}
#Menu #GlobalSearch input {font-size:9px;border: none;padding: 1px 2px;}
#Menu #GlobalSearch button {font-size:8px;}
#Menu li {white-space: nowrap;}

#LoginPage {padding:150px 250px;}
#LoginPage form td {font-size: 10px;}

.clear {clear: both;}

a {color:#07002f;text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {color: #07002f;margin: 15px 0px; border-bottom: 1px solid #07002f; font-size:20px;}
h2 {margin:0px 0px 5px 0px; font-size:16px;color: #404040;}
th {text-align: left;}
td.label {padding-right: 8px;color:#606060;font-style: italic;}
img {border: none;}

select {background-color: white;border: 1px solid #CCCCCC;padding: 0px;}
input.button {border: 1px solid #07002f;font-size:11px;color: black; background: url("button-bg.png"); height: 21px;cursor: pointer; }
input.button:hover {background: url("button-bg-hover.png");}
input.button.disabled {color:#808080; background: url("button-bg-dis.png"); border-color:#808080; }
input.invalid {border: 1px solid #af210e !important;background-color: #f7ebb2 !important;}
select.invalid {border: 1px solid #af210e !important;background-color: #f7ebb2 !important;}
input.text, input.number, textarea {background-color: white;border: 1px solid #CCCCCC;padding: 1px 3px;}
input.text, input.number {width:200px;}
input.text.short, input.short {width:100px;}
input.number.quantity,input.number.currency {width:60px;}
input.number.percentage,input.number.tiny {width:30px;}
input.vc-date-input {width:70px;}
input.stretch {width:100% !important;box-sizing: border-box;-moz-box-sizing: border-box;}
button.generate-ean {padding:0 3px;font-size:8pt;font-weight:bold;font-family: Courier, Monospaced;vertical-align: 1px;}

textarea {width: 200px; height:100px;box-sizing: border-box;}
textarea.thin {height:50px;}
textarea.TinyMceInput {width: 200px; height:200px;}
select.unit {width:55px;}

.number {text-align: right;}
.center {text-align: center;}
.top {vertical-align: top;}
.bold {font-weight: bold;}
.important {font-weight: bold;color:red;}
.hidden {display: none;}
.product--discontinued {text-decoration: line-through;color:red;}

.block {border:2px solid #E8E8E8;padding:5px;position: relative;background: #E8E8E8; /*overflow: hidden; causes problems with datepicker*/ }
.block .vc-data-table {margin:0px;}
.block.spaceBefore {margin-top:10px;}

.block h2 {color:white;background:#07002f;padding: 2px 5px;}
.vc-collapsible.block > .vc-collapsible__header {color:white;background:#07002f;padding: 5px;font-size: 16px;font-weight: bold;}
.vc-collapsible.block > .vc-collapsible__header a {color:white;text-decoration: none;}

.ViewportSelector a {margin-left:5px;text-decoration: none;}
.ViewportSelector a.current {text-decoration: underline;font-weight: bold;}


.richTextDisplay p:FIRST-CHILD {margin-top:0px;}

.footnote {font-size:9px;}
.footnote ul {margin:0px;}

.hasTooltip {position: relative;}
.hasTooltip .tooltip {
  position:absolute;top:-32px;left:0px;
  padding:2px;background-color: #ca6c11;border: 1px solid #07002f; 
  z-index: 10;
  width: auto;
}
.hasTooltip:HOVER .tooltip {display: block;}

.vc-data-table {margin:15px 0px;}
.vc-data-table th, .vc-data-table td {padding:2px 0px 2px 4px;}
.vc-data-table th.number , .vc-data-table td.number {padding:2px 4px 2px 2px;}
.vc-data-table .listHeader, .vc-data-table .viewPortInfo {background-color: #07002f;color: white;}
.vc-data-table .viewPortInfo {text-align: center;}
.vc-data-table tr.alternate {background-color: #f7ebb2;}
.vc-data-table tr.highlight {cursor: pointer;}
.vc-data-table tr.highlight:hover {background-color: #acf69e;}
.vc-data-table tr.failed {background-color: #FFA0A0;}
.vc-data-table tr.alternate.failed {background-color: #FF8080;}
.vc-data-table.empty {border: 1px solid #af210e;background-color: #f7ebb2;padding: 15px;margin: 10px 0px;text-align: center;font-weight: bold;}
.vc-data-table input.number {width:50px;padding:1px 0px;font-size: 10px;}
.vc-data-table tr.pageIndex td {text-align: center;border-top:2px solid #07002f;}
.vc-data-table tr.pageIndex a.pageIndex {margin:2px;}
.vc-data-table tr.pageIndex .currentPage {font-weight: bold;text-decoration: underline;margin:2px 8px;}
.vc-data-table tr.own {background-color: #A0FFA0 !important;}
.vc-data-table .listHeader .asc {background: url(sort_up.png) no-repeat;  padding-left: 13px;}
.vc-data-table .listHeader .desc {background: url(sort_down.png) no-repeat;  padding-left: 13px;}

.buttonPanel {margin:5px 0px;}
.tb-item--checkbox {margin-right: 15px;display: inline-block;}
.tb-item--checkbox .vc-checkbox {vertical-align: middle;}

table.fieldGrid {

}

.fieldGrid td {padding:2px 0px;}
.fieldGrid td {color:#000000;}
.fieldGrid td.label {color:#404040;}

.field-grid.dyn-fields tr.labels td {padding:2px 2px 0 2px;}
.field-grid.dyn-fields tr.labels input {font-style: italic;border:none;background-color: #E0E0E0;}
.field-grid.dyn-fields tr.values td {padding:0px 2px 10px 2px;}
.field-grid.dyn-fields input,.field-grid.dyn-fields textarea {width:100%;box-sizing: border-box;-moz-box-sizing: border-box;}
.field-grid.dyn-fields .ref-point {padding-left:20px;position: relative;}
.field-grid.dyn-fields .position {position: absolute;left:2px;top:1px;}

.vc-messages {margin-bottom: 10px;}
.vc-msg-group {padding:5px;font-size: 13px;}
.vc-msg-group.info {background-color: #008000;color: white;}
.vc-msg-group.error {background-color: #800000;color: white;}
.vc-msg-group.warning {background-color: #E0E000;}


.KeyValue {width:95px; float: left;margin: 0px 10px 10px 0px;height: 32px;position: relative;}
.KeyValue input {width:45px;position: absolute;bottom: 0px;left: 0px;}

.vc-matrix-input th {background-color: #07002f;color: white;padding:2px 0px 2px 4px;}
.vc-matrix-input th.vc-actions {background-color: inherit;}
.vc-matrix-input .vc-actions {padding:2px 0 0 0;}
.vc-matrix-input input {box-sizing: border-box; width:100%;}

table.vc-lines-input.span {width:100%;}
table.vc-lines-input.span input {width:100%;box-sizing: border-box;}
table.vc-lines-input .vc-actions {width:24px;}

#CategoriesPage li.level0 {font-weight: bold;font-size: 14px;padding-bottom: 10px;}
#CategoriesPage li.level1 {font-weight: bold;font-size: 11px;padding: 2px 0px;}
#CategoriesPage li.level2 {font-weight: normal;font-size: 10px;padding-bottom: 1px;}
#CategoriesPage a.new {font-style: italic;}

#ProductsPage .ViewportSelector {padding:5px 0 2px 0;text-align: right;}
#ProductsPage .vc-data-table {margin-top:0px;}

#ProductPage .metadata {position: absolute;top:18px;right:15px;}
#ProductPage .metadata td {font-size:9px;}
#ProductPage .fieldGrid tr {height:24px;}

.FileInfoWidget {border-bottom: 2px solid #E8E8E8;padding-bottom:4px;margin-bottom:4px;position: relative;min-height: 100px;}
.FileInfoWidget .infos {position: absolute;right: 2px;top:0px;text-align: left;line-height: 20px;}
.FileInfoWidget .infos .vc-input--text {width:65px;}

#layerStack .BorderedBox {background-color: white;border: 2px solid #07002f;padding: 5px;width:950px;}
#layerStack h1 {background-color: #07002f;color:white;margin:0px 0px 5px 0px;font-size: 14px;padding: 5px;border: none;}


.vc-ajax-input__result {position: absolute;top: 24px;border: 1px solid #e4b655; background-color: #fdf8e4;min-width: 200px;z-index: 1;}
.vc-ajax-input__result table {width: 100%;}
.vc-ajax-input__result td {padding: 2px 4px;white-space: nowrap;}

.AjaxMultiValueInput {}
.AjaxMultiValueInput .item {line-height: 16px;margin-bottom: 5px;}
.AjaxMultiValueInput img.delete {vertical-align: middle;margin-left:10px;position: relative;top: -1px;}

#EagleDashboardPage .ViewportSelector {position:absolute;top:10px;right:10px;color:white;}
#EagleDashboardPage .ViewportSelector a {color:white !important;}

#ShopPage .MatrixInput input {width:100px;}
#ShopPage .MatrixInput tr, #ShopPage .vc-data-table tr {height:24px;}


.eagle-js-vacation-visible {display: none;}