/**
 * Allgemeine Variablen
 */
/**********************
         Colors
***********************/
/**********************
         BREAKPOINTS
***********************/
body {
  background: white;
}
.menuBar {
  background-color: #df0024 ! important;
}
.menuBar .menuBarLink {
  color: white ! important;
}
.menuBar .menuLeft li:hover {
  background-color: #A4201E;
}
.menuBar .ui-inplace-display {
  color: white ! important;
}
.filterOverlay {
  background: white;
  height: 600px !important;
}
.depotChangeOverlay {
  background: white;
  height: 600px !important;
}
.ui-datatable table thead tr th,
.ui-datatable .ui-datatable table tfoot tr td,
.ui-datatable .ui-datatable table thead tr th,
.ui-datatable .ui-datatable-header {
  background-color: #88949c ! important;
  border: solid 1px white;
  color: white;
}
.ui-datatable table tbody tr td {
  border: solid 1px #cccccc;
}
.ui-datatable table tbody .ui-state-highlight > td {
  background-color: #5c6777 ! important;
}
.ui-datatable table tbody .ui-state-hover > td {
  background-color: #ced2d4 ! important;
}
.ui-datatable table tbody .ui-chkbox-box .ui-icon-check {
  border-bottom: solid 3px #e3000c ! important;
  border-right: solid 3px #e3000c ! important;
}
.ui-datatable .ui-datatable-odd {
  background-color: #f3f3f3 ! important;
}
.ui-paginator-bottom {
  background-color: #88949c !important;
}
.ui-chkbox-box .ui-icon-check {
  border-bottom: solid 3px #df0024 ! important;
  border-right: solid 3px #df0024 ! important;
}
.rounded-fa-icon {
  color: #546e7a;
  border: 1px solid #546e7a;
}
.footer {
  background-color: white;
  border-color: #e3000c;
  border-top: 1px solid #df0024;
}
.footer #menu_item2 {
  color: gray;
}
.footer a {
  color: black;
}
.dashboard .Card:hover {
  background: gray ! important;
}
.dashboard .Card:hover i {
  color: white ! important;
}
.dashboard .Card:hover .CardText {
  color: white ! important;
}
/** Panel Header */
.ui-panel .ui-panel-titlebar {
  background-color: #df0024;
}
/** Styled den Tooltip extra für die Passwortänderung */
.passwordTooltip .ui-tooltip-text {
  padding: 0px;
}
.passwordTooltip .ui-tooltip-text .ui-message-error {
  margin: 0px;
}
/**********************
 		BUTTONS
 **********************/
.SuccessButton {
  background: #88bf4c !important;
}
/**********************
         FONTS
***********************/
.LatoLight {
  font-family: latolight !important;
}
.LatoRegular {
  font-family: latoregular !important;
}
/**********************
         Colors
***********************/
.WhiteBack {
  background: #ffffff;
}
.GrayText {
  color: #546e7a !important;
}