.walx-section {
  display: flex;
  align-content: center;
  align-items: center;
  height: 60px;
}

.walx-margin {
  margin: 10px;
}

.walx-headers-align .mat-expansion-panel-header-title,
.walx-headers-align .mat-expansion-panel-header-description {
  flex-basis: 0;
}

.walx-headers-align .mat-expansion-panel-header-description {
  justify-content: space-between;
  align-items: center;
}

.walx-headers-align .mat-form-field + .mat-form-field {
  display: inline;
}

.mat-form-field {
  display: inline !important;
}

mat-button-toggle-group {
  margin-left: 12px;
}

/*
* FORM CSS
*/
.mat-radio-button ~ .mat-radio-button {
  margin-left: 16px;
}

.mat-form-field-wrapper {
  margin-bottom: 15px;
}

.mat-radio-button {
  margin-bottom: 15px;
}

/*
* BUTTON CSS
*/
/* BUTTON_SUCCESS */
.mat-button.mat-success,
.mat-stroked-button.mat-success {
    color: #155724;
}
.mat-button.mat-success:hover,
.mat-stroked-button.mat-success:hover {
  background-color: #f0fff3;
}

.mat-raised-button.mat-success,
.mat-flat-button.mat-success,
.mat-fab.mat-success,
.mat-mini-fab.mat-success {
  color: #f0fff3;
  background-color: #155724;
}

.mat-icon-button.mat-success {
  color:#155724;
}
/* BUTTON_INFO */
.mat-button.mat-info,
.mat-stroked-button.mat-info {
    color: #10a2da;
}
.mat-button.mat-info:hover,
.mat-stroked-button.mat-info:hover {
  color: #0e90c1;
  background-color: #f0fff3;
}

.mat-raised-button.mat-info,
.mat-flat-button.mat-info,
.mat-fab.mat-info,
.mat-mini-fab.mat-info {
  color: #f0fff3;
  background-color: #10a2da;
}

.mat-icon-button.mat-info {
  color:#10a2da;
}
/* BUTTON_WARN */
.mat-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: goldenrod;
}
.mat-button.mat-warn:hover,
.mat-stroked-button.mat-warn:hover {
  color: goldenrod;
  background-color: #f0fff3;
}

.mat-raised-button.mat-warn,
.mat-flat-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
  color: #f0fff3;
  background-color: goldenrod;
}

.mat-icon-button.mat-warn {
  color: goldenrod;
}

/*
* CART EXPANSION PANEL CSS
*/

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: lightgrey !important;
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #00c2cb !important;
}

.mat-button .mat-button-wrapper > *,
.mat-flat-button .mat-button-wrapper > *,
.mat-stroked-button .mat-button-wrapper > *,
.mat-raised-button .mat-button-wrapper > *,
.mat-icon-button .mat-button-wrapper > *,
.mat-fab .mat-button-wrapper > *,
.mat-mini-fab .mat-button-wrapper > * {
  color: #fff;
}

/*
* DATATABLE CSS
*/
th.mat-header-cell:last-of-type, td.mat-cell:last-of-type, td.mat-footer-cell:last-of-type {
  padding: 10px !important;
}

/*
* MAT TABLE CSS
*/
.material-container {
  width: 100%;
  max-width: 100%;
  overflow: auto;
}

table {
  width: 800px;
}

td.mat-column-star {
  width: 20px;
  padding-right: 8px;
}

th.mat-column-position, td.mat-column-position {
  padding-left: 8px;
}

.mat-table-sticky-border-elem-right {
  border-left: 1px solid #e0e0e0;
}

.mat-table-sticky-border-elem-left {
  border-right: 1px solid #e0e0e0;
}

/*
* GRID CSS
*/
mat-grid-list {
  position: unset !important;
}

mat-grid-list a {
  color: azure;
}

mat-grid-list a:active {
  color: darkslategray;
  text-decoration: none;
}

mat-grid-list a:hover {
  color: darkslategray;
  text-decoration: none;
}

mat-grid-tile {
  background: darkseagreen;
  font-size: 17px;
  border-radius: 5px;
}

mat-grid-tile .mat-grid-tile-first {
  background: #818181; 
  color: azure;
}

mat-grid-tile .action-icon a {
  color: darkslategray;
}

mat-grid-tile .action-icon a:hover {
  color: ghostwhite;
}

mat-divider .light {
  color: #818181;
}