#gridContainer .dx-header-row td {background-color: #02BABC; 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:#6ca62b;
  color: #fff;
  border:1px solid #62a62b;
  font-weight: bold;
  height: 33px;

}
/* -------------------------- */
.Add-button-in-learn-topic{
  float: right;
  width: 160px;
  margin-right: 10px;
  margin-top: 7px;
  background-color:#6ca62b;
  color: #fff;
  border:1px solid #62a62b;
  font-weight: bold;
  height: 33px;

}

.Add-button-box-learn-topic {
  border: 1px solid #ddd;
  height: 60px;
  background-color: #fff;
  padding-left: 10px;
}
/* --------------------- */
.btn-group-xs > .btn, .btn-xs{
  border-radius:10px!important;
}
.dx-link-delete {
color:#f26522 !important;
}
.dx-link-edit{
  /* color:#02babc!important; */
  color:#003C55!important;
}
.switch-group .btn-success{
  background-color:#f87e24;
  outline-color: #f87e24;
  --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  #f87e24;

}

.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;
}
.cancel-button-popup{
  background-color:#f26522!important;
  }
.class-name{
background-color: red!important;
}
.max-width-sections{
  max-width: 100%!important;
}

.my-text-size-color-heading {
  font-size: 0.91rem;
  font-weight: 600;
  color: #000;
}