.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.s-Administration-LanguageDialog > .size {
  width: 450px;
}
.s-Administration-LanguageDialog .caption {
  width: 120px;
}
.s-Administration-RoleDialog > .size {
  width: 450px;
}
.s-Administration-RoleDialog .caption {
  width: 120px;
}
.s-Administration-UserDialog > .size {
  width: 650px;
}
.s-Administration-UserDialog .caption {
  width: 150px;
}
.s-Administration-UserDialog .s-PropertyGrid .categories {
  height: 450px;
}
.s-TranslationGrid input.custom-text {
  width: 100%;
  height: 23px;
  padding: 0 3px;
}
.s-UserPermissionDialog > .size,
.s-RolePermissionDialog > .size,
.s-UserRoleDialog > .size {
  min-width: 670px;
  width: 670px;
  min-height: 450px;
  height: 450px;
}
.s-UserPermissionDialog .s-DataGrid,
.s-RolePermissionDialog .s-DataGrid,
.s-UserRoleDialog .s-DataGrid {
  height: 100%;
}
.s-UserPermissionDialog .ui-dialog-content,
.s-RolePermissionDialog .ui-dialog-content,
.s-UserRoleDialog .ui-dialog-content {
  padding: 8px;
}
.s-PermissionCheckEditor .check-box {
  background-image: url(../serenity/images/tick-empty.png);
  background-position: center center;
  width: 22px;
  height: 22px;
  margin: 0;
}
.s-PermissionCheckEditor .check-box.checked {
  background-image: url(../serenity/images/tick-green.png);
  background-position: center center;
}
.s-PermissionCheckEditor .check-box.checked.revoke {
  background-image: url(../serenity/images/tick-red.png);
  background-position: center center;
}
.s-PermissionCheckEditor .check-box.partial {
  opacity: 0.8;
}
.s-PermissionCheckEditor .check-box.checked.partial {
  background-image: url(images/tick-green-partial.png);
}
.s-PermissionCheckEditor .check-box.checked.revoke.partial {
  background-image: url(images/tick-red-partial.png);
}
.s-PermissionCheckEditor .effective-permission {
  cursor: default;
  padding-left: 22px;
  background-image: url(../serenity/images/check2.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.s-PermissionCheckEditor .effective-permission.partial {
  background-image: url(../serenity/images/checkbox-null.png);
}
.s-PermissionCheckEditor .effective-permission.deny {
  background-image: url(../serenity/images/slash.png);
}
.s-Administration-SergenPanel table > tbody > tr > td {
  vertical-align: middle;
}
.s-Administration-SergenPanel td > input {
  width: 100%;
  padding: 2px 4px;
  border: 1px solid #a3b2d2;
}
.view-switch {
  position: relative;
  top: -12px;
}
.card-container {
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #ecf0f5;
}
.card-container .card-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.card-container .card-item {
  flex: 0 1 calc(100% - 4px);
  padding: 8px;
  background-color: #fff;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  height: 130px;
  overflow: hidden;
  margin: 6px;
}
.card-container .card-item table {
  width: 100%;
  table-layout: fixed;
}
.card-container .card-item td {
  padding: 4px;
}
.card-container .card-item td.img {
  width: 116px;
}
.card-container .card-item td.img img {
  width: 100px;
}
.card-container .card-item .name {
  font-weight: bold;
}
@media (min-width: 900px) {
  .card-container .card-item {
    flex-basis: calc(50% - 12px);
  }
}
@media (min-width: 1600px) {
  .card-container .card-item {
    flex-basis: calc(33% - 12px);
  }
}
.favorite-views {
  margin-right: 4px;
  position: relative;
  top: -12px;
}
.favorite-views ul {
  font-size: 12px;
  width: 150px;
  min-width: 150px;
}
.favorite-views li.save {
  padding: 6px;
}
.favorite-views li.save input {
  margin-top: 2px;
  width: 126px;
}
.favorite-views li.save button {
  margin-top: 4px;
  font-size: 12px;
}
.favorite-views li.fav {
  position: relative;
  padding-right: 16px;
}
.favorite-views i.fa-trash-o {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 5px;
  color: maroon;
}
.s-Orgasoft-AdresseDialog > .size {
  width: 770px;
}
.s-Orgasoft-AdresseDialog .caption {
  width: 150px;
}
.s-Orgasoft-MitarbeiterDialog > .size {
  width: 650px;
}
.s-Orgasoft-MitarbeiterDialog .caption {
  width: 150px;
}
.s-Orgasoft-AnsprechpartnerDialog > .size {
  width: 650px;
}
.s-Orgasoft-AnsprechpartnerDialog .caption {
  width: 150px;
}
.s-Orgasoft-GeschaeftsvorfallDialog > .size {
  width: 650px;
}
.s-Orgasoft-GeschaeftsvorfallDialog .caption {
  width: 150px;
}
.s-Orgasoft-GeschaeftsvorfallPositionDialog > .size {
  width: 650px;
}
.s-Orgasoft-GeschaeftsvorfallPositionDialog .caption {
  width: 150px;
}
.s-Orgasoft-BezugsvorfallDialog > .size {
  width: 650px;
}
.s-Orgasoft-BezugsvorfallDialog .caption {
  width: 150px;
}
.s-Orgasoft-FilialenDialog > .size {
  width: 650px;
}
.s-Orgasoft-FilialenDialog .caption {
  width: 150px;
}
.s-Orgasoft-ArtikelDialog > .size {
  width: 770px;
}
.s-Orgasoft-ArtikelDialog .caption {
  width: 150px;
}
.s-Orgasoft-InventurErfassungDialog > .size {
  width: 650px;
}
.s-Orgasoft-InventurErfassungDialog .caption {
  width: 150px;
}
.s-ArtikelAuswahlDialog .ui-dialog-content {
  padding: 8px;
}
.s-ArtikelAuswahlDialog .grid-container {
  height: 650px;
}
.s-VorfallArtikelAuswahlDialog .ui-dialog-content {
  padding: 8px;
}
.s-VorfallArtikelAuswahlDialog .grid-container {
    height: 300px;
}
@media only screen and (min-height: 769px) {
    .s-VorfallArtikelAuswahlDialog .grid-container {
        height: 450px;
    }
}
@media only screen and (min-height: 1025px) {
    .s-VorfallArtikelAuswahlDialog .grid-container {
        height: 650px;
    }
}
.s-Orgasoft-AAHDialog .ui-dialog-content {
  padding: 8px;
}
.s-Orgasoft-AAHDialog > .size {
  width: 950px;
}
.s-Orgasoft-AAHDialog .grid-container {
  height: 650px;
}
.s-Orgasoft-AVHDialog .ui-dialog-content {
  padding: 8px;
}
.s-Orgasoft-AVHDialog > .size {
  width: 950px;
}
.s-Orgasoft-AVHDialog .grid-container {
  height: 650px;
}
.s-UserQueryDialog .ui-dialog-content {
  padding: 8px;
}
.s-UserQueryDialog > .size {
  width: 950px;
}
.s-UserQueryDialog .grid-container {
  height: 650px;
}
@media only screen and (min-width: 1580px) {
  .s-Orgasoft-AAHDialog > .size {
    width: 1350px;
  }
  .s-Orgasoft-AVHDialog > .size {
    width: 1350px;
  }
  .s-UserQueryDialog > .size {
    width: 1350px;
  }
}
.s-GeschaeftsvorfallWizard .caption {
  width: 120px;
}
.s-GeschaeftsvorfallWizard .property-panes .tab-pane.active {
  min-height: 360px;
  height: 390px;
}
.s-VorfallWizardPositionenEditor > .grid-container {
  min-height: 300px;
  height: 300px;
  flex: 1 1 auto;
}
@media only screen and (min-height: 769px) {
  .s-GeschaeftsvorfallWizard .caption {
    width: 120px;
  }
  .s-GeschaeftsvorfallWizard .property-panes .tab-pane.active {
    min-height: 450px;
    height: 500px;
  }
  .s-Orgasoft-VorfallWizardPositionenEditor > .grid-container {
    min-height: 300px;
    height: 469px;
    flex: 1 1 auto;
  }
}
@media only screen and (min-height: 901px) {
    .s-Orgasoft-VorfallWizardPositionenEditor > .grid-container {
        min-height: 400px;
        height: 600px;
        flex: 1 1 auto;
    }
}
@media only screen and (min-height: 1025px) {
  .s-GeschaeftsvorfallWizard .caption {
    width: 120px;
  }
  .s-GeschaeftsvorfallWizard .property-panes .tab-pane.active {
    min-height: 550px;
    height: 600px;
  }
  .s-Orgasoft-VorfallWizardPositionenEditor > .grid-container {
    min-height: 400px;
    height: 725px;
    flex: 1 1 auto;
  }
}
@media only screen and (min-height: 1151px) {
    .s-Orgasoft-VorfallWizardPositionenEditor > .grid-container {
        min-height: 550px;
        height: 850px;
        flex: 1 1 auto;
    }
}
@media only screen and (min-height: 1251px) {
    .s-Orgasoft-VorfallWizardPositionenEditor > .grid-container {
        min-height: 550px;
        height: 950px;
        flex: 1 1 auto;
    }
}
.s-ArtikelVariantenDialog {
  min-height: 550px;
  height: 750px;
}
.s-ArtikelNaehrwerteEditor > .grid-container {
  min-height: 350px;
  height: 500px;
}
.s-ArtikelZusatzstoffeEditor > .grid-container {
  min-height: 350px;
  height: 500px;
}
.s-ArtikelAllergeneEditor > .grid-container {
  min-height: 350px;
  height: 500px;
}
.s-AnsprechpartnerEditor {
  height: 350px;
}
@media only screen and (min-height: 769px) {
  .s-AnsprechpartnerEditor {
    height: 450px;
  }
}
.s-Orgasoft-WarengruppeDialog > .size {
  width: 650px;
}
.s-Orgasoft-WarengruppeDialog .caption {
  width: 150px;
}
.s-Orgasoft-EANDialog > .size {
  width: 650px;
}
.s-Orgasoft-EANDialog .caption {
  width: 150px;
}
.s-Orgasoft-AdressArtikelHistorieDialog > .size {
  width: 900px;
  height: 600px;
}
.s-Orgasoft-AdressArtikelHistorieDialog .caption {
  width: 150px;
}
.s-Orgasoft-HauptgruppeDialog > .size {
  width: 650px;
}
.s-Orgasoft-HauptgruppeDialog .caption {
  width: 150px;
}
.s-Orgasoft-SteuersaetzeDialog > .size {
  width: 650px;
}
.s-Orgasoft-SteuersaetzeDialog .caption {
  width: 150px;
}
.s-Orgasoft-AdressZusatzGruppenDialog > .size {
  width: 650px;
}
.s-Orgasoft-AdressZusatzGruppenDialog .caption {
  width: 150px;
}
.s-Orgasoft-VorfallBemerkungenDialog > .size {
  width: 650px;
}
.s-Orgasoft-VorfallBemerkungenDialog .caption {
  width: 150px;
}
.s-Orgasoft-InboxDokumenteDialog > .size {
  width: 650px;
}
.s-Orgasoft-InboxDokumenteDialog .caption {
  width: 150px;
}
.s-Orgasoft-UserInboxDialog > .size {
  width: 650px;
}
.s-Orgasoft-UserInboxDialog .caption {
  width: 150px;
}
.grid-todo {
  background-color: #8ede98;
}
.ui-resizable-e {
    right: 7px !important; /* Geändert, damit der Resize-Mauszeiger für Dashboard-Elemente an der richtigen Stelle ist */
}
.s-horizontal-divider {
  margin: 1em 0;
  line-height: 0;
  text-align: center;
}

.s-horizontal-divider span {
  background-color: var(--s-card-bg);
  padding: 1em;
}

.s-horizontal-divider:before {
  content: " ";
  display: block;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #f7f7f7;
}