.dgrid-hider-toggle {
  z-index: 1;
}
/* CATALOG */
.catalog-dgrid .dgrid-scroller {
  padding-bottom: 100px;
}

.catalog-dgrid .dgrid-analog {
  background-color: lightyellow;
}
.catalog-dgrid .dgrid-selected {
  background-color: #bbb;
}
.catalog-dgrid .field-Root {
  width: 6rem;
    vertical-align: middle;
    text-align: center;
}
.catalog-dgrid .field-Image {
  width: 80px;
}
.catalog-dgrid .field-Image a:first-child {
  min-height: 6rem;
}
.catalog-dgrid .field-Article {
  width: 60%;
}
.catalog-dgrid .field-BrandName {
  *width: 18rem;
  width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.catalog-dgrid .field-Unit {
  width: 4rem;
}
.catalog-dgrid .field-Price {
  width: 80px;
  text-align: right;
  vertical-align: middle;
}

.catalog-dgrid .dgrid-cell[class*=field-Stock] {
  text-align: center;
  width: 4rem;
}

.catalog-dgrid .field-allStocks {
  text-align: center;
  width: 4rem;
}

.catalog-dgrid .field-StockT:hover .totaltip {
    display: block;
}

.catalog-dgrid .field-Quantity {
  width: 80px;
  text-align: right;
  overflow: visible;
  padding: 0;
  text-align: center;
}

/* BRANDS */

.grid-brands .dgrid-row {
  display: inline-block;
  *width: 14%;
  text-align: center;
  float: none;
  vertical-align: middle;
}

.grid-brands .dgrid-row .grid-brands-media {
  padding: 5px;
}
.grid-brands .dgrid-row img{
  max-height:100px;
}
.grid-brands .dgrid-row .grid-brands-title {
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  display: block;
}
.dgrid.grid-brands {
  height:100%;
  border: 0;
}

/* GROUPS */

.grid-groups .dgrid-row {
  display: inline-block;
  *width: 14%;
  text-align: center;
  float: none;
}

.grid-groups .dgrid-row .grid-brands-media {
  padding: 5px;
}
.grid-groups .dgrid-row img{
  max-height: 66px;
}
.grid-groups .dgrid-row .grid-brands-title {
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  display: block;
}
.dgrid.grid-brands {
  height:100%;
  border: 0;
}

/* CART */

.cart-dgrid {
  min-width: 768px;
}
.cart-dgrid .dgrid-scroller {
  *margin-top: 70px !important;
}
.cart-dgrid .dgrid-row {
  border-bottom: 0.2rem solid #D8D8D8;
}
.cart-dgrid .dgrid-cell {
  border: none;
}

.cart-dgrid .dgrid-selected {
  background-color: #bbb;
}

.cart-dgrid .field-Enabled {
  width: 3rem;
  vertical-align: middle;
}
.cart-dgrid .field-Image {
  width: 80px;
}
.cart-dgrid .field-Image a:first-child {
  min-height: 6rem;
}
.cart-dgrid .field-Article {
  width: 60%;
}
.cart-dgrid .field-BrandName {
  width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cart-dgrid .dgrid-cell[class*=field-Stock] {
  text-align: center;
  width: 4rem;
}
.cart-dgrid .field-Unit {
  text-align: center;
  width: 4rem;
}
.cart-dgrid .field-Price {
  width: 80px;
  text-align: right;
  font-weight: bold;
}
.cart-dgrid .field-Quantity {
  width: 80px;
  text-align: right;
}
.cart-dgrid .field-Total {
  width: 80px;
  text-align: right;
  font-weight: bold;
}
.cart-dgrid .field-Comment {
  width: 7rem;
}
.cart-dgrid .field-Remove {
  text-align: right;
}

/* MINI CART */
.mini-cart-dgrid {
  max-height: 30em;
  overflow-y: auto;
}
.mini-cart-dgrid .dgrid-scroller {
  margin-top: 30px !important;
}
.mini-cart-dgrid .field-Name a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mini-cart-dgrid .field-Quantity {
  width: 4em;
  text-align: right;
}
.mini-cart-dgrid .field-Total {
  width: 4em;
  text-align: right;
}
.mini-cart-dgrid .field-Remove {
  width: 2em;
  text-align: right;
}

/* orders */

.orders-dgrid .field-orderStatus {
    width: 5rem;
    text-align: center;
}
.orders-dgrid .field-orderStatus img{
    height: 4rem;
}
.orders-dgrid .field-Date {
    width: 8rem;
}
.orders-dgrid .field-Number {
    width: 9rem;
}
.orders-dgrid .field-ContractName {
    width: 10rem;
}
.orders-dgrid .field-Sum {
    text-align: right;
    width: 8rem;
}
.orders-dgrid .field-CurrencyName {
    width: 6rem;
}
.orders-dgrid .field-StoreName {
    width: 10rem;
}
.orders-dgrid .field-MethodDeliveryName {
    width: 11rem;
}
.orders-dgrid .field-UserName {
    width: 11rem;
}
.orders-dgrid .field-Comment {
    width: 4rem;
}
.orders-dgrid .field-Events {
    width: 4rem;
    text-align: center;
    vertical-align: middle;    
}
.orders-dgrid .field-Events:hover .totaltip {
    display: block;
}
.orders-dgrid .field-Events .totaltip {
    margin-left: -25rem;
}

/* invoices */

.invoices-dgrid .field-Date {
    width: 8rem;
}
.invoices-dgrid .field-Number {
    width: 9rem;
}
.invoices-dgrid .field-Contract {
    width: 15rem;
}
.invoices-dgrid .field-SumDoc {
    text-align: right;
    width: 8rem;
}
.invoices-dgrid .field-Currency {
    width: 6rem;
}
.invoices-dgrid .field-Store {
    width: 10rem;
}
.invoices-dgrid .field-Avtor {
    width: 20rem;
}


/* deliveries */

.deliveries-dgrid .field-Date {
    width: 8rem;
}
.deliveries-dgrid .field-Number {
    width: 9rem;
}
.deliveries-dgrid .field-Store {
    width: 10rem;
}
.deliveries-dgrid .field-Places {
    width: 4rem;
}
.deliveries-dgrid .field-DeliveryName {
    width: 12rem;
}
.deliveries-dgrid .field-CourierName {
    width: 11rem;
}
.deliveries-dgrid .field-WhoAdopted {
    width: 14rem;
}
.deliveries-dgrid .field-DateAdopted {
    width: 8rem;
}
.deliveries-dgrid .field-Avtor {
    width: 20rem;
}
.deliveries-dgrid .field-Events {
    width: 4rem;
    text-align: center;
    vertical-align: middle;    
}
.deliveries .field-Events:hover .totaltip {
    display: block;
}
.deliveries .field-Events .totaltip {
    margin-left: -25rem;
}


/* order */
.order-dgrid .field-Article {
  width: 13rem;
}
.order-dgrid .field-BrandName {
  width: 10rem;
}
.order-dgrid .field-Unit {
  width: 5rem;
}
.order-dgrid .field-Price {
  width: 6rem;
}
.order-dgrid .field-Quantity {
  width: 10rem;
}
.order-dgrid .field-Sum {
  width: 6rem;
}

.order-dgrid .field-Comment {
  width: 5rem;
}

/* NumberSpinner */
.dijitSpinner.dijitTextBox {
  border: 0.1rem solid #D8D8D8;
}
.dijitSpinner .dijitSpinnerButtonContainer {
  border: none !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
  border-top-width: 0 !important;
}
.dijitSpinner .dijitButtonNode.dijitArrowButton {
  line-height: 1;
  font: normal normal normal 14px/1 FontAwesome;
}
.dijitSpinner .dijitButtonNode.dijitArrowButton.dijitUpArrowButton:before {
  content: "\f106"
}
.dijitSpinner .dijitButtonNode.dijitArrowButton.dijitDownArrowButton:before {
  content: "\f107"
}

/* CheckBox */
.dijitCheckBox {
  border: 2px solid #D5D5D5;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.dijitCheckBox.dijitCheckBoxChecked:before {
  content: ' ';
  position: absolute;
  height: 7px;
  width: 12px;
  margin: 2px;
  border: 3px solid #E20613;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* comment and responsible */
.page.cart .dgrid-panel {
  overflow: visible;
}
@media only screen and (max-width: 1024px) {
  .page.cart .dgrid-panel {
    overflow: auto;
  }
}
.page.cart .dgrid,
.page.cart .dgrid .dgrid-scroller {
  overflow: visible;
}

.page.cart .dgrid .field-Comment {
  overflow: visible;
}

.grid-products {
  border: none;
  *max-height: 30rem;
  overflow-y: auto;
}
.grid-products .product-item{
  margin-bottom: 5rem;
}