.dojoxGrid {
  position: relative;
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  -moz-outline-style: none;
  outline: none;
  overflow: hidden;
  height: 0;
  font-style: normal;
}

.dojoxGrid table {
  padding: 0;
}

.dojoxGrid td {
  -moz-outline: none;
}

.dojoxGridMasterHeader {
  position: relative;
}

.dojoxGridMasterView {
  position: relative;
}

.dojoxGridMasterMessages {
  position: relative;
  padding: 1em;
  text-align: center;
  background-color: white;
}

.dojoxGridView {
  position: absolute;
  overflow: hidden;
}

.dojoxGridHeader {
  position: absolute;
  overflow: hidden;
  cursor: default;
}

.dojoxGridHeader {
  background-color: #e8e1cf;
}

.dojoxGridHeader table {
  text-align: center;
}

.dojoxGridHeader .dojoxGridCell {
  border: 1px solid;
  border-color: #f6f4eb #aca899 #aca899 #f6f4eb;
  background: url("../dojox/grid/resources/images/grid_dx_gradient.gif") #e8e1cf
    top repeat-x;
  padding-bottom: 2px;
}

.dojoxGridHeader .dojoxGridCellOver {
  background-image: none;
  background-color: white;
  border-bottom-color: #febe47;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 3px;
}

.dojoxGridHeader .dojoxGridCellFocus {
  border: 1px dashed blue;
}

.dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver {
  background-image: none;
  background-color: white;
  border-bottom-color: #febe47;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 3px;
}

.dojoxGridArrowButtonNode {
  display: none;
  padding-left: 16px;
}

.dojoxGridArrowButtonChar {
  display: inline;
}

.dojoxGridArrowButtonNode:hover {
  cursor: default;
}

.dojoxGridArrowButtonChar:hover {
  cursor: default;
}

.dojoxGridSortUp:hover {
  cursor: default;
}

.dojoxGridSortDown:hover {
  cursor: default;
}

.dijit_a11y .dojoxGridArrowButtonChar {
  display: inline !important;
}

.dojoxGridScrollbox {
  position: relative;
  overflow: auto;
  background-color: white;
  width: 100%;
}

.dojoxGridContent {
  position: relative;
  overflow: hidden;
  -moz-outline-style: none;
  outline: none;
}

.dojoxGridRowbar {
  border: 1px solid;
  border-top: none;
}

.dojoxGridRowbarInner {
  border-top: 1px solid #f6f4eb;
}

.dojoxGridRowbarOver {
  background-image: none;
  background-color: white;
  border-top-color: #febe47;
  border-bottom-color: #febe47;
}

.dojoxGridRowbarSelected {
  background-color: #d9e8f9;
}

.dojoxGridRow {
  position: relative;
  width: 9000em;
}

.dojoxGridRow {
  border: 1px solid #e8e4d8;
  border-color: #f8f7f1;
  border-left: none;
  border-right: none;
  background-color: white;
  border-top: none;
}

.dojoxGridRowOver {
  border-top-color: #febe47;
  border-bottom-color: #febe47;
}

.dojoxGridRowOdd {
  background-color: #fffdf3;
}

.dojoxGridRowSelected {
  background-color: #d9e8f9;
}

.dojoxGridRowTable {
  table-layout: fixed;
  width: 0;
  empty-cells: show;
}

.dj_ie .dojoxGridRowTable {
  border-collapse: collapse;
}

.dojoxGridInvisible {
  visibility: hidden;
}

.Xdojo-ie .dojoxGridInvisible {
  display: none;
}

.dojoxGridInvisible td,
.dojoxGridHeader .dojoxGridInvisible td {
  border-top-width: 0;
  border-bottom-width: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  overflow: hidden;
}

.dojoxGrid .dojoxGridCell {
  border: 1px solid;
  border-color: #ebeadb;
  border-right-color: #d5cdb5;
  padding: 3px 3px 3px 3px;
  text-align: left;
  overflow: hidden;
  font-size: 16px;
  word-wrap: break-word;
}

.dojoxGrid .dojoxGridFixedRowHeight .dojoxGridCell {
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
  text-overflow: ellipsis;
}

.dojoxGridCellFocus {
  border: 1px dashed blue;
}

.dojoxGridCellOver {
  border: 1px dotted #febe47;
}

.dojoxGridCellFocus.dojoxGridCellOver {
  border: 1px dashed green;
}

.dojoxGridRowEditing td {
  background-color: #f4fff4;
}

.dojoxGridRow-inserting td {
  background-color: #f4fff4;
}

.dojoxGridRow-inflight td {
  background-color: #f2f7b7;
}

.dojoxGridRow-error td {
  background-color: #f8b8b6;
}

.dojoxGridInput,
.dojoxGridSelect,
.dojoxGridTextarea {
  margin: 0;
  padding: 0;
  border-style: none;
  width: 100%;
  font-size: 100%;
  font-family: inherit;
}

.dojoxGridHiddenFocus {
  position: absolute;
  top: -1000px;
  height: 0;
  width: 0;
}

.dijit_a11y .dojoxGridRowbarSelected {
  border-top: 1px solid white;
  border-bottom: 1px dashed black;
  border-top: 0;
  background: none;
}

.dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner {
  border: 0;
  border-top: 1px solid white;
}

.dijit_a11y .dojoxGridRowSelected {
  border: 1px solid black !important;
}

.dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem {
  display: table-cell;
  margin: 0;
}

.dojoxGridDndAvatar {
  font-size: 100%;
}

.dojoxGrid .dojoDndItemBefore {
  border-left-color: red;
}

.dojoxGrid .dojoDndItemAfter {
  border-right-color: red;
}

.dijit_a11y .dojoDndItemBefore {
  border-left: double;
}

.dijit_a11y .dojoDndItemAfter {
  border-right: double;
}

.dojoxGridDndAvatarItem td {
  border: 1px solid;
  border-color: #f6f4eb #aca899 #aca899 #f6f4eb;
  background: url("../dojox/grid/resources/images/grid_dx_gradient.gif") #e8e1cf
    top repeat-x;
  padding: 0pt;
  margin: 0pt;
}

.dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage {
  border: 0;
  border-color: #f6f4eb #aca899 #aca899 #f6f4eb;
  background-color: transparent;
  padding: 3px;
  padding-bottom: 2px;
  margin: 0;
}

.dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
  background-image: url("../dojo/resources/images/dndNoMove.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
  background-image: url("../dojo/resources/images/dndNoCopy.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.dojoDndMove
  .dojoDndAvatarCanDrop
  .dojoxGridDndAvatarItem
  .dojoxGridDndAvatarItemImage {
  background-image: url("../dojo/resources/images/dndMove.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.dojoDndCopy
  .dojoDndAvatarCanDrop
  .dojoxGridDndAvatarItem
  .dojoxGridDndAvatarItemImage {
  background-image: url("../dojo/resources/images/dndCopy.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.dojoxGridColPlaceBottom {
  background: transparent url("../dojox/grid/resources/images/grid_sort_up.gif")
    no-repeat scroll left top;
}

.dojoxGridColPlaceTop {
  background: transparent
    url("../dojox/grid/resources/images/grid_sort_down.gif") no-repeat scroll
    left top;
}

.dojoxGridColPlaceTop,
.dojoxGridColPlaceBottom {
  font-size: 1px;
  height: 6px;
  z-index: 10000;
  top: 0;
  overflow: hidden;
  position: absolute;
  line-height: 1px;
  width: 8px;
}

.dojoxGridResizeColLine {
  width: 1px;
  background-color: #777;
  position: absolute;
  cursor: col-resize;
  z-index: 10000;
}

.dojoxGridColNoResize,
.dojoxGridColNoResize .dojoDndItemOver {
  cursor: not-allowed !important;
}

.dojoxGridColResize,
.dojoxGridColResize .dojoDndItemOver,
.dojoxGridColumnResizing,
.dojoxGridColumnResizing .dojoDndItemOver,
.dojoxGridColumnResizing .dojoxGridHeader {
  cursor: col-resize !important;
}

.dojoxGridColPlaceBottom {
  background: transparent url("../dojox/grid/resources/images/grid_sort_up.gif")
    no-repeat scroll left top;
}

.dojoxGridColPlaceTop {
  background: transparent
    url("../dojox/grid/resources/images/grid_sort_down.gif") no-repeat scroll
    left top;
}

.dojoxGridColPlaceTop,
.dojoxGridColPlaceBottom {
  font-size: 1px;
  height: 6px;
  z-index: 10000;
  top: 0;
  overflow: hidden;
  position: absolute;
  line-height: 1px;
  width: 8px;
}

.dojoxGridResizeColLine {
  width: 1px;
  background-color: #777;
  position: absolute;
}

.dojoxGridExpandoCell {
  vertical-align: middle;
}

.dojoxGridSummarySpan {
  visibility: hidden;
}

.dojoxGridSummaryRow .dojoxGridSummarySpan,
.dojoxGridRowCollapsed .dojoxGridSummarySpan {
  visibility: visible;
}

.dojoxGridNoChildren .dojoxGridExpando {
  visibility: hidden !important;
  width: 0px !important;
}

.dj_ie .dojoxGridRtl .dojoxGridHeader table {
  float: none;
}

.dojoxGridRtl .dojoxGridCell {
  text-align: right;
}

.dj_ie8 .dojoxGridRtl .dojoxGridCell {
  border-left: none;
}

.dj_ie .dojoxGridRtl .dojoxGridMasterView .dojoxGridRowTable {
  border-left: #e5dac8 1px solid;
}

.dojoxGridRtl .dojoxGridArrowButtonNode {
  float: left;
}

.b2b .dojoxGrid {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
}

.b2b .dojoxGridMasterMessages {
  background-color: #fefefe;
}

.b2b .dojoxGridLoading,
.b2b .dojoxGridError {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.b2b .dojoxGridLoading {
}

.b2b .dojoxGridError {
  background-position: -496px;
  width: 16px;
  height: 16px;
}

.b2b .dojoxGridHeader {
  background: #ffffff;
  margin-left: -2px;
}

.b2b .gray-grid .dojoxGridHeader {
  background: #fafafa !important;
}

.b2b .black-grid .dojoxGridHeader {
  background: #333333 !important;
}

.b2b .dojoxGridHeader th {
  width: 56px;
}

.b2b .dojoxGridHeader .dojoxGridCell {
  padding: 2px 5px;
  vertical-align: top;
  background: #ffffff;
  height: 42px;
}

.b2b .black-grid .dojoxGridHeader .dojoxGridCell {
  height: 33px !important;
}

.b2b .gray-grid .dojoxGridHeader .dojoxGridCell {
  background: #fafafa !important;
}

.b2b .black-grid .dojoxGridHeader .dojoxGridCell {
  background: #333333 !important;
}

.dj_ie6 .b2b .dojoxGridHeader .dojoxGridCell {
  border-color: #bcbcbc #bcbcbc #bcbcbc #e5edf4;
}

.b2b .dojoxGridHeader .dojoxGridCellOver {
}

.b2b .dojoxGridSortNode {
  text-decoration: none;
  display: inline-block;
  white-space: normal;
  background: none;
  border: none;
  padding: 0;
  line-height: 42px;
  font-size: 18px;
  font-weight: normal;
}

.b2b .black-grid .dojoxGridSortNode {
  line-height: 33px !important;
  color: #fff !important;
}

.b2b .dojoxGridCellOver .dojoxGridSortNode {
}

.b2b .dojoxGridArrowButtonChar {
  display: none;
  float: right;
}

.b2b .dojoxGridColCaption:after {
  background: transparent url("../dijit/themes/b2b/images/column_down.png")
    no-repeat scroll left center;
  content: "";
  display: inline-block;
  height: 10px;
  margin: 17px 4px 0 15px;
  width: 19px;
}

.b2b .black-grid .dojoxGridColCaption:after {
  margin-top: 10px;
  background: transparent
    url("../dijit/themes/b2b/images/column_down_black.png") no-repeat scroll
    left center;
}

.b2b .dojoxGridSortUp .dojoxGridColCaption:after {
  background: transparent url("../dijit/themes/b2b/images/column_up.png")
    no-repeat scroll left center;
}

.b2b .black-grid .dojoxGridSortUp .dojoxGridColCaption:after {
  background: transparent url("../dijit/themes/b2b/images/column_up_black.png")
    no-repeat scroll left center;
}

.b2b .dojoxGridMasterHeader {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.b2b .black-grid .dojoxGridMasterHeader {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.b2b .gray-grid .dojoxGridMasterHeader {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
}

.b2b .dojoxGridMasterHeader .dojoxGridRowTable {
  background-color: #ffffff;
}

.dj_ie .b2b .dojoxGridHeader .dojoxGridRowTable {
  border-collapse: separate;
}

.dj_ie6 .b2b .dojoxGridHeader .dojoxGridRowTable,
.dj_ie7 .b2b .dojoxGridHeader .dojoxGridRowTable {
  border-collapse: collapse;
  border-right: 0px;
}

.b2b .dojoxGridHeader .dojoxGridRowTable tr {
  background: none;
}

.b2b .dojoxGridHeader tr:first-child .dojoxGridCell {
}

.b2b .dojoxGridHeader:first-child .dojoxGridRowTable {
  border-left-width: 0;
}

.b2b .dojoxGridHeader:first-child {
  margin-left: -1px;
}

.b2b .dojoxGridScrollbox {
  background-color: #fefefe;
}

.b2b .dojoxGridRowbar {
}

.b2b .dojoxGridRowbarTable {
  height: 39px;
  background-color: #f8f8f8;
}

.b2b .dojoxGridRowbar:nth-child(2n) .dojoxGridRowbarTable tr {
  background-color: #eeeeee;
}

.b2b .dojoxGridRowbarOver:nth-child(2n) .dojoxGridRowbarTable tr {
  background-color: #ffffd6;
}

.b2b .dojoxGridRowbarSelected:nth-child(2n) .dojoxGridRowbarTable tr {
  background-color: #ffffd6;
}

.b2b .dojoxGridRowSelected .dojoxGridCell {
  font-weight: bold;
}

.b2b .index-grid .dojoxGridRowSelected .dojoxGridCell {
  font-weight: normal;
}

.b2b .index-grid .dojoxGridCellOver {
  border: none !important;
}

.dj_ie6 .b2b .dojoxGridRowbar,
.dj_ie6 .b2b .dojoxGridRowbarTable {
  background-image: none;
}

.b2b .dojoxGridRowbarInner {
  width: 56px;
}

.b2b .dojoxGridRowbarOver .dojoxGridRowbarTable {
  background-color: #ffffd6;
}

.b2b .dojoxGridRowbarSelected tr {
  background-color: #ffffd6;
}

.b2b .dojoxGridRowbarSelected .dojoxGridRowbarInner {
  position: relative;
}

.b2b .dojoxGridRowbarSelected .dojoxGridRowbarInner:before {
  content: "";
  display: inline-block;
  width: 2px;
  bottom: 0;
  background-color: #124734 !important;
  position: absolute;
  top: 0;
  left: 0;
}

.b2b .nocb-grid .dojoxGridRowSelected .dojoxGridCell:nth-child(1):before {
  content: "";
  display: inline-block;
  width: 2px;
  bottom: 0;
  background-color: #124734 !important;
  position: absolute;
  top: 0;
  left: 0;
}

.b2b .nocb-grid .dojoxGridMasterHeader,
.b2b .nocb-grid .dojoxGridCell:nth-child(1) {
  padding-left: 15px;
}

.b2b .index-grid .dojoxGridRow {
  background-color: #ffffff;
  float: left;
  height: 165px !important;
  width: 126px !important;
  margin: 7px !important;
}

.b2b .index-grid .dojoxGridRow .dojoxGridRowTable {
  background-color: #ffffff !important;
  width: 126px !important;
  height: 126px !important;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(1) {
  width: 126px !important;
  height: 126px;
  padding: 0;
  border: solid 1px #ccc !important;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(1) i {
  position: absolute;
  top: 4px;
  right: 3px;
  width: 16px;
  height: 16px;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(1) i.brand {
  background: transparent url("../dijit/themes/b2b/images/brand.png") no-repeat;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(1) i.vendor {
  background: transparent url("../dijit/themes/b2b/images/vendor.png") no-repeat;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(1) img {
  margin: 0;
  padding: 0;
  display: block;
  z-index: -1;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(1):hover:before {
  -webkit-box-shadow: inset 0px 0px 0px 4px rgba(246, 235, 174, 1) !important;
  -moz-box-shadow: inset 0px 0px 0px 4px rgba(246, 235, 174, 1) !important;
  box-shadow: inset 0px 0px 0px 4px rgba(246, 235, 174, 1) !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 127px;
  height: 127px;
  content: "";
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(4) {
  position: absolute;
  padding: 10px 0;
  width: 128px !important;
  top: 128px;
  left: 0;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(4) span {
  font-size: 12px;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(4) span:before {
  width: 18px;
  height: 18px;
  content: "";
  float: left;
  margin: 1px 10px 0 5px;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(4) span.ok:before {
  background: transparent url("../dijit/themes/b2b/images/ok.png") no-repeat;
}

.b2b .index-grid .dojoxGridRow .dojoxGridCell:nth-child(4) span.pending:before {
  background: transparent url("../dijit/themes/b2b/images/pending.png")
    no-repeat;
}

.b2b .dojoxGridRow {
  background-color: #f8f8f8;
}

.dj_ie .b2b .dojoxGridMasterView .dojoxGridRowTable {
  border-collapse: separate;
}

.dj_ie6 .b2b .dojoxGridMasterView .dojoxGridRowTable,
.dj_ie7 .b2b .dojoxGridMasterView .dojoxGridRowTable {
  border-collapse: collapse;
}

.b2b .dojoxGridRowTable tr {
}

.b2b .dojoxGridRowOdd {
  background-color: #eeeeee;
}

.b2b .dojoxGridRowSelected {
  background-color: #ffffd6 !important;
}

.b2b .dojoxGrid .dojoxGridCell {
  outline: none;
  padding: 3px 5px;
  height: 33px;

  /* 允许选择 */
  user-select: text !important;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

/* .b2b .dojoxGrid * {
  border: none !important;
} */

.b2b .dojoxGrid *:not(#gridOrderSummary) {
  border: none !important;
}

.b2b .dojoxGrid#gridOrderSummary .dojoxGridCell {
  border: 1px solid #888 !important;
  border-style: inset !important;
  border: 1px solid #ddd !important;
}

.b2b .dojoxGrid .dojoxGridCell i.document {
  background: transparent url("../dijit/themes/b2b/images/doc.png") no-repeat
    scroll left center;
  height: 16px;
  width: 16px;
  display: block;
}

.b2b .dojoxGrid .dojoxGridCell i.brand {
  background: transparent url("../dijit/themes/b2b/images/brand.png") no-repeat
    scroll left center;
  height: 16px;
  width: 16px;
  display: block;
}

.b2b .dojoxGrid .dojoxGridCell i.vendor {
  background: transparent url("../dijit/themes/b2b/images/vendor.png") no-repeat
    scroll left center;
  height: 16px;
  width: 16px;
  display: block;
}

.b2b .dojoxGrid .dojoxGridCell i.image {
  background: transparent url("../dijit/themes/b2b/images/image.png") no-repeat
    scroll left center;
  height: 16px;
  width: 16px;
  display: block;
}

.b2b .dojoxGrid .dojoxGridCell i.folder {
  background: transparent url("../dijit/themes/b2b/images/folder.png") no-repeat
    scroll left center;
  height: 16px;
  width: 16px;
  display: block;
}

.b2b .dojoxGrid .dojoxGridCell i.email {
  background: transparent url("../dijit/themes/b2b/images/email.png") no-repeat
    scroll left center;
  height: 12px;
  width: 15px;
  display: block;
}

.b2b .dojoxGrid .dojoxGridCell i.new {
  content: attr(data-text);
  background-color: #3592f0;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  padding: 2px 4px;
  font-style: normal;
}

.dj_ie7 .b2b .dojoxGridCell,
.dj_ie7 .b2b .dojoxGridHeader .dojoxGridCell {
  border-left: 0px;
}

.dj_ie6 .b2b .dojoxGridCell {
  border-color: #f5f5f5;
}

.dj_ie6 .b2b .dojoxGridRowOdd .dojoxGridCell {
  border-left-color: #f4f9fd;
  border-right-color: #f4f9fd;
}

.dj_ie6 .b2b .dojoxGridRowSelected .dojoxGridCell {
  border-left-color: #d3e9fb;
  border-right-color: #d3e9fb;
}

.b2b .dojoxGridRowSelected .dojoxGridCell {
}

.b2b .dojoxGridCellFocus {
  outline: none;
}

.b2b .dojoxGridRowOver {
  background-color: #ffffd6;
}

.b2b .index-grid .dojoxGridRowOver .dojoxGridCell {
  background-color: #fff;
}

.b2b .dojoxGridScrollbox {
  overflow-x: hidden;
}

#ordersPending_right_container .dojoxGridScrollbox {
  height: 100% !important;
}

.dj_ie6 .b2b .dojoxGridRowOver .dojoxGridCell,
.dj_ie7 .b2b .dojoxGridRowOver .dojoxGridCell {
}

.b2b .dojoxGridRowActive .dojoxGridCell {
}

.dj_ie6 .b2b .dojoxGridRowActive .dojoxGridCell,
.dj_ie7 .b2b .dojoxGridRowActive .dojoxGridCell {
}

.b2b .dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver {
  background-color: #93cafe;
  border-collapse: separate;
}

.b2b .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell {
  background-image: url("../dojox/grid/resources/images/row_back.png");
}

.b2b .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive {
  background: url("../dojox/grid/resources/images/td_button_down.png") #93cafe
    repeat-x;
}

.dj_ie6 .b2b .dojoxGridCell {
  background-image: none !important;
}

.b2b .dojoxGridRowEditing td {
  background-color: #cee6fa;
}

.b2b .dojoxGridRow-inserting td {
  background-color: #f4fff4;
}

.b2b .dojoxGridRow-inflight td {
  background-color: #f2f7b7;
}

.b2b .dojoxGridRow-error td {
  background-color: #f8b8b6;
}

.b2b .dojoxGrid .dojoDndItemBefore {
  border-left-color: #3559ac;
}

.b2b .dojoxGrid .dojoDndItemAfter {
  border-right-color: #3559ac;
}

.b2b .dojoxGridExpando {
  float: left;
  height: 18px;
  width: 18px;
  text-align: center;
  margin-top: -3px;
}

.dijitRtl .b2b .dojoxGridExpando {
  float: right;
}

.b2b .dojoxGridExpandoCell {
  padding-top: 5px;
  background-position: left top !important;
}

.b2b .dojoxGridExpandoNode {
  background-image: url("../dijit/themes/b2b/images/treeExpandImages.png");
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-position: 1px 0px;
}

.dj_ie6 .b2b .dojoxGridExpandoNode {
  background-image: url("../dijit/themes/b2b/images/treeExpandImages8bit.png");
}

.b2b .dojoxGridRowOver .dojoxGridExpandoNode {
  background-position: -17px 0px;
}

.b2b .dojoxGridExpandoOpened .dojoxGridExpandoNode {
  background-position: -35px 0px;
}

.b2b .dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode {
  background-position: -53px 0px;
}

.b2b .dojoxGridExpandoLoading .dojoxGridExpandoNode {
  background-image: url("../dijit/themes/b2b/images/loadingAnimation.gif");
}

.b2b .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando {
  visibility: visible !important;
  width: 18px !important;
}

.b2b .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode,
.dj_ie6 .b2b .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode {
  background-image: none;
}

.b2b .dojoxGridExpandoNodeInner {
  visibility: hidden;
}

.dijit_a11y .dojoxGridExpandoNodeInner {
  visibility: visible;
}

.b2b .dojoxGridSummaryRow .dojoxGridCell {
}

.dj_ie6 .b2b .dojoxGridSummaryRow .dojoxGridCell {
  border-color: #fff;
}

.b2b tr.dojoxGridSubRowAlt {
  background-color: #f4f9fd;
}

.b2b .dojoxGridRowOdd tr.dojoxGridSubRowAlt {
  background-color: #fff;
}

.b2b .dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected {
  background-color: #cee6fa;
}

.b2b .dojoxGridHeader tr:first-child #gridDataOrderItemsHdr5 {
  width: 13% !important;
}

div.dojoxGridHeader {
  min-height: 39px;
}

.b2b .dojoxGridRow {
  min-height: 39px;
}

.b2b .dojoxGridRowbar {
  min-height: 39px;
}

table.dojoxGridRowTable {
  min-height: 39px;
}

table.dojoxGridRowbarTable {
  min-height: 39px;
}

tb.dojoxGridRowbarInner {
  min-height: 39px;
}

.jxThumbnailView {
  padding: 0px;
  height: 100%;
  overflow: hidden;
}

.jxThumbnailViewContainer {
  padding: 0;
  height: calc(100vh - 225px);
  overflow-y: auto;
}

.jxThumbnailViewContainer:after {
  clear: both;
}

.jxThumbnailViewContent {
  height: 100%;
}

.jxThumbnailViewContent:after {
  clear: both;
}

.jxThumbnailViewMessage {
  text-align: center;
}

.jxThumbnail {
  float: left;
  height: 200px;
}

.jxThumbnailContainer {
  padding: 15px 10px 10px 10px;
  position: relative;
  float: left;
  background-color: transparent;
  background-color: rgba(173, 176, 179, 0);
  border-color: rgba(188, 191, 194, 0);
  border-width: 0px;
  -webkit-transition-property: background-color, border-color;
  -moz-transition-property: background-color, border-color;
  transition-property: background-color, border-color;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.jxThumbnailContainerHover {
  background-color: #e8ebed;
  background-image: url("../b2b/resources/images/commonHighlight.png");
  margin: 0;
  padding: 14px 9px 9px 9px;
  border: solid 1px #a89797;
  color: #000000;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

.jxThumbnailContainerActive {
  background-color: #f5f8fa;
  background-image: url("../b2b/resources/images/commonHighlight.png");
  border: solid 1px #a89797;
  padding: 14px 9px 9px 9px;
  color: #000000;
}

.jxThumbnailContainerSelected {
  background-color: #e6e9eb;
  background-repeat: repeat-x;
  background-image: url("../b2b/resources/images/commonHighlight.png");
  border: solid 1px #a89797;
  padding: 14px 9px 9px 9px;
  color: #000000;
}

.jxThumbnailContainerFocused {
  background-repeat: repeat;
}

.jxThumbnailContainer img {
  vertical-align: middle;
}

.jxThumbnailContent {
  /* white-space: nowrap; */
  cursor: default;
}

.jxThumbnailContent:after {
  clear: both;
}

.jxThumbnailIcon {
  background-repeat: repeat-x;
  background-color: transparent;
  width: 138px;
  height: 128px;
}

.jxThumbnailMarker {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
  z-index: 1;
  display: none;
}

.jxThumbnailStatus {
  display: none;
  position: absolute;
  left: 2px;
  bottom: 0px;
}

.jxThumbnailLabel {
  display: block;
  text-align: center !important;
  text-overflow: ellipsis;
  line-height: 20px;
  overflow: hidden;
  max-width: 138px;
}

.jxThumbnailLabel:after {
  clear: both;
}

.slideShowWrapper {
  position: relative;
  background: #fff;
  padding: 8px;
  border: 0px solid #333;
  padding-bottom: 20px;
  overflow: hidden;
  -moz-border-radius: 3pt;
  -webkit-border-radius: 4pt;
  -webkit-drop-shadow: #ccc 4pt;
}

.slideShowNav {
  position: absolute;
  bottom: -18px;
  left: 0px;
  padding: 0px 3px 2px 0px;
  background-color: #fff;
  width: 100%;
}

.slideShowNavWrapper {
  float: right;
}

.slideShowTitle {
  float: left;
  color: #333;
  font-size: 10pt;
}

.slideShowMessageWrapper {
  height: 100%;
  margin-top: -8px;
}

.slideShowMessage {
  color: #7d7d7d;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.slideShowTitle .slideShowCounterText {
  font-size: 6pt;
  color: #666;
}

.slideShowHidden {
  position: absolute;
  display: none;
  height: 1px;
  width: 1px;
}

.slideShowImageWrapper {
  position: relative;
  text-align: center;
  margin-top: -42px;
  float: left;
  width: 100%;
}

.slideShowImageWrapper img {
  border: 0px none;
}

.slideShowNotifier {
  background-color: red;
  width: 100px;
  height: 5px;
  font-size: 1%;
}

.slideShowSlideShow {
  position: absolute;
  top: 30px;
  padding: 0 5px;
  border: 0px;
  text-decoration: none;
  color: #2e6ab1;
}

.slideShowLoading {
  background-color: #fad66a;
}

.slideShowLoaded {
  background-color: transparent;
}

.slideShowCtrlPrev {
  background-position: -96px 0px;
  float: left;
}

.slideShowCtrlNext {
  background-position: -144px 0px;
  float: right;
}

.slideShowCtrlPlay {
  background-position: -190px 0px;
  position: absolute;
}

.slideShowPaused .slideShowCtrlPlay {
  background-position: -236px 0px;
  position: absolute;
}

.slideShowCtrl span.slideShowCtrlHide {
  background-image: url("../b2b/resources/images/blank.gif");
  cursor: auto;
}

.slideShowCtrl {
  height: 50px;
  width: 100%;
  position: relative;
  z-index: 999;
  float: left;
}

.slideShowCtrl span {
  width: 50px;
  height: 100%;
  background-image: url("../b2b/resources/images/buttons.png");
  cursor: pointer;
}

.dj_ie .slideShowCtrl span {
  background-image: url("../b2b/resources/images/buttons.gif");
}

.dj_ie6 .slideShowPager li.currentpage,
.dj_ie6 .pagination li.disablepage {
  margin-right: 5px;
  padding-right: 0;
}

.slideLoading {
  background-image: url("../b2b/resources/images/spinner.gif");
  background-position: top;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
}

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc;
}

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline;
}

.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url("../PhotoSwipe/default-skin/default-skin.png") 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
  (-webkit-min-device-pixel-ratio: 1.09375),
  (min-resolution: 105dpi),
  (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url("../PhotoSwipe/default-skin/default-skin.svg");
  }

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #fff;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #fff;
}

a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d;
}

a.pswp__share--download:hover {
  background: #ddd;
}

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #fff;
  opacity: 0.75;
  padding: 0 10px;
}

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #bbb;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #ccc;
}

.pswp__caption--empty {
  display: none;
}

.pswp__caption--fake {
  visibility: hidden;
}

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  background: url("../PhotoSwipe/default-skin/preloader.gif") 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.sizeForTopButtons {
  width: 201px;
  height: 82px;
}

.buttonMasterContent {
  position: relative;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #f2f2f2;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px #d8d8d8;
  margin-top: 1em;
}

.buttonTopBarPlus {
  background-image: url("images/add.png") !important;
  margin-left: 1em;
}

.buttonTopBarRecycle {
  background-image: url("images/trash.png") !important;
  margin-left: 5px;
}

.buttonLeftMenu {
  height: 30px;
  width: 30px;
  border: 1px solid #d8d8d8;
}

#btAddMenuItem:active {
  background-color: #3a7be4 !important;
  background-image: url("images/add_active.png") !important;
}

#btDelMenuItem:active {
  background-color: #3a7be4 !important;
  background-image: url("images/trash_active.png") !important;
}

#masterContentDataGrid {
  height: 500px !important;
}

div#master_Content {
  padding-top: 0px !important;
}

div#masterContentDataGrid > div.dojoxGridMasterHeader {
  background-color: #fafafa !important;
  border-top: 1px solid #d8d8d8 !important;
  border-left: 1px solid #d8d8d8 !important;
}

.buttonGroupLeft {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}

.buttonGroupRight {
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}

.buttonRightTopBarSize {
  height: 30px;
  width: 82px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  border: 1px solid #d8d8d8;
}

.buttonRightTopBarPlus {
  background-image: url("images/add.png") !important;
}

.buttonRightTopBarRecycle {
  background-image: url("images/trash.png") !important;
}

.buttonRightTopBarEdit {
  text-align: center;
  line-height: 30px;
  color: #afafaf;
  text-decoration: none !important;
}

.buttonRightTopBarExport {
  background-image: url("images/csv.png") !important;
}

.buttonRightTopBarImport {
  background-image: url("images/import.png") !important;
}

.buttonRightTopBarBack {
  background-image: url("images/back.png") !important;
}

.textBesideBackButton {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 5px;
  font-size: 24px;
  text-align: left;
  line-height: 60px !important;
  color: #000000 !important;
  text-decoration: none !important;
  background: none !important;
}

#btAdd:active {
  background-color: #3a7be4;
  background-image: url("images/add_active.png") !important;
}

#btDel:active {
  background-color: #3a7be4;
  background-image: url("images/trash_active.png") !important;
}

#btEdit:active {
  background-color: #3a7be4;
  color: #ffffff !important;
}

#btExport:active {
  background-color: #3a7be4;
  background-image: url("images/csv_active.png") !important;
}

#btImport:active {
  background-color: #3a7be4;
  background-image: url("images/import_active.png") !important;
}

#btBack:active {
  background-color: #3a7be4;
  background-image: url("images/back_active.png") !important;
}

html,
body {
  /* height: 99.8%; */
  height: 100vh;
  width: 99.8%;
  /* width: 90%; */
  min-width: 1150px;
  margin: 0 auto;
  overflow: scrool !important;
  font-family: Arial;
}

#appLayout {
  height: 100%;
  width: 100% !important;
  background-position: 0px 40px !important;
  background-size: cover !important;
}

#mainLayoutHeader {
  width: 1200px !important;
  left: 0px !important;
  overflow: hidden !important;
  padding: 0px !important;
  height: 40px !important;
  width: 100% !important;
  left: 0px !important;
  top: 0px !important;
  background: url("images/main_header.png");
  background-size: cover !important;
  -webkit-box-shadow: 0px 6px 19px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 6px 19px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 6px 19px 0px rgba(50, 50, 50, 0.4);
}

#mainLayoutFooter {
  width: 100% !important;
  background-color: #858585;
  left: inherit !important;
  color: #fff;
  bottom: 0px;
  top: inherit !important;
  height: 20px;
}

.iconAbout {
  background-image: url("images/common/ge128_info_24.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 128px;
  margin-right: 15px;
  vertical-align: middle;
  width: 128px;
}

.nowrapTabStrip .dijitTabContainerTop-tabs {
  background-color: #333333 !important;
}

.dojoxGridCheckSelector .dijitReset .dijitInline .dijitCheckBox {
  padding-left: 1em;
  padding-right: 1em;
}

.dojoxGridRowTable {
  border-left: none !important;
}

.btn {
  clear: both !important;
  background: #f0f0f0;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #dedede);
  background-image: -moz-linear-gradient(top, #f0f0f0, #dedede);
  background-image: -ms-linear-gradient(top, #f0f0f0, #dedede);
  background-image: -o-linear-gradient(top, #f0f0f0, #dedede);
  background-image: linear-gradient(to bottom, #f0f0f0, #dedede);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #787878;
  font-size: 12px;
  padding: 6px 35px 6px 35px;
  border: solid #cccccc 1px;
  text-decoration: none;
}

.btn:hover {
  background: #b0aeb0;
  background-image: -webkit-linear-gradient(top, #b0aeb0, #d1d1d1);
  background-image: -moz-linear-gradient(top, #b0aeb0, #d1d1d1);
  background-image: -ms-linear-gradient(top, #b0aeb0, #d1d1d1);
  background-image: -o-linear-gradient(top, #b0aeb0, #d1d1d1);
  background-image: linear-gradient(to bottom, #b0aeb0, #d1d1d1);
  text-decoration: none;
}

#comProProDetailTabContainer .b2b-middle-tab .dijitTabContent {
  background-color: #333333 !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 15px !important;
  color: #fff !important;
  min-width: 168px;
  text-align: center;
  font-family: Arial;
  margin-right: 1px;
}

.mainLayoutHeader {
  left: 0px !important;
  top: 0px !important;
}

#comProProDetailTabContainer .b2b-middle-tab .dijitTabChecked {
  background-color: #124734 !important;
}

#tabContainerCompanyProfile .dijitTabListContainer-top,
.dijitTabListWrapper {
  overflow: visible !important;
}

#comProProDetailTabContainer .b2b-middle-tab .dijitTabChecked:before {
  content: "";
  height: 0;
  width: 0;
  display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #124734;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -8px;
  z-index: 1;
}

.b2b-middle-tab .dijitTab .tabLabel {
  line-height: 34px;
  min-width: 172px;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  margin-left: 14px;
}

.b2b .dijitDialogPaneContentArea {
  margin: 0px 0px !important;
  padding: 0px 0px !important;
}

#comProProDetailTabContainer3a .dijitTabContent {
  background-color: #333333 !important;
  height: 40px !important;
  line-height: 40px !important;
  font-size: 15px !important;
  color: #fff !important;
  min-width: 168px;
  text-align: center;
  font-family: Arial;
  margin-right: 1px;
}

#comProProDetailTabContainer3a .dijitTabChecked {
  background-color: #124734 !important;
  outline: none !important;
}

#comProProDetailTabContainer3a .dijitTabChecked:before {
  content: "";
  height: 0;
  width: 0;
  display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #124734;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -8px;
  z-index: 1;
}

.input {
  background-color: #f6ebae;
  border: solid 1px #d8d8d8;
  padding-left: 5px;
}

.big-t {
  width: 360px;
  height: 20px;
  padding: 5px;
  -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}

.tableContent tr {
  height: 20px;
}

.tableContent tr td {
  padding: 7px 9px 7px 9px;
}

#tabUserSetting .dijitTabContent {
  background-color: #fff !important;
  color: #333 !important;
  height: 40px !important;
  line-height: 40px !important;
  font-size: 15px !important;
  padding: 0 15px;
  min-width: 200px;
  text-align: center;
  font-family: Arial;
  margin-right: 1px;
  padding: 0px 0px 0px 0px;
  min-width: 196px !important;
}

#tabUserSetting .dijitTabChecked {
  background-color: #124734 !important;
}

#tabUserSetting .dijitTabListContainer-top,
.dijitTabListWrapper {
  overflow: visible !important;
}

#tabUserSetting .dijitTabChecked:before {
  content: "";
  height: 0;
  width: 0;
  display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #124734;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -8px;
  z-index: 1;
}

#tabUserSetting .dijitTabChecked {
  color: #fff !important;
}

.btn {
  clear: both !important;
  background: #f0f0f0;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #dedede);
  background-image: -moz-linear-gradient(top, #f0f0f0, #dedede);
  background-image: -ms-linear-gradient(top, #f0f0f0, #dedede);
  background-image: -o-linear-gradient(top, #f0f0f0, #dedede);
  background-image: linear-gradient(to bottom, #f0f0f0, #dedede);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #787878;
  font-size: 12px;
  padding: 6px 35px 6px 35px;
  border: solid #cccccc 1px;
  text-decoration: none;
}

.btn:hover {
  background: #b0aeb0;
  background-image: -webkit-linear-gradient(top, #b0aeb0, #d1d1d1);
  background-image: -moz-linear-gradient(top, #b0aeb0, #d1d1d1);
  background-image: -ms-linear-gradient(top, #b0aeb0, #d1d1d1);
  background-image: -o-linear-gradient(top, #b0aeb0, #d1d1d1);
  background-image: linear-gradient(to bottom, #b0aeb0, #d1d1d1);
  text-decoration: none;
}

#tabContainerCompanyProfile .dijitTabContent {
  background-color: #333333 !important;
  height: 40px !important;
  line-height: 40px !important;
  font-size: 15px !important;
  color: #fff !important;
  padding: 0 15px;
  min-width: 200px;
  text-align: center;
  font-family: Arial;
  margin-right: 1px;
}

#tabContainerCompanyProfile .dijitTabChecked {
  background-color: #124734 !important;
}

#tabContainerCompanyProfile .dijitTabListContainer-top,
.dijitTabListWrapper {
  overflow: visible !important;
}

#tabContainerCompanyProfile .dijitTabChecked:before {
  content: "";
  height: 0;
  width: 0;
  display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #124734;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -8px;
  z-index: 1;
}

.input {
  background-color: #f6ebae;
  border: solid 1px #d8d8d8;
}

.big-t {
  width: 360px;
  height: 20px;
  padding: 5px;
  -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}

.tableContent tr {
  height: 20px;
}

.tableContent tr td {
  padding: 7px 9px 7px 9px;
}

.user-setting-div-lable {
  width: 22% !important;
  float: left !important;
  padding-right: 10px !important;
  text-align: right !important;
  padding: 7px 10px 0px !important;
}

.user-setting-div-content {
  width: 50% !important;
  float: left !important;
}

.input-text-user-setting {
  width: 80% !important;
  padding: 6px;
  border-radius: 1px;
  background-color: #f6ebae !important;
}

.b2b div.user-setting-div-content > .dijitSelect .dijitArrowButtonInner {
  background-position: -27px 63% !important;
  width: 33px !important;
}

.b2b div.user-setting-div-content > table tr td .dijitSelectLabel {
  padding: 6px !important;
}

.b2b div.user-setting-div-content > table {
  width: 464px !important;
}

.b2b div.user-setting-div-content-1 > table tr td .dijitSelectLabel {
  padding: 6px !important;
}

.b2b div.user-setting-div-content-1 > table {
  width: 355px !important;
}

.b2b div.user-setting-div-content-1 > .dijitSelect .dijitArrowButtonInner {
  background-position: -27px 63% !important;
  width: 33px !important;
}

.dijitInputInner {
  height: 100% !important;
}

div#tabUserSetting_tablist {
  background-color: #fff;
}

div#mcrLeftTabContainer > div.dijitTabController > div.dijitTabContent {
  background-color: #fff !important;
  color: #000 !important;
  padding: 0 !important;
}

div#mcrLeftTabContainer
  > div.dijitTabController
  > div.dijitTabContent
  > span.tabLabel {
  text-align: left;
}

div#mcrLeftTabContainer > div.dijitTabController > div.dijitTabChecked {
  background-color: #f2f2f0 !important;
  color: #3492f0 !important;
}

div#mcrLeftTabContainer > div.dijitTabController > div.dijitTabChecked:before {
  display: none !important;
}

.b2b .titlePaneOrder .dijitTitlePaneTitle {
  height: 30px !important;
  padding-top: 10px;
  border: none;
  background-color: #f2f2f2 !important;
  font-size: 14px;
}

.b2b .titlePaneOrder .dijitContentPane {
  padding-top: 0px;
  padding-right: 0px;
  position: relative;
  width: 97%;
}

.b2b .titlePaneOrder .dijitTitlePaneTitleOpen {
  color: rgb(20, 186, 245);
  background-color: #ffffff !important;
}

div.dijitTitlePaneTitle.dijitTitlePaneTitleOpen.dijitOpen
  span.dijitTitlePaneTextNode::after {
  content: ":";
}

.b2b .titlePaneOrder .dijitTitlePane .dijitArrowNode {
  background-image: none !important;
}

.b2b .titlePaneOrder .dijitTitlePaneContentInner {
  padding: 0px !important;
  overflow-x: hidden;
}

.b2b .titlePaneOrder .dijitTitlePaneContentOuter {
  border: none !important;
}

.b2b .titlePaneOrder .dijitTitlePaneTitleFocus {
  outline: none !important;
}

.b2b .titlePaneOrder .mblListItem {
  position: relative;
  overflow: hidden;
  padding: 0px;
  height: 35px;
  list-style-type: none;
  line-height: 35px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  border: 0px !important;
  font-weight: normal !important;
  color: black;
  font-size: 15px;
}

.b2b .titlePaneOrder #titlePane3_pane {
  display: none;
}

.b2b .titlePaneOrder .mblFilteredEdgeToEdgeListSearchBox {
  position: fixed;
  width: 159px;
  height: inherit;
  z-index: 1000;
}

.b2b .mblFilteredEdgeToEdgeListSearchBox {
  position: absolute !important;
}

.b2b .titlePaneOrder .mblListItemLabel {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: default;
  height: 25px;
  line-height: 20px;
}

.b2b .mblScrollableViewContainer {
  position: absolute;
  top: 20px !important;
  width: 97% !important;
  overflow-y: scroll;
  height: 93% !important;
  transform: inherit !important;
}

.b2b .titlePaneOrder .mblListItemLabel:hover {
  background-color: #eeeeee;
}

.b2b .titlePaneOrder .mblView {
  min-width: 208px;
}

.b2b .titlePaneOrder .iconSearch {
  background-image: url("../images/search.png");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 12px;
  background-size: 10px 10px;
  top: auto !important;
}

.divCommentContent {
  border: solid 1px #c3c3c3;
  padding: 0px 20px;
  width: 50%;
  background-color: #ffffd6;
  position: relative;
  margin-right: 22px;
  margin-top: 5px;
  margin-bottom: 5px;
  float: right;
}

.divCommentContentGray {
  border: solid 1px #c3c3c3;
  padding: 0px 20px;
  width: 50%;
  background-color: #f5f5f5;
  position: relative;
  margin-left: 22px;
  margin-top: 5px;
  margin-bottom: 5px;
  float: left;
}

.commentDiv1 {
  padding: 15px 5px 5px;
}

.commentDiv1 > span {
  margin-right: 5px;
}

.commentDiv2 {
  padding: 5px 5px 15px;
}

.hiperText {
  color: #3399ff;
}

img.btnArrowComment {
  position: absolute;
  top: 10px;
  right: -22px;
}

img.btnArrowCommentGray {
  position: absolute;
  top: 10px;
  left: -22px;
}

.divEnterComment {
  border-top: solid 1px #b5bcc7;
  padding: 5px 20px 0;
}

.divEnterComment .enterComment {
  border-radius: 5px;
  height: 25px;
  padding: 8px 10px 0;
  vertical-align: top;
  width: 86%;
}

.btnSendComment {
  vertical-align: top;
}

.divEnterComment .btnSend {
  background-color: #f2f2f2;
  min-height: 31px;
  min-width: 70px;
  border: solid 1px #d8d8d8;
  border-radius: 3px;
  cursor: pointer;
}

.b2b .dijitCalendar {
  width: 200px !important;
}

.b2b #widget_cboCalendar_dropdown {
  left: 590px !important;
}

.iconComment {
  background-image: url("../images/icon_comments_on.png");
  width: 28px;
  height: 28px;
}

.iconCommentLight {
  background-image: url("../images/icon_comments_off.png");
  width: 28px;
  height: 28px;
}

.iconAttachment {
  background-image: url("../images/icon_attachment_on.png");
  width: 28px;
  height: 28px;
}

.b2b .dijitTooltipAbove .dijitTooltipContainer {
  background-color: #2a2a2a;
  background-image: none;
  color: #fff;
  padding: 5px 15px 5px 15px;
  font-size: 14px;
  text-align: center;
  border-radius: 0px;
  border: 0px;
}

.b2b .dijitTooltipAbove .dijitTooltipConnector {
  display: none;
}

.b2b .dijitTooltipAbove .dijitTooltipContainer:after {
  content: "";
  border-style: solid;
  position: absolute;
  left: 50%;
  bottom: 5px;
  margin-left: -12px;
  border-width: 10px 12.5px 0 12.5px;
  border-color: #2a2a2a transparent transparent transparent;
}

.hiddenTdTableContainer .tableContainer-labelCell {
  display: none !important;
}

.hiddenTdTableContainer .AddTag {
  width: 100% !important;
}

.fibeContent .SumoSelect {
  width: 415px;
}

.fibeContent .AddTag {
  width: 39% !important;
}

.productsWash .SumoSelect {
  width: 415px;
}

.productsWash .SumoSelect {
  width: 415px;
}

.productsWashSymbols .SumoSelect {
  width: 415px;
}

.productsSizes .tableContainer-labelCell {
  width: 130px !important;
}

.productsSizes .SumoSelect {
  width: 415px;
}

.productsColor .SumoSelect {
  width: 415px;
}

.productsCoo .SumoSelect {
  width: 415px;
}

.GenerateLinkFile .SumoSelect {
  width: 415px;
}

.GenerateLinkFile .tableContainer-labelCell {
  width: 140px !important;
  text-align: right !important;
  margin-right: 10px;
  padding-left: 100px !important;
}

.createProducts12EAP .SumoSelect {
  width: 415px;
}

.createProducts12EAP .tableContainer-labelCell {
  width: 200px !important;
  text-align: right !important;
  margin-right: 10px;
  padding-left: 40px !important;
  padding-right: 10px;
}

.createProducts6EAP .SumoSelect {
  width: 415px;
}

.createProducts6EAP .tableContainer-labelCell {
  width: 140px !important;
  text-align: right !important;
  margin-right: 10px;
  padding-left: 100px !important;
  padding-right: 10px;
}

.renderImage12EAP .SumoSelect {
  width: 415px;
}

.b2bCreateUserActive input.dijitInputInner:focus,
.b2bEditProfile input.dijitInputInner:focus,
.b2bChangePassword input.dijitInputInner:focus {
  background-color: #f6ebae !important;
}

div#listImages .dojoxGridScrollbox {
  height: 629px !important;
}

span.loadingMessage {
  height: 20px;
  padding-top: 7px;
  padding-left: 20px;
  position: absolute;
  background: transparent url("../images/loadingAnimation.gif") no-repeat 0px
    5px;
}

.pageOverlay {
  top: 145px;
  left: 63px;
  position: absolute;
  height: 80.05%;
  width: 90.35%;
  z-index: 1001;
  display: block;
}

div#pageLoadingOverlay {
  background: #fff url("../images/loadingAnimation.gif") no-repeat center center;
}

.dijitContentPaneLoading {
  display: none;
}

.textEllips {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.textEllipsComp {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-align: center !important;
  font-size: 12px;
  text-overflow: ellipsis;
}

ul.mblEdgeToEdgeList {
  margin-top: 25px;
}

input {
  padding-left: 8px !important;
}

.b2b
  .bottomLine-grid
  .dojoxGridMasterView
  .dojoxGridView
  .dojoxGridScrollbox
  .dojoxGridContent {
  height: 100% !important;
  min-height: 200px;
}

.iconAttachmentLighter {
  background-image: url("../images/icon_attachment_off.png");
  width: 13px;
  height: 25px;
}

.b2b .dijitSplitter {
  background-color: #cfe5fa;
}

.attach_file_button {
  background: url("../images/btn_back.png") no-repeat;
  min-height: 31px;
  min-width: 82px;
  cursor: pointer;
  border: none;
  position: relative;
}

.uploadBtn {
  padding: 20px;
  padding-bottom: 15px;
  background: url("../images/btn_arrow_top.png") no-repeat;
  border: 0px;
}

.uploadHover {
  background-image: url("images/buttonHover.png");
  cursor: pointer;
  font-weight: bold;
}

.badge {
  border: 1px solid;
  border-radius: 15px;
  color: white;
  font-family: Arial, sans-serif;
  line-height: 16px;
  margin: 6px 0 0 8px;
  padding: 1px 10px 2px 9px;
}

.red {
  background: #ff282b;
  border-color: #ff282b;
  background-image: -webkit-linear-gradient(top, #fc9f8a, #ff282b);
  background-image: -moz-linear-gradient(top, #fc9f8a, #ff282b);
  background-image: -o-linear-gradient(top, #fc9f8a, #ff282b);
  background-image: linear-gradient(to bottom, #fc9f8a, #ff282b);
}

.no-message {
  margin: 17% 40%;
}

div.dailogBarSidePreview ul li {
  display: block;
  margin-bottom: 8px;
  padding: 4px;
  height: 150px;
  width: 150px;
  border: 1px solid #ccc;
}

div.dailogBarSidePreview ul li.active {
  box-shadow: inset 0px 0px 10px 0px #f0ea30, 5px 5px 5px 1px #dddddd;
  -webkit-box-shadow: inset 0px 0px 10px 0px #f0ea30, 5px 5px 5px 1px #dddddd;
  -moz-box-shadow: inset 0px 0px 10px 0px #f0ea30, 5px 5px 5px 1px #dddddd;
  -o-box-shadow: inset 0px 0px 10px 0px #f0ea30, 5px 5px 5px 1px #dddddd;
}

div.dialogRightbar p {
  margin-bottom: 15px;
}

.summaryDescription {
  width: 100%;
  padding-left: 200px;
  border-spacing: 10px;
  border-collapse: separate;
}

.summaryParagraph {
  margin-left: 50px;
}

.summarySecondCell {
  padding-left: 20px;
}

#gridDataOrderItems .dojoxGridContent {
  position: static !important;
}

@font-face {
  font-family: "BrlcPiNext2010";
  src: url("../fonts/BrlcPiNext2010.ttf");
  src: url("../fonts/BrlcPiNext2010.eot?#iefix") format("embedded-opentype"),
    url("../fonts/BrlcPiNext2010.woff") format("woff"),
    url("../fonts/BrlcPiNext2010.ttf") format("truetype"),
    url("../fonts/BrlcPiNext2010.svg#BrlcPiNext2010") format("svg");
}

.WashSymbolsSelectBox .SlectBox {
  overflow-y: hidden;
  height: 20px;
}

.WashSymbolsSelectBox .SingleValueHolder,
.WashSymbolsSelectBox.CustomSelectDropdown .CaptionCont span,
.WashSymbolsSelectBox.CustomSelectOnlyDropdown .CaptionCont span {
  font-family: "BrlcPiNext2010";
  font-size: 200%;
  position: relative;
  top: -7px;
}

.WashSymbolsSelectBox label {
  font-family: "BrlcPiNext2010";
  font-size: 200%;
}

.OrderItemGrid .CustomerCodeColumn {
  width: 227px;
}

.OrderItemGrid .Orderdescription {
  width: 242px;
}

.OrderItemGrid .OrderMOQ {
  width: 55px;
}

.OrderItemGrid .OrderUPCHARGE {
  width: 120px;
}

.OrderItemGrid .EapCodeColumn {
  width: 110px;
}

.OrderItemGrid .ProductGroupColumn {
  width: 93px;
}

.OrderItemGrid .QuantityColumn {
  width: 103px;
}

.OrderItemGrid .PriceColumn {
  width: 141px;
}

.OrderItemGrid .UnitColumn {
  width: 70px;
}

.OrderItemGrid .ConfirmLayoutColumn {
  width: 90px;
}

.OrderItemGrid .CommentColumn {
  width: 70px;
}

.OrderItemGrid .AttachmentColumn {
  width: 50px;
}

.errorMessage {
  color: red;
  padding-left: 5px;
}

#mainLayoutFooter a.langLink:link {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

#mainLayoutFooter a.langLink:visited {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

#mainLayoutFooter a.langLink:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

#mainLayoutFooter a.langLink:active {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.btnNormal {
  background-color: #f2f2f2;
  min-height: 31px;
  min-width: 82px;
  border-radius: 3px;
  border: solid 1px #d8d8d8;
  cursor: pointer;
}

.redLongBtn {
  background-image: url("../images/red_long.png");
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 80%;
  color: #ffffff;
  text-decoration: none;
}

.greyMidBtn {
  background-image: url("../images/grey_medium.png");
  font-size: 22px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 180px;
  color: #ffffff;
  text-decoration: none;
}

.redMidBtn {
  background-image: url("../images/red_medium.png");
  font-size: 25px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 180px;
  color: #ffffff;
  text-decoration: none;
}

div.navigationBarBox {
  height: 33px;
  padding-right: 3px;
  padding-top: 3px;
}

div.navigationSearch {
  font-size: 0;
  bottom: 1px;
  float: right;
  margin-top: 0;
  position: relative;
}

div.navigationSearch > div > * {
  position: static;
}

input.searchText {
  bottom: 0;
}

input.searchText {
  border: 1px solid #e6e6e6;
  display: inline;
  font-size: 14px;
  height: 26px;
  left: 4px;
  position: relative;
  width: 200px;
}

input.searchText:focus {
  outline: #e6e6e6 solid 1px;
}

button.searchButton {
  bottom: 4px;
}

button.searchButton {
  background-color: #f0f0f0;
  background-image: url("../images/search.png");
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #d6d6d6;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  height: 30px;
  width: 53px;
}

.dijitDialogPaneContentArea.simpleDialogContentArea {
  padding: 15px 20px 0 !important;
}

.dijitDialogPaneActionBar.simpleDialogActionBar {
  padding-bottom: 25px;
}

.WashSymbolsSelectBox ul.options li {
  height: auto;
}

.b2b .dijitButtonDisabled .dijitButtonNode,
.b2b .dijitDropDownButtonDisabled .dijitButtonNode,
.b2b .dijitComboButtonDisabled .dijitButtonNode,
.b2b .dijitToggleButtonDisabled .dijitButtonNode {
  border-color: #777777;
  background-color: #888888;
  color: #6d6d6d;
}

#editProfile td.dijitArrowButtonContainer {
  width: 32px;
}

#editProfile .dijitInputField {
  line-height: 100% !important;
  padding: 0px !important;
  height: 100% !important;
}

#activeUsersTab td.dijitArrowButtonContainer {
  width: 32px;
}

#activeUsersTab .dijitInputField {
  line-height: 100% !important;
  padding: 0px !important;
  height: 100% !important;
}

.CreateTagDialog td.tableContainer-labelCell {
  width: 30% !important;
  text-align: right;
  padding-right: 15px;
}

.CreateTagDialog td.tableContainer-valueCell {
  width: 50% !important;
}

.sizeCategoryDropDown td.dijitButtonContents {
  width: 400px;
}

.washCategoryDropDown td.dijitButtonContents {
  width: 400px;
}

.SizeFilteringBox {
  width: 345px;
}

.SizeFilteringBox .dijitPlaceHolder {
  line-height: normal;
  padding-left: 2px !important;
}

.b2b .dojoxGrid .dojoxGridCell:first-child {
  padding-left: 15px;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../images/spinner.gif") center no-repeat #fff;
}

.dijitComboBoxMenuPopup {
  max-height: 290px;
}

.btnAdd,
.btnDelete,
.btnImportCsv {
  background: no-repeat scroll center #f2f2f2;
  min-height: 31px;
  min-width: 82px;
  border-radius: 3px;
  border: solid 1px #d8d8d8;
  cursor: pointer;
}

.btnAdd {
  background-image: url("../images/plus_square.png");
}

.btnDelete {
  background-image: url("../images/recycle_square.png");
}

.btnImportCsv {
  background-image: url("../images/import.png");
}

.EmailAlertMenuPane {
  padding: 8px;
}

.SearchList {
  padding: 10px;
  border-top: 1px solid #bfb2ad;
  border-bottom: 1px solid #bfb2ad;
}

.SearchList .SearchInput {
  width: 222px;
  background: white url("../images/search_icon_popup.png") right no-repeat;
  border: 1px solid #cccccc;
}

.SearchList .dgrid {
  width: 230px;
  height: 200px;
}

.SearchList .dgrid-row {
  padding: 5px;
  cursor: pointer;
}

.SearchList .dgrid-focus,
.SearchList .dgrid-row:hover {
  background-color: #eeeeee;
}

.AddProductAlertPopupPane {
  width: 250px;
  border: 1px solid darkgray;
}

.SearchGrid {
  background-color: white;
}

.SearchGrid .SelectorColumn {
  width: 30px;
}

.SearchGrid .dgrid-cell {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 4px;
}

.SearchGrid .SearchInput {
  background: white url("../images/search_icon_popup.png") right no-repeat;
  border: 1px solid #cccccc;
  height: 30px;
  width: 352px;
}

.SizeMultiFilteringBox {
  width: 345px;
  background: white url("../images/down2.png") no-repeat;
  background-size: 18px;
  background-position: center right 5px;
  padding: 5px;
  padding-left: 10px;
  min-height: 20px;
  border: 1px solid #ccc;
  display: inline-block;
}

.topBanner {
}

.btnEdit {
  background: no-repeat scroll center #f2f2f2;
  min-height: 31px;
  min-width: 82px;
  border-radius: 3px;
  border: solid 1px #d8d8d8;
  cursor: pointer;
}

.product_create_product_1_left span {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
  float: left;
  display: block;
  line-height: 25px;
  padding-left: 10px;
}

.product_mockup87_content {
  width: 1150px;
}

.product_mockup_loading {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}

#mockup87_brandlist_list_wrapper {
  height: calc(100vh - 225px);
  overflow-y: auto;
  padding: 0;
}

.list_of_brands {
  padding: 0;
  margin: 0;
  clear: both;
}

.list_of_brands li {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 126px;
  min-height: 126px;
  margin-bottom: 15px;
  float: left;
  width: auto;
  margin-right: 12px;
  padding: 0px;
  list-style: none;
}

.list_of_brands li a {
  border: 1px solid #bfb2ad;
  height: 126px;
  display: block;
  width: 126px;
}

.list_of_brands li img {
  width: 126px;
  height: 126px;
  margin: 0;
  padding: 0;
}

.li_class {
  clear: both !important;
}

.no_margin_right {
  margin-right: 0 !important;
}

.product_create_product_1 {
  float: left;
  /* width: 1120px;
    max-width: 1140px; */
  width: 100%;
  overfollow-x: hidden !important;
  display: none;
  padding-left: 10px;
  padding-right: 11px;
  padding-bottom: 5px;
  background: #fff;
}

.product_create_product_1_right {
  width: 800px;
}

.product_create_product_1_right span.pageIndex {
  display: inline-block !important;
}

.product_name_with_count {
  text-align: center;
  color: #333333;
  margin-top: 5px;
  padding-bottom: 3px;
  width: 126px;
}

.sort_descending,
.sort_ascending {
  background: url("../images/product_column_down.png") center right no-repeat;
  padding-right: 30px;
}

.sort_ascending {
  background: url("../images/product_column_up.png") center right no-repeat;
}

.product_create_product_1_right button.searchButton {
  position: absolute;
  right: 12px;
  top: 3px;
  bottom: auto !important;
}

.product_create_product_1_right input.searchText {
  margin-right: 64px;
  top: 3px;
  bottom: auto !important;
}

.chrome_browser .navigationSearch {
  margin-top: 0px;
}

.product_create_product_1 #pageIndexMockup87,
.product_create_product_1 .navigationButtons,
.product_create_product_1 .navigationSearch {
}

.mockup87_col_name span {
  display: inline-block;
  margin-top: 12px;
}

.mockup88ContainerNavigationTable {
  width: 100%;
  border-collapse: collapse;
}

#mockup88ContainerBrandName {
  display: inline-block;
  float: left;
  width: 180px;
  margin-left: 15px;
}

.product_mockup .btnUserMngtDelete {
  background: url("../images/recycle_square.png") no-repeat scroll center
    #f2f2f2;
  min-height: 31px;
  min-width: 82px;
  border-radius: 3px;
  border: solid 1px #d8d8d8;
  cursor: pointer;
}

#mockup88Container .btnUserMngtDelete {
  margin-left: 10px;
}

#mockup88ContainerTabContainer ul {
  margin: 10px 0 0;
  padding: 10px;
  clear: both;
  float: left;
  width: 100%;
  display: block;
}

#mockup88ContainerTabContainer ul li {
  list-style: none;
  list-style-position: inside;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

#mockup88ContainerTabContainer ul li a {
  text-decoration: none;
  color: #000;
  padding: 10px 20px;
  float: left;
  display: block;
  width: 78%;
}

#mockup88ContainerTabContainer ul li a.tab_active {
  color: #3895f0;
  background: #f2f2f0;
  border-radius: 10px;
}

#product_create_product_88_grid_container {
  clear: both;
  float: left;
  width: 99%;
  padding-left: 10px;
  height: 640px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#product_create_product_88_grid {
  border: 0;
  border-collapse: collapse;
  width: 99%;
}

#product_create_product_88_grid thead,
#product_create_product_88_grid thead td {
  background: #333333;
  color: #fff;
}

#product_create_product_88_grid .even td {
  background: #eeeeee;
  color: #000;
}

#product_create_product_88_grid .odd td {
  background: #f8f8f8;
  color: #000;
}

#product_create_product_88_grid th,
#product_create_product_88_grid td {
  margin: 0;
  padding: 5px;
  text-align: left;
}

.text_center {
  text-align: center !important;
}

.comboxbox_fake_container {
  position: relative;
  float: left;
  width: 120px;
  clear: both;
  padding-bottom: 10px;
}

.comboxbox_fake_ul {
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
  border: 1px solid #bfb2ad;
  float: left;
}

.comboxbox_fake_label {
  border: 0px solid #bfb2ad;
  display: inline-block;
  padding: 1px;
  width: 100%;
}

.comboxbox_fake_ul li {
  margin: 0;
  padding: 0;
  line-height: 28px;
  display: inline-block;
  float: left;
  clear: both;
  display: inline-block;
  width: 100%;
}

.comboxbox_fake_ul li:hover {
  background: #eeeeee;
}

.icon_enable {
  background: url("../images/icon_enable.png") left center no-repeat;
}

.icon_disable {
  background: url("../images/icon_disable.png") left center no-repeat;
}

.comboxbox_fake_ul span {
  line-height: 26px;
  display: inline-block;
  float: left;
}

.comboxbox_fake_ul .icon_enable,
.comboxbox_fake_ul .icon_disable {
  padding-right: 3px;
  height: 26px;
  display: inline-block;
  width: 26px;
}

.comboxbox_fake_label .icon_enable,
.comboxbox_fake_label .icon_disable {
  padding-left: 26px;
}

#mockup88_addblock_container {
  position: absolute;
  top: 32px;
  left: 8px;
  border: 1px solid #bfb2ad;
  padding: 20px;
  width: 190px;
  height: auto;
  background: #fff;
  z-index: 999;
}

#mockup88_eap_code_grid,
#mockup88_brand_product_number_grid {
  max-height: 160px;
  overflow-y: scroll;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  background: #fff;
}

#mockup88_eap_code_grid li a,
#mockup88_eap_code_grid li a:hover,
#mockup88_brand_product_number_grid li a,
#mockup88_brand_product_number_grid li a:hover {
  text-decoration: none;
  color: #000;
  background: #fff;
  display: block;
  float: left;
  width: 94%;
  padding: 3%;
}

#mockup88_eap_code_grid li a:hover,
#mockup88_brand_product_number_grid li a:hover {
  background: #eeeeee;
}

#mockup88_eap_code_title a {
  text-decoration: none;
  color: rgb(102, 157, 247);
}

#mockup88_eap_code_search_input,
#mockup88_brand_product_number_search_input {
  width: 160px;
  background: #fff url("../images/search_icon_popup.png") 167px center no-repeat;
  padding-right: 20px;
  border: 1px solid #cccccc;
  border-top: 1px solid #888888;
}

#mockup88_eap_code_search_container,
#mockup88_brand_product_number_search_container {
  margin-bottom: 10px;
}

#mockup88_brand_product_number_container {
  float: left;
  clear: both;
  width: 190px;
  background: #f2f2f2;
  margin-left: -20px;
  margin-top: 10px;
  padding: 10px 20px;
}

#mockup88_addblock_container a {
  text-decoration: none !important;
  color: #000;
}

#mockup88_addblock_container #mockup88_eap_code_title a {
  color: #669df7;
}

.button-back {
  background: url("../images/btn_back.png") no-repeat;
  min-height: 31px;
  min-width: 82px;
  cursor: pointer;
  border: none;
  position: relative;
}

.marker-brand {
  background: url("../images/brand.png") no-repeat;
}

.marker-vendor {
  background: url("../images/vendor.png") no-repeat;
}

.status-active {
  background: url("../images/icon_enable.png") no-repeat;
  height: 18px;
  width: 18px;
}

.status-inactive {
  background: url("../images/icon_disable.png") no-repeat;
  height: 18px;
  width: 18px;
}

.dojoxGrid {
  position: relative;
  background-color: #ebeadb;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  -moz-outline-style: none;
  outline: none;
  overflow: hidden;
  height: 0;
}

.dojoxGrid table {
  padding: 0;
}

.dojoxGrid td {
  -moz-outline: none;
}

.dojoxGridMasterHeader {
  position: relative;
}

.dojoxGridMasterView {
  position: relative;
}

.dojoxGridMasterMessages {
  position: relative;
  padding: 1em;
  text-align: center;
  background-color: white;
}

.dojoxGridView {
  position: absolute;
  overflow: hidden;
}

.dojoxGridHeader {
  position: absolute;
  overflow: hidden;
  cursor: default;
}

.dojoxGridHeader {
  background-color: #e8e1cf;
}

.dojoxGridHeader table {
  text-align: center;
}

.dojoxGridHeader .dojoxGridCell {
  border: 1px solid;
  border-color: #f6f4eb #aca899 #aca899 #f6f4eb;
  background: url("../dojox/grid/resources/images/grid_dx_gradient.gif") #e8e1cf
    top repeat-x;
  padding-bottom: 2px;
}

.dojoxGridHeader .dojoxGridCellOver {
  background-image: none;
  background-color: white;
  border-bottom-color: #febe47;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 3px;
}

.dojoxGridHeader .dojoxGridCellFocus {
  border: 1px dashed blue;
}

.dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver {
  background-image: none;
  background-color: white;
  border-bottom-color: #febe47;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 3px;
}

.dojoxGridArrowButtonNode {
  display: none;
  padding-left: 16px;
}

.dojoxGridArrowButtonChar {
  display: inline;
}

.dojoxGridArrowButtonNode:hover {
  cursor: default;
}

.dojoxGridArrowButtonChar:hover {
  cursor: default;
}

.dojoxGridSortUp:hover {
  cursor: default;
}

.dojoxGridSortDown:hover {
  cursor: default;
}

.dijit_a11y .dojoxGridArrowButtonChar {
  display: inline !important;
}

.dojoxGridScrollbox {
  position: relative;
  overflow: auto;
  background-color: white;
  width: 100%;
}

.dojoxGridContent {
  position: relative;
  overflow: hidden;
  -moz-outline-style: none;
  outline: none;
}

.dojoxGridRowbar {
  border: 1px solid;
  border-color: #f6f4eb #aca899 #aca899 #f6f4eb;
  border-top: none;
  background: url("../dojox/grid/resources/images/grid_dx_gradient.gif") #e8e1cf
    top repeat-x;
}

.dojoxGridRowbarInner {
  border-top: 1px solid #f6f4eb;
}

.dojoxGridRowbarOver {
  background-image: none;
  background-color: white;
  border-top-color: #febe47;
  border-bottom-color: #febe47;
}

.dojoxGridRowbarSelected {
  background-color: #d9e8f9;
}

.dojoxGridRow {
  position: relative;
  width: 9000em;
}

.dojoxGridRow {
  border: 1px solid #e8e4d8;
  border-color: #f8f7f1;
  border-left: none;
  border-right: none;
  background-color: white;
  border-top: none;
}

.dojoxGridRowOver {
  border-top-color: #febe47;
  border-bottom-color: #febe47;
}

.dojoxGridRowOdd {
  background-color: #fffdf3;
}

.dojoxGridRowSelected {
  background-color: #d9e8f9;
}

.dojoxGridRowTable {
  table-layout: fixed;
  width: 0;
  empty-cells: show;
}

.dj_ie .dojoxGridRowTable {
  border-collapse: collapse;
}

.dojoxGridInvisible {
  visibility: hidden;
}

.Xdojo-ie .dojoxGridInvisible {
  display: none;
}

.dojoxGridInvisible td,
.dojoxGridHeader .dojoxGridInvisible td {
  border-top-width: 0;
  border-bottom-width: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  overflow: hidden;
}

.dojoxGrid .dojoxGridCell {
  border: 1px solid;
  border-color: #ebeadb;
  border-right-color: #d5cdb5;
  padding: 3px 3px 3px 3px;
  text-align: left;
  overflow: hidden;
  word-wrap: break-word;
}

.dojoxGrid .dojoxGridFixedRowHeight .dojoxGridCell {
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
  text-overflow: ellipsis;
}

.dojoxGridCellFocus {
  border: 1px dashed blue;
}

.dojoxGridCellOver {
  border: 1px dotted #febe47;
}

.dojoxGridCellFocus.dojoxGridCellOver {
  border: 1px dashed green;
}

.dojoxGridRowEditing td {
  background-color: #f4fff4;
}

.dojoxGridRow-inserting td {
  background-color: #f4fff4;
}

.dojoxGridRow-inflight td {
  background-color: #f2f7b7;
}

.dojoxGridRow-error td {
  background-color: #f8b8b6;
}

.dojoxGridInput,
.dojoxGridSelect,
.dojoxGridTextarea {
  margin: 0;
  padding: 0;
  border-style: none;
  width: 100%;
  font-size: 100%;
  font-family: inherit;
}

.dojoxGridHiddenFocus {
  position: absolute;
  top: -1000px;
  height: 0;
  width: 0;
}

.dijit_a11y .dojoxGridRowbarSelected {
  border-top: 1px solid white;
  border-bottom: 1px dashed black;
  border-top: 0;
  background: none;
}

.dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner {
  border: 0;
  border-top: 1px solid white;
}

.dijit_a11y .dojoxGridRowSelected {
  border: 1px solid black !important;
}

.dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem {
  display: table-cell;
  margin: 0;
}

.dojoxGridDndAvatar {
  font-size: 100%;
}

.dojoxGrid .dojoDndItemBefore {
  border-left-color: red;
}

.dojoxGrid .dojoDndItemAfter {
  border-right-color: red;
}

.dijit_a11y .dojoDndItemBefore {
  border-left: double;
}

.dijit_a11y .dojoDndItemAfter {
  border-right: double;
}

.dojoxGridDndAvatarItem td {
  border: 1px solid;
  border-color: #f6f4eb #aca899 #aca899 #f6f4eb;
  background: url("../dojox/grid/resources/images/grid_dx_gradient.gif") #e8e1cf
    top repeat-x;
  padding: 0pt;
  margin: 0pt;
}

.dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage {
  border: 0;
  border-color: #f6f4eb #aca899 #aca899 #f6f4eb;
  background-color: transparent;
  padding: 3px;
  padding-bottom: 2px;
  margin: 0;
}

.dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
  background-image: url("../dojo/resources/images/dndNoMove.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
  background-image: url("../dojo/resources/images/dndNoCopy.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.dojoDndMove
  .dojoDndAvatarCanDrop
  .dojoxGridDndAvatarItem
  .dojoxGridDndAvatarItemImage {
  background-image: url("../dojo/resources/images/dndMove.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.dojoDndCopy
  .dojoDndAvatarCanDrop
  .dojoxGridDndAvatarItem
  .dojoxGridDndAvatarItemImage {
  background-image: url("../dojo/resources/images/dndCopy.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.dojoxGridColPlaceBottom {
  background: transparent url("../dojox/grid/resources/images/grid_sort_up.gif")
    no-repeat scroll left top;
}

.dojoxGridColPlaceTop {
  background: transparent
    url("../dojox/grid/resources/images/grid_sort_down.gif") no-repeat scroll
    left top;
}

.dojoxGridColPlaceTop,
.dojoxGridColPlaceBottom {
  font-size: 1px;
  height: 6px;
  z-index: 10000;
  top: 0;
  overflow: hidden;
  position: absolute;
  line-height: 1px;
  width: 8px;
}

.dojoxGridResizeColLine {
  width: 1px;
  background-color: #777;
  position: absolute;
  cursor: col-resize;
  z-index: 10000;
}

.dojoxGridColNoResize,
.dojoxGridColNoResize .dojoDndItemOver {
  cursor: not-allowed !important;
}

.dojoxGridColResize,
.dojoxGridColResize .dojoDndItemOver,
.dojoxGridColumnResizing,
.dojoxGridColumnResizing .dojoDndItemOver,
.dojoxGridColumnResizing .dojoxGridHeader {
  cursor: col-resize !important;
}

.dojoxGridColPlaceBottom {
  background: transparent url("../dojox/grid/resources/images/grid_sort_up.gif")
    no-repeat scroll left top;
}

.dojoxGridColPlaceTop {
  background: transparent
    url("../dojox/grid/resources/images/grid_sort_down.gif") no-repeat scroll
    left top;
}

.dojoxGridColPlaceTop,
.dojoxGridColPlaceBottom {
  font-size: 1px;
  height: 6px;
  z-index: 10000;
  top: 0;
  overflow: hidden;
  position: absolute;
  line-height: 1px;
  width: 8px;
}

.dojoxGridResizeColLine {
  width: 1px;
  background-color: #777;
  position: absolute;
}

.dojoxGridExpandoCell {
  vertical-align: middle;
}

.dojoxGridSummarySpan {
  visibility: hidden;
}

.dojoxGridSummaryRow .dojoxGridSummarySpan,
.dojoxGridRowCollapsed .dojoxGridSummarySpan {
  visibility: visible;
}

.dojoxGridNoChildren .dojoxGridExpando {
  visibility: hidden !important;
  width: 0px !important;
}

.dgrid {
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  height: 30em;
  display: block;
}

.dgrid-header {
  background-color: #eee;
}

.dgrid-header-row {
  position: absolute;
  right: 17px;
  left: 0;
}

.dgrid-header-scroll {
  position: absolute;
  top: 0;
  right: 0;
}

.dgrid-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.dgrid-header-hidden,
html.has-quirks .dgrid-header-hidden .dgrid-cell {
  font-size: 0;
  height: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.dgrid-footer-hidden {
  display: none;
}

.dgrid-sortable {
  cursor: pointer;
}

.dgrid-header,
.dgrid-header-row,
.dgrid-footer {
  overflow: hidden;
  background-color: #eee;
}

.dgrid-row-table {
  border-collapse: collapse;
  border: none;
  table-layout: fixed;
  empty-cells: show;
  width: 100%;
  height: 100%;
}

.dgrid-cell {
  padding: 0px;
  text-align: left;
  overflow: hidden;
  vertical-align: top;
  border: 1px solid #ddd;
  border-top-style: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.dgrid-cell-padding {
  padding: 3px;
}

.dgrid-content {
  position: relative;
  height: 99%;
}

.dgrid-scroller {
  overflow-x: auto;
  overflow-y: scroll;
  position: absolute;
  top: 0px;
  margin-top: 25px;
  bottom: 0px;
  width: 100%;
}

.dgrid-preload {
  font-size: 0;
  line-height: 0;
}

.dgrid-loading {
  position: relative;
  height: 100%;
}

.dgrid-above {
  position: absolute;
  bottom: 0;
}

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("../dgrid/css/images/ui-icons_222222_256x240.png");
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.dgrid-expando-icon {
  width: 16px;
  height: 16px;
}

.dgrid-tree-container {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
}

.dgrid-tree-container.dgrid-tree-resetting {
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -ms-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
}

.dgrid-sort-arrow {
  background-position: -64px -16px;
  display: block;
  float: right;
  margin: 0 4px 0 5px;
  height: 12px;
}

.dgrid-sort-up .dgrid-sort-arrow {
  background-position: 0px -16px;
}

.dgrid-selected {
  background-color: #bfd6eb;
}

.dgrid-input {
  width: 99%;
}

html.has-mozilla .dgrid *:focus,
html.has-opera .dgrid *:focus {
  outline: 1px dotted;
}

html.has-ie-6-7.has-no-quirks .dgrid-row-table {
  width: auto;
}

html.has-quirks .dgrid-row-table,
html.has-ie-6 .dgrid-row-table {
  height: auto;
}

html.has-quirks .dgrid-header-scroll,
html.has-ie-6 .dgrid-header-scroll {
  font-size: 0;
}

html.has-mozilla .dgrid-focus {
  outline-offset: -1px;
}

.dgrid-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

.dgrid-autoheight {
  height: auto;
}

.dgrid-autoheight .dgrid-scroller {
  position: relative;
  overflow-y: hidden;
}

.dgrid-autoheight .dgrid-header-scroll {
  display: none;
}

.dgrid-autoheight .dgrid-header {
  right: 0;
}

#dgrid-css-dgrid-loaded {
  display: none;
}

.dgrid-column-resizer {
  position: absolute;
  width: 2px;
  background-color: #666;
  z-index: 1000;
}

.dgrid-resize-handle {
  height: 100px;
  width: 0;
  position: absolute;
  right: -4px;
  top: -4px;
  cursor: col-resize;
  z-index: 999;
  border-left: 5px solid transparent;
  outline: none;
}

html.has-ie-6 .dgrid-resize-handle {
  border-color: pink;
  filter: chroma(color=pink);
}

html.has-mozilla .dgrid .dgrid-resize-handle:focus,
html.has-opera .dgrid .dgrid-resize-handle:focus {
  outline: none;
}

.dgrid-resize-header-container {
}

html.has-touch .dgrid-resize-handle {
  border-left: 20px solid transparent;
}

html.has-touch .dgrid-column-resizer {
  width: 2px;
}

html.has-no-quirks .dgrid-resize-header-container {
  position: relative;
}

html.has-ie-6 .dgrid-resize-header-container {
  position: static;
}

.dgrid-header .dgrid-cell-padding {
  overflow: hidden;
}

html.has-ie-6 .dgrid-header .dgrid-cell-padding {
  margin-right: 4px;
}

html.has-ie-6 .dgrid-header .dgrid-sort-arrow {
  margin-right: 0;
}

html.has-quirks .dgrid-header .dgrid-cell-padding,
html.has-ie-6 .dgrid-header .dgrid-cell {
  position: relative;
}

#dgrid-css-extensions-ColumnResizer-loaded {
  display: none;
}

.b2b-grid,
.b2b-grid.dgrid,
.b2b-grid .dgrid {
  font-size: 16px;
  border-style: none;
  background-color: white;
  color: black;
}

.b2b-grid .dgrid-header .dgrid-cell {
  height: 48px;
  font-size: 18px;
  font-weight: normal;
}

.b2b-grid .dgrid-scroller {
  margin-top: 49px;
}

.b2b-grid .dgrid-cell {
  border-style: inset !important;
  vertical-align: middle;
  height: 39px;
}

.b2b-grid .dgrid-row-even {
  background-color: #f8f8f8;
}

.b2b-grid .dgrid-row-odd {
  background-color: #eeeeee;
}

.b2b-grid .dgrid-row:hover,
.b2b-grid .dgrid-selected {
  background-color: #ffffd6;
}

.b2b-grid .dgrid-selected {
  font-weight: bold;
}

.b2b-grid .dgrid-selector {
  width: 40px;
}

.b2b-grid .dgrid-sort-arrow {
  height: 10px;
  width: 19px;
  margin-top: 5px;
}

.b2b-grid .dgrid-loading {
  text-align: center;
}

.white-grid .dgrid-header .dgrid-row-table {
  height: 71px;
}

.white-grid .dgrid-header,
.white-grid .dgrid-header-row,
.white-grid .dgrid-footer {
  background-color: white;
}

.white-grid .dgrid-header .dgrid-cell {
  border-bottom: solid #cccccc 2px;
}

.white-grid .dgrid-sort-up .dgrid-sort-arrow {
  background: url("../JA/b2b/widgets/css/images/column_up.png");
}

.white-grid .dgrid-sort-down .dgrid-sort-arrow {
  background: url("../JA/b2b/widgets/css/images/column_down.png");
}

.black-grid .dgrid-header,
.black-grid .dgrid-header-row,
.black-grid .dgrid-footer {
  background-color: #333333;
  color: white;
}

.black-grid .dgrid-sort-up .dgrid-sort-arrow {
  background: url("../JA/b2b/widgets/css/images/column_up_black.png");
}

.black-grid .dgrid-sort-down .dgrid-sort-arrow {
  background: url("../JA/b2b/widgets/css/images/column_down_black.png");
}