#gridContainer .dx-header-row td {background-color: #003C55; color: white; font-size: 13px; 
  text-align: center!important;}

#gridContainer tr:nth-child(even){background-color: #eceff4;}

#gridContainer tr:nth-child(odd) {background-color:#fff;}


.color999{color: #999!important;
padding-left: 8px; padding-top: 8px;}

.dx-datagrid-header-panel .dx-toolbar {margin-top: 5px;}
.dx-toolbar .dx-toolbar-after{padding-right: 8px;}


.Add-button-in-brands{
  float: right;
  width: 140px;
  margin-right: 10px;
  margin-top: 7px;
  background-color:#f87e24;
  color: #fff;
  border:1px solid #f87e24;
  font-weight: bold;
  height: 33px;

}
.btn-group-xs > .btn, .btn-xs{
  border-radius:10px!important;
}
.dx-link-delete {
color:#f26522 !important;
}
.dx-link-edit{
  color:#003C55!important;
}
.switch-group .btn-success{
  background-color:#6ca62b!important;
  outline-color: #6ca62b!important;
  --bs-btn-border-color:none!important;
  --bs-btn-active-border-color:none!important;
  --bs-btn-disabled-border-color:none!important;
  --bs-btn-bg:none!important;
  border: 0px solid#6ca62b!important;

}

.dx-popup-bottom {
  background-color:gainsboro!important;
  border:1px solid gainsboro!important;
  box-shadow: none!important;
}
.dx-button-mode-contained {
  color:white!important;
}
.save-button-popup{
background-color:#f87e24!important;
}
.cancel-button-popup{
  background-color:#f26522!important;
  }
.class-name{
background-color: red!important;
}
.max-width-sections{
  max-width: 100%!important;
}
/* ====== */
.image-class{
  width:100px!important;
  height:100px!important;
  margin-left:2%;
  margin-top:2%;
}

.btn-success{
  margin-right:1%!important;
  background-color: #f87e24!important;
  border:1px solid  #f87e24!important;
   color:white;
}
.btn-warning{
  background-color:#f26522 !important;
  border:1px solid #f26522 !important;
  color:white!important;
}
.middle-outer-div-brands{
  width:100%!important;
}
.max-width-section-brands {
  width:auto!important;
}
.padding-products{
  margin-top:30px;
}
.stick-to-bottom{
  margin-top:20px;
}
.min-hight-claculation{
  height:auto;
 
}
.space-provide{
  width:100%;
  height:70px;
}
.margin-top-product{
  margin-top:22px;
}
.width-success{
  width:100px;
}