body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  font :arial,sans-serif, Helvetica;
}

.actions-bar {
    margin-top: 0px;
    padding-bottom: 9px;
    padding-left: 5px;
    border-bottom: 1px solid #BFC7D0;
    background-color: #27348B;
}

.actions-bar .dx-button {
        border-style: none !important;
        background-color: #27348B;
        color: white;

    }
.actions-bar .dx-button.dx-state-hover {
            border-style: none !important;
            background-color: #D9D9D9;
}

.actions-bar .dx-button.dx-state-hover .dx-icon {
    color: #27348B;
}
.actions-bar .dx-button.dx-state-hover .dx-button-text {
    color: #27348B;
}

.actions-bar .dx-button .dx-icon {
            color: white;
}

.actions-bar .sep {
    border-left: 2px solid #e9e9e9;
    width: 4px;
    display: inline-block;
    padding-bottom: 2px;
    margin: 0px;
    height: 35px;
    font-size: 17px;
}