/* Katalogeintrag anzeigen */
.wp_katalog_editentry_box {
  border: 1px solid #2222FF;
  color: black;
  background: #CFCFFF;
  padding: 3px;
  margin-top: 5px;
}

.wp_katalog_newentry_box {
  border: 1px solid #2222FF;
  color: black;
  background: #CFCFFF;
  padding: 3px;
  margin-top: 5px;
}

.wp_katalog_eintrag_bearbeiten_tabelle {
  /* Tabelle kriegt noch veraltete border Angaben, aus der DefaultDB */
  border-spacing: 0;
}

.wp_katalog_eintrag_bearbeiten_tabelle td {
  border: none;
  padding: 3px 0;
}

.wp_katalog_eintrag_bearbeiten_tabelle td:nth-child(1) {
  padding-right: .5em;
}

.wp_katalog_eintrag_bearbeiten_tabelle tr:nth-child(even) td {
  background-color: #ebebeb;
}

/*Katalog bearbeiten  */
.wp_katalog_feld_mehrzeilig {
  width: 100%;
  height: 85px;
}

.wp_katalog_eintrag_bearbeiten_tabelle input,
.wp_katalog_eintrag_bearbeiten_tabelle select {
  line-height: 2em;
  padding: 0px .5em;
  border: 1px solid #a3a3a3;
  /* -webkit-appearance: none; */
  min-width: 230px;
  margin-right: 5px
}

.wp_katalog_datei_anzeigen {
  display: none;
}

.wp_katalog_datei_anzeigen+label::before {
  content: "\f070";
  display: block;
  font: normal normal normal 14px/1 "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background-color: #eeeeee;
  border-radius: 3px;
  height: 28px;
  background: #eee;
  color: black;
  text-decoration: none;
  font-weight: normal;
  flex-grow: 1;
  border: 1px solid #c5c5c5;
  width: 100%;
  text-align: center;
  padding-top: 5px;
  box-sizing: border-box;
  cursor: pointer;
}

.wp_katalog_datei_anzeigen:checked+label::before {
  content: "\f06e";
}

.wp_katalog_eintrag_bearbeiten_tabelle button {
  font-size: .8em;
}

/* F�r die Bilder */
#wp_katalog_dateien_outer .wp_katalog_dateien_link_outer {
  position: absolute;
  width: 40px;
}

#wp_katalog_dateien_outer .wp_katalog_dateien_linke {
  width: 100%;
  height: 163px;
  position: relative;
  float: left;
  margin-bottom: 8px;
}

#wp_katalog_dateien_outer .wp_katalog_dateien_linke p {
  right: 8px;
  font-size: 14px;
  position: absolute;
  height: 4em;
  vertical-align: middle;
  display: inline;
  top: 50%;
  margin: -2em 0 0 0;
  text-align: right;
}

.rot-text {
  transform: rotate(-90deg) translateX(36px) translateY(-4px);
  display: inline-block;
  height: 23px;
  transform-origin: center right;
  position: relative;
}

.wp_katalog_add_value_input {
  width: 400px;
  line-height: 2em;
  padding-left: 5px;
}

#wp_katalog_dateien_outer .wp_katalog_dateien_liste {
  box-sizing: border-box;
  padding-left: 44px;
  xwidth: 100%;
  margin-top: 5px;

}

#wp_katalog_dateien_outer {
  border-left: 2px solid rgb(80, 80, 80);
  border-right: 2px solid rgb(80, 80, 80);
  width: 96%;
  box-sizing: border-box;
  margin-top: -5px;
}

#wp_katalog_dateien_outer .wp_katalog_datei_thumbnail {
  /* float: left; */
  position: relative;
  /* height: 100%; */
  /* width: 200px; */
  flex-grow: 1;
}

#wp_katalog_dateien_outer .wp_katalog_datei_thumbnail img.wp_katalog_datei_thumbnail_img {
  margin: auto;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

#wp_katalog_dateien_outer .wp_katalog_datei_info {
  /* float: right; */
  /* width: 200px; */
  margin-right: 10px;
  /* margin-top: 5px; */
  line-height: 1.6em;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  /* margin-bottom: 5px; */
}

.wp_katalog_datei_info_description {
  min-width: 80px;
  display: inline-block;
  xfont-style: italic;
}

.wp_katalog_datei_info input[type=text] {
  line-height: 2em;
  padding-left: .3em;
  width: 170px;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d3d3d3;
}

.wp_katalog_image_toolbar {
  width: 180px;
  display: flex;
}

.wp_katalog_image_toolbar>* {
  /* width: 35px; */
  margin-right: 5px;
  flex-grow: 3;
}

.wp_katalog_datei_info .wp_katalog_button {
  /* margin-bottom: .3em; */
  /* width: 85px; */
  box-sizing: border-box;
  flex-grow: 1;
  height: 2em;
  display: block;
  margin: 0;
  margin-right: 5px;
  box-sizing: border-box;
  padding: .4em 0.5em !important;
}

.wp_katalog_datei_info .wp_katalog_button:last-child {
  margin-right: 0;
}

.wp_katalog_send_cancel {
  text-align: right;
}

.wp_katalog_send_cancel button {
  background-color: #DDDDDD !important;
  color: #FF9999 !important;
  transform: scale(0.7);
}


.ui-button {
  background: #eee !important;
  color: black !important;
  text-decoration: none !important;
  font-weight: normal !important;
}

.ui-button:disabled {
  opacity: 0.5;
  cursor: wait;
}

#wp_katalog_dateien_outer .wp_katalog_datei,
.wp_katalog_datei_placeholder {
  clear: left;
  height: 180px;
  margin-bottom: 8px;
  /* xpadding-bottom: 3px; */
  cursor: row-resize;
  box-shadow: -1px 3px 10px #000;
  position: relative;
  display: flex;
}

#wp_katalog_dateien_outer .wp_katalog_datei .wp_katalog_datei_move_icons {
  /* position: absolute; */
  /* top: 50%; */
  /* margin-top: -55px; */
  /* left: 165px; */
  font-size: 17px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 1em;
}

#wp_katalog_dateien_outer .wp_katalog_datei .wp_katalog_datei_move_icons div {
  margin-bottom: 2px;
}

#wp_katalog_dateien_outer .wp_katalog_datei .wp_katalog_datei_up {
  cursor: pointer;
}

#wp_katalog_dateien_outer .wp_katalog_datei .wp_katalog_datei_down {
  cursor: pointer;
}

.wp_katalog_datei_drag {
  cursor: row-resize;
}

#wp_katalog_dateien_outer .wp_katalog_datei p {
  margin: 0;
}

#wp_katalog_dateien_outer .wp_katalog_datei .wp_katalog_position {
  display: none;
}

#wp_katalog_dateien_outer .wp_katalog_datei_placeholder {
  background-color: #B0B0B0;
}

.wp_katalog_upload_dropzone_container {
  border-left: 2px solid rgb(80, 80, 80);
  border-right: 2px solid rgb(80, 80, 80);
  width: 96%;
  box-sizing: border-box;
  margin-top: -8px;
  padding: 7px;
}

.wp_katalog_upload_dropzone {
  box-sizing: border-box;
  width: 100%;
  height: 300px;
  margin-top: 5px;
  margin-bottom: 5px;

  border: 5px dashed #8a8a8a;
  border-radius: 33px;
  position: relative;
}
.dropzone_show_default {
  display: block !important;
  opacity: 1 !important;
  height: 50px;
}
.dropzone_show_default.visible {
  height: 300px;
}


.wp_katalog_upload_dropzone.file-hover {
  border: 5px dashed #000;
}

.wp_katalog_upload_dropzone_header {
  margin-top: 1em;
  text-align: center;
  color: #8a8a8a;
  font-size: 16px;
  background: none;
  position: relative;
  z-index: 100;
}

.wp_katalog_upload_dropzone.file-hover .wp_katalog_upload_dropzone_header {
  color: #000;
}

.wp_katalog_upload_dropzone_mask {
  width: 100%;
  height: 100%;
  z-index: 99;
  position: absolute;
}

.wp_katalog_upload_button_container,
.wp_katalog_new_upload_button_container {
  border-left: 2px solid rgb(80, 80, 80);
  border-right: 2px solid rgb(80, 80, 80);
  width: 96%;
  box-sizing: border-box;
  text-align: center;
  margin-top: -5px;
  padding-top: 12px;
  padding-bottom: 5px;
}

#wp_katalog_upload_button_label,
.wp_katalog_new_upload_button_label {
  padding: .4em 1em;
  background: #eee;
  font-size: 1.25em;
  display: inline-block;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
}

.wp_katalog_new_upload_button_label {
  width: 96%;
  box-sizing: border-box;
}

.wp_katalog_new_upload_button {
  font-size: 1.1em;
}

.wp_katalog_upload_button_container.disabled #wp_katalog_upload_button_label {
  opacity: 0.5;
}

#wp_katalog_upload_button {
  width: 0.1px;
  height: 0.1px;
}

#wp_katalog_upload_button_label:focus,
#wp_katalog_upload_button_label:hover,
.wp_katalog_new_upload_button_label:focus,
.wp_katalog_new_upload_button_label:hover {
  border: 1px solid #999;
}

div.wp_katalog_rezension_form {}

div.wp_katalog_rezension_form_row {
  clear: both;
}

div.wp_katalog_rezension_form_box {
  float: left;
}

div.wp_katalog_rezension_form_box:nth-child(1) {
  width: 200px;
}

#statusbar-container {
  width: 96%;
  box-sizing: border-box;
  margin-top: -8px;
  padding: 7px;
  font-size: 12px;
}

#statusbar-container:empty {
  display: none;
}

.wp_katalog_eintrag_bearbeiten_statusbar {
  border-left: 2px solid rgb(80, 80, 80);
  border-right: 2px solid rgb(80, 80, 80);
}

.statusbar .filename {
  overflow: hidden;

  margin-top: 2px;
  margin-bottom: 2px;

  white-space: nowrap;
  text-overflow: ellipsis;
}

.statusbar .left-info {
  position: absolute;
  z-index: 1;

  /*width: 50%;*/
}

.statusbar .file-info {
  float: left;

  width: auto;
}

.statusbar .abort,
.statusbar .ok {
  font-size: 19px;

  position: absolute;
  top: 10px;
  right: 7px;

  cursor: pointer;

  ytext-shadow: 1px 1px 0 #fff;
}

.statusbar .select {
  font-weight: bold;

  position: absolute;
  top: 10px;
  right: 40px;

  cursor: pointer;
}

.statusbar .thumbnail {
  float: left;

  margin-top: 3px !important;
  margin-right: 5px !important;
  margin-left: 5px !important;

  border: 1px solid #000 !important;
}

.progress-bar-label {
  font-weight: bold;

  position: absolute;
  top: 8px;
  left: 50%;

  ytext-shadow: 1px 1px 0 #fff;
}

.error-statusbar,
.error-statusbar .progress-bar-label {
  color: #E96767;
}

.progress-bar {
  position: relative;

  height: 3em !important;
}

.progress-bar .ui-progressbar-value {
  background: #c7c6c6;
}

.statusbar {
  position: relative;
}

.wp_katalog_info_button {
  margin-left: 5px;
  color: #4040BF;
}

.checkform-validated input:invalid,
.checkform-validated select:invalid {
  box-shadow: 0 0 5px #E00000;
  -webkit-appearance: none;
  height: 1.5em;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiP…g9IjI3MCIgaGVpZ2h0PSIyNDAiPjxwYXRoIGQ9Ik01LDVIMjY1TDEzNSwyMzAiLz48L3N2Zz4=);
  background-size: auto 50%;
  background-repeat: no-repeat;
  background-position: 93% 54%;
}

.checkform-validated textarea:invalid {
  box-shadow: 0 0 5px #E00000;
}

.wp_katalog_bild_drehen p {
  text-align: center;
}

.wp_katalog_bild_drehen_vorschau {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 550px;
}

.wp_katalog_bild_drehen_vorschau img {
  max-width: 500px;
  max-height: 500px;
  width: auto;
  height: auto;
  transition: transform 0.25s;
}

.rotate90deg {
  transform: rotate(90deg);
}

.rotate-90deg {
  transform: rotate(-90deg);
}

.rotate180deg {
  transform: rotate(180deg);
}

.wp_katalog_bild_Drehen_button_container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.saving,
.saving * {
  opacity: 50%;
  cursor: wait;
}

.wp-inline-save {
  color: green;
}

.wp-inline-cancel {
  color: red;
}

.wp-inline-buttons {
  white-space: nowrap;
}

.wp_katalog_input .select2 {
  width: 500px;
}

.wp_katalog_input .select2 ul,
#content .select2 ul {
  margin: 0;
  padding: 0 5px;
}

.katalog-upload-tag {
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 5px dashed #8a8a8a;
  border-radius: 33px;
  position: relative;
}