/* Fonts */
@import 'fonts/fonts.css';

header, body, footer, input, button, select  {
  font-family: 'Encode Sans', Arial, sans-serif;
  font-size: 12px;
}

/* Link styling */
a {
  color: #1060b9;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/*
 * HEADER AND SIDEBAR STYLING
 */
header #logoRootUrlLink {
  position: fixed;
  top: 4px;
  left: 4px;
  width: 154px;
  height: 56px;
  z-index: 51;
}

header h1 {
  margin: 0;
  position: fixed;
  text-align: center;
  left: 0px;
  top: 0px;
  right: 0px;
  background-color: #3A75B7;
  background-position: 8px center;
  background-repeat: no-repeat;
  background-image: url(../img/EKM_Logo_white.svg);
  padding: 0 160px;
  color: white;
  border-bottom: 2px solid #3A75B7;
  line-height: 64px;
  z-index: 50;
  font-size: 24px;
  font-weight: normal;
  white-space: nowrap;
}

div#currentUserDetails {
  padding: 2px 8px 0 4px;
  text-align: right;
  font-size: 14px;
  line-height: 16px;
  color: white;
  position: fixed;
  top: 4px;
  right: 0;
  z-index: 51;
}

div#currentUserDetails a.username {
  font-weight: bold;
  color: white;
}

div#currentUserDetails a.logout-link {
  text-decoration: underline;
  margin-left: 4px;
  padding: 2px 4px;
  color: white;
  white-space: nowrap;
}

header form#portalSearchForm {
  position: fixed;
  right: 8px;
  z-index: 60;
  top: 30px;
  line-height: 30px;
  white-space: nowrap;
}

header form#portalSearchForm * {
  vertical-align: middle;
}

header form#portalSearchForm input[name=q] {
  width: 208px;
}

header form#portalSearchForm button {
  margin: 0;
  border-width: 0;
  padding: 0;
  background: transparent;
  width: 20px;
  height: 20px;
}
header form#portalSearchForm button #quickSearchIcon {
  fill: white;
  vertical-align: top;
  height: 20px;
}

header form#portalSearchForm fieldset {
  position: absolute;
  top: 40px;
  right: 0;
  display: none;
  line-height: 20px;
  background: #FFF;
  border: thin solid #999;
}

header form#portalSearchForm fieldset.visible {
  display: block;
}

header form#portalSearchForm fieldset label {
  display: inline-block;
  padding: 2px 6px;
  cursor: pointer;
}


/*
* BODY STYLING
*/
body {
  margin: 72px 5px 50px 265px;
  background-color: white;
}

#initThrobber {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  background-color: white;
}

#initThrobber div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(../img/bar-throbber.gif);
  background-repeat: no-repeat;
  background-position: 50% 20%;
}

#main {
  position: relative;
}

#main hr.clear-all {
  clear: both;
  visibility: hidden;
}

h2 {
  margin: 24px 0 16px 0;
}

h3 {
  margin: 16px 0 12px 0;
}

div.column {
  float: left
}

.noWrap {
  white-space: nowrap;
}

.form-field-help {
  display: inline-block;
  background-image: url(../img/question.svg);
  background-repeat: no-repeat;
  background-size: 12px 12px;
  margin: 0 3px;
  width: 16px;
  height: 16px;
  vertical-align: middle !important;
}

.form-field-help .form-field-help-message {
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #EEE;
  padding: 1px 2px;
  border: thin solid #444;
  border-radius: 3px;
  box-shadow: 3px 3px 15px #777;
  z-index: 1;
}

div.labelledTable,
div.labelledTextarea,
div.labelledField {
  margin: 4px 0;
  white-space: nowrap;
  position: relative;
}

div.labelledTable > *,
div.labelledTextarea > *,
div.labelledField > * {
  white-space: normal;
  vertical-align: top;
}

div.labelledField textarea {
  white-space: pre-wrap;
  font-size: 12px;
  padding: 2px;
}

div.labelledField input.wide {
  min-width: 250px;
}

div.labelledField input.extrawide {
  min-width: 350px;
}

div.labelledField.date > * {
  vertical-align: middle;
}

div.labelledTextarea > *,
div.labelledField > * {
  display: inline-block;
}

div.labelledField input[type=checkbox] {
  vertical-align: middle;
}

div.labelledTextarea textarea {
  min-height: 80px;
  min-width: 256px;
  white-space: pre-wrap;
  font-size: 12px;
}

div.labelledTable label,
div.labelledField label,
div.labelledTextarea label {
  padding: 2px 16px 2px 2px;
}

div.labelledTable.disabled label,
div.labelledField.disabled label,
div.labelledTextarea.disabled label {
  color: #888;
}

div.labelledField .labelTarget {
  display: inline-block;
  padding: 2px;
  min-width: 80px;
}

table.data {
  border-collapse: separate;
  border-spacing: 0px;
  border: thin solid #cccccc;
  background-color: #FFF;
  font-size: 12px;
}

table.data td.numerical {
  text-align: right;
}

table.data thead tr th,
table.data thead tr td,
table.data tbody tr th,
table.data tbody tr td {
  border: none;
  padding: 4px;
  vertical-align: top;
  text-align: left;
}

table.data th.narrowcol {
  width: 30px;
}

table.data.togglable-details tbody tr.togglable-details > td {
  border-bottom-width: 0;
  padding-bottom: 0;
}

table.data.togglable-details tbody tr.togglable-details + tr.details-row > td {
  border-top-width: 0;
  padding-top: 0;
}

table.data.togglable-details tbody tr.togglable-details + tr.details-row > td > div {
  padding-top: 3px;
}

table.data.togglable-details tbody tr.togglable-details + tr.details-row > td > div.loading {
  text-align: center;
}

table.data.togglable-details td.details-toggler {
  text-align: center;
}

div.stickyHead-fixedHeadContainer tr,
table.data thead tr {
  background-color: #e6e7e7;
  color: #222;
}

table.data tr.odd {
  background-color: #f1f2f3;
}

table.data tr.even {
  background-color: white;
}

table.data tr.nostripe {
  background-color: white;
}

table.data tbody tr.odd.clicked,
table.data tbody tr.even.clicked,
table.data:not(.current-consumables-list) tbody tr.odd.clicked + tr.keep-with-prev,
table.data:not(.current-consumables-list) tbody tr.even.clicked + tr.keep-with-prev {
  background-color: #DDECFF;
}

table.data tr.odd:hover,
table.data tr.even:hover,
table.data tr.odd:hover + tr.keep-with-prev,
table.data tr.even:hover + tr.keep-with-prev {
  background-color: #E6F2FF;
}

div.widget,
figure,
.captioned-table-wrapper {
  display: inline-block;
  vertical-align: top;
  margin: 8px 16px 16px 0;
  background-color: #3A75B7;
  border: 2px solid #3A75B7;
  border-radius: 4px;
  padding: 0px;
}

.notes-wrapper {
  vertical-align: top;
  margin: 0px 4px 0px 0px;
  background-color: white;
  padding: 0px;
}

#noteContainer {
  display: inline-block;
}

.noteAddForm {
  display: inline-block;
}

#note-add {
  display: inline;
  margin: 2px;
}

div.labelledTable table.data {
  margin: 0;
}

div.stickyHeadWrapper table.data {
  margin: 0;
}

.captioned-table-wrapper table.data {
  caption-side: top;
  margin: 0;
}

div.widget div.widget-title,
figure > figcaption,
.captioned-table-wrapper table > caption,
.widget-footer {
  padding: 2px;
  color: white;
  font-weight: normal;
  background-color: #3A75B7;
  text-align: center;
}

div.widget div.widget-content,
figure > div.figure-content,
.captioned-table-wrapper table.data,
.captioned-table-wrapper table.entity-data {
  border: thin solid #3A75B7;
  background-color: white;
}

div.table-caption-toolbar-container {
  position: relative;
  margin: 0;
}
div.table-caption-toolbar-container div.toolbar-buttons {
  position: absolute;
  left: 2px;
  top: -16px;
  overflow: hidden;
}
div.toolbar-buttons span.toolbar-button {
  display: inline-block;
  position: relative;
  background-color: #e6e7e7;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: 1px 1px;
  background-size: 14px 14px;
}
div.toolbar-buttons span.toolbar-button img {
  top: 1px;
  left: 1px;
}
div.toolbar-buttons span.toolbar-button:hover {
  background-color: white;
}
table caption.table-toolbar-autocaption {
  white-space: nowrap;
}
table caption.table-toolbar-autocaption span.toolbar-button {
  border: thin solid #ccc;
  border-bottom: none;
  bottom: 0;
}

table caption div.column-selector {
  position: absolute;
  right: 4px;
  bottom: -1px;
}
table caption div.column-selector a {
  display: inline-block;
  position: relative;
  background: url('../img/columns.png') no-repeat;
  background-position: 3px 3px;
  text-decoration: none;
  padding: 2px 2px 0px 16px;
  background-color: #e6e7e7;
  border: thin solid #ccc;
  border-bottom-color: #e6e7e7;
}
table caption div.column-selector a:hover {
  background-color: white;
}
table caption div.column-selector a:active {
  color: initial;
}
table caption div.column-selector a span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  line-height: 14px;
}

table.data td.separator {
  padding: 0;
  border: thin solid #aaa;
  border-bottom-width: 0px;
}

table.row-picker tr input[type=radio] {
  vertical-align: text-top;
}

table.row-picker tbody tr.odd:hover,
table.row-picker tbody tr.even:hover {
  background-color: #DDECFF;
}

table.multi-row-picker tbody tr.odd.selected,
table.multi-row-picker tbody tr.even.selected,
table.row-picker tbody tr.odd.selected,
table.row-picker tbody tr.even.selected {
  background-color: #C5E5FF;
}

table.data tfoot {
  background: #e6e7e7;
}

table.data tfoot td[colspan] {
  padding: 1px;
  text-align: right;
  white-space: nowrap;
}

table.data tfoot td.step-buttons {
  border-top: gray solid thin;
  padding-top: 2px;
}

table.data td.row-selector,
tr.filterrow td.checkall {
  text-align: center;
}

.downloadBtn span,
.uploadBtn span,
.enableBtn span,
.disableBtn span,
.refreshBtn span,
.rebootBtn span,
.connectBtn span,
.okBtn span,
.selectBtn span,
.setConsumableBtn span,
.setModelBtn span,
.searchBtn span,
.viewBtn span,
.actionBtn span,
.queryBtn span,
.ignoreBtn span,
.unignoreBtn span,
.unactionBtn span,
.addBtn span,
.editBtn span,
.saveBtn span,
.saveFileBtn span,
.testEmailBtn span,
.emailBtn span,
.scheduleBtn span,
.runReportBtn span,
.deleteBtn span,
.undeleteBtn span,
.updateBtn span,
.softwareUpdateBtn span,
.disableBtn span,
.backBtn span,
.nextBtn span,
.sdsBatchBtn span,
.cancelBtn span,
.closeBtn span,
.clearBtn span,
.editConsBtn span,
.notesBtn span,
.resendBtn span,
.copyBtn span {
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 16px;
}
.downloadBtn span {
  background-image: url(../img/download.svg);
  background-size: 14px 14px;
}
.uploadBtn span {
  background-image: url(../img/upload.svg);
  background-size: 14px 14px;
}
.resendBtn span {
  background-image: url(../img/update-12.png);
}
.rebootBtn span {
  background-image: url(../img/restart.svg);
  background-size: 12px 12px;
}
.refreshBtn span {
  background-image: url(../img/refresh.svg);
  background-size: 12px 12px;
}
.connectBtn span {
  background-image: url(../img/network-14.png);
}
.viewBtn span {
  background-image: url(../img/view.svg);
  background-size: 14px 14px;
}
.searchBtn span {
  background-image: url('../img/Search.svg');
  background-size: 12px 12px;
}
.enableBtn span {
  background-image: url(../img/lights/green.svg);
  background-size: 12px 12px;
}
.disableBtn span {
  background-image: url(../img/lights/off.svg);
  background-size: 12px 12px;
}
.enableBtn:disabled span,
.disableBtn:disabled span {
  background-image: url(../img/lights/disabled.svg);
}

.selectBtn span,
.okBtn span,
.actionBtn span {
  background-image: url(../img/ok.svg);
  background-size: 12px 12px;
}

.selectBtn:disabled span,
.okBtn:disabled span,
.actionBtn:disabled span {
  background-image: url(../img/no-ok.svg);
}

.queryBtn span {
  background-image: url(../img/question.svg);
  background-size: 12px 12px;
}

.queryBtn:disabled span {
  background-image: url(../img/no-question.svg);
}

.ignoreBtn span {
  background-image: url(../img/ignore.svg);
  background-size: 12px 12px;
}

.ignoreBtn:disabled span {
  background-image: url(../img/no-ignore.svg);
}

.unignoreBtn span, .unactionBtn span {
  background-image: url(../img/new-cons-request-12.png);
}

.unignoreBtn:disabled span, .unactionBtn:disabled span {
  background-image: url(../img/new-cons-request-disabled-12.png);
}

.addBtn span {
  background-image: url(../img/add.svg);
  background-size: 12px 12px;
}

.editBtn span,
.edit-consumables span {
  background-image: url(../img/edit.svg);
  background-size: 12px 12px;
}

.editBtn:disabled span {
  background-image: url(../img/no-edit.svg);
}

.editConsBtn span {
  background-image: url(../img/consumables-12.png);
}

.editConsBtn:disabled span {
  filter: grayscale(1) opacity(.75);
}

.scheduleBtn span {
  padding-left: 20px;
  background-image: url(../img/scheduled-task-16.png);
}

.saveBtn span {
  background-image: url(../img/save.svg);
  background-size: 12px 12px;
}

.saveBtn:disabled span {
  background-image: url(../img/no-save.svg);
}

.saveFileBtn span {
  background-image: url(../img/save-file.svg);
  background-size: 12px 12px;
}

.saveFileBtn:disabled span {
  background-image: url(../img/no-save-file.svg);
}

.copyBtn span {
  background-image: url(../img/copy.svg);
  background-size: 14px 14px;
}

.testEmailBtn span {
  background-image: url(../img/test-email.png);
}

.emailBtn span {
  background-image: url(../img/send-email.svg);
  background-size: 14px 14px;
}

.emailBtn:disabled span {
  background-image: url(../img/no-send-email.svg);
}

.runReportBtn span {
  background-image: url(../img/start.svg);
  background-size: 14px 14px;
}

.backBtn span {
  background-image: url(../img/back.svg);
  background-size: 14px 14px;
}

.nextBtn span {
  background-image: url(../img/next.svg);
  background-size: 14px 14px;
}

.nextBtn:disabled span {
  background-image: url(../img/no-next.svg);
}

.cancelBtn span,
.closeBtn span {
  background-image: url(../img/cancel.svg);
  background-size: 12px 12px;
}

.cancelBtn:disabled span,
.closeBtn:disabled span {
  background-image: url(../img/no-cancel.svg);
}

.clearBtn span {
  background-image: url(../img/x-red.svg);
  background-size: 12px 12px;
}

.clearBtn:disabled span {
  background-image: url(../img/x-disabled.svg);
}

.deleteBtn span {
  background-image: url(../img/delete.svg);
  background-size: 12px 12px;
}

.deleteBtn:disabled span {
  background-image: url(../img/no-delete.svg);
}

.undeleteBtn span {
  background-image: url(../img/restore-12.png);
}

.undeleteBtn:disabled span {
  background-image: url(../img/no-restore-12.png);
}

.updateBtn span {
  background-image: url(../img/update-12.png);
}

.softwareUpdateBtn span {
  background-image: url(../img/sw-update.svg);
  background-size: 14px 14px;
}

.disableBtn span {
  background-image: url(../img/lights/off.svg);
  background-size: 12px 12px;
}

.setConsumableBtn span {
  background-image: url(../img/consumables-16.png);
  padding-left: 20px;
}

.setModelBtn span {
  background-image: url(../img/asset-12.png);
}

.setModelBtn:disabled span {
  background-image: url(../img/asset-12-grey.png);
}

.sdsBatchBtn span {
  background-image: url(../img/hp-12.png);
}

.sdsBatchBtn:disabled span {
  background-image: url(../img/hp-12-grey.png);
}

.supportInfoBtn span {
  background-image: url(../img/support-info-12.png);
}

.notesBtn span {
  background-image: url(../img/notes-sand-12.png);
}

div.labelledTable > * {
  display: inline-block;
}

img.action-icon.disabled {
  opacity: 0.7;
  filter: alpha(opacity=70); /* IE lt 9 */
}

div.ekm4-ajax-dialog-content-wrapper .buttonContainer,
.ekm4-ajax-dialog-footer .buttonContainer {
  clear: both;
  text-align: center;
}

a.search-link,
a.view-link,
a.edit-link,
a.download-link,
a.zone-list-link,
a.delivery-location-list-link,
a.count-list-link,
a.media-list-link,
a.incident-list-link,
a.moves-and-changes-list-link,
a.cost-list-link,
a.discovery-list-link,
a.imil-console-link,
a.alert-list-link,
a.people-list-link,
a.device-list-link,
a.consumable-list-link,
a.entity-tooltip-link,
a.entity-name,
a.email-address,
a.telephone-number, span.telephone-number,
a.hpsmart-link,
a.remote-ews-link,
a.presence-history-link {
  display: inline-block;
  line-height: 16px;
  padding-left: 20px;
  background-repeat: no-repeat;
}

td.numerical a.view-link {
  padding-left: 0;
  padding-right: 20px;
  background-position: 100% 0;
}

a.expired,
a.deleted,
span.expired,
span.deleted {
  color: #B00;
}

span.entity-name.deleted,
a.entity-name.deleted {
    text-decoration: line-through;
}

a.email-address {
  background-image: url(../img/envelope.png);
}

a.telephone-number,
span.telephone-number {
  background-image: url(../img/telephone-14.png);
  background-position: 1px 0px;
}

a.unset-consumable-link {
  background-image: url(../img/delete.svg);
}

a.search-link {
  background-image: url(../img/Search.svg);
  background-size: 16px 16px;
}

a.entity-tooltip-link,
a.view-link,
a.entity-name {
  background-image: url('../img/view-details.svg');
  background-size: 16px 16px;
}

td a.view-link {
    vertical-align: top;
}

a.edit-link {
  background-image: url(../img/edit.svg);
}

a.download-link {
  background-image: url(../img/download.svg);
}

a.count-list-link {
  background-image: url(../img/Counts.svg);
  background-size: 16px 16px;
}

a.media-list-link {
  background-image: url(../img/Media.svg);
  background-size: 16px 16px;
}

a.incident-list-link {
  background-image: url(../img/Incidents.svg);
  background-size: 16px 16px;
}

a.moves-and-changes-list-link {
  background-image: url(../img/MovesChanges.svg);
  background-size: 16px 16px;
}

a.cost-list-link {
  background-image: url(../img/Costs.svg);
  background-size: 16px 16px;
}

a.zone-list-link {
  background-image: url(../img/zones.svg);
}

a.delivery-location-list-link {
  background-image: url(../img/delivery.svg);
}

a.discovery-list-link {
  background-image: url(../img/binoculars.svg);
}

a.alert-list-link {
  background-image: url(../img/Alerts.svg);
  background-size: 16px 16px;
}

a.people-list-link {
  background-image: url(../img/people.svg);
}

a.imil-console-link {
  background-image: url(../img/xmpp.svg);
}

a.entity-name.edit-link {
  background-image: url(../img/edit.svg);
}

a.hpsmart-link {
  background-image: url(../img/hp-logo-16.svg);
}

a.remote-ews-link {
  background-image: url(../img/remote.svg);
  background-size: 16px 16px;
}

a.presence-history-link {
  background-image: url(../img/calendar.svg);
}

a.entity-name.device,
a.device-list-link {
  background-image: url('../img/Asset.svg');
  background-size: 16px 16px;
}

a.device-list-link {
  padding-left: 0;
  padding-right: 20px;
  background-position: 100% 0;
}

a.consumable-list-link {
  background-image: url(../img/Consumables.svg);
  background-size: 16px 16px;
  padding-left: 0;
  padding-right: 20px;
  background-position: 100% 0;
}

a.entity-name.consumable-request-batch {
  background-image: url(../img/Consumables.svg);
  background-size: 16px 16px;
}

ul.action-link-list {
  list-style: none;
  margin: 5px 0px;
  padding-left: 5px;
  padding-right: 5px;
}

ul.action-link-list > li {
  padding: 3px 0px;
}

div.message.nice {
  border-color: #080;
  background-color: #CFC;
  background-image: url(../img/tick-12.svg);
  background-repeat: no-repeat;
  background-position: 8px 17px;
  padding-left: 28px;
}

td.setAllBtnContainer {
  position: relative;
}

button.setAllBtn {
  position: absolute;
  top: 24px;
  right: 2px;
  z-index: 10;
}

td img.ekm-status-light-16 {
  vertical-align: bottom;
}

.ekm4-ajax-dialog-outer-container form table.entity-data {
  position: relative;
  margin: 0 auto 12px auto;
}

/*
* FOOTER STYLING
*/
footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 265px;
  border-top: thin solid #bbb;
  padding: 2px 0 4px 8px;
  font-size: 11px;
  background-color: white;
  z-index: 10;
}

footer p {
  margin: 0;
  line-height: 1.5;
  white-space: nowrap;
}

/* footer aside is used for the "About" box */
footer aside {
  font-size: 12px;
  position: fixed;
  left: 50%;
  top: 100px;
  border: 2px solid rgb(68, 85, 102);
  border-radius: 4px;
  padding: 0px;
  z-index: 1000;
  margin-left: -225px;
  box-shadow: rgb(136, 136, 136) 6px 6px 16px;
  background: rgb(255, 255, 255);
}

footer aside div.dialog-title-bar {
  padding: 4px;
  color: rgb(238, 238, 255);
  font-weight: bold;
  text-align: center;
  background: #3A75B7;
}

footer aside div.dialog-content {
  padding: 4px;
  border: thin inset rgb(68, 85, 102);
  width: 336px;
  background-color: #DDD;
}

footer aside div.dialog-content div.cell {
  padding: 2px 4px;
}

footer aside div.dialog-content div.imageContainer {
  margin: 2px 4px;
  padding: 4px;
  background: #FFF;
  border: thin outset #888;
  text-align: center;
}

span.model-estimated-caveat {
  cursor: default;
}

nav.popup-note {
  border: thin outset #BBB;
  background: #EEE;
  min-width: 200px;
}

/*
 Context menus
*/
nav.context-menu,
nav.context-menu figure.submenu .submenu-container {
  border: thin outset #BBB;
  background: #EEE;
  min-width: 128px;
}

nav.context-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

nav.context-menu ul li a,
nav.context-menu figure.submenu figcaption,
nav.context-menu li.context-menu-cmd {
  color: #1060B9;
  line-height: 16px;
  padding: 2px 4px 2px 24px;
  background-repeat: no-repeat;
  background-position: 4px 2px;
  cursor: pointer;
}

nav.context-menu ul li a {
  display: block;
}

nav.context-menu ul li a.default {
  font-weight: bold;
}

nav.context-menu li.context-menu-cmd:hover,
nav.context-menu a:hover,
nav.context-menu a:active {
  background-color: #568;
  color: #E8F4FF;
  text-decoration: none;
}

nav.context-menu figure.submenu:hover {
  background-color: #568;
}

nav.context-menu figure.submenu:hover figcaption {
  color: #E8F4FF;
}

nav.context-menu li.context-menu-cmd.copy {
  background-image: url(../img/copy.svg);
  background-size: 16px 16px;
}

nav.context-menu figure.submenu {
  display: block;
  margin: 0;
  border-width: 0;
  border-radius: 0;
  background: transparent;
  position: relative;
  background-repeat: no-repeat;
  background-position: 4px 2px;
}

nav.context-menu figure.submenu.info {
  background-image: url(../img/info.svg);
}

nav.context-menu figure.submenu figcaption {
  padding-right: 8px;
  font-weight: normal;
  text-align: left;
  background-color: transparent;
  background-image: url(../img/nav/submenu-trigger.gif);
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

nav.context-menu figure.submenu .submenu-container {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}

nav.context-menu figure.submenu:hover .submenu-container {
  display: block;
}

span.context-menu-trigger {
  display: inline-block;
  padding-right: 14px;
  position: relative;
}

span.context-menu-trigger img {
  position: absolute;
  right: 0;
  top: 0;
  height: 14px;
  width: 12px;
  display: none;
}

span.context-menu-trigger:hover img {
  display: block;
}

nav.context-menu table.entity-data {
  border-bottom: thin solid #888;
  margin-bottom: 1px;
  background-color: #DDD;
  width: 100%;
  box-sizing: border-box;
}

nav.context-menu table.entity-data th {
  text-align: left;
}

nav.context-menu table.entity-data th,
nav.context-menu table.entity-data td {
  padding: 1px;
}

.portalweb-global-caveat-container {
  position: absolute;
  z-index: 99999;
  box-shadow: rgb(136, 136, 136) 6px 6px 16px;
  background: rgb(255, 255, 255);
  padding: 2px;
  border: thin solid rgb(68, 85, 102);
  border-radius: 2px;
}

table.data.delivery-location-details tbody tr th,
table.data.delivery-location-details tbody tr td {
  border-bottom-width: 0;
}

table.delivery-location-details {
  min-width: 200px;
}

table.delivery-location-details tr th,
table.delivery-location-details tr td {
  padding: 2px;
  vertical-align: top;
  text-align: left;
}

table.delivery-location-details caption {
  text-align: center;
  font-weight: bold;
}

table.delivery-location-details pre {
  font-family: inherit;
  white-space: pre-wrap;
  max-width: 300px;
}

table.delivery-location-details tbody td {
  max-width: 300px;
}

#termsAndConditionsDialog {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:#222;
  z-index: 999;
  padding: 12px;
}

#termsAndConditionsDialog > figure {
  position: relative;
  width: 800px;
  margin: auto;
  box-sizing: border-box;
  display: block;
  height: 100%;
  min-height: 100px;
  box-shadow: 6px 6px 25px #000;
}

#termsAndConditionsDialog > figure > .figure-content {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  bottom: 0;
}

ul#termsAndConditionsLanguageSelector {
  list-style: none;
  margin: 0;
  padding: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200px;
  border-right: thin solid #888;
  overflow: auto;
  box-sizing: border-box;
  background: #e0e0e0;
  font-size: 18px;
}

ul#termsAndConditionsLanguageSelector li {
  padding: 4px;
}

ul#termsAndConditionsLanguageSelector li a {
  display: block;
  padding: 4px 8px;
  border-radius: 4px;
}

ul#termsAndConditionsLanguageSelector li a:hover {
  background-color: #BBC;
}

ul#termsAndConditionsLanguageSelector li.selected a {
  font-weight: bold;
  background-color: #678;
}

ul#termsAndConditionsLanguageSelector li.selected a {
  color: #eee;
  text-decoration: none;
}

#termsAndConditionsDialog > figure > .figure-content > div.terms-and-conditions {
  overflow: auto;
  padding: 4px 16px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 200px;
  right: 0;
}

.ekm4-ajax-dialog-content-wrapper > ul#termsAndConditionsLanguageSelector {
  margin: -4px 0 -4px -4px;
}

.ekm4-ajax-dialog-content-wrapper > div.terms-and-conditions {
  margin: -4px -4px -4px 196px;
  max-width: 568px;
  padding: 4px 16px;
  background: #fff;
}

#termsAndConditionsDialog form {
  padding: 8px 0;
}

#termsAndConditionsDialog form label {
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

#termsAndConditionsDialog form div {
  margin-top: 8px;
  text-align: center;
}

#termsAndConditionsAcceptanceThrobber {
  text-align: center;
}

#portalAboutBoxLatestProductDbFileNameList ul {
  margin: 4px 0;
  padding-left: 24px;
}

.ajax-load-gif {
  width: 100%;
  min-height: 24px;
  border: none;
  background-image: url(../img/circle-throbber.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom:5px;
}

.ajax-load-message {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 36px;
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 1.2em;
}

fieldset.rcc-selector-list {
  height: 208px;
}

fieldset.rcc-selector-list > ul {
  max-height: 183px;
  height: 183px;
  padding: 4px 8px 4px 24px;
  min-width: 15em;
  width: 15em;
  max-width: 15em;
  overflow-x: hidden;
}

fieldset.rcc-selector-list input.filter-box {
  display: block;
  width: 100%;
  border: none;
}

.ajaxCover {
  display: none;
  position:   absolute;
  z-index:    5;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: transparent url(../img/circle-throbber.gif) 50% 50% no-repeat;
}