/* LOADING INDICATOR
*******************************************************************/
#loading-mask {
  position: fixed; padding: 0; margin: 0; top: 0; left: 0; width:100%; height:100%;
  background: #00000014;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:9999;
}
#loading-mask .loader {
  font-size:1.1em; font-weight:bold; text-align:center;
  width: 150px;
  padding:15px 30px;
  border:2px solid #f1af73;
  border-radius: 16px;
  background-color: #fff4e9;
  opacity: 0.85;
  color: #d85909;
  filter: hue-rotate(189deg) grayscale(25%);
  z-index:1000;
}

/* NOTIFICATION POPUP
 **********************/
#message-popup-window-mask { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:9999; background-color:#efefef; opacity:.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE8*/ }

.message-popup { position:absolute; z-index:99999; width:407px; top:-9999em; left:50%; margin:0 0 0 -203px; background:#f3bf8f; padding:0 4px 4px; }
.message-popup.show { top:280px; }
.message-popup .message-popup-head { padding:1px 0; }
.message-popup .message-popup-head h2 { padding:0 10px; margin:0; line-height: 19px; font-weight: bold; font-size: 12px; color:#644f3b; }
.message-popup .message-popup-head a { float:right; border:1px solid #ea7601; padding:0 12px 0 7px; background:url(images/bkg_btn-close.gif) 0 50% repeat-x !important;
  line-height: 17px; font-weight: normal; font-size: 12px; color:#fff; text-decoration:none !important; cursor:pointer; }
.message-popup .message-popup-head a span { float:left; background:url(images/bkg_btn-close2.gif) 0 50% no-repeat; padding-left:19px; }
.message-popup .message-popup-content { background:#fdf4eb; padding:21px 21px 10px; }
.message-popup .message-popup-content .message-icon { float:left; width:50px; padding:47px 0 0; background-position:50% 0; background-repeat:no-repeat; font-size:10px; line-height:12px; text-transform:uppercase; text-align:center; overflow:hidden; }
.message-popup .message-popup-content .message-critical { color:#e41101; }
.message-popup .message-popup-content .message-major { color:#f55600; }
.message-popup .message-popup-content .message-minor { color:#ff9e22; }
.message-popup .message-popup-content .message-notice { color:#659601; }
.message-popup .message-popup-content .message-text { float:right; width:295px; min-height:4.5em; overflow:hidden; color:#644f3b; }
.message-popup .message-popup-content .read-more { margin:7px 0 0; text-align:right; }
.message-popup .message-popup-content .read-more a { background:url(images/more_arrow.gif) 0 50% no-repeat; padding-left:14px; text-decoration:underline; }
.message-popup .message-popup-content .read-more a:hover { text-decoration:none; }

/* TITLES
*******************************************************************************/
.page-title { margin:10px 0 10px 0; }
.page-title h1 { color:#777; line-height: 1.2; font-weight: normal; font-size: 30px; }

/* TABLES
*******************************************************************************/

/* Grid - General */
.grid { border-bottom:0; margin:0 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.grid table { width:100%; border:0; border-collapse:collapse; }
.grid table.border { border:1px solid #cbd3d4; border-top-width:0; }
.grid-decorated.border { border:1px solid #cbd3d4; }
.grid table.border-top { border:1px solid #cbd3d4; }
.grid.np { margin:0; }
.entry-edit > .grid.ns { box-shadow: none; }
.grid tbody { background:#fff; }
.value-span.grid, td .grid { box-shadow: none; }
.value-span.grid table { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.grid tr.totals { background-color: #ddd; border-right: #ddd 1px solid; }
.grid-filters-container { display: flex; gap: 32px; }

/* Zebra odd-row */
.grid tr.even,
.grid tr:nth-child(odd),
.grid-decorated tr:nth-child(odd) { background-color:#f7f7f7; }

/* Zebra hover */
.grid tr.on-mouse { cursor:pointer; }
.grid tr.on-mouse,
.grid-decorated tr:hover { background-color:#e7e7e7; }
.grid tr tr.on-mouse,
.grid-decorated tr tr:hover { background-color:inherit; cursor:default; }
.grid tr tr.on-mouse.even,
.grid tr tr:nth-child(odd):hover,
.grid-decorated tr tr:nth-child(odd):hover { background-color:#f7f7f7; }

/* Zebra current row */
.grid tr.highlight { background-color: #e7ecf7; }
.grid tr.even.highlight, .grid tr.highlight:nth-child(odd) { background-color: #dce6fc; }

/* Grid sub-grid */
.grid table tr td td { padding: 2px 5px; }

/* Rows mouse-over */
.grid tr.invalid { background-color:#f5d6c7; }
.grid th,
.grid td { padding:4px; }
.grid th { white-space:nowrap; }
.grid td.editable input.input-text { width:50px !important; margin-left:4px !important; }
.grid td input.input-text { width:86%; }
.grid td input.input-text-export-filter { width:274px; }
.grid td input.input-text-range { width:106px; }
.grid td input.input-text-range-date { width:89px; }
.grid table td { border-width:1px 1px 0 0; border-color:#f3f3f3 #e3e3e3 transparent transparent; border-right-color:rgba(0, 0, 0, 0.1); border-style:solid; color:#3a3a3a; font-size:12px; }
.grid table tr:first-child td { border-top:0; }
.grid table.border tbody td { background:#fff !important; }
.grid table td.last,
.grid table td:last-child { border-right:0; }
.grid table td.product { text-align:right; }
.grid table td.empty-text { padding:15px; background-color: white; }
.grid table td .action-select { width:100%; }
.grid table td dl {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.grid table td dl dt {
  flex: 10 0 80%;
}
.grid table td dl dd {
  flex: 0 10 19%;
  text-align: right;
}
.grid table td h1, .grid table td h2, .grid table td h3, .grid table td h4 {
  margin:0;
}
.grid .separator { padding:0 4px; color:#b9b9b9; }
.grid tbody.odd tr { background:#fff !important; }
.grid tbody.even tr { background:#f7f7f7 !important; }
.grid tbody.odd tr td,
.grid tbody.even tr td { border-bottom:0; }
.grid tbody.odd tr.border td,
.grid-decorated tbody:nth-child(even) tr.border td,
.grid tbody.even tr.border td,
.grid-decorated tbody:nth-child(odd) tr.border td { border-bottom:1px solid #dadfe0; }
.grid table table { border: 1px solid #cbd3d4 !important; }

/* Grid - Pager and Buttons row */
table.actions { width:100%; margin-bottom: 2px; color:#666; font-size:11px; }
table.actions button { display:inline-block; float:none !important; vertical-align:middle; }
table.actions td { vertical-align:top; line-height:28px; }
table.actions td .input-text,
.pager .input-text { font-size:11px; padding:2px 3px 1px; }
table.actions td select { padding:0; font-size:11px; }
table.actions .pager { line-height:28px; border-right: 0; }
table.actions .export select { width: 14em; }

.pager select { padding:0; font-size:11px; width:4em !important; margin:0 4px; }
.pager input.page { width:2em !important; }
.pager .arrow { margin:0 3px; vertical-align:middle; }

table.actions input.input-text,
table.actions textarea,
table.actions select { border-color:#b2b2b2; }

/* Grid - Headings */
.grid tr.headings {
  background: #ececec;
}
.grid tr.headings th {
  border: 1px solid #b2b2b2;
  padding: 8px 4px 7px;
  line-height: 1;
  font-size: 12px;
  font-weight: normal;
  border-top: 1px solid #b2b2b22e;
  letter-spacing: var(--spacing-narrow);
}
.grid tr.headings th:first-child { border-left: 0; }
.grid tr.headings th:last-child { border-right: 1px #ececec solid; }
.grid tr.headings th:last-child:hover { border-right: 1px solid #c5c5c5; }
.grid tr.headings th.no-link { /* Grid th with no sorting functionality */ }
.grid tr.headings th span.nobr { display:block; /* FF3 fix */ line-height:1; margin:-8px -4px -7px; padding:8px 4px 7px; }
.grid tr.headings th.no-link span.nobr { /* padding:8px 4px 7px 4px; */ }
.grid tr.headings th a {
  display: block;
  padding: 0;
  text-decoration: none;
  margin: -8px -4px -7px;
  color: inherit;
}
.grid tr.headings th a:hover {
  text-decoration: none;
  background-color: #c5c5c5;
  color: #333;
}
.grid tr.headings th a.sort-arrow-desc,
.grid tr.headings th a.sort-arrow-asc {
  font-weight: bold;
  background: #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.grid tr.headings th span.sort-title { display:block; padding:8px 18px 7px 4px; line-height:1; margin:0; }
.grid tr.headings th a.sort-arrow-desc span.sort-title,
.grid tr.headings th a.sort-arrow-asc span.sort-title { background:url(images/bkg_grid-sort.png) no-repeat 100% 0; border:solid #d2702a; border-width:0 1px; border-color:rgba(255, 255, 255, 0.2); }
.grid tr.headings th a.sort-arrow-desc span.sort-title { background-position:100% 12px; }
.grid tr.headings th a.sort-arrow-asc span.sort-title { background-position:100% -181px; }
.grid tr.headings th span.required { position:relative; right:0; }

/* Grid - Mass Action */
.massaction { width:100%; height:26px; font-size:.9em; position:relative;  z-index:1;  margin:0;  padding:0 4px 0 12px;  border-radius:3px;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);  background: rgb(236, 236, 236);  border-radius:3px 3px 0 0; padding:0 12px; }
.massaction td { width:50%; line-height:28px; padding:5px 8px 2px; vertical-align:top; }
.massaction .entry-edit fieldset .select { width:auto; /*width:120px;*/ display:inline; padding:0; border-color:#b2b2b2; box-shadow:none; }
.massaction .entry-edit fieldset select.validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important }
.massaction .entry-edit fieldset { margin:0; padding:0; background:none; border:none; }
.massaction .entry-edit fieldset .field-row { display:inline; }
.massaction .entry-edit fieldset .field-row input.narrow { width: 39px; padding: 2px 5px; }
.massaction .entry-edit fieldset .field-row input.validation-failed { border-color: darkred; }
.massaction .entry-edit .field-row label { float:none; width:auto; margin: 0 5px; }
.massaction .entry-edit { margin:0 !important; padding:0; }
.massaction .entry-edit .validation-advice { display:none !important; }
.massaction a { text-decoration:none; }
.massaction .entry-edit fieldset span.form_row,
.massaction .entry-edit fieldset span.field-row { clear:none !important; display:inline; float:left !important; margin:0; padding:0 5px 0 0; }
.massaction .entry-edit .outer-span { float:left; }

/* Grid - Filter */
.grid tr.filter {
  cursor: default;
  background: #e8e8e8;
  transform: scale(1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-bottom: 5px solid #e8e8e8;
}
.grid tr.filter th { padding-top:6px; padding-bottom:0; white-space:normal; color:#808080; font-size:11px; font-weight:normal; }
.grid tr.filter th.last { border-right:0; }
.grid tr.filter input.input-text, .grid tr.filter time.input-text { width:85%; padding:1px; font-size:11px; min-width: revert; }
.grid tr.filter select { width:100%; padding:0; font-size:11px; max-width: 400px; }
.grid tr.filter .range .range-line { margin-bottom:5px; width: 50px; }
.grid tr.filter .range .range-line.money { width: 85px; }
.grid tr.filter .range .range-line.date { width: 132px; }
.grid tr.filter .range div.date { min-width:121px; }
.grid tr.filter .range .numeric input { float:right; width:40px !important; margin-top:0; }
.grid tr.filter .range .numeric.money input { width:75px !important; }
.grid tr.filter .range .date input { float:right; width:85px !important; margin-top:0; padding: 2px; }
.grid tr.filter .range .date input[type="time"] { float:right; width:85px !important; margin-top: 2px; }
.grid tr.filter .range div.time { min-width:121px; }
.grid tr.filter .range .time input { float:left; margin-top:0; }
.grid tr.filter .range .time input[type="time"] { width:auto !important; height: 12px; }
.grid tr.filter .range select { float:right; width:54px !important; margin-top:0; }
.grid tr.filter .range .label { display:block; width:36px; float:left; padding-left:2px; }
.grid tr.filter .range .numeric .label { display:none; }
.grid tr.filter .date img { width:15px; height:15px; cursor:pointer; vertical-align:middle; filter: grayscale(75%); }
.grid tr.filter .range:hover > .range-line.numeric { width:90px; }
.grid tr.filter .range:hover > .range-line.numeric.money { width:120px; }
.grid tr.filter .range:hover > .range-line.numeric .label { display:block; }

.grid .head-massaction select { width:auto !important; max-width:90px; }
.grid input.input-text,
.grid time.input-text,
.grid textarea,
.grid select { padding:1px; border:1px solid #b2b2b2; color:#000; background:#fff;
  font-size: 12px;
}
.grid select { padding:0; }
.grid select.select-export-filter,
.grid select.multiselect-export-filter { width:278px; }

/* .grid input.input-text:focus,.grid textarea:focus,.grid select:focus { box-shadow:0px 0 2px 1px #949494; } */
.grid .field-100 { background-color:#fff; border:1px solid #b2b2b2; padding:1px 2px 1px; margin-bottom:6px; }
.grid .field-100 textarea,
.grid .field-100 input.input-text { float:left; width:100% !important; border:0 !important; padding:1px !important; box-shadow:none; }

/* Grid Footer */
.grid table tfoot tr td { background-color:#eee; line-height:1.7em; border:none; }
.grid table.border tfoot tr td { background-color:#ddd !important; }
.grid table tfoot tr:first-child { background: #ddd; border-right: #ddd 1px solid; }
.grid table tfoot tr:first-child td { background: #ddd; }

/* Dynamic Grid */
/* Used in pages like Catalog -> Attributes */
.dynamic-grid th { padding:2px; width:100px; }
.dynamic-grid td { padding:2px; }
.dynamic-grid td input { width:94px; }
tr.dynamic-grid td,
tr.dynamic-grid th { padding:2px 10px 2px 0; width:auto; }
tr.dynamic-grid input.input-text { width:154px; }
.available { color:#080; font-weight:bold; }
.not-available { color:#800; }

/* ACCORDION
*******************************************************************************/
dl.accordion .grid { margin-bottom:0; }
dl.accordion dt,
.entry-edit .entry-edit-head {
  z-index: 2;
  margin-bottom: 0;
  background-color: #ececec;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px 3px 0 0;
}
dl.accordion dt,
div.collapseable { margin-top:1px; }
dl.accordion dt a,
div.collapseable a { background:url(images/bkg_accordion-arrows.png) 100% 4px no-repeat; color:#000;
  line-height: 1.1;
  font-size: 15px;
  display:block; text-decoration:none; padding:4px 15px 4px 15px; border:1px solid; border-color:#fafafa #eaeaeb #d0d0d1 #f2f2f2; filter: hue-rotate(234deg) grayscale(52%); }
div.disabled a { background-position:100% -358px; color:#a0a0a0 !important; }
dl.accordion dt .form-buttons { margin-bottom:-1px; }
.entry-edit fieldset.collapseable { margin-bottom:10px; padding: 12px; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
dl.accordion dt a:hover,
div.collapseable a:hover { color:#777; text-decoration:none; }
dl.accordion dt.open a,
div.collapseable a.open { background:url(images/bkg_accordion-arrows.png) 100% -179px no-repeat; }
dl.accordion dd { display:none; position:relative; z-index:1; }
dl.accordion dd.open { display:block; }
img.accordion-btn { float:right; margin-top:1px; margin-right:5px; }

/* TABS
*******************************************************************************/

/* Vertical Tabs */
ul.tabs { background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 4px; }
ul.tabs a,
ul.tabs span { display:block; }
ul.tabs,
ul.tabs li { }
ul.tabs li:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  background-color: #f5f5f5;
}
ul.tabs a {
  font-size:13px; color:#555555; text-decoration:none;
  border:1px solid transparent; border-radius:3px; padding:5px 8px 5px 7px; margin:1px 0;
}
ul.tabs a:hover { border:1px solid #dbdbdb; }
ul.tabs a.active { border:1px solid #dbdbdb; background-color: rgba(221, 221, 221, 0.22); }
ul.tabs span em { float:right; }
ul.tabs a.subitem { padding-left:2.2em; }
ul.tabs span.changed,
ul.tabs span.error { display:inline-block; background:0; padding:0; vertical-align:top; margin-top:1px; }
ul.tabs a.changed span.changed { background:url(images/fam_bullet_disk.png) center left no-repeat !important; width:16px; height:16px; filter: grayscale(75%) hue-rotate(200deg); }
ul.tabs a.error span.error { background:url(images/fam_bullet_error.gif) 0 0 no-repeat !important; width:16px; height:16px; }
ul.tabs a.changed { font-style:italic; }

/* Horizontal Tabs */
ul.tabs-horiz { margin:0 0 18px 0; background:url(images/horiz_tabs_ul_bg.gif) repeat-x 0 100% #f8f8f8; padding:8px 0 0 5px; }
ul.tabs-horiz li { float:left; margin:0 4px; }
ul.tabs-horiz li a { display:block; background:#e2e2e2; border:1px solid #ccc; padding:2px 10px; color:#333 !important; text-decoration:none !important; }
ul.tabs-horiz li a.notloaded { /* not used for now */ }
ul.tabs-horiz li a.active { border-bottom:1px solid #fff; background:#fff; }

.mm_ctrl .m-arrows { width:42px; height:17px; text-indent:-2000em; background:url(images/r-arrow.gif) no-repeat 0 0; border:0; float:left; cursor:pointer; }
.mm_ctrl .l-arrow { background:url(images/l-arrow.gif) no-repeat 0 0; margin:0 0 0 5px; }
.mm_ctrl .full-arrow { width:84px; background:url(images/full-arrow.gif) no-repeat 0 0; margin:0 0 0 5px; }
.mm_name span { border:1px solid #bdbdbd; display:block; padding:2px 0; text-align:center; margin:0 7px 5px 7px; }
.mm_img { background:url(images/xmlconnect_tab.png) 50% 50% no-repeat; width:84px; height:60px; text-align:center; vertical-align:middle }
.mm-edit-form { border:1px solid red; }
.mm-box-blue { border:1px solid #cadcdc; background:#e6eef0; padding:10px 20px; }
.mm-pager { margin:10px 0 0 50px; }
.mm-pager ul,
.mm-pager strong,
.mm-pager ul li { float:left; }
.mm-pager ul li a { float:left; margin:0 0 0 5px; text-decoration:none; display:block; padding:0 5px; color:#303030; border:1px solid #aaa; }
.mm-pager ul li a.active { border:1px solid #6c8991; background:#6c8991; color:#fff; }

#fieldTabs { padding:0 !important; }
#fieldTabs .mm-tabs-title { background:#ececec; padding:4px 10px; margin:0 -10px 15px; font-weight:bold; }
#fieldTabs table { width:500px !important; margin:0 10px 20px 10px; }

/* MESSAGES
*******************************************************************************/
.notifications-wrapper {
  padding: 0 0 2px;
  margin-left: 8px;
  margin-right: 8px;
  background: linear-gradient(#e6e6e6, #f6f6f6, #eaeaea);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 0 0 7px 7px;
  margin-bottom: 9px;
}
.notification-global {
  margin: 2px 24px;
  padding: 5px 0 5px 32px;
  line-height: 16px;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  font-size: 12px;
  background: #f5ff6229 url(images/i_msg-error.png) no-repeat 4px 4px;
  color: #333;
  border-radius: 6px;
  border: 1px solid #ccc;
}
.notification-global-notice { background:url(images/i_msg-notice.png) 0 2px no-repeat; }
.notification-global .label { font-weight:bold; color:#252728; }
.notification-global .clickable { cursor:pointer; }
.notification-global span.critical { color:#d20000; }
.notification-global a { text-decoration:underline; color:#777; }
.notification-global a:hover { text-decoration:none; color:#777; }

.error,
a.error span,
.required,
.validation-advice { color:#D40707 !important; font-weight:bold !important; margin-right: 4px; }
.notice { color:#ea7601; }
ul.messages { margin: 14px 15px; }
div.middle #messages ul.messages { margin-top: 0; }
ul.messages > li {
  margin: 6px 0;
  padding:6px 0 6px 35px !important;
  line-height: 18px !important;
  font-weight: bold !important;
  font-size: 12px !important;
  background: no-repeat 6px 5px;
  color:#333 !important;
  border-radius: 6px;
  border: 1px solid black;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
ul.messages > li:first-child { margin-top: 0 !important; }
.messages ul { border:0 !important; }
.messages ul li { padding:0 !important; }
.messages ul li button { vertical-align:middle; margin:-8px 0 -2px 5px; }

.messages > .error-msg   { background-color: rgb(255, 218, 218); background-image: url(images/i_msg-error.png); border-color: rgb(240, 117, 117); }
.messages > .success-msg { background-color: rgb(196, 253, 196); background-image: url(images/i_msg-success.png); border-color: rgb(141, 240, 117); }
.messages > .notice-msg  { background-color: #fffbf0; border-color: #ffd96761; }
.messages > .warning-msg { background-color: #FDFBBC; background-image: url(images/warning_msg_icon.gif); border-color: #f5f0ba; }

.validation-advice { clear:both; min-height:15px; margin:3px 0 0 9px; background:url(images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:16px; font-size:.95em; font-weight:bold; line-height:1.25em; }
input.validation-failed,
textarea.validation-failed { background:#fef0ed; border:1px dashed #d6340e; }
.staging-datetime-advice .validation-advice { background-position:right center; padding:0 16px 0 0; }

/* Noscript Notice */
.noscript { border:solid #000; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:900px; margin:0 auto; padding:12px 0 12px; background:url(images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }

/* For Demo store only */
.demo-notice { border:1px solid #dfdfdf; border-bottom:0;
  line-height: 1.15;
  font-weight: bold;
  font-size: 13px;
  color:#000; text-align:right; overflow:hidden; }
.demo-notice p { float:right; margin:0; padding:3px 18px 5px 27px;; background:url(images/i_bar-global.png) 0 50% no-repeat; }

/* FORMS
*******************************************************************************/
select.countries option { background-repeat:no-repeat; }
.entry-edit .fieldset .tree li,
.entry-edit .tree li { margin:0; }

/* Entry Edit */
/* Site-wide form fieldset */
table.form-edit { width:100%; }

.box,
.entry-edit > fieldset,
.entry-edit > .fieldset,
.entry-edit > form div.fieldset,
.entry-edit > .grid,
#delivery-items_grid,
#order-items_grid.grid {
  padding: 8px 16px;
  margin:0 0 20px;
  border-radius: 0 0 2px 2px;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.entry-edit > .grid,
#delivery-items_grid,
#order-items_grid.grid { padding: 0; }
#order-items_grid.grid input.price { box-sizing: border-box; max-width: 90px; width: 100% !important; }

.entry-edit > fieldset > .grid,
.entry-edit > .fieldset > .grid,
.entry-edit > form > div.fieldset > .grid {
  box-shadow: none;
}
.box h3,
.entry-edit fieldset h3,
.entry-edit .fieldset h3 { padding-left:5px; }
.entry-edit .entry-edit-head h4 { float:left; color:#555555; line-height: 1.1; font-size: 15px; font-weight: normal; display:block; text-decoration:none; padding:5px 16px 5px 16px; margin:2px 0 0 0; }
.entry-edit .entry-edit-head > button,
.entry-edit .entry-edit-head > div.form-buttons { float: right; line-height: 22px; margin: 3px; }
.entry-edit .entry-edit-head strong,
.entry-edit .entry-edit-head a { /* color:#fff; font-size:1em; line-height:18px; min-height:0; font-weight:bold */ }
.entry-edit .entry-edit-head .tools { float:left; padding:8px 0 0; }
.entry-edit .entry-edit-head .tools a { background: linear-gradient(#f6f6f6, #e2e2e2); border: 1px solid rgb(187 187 187); border-radius: 4px; padding: 3px 7px; font-weight: 500; color: #777; text-decoration: none; }
.entry-edit .entry-edit-head .tools a:hover { background: linear-gradient(#eeeeee, #d7d7d7); color: #535353; }
.entry-edit .entry-edit-head .tools .input-text { width: 2.5em; vertical-align: baseline; padding: 1px 4px; border: 1px solid #b2b2b2; }
.entry-edit .content { margin-left:0 !important; padding:10px 15px; }
.entry-edit .content button { vertical-align:middle; }
.entry-edit fieldset li,
.entry-edit .fieldset li { margin:4px 0; }
.entry-edit fieldset span.form_row,
.entry-edit .fieldset span.form_row,
.entry-edit fieldset .field-row .hint,
.entry-edit .fieldset .field-row .hint { float:left; color:#999; padding-left:12em; }
.entry-edit .entry-edit-head > div:first-child[style*="right"],
.entry-edit .form-buttons { float:right; display: flex; gap: 5px; }

label.inline { float:none !important; width:auto !important; }
.nested-content .entry-edit { margin-left:2em; }
.nested-content .entry-edit .entry-edit { margin-left:0; }
#coupon_container .entry-edit { min-width:310px; }

/* Form Elements */
input.input-text,
input[type=time],
input[type=date],
textarea,
select { border:1px solid #e0e0e0; color:#000; background:#fff; font-size: 12px; border-radius: 2px; }
select { min-height:17px; /* to set the height for empty selects */ padding:4px; }
.ace_editor {
  position: relative !important;
  border: 1px solid lightgray;
  margin: auto auto auto 0;
  height: 400px;
  width: 92%;
  min-width: 570px;
}

/* select option { padding:0 10px 0 0; } */
select option { padding:0 10px; }
input.input-text,
textarea,
input[type=time],
input[type=date] { padding:5px 10px; }
input.qty { width:40px !important; }
input.item-qty { width:22px !important; }
input.price { width:80px !important; text-align:right; }
select optgroup { font-style:normal; padding:5px 0; }
select optgroup option { padding-left:10px; }
select optgroup option.even { background:#f6f6f6; }
input[type=time], input[type=date] { min-width: 100px; }
input[type=datetime-local] { min-width: 180px; }

input.input-text[disabled],
fieldset[disabled] input.input-text,
textarea[disabled],
fieldset[disabled] textarea,
select[disabled],
fieldset[disabled] select { background:#fafafa; color:#4f4f4f; }

/* Checkbox toggle */
input[type=checkbox].toggle {
  position: relative;
  -webkit-appearance: none;
  display: inline-block;
  border-radius: 16px;
  background-color: #fff;
  padding: 1px;
  width: 26px;
  height: 16px;
  cursor: pointer;
  margin: 0;
  vertical-align: middle;
  border: 0 solid transparent;
  box-shadow: inset 0 0 0 1px #e6e6e6;
  transition: all .3s ease-out;
}
input[type=checkbox].toggle:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 16px;
  top: 1px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), -1px 2px 5px rgba(0, 0, 0, .1);
  border: 0 solid transparent;
  cursor: pointer;
  background-color: #fff;
  transition: left .1s ease-in .1s, box-shadow .2s ease-in .2s;
}
input[type=checkbox].toggle:checked:before {
  left: 11px;
}
input[type=checkbox].toggle:checked {
  box-shadow: inset 0 0 0 20px #5a8364, -1px 2px 5px rgba(0, 0, 0, .1);
}
input[type=checkbox].toggle:disabled {
  opacity: 0.35;
}

/* Zebra even-row */
select.multiselect { max-height:214px; }
select.multiselect option { padding:5px 4px; border-bottom:1px solid #ddd; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select option:disabled,
    select:disabled option { color:#cacaca !important; text-shadow:2px 2px 2px #000; }
}
.checkboxes li { margin:0 0 5px !important; }
.field-100 { background-color:#fff; border:1px solid #e0e0e0; padding:2px; }
.field-100 textarea,
.field-100 input.input-text { float:left; width:100% !important; border:0 !important; padding:0 !important; box-shadow:none; }

/* Form List */
/* Table for default form data */
.form-list { width:auto; border:0 !important; }
.form-list td.label,
.form-list td.value,
.form-list td.value2,
.form-list td.note,
.form-list td.scope-label,
.form-list td.use-default { border:0 !important; padding-top:7px !important; padding-bottom:7px !important; padding-left:5px !important; background:0 !important; }
.form-list.dense td.label,
.form-list.dense td.value { padding-top:2px !important; padding-bottom:2px !important; }
.form-list td.hidden { border:0 !important; padding:0 !important; background:0 !important; }
.form-list td.label { width:180px; text-align:right; padding-right:20px; font-weight: normal; color: #555555; letter-spacing: var(--spacing-narrow); }
.form-list td.label label { display:block; width:180px; float:right; font-weight: normal; font-variant: normal; font-style: normal; font-size: 13px; color:#000; position:relative; z-index:1; }
html[lang|="fr"] .form-list td.label,
html[lang|="fr"] .form-list td.label label { width:280px; }
.form-list td.value input.input-text,
.form-list td.value textarea { width:274px; }
.form-list td.value textarea { height:5em; }
.form-list td.value input[type=number] { width: 150px; }
.form-list td.value select { width:296px; }
.form-list td.value select.select-date { width:90px; }
.form-list td.value select.select-day { width:65px; }
.form-list td.value select.select-month { width:120px; }
.form-list td.value select[type="time"] { width:5.5em !important; }
.form-list td.value .label-color { float:left; display:block; width:auto !important; height:23px; padding:1px; margin-top:2px; border:1px solid #c6cbc7; }
.form-list td.value .label-color .color { display:block; width:23px; height:23px; }
.form-list td.value .color-field { float:left; width:75px !important; margin:2px 0 0 6px; background:#fff !important; color:#000 !important; }
.form-list td.note { background:url(images/note_cell_bg.gif) 6px 10px no-repeat !important; padding-left:18px; }
.form-list td.scope-label { padding-left:5px; color:#6f8992; font-size:.9em; padding-top:11px !important; }
.form-list td.use-default { padding-top:10px !important; padding-right:10px!important; }
.form-list p.note { margin:4px 0 0; padding:0 0 0 13px; background:url(images/note_bg.gif) 1px 6px no-repeat; font-size:11px; color:#666; max-width: 500px; line-height: 20.8px; min-width: 400px; margin-right: -100px; }
.form-list span.note_tooltip { background: #d9d9d9; border-radius: 9px; padding: 0 5px; font-size: 10px; float: right; font-weight: bold; cursor: help; border: 1px solid #555; line-height: 16px; }
.form-list span.required { position:absolute; right:-12px; bottom:0; }

.form-list { width:auto; }
.form-list td.value { width:315px; padding-right:5px !important; }
.form-list td.value strong { font-weight: 600; }
.form-list td.value .next-toinput { width:120px; display:inline; margin-right:5px; }
.form-list td.value .next-toselect input.input-text { width:180px !important; display:inline; }

.form-list td.value input[type="checkbox"][id*="use_"] { margin-right:10px; margin-top:7px; vertical-align:top; }
.form-list td.value input[type="checkbox"][id*="use_"] + label { display:inline-block; padding-top:5px; vertical-align:top; margin-left:-7px; }

.fieldset-wide .form-list { width:100% !important; }
.fieldset-wide .form-list td.value { width:auto !important; }
.fieldset-wide .form-list td.value input.input-text,
.fieldset-wide .form-list td.value textarea { width:90% !important; }
.fieldset-wide .form-list td.value input[type=number] { width:150px !important; }
/*.fieldset-wide .form-list td.value select { display:block; }*/
.fieldset-wide .form-list td.scope-label { white-space:nowrap; width:1px; }
.fieldset-wide .form-list td.note { width:120px; }

.multi-input { margin-bottom:8px; }

/* Example: Address fields with 2 input lines */
.grid tr .form-list tr { background:#fff !important; }

/* Follows grid row background-color */
.grid tr.even .form-list tr { background:#f6f6f6 !important; }

/* Follows grid row background-color */
.grid tr.on-mouse .form-list tr { background:#fbdfc9 !important; }

/* Follows grid row background-color */
.grid tr .form-list { margin:8px 0; }
.field-row { display:block; margin-bottom:5px; }
span.delete-image,
span.delete-file { display:block; white-space:nowrap; padding-left:26px; }
span.delete-file { padding:0; }

/* Back compatibility with span forms */
.entry-edit .field-row { display:block; }
.entry-edit .field-row label { float:left; width:150px; }

/* Form Button */
.content-buttons.form-buttons,
.content-header > .form-buttons { text-align:right; margin-bottom:0; }
.dialog .content-header .form-buttons { white-space:normal; }
.content-header .content-buttons-placeholder { display:inline !important; }
.content-header td.form-buttons { vertical-align:top; text-align: right; }
.sub-btn-set { border:solid #ddd; border-width:0 1px; padding:3px 10px; text-align:right; }
button::-moz-focus-inner { padding:0; border:0; }

button {
  margin: 0 4px 2px 1px;
  padding: 0 5px;
  cursor: pointer;
  line-height: 27px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: var(--spacing-narrow);
  white-space: nowrap;
  color: rgb(102, 102, 102);
  border: 1px solid rgb(187, 187, 187);
  border-radius: 3px;
  background: linear-gradient(#f6f6f6, #e2e2e2);
}
.a-right button { float:none; }
button:not(.disabled):hover { background: linear-gradient(#eeeeee, #d7d7d7); }
button:not(.disabled):active { box-shadow: inset rgba(204, 204, 204, 0.73) 1px 1px 0px 0px; }
button.disabled { cursor:default; color:#999; opacity:0.5; }
button.back, button.reset { border: 0; background-color: #ffffff7a; background-image: none; }
button.back:not(.disabled):hover, button.reset:not(.disabled):hover { background: linear-gradient(#eeeeee, #ffffff); }
button.btn-wysiwyg > span,
button.cancel_button > span,
button.ok_button > span,
button.delete > span,
button.cancel > span,
button.fail > span,
button.save > span,
button.add > span,
button.edit > span,
button.back > span,A
button.show-hide > span,
button.add-image > span,
button.add-widget > span,
button.add-variable > span,
button.btn-download > span,
button.btn-reprocess > span,
button.btn-print > span,
button.go > span { padding-left:25px; background-position:0 50%; background-repeat:no-repeat; }
button.delete > span,
button.cancel > span,
button.fail > span { background-image:url(images/bkg_btn-delete.png); padding-left:16px; filter: hue-rotate(338deg) grayscale(75%); }
button.save > span { background-image:url(images/i_btn-save.png); padding-left:20px; filter: hue-rotate(200deg) grayscale(75%); }
button.btn-print > span { background-image:url(images/fam_printer.png); padding-left:20px; filter: hue-rotate(200deg) grayscale(75%); }
button.add > span { background-image:url(images/i_btn-add.png); padding-left:20px; filter: hue-rotate(115deg) grayscale(75%); }
button.edit > span { background-image:url(images/i_btn-editor.png); padding-left:20px; filter: hue-rotate(310deg) grayscale(75%); }
button.back > span { background-image:url(images/bkg_btn-back.png); padding-left:16px; filter: grayscale(75%); }
button.show-hide > span { background-image:url(images/i_btn-showhide.png); padding-left:20px; filter: grayscale(100%); }
button.add-image > span { background-image:url(images/btn_add-image_icon.gif); padding-left:16px; filter: grayscale(100%); }
button.go > span { background-image:url(images/btn_go.gif); padding-left:16px; filter: hue-rotate(233deg) grayscale(75%); }
button.btn-wysiwyg > span { background-image:url(images/i_btn-editor.png); background-position:0 6px; padding-left:23px; filter: grayscale(100%); }
button.ok_button > span { background-image:url(images/i_btn-save.png); padding-left:20px; filter: hue-rotate(200deg) grayscale(75%); }
button.cancel_button > span { background-image:url(images/bkg_btn-delete.png); padding-left:16px; filter: hue-rotate(338deg) grayscale(75%); }
button.btn-download > span { background-image:url(images/btn-download.png); background-position-x: 1px; padding-left:21px; }
button.btn-reprocess > span { background-image:url(images/btn-reprocess.png); background-position-x: 1px; padding-left:21px; }
button.btn-chooser { display:block; margin:0 0 10px; }
img[src$="images/grid-cal.gif"] { filter: grayscale(75%); } /* Grayscale all calendar button icons */

/*button.success { background-image:url(images/btn_gr_bg.gif); border-color:#46745E; }
button.success:hover { background:url(images/btn_gr_over.gif) #6cac46; }
button.success:active { background:url(images/btn_gr_on.gif) repeat-x 0 0 #3fa05e; }*/

button.icon-btn { }
button.icon-btn > span { /* width:28px !important; */ }
button.icon-btn > span > span { display:block; overflow:hidden; }
button.icon-btn > span > span > span { background-position:50% 50%; width:16px; padding:0; text-indent:-999em; }
.buttons-set { margin:0 0 10px; }
.buttons-set button { margin-right:5px; }
#catalog_management button { vertical-align:middle; margin-right:10px; }
textarea + button.btn-wysiwyg { display:block; margin-top:5px; }

a.button {
  padding: 10px;
  cursor: pointer;
  line-height: 15px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  color: rgb(102, 102, 102);
  border: 1px solid rgb(187, 187, 187);
  border-radius: 3px;
  background: linear-gradient(#f6f6f6, #e2e2e2);
  text-decoration: none;
  display: inline-block;
}

/* Unit of measure input */
.form-list .input-uom {
  width: 296px;
}

.input-uom {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.input-uom-value {
  flex: 1;
  margin-right: 5px;
}
.input-uom-value input,
.fieldset-wide .form-list td.value .input-uom-value input.input-text {
  width: 100% !important;
  box-sizing: border-box;
}
.input-uom-units {
  flex: 0;
}
.input-uom-units select {
  width: auto !important;
  min-width: 50px;
}
.input-uom-units .input-uom-unit {
  display: inline-block;
  padding: 6px 0 6px 5px;
}

/* SWITCHER
*******************************************************************************/
.switcher { margin:10px 0; }
.switcher label { color:#777; display:inline; vertical-align:middle; }
.switcher select { display:inline-block; padding: 2px; font-size: 13px; }
.switcher select option { padding:0 2px; }
.switcher label { font-weight:bold; }
.switcher p { margin:0 !important; }
.switcher button { height: 24px; margin: 0 4px 5px 1px; padding: 0 5px; line-height: 12px; }

.switcher-with-search { margin: 0 0 10px 0; display: flex; gap: 5px; align-items: center; border-radius: 3px; }
.switcher-with-search .multiselect__content-wrapper { position: absolute; }
.switcher-with-search label { color: #4d4d4d; line-height: 1.1; font-size: 13px; margin-right: 6px; }
.switcher-with-search #website_switcher { min-width: 400px; }
.switcher-with-search button { height: 32px; margin: 0; padding: 0 5px; line-height: 12px; }

.side-col .switcher { margin:0 0 10px; padding:6px 0; }
.side-col .switcher select { width:100%; margin:5px 0 5px; }
.catalog-categories .side-col .switcher { margin-right:0; margin-bottom:15px; }
.link-store-scope { display:inline-block; vertical-align:middle; width:17px; height:16px; background:url(images/i_question-mark.png) 0 0 no-repeat; text-decoration:none !important; text-indent:-999em; overflow:hidden; filter: grayscale(75%); }
.store-scope .link-store-scope { float:left; margin-right:10px; }
.store-scope .tree-store-scope { float:left; padding:7px 10px; border:1px dotted #dedede; }
.store-scope table.stores-tree { float:left; width:auto !important; }
.form-list td.value .store-scope { white-space:nowrap; }
.form-list td.value .link-store-scope { float:none; margin-right:0; vertical-align:top; margin-top:6px; }

/* SPACE
*******************************************************************************/
.box-left,
.box-right { width:48.5%; }
.box-left { float:left; }
.box-right { float:right; }
.box-left .content,
.box-right .content { padding:6px 14px; }
.separator,
.pipe { padding:0 6px; font-size:.9em; color:#b8b8b8; }

/* Flex tools */
.inline-button-bar { padding: 10px 0; display: flex; flex-direction: row; gap: 10px; }
.flex-container { display: flex; }

/* vertical pipe */
.divider { display:block; height:1px; margin:8px 0; background:#ddd; overflow:hidden; }

/* horizontal pipe */
td.divider { font-size:1px; line-height:0; }
.box-left .field-row textarea { width:97% !important; }

/* SCROLLER */
/* Used primarily in Sales -> Order -> Create Order */
/*
*******************************************************************************/
.scroll-cont {position:absolute; top:-25px; left:503px; width:16px; height:265px; background:transparent url(images/db-scroll-bg.gif) no-repeat top; z-index:10000; }
.auto-scroll { overflow:auto; height:11em; }
.root { position:relative; height:260px; margin:0; width:1px; }
.thumb { position:absolute; height:40px; width:16px; margin-top:-28px; z-index:11000; }
.up { margin-top:254px; height:16px; }
.dn { margin-top:0; padding:0; height:15px; }
.up a,
.up a img,
.dn a,
.dn a img,
.thumb a,
.thumb a img { border:0; }
.up a:active,
.dn a:active { outline:none; }
.scrollContainer { position:absolute; left:0; top:19px; clip:rect(0 467px 200px 0); overflow:auto; border:0; }
.scrollContent { position:absolute; left:0; top:0; }

/* Horizontal scroll */
.hor-scroll { width:100%; overflow:auto; margin:0; }

/**/
.note-list { width:100%; overflow:hidden; }
.note-list li { border-top:1px solid #e3e3e3; margin-top:9px !important; background:url(images/icon_note_list.gif) no-repeat 0 4px; padding-bottom:9px; padding-left:18px; }
.note-list li:first-child { border: 0; margin-top: 3px !important; }

/* Copiable Element */
.copiable { cursor: copy; border-radius: 4px; padding: 3px; }
.copiable:hover { background-color: #ffffdf }

/* Masked PCD Element */
.pcd-masked { filter: blur(3px); text-decoration: inherit; color: inherit; word-break: break-all; font-size: 85%; line-height: 100%; }
.pcd-masked:hover,
.pcd-expunged:hover { text-decoration: inherit; color: inherit; }
.pcd-expunged { word-break: break-all; font-size: 80%; line-height: 100%; }
.pcd-cannot-reveal { cursor: help; }
.pcd-can-reveal { cursor: pointer; }

/******************************************************************************/
/********************************** STRUCTURE *********************************/
/******************************************************************************/

/* LAYOUT
*******************************************************************************/
body {   background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 78%, rgb(255, 255, 255) 100%) no-repeat; background-attachment: fixed; }
.wrapper { min-width:960px; text-align:left; }
.wrapper-popup { min-width:750px; }
.middle { min-height:450px; padding:6px 14px 20px 14px; }
.middle-popup { border-bottom:3px solid #fff; padding:0; }
.container-collapsed { padding:0 2.2em 1.8em 2em; }
.columns { /* background:url(images/side_col_bg.gif) repeat-y 217px 0; */ }
div.side-col { float:left; width:210px; margin-right:-210px; padding-bottom:25px; }
html[lang="de"] div.side-col,
html[lang="fr"] div.side-col { width:250px; margin-right:-250px; }
div.main-col { margin-left:210px; min-height:450px; padding:0 0 25px 25px; }
html[lang="de"] div.main-col,
html[lang="fr"] div.main-col { margin-left:250px; }
div.main-col-inner { float:left; /* Fixes some inner clears in the liquid main-col */ width:100%; }
.simple-container-popup { min-height:50px !important; padding:1.8em 2.3em 6em 2.3em; background:url(images/simple_container_bg.gif) repeat-x; }
.page-popup { background:#fff; }

/******************************************************************************/
/************************************* BOXES **********************************/
/******************************************************************************/

/* HEADER & FOOTER
*******************************************************************************/
.header-container { padding:0 0 0 18px; margin:0 auto 3px; }
.header { padding: 5px 18px 0 0; }
.logo { float:left; height: 48px; margin: 3px 0 0 0; }
.header-top { display: flex; justify-content: space-between; gap: 20px; }
.header-top > a { flex-basis: 300px; }
span.header-text { font-size: 90%; margin-left: 20px; }

/* Header right */
.header-right { color:#4c4c4c; z-index: 2; order: 3; flex-basis: 300px; display: flex; flex-direction: column; align-items: flex-end; position: relative; }
.header-right a,
.header-right a:hover { color:#777; }
.header-right a:hover { text-decoration:none; }
.header-right .separator { color:#999; }
.header-right .link-account,
.header-right .link-support,
.header-right .link-suggest { color:#4c4c4c; }
.header-right .link-support { padding:0 0 3px 17px; background:url(images/i_support-dot.png) 0 50% no-repeat; }
.header-right fieldset { position: relative; top: 36px; }
.header-right .super { white-space:nowrap; font-size: 11px; }

/* Header menu */
.header-menu-button {
  text-decoration: none;
  font-size: 24px;
  vertical-align: middle;
  margin-left: 0.4em;
  user-select: none;
}
.header-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 28px;
  z-index: 10000;
  background-color: white;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-radius: 5px;
  font-size: 13px;
  user-select: none;
}
.header-menu.active {
  display: block;
}
.header-menu li {
  padding: 0 5px;
}
.header-menu li:not(.header-menu-info):hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  background-color: #f5f5f5;
}
.header-menu li > a,
.header-menu li > label,
.header-menu li > span {
  display: block;
  color: #606060;
  text-decoration: none;
  padding: 6px 9px;
  border-bottom: 1px solid rgba(187, 187, 187, 0.2);
}
.header-menu li > label {
  cursor: pointer;
}
.header-menu li > span {
  color: #999;
}
.header-menu li > a:hover,
.header-menu li > label:hover {
  color: #333;
}

/* Header center */
.header-center {
  padding: 5px 20px;
  margin-top: 5px;
  width:22%;
  height: 33px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: white;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-basis: fit-content;
}
.header-center:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.header-center span.website-name { font-size: 16px; font-weight: 600; color: #666; letter-spacing: var(--spacing-narrow); white-space: nowrap; }
.header-center span.sub-title { color: silver; letter-spacing: var(--spacing-very-narrow); }

/* Search autocomplete */
#global_search {
  width: 180px;
  border: 0;
  padding: 4px 6px 4px 24px;
  margin: 0;
  color: #999;
  background-color: white;
  background-image: url(images/icon-search.png);
  background-position: 6px 4px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  box-shadow: inset 0 0 3px #646464;
  border-radius: 5px;
  font-size: 13px;
}
#global_search_indicator { display: inline-block;
  position: absolute;
  left: 6px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: #fff;
  top: 3px;
}
#global_search_indicator img { display:block; }
#global_search_autocomplete {
  z-index:10000; position:absolute; width:350px; background-color:white;
  top:24px !important; left:auto !important; right:0 !important;
  border:1px solid #b7b7b7; border-top:none; padding:0; border-radius: 3px; box-shadow: 0 3px 6px #00000073;
}
#global_search_autocomplete ul { margin:2px; padding:0; }
#global_search_autocomplete ul li.selected { background-color: #f3f3f3; box-shadow: 0 1px 4px #00000044; border-radius: 3px; }
#global_search_autocomplete ul li { padding:.5em .7em; min-height:32px; cursor:pointer; text-align:left; color:#2f2f2f; line-height:1.3em; }
#global_search_autocomplete ul li div.item-type { float: right; color: #666; font-weight: bold; }

/* Footer */
.footer {
  clear:both;
  font-size:12px;
  margin: 8px;
  padding: 15px;
  color: #676767;
  background-color: #ffffff6b;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 7px;
  position: relative;
}
.footer .logo {
  filter: brightness(0.85);
  position: absolute;
  width: 150px;
  margin: 0 auto;
  top: 6px;
  left: 0;
  right: 0;
  bottom: 0;
}
.footer .version {
  float: right;
  width: 150px;
  text-align: right;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #d8d8d8;
  font-weight: bold;
  font-size: 11px;
}

.footer .devices {
  float: left;
  text-align: left;
}
.footer .devices p {
  height: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.footer .devices span {
  font-weight: bold;
  padding: 0 6px;
}
.footer .devices button.remove {
  margin: 0 0 0 3px;
  width: 16px;
  height: 16px;
  padding: 0;
  float: none;
  filter: opacity(0.5);
}
.footer .devices button.remove span {
  background-image: url(images/bkg_btn-delete.png);
  background-position: 2px 2px;
  background-repeat: no-repeat;
  filter: hue-rotate(338deg) grayscale(75%);
  width: 16px;
  height: 16px;
  display: block;
  padding: 0;
}

.footer .legality { float:right; width:30%; text-align: right; }
.footer .legality p { margin:0; padding-left:28px; }
.footer .language-select { position: absolute; right: 0; bottom: 0; text-align: right; color:#484848; margin: 15px; }
.footer .language-select select { width:auto !important; }
.footer .footer-links { margin:0 35% 0 30%; padding-top:5px; }
.footer .footer-links li { margin-bottom:7px; line-height:1.2; }
.footer .footer-links li a { margin-bottom:7px; line-height:1.2; }

/* Recent Logins */
.recent-logins { color: #cacaca; position: absolute; bottom: 10px; width: 400px; margin: 0 auto; right: 0; left: 0; text-align: center; font-size: 10px; }
.recent-logins p { text-align: left; margin: 0; }

/* COLUMNS
********************************************************************************************/

.catalog-categories .side-col { width:25em; padding-right:25px; }

/* Catalog/Categories */
.catalog-categories .main-col { padding-left:25px; margin-left:25em; }

/* Catalog/Categories */
.order-summary .side-col { padding-right:25px; }

/* Order/Create */
.order-summary .main-col { padding-left:25px; }

/* Order/Create */

/* HEADINGS
********************************************************************************************/

h3 {
  line-height: 1.1;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  font-size: 15px;
}

/* Content Header */
.content-header {
  margin:0 0 15px;
  padding:0 4px 0 12px;
  border-radius:3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: rgb(236, 236, 236);
  display: flex;
  column-gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.content-header table { width:100%; }
.content-header h3 { float:left; padding:8px 0 9px; margin:0; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 95%; }
.content-header .head h3 { float:none; }
.content-header .button-set { white-space:nowrap; text-align:right; }
.content-header .content-buttons { margin:0; }
.content-header > h3, .content-header > div { flex-grow: 1; }
.content-header .form-buttons { justify-content: flex-end; flex-grow: 1; }
.content-header button { margin-top:4px; }
.content-header .form-buttons form select { vertical-align:top; margin-top:4px; }
.content-header .form-buttons form strong { display:inline-block; vertical-align:top; line-height:27px; margin-top:4px; }
.content-header td.content-buttons { width:13%; white-space:nowrap !important; margin:0; }

/* .content-buttons button,
.content-header button,
.filter-actions button { margin:0 0 0 5px; } */
.side-col h3 {
  line-height: 1.05;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  font-size: 27px;
  margin:0 0 .6em; color:#777; word-wrap:break-word; }
html[lang="de"] .side-col h3 { font-size:24px; }
.side-col .content-header { border-bottom:0; margin-right:12px; margin-bottom:.6em; }
.catalog-categories .side-col .content-header { margin-right:0; }

/* Catalog/Categories */

.left-col-block { width:200px; }

/* Floating Content Header */
/* Used to make action buttons always within reach */
.content-header-floating { display:none; position:fixed; left:0; top:0; width:100%; z-index:100; background: linear-gradient(0deg, rgb(99 99 99 / 80%) 0%, rgb(88 88 88 / 56%) 100%); }
.content-header-floating .content-header { justify-content: space-evenly; margin:0 !important; background:none; padding: 6px; border-radius:0; border:0; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);  }
.content-header-floating .content-header h3 { font-size:17px; font-weight:normal; color:#fff; }
.content-header-floating td { padding-right:13px; }
.content-header-floating .content-buttons { float:right; }
.content-buttons { margin-bottom:5px; float:right; display:inline; }
.content-header-floating .form-buttons { margin-bottom: 0; margin-top: 0; }
.content-header-floating h3 { margin-left:20px; display:inline; }

/* Box Head */
.box-head { margin-bottom:.6em; text-align:right; }
.box-head h4 { float:left; margin-bottom:0; }

/* Icon Head */
/* Headings with icon preceding text*/
.icon-head { min-height:18px; background-repeat:no-repeat; background-position:0 10px; padding-left:22px !important; }
.entry-edit .entry-edit-head .icon-head { background-position:16px 6px; padding-left:38px !important; }
.head-adminhtml { padding-left:0; }
.head-edit-form,
.head-adminhtml-edi-document { background-image:url(images/fam_page_white.png); }
.head-customer-view { background-image:url(images/fam_status_online.gif); padding-left:18px; }
.head-customer { background-image:url(images/fam_group.gif); }
.head-permissions-user,
.head-user { background-image:url(images/fam_user.gif); }
.head-user-edit { background-image:url(images/fam_user_edit.gif); }
.head-user-comment { background-image:url(images/fam_user_comment.gif); }
.head-comment { background-image:url(images/fam_comment.gif); }
.head-cart { background-image:url(images/fam_cart.gif); }
.head-system-account,
.head-account { background-image:url(images/fam_account.gif); }
.head-products,
.head-catalog-product { background-image:url(images/fam_tag_orange.gif); }
.head-packaging-features { background-image:url(images/fam_monitor.gif); }
.head-catalog-product-bom { background-image:url(images/fam_bricks.png); }
.head-sales-order { background-image:url(images/fam_folder_table.gif); }
.head-batch { background-image:url(images/fam_folder_table.gif); }
.head-packing-solution  { background-image:url(images/fam_package.gif); }
.head-solution-override { background-image:url(images/fam_user.gif); }
.head-sales-order-shipment,
.head-sales-shipment { background-image:url(images/fam_package_go.gif); }
.head-sales-package { background-image:url(images/fam_box.png); }
.head-sales-package-data { background-image:url(images/fam_server_database.gif); }
.head-categories { background-image:url(images/fam_folder_database.gif); padding-left:20px; color:#253033 !important; }
.head-catalog-product-attribute { background-image:url(images/fam_rainbow.gif); padding-left:24px; }
.head-product-attribute-sets { background-image:url(images/fam_folder_palette.gif); padding-left:23px; }
.head-shipping-address,
.head-billing-address { background-image:url(images/fam_house.gif); }
.head-shipping-method { background-image:url(images/fam_lorry.gif); }
.head-order-date { background-image:url(images/fam_calendar.gif); }
.head-notification { background-image:url(images/fam_folder_table.gif); }
.head-delivery { background-image:url(images/fam_lorry.gif); }
.head-relocation { background-image:url(images/fam_lorry.gif); }
.head-printer { background-image:url(images/fam_printer.png); }
.head-adminhtml-stock, .head-stock { background-image:url(images/fam_building.png); }
.head-adminhtml-lot, .head-lot { background-image:url(images/fam_date.png); }
.head-adminhtml-lot-type, .head-lot-type { background-image:url(images/fam_date_link.png); }
.head-adminhtml-inventory, .head-inventory { background-image:url(images/fam_camera.png); }
.head-adminhtml-regulation, .head-regulation { background-image:url(images/fam_page_white_error.png); }
h3.icon-head.head-adminhtml-batch,
h3.icon-head.head-adminhtml-fulfill,
h3.icon-head.head-adminhtml-relocation,
h3.icon-head.head-adminhtml-work,
h3.icon-head.head-adminhtml-manifest,
h3.icon-head.head-adminhtml-actionlog,
h3.icon-head.head-adminhtml-movement,
h3.icon-head.head-adminhtml-location,
h3.icon-head.head-stock-racks,
h3.icon-head.head-stock-zones,
h3.icon-head.head-adminhtml-plate
{ padding-left: 0 !important; }

.info-card {
  background-color: white;
  font-size: 110%;
  padding: 20px;
  margin: 20px auto;
  box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
  border-radius: 16px;
  border: 1px solid #00000012;
  width: 60%;
  min-width: 600px;
  max-width: 1000px;
}
.info-card *:last-child { margin-bottom: 0; }

/******************************************************************************/
/********************************* PAGE SPECIFIC ******************************/
/******************************************************************************/

/* LOGIN
*******************************************************************************/
#page-login {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTQ0MHB4IiBoZWlnaHQ9IjEwMjRweCIgdmlld0JveD0iMCAwIDE0NDAgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+R3JvdXA8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxkZWZzPjwvZGVmcz48ZyBpZD0iY2hlY2tvdXQtcmVmaW5lMiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC41Ij48ZyBpZD0iRGVza3RvcC1IRC1Db3B5LTMiPjxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5NS4wMDAwMDAsIC0zMDcuMDAwMDAwKSI+PHBvbHlnb24gaWQ9IlBhdGgtNCIgZmlsbD0iI0Y1RjZGOSIgcG9pbnRzPSI1MTMuNjA5MzI1IDk4MS45MDM2MTQgNTQ2LjE1MzY5NiAxMjg1Ljg3NTUgODQ2Ljg5NzEwMiA4MTguNTU3MTU1Ij48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTUiIGZpbGw9IiNFREVERUYiIHBvaW50cz0iNTEzLjYwOTMyNSA5ODEuOTAzNjE0IDU0Ni4xNTM2OTYgMTI4NS44NzU1IDQ2LjM1NTg3MzkgMTAxOC4yNjg2MiI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS0yOCIgZmlsbD0iI0U3RTdFOSIgcG9pbnRzPSIxNjYuMzY4MTIxIDE2MzMuNTE4NzYgNTQ2LjE1MzY5NiAxMjg1Ljg3NTUgNDYuMzU1ODczOSAxMDE4LjI2ODYyIj48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTI5IiBmaWxsPSIjRURFREVGIiBwb2ludHM9IjE2Ni4zNjgxMjEgMTYzMy41MTg3NiA1NDYuMTUzNjk2IDEyODUuODc1NSA5MTUgMTQ1NC44OTg5OCI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS00IiBmaWxsPSIjRURFREVGIiBwb2ludHM9IjUxMy42MDkzMjUgOTgxLjkwMzYxNCA1MTMuNjA5MzI1IDc0Ni4yNDA4MzcgODQ2Ljg5NzEwMiA4MTguNTU3MTU1Ij48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTgiIGZpbGw9IiNGMUYyRjUiIHBvaW50cz0iNjExLjk4ODcxOSA0NzIuOTcxOTUzIDUxMy42MDkzMjUgNzQ2LjI0MDgzNyA4NDYuODk3MTAyIDgxOC41NTcxNTUiPjwvcG9seWdvbj48cG9seWdvbiBpZD0iUGF0aC00LUNvcHktNiIgZmlsbD0iI0Y1RjZGOSIgcG9pbnRzPSI1MTMuNjA5MzI1IDk4MS45MDM2MTQgNTEzLjYwOTMyNSA3NDYuMjQwODM3IDkwLjkxMzc1NzQgMTAzMC4zMjI2OSI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS05IiBmaWxsPSIjRURFREVGIiBwb2ludHM9IjExMi4yNTc2ODYgNjYxLjU5NzEwOCA1MTMuNjA5MzI1IDc0Ni4yNDA4MzcgOTAuOTEzNzU3NCAxMDMwLjMyMjY5Ij48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTEwIiBmaWxsPSIjRjFGMkY1IiBwb2ludHM9IjExMi4yNTc2ODYgNjYxLjU5NzEwOCA1MTMuNjA5MzI1IDc0Ni4yNDA4MzcgMzMxLjIwNzIwOSAzNTEuMjg0OTcyIj48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTEzIiBmaWxsPSIjRjVGNkY5IiBwb2ludHM9IjYxMi40NDU1NjMgNDczLjY5MzExOCA1MTMuNjA5MzI1IDc0Ni4yNDA4MzcgMzMxLjIwNzIwOSAzNTEuMjg0OTcyIj48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTE0IiBmaWxsPSIjRjFGMkY1IiBwb2ludHM9IjYxMi40NDU1NjMgNDczLjY5MzExOCA0ODMuMTM1NDY4IDEyOC41MTQ4NDYgMzMxLjIwNzIwOSAzNTEuMjg0OTcyIj48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTE1IiBmaWxsPSIjRURFREVGIiBwb2ludHM9IjYxMi40NDU1NjMgNDczLjY5MzExOCA0ODMuMTM1NDY4IDEyOC41MTQ4NDYgODAwLjc3NTg0NyAxOTguODI0NjQyIj48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTE2IiBmaWxsPSIjRjFGMkY1IiBwb2ludHM9IjYxMi40NDU1NjMgNDczLjY5MzExOCA5OTkuODYzMDE2IDUwOC4yNjYwNTUgODAwLjc3NTg0NyAxOTguODI0NjQyIj48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTExIiBmaWxsPSIjRURFREVGIiBwb2ludHM9IjExMi4yNTc2ODYgNjYxLjU5NzEwOCAwLjU4NTkzNjA2IDM1MS4yODQ5NzIgMzMxLjIwNzIwOSAzNTEuMjg0OTcyIj48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTEyIiBmaWxsPSIjRTdFN0U5IiBwb2ludHM9IjQ5Ni4xNDIwNTEgMTYxLjQ0MjMxNyAwLjU4NTkzNjA2IDM1MS4yODQ5NzIgMzMxLjIwNzIwOSAzNTEuMjg0OTcyIj48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5IiBmaWxsPSIjRURFREVGIiBwb2ludHM9IjEwODAuMjMxOCA5ODIuMzc0MDk2IDU0Ni4xNTM2OTYgMTI4NS44NzU1IDg0Ni44OTcxMDIgODE4LjU1NzE1NSI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS0xOSIgZmlsbD0iI0Y1RjZGOSIgcG9pbnRzPSIxMDgwLjIzMTggOTgyLjM3NDA5NiA1NDYuMTUzNjk2IDEyODUuODc1NSA4NjEuMjU5NTIyIDE0MzQuODEyMiI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS0yIiBmaWxsPSIjRTdFN0U5IiBwb2ludHM9IjEwODAuMjMxOCA5ODIuMzc0MDk2IDk5OS42NzM5NDIgNTA4LjE0NDUzMyA4NDYuODk3MTAyIDgxOC41NTcxNTUiPjwvcG9seWdvbj48cG9seWdvbiBpZD0iUGF0aC00LUNvcHktNyIgZmlsbD0iI0Y1RjZGOSIgcG9pbnRzPSI2MTIuMjkyNzExIDQ3My4zNjA2NjQgOTk5LjY3Mzk0MiA1MDguMTQ0NTMzIDg0Ni44OTcxMDIgODE4LjU1NzE1NSI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS0zIiBmaWxsPSIjRjVGNkY5IiBwb2ludHM9IjEwODAuMjMxOCA5ODIuMzc0MDk2IDk5OS42NzM5NDIgNTA4LjE0NDUzMyAxNDE0LjY3MTQ1IDgxOSI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS0yMCIgZmlsbD0iI0YxRjJGNSIgcG9pbnRzPSIxMDgwLjIzMTggOTgyLjM3NDA5NiAxMzg5LjcxMTk3IDExOTEuNTY1MTkgMTQxNC42NzE0NSA4MTkiPjwvcG9seWdvbj48cG9seWdvbiBpZD0iUGF0aC00LUNvcHktMjYiIGZpbGw9IiNGNUY2RjkiIHBvaW50cz0iMTgxOC4xNTUwNSAxMjMyLjA2NDc5IDEzODkuNzExOTcgMTE5MS41NjUxOSAxNDE0LjY3MTQ1IDgxOSI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS0zMCIgZmlsbD0iI0VERURFRiIgcG9pbnRzPSIxODE4LjE1NTA1IDEyMzIuMDY0NzkgMTM4OS43MTE5NyAxMTkxLjU2NTE5IDE1NjcuNzQzNzUgMTQxMS40Mzc0MSI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS0zMSIgZmlsbD0iI0Y1RjZGOSIgcG9pbnRzPSIxMjEyLjM4NzI4IDE0OTYuNzg2MTQgMTM4OS43MTE5NyAxMTkxLjU2NTE5IDE1NjcuNzQzNzUgMTQxMS40Mzc0MSI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS0yNyIgZmlsbD0iI0VERURFRiIgcG9pbnRzPSIxODE4LjE1NTA1IDEyMzIuMDY0NzkgMTc4MS4zODE5IDc4Mi44NTg3MjQgMTQxNC42NzE0NSA4MTkiPjwvcG9seWdvbj48cG9seWdvbiBpZD0iUGF0aC00LUNvcHktMjEiIGZpbGw9IiNFREVERUYiIHBvaW50cz0iMTA4MC4yMzE4IDk4Mi4zNzQwOTYgMTM4OS43MTE5NyAxMTkxLjU2NTE5IDEyNTIuNTA2MTcgMTQyNi43NjIxNyA4MzEuMjEzNjI5IDE0OTIuNDg1MiI+PC9wb2x5Z29uPjxwb2x5Z29uIGlkPSJQYXRoLTQtQ29weS0xNyIgZmlsbD0iI0VERURFRiIgcG9pbnRzPSIxMzE5LjQ5NDU1IDQyNi4wNDIwODkgOTk5LjY3Mzk0MiA1MDguMTQ0NTMzIDE0MTQuNjcxNDUgODE5Ij48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlBhdGgtNC1Db3B5LTIyIiBmaWxsPSIjRjFGMkY1IiBwb2ludHM9IjEzMTkuNDk0NTUgNDI2LjA0MjA4OSAxODMwLjA2NzU5IDc3OC40MjA5NDggMTQxNC42NzE0NSA4MTkiPjwvcG9seWdvbj48cG9seWdvbiBpZD0iUGF0aC00LUNvcHktMjMiIGZpbGw9IiNFREVERUYiIHBvaW50cz0iMTMxOS40OTQ1NSA0MjYuMDQyMDg5IDE4MzAuMDY3NTkgNzc4LjQyMDk0OCAxNzYzLjMyNDEzIDE3OS42NTczMzciPjwvcG9seWdvbj48cG9seWdvbiBpZD0iUGF0aC00LUNvcHktMjQiIGZpbGw9IiNGMUYyRjUiIHBvaW50cz0iMTMxOS40OTQ1NSA0MjYuMDQyMDg5IDE1NDAuMDM5NjkgNjYuODY2MTkxNiAxNzYzLjMyNDEzIDE3OS42NTczMzciPjwvcG9seWdvbj48cG9seWdvbiBpZD0iUGF0aC00LUNvcHktMjUiIGZpbGw9IiNFREVERUYiIHBvaW50cz0iMTMxOS40OTQ1NSA0MjYuMDQyMDg5IDE1NDAuMDM5NjkgNjYuODY2MTkxNiA4NjcuMTkzOTIzIDEzMC4xMDI0MDEiPjwvcG9seWdvbj48cG9seWdvbiBpZD0iUGF0aC00LUNvcHktMTgiIGZpbGw9IiNFN0U3RTkiIHBvaW50cz0iMTMxOS40OTQ1NSA0MjYuMDQyMDg5IDk5OS42NzM5NDIgNTA4LjE0NDUzMyA2NjguNjY4MjA5IDAuNzA5NTg5OTM4Ij48L3BvbHlnb24+PC9nPjwvZz48L2c+PC9zdmc+) no-repeat 50% fixed;
  height: 100%;
  background-size: cover;
}
.login-box { width:704px; margin:0 auto; padding:130px 0 0; }
.login-form { padding:0 0 20px; text-align:left; background-color: white; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); border-radius: 6px; }
.login-form .input-box { padding:0 0 0 72px; }
.login-form .input-left { float:left; }
.login-form .input-right { float:right; padding:0 72px 0 0; }
.login-form .input-box br { display:none; }
.login-form input.input-text { width:255px; background-color: #f4f4f4; border: 1px solid #e3e3e3; border-radius: 4px; padding:8px 10px 9px; font-size:16px; box-shadow:none; }
.login-form input.validation-failed { background-position:0 -47px; }
.login-form h2 { line-height: 1.1; font-weight: bold; font-size: 16px; color:#555; margin:0 0 40px; padding:38px 0 32px 0; background-size: auto 46px; border-radius: 6px 6px 0 0; width: 100%; text-align: center; }
.login-form label { line-height: 1.1; font-weight: normal; font-size: 16px; color:#6b6b6b; display:block; padding:5px; }
.login-form .form-buttons { margin:12px 0 0 0; padding:0 72px; display: flex; justify-content: space-between; }
.login-container a { color:#0065b1; text-decoration:none; }
.login-container a:hover { color:#0065b1; text-decoration:underline; }
.login-form .form-buttons a { font-size:13px; line-height:34px; }
.login-form .keep-me-logged { margin-top: 2em; padding: 0 72px; display: flex; justify-content: flex-end; }
.login-form .keep-me-logged input { float: left; }
.login-form .keep-me-logged label { text-align: left; font-size: 100%; padding: 0 0 0 5px; }
.login-container .legal { margin:0; text-align:center; padding:10px 0 0; color:#a09f9f; font-size:11px; }
.login-form .validation-advice { margin:3px 0 0 0; }
.login-form .forgot-link { margin:0 17px 0 0; text-align:right; }
.login-container input.forgot-password { width:560px !important; background-position:0 -98px; padding:8px 10px 9px; }
.login-container input.forgot-password.validation-failed { background-position:0 -145px; }
.login-container button.forgot-password { float: right; }
.login-container button.btn-login {
  float: none;
  height: 34px;
  padding: 0 16px;
  line-height: 34px;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
button.btn-login:after {
  content: "▶";
  padding: 0 0px 0 12px;
}
button.btn-login.pin-skip:after {
  content: "»";
  padding: 0 0px 0 12px;
}
.login-container .enter-pin h2 { margin-bottom: 0; }
.login-container .enter-pin .input-box { margin-bottom: 20px; }
.login-container .messages { margin:-15px 72px 30px; }

/* DASHBOARD
*******************************************************************************/
.dashboard-container { border:1px solid #ccc; }
.dashboard-container .switcher { margin:0; padding:5px 25px; }

#diagram_tab { margin-bottom:0; }
#diagram_tab_orders { display: none; }

/* STORE MANAGEMENT
*******************************************************************************/
.adminhtml-system-store-deletestore .content-footer .content-buttons,
.adminhtml-system-store-deletegroup .content-footer .content-buttons,
.adminhtml-system-store-deletewebsite .content-footer .content-buttons { float:left; }

/* SALES
*******************************************************************************/

/* Disabled block */
.overlay span { display:block; width:100%; text-align:center; position:absolute; top:50%; margin:-5px 0 0; color:#000; }

/* Prices */
.price { white-space:nowrap !important; }

/* Quantities */
.quantity { white-space: nowrap !important; }
.quantity-fraction-numerator { vertical-align: super; font-size: smaller; margin-left: 0.75em; }
.quantity-fraction-denominator { vertical-align: sub; font-size: smaller; }

/* Orders / Invoices / Shipments / Credit Memos Table */
.grid table.order-tables { border: 1px solid #ccc; }
td.product-name-sku h5.title { font-size: 14px; font-weight: normal; padding: 2px 0; }
td.product-name-sku h5.title ~ div { padding: 2px 0; }
td.product-name-sku h5.title ~ div > span { padding: 3px 4px; }
.order-tables td .option-label { font-weight:bold; font-style:italic; }
.order-tables td .option-value { padding-left:10px; }
.order-tables td .qty-table { border:0 !important; min-width:100px; }
.order-tables td .qty-table td { border:0 !important; padding:0 4px !important; vertical-align: middle; }
.order-tables td .qty-table td:nth-child(2) { width: 1px; }
.order-tables td .qty-table tr { border-top: 1px solid #dadfe0; }
.order-tables td .qty-table tr:nth-child(1) { border-top: none; }
dl.item-options dt { font-weight:bold; font-style:italic; }
dl.item-options dd { padding-left:10px; }
ul.item-options li { padding-left:.7em; }
.grid tbody tr td table.table-in-table-stripes tbody tr.even { background-color: #f7f7f7 !important; }
.grid tbody tr td table.table-in-table-stripes tbody tr.odd  { background-color: #fff    !important; }
div.flex-cell-row-end { display: flex; justify-content: flex-end; padding-right: 2px; }
table#instructions.data.order-tables thead tr.headings th { white-space: normal }
table#instructions.data.order-tables tbody tr td span#file-name { word-break: break-word }
.order-tables .level-1 > td:first-child { padding-left: 25px; }
.order-tables .level-2 > td:first-child { padding-left: 50px; }

/* Create Order */
.page-create-order .side-col { width:260px; background:none; padding:0; }
.page-create-order .main-col { padding-left:28px; }
.page-create-order .switcher { margin-bottom:25px; }
.create-order-sidebar-container { border:1px solid #d6d6d6; background:#fafafa; }
.create-order-sidebar-block .content { margin:0 !important; padding:4px 6px; }
.create-order-sidebar-block .head { border-top:1px solid #ddd; background:#ececec; padding:2px 6px 1px; font-size:.9em; text-align:right; }
.create-order-sidebar-block .head h5 { float:left; margin:0; color:#2c464f; text-align:left; }
.create-order-sidebar-block .content table td,
.create-order-sidebar-block table th { padding:0 3px 0 0; }
.create-order-sidebar-block select { width:170px; }
.create-order-sidebar-block ul { margin-left:20px; }
.entry-edit .content .hor-scroll { max-width:665px; margin:0 auto; }
.entry-edit .content .form-list { width:100%; }
.order-search-items .entry-edit .grid { height:610px; overflow:auto; }
.order-search-items .entry-edit .grid table { width:99.9%; }
.fieldset td.value p.order-notes {
  background-color: #fffef1;
  border: 1px solid #cecece;
  padding: 6px 9px;
  border-radius: 4px;
  font-family: monospace;
  box-shadow: #bebebe29 2px 2px 2px;
  color: black;
  margin-bottom: 0;
}

/* Gift Card Product */
.giftcard-form .availability { font-weight:bold; margin-bottom:1em; }
.giftcard-form .in-stock { color:#1b6800; }
.giftcard-form .out-of-stock { color:#cf3a00; }
.giftcard-form .price-box { margin:1em 0; }

.giftcard-form label { float:left; width:25%; padding-top:5px; text-align:right; }
.giftcard-form label em { display:none; }
.giftcard-form label.required:after { content:'*'; color:#D40707 }
.giftcard-form .input-box { float:right; width:72%; }
.giftcard-form .field { margin-bottom:10px; width:50%; float:left; }
.giftcard-form .v-fix { float:left; }
.giftcard-form .v-fix .validation-advice { margin-right:-100px;}
.giftcard-form .input-box p.notice { float:left; font-size:11px; margin:-4px 0 -5px; }
.giftcard-form .input-box p.notice span { display:block; padding-left:10px; }

.giftcard-amount-form .form-list .input-text { width:70px; }
.giftcard-amount-form .form-list select { width:165px; }


.giftcard-send-form .field .input-text { width:80%; }
.giftcard-qty-form .field .input-text { width:143px; }
.giftcard-send-form .form-list textarea { height:100px; }

/* Product Options */
.product-options { margin:10px 0 0; }
.product-options dt label { font-weight:bold; font-size:12px; }
.product-options dt .qty-holder { float:right; }
.product-options dt .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; }
.product-options dd { margin:5px 0 15px; padding:0 0 12px; border-bottom:1px solid #e7e7e7; }
.product-options dd.last { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.product-options dd .input-box { display:block; }
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd .time-picker select { vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:100%; }
.product-options .options-list {}
.product-options .options-list li { vertical-align:middle; margin:0; padding:2px 0; line-height:1.315; }
.product-options .options-list input.radio { float:left; margin:2px -18px 0 0; }
.product-options .options-list input.checkbox { float:left; margin:2px -20px 0 0; }
.product-options .options-list .label { display:block; margin-left:20px; }
.product-options li { margin:3px 0; }

/**** Modals common */
.popup-window {
  background:#ffffff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  left:50%;
  margin:-200px 0 0 -471px;
  position:fixed;
  z-index:1000;
  top: 50%;     /* Most common */
  width:500px;  /* Most common */
  text-align: left;
  border-radius: 6px;
}
.popup-window .entry-edit > .entry-edit-head { border-radius: 6px 6px 0 0; padding: 3px; }
.popup-window .entry-edit > .entry-edit-head h4.icon-head { color: #333; padding-left:10px!important; }
.popup-window .entry-edit > .buttons-set.a-right { margin-right: 12px; }
.popup-window .entry-edit > .fieldset { box-shadow: none; }
.popup-window textarea { max-width: 95%; }

#popup-window-mask,
.popup-window-mask { background:#000; opacity:0.6; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; }


/* Position from top */
#items-search-window,                 /* Delivery Process */
#item-exception-window { top: 230px; }  /* Delivery Item Exception */

/* Width of Modal */
#item-exception-window,                   /* Delivery Item Exception */
#item-count-window,                       /* Delivery Item Count */
#item-merge-window { width:50%; }         /* Delivery Item Merge */
#items-search-window { width:75%; }       /* Delivery Process */
#exception-approve-window,                /* Delivery Exception Approve */
#exception-reject-window { width:35%; }   /* Delivery Exception Reject */

/* Content */
.popup-window .popup-content,
.cycle-count-window .cycle-count-content,                   /* Stock */
.custom-popup-window .popup-content,                        /* Custom popup window */
.batch-create-window .batch-create-content,                 /* Batch Create */
#hold-scheduler-window .hold-scheduler-content,             /* Order Hold Scheduler */
#current-warehouse-popup-window .current-warehouse-content  /* Current Warehouse */
  { overflow:auto; height:auto; max-height:400px; margin:0 0 10px; padding:18px 18px 0; }
/**** End Modal Common */

/* Stock */
.cycle-count-window .cycle-count-content ul.messages { margin: 0 0 10px 0; }

/* Delivery Process */
#items-search-window .items-content { max-height:400px; overflow-y: scroll; box-shadow: none; }
#items-search-window .input-text { width: 250px; }
#items-search-window table.new-product tr td:first-child { width: 150px; }
#items-search-window table.new-product td { padding: 5px; }

/* Custom popup window */
.custom-popup-window .popup-content div:last-child { vertical-align: top; }

/* Batch Create */
#batch-create-popup-window #messages ul.messages { margin: 0 0 12px 0; }
#batch-create-popup-window span.previous:before { content: "\2039"; float: left; padding-right: 5px; }
#batch-create-popup-window span.next:before { content: "\203A"; float: right; }

#batch-create-main-container table tr { height: 40px; }
#batch-create-main-container table tr td { vertical-align: middle; font-size: 14px; }
#batch-create-main-container table.create-batch-item tr.current { background-color:#e7e7e7; }
#batch-create-main-container table.create-batch-item tr td { padding: 0 5px; font-weight: bold; border-width:1px 0 0 0; }
#batch-create-main-container table.create-batch-item tr td.qty,
#batch-create-main-container table.create-batch-item tr td.arrow { width: 1px; text-align: center; }

#batch-create-form-container { padding-top: 20px; }

/*  BFO  */
#fulfill_item_massaction > table > tbody > tr > td:nth-child(1) { border-right: 0; }
#fulfill_item > table { box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); margin-bottom: 0; }
#shipment_items > div { margin: 0; }
#shipment_items_table > thead > tr > th:nth-child(1) { border-top: 0; }
#stockmovement > table,
#removed_shipments > table { box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); margin-bottom: 0; }
#stockmovement > div,
#removed_shipments > div { margin: 0; }
#action_log > div { margin: 0 0 20px; }

/* Delivery  */
#item-count-window .form-list td.label,       /* Delivery Item Count */
#item-exception-window .form-list td.label,   /* Delivery Item Exception */
#item-merge-window .form-list td.label,       /* Delivery Item Merge */
#exception-approve-window  tr td:first-child, /* Delivery Exception Approve */
#exception-reject-window tr td:first-child    /* Delivery Exception Reject */
  { width: 100px; }

/* Delivery Process Items Search Grid */
#delivery_process_items_search_grid {
  margin-bottom: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px 3px 0 0;
}

div.exception_comment {
  padding: 3px;
  background-color: #ffe5e2;
  border: 1px solid black;
  border-radius: 3px;
  margin-top: 4px;
  margin-left: 14px;
  font-weight: bold;
}

/* Order Hold Scheduler */
#hold-scheduler-window .hold-scheduler-content td { padding: 10px 10px 0; }
#hold-scheduler-window span.required {margin-left: 4px; margin-right: 0;}
#hold-scheduler-window .hold-scheduler-content tr.hold-until td.hold-until-format {display: block; float: left; width: 95px;}
td#hold_timezone_col select{width: 335px;}

/* Current Warehouse */
#current-warehouse-popup-window .current-warehouse-content { padding-top: 8px; }
.current-warehouse-content div:last-child { vertical-align: top; }
.current-warehouse-content table.warehouses { width: 396px; }
.current-warehouse-content table.warehouses td { padding: 10px 5px; font-size: 14px; }
.current-warehouse-content table.warehouses td input { width: 20px; height: 20px; cursor: pointer; margin-right: -6px; margin-bottom: 2px; }
.current-warehouse-content table.warehouses td input:checked ~ label { font-weight: bold; }
.current-warehouse-content table.warehouses td label { border-radius: 6px; letter-spacing: 0.5px; padding: 6px 12px; cursor: pointer; }

/* Billing Invoice */
table.billing-invoice-item-content input { width: 280px !important; }
table.billing-invoice-item-content p.note { margin:4px 0 0; padding:0 0 0 13px; background:url(images/note_bg.gif) 1px 6px no-repeat; font-size:11px; color:#666; }

/* Gift Messages */
.giftmessage-order-create .entire-order,
.giftmessage-order-create .each-order-item { background-color:#eee; padding:6px 14px; height:275px; }
.giftmessage-order-create .entire-order .entry-edit,
.giftmessage-order-create .each-order-item .scroll { height:250px; overflow:auto; }
.giftmessage-order-create .single { width:100%; float:left; padding:1.2em 1.5em; }
.giftmessage-order-create h5 { font-size:12px; font-weight:normal; line-height:1.5; margin-bottom:10px; }
.giftmessage-order-create h6 { font-size:11px; font-weight:normal; line-height:1.55; background-color:#cfcfcf; margin-bottom:10px; padding:2px 6px; width:95%; }
.giftmessage-order-create .fieldset { padding:0; }
.giftmessage-order-create .form-list { width:100%; }
.giftmessage-order-create .form-list td.label label { width:100px; }
.giftmessage-order-create .form-list td.value input.input-text,
.giftmessage-order-create .form-list td.value textarea { width:95%; }
.giftmessage-single-item { padding:0 !important; }
.giftmessage-single-item .item-container { cursor:auto; }
.giftmessage-single-item .item-text { padding:2px 4px; }
.giftmessage-single-item .gift-form { margin-top:3px; background:#f7f6f4 url(images/gift-message-grid-column-bg.gif) 0 0 repeat-x; }
.giftmessage-single-item .gift-form .entry-edit fieldset { border:none !important; margin-bottom:0; background:none !important; padding:15px; }
.giftmessage-single-item .gift-form .entry-edit fieldset .last { margin-bottom:0; }
.giftmessage-single-item .gift-form .entry-edit input.input-text { width:75% !important; }
.giftmessage-single-item .gift-form .entry-edit textarea { width:96% !important; }
.giftmessage-single-item .action-link { padding-right:10px; background:url(images/gift-message-expand.gif) 100% 50% no-repeat; cursor:pointer; }
.giftmessage-single-item .open { background:url(images/gift-message-collapse.gif) 100% 50% no-repeat; }
.giftmessage-whole-order-container .entry-edit input.input-text { width:280px !important; }
.giftmessage-whole-order-container .entry-edit textarea { width:99% !important; padding:2px 3px; }
.giftmessage-whole-order-container .entry-edit label { width:121px; }

/* Packaging for Shipping Popup */
.packaging-window { max-width: 1100px; min-width: 998px; width: auto; text-align: left; top: 33%; }
.packaging-window .messages { border:1px solid #f16048; color:#df280a; background:#faebe7 url(images/error_msg_icon.gif) no-repeat 10px 10px; font-weight:bold; margin-bottom:10px; padding:10px 10px 10px 35px; }
.packaging-window .validation-failed { background:#fef0eD !important; border:1px dashed #D6340E !important; }
.packaging-window .packaging-content { overflow:auto; min-height:200px; max-height:605px; min-width: 978px; margin:0 0 10px; padding:10px 10px 0; }
.packaging-window .package-block { background: #f8f8f8; border: 1px solid #b3b3b3; margin: 0 0 20px; padding: 10px; border-radius: 6px; }
.packaging-window .package-options { width:100%; border-top:1px solid #ccc; padding:10px 0 0; margin:3px 0 0; }
.packaging-window .package-options td { vertical-align:middle; }
.packaging-window .package-options select { width:130px; }
.option-box .option-header { }
.packaging-window .package-options input.input-text,
.packaging-window .package-options textarea,
.packaging-window .package-options select { padding:1px; border:1px solid #b2b2b2; color:#000; background:#fff; font-size: 12px; box-shadow:0 0 2px 1px #dadada; }
.packaging-window .package-options select { padding:0; }
.packaging-window .package-options .input-text { width:50px; }
.packaging-window .package_prapare {  }
.packaging-window .package-options .customs-value { width:80px; }
.packaging-window .package-options .options-weight { width:75px; }
.packaging-window .package-options .options-units-weight { width:45px; }
.packaging-window .package-options .input-uom-unit { margin-left: 3px; }
.packaging-window .package-options .options-units-dimensions { width:45px; }
.packaging-window .package-options .options-content-type { width:120px; }
.packaging-window .package-options .options-tracking-number,
.packaging-window .package-options .options-tracking-description,
.packaging-window .package-options .options-manifest-courier { width:160px; }
.packaging-window .package-options input[type=text].disabled { background:#eee; }
.packaging-window .package-options input[type=number].disabled { background:#eee; }
.packaging-window .package-options select.disabled { background:#eee; }
.packaging-window .package-options select.packaging { width: 220px; }
.packaging-window .package-add-products { margin:10px 0 0; }
.packaging-window .package-add-products .grid { padding:0; margin:0; }
.packaging-window .package-add-products .grid button { vertical-align:middle; }
.packaging-window .package-header { display: flex; justify-content: space-between; align-items: center; }
.packaging-window .package-number { font-size: 1.2em; font-weight: bold; margin-bottom: 5px }
.packaging-window .package-number span {font-weight: bold; margin-left: 5px;}
.packaging-window .buttons-set { padding:0 10px; }
.packaging-window .packaging-grid .packaging-qty { width:75px; }
.packaging-window .grid_prepare .serial { display: none; }

.packed-info { margin-top: 16px; background: white; }
.packed-info .packed-content { margin:0 0 10px; }
.packed-info .package { background:#f7f7f7; border:1px solid #c3c3c3; margin-bottom: 16px; border-radius: 4px; position:relative; }
.packed-info .package h4 { background:#fefefe; border:solid #ccc; border-width:0 0 1px 1px; font-size:14px; padding:5px 10px; position: absolute; z-index:100; width: 100px; text-align: center; right: 0; border-radius: 0 4px 0 4px;}
.packed-info .package .grid { box-shadow: none; padding:0; margin: 10px 10px 0 10px;}
.packed-info .package .grid table { margin-bottom: 15px; border: 1px solid #ccc;}
.packed-info .package-info { padding: 10px 0 0 0; border-radius: 4px 4px 0 0;}
.packed-info .package-info > table { padding: 0 12px; } /* return labels page */
.packed-info .package-info > table div.tracking-number { padding-bottom: 12px; font-size: 14px; } /* return labels page */
.packed-info .package-options td,
.packed-info .buttons-set { padding:2px 12px !important; }

/* Order comment */
.order-comment { width:96%; height:8em; resize:vertical; }

/* CATALOG
*******************************************************************************/

/* SAASDEV-644 - Added no-wrap behavior into "Display Settings" tab */
#category_edit_form .form-list td.label label { white-space:nowrap; }

/* Product - Websites */
.webiste-groups { padding:10px 20px; }
.group-stores { padding:2px 10px; }

/* Product - Gallery */
.image-preview { position:absolute; cursor:pointer; }

/* Product Inventory View */
.stock-item-locations table.priority { box-shadow: none; }

/* Attributes */
.edit-attribute-set .form-list td.label { width:105px; }
.edit-attribute-set .form-list td.label label { width:105px; }
.edit-attribute-set .form-list td.value .input-text { width:160px; }
.edit-attribute-set .entry-edit fieldset input.input-text { width:200px; }

/* Product Customer Defined options */
.option-box .option-header { }
.option-box .option-header input.input-text,
.option-box .option-header textarea,
.option-box .option-header select { padding:1px; border:1px solid #b2b2b2; color:#000; background:#fff; font-size: 12px; box-shadow:0 0 2px 1px #dadada; }
.option-box .option-header select { padding:0; }

.custom-options .box { padding:1px 1.5em; }
.custom-options .option-box { border:1px solid #cddddd; padding:1em; background:#e7efef; margin:1.5em 0; }
.custom-options .option-header { border:0; width:100%; background:#e7efef; border-bottom:1em solid #e7efef; }
.custom-options .option-header .input-text,
.custom-options .option-header .select { width:95%; }
.custom-options .option-header th { padding:2px; line-height:28px; }
.custom-options .option-header td { padding:5px 2px; }
.custom-options .opt-title { width:175px; }
.custom-options .opt-type { width:150px; }
.custom-options .opt-req { width:80px; }
.custom-options .opt-order { width:70px; }
.custom-options .option-box .border { width:615px; }
.custom-options th { white-space:nowrap; }
.custom-options .type-title { width:auto; }
.custom-options .type-price { width:60px; }
.custom-options .type-type { width:80px; }
.custom-options .type-uqty { width:100px; }
.custom-options .type-sku { width:150px; }
.custom-options .type-order { width:60px; }
.custom-options .type-butt { width:33px; }
.custom-options .type-last { width:auto; }
.custom-options .option-box .border input.input-text,
.custom-options .option-box .border select.select { width:90% !important; }
.custom-options .option-box .border .type-last input.input-text { width:60px !important; }
.custom-options .option-box .border input.type-sku { width:150px !important; }
.custom-options .giftregistry-custom-attributes { overflow:hidden; width:100%; }
.custom-options .giftregistry-custom-attributes .option-header { border-bottom:none; float:left; margin-right:10px; width:auto; }
.custom-options .giftregistry-custom-attributes .grid { clear:left; padding:1em 0 0; }

/* BOM Edit/Create page */
#bom-items_grid > table > tbody > tr > td.bom-component-actions {
  display: flex;
  flex-direction: column;
}
#bom-items_grid > table > tbody > tr > td.bom-component-actions > a:first-child {
  margin: 2px 0px 3px 0px;
}
#bom-items_grid > table > tbody > tr > td.bom-component-actions > a:last-child {
  margin: 3px 0px 2px 0px;
}

/* Files Uploader */
.files .flex,
.files-wide .flex { float:right !important; position:static !important; }
.files .uploader,
.files-wide .uploader { float:left; overflow:hidden; }
.files .uploader { width:100px; }
.files-wide .uploader { width:260px; }
.files .uploader .file-row-info,
.files-wide .uploader .file-row-info,
.files .uploader .file-row-narrow,
.files-wide .uploader .file-row-narrow { margin:0 !important; }

td.input-price { white-space:nowrap; }
td.input-price .validation-advice { white-space:normal; }
td.input-price input.input-text { width:4em !important; }
input.sort { width:4em !important; }
input.downloads { width:6.5em !important; }

/**  Work Order View */
div.fieldset div#instructions { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: baseline; }
.page-view-work-order div#instructions div { padding: 5px 15px; }
#work-order-progress { background-color: white; }

.grid table.vertical-grid-spacing {table-layout: fixed;border-collapse: collapse;border: 0 !important;display: block;position: relative; top: 4px; }
.grid tr.headings th.no-link.vertical-grid-headers {border: unset;height: 100px;position: relative;}
.grid tr#progress-headers.headings {background: unset;}
th div.vertical-grid-header-item {transform: rotate(-45deg) translate(-32px, 72px);line-height: 1.5em;width: 35px;max-width: 35px;height: 30px;white-space: nowrap;position: relative; z-index: 1;}
th div.vertical-grid-header-item:hover {line-height: 1.5em;overflow: visible;transform:  translate(20px, 70px);z-index: 20000;}
th div.vertical-grid-header-item > span {padding: 5px 10px;border-bottom: 1px solid #050505;max-width: 30px;width: 30px;background-color: white;z-index: 1;}

/* SYSTEM
*******************************************************************************/
.stores-tree td { padding-top:3px !important; padding-bottom:3px !important; }
.stores-tree td.label label { display:inline; width:auto; padding-right:10px; }
.stores-tree td.website-label label { font-weight:bold; }
.stores-tree td.store-group-label label { font-weight:bold; padding-left:15px; }
.stores-tree td.store-label label { padding-left:30px; }
.stores-tree .buttons-set { margin:10px 0; }
.log-details { border:1px solid #d6d6d6; padding:15px; background:#fafafa; margin:0 0 15px; }
.log-details table { width:100%; }
.log-details table th,
.log-details table td { padding-top:4px; padding-bottom:4px; vertical-align:middle; }
.log-details table th { font-weight:bold; padding-right:30px; white-space:nowrap; }

/* Configuration */
img.attribute-global { width:16px; height:16px; vertical-align:middle; }
ul.config-tabs dt {
  background-color: #ececec; border-bottom:1px solid #c3c3c3; border-radius: 6px 6px 0 0;
  padding:6px; margin:0 0 5px;
  font-weight:bold; color: #3c3c3c; font-size: 13px;
}
ul.config-tabs li, ul.config-tabs li:hover { background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 6px; }
ul.config-tabs dd:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 6px; }
ul.config-tabs dl { margin-bottom:15px; }
ul.tabs.config-tabs { box-shadow: none; background-color: transparent; }
.inline-table { border:0 !important; }
.inline-table td { border:0 !important; padding:0 5px 5px !important; }
.system-fieldset-sub-head td { padding:20px 5px 5px 5px; }
.system-fieldset-sub-head h4 { /* border-bottom:1px solid #ccc; */ margin:0 0 15px; }
.comment { padding:5px; }
.comment a { color:#888; font-size:11px; margin-left:3px; }
.adminhtml-system-config-edit .note { width:283px; }
div.section-config.super .entry-edit-head a { font-style: italic; }
div.section-config p.note { min-width: 400px; margin-right: -100px; }
div.section-config table.form-list td.label { padding-top: 11px !important; }

/* Tooltip for config */
.with-tooltip {}
.field-tooltip { display:inline-block; width:15px; height:15px; position:relative; z-index:1; background:url(images/icon-tooltip.png) no-repeat 0 0; cursor:help; vertical-align:middle; }
.field-tooltip:hover { z-index:100; }
.field-tooltip > span { display:none; }
.field-tooltip:hover > div:hover,
.field-tooltip > div { width:316px; background:transparent url(images/bkg_tooltip.png) repeat-y -680px 0; opacity:0; position:absolute; z-index:999; left:-311px; bottom:28px; padding:3px 12px; color:#464d50; visibility:hidden; }
.field-tooltip > div:before { position:absolute; top:-5px; left:0; content:''; width:340px; height:5px; overflow:hidden; background:url(images/bkg_tooltip.png) no-repeat 0 0; }
.field-tooltip > div:after { position:absolute; bottom:-14px; left:0; content:''; width:340px; height:14px; overflow:hidden; background:url(images/bkg_tooltip.png) no-repeat -340px 0; }
.field-tooltip:hover > div { opacity:1; width:316px; visibility:visible; bottom:30px; }

/* Import and Export */
#profile-generator select { width:207px; }
#profile-generator input.input-text { width:200px; }
.field-row .with-tip { display:block; margin-left:150px; }
.field-row .with-tip input { float:none; }
.field-row .with-tip small { display:block; padding-top:2px; }
#profile-generator .field-row button.delete { vertical-align:middle; }
#profile-generator fieldset button.add { display:inline; margin:0; }

/** Product mass attribute update **/
.attribute-change-checkbox { white-space:nowrap; clear:none; margin-left:5px; }
.attribute-change-checkbox label { margin-left:5px; float:none !important; }

/* PopUp Calendar */
.calendar { z-index:105; }

/** Order view **/
.order-history { width:70%; margin-right:27px; }
ul.super-product-attributes { padding-left:15px; }
.addresses { justify-content: space-between; gap: 10px; }

/** Media Library **/
div.uploader { padding: 1.5em 0.6em; margin: 0.5em 0.6em;}
.uploader .file-row { width:600px; border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ }
.uploader .file-row-narrow { width:auto; margin:0 0 2px 40px; }
.uploader .file-row .file-info { float:left; margin: 0.5rem 0 0 1rem; }

/*.uploader .file-row .file-info-name { with:80%; overflow:hidden; }
.uploader .file-row .file-info-size { width:20%; }*/
.uploader .file-row-info { margin:0 0 0 10px; }
.uploader .file-row-info .file-info-name { font-weight:bold; }
.uploader .file-row .progress-text { float:right; font-weight:bold; }
.uploader .file-row .delete-button { float:right; margin-top: 5px; margin-right: 1px;}
.uploader .buttons { float:left; margin-top: 6px; margin-left: 5px; }
.uploader .flex { float:right; }
.uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; }
.uploader .error { border:1px solid #aa1717; background-color:#ffe6de; }
.uploader .error .progress-text { padding-right:10px; }
.uploader .complete { border:1px solid #90c898; background-color:#e5ffed; }

.grid tr.read { background:#fff !important; }
.grid tr.unread { background:#fcf6f5 !important; }
.grid-row-title { color:#444; font-weight:bold; }
.grid-severity-critical,
.grid-severity-critical span,
.grid-severity-major,
.grid-severity-major span,
.grid-severity-minor,
.grid-severity-minor span,
.grid-severity-notice,
.grid-severity-notice span { display:block; height:16px; background-image:url(images/bkg_notifications.gif); background-repeat:no-repeat; line-height: 16px; font-weight: bold; font-size: 10px;   text-transform:uppercase; text-align:center; padding:0 0 0 7px; white-space:nowrap; color:#fff; }
.grid-severity-critical { background-position:0 0; margin:1px 0; }
.grid-severity-critical span { background-position:100% 0; padding:0 7px 0 0; }
.grid-severity-major { background-position:0 -16px; margin:1px 0; }
.grid-severity-major span { background-position:100% -16px; padding:0 7px 0 0; }
.grid-severity-minor { background-position:0 -32px; margin:1px 0; }
.grid-severity-minor span { background-position:100% -32px; padding:0 7px 0 0; }
.grid-severity-notice { background-position:0 -48px; margin:1px 0; }
.grid-severity-notice span { background-position:100% -48px; padding:0 7px 0 0; }

/** Product Gallery Image Previews **/
.preview .cell-image .place-holder { border:1px solid #aeaeae; width:100px; height:100px; text-align:center; }
.preview .cell-image .place-holder span { margin-top:30px; display:block; }
.preview .cell-position input.input-text,
.fieldset-wide .data .preview .cell-position input.input-text { width:90% !important; }

.tier .data { width:465px; }
.tier .data select { width:99%; }
.tier .data input.qty { width:20px !important; }

.giftcard-amounts .data { width:465px; }
.giftcard-amounts .data select { width:99%; }

.uploader_container { margin:20px 0 0 0; }
.uploader_container .flex { float:right !important; }

/* Catalog Images Sizes */
.table-cat-img-sizes td { vertical-align:middle; }

/* Import / Export Tax Rates */
.adminhtml-tax-rate-importexport #import_form input[type=file] { float:left; margin:2px 0 0; }

/* Orders / Invoices / Shipments / Credit Memos Table */
.adminhtml-sales-order-view .form-list td.label label,
.adminhtml-sales-order-invoice-view .form-list td.label label,
.adminhtml-sales-order-creditmemo-view .form-list td.label label,
.adminhtml-sales-order-shipment-view .form-list td.label label,
.adminhtml-sales-order-invoice-new .form-list td.label label,
.adminhtml-sales-order-shipment-new .form-list td.label label,
.adminhtml-sales-order-creditmemo-new .form-list td.label label { padding-top:0; }
.adminhtml-sales-order-view .head-sales-order-shipment { font-size: 1.4em; }

/* Packing Solutions Grid */
.items-subgrid-widths {
  max-width: 220px;
  min-width: 150px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Packing Solution Override View*/
.adminhtml-sales-solution-override-view .grid { margin: 0px; }
.adminhtml-sales-solution-override-view .entry-edit > fieldset { padding: 0px; }
.override-items-subgrid-widths {
  max-width: 220px;
  min-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Packing Solution Viewer */
.adminhtml-sales-solution-view .solution-container-viewer {
  width: 100%;
  height: 400px;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  margin: 0 0 15px;
}
.adminhtml-sales-solution-view div.solution-viewer-colors {
  width: 24px;
  height: 24px;
  display: flex;
}
.adminhtml-sales-solution-view div.solution-viewer-color {
  flex: 1;
}
.adminhtml-sales-solution-view .solution-container-viewer canvas { outline: none; }
.adminhtml-sales-solution-view .solution-container-viewer,
.adminhtml-sales-solution-view .solution-viewer-legend { display: none; }
.adminhtml-sales-solution-view .solution-viewer-active .solution-container-viewer { display: block; }
.adminhtml-sales-solution-view .solution-viewer-active .solution-viewer-legend { display: table-cell; padding: 0; width: 1px; }


/*****************************************/
/******** ALIGNMENTS AND CLEARS **********/
/*****************************************/

/* Directional and spacial */
.f-left,
.left { float:left; }
.f-right,
.right { float:right; }
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle !important; }
.v-bottom { vertical-align:bottom; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.nm { margin:0 !important; }
.np { padding:0 !important; }
.no-display { display:none; }
.no-show { display:none; }
.nowrap,
.nobr { white-space:nowrap; }
.wrap { white-space:normal !important; }
.no-float { float:none !important; }
.pointer { cursor:pointer; }

/* Color */
.emph,
.accent { color:#eb5e00 !important; }
.subdue { color:#306375; }

/* Font */
.bold { font-weight:bold !important; }
.normal { font-weight:normal !important; }
code { background: #e0e0e080; color: #a52626; border-radius: 4px; padding: 2px 4px; }
textarea.textarea-code,
div#stock_location_patterns input.pattern-regex,
input.code { font-family: "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace; }

/* Clear */ /* This keeps our HTML free of buncha clearing elements */
.config-heading:after,
.form-list li:after,
.footer .legality:after,
.message-popup .message-popup-head:after,
.message-popup .message-popup-content .message:after,
.wrapper:after,
.option-title:after,
.columns:after,
.main-col:after,
.content-header-floating:after,
.entry-edit .entry-edit-head:after,
.login-box .button-set:after,
ul.tabs-horiz:after,
dl.accordion dt:after,
.field-100:after,
.entry-edit fieldset li:after,
.entry-edit fieldset span.field-row:after,
.content:after,
#topnav:after,
.main:after,
.container:after,
.footer:after,
.middle:after,
.header:after,
.box-head:after,
div.actions:after,
.tier-container:after,
.clear:after,
.notification-global:after,
.files .row:after,
.files-wide .row:after,
.grid tr.filter .range .range-line:after,
.files_list_container ul li.movable:after,
.store-scope:after { display:block; clear:both; content:"."; font-size:0; line-height:0; height:0; overflow:hidden; }

.info-icon {
  background-image: url(images/fam_information.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 20px;
  height: 16px;
}

/* Order view / Shipment view tracking number */
div.content-header.shipment-header:after,
div.shipment-info div.content-header.package-header:after { content: unset; }
div.shipment-header,
div.shipment-info div.content-header.package-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
div.shipment-header > *,
div.shipment-info div.content-header.package-header > * {
  float: none;
  line-height: 40px;
  padding: 0;
}
div.shipment-header h3 { font-size: 17px; overflow: visible; flex-grow: 1; }
div.shipment-header a.shipment-id { font-size: 17px; margin: 0 9px; flex-grow: 1; }
div.shipment-header span.created-date { font-size: 17px; white-space: nowrap; margin: 0 3px; }
div.shipment-header p.form-buttons { margin: 4px 0; }
div.shipment-info div.package-header h3 { font-size: 17px; overflow: visible; }
div.shipment-info div.package-header div.tracking-numbers { }
div.shipment-info div.package-header div.tracking-numbers table { font-size: 15px; padding: 3px; }
div.shipment-info div.package-header div.tracking-numbers table td { vertical-align: middle; line-height: 21px; padding: 0 3px; }
div.shipment-info div.package-header div.tracking-numbers table td.tracking-carrier { font-weight: bold; text-align: right; }
div.shipment-info div.package-header div.tracking-numbers table td.tracking-number { }
div.shipment-header p.form-buttons button,
div.shipment-info div.package-header p.form-buttons button { float: none; margin: 0 3px; }
div#shipping-information fieldset p,
div#custom-fields fieldset p { padding-left: 20px; }
div.shipment-info p.shipment-solution-override-reason a {
  font-style: italic;
  font-weight: bold;
}

/* Staff / Time Entry Log */
.head-time-log, .head-time-report { background-image:url(images/fam_time.png); }

/* Staff /Time Report */
table.staff_time_report_header { padding-bottom: 15px; }
table.staff_time_report_header td { padding: 5px; }
table.staff_time_report_header td:first-child { vertical-align: middle; color: #777; font-weight: bold; }
table.staff_time_report_header td select { width: 296px; }

/* Shipping / Target Ship Date configuration */
tr#row_shipping_target_ship_date_same_day_cutoff td.value { width: 336px !important; }

/**** Begin modal popup using Flexbox */
.popup-flex-container {
  position: fixed;
  top:0;
  left:0;
  bottom: 0;
  right:0;
  display: flex;
  flex-direction: row;
  height:100%;
  z-index: 1000;
}

.popup-flex-item {
  margin: auto !important;
  max-height:90%;
  height: auto;
  min-height: 20%;
  width: 700px;
  background-color: white;
  overflow: auto;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-radius: 6px;
}

.popup-flex-item > .entry-edit > .entry-edit-head { border-radius: 6px 6px 0 0; padding: 3px; }
.popup-flex-item > .entry-edit > .entry-edit-head h4.icon-head { color: #333; padding-left:10px !important; }
.popup-flex-item > .entry-edit > .buttons-set.a-right { margin-right: 12px; }
.popup-flex-item > .entry-edit > .fieldset { box-shadow: none; }

.popup-flex-content {
  padding: 18px 18px 0;
}
/**** End modal popup using Flexbox */

#view-detail-popup-window { left: 50%; width: 70%; }

/* Location lot info popup */
.location-lot-info .form-list td.label, .location-lot-info .form-list td.label label { width: auto; }

/* Packaging for Delivery Return (based on .packaging-window) */
.delivery-return-packaging .messages { border:1px solid #f16048; color:#df280a; background:#faebe7 url(images/error_msg_icon.gif) no-repeat 10px 10px; font-weight:bold; margin:10px; padding:10px 10px 10px 35px; }
.delivery-return-packaging .entry-edit-head { padding: 3px 5px; }
.delivery-return-packaging .validation-failed { background:#fef0eD; border:1px dashed #D6340E; }
.delivery-return-packaging .packaging-content { overflow:auto; height:auto !important; }
.delivery-return-packaging .package-block { background: #f8f8f8; border: 1px solid #b3b3b3; padding: 10px; border-radius: 6px; margin-bottom: 10px; }
.delivery-return-packaging .package-block:last-child { margin-bottom: 0px; }
.delivery-return-packaging .package-template { padding: 10px; }
.delivery-return-packaging .package-options { width:100%; border-top:1px solid #ccc; padding:10px 0 0; margin:3px 0 0; }
.delivery-return-packaging .package-options td { background: #f8f8f8; border: none; vertical-align:middle; }
.delivery-return-packaging .package-options { width:100%; border-top:1px solid #ccc; padding:10px 0 0; margin:3px 0 0; }
.delivery-return-packaging .package-options td { vertical-align:middle; }
.delivery-return-packaging .package-options select { width:130px; }
.delivery-return-packaging .package-options input.input-text,
.delivery-return-packaging .package-options textarea,
.delivery-return-packaging .package-options select { padding:1px; border:1px solid #b2b2b2; color:#000; background:#fff; font-size: 12px; box-shadow:0 0 2px 1px #dadada; }
.delivery-return-packaging .package-options select { padding:0; }
.delivery-return-packaging .package-options .input-text { width:50px; }
.delivery-return-packaging .package-options .customs-value { width:80px; }
.delivery-return-packaging .package-options .options-weight { width:75px; }
.delivery-return-packaging .package-options .options-units-weight { width:45px; }
.delivery-return-packaging .package-options .options-units-dimensions { width:45px; }
.delivery-return-packaging .package-options .options-content-type { width:120px; }
.delivery-return-packaging .package-options .options-declared-value,
.delivery-return-packaging .package-options .options-reference-number { width:85px; }
.delivery-return-packaging .package-options input[type=text].disabled { background:#eee; }
.delivery-return-packaging .package-options select.disabled { background:#eee; }
.delivery-return-packaging .package-options select.packaging { width: 220px; }
.delivery-return-packaging .package-add-products { margin:10px 0 0; }
.delivery-return-packaging .package-add-products .grid { padding:0; margin:0; }
.delivery-return-packaging .package-add-products .grid button { vertical-align:middle; }
.delivery-return-packaging .package-number {font-weight: bold;}
.delivery-return-packaging .package-number span {margin-left: 5px;}
.delivery-return-packaging .buttons-set { padding:0 10px; }
.delivery-return-packaging .packaging-grid .packaging-qty { width:75px; }

.delivery-return-package .packed-info { margin-top: auto; }
.delivery-return-package .tracking-number { display: flex; align-items: center; font-size: 17px !important; }
.delivery-return-package .live-tracking-link { margin-left: 1em; font-size: 12px; }

/* Delivery items grid */
.adminhtml-delivery-view #delivery-items_grid table thead th:nth-child(3),
.adminhtml-delivery-view #delivery-items_grid table tbody td:nth-child(3) { border-right-width: 3px; }

/* Service Level Cutoff & Override */
#service_level_cutoffs_fieldset > div > table.form-list,
#service_level_overrides_fieldset > div > table.form-list {
  width: 900px;
}
.service-level-cutoff-window,
.service-level-override-window {
  width: 650px;
  margin-left: -325px;
}
.service-level-cutoff-window .multiselect,
.service-level-override-window .multiselect {
  width: 296px;
}

/* Product Tiers */
.product-tier-edit-form-fieldset > div > table.form-list { width: 900px; }
.product-tier-edit-form-fieldset .tier-color-preview-box { width: 48px; height: 24px; margin: 0 auto; border-radius: 2px; }
.product-tier-edit-form-fieldset .tier-color-picker-container { position: relative; }
.product-tier-edit-form-fieldset #edit-tier-color { padding: 2px; }
.product-tier-edit-window { width: 650px; margin: 0; transform: translate(-50%, -50%); }
.product-tier-stock-override { display: flex; align-items: center; margin-bottom: 16px; }
.product-tier-stock-override > div { flex-grow: 1; }
.product-tier-stock-override > div:first-child { padding: 8px 0; }
.product-tier-stock-override input[type="checkbox"] { margin-right: 4px; }

/* Enumerations */
#enumeration-fieldset h4 > span:nth-child(n+2) { padding-left: 20px; }
#enumeration-fieldset h4 span code { background: white; color: grey; font-size: 13px; border: 1px grey; padding: 3px 8px; }
#enumeration-fieldset .grid tr.on-mouse { cursor: default; }

/* Order Custom Field Options */
.order-custom-field-options th { padding-left: 5px; padding-right: 5px; }
.order-custom-field-option td { padding: 7px 0 0 0 !important; }
.order-custom-field-option-position input { width: 40px !important; }
.order-custom-field-option-default input { width: 40px !important; margin: 5px 0; }

/** EDI Document **/
.edi-document-info .no-transaction { margin: 7px 0; }
.edi-flex-3-column { display: flex; }
.edi-flex-3-column > :nth-child(1),
.edi-flex-3-column > :nth-child(3) { flex: 1; }
.edi-flex-3-column > :nth-child(3) { text-align: right; }
.entry-edit .entry-edit-head .edi-flex-3-column .icon-head { background-position: 0px 1px; padding-left: 22px !important; }
.edi-message-row { max-width: 900px; margin: 7px auto; padding-top: 30px; background: url('images/arrow_down.png') top center no-repeat; }
.edi-message-row:first-child { padding-top: 0; background: none; }
.edi-message-row .created-date { text-align: center; margin-bottom: 5px; }
.edi-message-box {
  border: 1px solid #ccc;
  min-height: 75px;
  font-size: 15px;
  padding: 0 30px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 18px;
}
.edi-message-box > :only-child { margin: 0 auto; }
.edi-message-box.edi-message-current { border-color: #9fc5f8; border-width: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.24); }
.edi-message-box.edi-message-error { border-color: #ea9999; border-width: 2px; }
.edi-message-box img { vertical-align: middle; }
.edi-message-box .endpoint-details { display: flex; align-items: center; justify-items: end; }
.edi-message-box .endpoint-icon img { max-height: 45px; max-width: 100px; }
.edi-message-box .arrow-direction { text-align: center; flex-shrink: 1; flex-basis: 145px; }
.edi-message-box.edi-flex-3-column .message-details { text-align: center; }
.edi-message-box .message-actions { margin-left: 10px; display: flex; }
.edi-message-box .transaction-icon-success,
.edi-message-box .transaction-icon-error { font-size: 30px; cursor: default; vertical-align: middle; padding-left: 15px; }
.edi-message-box .transaction-icon-success { color: #009e11; }
.edi-message-box .transaction-icon-error { color: red; }
.edi-message-box .edi-document-link { white-space: nowrap; padding-left: 10px; }
/** END EDI Document **/