ni-front-panel {
    /* box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.75); */
}

ni-front-panel[layout=flexible] {
	min-height: 200px;
}

.header-text {
    display: table;
}
.header-text > div {
    display: table-cell;
    vertical-align: middle;
}

ni-flexible-layout-container {
  margin: 0px 0px 0px 0px;
}

.menubutton {
    --ni-true-background: rgba(117, 0, 19, 0.5);
    --ni-true-foreground-color: black;
    --ni-false-background: rgba(117, 0, 19, 1);
    --ni-false-foreground-color: white;
    --ni-hover-border-color: white;
    --ni-border-color: rgba(227,227,227,1);
    --ni-border: 2px solid;
}

.actionbutton {
    --ni-true-background: rgba(117, 0, 19, 0.5);
    --ni-true-foreground-color: black;
    --ni-false-background: rgba(127, 127, 127, 1);
    --ni-false-foreground-color: white;
    --ni-hover-border-color: white;
    --ni-border-color: rgba(227,227,227,1);
    --ni-border: 2px solid;
}

.logoutbutton {
    --ni-true-background: rgba(117, 0, 19, 1);
    --ni-false-background: white;
    --ni-hover-border-color: rgba(117, 0, 19, 1);
    --ni-border-color: rgba(227,227,227,1);
    --ni-border: 2px solid;
}

.transparent-indicator {
    --ni-indicator-background-color: transparent;
    --ni-border: none;
}


.progressbar {
    --ni-fill-background: rgba(127, 127, 127, 1);
}

.custom-input-control input {
    border: var(--ni-border);
    width: 100%;
    height: 100%;
}

.custom-input-control input[type=date]::-webkit-inner-spin-button,
.custom-input-control input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}