/**
  @css Komsa Override 
  @desc Custom CSS-Datei, die Klassen von GrafikerOrg überschreibt
  @desc Theme-übergreifende Styles
*/

/*Allgemein*/

.col2p5 {
  width: 2.5%;
}

.col95 {
  width: 95%;
}

.col90 {
  width: 90%;
}

.col85 {
  width: 85%;
}

.col75 {
  width: 75%;
}

.col65 {
  width: 65%;
}

.col55 {
  width: 55%;
}

.col40 {
  width: 40%;
}

.col35 {
  width: 35%;
}

.col40min {
  min-width: 40%;
}

@media only screen and (max-width : 768px) {
  .maininner [class^="col"] {
    width: 100%;
  }

  .height300 {
    height: 300px !important;
    max-height: 300px;
  }

  .scroller.height300 {
    height: 200px;
  }
}

[class^="col"].rightfloat {
  padding-right: 0 !important;
  padding-left: 30px !important;
}

.status-download-link:before {
  padding-right: 4px;
}

.sort-link {
  cursor: pointer;
}

.height500 {
  height: 500px;
}

.height480 {
  height: 480px;
}

.height450 {
  height: 450px;
}

.height400 {
  height: 400px;
}

.height200 {
  height: 200px;
}

.height210 {
  height: 210px;
}

.center {
  text-align: center;
}

.scroll-pane-container {
  margin-bottom: 0;
}

.linebreak {
  white-space: pre;
}

.mainfooter .inner {
  padding-right: 30px;
}

.indented {
  margin-left: 2em;
}

div#cookie-hint {
  display: none;
}

.clickable {
  cursor: pointer;
}

/* Korrekturen am Style von GrafikerOrg*/
.showlink {
  overflow-wrap: break-word !important;
}

.maininner input[type="checkbox"] + label {
  vertical-align: initial !important;
}

div.ui-tabs .repixtable {
  margin-bottom: 0px;
}

.repixtable {
  word-break: normal !important;
  word-wrap: break-word !important;
  -ms-word-break: normal !important;
  -ms-word-wrap: break-word !important;
}

.repixtablecell .important-entry {
  font-weight: bold;
}

.repixtableheader2 .headtext {
  display: inline;
}

/* Erweiterungen zu GrafikerOrg */
[class^="col"]:last-child.subcol {
  padding-right: 0;
}

/*Kundensuche*/
button#btn_reset_search {
  margin: 0 0 0 0;
}

/*Dokumenten-Viewer*/
body#page-document-viewer {
  margin: 0;
}

#page-document-viewer iframe#document-pane {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

/*Dokumenten-Verwaltung*/
div#page-documents button#document-file {
  float: none;
}

div#page-documents div#search-button-container {
  padding-right: 0;
}

  div#page-documents div#search-button-container button#button-search {
    width: 100%;
    margin-top: 2px;
  }

/*Nutzerverwaltung*/
.assignment-items .assignment-item {
  color: #7c8385;
}

/*Leihgeräteverwaltung*/
div#page-loandevices div#search-button-container {
  padding-right: 0;
}

  div#page-loandevices div#search-button-container button#button-search {
    width: 100%;
    margin-top: 2px;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
  }

/*EGM-Recherche*/
#page-inquiry .repixtabheader2 {
  cursor: pointer;
}

/*Radiobuttons Abweichende Lieferadresse*/
.maininner #page-customer-and-shipping #kind-of-delivery-selection label.checkbox {
  width: 100%;
}

/*Gerätesuche*/
#page-device-search .filter-box-container {
  max-height: 25px;
}

#page-daily-closing .sort-arrow-down, #page-daily-closing .sort-arrow-up {
  vertical-align: middle;
}

.repix_pagination li {
  float: left;
}

  .repix_pagination li a {
    display: inline-block;
    padding: 0.3em 0.5em;
    border: 1px solid;
    border-radius: 3px;
    min-width: 2.5em;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 8px;
  }

  .repix_pagination li.notactive a {
    opacity: 0.5;
  }

/* region Table Style */

@media only screen and (max-width : 768px) {

  /* Verhindern, dass Spalten wegfallen in Auftragsverwaltung */
  .auftragsverwaltung .repixtablecell div:nth-child(4),
  .auftragsverwaltung .repixtablecell div:nth-child(5),
  .auftragsverwaltung .repixtableheader3 div:nth-child(4),
  .auftragsverwaltung .repixtableheader3 div:nth-child(5) {
    display: inline-block;
  }

  /* Cols müssen in Breite gleich bleiben */
  .auftragsverwaltung .col15 {
    width: 15%;
  }

  /* Cols müssen in Breite gleich bleiben */
  .auftragsverwaltung .col20 {
    width: 20%;
  }
}



@media only screen and (max-width : 560px) {

  /* Cols auf 100% setzen */
  .auftragsverwaltung [class^="col"] {
    width: 100%;
  }

  .kms-generictable [class^="col"] {
    width: 100%;
    margin: 10px 0;
  }
}

/* endregion Table Style */

/* Pointer für ng-click Elemente, die einen Pointer-Cursor benötigen */
.kms-pointer, .kms-pointer label {
  cursor: pointer;
}

/* Pointer für Elemente, die den Default-Cursor benötigen */
.kms-cursor-default {
  cursor: default;
}

/* Rechter Abstand für Buttons in Fehlererfassung und Usermanagement */
.kms-marginright {
  margin-right: 15px !important;
}

/* Linker Abstand für Buttons */
.kms-marginleft {
  margin-left: 15px !important;
}

/* Unterer Abstand für Buttons */
.kms-marginbottom {
  margin-bottom: 15px !important;
}

/* Permanent weiße Farbe, hebt blauen Hover-Effekt für Icons im <a>-Tag auf, 
   verwendbar, wenn diese in einer aktive blauen Tabellenzeile liegen  */
a.kms-hover-white:hover {
  color: white !important;
}

/* Hebt Tabeinstellungen auf, um ngAnimate und Angular Eventhandler verwenden zu können */
.repixtabletab, .repixtabletabcontent {
  display: block;
}

/* Inaktiver User in Benutzerverwaltung */
.kms-inactive-user {
  color: #ABB0B1;
}

/* region Form validation */
.maininner ng-form span.icon {
  position: relative;
  display: inline-block;
  width: 100%;
}

.maininner ng-form span.icon {
  position: relative;
  display: inline-block;
  width: 100%;
}

  .maininner ng-form span.icon:before {
    position: absolute;
    top: 0;
    right: 0px;
    border: 0 none;
    border-left: 1px solid #cfcfcf;
    height: 100%;
    width: 40px;
    background: none;
    cursor: pointer;
    color: #7c8385;
    padding: 0.8em 0px 0em 10px;
    pointer-events: none;
    cursor: pointer;
  }

.kms-errordescription-invalid .repixtable {
  border: 1px solid #00a5b7 !important;
}

.kms-errordescription-valid-border .repixtable {
  border: 1px solid rgba(0,0,0,0.10) !important;
}

button.kms-button-disabled:not([class*='jsoneditor-']) {
  color: #7c8385;
  border: 1px solid #7c8385;
}

/* Manuell einen Button ausgrauen */
.kms-disabled, button.kms-disabled:not([class*='jsoneditor-']) {
  background: #fff;
  color: #7c8385;
  border: 1px solid #7c8385;
}

  .kms-disabled:hover, button.kms-disabled:hover {
    background: #7c8385;
    color: #fff;
  }

/* endregion Form validation */

/* loader */
.fader {
  display: none;
  position: fixed;
  z-index: 99999;
}

.spinner {
  display: none;
  z-index: 99999;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1.0);
  }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* Deaktivierter Standort in Standortverwaltung */
.kms-disabled-location {
  color: #ABB0B1;
}

/* Richtet Tooltips in der Iconbar neu aus, so dass sie neben dem Icon auftauchen
Verhindert, das Tooltips in Slideable-Tabellen von Header-Div abgeschnitten werden
*/
.iconbar .popup {
  left: -207px;
  top: -7px;
}

div:hover > .popup {
  visibility: visible;
  opacity: 1;
}

/* Erhält die Schriftgröße für Lokalisierungs-<span>-Tags innerhalb von Buttons mit Icons */
/* Beispiel: 
<button>
  <span class="icon-icon_add"></span>
  <span class="kms-button-label" data-i18n="..."></span>
</button>  */
.kms-button-label {
  font-size: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
}


/* Icon für Auftragsstatus "Ersterfassung" */
.icon-icon_orderstate_creating:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Reparaturauftrag in Bearbeitung" */
.icon-icon_orderstate_editing:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Abgebrochen" */
.icon-icon_orderstate_aborted:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Tagesabschluss möglich" */
.icon-icon_orderstate_readyForAdvice:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Tagesabschluss erfolgt" */
.icon-icon_orderstate_ordered:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Im Reparaturcenter eingetroffen" */
.icon-icon_orderstate_inRepairCenter:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Dokumentenprüfung im Reparaturcenter" */
.icon-icon_orderstate_timeout:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Clearing" */
.icon-icon_orderstate_clearing:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "In Reparatur" */
.icon-icon_orderstate_inRepairProcess:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "In Reparatur" */
.icon-icon_orderstate_waitingForConfirmation:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Ware an den Frachtführer übergeben / Rücklieferung" */
.icon-icon_orderstate_shipped:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "EOL - Weiterleitung an E-Plus Kundenservice" */
.icon-icon_orderstate_swapByExternalServiceProvider:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Übergabe an Kunde erfolgt" */
.icon-icon_orderstate_closed:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Automatisch abgeschlossen" */
.icon-icon_orderstate_automaticClosed:before {
  content: "\e800";
}

/* Icon für Auftragsstatus "Gelöscht" */
.icon-icon_orderstate_deleted:before {
  content: "\e800";
}

a.icon {
  cursor: pointer;
}

/* topbar */
.toplogin .userLocation {
  display: none;
}

@media only screen and (max-width : 1170px) {
  .toplogin .userLocation {
    display: block;
  }
}

/* Dialog */
.dialog.maininner {
  padding: 13px !important;
}

  .dialog.maininner button.smallbutton.rightfloat {
    margin-left: 0.5em;
  }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  font-family: inherit;
  font-size: inherit;
}


.ngdialog.ngdialog-theme-default.ngdialog-image {
  padding: 5em !important;
}

  .ngdialog.ngdialog-theme-default.ngdialog-image .ngdialog-content {
    width: inherit !important;
    padding: initial !important;
    max-width: 66%;
  }

.ngdialog.ngdialog-theme-default.ngdialog-hint .ngdialog-content {
  width: 66% !important;
}

.ngdialog.ngdialog-theme-default.ngdialog-image img {
  max-width: 100%;
}

.ngdialog .repixtableheader2 .text-filter-input {
  font-size: 0.83em !important;
  padding-top: 0 !important;
}

  .ngdialog .repixtableheader2 .text-filter-input input.spacearound {
    margin: 0 !important;
  }

body.ngdialog-open-channels {
  height: auto !important;
}

/* overflow mit "..." */
.ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* WYSIWYG (textAngular)*/
div[text-angular] .ta-bind {
  background: #f3f3f3;
  border: 1px solid #cfcfcf;
  color: #7c8385;
  border-radius: 3px;
  padding: 0.5em 0.6em;
  width: 100%;
}

div[text-angular] .ta-toolbar .btn-group {
  display: inline-block;
}

div[text-angular] .ta-toolbar button {
  float: none !important;
}

.word-wrap-break {
  word-wrap: break-word;
}

/*#region Styles für Scrollpane Boxen*/
@media only screen and (max-width : 768px) {
  .mobile-hide {
    display: none;
  }
}

@media only screen and (max-width : 560px) {
  .mobile-hide {
    display: none;
  }
}
/*#endregion Styles für Scrollpane Boxen */

/*#region Formatierung Dashboard Link (Dummy)*/
.biglink_dummy {
  width: 100%;
  display: inline-block;
  padding: 34px 10px 40px 55px;
  font-size: 1.5em;
  position: relative;
  margin-bottom: 32px;
}

@media only screen and (max-width : 768px) {
  .biglink_dummy {
    display: none;
  }
}

@media only screen and (max-width : 560px) {
  .biglink_dummy {
    display: none;
  }
}
/*#endregion Formatierung Dashboard Link (Dummy)*/

/*#region Landingpage*/
@media only screen and (max-width : 560px) {
  .topbar .inner {
    padding: 0;
  }

  .dl-menuwrapper li {
    font-size: 1.5em;
    padding: 0.3em 25px;
  }

    .dl-menuwrapper li a {
      color: #7595a3;
    }
}

@media only screen and (max-width : 768px) {
  .topbar .inner {
    padding: 0;
  }

  .dl-menuwrapper li {
    font-size: 1.5em;
    padding: 0.3em 25px;
  }

    .dl-menuwrapper li a {
      color: #7595a3;
    }
}

@media only screen and (max-width : 1023px) {
  .topbar .inner {
    padding: 0;
  }

  .dl-menuwrapper li {
    font-size: 1.5em;
    padding: 0.3em 25px;
  }

    .dl-menuwrapper li a {
      color: #7595a3;
    }

  .toplogin > a {
    position: relative;
    top: 20px;
    right: 30px;
  }
}
/*#endregion Landingpage*/

/*#region Reparaturauftrag Summary*/
.summary-remarks-label {
  padding-right: 10px;
}

.summary-remarks-field {
  width: 220px;
  white-space: normal;
  overflow: hidden;
}
/*#endregion Reparaturauftrag Summary*/

/*#region FAQ*/
input#search-button {
  font-family: inherit;
  font-size: 0.8em;
  color: #00a5b7;
  background-color: transparent;
  border: 1px solid;
  border-color: #00a5b7;
  border-radius: 3px;
  padding: 0.4em 0.6em;
  width: 100%;
  height: 40px;
  cursor: pointer;
}

  input#search-button:hover {
    background-color: #00a5b7;
    color: white;
  }
/*#endregion FAQ*/

/* Listeneinträge in der Adressvervollständigung */
li.completion-list {
  white-space: nowrap;
}

.repixmessage {
  -ms-word-break: normal !important;
}

label.disabled {
  color: #BBBBBB;
}

/*#region Nachrichten-Verwaltung*/
#table-content-message [class^="col"] p {
  margin: 0;
}
/*#endregion Nachrichten-Verwaltung*/

/*#region Tagesabschluss-Information*/
.kms-link-button {
  border: 1px solid #BBBBBB;
  padding: 1px 5px;
  background-color: #EEEEEE;
}

.kms-link-button-active, .kms-link-button-active:hover {
}

.kms-link-button-inactive, .kms-link-button-inactive:hover {
  color: #CCCCCC;
  cursor: default;
}
/*#endregion Tagesabschluss-Information*/

/* Auftragsübersicht */
.order-message {
  cursor: default;
}

#button-reset-order {
  margin-right: 30px;
}

/* Small Button Centre */
.center-button {
  white-space: nowrap;
}

.kms-button-spacer {
  width: 15px;
}

/*#region Datepicker*/
span.kms-datepicker,
span.kms-datepicker input {
  cursor: pointer;
}

.ui-datepicker-unselectable {
  color: #7595a3;
}

.ui-datepicker-week-end {
  color: #ABB0B1;
}

.ui-datepicker-other-month {
  color: #ccc;
}
/*#endregion Datepicker*/

/*#region Select-Boxen*/
.rpc-select-box {
  z-index: 9999;
}

.rpc-select-box-disabled, .rpc-select-box-disabled + span {
  background-color: rgb(249,249,249) !important;
  border-color: rgb(231,231,231) !important;
  color: rgb(190,193,194) !important;
}
/*#endregion Select-Boxen*/

.field-validation-valid {
  display: none;
}

.kms-border {
  background: #FFF;
  border: 2px solid #00a5b7;
  border-radius: 5px;
  margin-bottom: 30px;
  margin-right: 30px;
  padding: 10px 20px 10px 20px;
}

.icon-pfeil_down_big.active, .icon-pfeil_up_big.active {
  color: #00a5b7;
}

.iconbar a {
  cursor: pointer;
}

.maininner label.kms-checkbox {
  font-weight: normal;
  margin-bottom: 7px;
  font-size: 1em;
}

button.bigbutton {
  border: 1px solid;
  border-radius: 3px;
  padding: 0.6em 0.8em;
  cursor: pointer;
  font-size: 1em;
}

  button.bigbutton.rightfloat span {
    padding-left: 0.5em;
    font-size: 0.8em;
  }

  button.bigbutton.leftfloat span {
    padding-right: 0.5em;
    font-size: 0.8em;
  }

button.bigbutton {
  border: 1px solid #7c8385;
  color: #7c8385;
  background: none;
}

  button.bigbutton.active, .fileuploadstyled.active input[type="file"] + label {
    color: #ffffff;
    background-color: #00a5b7;
    border: 1px solid #007a87;
  }

/*#region col90*/
@media only screen and (max-width : 1170px) {
  .col90 {
    padding-right: 20px;
    float: left;
  }
}

@media only screen and (max-width : 768px) {
  .tabs.vertical .col90 {
    padding-right: 0;
  }
}

@media only screen and (max-width : 390px) {
  .col90 {
    width: 100%;
  }
}
/*#endregion col90*/

.iconbar a.kms-disabled, .iconbar a.kms-disabled:hover {
  background: none;
  border: 0;
  color: #CCCCCC !important;
  cursor: default;
}

label.small {
  display: inline !important;
  font-size: 0.75em !important;
  font-weight: normal !important;
  line-height: 1.8 !important;
  margin-bottom: 0px !important;
  white-space: nowrap !important;
}

.login_wrapper > div > div.zip-code-authorization {
  margin: 0px auto;
  padding: 20px;
}

/* DropDownList */
.customSelect .selectedValue div {
  white-space: nowrap;
  overflow: hidden;
  margin-right: 20px;
}

.customSelect .selectList .scroll-pane {
  background: #f3f3f3;
}

.customSelect:not(.select-open) .selectList {
  display: none;
}

.customSelect.select-open .selectList {
  display: block;
}

/*Ende DropDownList*/

/* Tabellen */
.maininner button.kms-active {
  background: #fff;
  color: #00a5b7;
  border: 1px solid #00a5b7;
  margin: 0;
}

/*#region JSON-Editor*/
.kms-json-editor {
  height: 350px;
  width: 100%;
}

  .kms-json-editor input[type=checkbox] {
    display: inline !important;
  }

.jsoneditor-frame input {
  width: 255px !important;
}

.pico-modal-header {
  background: #999999 !important;
}

.jsoneditor-modal a {
  color: #999999 !important;
}

.jsoneditor-modal .selectr-selected .selectr-tag {
  background-color: #999999 !important;
}

.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
  background: #999999 !important;
  border-color: #999999 !important;
}

.jsoneditor {
  border-color: #999999 !important;
}

.jsoneditor-menu {
  background-color: #999999 !important;
  border-bottom: 1px solid #999999 !important;
}
/*#endregion JSON-Editor*/

.kms-overflow {
  overflow: visible !important;
}

.kms-not-overflow {
  overflow: hidden;
}

.maininner input[type="radio"] + label.kms-radio-disabled {
  cursor: default;
  opacity: 0.6;
}

.maininner input[type="checkbox"] + label.kms-checkbox-disabled {
  cursor: default;
  opacity: 0.6;
}

/*#region PIWIK OptOut*/
.kms-data-protection {
  width: 100%;
}

@media only screen and (min-width: 300px) {
  .kms-data-protection {
    height: 480px;
  }
}

@media only screen and (min-width: 390px) {
  .kms-data-protection {
    height: 360px;
  }
}

@media only screen and (min-width: 400px) {
  .kms-data-protection {
    height: 350px;
  }
}

@media only screen and (min-width: 500px) {
  .kms-data-protection {
    height: 260px;
  }
}

@media only screen and (min-width: 560px) {
  .kms-data-protection {
    height: 260px;
  }
}

@media only screen and (min-width: 561px) {
  .kms-data-protection {
    height: 460px;
  }

  .show560 {
    display: none !important;
  }

  .hide560 {
    display: inline-block !important;
  }
}

@media only screen and (min-width: 730px) {
  .kms-data-protection {
    height: 350px;
  }
}

@media only screen and (min-width: 768px) {
  .kms-data-protection {
    height: 350px;
  }
}

@media only screen and (min-width: 1023px) {
  .kms-data-protection {
    height: 230px;
  }
}

@media only screen and (min-width: 1170px) {
  .kms-data-protection {
    height: 230px;
  }
}
/*#endregion PIWIK OptOut*/

.kms-spinner {
  display: inline-block;
  position: relative;
  margin: 1.5em 0 1em 0;
  left: 45%;
}

.ngdialog-close {
  display: none !important;
}

.toplogin_box_outer {
  z-index: 99999;
}

input:disabled + label {
  opacity: 0.5 !important;
  cursor: default !important;
}

/* Tabellen */
.table-header-width-icon {
}

  .table-header-width-icon > .table-header-width-icon-text {
    display: inline-block;
  }

  .table-header-width-icon > .table-header-width-icon-icon {
    display: inline-block;
    vertical-align: middle;
  }

.customSelect .selectedValue {
  overflow: hidden;
  padding: 0.45em 0.6em;
}

/* popdown / tabsarrows */
.popdown {
  display: none;
  height: auto;
  line-height: 1;
  padding: 1em 0 0.7em 0;
}

.kms-popdown {
  transition: none;
  -webkit-transition: none;
}

input[type="checkbox"]:checked + label .popdown {
  display: block;
}

.repixtablecell .tabsarrows {
  position: relative;
  padding-left: 20px;
}

  .repixtablecell .tabsarrows:before {
    position: absolute;
    top: 0.2em;
    left: 0px;
    content: "\e622";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.repixtablecell.active2 .tabsarrows:before {
  position: absolute;
  top: 0.2em;
  left: 0px;
  content: "\e61f";
}
/* Ende: popdown / tabsarrows */

/*behebt zitternde Auswahlboxen*/
.col33 {
  width: 33.333333%;
}
/*Ende: behebt zitternde Auswahlboxen*/

/* Anpassung für Stand-Alone-Seite */
.standalone {
  position: relative;
  margin: 0 auto;
  min-height: 100%;
  max-width: 1170px;
  padding-top: 30px;
  line-height: 1.4;
  color: #7c8385;
}

  .standalone .content {
    padding-bottom: 62px;
    padding-left: 30px;
    box-sizing: border-box;
  }

.standalonefooter {
  margin: 15px auto 0 auto;
  width: 100%;
  position: absolute;
  bottom: 0;
  color: #7c8385;
  border-top: 1px solid #e1e1e1;
  padding: 25px 25px 0 25px;
  font-size: 0.75em;
  line-height: 1em;
  height: 62px;
  display: block;
}
/* Ende: Anpassung für Stand-Alone-Seite */

/*Transition abgeschaltet, damit Paging korrekt funktioniert*/
.repixtablecell {
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
}
/*Ende*/

.kms-no-right-padding {
  padding-right: 0px !important;
}


/* Fix für Footer-Darstellung */

.login_wrapper {
  margin-bottom: -62px;
  padding-bottom: 62px;
}

.sidebarfooter-login {
  position: relative;
}

.kms-handling-option-key {
  color: #888888;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0px 0px 7px 0px;
}

.kms-handling-option-key-inactive {
  cursor: not-allowed;
}

  .kms-handling-option-key-inactive .dark,
  .kms-handling-option-key-inactive .kms-handling-option-key,
  .kms-handling-option-key-inactive .kms-handling-option-key-info,
  .kms-handling-option-key-inactive .repixtableheader,
  .kms-handling-option-key-inactive .repixtableheader2,
  .kms-handling-option-key-inactive .repixtableheader3 {
    color: #B8BCBD;
  }

.kms-handling-option-key-reset-button {
  margin-top: -20px;
}

.repixtable button.kms-smallbutton.leftfloat {
  margin: 0em 0.5em 0 0;
}

.iconbar a.kms-overview-icon-disabled,
.iconbar a.kms-overview-icon-disabled:hover {
  color: lightgray !important;
}

.repixtable button.kms-overview-button-disabled:not([class*='jsoneditor-']),
.repixtable button.kms-overview-button-disabled:not([class*='jsoneditor-']):hover {
  background-color: lightgray !important;
  border-color: lightgray;
  color: white !important;
}

.jsoneditor-modal textarea,
.jsoneditor-modal select {
  background-color: #F1F1F1;
  border: 1px solid #7A9CD3;
  height: 150px;
  width: 360px;
}

.jsoneditor-modal select {
  padding: 0px;
}

  .jsoneditor-modal select:not(multiple) {
    height: auto;
  }

.jsoneditor-modal input[type=submit] {
  background-color: #CCCCCC;
  padding: 7px 20px;
}

/*#region select2*/
.select2-container--open .select2-dropdown--below {
  background-color: #f3f3f3 !important;
}

.select2-selection {
  background-color: #f3f3f3 !important;
  border-color: #cfcfcf !important;
  border-radius: 0 !important;
  color: #7c8385 !important;
  padding: 5px !important;
  height: 40px !important;
}

.select2-selection__arrow {
  top: 8px !important;
  right: -1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 6px 3px 0px 3px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #7c8385 !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 3px 6px 3px !important;
}


.select2-results__option {
  background-color: #f3f3f3 !important;
  color: #7c8385 !important;
}

.select2-results__option--highlighted {
  background-color: #1e90ff !important;
  color: #ffffff !important;
}

.select2-search__field {
  background-color: #f3f3f3 !important;
  height: 27px;
  padding: 4px 4px 6px 4px !important;
}

@media only screen and (min-height: 700px) {
  .select2-container--default .select2-results > .select2-results__options {
    max-height: 320px;
  }
}
/*#endregion select2*/

.maininner input[type="number"] {
  background: #f3f3f3;
  border: 1px solid #cfcfcf;
  border-radius: 0px;
  color: #7c8385;
  padding: 0.4em 0.6em;
  width: 100%;
  height: 40px;
}

dd.dropdown-list-item:nth-child(2n) {
  background-color: white;
}

@media all and (-ms-high-contrast:none) {
  .assignment .repixtable {
    border-top-color: #F5F5F5;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-color: #F5F5F5;
    border-left-style: solid;
    border-left-width: 1px;
  }
}

/* region Support-Logo image Selfcare */

.supportbox {
  float: right !important;
}

  .supportbox .supportboxcontent {
    float: left;
    height: 120px;
    padding: 4.4em 0 0 0;
    display: inline-block;
    position: relative;
    color: #7c8385;
  }

  .supportbox .supportlogo {
    float: left;
    padding-top: 22px;
    padding-left: 20px;
    background: none;
    margin: 0;
    width: auto;
    height: 80px;
  }

    .supportbox .supportlogo img {
      max-height: 80px;
      width: auto;
    }

#endkunde .logo {
  cursor: default;
}

  #endkunde .logo img {
    max-height: 80px;
    max-width: 230px;
    height: auto;
    width: auto;
  }

/* region Support-Logo image Selfcare */

/* region Sprachschalter im Topmenu */

.languageSwitch {
  color: #7c8385;
  float: right;
  background: none;
  height: 34px;
  width: 100px;
  padding-left: 10px;
  margin-top: 23px;
}

  .languageSwitch select {
    border-radius: 3px;
  }

/* endregion Sprachschalter im Topmenu */

/* region Korrektur des Abstandes vom Footer in Endkunden-KV */
#endkunde .main {
  margin-bottom: 30px;
}

@media only screen and (max-width : 500px) {
  #endkunde .main {
    margin-bottom: 130px;
  }
}

/* endregion Korrektur des Abstandes vom Footer in Endkunden-KV */

/* region Korrektur Innenabstand PopUp-Dialog */

#endkunde .maininner {
  padding: 1em !important;
}

/* endregion Korrektur Innenabstand PopUp-Dialog */

.kms-tabs > ul > li {
  width: 33% !important;
}


@media only screen and (max-width : 768px) {
  .ngdialog.ngdialog-theme-default.ngdialog-image .ngdialog-content {
    max-width: 100%;
  }

  .ngdialog.ngdialog-theme-default.ngdialog-image {
    padding: 3em !important;
  }
}

@media only screen and (max-width : 500px) {
  .ngdialog.ngdialog-theme-default.ngdialog-image {
    padding: 1em !important;
  }
}

.kms-mark-sso {
  color: #FFFFFF;
  background-color: #666666;
}

/*#region Kanalparameter-Beschreibung*/

#parameterHintDialog h3 {
  padding-bottom: 0.75em;
}

#parameterHintDialog ul {
  padding-left: 2.25em;
}

/*#endregion*/

@media only screen and (max-width : 768px) {
  .hide768 {
    display: none;
  }
}

.show768 {
  display: none;
}

@media only screen and (max-width : 768px) {
  .show768 {
    display: block;
  }
}

.icon-download:before {
  padding-right: 0.35em;
}

/*#region Usercentrics*/
html {
  height: 100% !important;
}
/*#endregion*/

/*#region Workaround, weil Angular (ng-class) CSS-Klassen immer ans Ende des class-Attributes setzt*/
[class*=" col"] {
  padding-right: 30px;
  float: left;
}
div.repixtable [class*=" col"],
div.repixbox [class*=" col"],
div.tabs [class*=" col"] {
  padding-right: 10px;
}
.tabs.space30 > div > [class*=" col"] {
  padding-right: 30px;
}
/*#endregion*/

/*#region HTML-Editor*/

[id^=taTextElement] li {
  margin-left: 20px;
}

/*#endregion*/

/*#region Piwik*/
.mainfooter div, .bottommenu div {
  float: left;
}
.mainfooter button, .bottommenu button {
  background-color: transparent;
  color: #7C8385;
  cursor: pointer;
  font-family: 'Asap', sans-serif;
  font-size: 12px;
  position: relative;
  line-height: 1em;
}
.bottommenu button {
  color: #FFFFFF;
}
.sidebarfooter-changepassword button {
  color: #7C8385;
}
.mainfooter-changepassword {
  left: 320px !important;
}
#endkunde .footermenu li div {
  border-left: 1px solid #e1e1e1;
  margin-left: 1em;
  padding-left: 1em;
}
/*#endregion*/
/**
  @css Komsa Override 
  @desc Custom CSS-Datei, die Klassen von GrafikerOrg überschreibt
  @author Theme-spezifische Styles
*/

/*#region Rechterollen*/
#page-roles input:invalid {
  border: 1px solid red !important;
}

#page-roles input.ng-valid.ng-touched {
  background: #ffffff !important;
}
/*#endregion Rechterollen*/

/*#region Login*/
.sidebarfooter.sidebarfooter-login .bottommenu {
  border: 0;
}

  .sidebarfooter.sidebarfooter-login .bottommenu li,
  .sidebarfooter.sidebarfooter-login .bottommenu li a {
    color: white;
  }

    .sidebarfooter.sidebarfooter-login .bottommenu li:hover,
    .sidebarfooter.sidebarfooter-login .bottommenu li a:hover {
      color: white;
    }

.sidebarfooter.sidebarfooter-changepassword .bottommenu li,
.sidebarfooter.sidebarfooter-changepassword .bottommenu li a {
  color: #7c8385;
}

  .sidebarfooter.sidebarfooter-changepassword .bottommenu li:hover,
  .sidebarfooter.sidebarfooter-changepassword .bottommenu li a:hover {
    color: #7c8385;
  }

@media only screen and (max-width : 1023px) {
  .sidebarfooter.sidebarfooter-login,
  .sidebarfooter.sidebarfooter-changepassword {
    display: block;
  }
}

#page-login {
  max-width: none;
}

  #page-login input[type=password] {
    border: 1px solid;
    border-radius: 3px;
    padding: 0.5em 0.6em;
    width: 100%;
    height: 40px;
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #7c8385;
  }
/*#endregion Login*/

/*#region Kunden- und Versandinformationen contactandshipping.html, fixed E-Mail-Feld*/
.maininner input[type="email"] {
  background: #ffffff;
  border: 1px solid #cfcfcf;
  color: #7c8385;
  border-radius: 3px;
  padding: 0.4em 0.6em;
  width: 100%;
  height: 40px;
}
/*#endregion Kunden- und Versandinformationen contactandshipping.html, fixed E-Mail-Feld*/

.form-validation input.ng-invalid,
.form-validation textarea.ng-invalid,
.form-validation select.ng-invalid,
.form-validation assignment.ng-invalid > div:last-child > .repixtable,
.form-validation rpc-select-box.ng-invalid .errorindicator,
.form-validation rp2-drop-down-list.ng-invalid .selectValueWrap,
div[text-angular].ng-invalid.ng-touched .ta-bind,
.ngdialog textarea.ng-invalid,
.ngdialog input[type=text].ng-invalid {
  border: 1px solid red !important;
}

/*#region Formatierung für Radio-Buttons mit Fehlern*/
.maininner input[type="radio"]:invalid + label, .maininner input[type="radio"].ng-invalid + label {
  background: url(../Images/radio_error_o2.png) 0px 2px no-repeat;
}

.maininner input[type="checkbox"]:invalid + label, .maininner input[type="checkbox"].ng-invalid + label {
  background: url(../Images/checkbox_error.png) 0px 2px no-repeat;
}
/*#endregion Formatierung für Radio-Buttons mit Fehlern*/

/*#region Entfernt im Chrome die gelbe Füllfarbe in autocomplete-input-Feldern*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  -webkit-text-fill-color: #7c8385;
}
/*#endregion Entfernt im Chrome die gelbe Füllfarbe in autocomplete-input-Feldern*/

/*#region Modal Dialog*/
.dialog-button {
  border: 1px solid;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 0.4em 0.6em;
  width: 100%;
  height: 40px;
  font-size: 0.8em;
  cursor: pointer;
}

.dialog-button.active {
  background: #0090d0;
}

.dialog-button.active:hover {
  background: #19224f;
}

.dialog-button.inactive {
  background: gray;
}

textarea.error, textarea:invalid {
  border-color: red !important;
}
/*#endregion Modal Dialog*/

.kms-validation-error {
  color: red;
}

.tabs > ul > li {
  padding: 0 !important;
  margin-top: -1px !important;
}

  .tabs > ul > li a {
    height: 100% !important;
    width: 100% !important;
    display: block !important;
    padding: 8px 15px 12px !important;
  }

.repixtablecell a, .repixbox a {
  color: #0090d0;
  cursor: pointer;
}

  .repixtablecell a:hover, .repixbox a:hover {
    color: rgb(0, 88, 150);
  }

.repixtablecell.selected {
  border: solid 1px #0090d0 !important;
  background: #0090d0 !important;
}

.kms-text-cursor {
  cursor: text !important;
}

#kms-logo-sidebarfooter {
  display: none;
}

input[type="text"]:disabled {
  background: #ffffff;
}

/*#Entfernen des zusätzlichen Rahmens bei invaliden Pflichtfeldern im Firefox*/
input.error, input:invalid {
  box-shadow: none;
}

/* region Kennzeichen für einen gerade erzeugten Eintrag in einer Übersichtstabelle */

.kms-item-label-new {
  background: #fff;
  color: #0090d0;
  border: 1px solid #0090d0;
  border-radius: 3px;
  padding: 0px 10px 0px 10px;
  margin-right: 10px;
}

/* endregion Kennzeichen für einen gerade erzeugten Eintrag in einer Übersichtstabelle */

.show768 {
  color: #0090d0;
}