#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: #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;
}

.dx-popup-bottom.dx-toolbar {
    background-color: white !important;
    padding: 50px !important;
}

.dx-popup-content.dx-dialog-content {
    background-color: #003C55;
}

.my-brand {
    color: green !important;
}