/**********************
         BASICS
***********************/
.ui-inputfield {
  margin: 4px ! important;
}
#layout-topbar {
  position: relative;
}
@media (max-width: 960px) {
  #layout-topbar #top-menu {
    position: absolute;
    top: 60px;
    right: 0px;
    margin-right: 0px ! important;
    height: auto ! important;
  }
}
.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover,
.ui-menu .ui-menu-list a.ui-state-hover {
  color: #0091EA;
  background-color: #eaeaea ! important;
}
.ui-datatable-header {
  background: white ! important;
}
.ui-datatable-tablewrapper .ui-sortable-column-icon {
  color: white ! important;
}
.ui-selectoneradio label {
  font-size: 15px ! important;
  color: black ! important;
}
.ui-password-panel-inline {
  position: relative;
  margin: auto 0px auto auto;
}
.ui-selectonemenu {
  border-bottom: none ! important;
}
.ui-selectonemenu .ui-selectonemenu-trigger {
  height: 33px;
  margin-top: 4px;
  border-left: 1px solid #b0bec5;
  border-bottom: none ! important;
}
.ui-selectonemenu-panel {
  z-index: 555001 ! important;
}
.Card:hover {
  color: #666f77 ! important;
}
.dashboard .Cardhover {
  border-color: white ! important;
}
.ui-outputlabel {
  color: black;
  font-size: 15px;
}
.ui-commandlink {
  color: #666f77 ! important;
}
.ui-paginator .ui-paginator-current {
  color: white ! important;
}
.ui-menu {
  background-color: #eaeaea ! important;
}
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-pages .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-rpp-options {
  color: white;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
  border-bottom: none ! important;
}
.ui-growl {
  top: 10px !important;
}
.ui-growl-image-warn + .ui-growl-message {
  color: #fff !important;
}
.ui-growl-warn .ui-growl-item {
  background-color: #f0ad4e;
}
.ui-growl-image-warn {
  background-image: url('../../base/images/warning.png') !important;
  background-size: 100% !important;
}
.ui-growl-image-info + .ui-growl-message {
  color: #fff !important;
}
.ui-growl-info .ui-growl-item {
  background-color: #34b2e7;
}
.ui-growl-image-info {
  background-image: url('../../base/images/info.png') !important;
  background-size: 100% !important;
}
.ui-growl-image-error + .ui-growl-message {
  color: #fff !important;
}
.ui-growl-error .ui-growl-item {
  background-color: #df0024;
}
.ui-growl-image-error {
  background-image: url('../../base/images/error.png') !important;
  background-size: 100% !important;
}
.ui-growl-image-success + .ui-growl-message {
  color: #fff !important;
}
.ui-growl-success .ui-growl-item {
  background-color: #88bf4c;
}
.ui-growl-image-success {
  background-image: url('../../base/images/info.png') !important;
  background-size: 100% !important;
}
/**********************
         Colors
***********************/
/**********************
         BREAKPOINTS
***********************/
body {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.rightHeaderMenu {
  margin-right: 40px ! important;
}
.menuBar {
  height: 50px ! important;
  line-height: 50px;
  position: relative ! important;
}
.menuBar .menuItemIcon {
  font-size: 17px ! important;
  margin-right: 9px;
}
.menuBar .menuBarLink {
  cursor: pointer ! important;
  font-size: 15px;
  padding: 17px ! important;
}
.menuBar .menuBarLink:hover > i {
  margin: 0px ! important;
  margin-right: 9px ! important;
}
.menuBar .menuLeft {
  margin: 0px ! important;
  height: 50px ! important;
  float: left ! important;
}
.menuBar .menuLeft li {
  height: 50px ! important;
  margin: 0px ! important;
  float: left ! important;
  list-style: none;
}
.menuBar .menuRight {
  margin-top: 0px;
  margin-right: 55px;
  margin-bottom: 0px;
  float: right ! important;
  line-height: 50px;
}
.menuBar .menuRight li {
  display: inline-block ! important;
}
.menuBar .ui-state-highlight {
  color: black ! important;
}
.filterOverlay {
  box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 800px ! important;
  min-width: 450px;
  padding: 20px;
  position: absolute;
  top: 130px;
  width: 25%;
  z-index: 555001;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
@media only screen and (max-width: 1200px) {
  .filterOverlay {
    width: 30%;
  }
}
@media only screen and (max-width: 960px) {
  .filterOverlay {
    top: 110px;
    min-width: 0px;
    width: 100%;
  }
}
.filterOverlay .filterInputFields td:first-of-type {
  width: 300px;
}
.filterOverlay .selectSenderOrRecipient {
  margin-top: 8px;
}
.filterOverlay .selectSenderOrRecipient label {
  font-size: 14px ! important;
  color: #546e7a ! important;
}
.depotChangeOverlay {
  box-sizing: border-box;
  border-right: 1px solid #ddd;
  height: 800px ! important;
  min-width: 550px;
  padding: 20px;
  position: absolute;
  top: 130px;
  width: 25%;
  right: 0px;
  z-index: 555001;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
@media only screen and (max-width: 1200px) {
  .depotChangeOverlay {
    width: 30%;
  }
}
@media only screen and (max-width: 960px) {
  .depotChangeOverlay {
    top: 110px;
    min-width: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .pdfView {
    width: 100%;
  }
}
.pdfView .backgroundWrapper {
  height: 758px ! important;
}
.pdfSelectedView {
  background: green;
}
.noPdfSelectedView {
  background: red;
}
.expandedPdf {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 4000;
  background: white ! important;
}
.selectPDF .ContainerIndent {
  margin-left: 70px;
  margin-right: 20px;
  padding: 0px;
  margin-top: 20px;
  height: 500px;
}
.selectPDF .pdfWrapper {
  margin-left: 50px;
  margin-right: 0px;
  margin-top: 0px;
  height: 700px;
}
@media only screen and (max-width: 960px) {
  .tableArea {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .choice_screen {
    width: 100%;
  }
}
.clickOutsideFix {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 555000;
}
#changePasswordForm td:nth-child(even) {
  text-align: right;
}
#changePasswordForm td {
  padding-top: 16px;
  vertical-align: baseline;
}
.darkenBackground {
  background: black;
  height: 800px;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  z-index: 5;
}
@media only screen and (max-width: 960px) {
  .filterMenuBar .ui-menuitem-text {
    display: none;
  }
}
#depotChangeForm .ui-datatable-header {
  padding-top: 0px ! important;
  text-align: left;
  background: white ! important;
}
.closeButton {
  padding-top: 2px;
}
.selectPDF .Card {
  border: none ! important;
  margin-top: 30%;
}
.ui-button-icon-only {
  float: right;
  margin: 2px;
  text-align: center;
}
.pdfViewBar {
  z-index: 4;
}
.pdfViewBar li:last-child {
  float: right ! important;
}
.ui-datatable table {
  table-layout: auto;
}
.dashboard .Card {
  margin: auto;
}
.dashboard .Card:hover {
  background-repeat: repeat;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
#menu-cover-right {
  box-sizing: border-box;
  float: right;
  padding-left: 50px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#menu-cover-left {
  float: left;
  height: 758px;
  position: absolute;
  width: 50px;
  background-color: #eaeaea;
}
#menu-cover-left #iconAnpassen {
  float: right;
}
#menu-cover-left #menu-pdf {
  height: 100%;
  width: 609px;
}
#menu-cover-left .listenElement {
  padding: 5px;
  border-bottom: 1px solid black;
}
#menu-cover-left .ui-menu {
  box-shadow: none ! important;
  width: 0 ! important;
  -webkit-box-shadow: none ! important;
}
#menu-cover-left .ui-menu .ui-menuitem-link {
  width: 50px;
}
#menu-cover-left ul,
#menu-cover-left li {
  list-style: none;
}
.ui-button-icon-only {
  float: right;
  text-align: center;
}
.rounded-fa-icon {
  width: 16px;
  height: 14px;
  text-align: center;
  background-color: white;
  font-size: 12px;
  border-radius: 50%;
  vertical-align: text-top;
  padding-top: 2px;
  margin-left: 2px;
}
.smallInputPanel {
  padding: 20px ! important;
}
.footer {
  bottom: 0px;
  width: 100%;
  z-index: 6;
}
.footer .footer_menu {
  text-align: center;
  font-size: 13px;
}
.footer .footer_menu #menu_item {
  text-decoration: none;
}
.footer .footer_menu tr > td {
  width: 33.3%;
}
.footer tr > td {
  width: 33.3%;
}
.filterText {
  float: right ! important;
}
.filterLabel {
  font-size: 15px ! important;
  color: black;
}
.CardText {
  color: black;
}
@media only screen and (min-width: 1200px) {
  .ContainerIndent-left {
    float: right;
    width: 100%;
  }
  .ContainerIndent-left .choiceCardLeft {
    margin-right: 24px ! important;
  }
}
@media only screen and (min-width: 1200px) {
  .ContainerIndent-right {
    float: left;
    width: 100%;
  }
  .ContainerIndent-right .choiceCardRight {
    margin-left: 24px ! important;
  }
}
.cursorPointer {
  cursor: pointer ! important;
}
.hideOverflow {
  overflow: hidden;
}
.hidden {
  display: none;
}
.hide {
  display: none;
}
.noHoverEffects {
  pointer-events: none;
}
.disabled {
  opacity: 0.3;
  cursor: pointer ! important;
  pointer-events: none;
}
/** Deaktiviert die Übergänge */
.noTransition {
  -webkit-transition: initial !important;
  -moz-transition: initial !important;
  -ms-transition: initial !important;
  -o-transition: initial !important;
  transition: initial !important;
}
#pnl-forgot-password-result .result-message {
  padding: 11px 10px 17px 10px;
  margin: 0px -7px 0px -7px;
}