/*---------------------------------------------------
 formbib.css
 FORMULAR Bibliothek
----------------------------------------------------- */

/*---------------------------------------------------
 Variable
----------------------------------------------------- */
:root {
  --color-icon-plus:  #34a665;
  --color-green:      #34a665;
  --color-icon-minus: #B22222;
  --color-form-red:   #d6412b;
  --color-white:      #ffffff;
  --countSortTD:      3;
}
/*---------------------------------------------------
 Allgemein
----------------------------------------------------- */
.font-weight-normal {font-weight:normal;}
.nowrap             {white-space: nowrap;}
.clr-red            {color: #b01111;}
.width-100          {width:100%;}
.max-width-100      {max-width:100%;}
.floatLeft          {float: left;}
.floaRight          {float: right;}
.font-bold          {font-weight:bold; }
.clear-both        {clear: both; }
.note-area {
  margin-right:20px;
  padding:3px;
}

/*----------------------------------------------------
 Layout Formular Input Fields
----------------------------------------------------- */
.form-title-backend {color:var(--theme-color-preset-one,--color-green);padding-bottom:1rem;}

.div-form-label {
  min-width:280px;
  margin-right:10px;
}
#formbib-forms  {
  width:100%;
  line-height:200%;
}
#formbib-forms fieldset {
  min-width: 0;
  padding:20px;
  margin-top: 20px;
  border: 2px solid #eeeeee;
}
#formbib-forms legend {
  position: relative;
  visibility: visible;
  white-space: nowrap;
  content :"";
  color:#eeeeee;
}
#formbib-forms  label {
  padding: 0rem;
  min-width:150px;
}
#formbib-forms input,
#formbib-forms textarea,
#formbib-forms select  {
  border: 2px solid #e4e4e4;
  border-radius: 5px;
  padding: .3rem;
  font-size:1rem;
  font-family: 'Titillium Web', sans-serif;
  background-color: var(--color-white);
}
#formbib-forms textarea,
#formbib-forms input[type='text'],
#formbib-forms input[type='email'],
#formbib-forms input[type='url']
{
  width:60%;
}
#formbib-forms input[type='number'],
#formbib-forms input[type='tel'],
#formbib-forms input[type='date'],
#formbib-forms input[type='datetime']
{
  min-width:15%;
}
#formbib-forms input[type='file']
{
  border: 0;
}
#formbib-forms input[type='date'],
#formbib-forms select {
  cursor: pointer;
}
#formbib-forms output {
  margin-left:10px;
  color:#00bfbf;
}
#formbib-forms textarea {
  resize: vertical;
}

/*----------------------------------------------------
 Aktion Einstellungen
----------------------------------------------------- */
#formbib-forms input:hover,
#formbib-forms textarea:hover,
#formbib-forms select:hover
{
  background-color: #f7f7f7;
  border: 2px solid #cccccc;
}
#formbib-forms input:focus,
#formbib-forms textarea:focus,
#formbib-forms select:focus
{
  border: 2px solid #c1c1c1;
  border-radius: 5px;
}
#formbib-forms input[type='file']:hover,
#formbib-forms input[type='file']:focus {
  border: 0;
  background-color: var(--color-white);
}

/*----------------------------------------------------
 Submitt, Button
 ----------------------------------------------------- */
.formbib-submit {
  margin-top:10px;
  margin-right:20px;
  width:20%;
  height:50px;
  min-width:180px;
  transition: width 10s, height 2s;
}
#formbib-forms .form-submit input {
  display: block;
  float: left;
  padding: 1rem;
  margin-top: 1rem;
  background:  var(--color-white);
  border-radius: 0 0 .25rem .25rem;
  border-top: none;
  box-shadow: 0 0 2rem rgba(0,0,0,.20);  /* .25*/
  z-index: 2;
  position: relative;
  min-width:180px;
  margin-right:20px;
}
#formbib-forms .form-submit input {
  font-size: 1rem;
  font-weight: bold;
  padding: .5rem 1rem;
  border: none;
  border-radius: 3rem;
  color: #222;
  float: left;
  letter-spacing: normal !important;
  font-family: 'Titillium Web', sans-serif;
  display: block;
  background: #e5e5e5;
  border: 1px solid #d9d9d9;
}
#formbib-forms .form-submit .saveButton:hover {
  cursor: pointer;
  background: #222;
  color:  var(--color-white);
}
#formbib-forms .form-submit .sendButton {
  background: var(--color-form-red);
  color:  var(--color-white);
}
#formbib-forms .form-submit .sendButtonBackend {
  background: var(--theme-color-preset-one, #34a665);
  color:  var(--color-white);
}
#formbib-forms .form-submit input:hover,
#formbib-forms .form-submit input:focus {
  background: #222 !important;
  cursor: pointer;
}
#formbib-forms hr {
  color: #e4e4e4;
  background-color: #e4e4e4;
  border-style: inset;
  border-width: 0px;
}
.form-edit-no {
  font-size:2rem;
}
.form-display-no, .display-no {
  display:none;
}
.new-object {
  display: inline-block;
  padding: .5rem;
  border-radius: 1rem;
  background: #666;
  width: 1.9rem;
  height: 1.9rem;
  line-height: 1.2;
  position: absolute;
  top: .2rem;
  right: 50px;
}
.add-svg {
  display: inline-block;
  padding: .5rem;
  border-radius: 1rem;
  background: #666;
  width: 1.9rem;
  height: 1.9rem;
  line-height: 1.2;
}
.add-svg {
  content : "#fas-fa-plus";
  width: .9rem;
  height: .9rem;
  fill:  var(--color-white);
}
.new-object svg{
  width: .9rem;
  height: .9rem;
  fill:  var(--color-white);
}
.new-object.new-contact {
  background: #e5e5e5;
  background: var(--theme-color-preset-one, #34a665) !important;
  opacity: 0.7;
  margin-top:0.5rem;
}
.new-object:hover,
.new-object.new-contact:hover {
  background: var(--theme-color-preset-one, #34a665) !important;
  opacity: 1;
}
.new-object.forbidden {
  opacity: 0.5;
  pointer-events: none;
}
/*----------------------------------------------------
 Menu bar
 ----------------------------------------------------- */
.sub-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
.sub-menu li {
  float: left;
}
.sub-menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.sub-menu li a:hover {
  background-color: #777;
}

/*----------------------------------------------------
 Media Width
 ----------------------------------------------------- */
@media (max-width: 600px) {
  .div-form-label {
    min-width:100%;
  }
}
@media (min-width: 320px) {
  #formbib-forms textarea,
  #formbib-forms input[type='text'],
  #formbib-forms input[type='email']
  {
    min-width:100%;
    width:100%;
  }
}
@media (min-width: 900px) {
  #formbib-forms .note-editor.note-frame,
  #formbib-forms .note-editor.note-airframe,
  #formbib-forms textarea,
  #formbib-forms input[type='text'],
  #formbib-forms input[type='email']
  {
    min-width:100%;
    width:100%;
  }
  #formbib-forms .note-editor.note-frame, 
  #formbib-forms .note-editor.note-airframe {
    margin-left:0px ;
    margin-top:2rem ;
  }
}
@media (min-width: 1080px) {
  #formbib-forms .note-editor.note-frame,
  #formbib-forms .note-editor.note-airframe,
  #formbib-forms textarea,
  #formbib-forms input[type='text'],
  #formbib-forms input[type='email'],
  #formbib-forms input[type='url']
  {
    min-width:70%;
    width:70%;
  }
  #formbib-forms .note-editor.note-frame, 
  #formbib-forms .note-editor.note-airframe {
    margin-left:205px ;
    margin-top:0rem ;
  }
}
@media (min-width: 1420px) {
  #formbib-forms .note-editor.note-frame,
  #formbib-forms .note-editor.note-airframe,
  #formbib-forms textarea,
  #formbib-forms input[type='text'],
  #formbib-forms input[type='email'],
  #formbib-forms input[type='url']
  {
    width:80%;
    /* min-width:80%; */
  }
}

/*----------------------------------------------------
Konfigurations 
 ----------------------------------------------------- */
/* .specialtimes_an["erhöht"] {
  font-weight: bold;
  color: red;
} */
/* .specialtimes_ab  { } */
[label='Ressource erhöht sich um x-Mitarbeiter'] {  
  font-weight:bold; color:red;
}
.div-abpre  {
  width:100%;
  border: 0px solid #f6f6f6;
  border-left: 0px;
  padding:2rem 0rem 0rem 0rem;
}
.div-abpre table {
  padding-left:1.5rem;
}
/* List with id */
.dataobject-table .list-id {
  padding-top: 0.5rem  !important;
}
.dataobject-table .list-id span {
  opacity: 0.6;
}
.dataobject-table td.list-id span {
  display:none;
}
.dataobject-table tr {
  display: grid;
  grid-template-columns: 2.5rem 40% auto auto auto !important;
  /* grid-template-columns: 2rem 30% auto auto auto !important; */
}
.dataobject-table.gridGDCList tr {
  display: grid;
  grid-template-columns: 2rem 60% .5rem auto auto !important;
}
.dataobject-table-show-id tr {
  display: grid;
  grid-template-columns: 4rem 40%  auto auto auto !important;
}
.dataobject-table-show-id td.list-id span {
  display:inline-flex;
}
.config-table th:first-of-type {
  white-space: normal;
  font-weight: bold;
  padding: 1rem .5rem 1rem 1rem;
}
.config-table td:first-of-type,
/* .dataobject-table td:nth-child(2), */
.dataobject-table td:first-of-type {
  white-space: nowrap !important;
  font-weight: normal;
  white-space:normal;
}
#formbib-forms .table-variation  {
  line-height:100%;
  margin:0 0 2rem 1.5rem;
  display:none;
}
#formbib-forms .table-variation tr:first-child  {
  line-height:250%;
}
#formbib-forms .table-variation th {
  text-align:left;
  margin:0px;
}
#formbib-forms .contexts-resources-box div {
  width:50%;
}
#formbib-forms input[name='timeToBookInAdvance-h'],
#formbib-forms input[name='timeToBookInAdvance-m']
{
  min-width:90px;
  max-width:90px;
}
.details-button {
  /*font-size: 1rem;*/
  font-weight: bold;
  border: none;
  border-radius: 1rem;
  border-radius: .3rem;
  padding: .1rem 1rem;
  margin-left:0.5rem;
  color: #222;
  letter-spacing: normal !important;
  font-family: 'Titillium Web', sans-serif;
  background: #e5e5e5;
  border: 0px solid #d3ded3  ;
  width:10px;
  cursor: pointer;
  white-space:nowrap;
}
.del-button ,
.add-button {
  font-weight: bold;
  border: none;
  border-radius: .3rem;
  padding: .0rem .6rem;
  margin-left:0.5rem;
  color: #222;
  background: #e5e5e5;
  border: 0px solid #d5d5d5  ;
  cursor: pointer;
}
.del-button {
  margin-left:0rem;
}
#formbib-forms .details-button input[type='text'] {
  background: #e5e5e5;
  color: #e5e5e5;
  border: none;
  max-width:0%;
  width:0%; height:0%;
  content : "Details";
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  border: 0px solid #f3f3f3;
  border-top:4px solid #f6f6f6;
}
.flex-container > div {
/*  background-color: #f3f3f3;*/
  min-width: 5px;
  padding: 10px;
}
.teamleader {
  display:block;
}
.teamleader-member-null {
  display:none;
}
@media (min-width: 1000px) {
  #formbib-forms .details-button input[type='text'] {
    min-width:0%;
    width:0%;  height:0%;
  }
}
@media (min-width: 1380px) {
  #formbib-forms .details-button input[type='text'] {
    min-width:0%;
    width:0%;  height:0%;
  }
}

/*----------------------------------------------------
Breadcrumb
 ----------------------------------------------------- */
 /* Style the list */
ul.breadcrumb {
  margin: 100px 0px;
  list-style: none;
}
/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 1rem;
}
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 5px;
  color: #999999;
  content: "/\00a0";
}
/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #999999;
  text-decoration: none;
}
/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
 color: #666666;
} 
.capacityOverride {
  width:5rem;
}

/*----------------------------------------------------
 D A T A C O N T A I N E R 
----------------------------------------------------- */
.data-container-forms .div-form-label{
  min-width:200px;
  margin-right:5px;
}
.a-google-maps {
  padding-left:10px; 
}
#formbib-forms input[name=gps]  {
  width: 80%;
}
#formbib-forms input:read-only,
#formbib-forms textarea:read-only
{
  background-color: #e6e6e6;
}
#formbib-forms input:read-only:hover,
#formbib-forms textarea:read-only:hover,
#formbib-forms select:read-only:hover
{
  border: 2px solid #e6e6e6;
}
.data-container-header {
  margin:0;
  margin-top:1rem;
}
.div-data-container-header {
 font-weight:bold; 
 float:left; 
 min-width:200px;
 margin-right:5px;
 text-transform: uppercase;
}
#publishing .div-data-container-header {
  font-weight: normal;
  text-transform: initial;
}
h2.data-container-message {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  width: 100%;
  padding: 0 0 .5rem;
  border-bottom: 1px solid;
}
.data-container-footer {
  margin-top: 1rem;
  padding: 1rem 0;
  border-top:4px solid #f6f6f6;
}
.del-button-dc,
.add-button-dc,
.del-button-attribute-noaktiv ,
.add-button-attribute {
  font-weight: bold;
  border: none;
  border-radius: .3rem;
  padding: .0rem .6rem ;
  margin-left:.5rem;
  color: #222;
  background: #e5e5e5;
  border: 2px solid #eeeeee;
  font-size:1rem;  
}
.del-button-attribute-noaktiv:hover ,
.add-button-attribute:hover {
  border: 2px solid #d5d5d5  ;
}
.attribute-untranslated {
  width:20px;
}
#formbib-forms input[list="tagslist"] {
 width:100%;
 min-width:300px;
}
#formbib-forms .flex-data-container-attribute textarea {
  max-width:100%; 
  min-width:100%; 
  width:300px;
  padding:0px 0px 0px 5px;
  resize: both;
}

/*----------------------------------------------------
 GDC - FLEX CONTAINER 
----------------------------------------------------- */
.flex-data-container {
  display: flex;
  flex-wrap: wrap;
  border: 0px solid #f3f3f3;
  border-top:4px solid #f6f6f6;
}
.flex-data-container > div {
  min-width: 5px;
  padding: 10px;
}
.flex-data-container-attribute {
  display: flex;
  flex-wrap: wrap;
  border:4px solid #f6f6f6;  
  background-color:#f4f4f4; 
  margin-bottom:50px;
}
.flex-data-container-attribute > div {
  min-width: 5px;
  padding: 0px;
  padding-right:20px;
  width:100%;
}
#formbib-forms .flex-data-container-attribute input[type="number"] ,
#formbib-forms .flex-data-container-attribute input[type="url"] ,
#formbib-forms .flex-data-container-attribute input[type="text"],
#formbib-forms .flex-data-container-attribute input[type="number"] {
  max-width:20%; 
  min-width:200px; 
  padding:0px 0px 0px 5px;
  margin-left:10px;
}
#formbib-forms .flex-data-container-attribute input[type="url"]  {
  max-width:60%; 
}
#formbib-forms .flex-data-container-attribute input[type="number"]  {
  width:5rem; 
  min-width:5rem; 
}
#domap.domap-backend {
  width: 50%;
  height: 200px;
  z-index: 1;
  padding: 10px;
}
#domap .cookie-notice {
 font-size:1rem;
 padding-top:2rem;
}
/*----------------------------------------------------
 GDC - Navigation - Register
 //Vertical Tabs-REGISTER // -> important
----------------------------------------------------- */
/* Style the tab */
.tab {
  overflow: hidden;  
  margin:20px 0px 0px 0px;
}
/* Style the buttons inside the tab */
.tab span {
  background-color: inherit;
  background-color: var(--color-white);
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab span:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
.tab span.active {
  background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 10px;
  border: 1px solid #e5e5e5;
}
.tabcontent h2 {
  display:block;
}
.button-register {
  background-color: var(--color-green);
  color: var(--color-white);
  border: none;
  padding: 10px 10px;
  font-size: 1rem;
  cursor: pointer;
}
.button-register:hover {
  opacity: 0.8;
}
#prevBtn {
  background-color: #bbbbbb;
}
input.invalid {
  background-color: #ffdddd;
}
/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.step.active {
  opacity: 1;
  background-color: var(--color-green);
}
/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: var(--color-green);
}
/* Control of the navigation */
.tab-bulls {display:none;}    
/*@media (max-width: 1500px) {
  .tab {display:none;}
  .tab-bulls {display:block;}
}*/

/*----------------------------------------------------
 GDC - Layout
----------------------------------------------------- */
.select-contact {
  max-width:75%;
}
.select-contact-type {
  max-width:200px;
}

/*
input[id^="0-contact"] ,
label[id^="0-contact"] ,
select[name^="0-contact"] ,
h4[name^="0-contact"] ,
span[data-id^="0"] {
  display:none;
}*/
select[name^="0-service-type"],
select[name^="0-organisation-type"],
select[name^="0-contact"],
span[data-id^="0"] {
  display:none;
}
span[data-id^="0_detailvariations"] ,
span[data-id^="0-details-dates"] {
  display:inline;
}

/* MEDIA DC */
.media-bibl .modal-box .modal-content .media-bibl,
.media-bibl .modal-box .modal-content  {
  height: 90vh;
}
.media-dc-backend {
  width:100%;
  max-width:500px;
  margin-bottom:50px;
}
.ul-media-dc {
  list-style:none; 
  margin:0;
  padding:0;
}
.ul-media-dc li {
  border-bottom:2px solid #ccc;
  padding:10px 0px;
  list-style:none;
}
.show-media {
  background-color:white;  
  border:1px solid #ccc;
  padding:1rem;
  margin-bottom:20px;
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
}
.show-media div {
  padding:0rem;
  text-align:left;   
}
.show-media div:first-child {
  width:20%;
  height:5rem;
}
.show-media div:nth-child(2) {
  width:60%;
  padding:1.5rem;
}
.show-media div:nth-child(3),
.show-media div:nth-child(4) {
 width:10%;
 min-width:6rem;
 padding:1.5rem 0rem;
 white-space:nowrap;
 text-align:center; 
}
.show-media img {
  max-height:100%;
  max-width:100%;
}
.show-media .show-name {
  font-weight:bold;
  font-size:1rem;
  min-width:40%; 
}
.show-media .show-details{
  text-align:left;
  padding-right:0px;
}
a.up {margin-right:1rem;}
.show-details-media input { display:none;}
.show-details-media select { display:none;}
.show-details-media label { display:none;}
/*.show-details-media span.del-media { display:none;}*/
.border-bottom {
  border-bottom: 1px solid #ccc;
}
.add-media-bibl {
  background: var(--color-icon-plus);
  opacity: 0.7;
  padding: .2rem .4rem;
  border-radius: 1rem;
  white-space: nowrap;
  margin-left:.5rem;
  line-height: 1.1;
  color:white;
  cursor: pointer; 
}

/* DATES */
.table-dates-dc {
  border-collapse: collapse;
  width: 100%;
}
.table-dates-dc td {
  border-bottom: 1px solid #ccc;
  padding:5px;
}
.table-dates-dc th {
  text-align:left;
  color: #666;
}
.table-dates-dc th.thdate:hover {
  color:black;
}
.table-dates-dc input[type="number-text"]  {
  max-width:50px;
}
.tr-show-details-dates {
  display:none;
}
.table-defaultDuration-dc th{
  text-align: left;
}
.table-defaultDuration-dc input[type="number"],
.table-defaultDuration-dc input[type="text"] {
  max-width:100px;
}
/* DATES rental*/
.table-dates-dc.rental th:nth-of-type(3),
.table-dates-dc.rental th:nth-of-type(4),
.table-dates-dc.rental th:nth-of-type(5),
.table-dates-dc.rental th:nth-of-type(6),
.table-dates-dc.rental td:nth-of-type(3),
.table-dates-dc.rental td:nth-of-type(4),
.table-dates-dc.rental td:nth-of-type(5),
.table-dates-dc.rental td:nth-of-type(6),
.table-dates-dc.rental td:nth-of-type(7)  {
  display:none;
}
.table-dates-dc.rental td:nth-of-type(8)  {
  text-align:right;
}
.table-dates-dc.rental th:nth-of-type(1),
.table-dates-dc.rental td:nth-of-type(1) {
  width:100px;
}
.table-dates-dc.rental th:nth-of-type(7),
.table-dates-dc.rental td:nth-of-type(7) {
  text-align:right;
  padding-right:2rem;
}
.table-dates-dc.rental .tr-show-details-dates td {
  display:table-cell;
}
.table-dates-dc.rental .tr-show-details-dates td:nth-of-type(2)  {
  display:none;
}
.rental.table-dates-dc input[type="date"] {
  min-width: 0 !important;   
}
.search-title,
.rental-search-title {
  font-weight:bold;
  font-size:1rem;
  padding:1rem 0rem 0.2rem 0rem;
}
/* EVENT*/
.table-event-dc {
  margin-top:1rem;
  border-collapse: collapse;
  width: 100%;
  font-size:0.9rem;
}
.table-event-dc td {
  border-bottom: 1px solid #ccc;
  padding:5px;
  vertical-align:top;
}
.table-event-dc th {
  text-align:left;
}
.table-event-dc th:first-child {
  width:120px;
  white-space: nowrap;
}
/*.table-event-dc th:last-child, */
.table-event-dc th:nth-of-type(2){
  min-width:200px;
}
.table-event-dc input[type="number-text"]  {
  max-width:100px;
}
.tr-show-details-event {
  display:none;
  background-color:var(--color-white);
}
.tr-show-details-event td {
   border-bottom: 0px solid #ccc;
   padding-right:3rem; 
   padding-top:1rem;
   vertical-align:top;
   padding-bottom:1rem;
}
.tr-show-details-event:last-child td{
   border-bottom: 1px solid #ccc;
}
.tr-show-details-event td:nth-of-type(1){
   white-space:nowrap;
   font-weight:bold;
}

/* Search */
.report-filter-content.events {
  display:inline-block;
  width:100%;
}
.report-filter-search {  
  top: 1.1rem;
  background: var(--color-white);
  line-height: 1.1;
  position:absolute; 
  right:1rem;
}
.result-search,
.sendPoiEvent {
  display:none;
}
.result-search {
  background-color: var(--color-white);
  min-height:200px;
}
.table-relevated-events {
  margin:0;
}
.table-relevated-events th {
  padding-top:2rem ;
}
.table-relevated-events th:first-child,
.table-relevated-events td:first-child {
  padding-left:2rem;
}
.table-relevated-events td:last-child {
  text-align:right;
  padding-right:2rem;
}

/* switch radiobutton*/
.on,
.off {
  padding:10px;
  border-radius: 3px;
  color:var(--color-white);
}
.on  { background-color:green; }
.off { background-color:grey; }
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: var(--color-white);
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: var(--theme-color-preset-one, #34a665);
}
input:focus + .slider {
  box-shadow: 0 0 1px var(--theme-color-preset-one, #34a665);
}
input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}
.slider.round:before {
  border-radius: 50%;
}
.no-search-event {
  font-size:2rem;
  font-weight:bold;
  margin:3rem;
}
.img-relevanted-events {
  max-height:500px; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.contactPaddingTop,
.addressPaddingTop {
  padding-top:30px;
}

/* Gremium   */
.table-contact-dc-members td,.table-contact-dc-members th,
.table-contact-dc-govChairman td, .table-contact-dc-govChairman th,
.table-contact-dc-govViceChairman td , .table-contact-dc-govViceChairman th { 
   width:20%;
} 
.table-contact-dc-members th:first-child,
.table-contact-dc-govChairman th:first-child,
.table-contact-dc-govViceChairman th:first-child,
.table-contact-dc-members td:nth-child(1),
.table-contact-dc-govChairman td:nth-child(1),
.table-contact-dc-govViceChairman td:nth-child(1) {
  width:120px;
  white-space: nowrap; 
}
/* Details + del */
.table-contact-dc-members th:nth-child(6),.table-contact-dc-members th:nth-child(7),
.table-contact-dc-govChairman th:nth-child(6),.table-contact-dc-govChairman th:nth-child(7),
.table-contact-dc-govViceChairman th:nth-child(6),.table-contact-dc-govViceChairman th:nth-child(7) ,
.table-contact-dc-members td:nth-child(6),.table-contact-dc-members td:nth-child(7),
.table-contact-dc-govChairman td:nth-child(6),.table-contact-dc-govChairman td:nth-child(7),
.table-contact-dc-govViceChairman td:nth-child(6),.table-contact-dc-govViceChairman td:nth-child(7) { 
  width:100px;
/*  padding: 0px ;*/
} 
.tr-show-details-contact {
  display:none;  
}
.tr-show-details-contact td:first-child {
  padding-left:1rem;
  font-weight:bold;
}
/**/
body.user-backend #formbib-forms .form-submit input,
body.user-backend #formbib-forms input,
body.user-backend #formbib-forms textarea,
body.user-backend #formbib-forms select  {
  font-size:.9rem;
}
/* Requirements in Activities */
body.user-backend #formbib-forms select  {
  max-width:30rem;
  /* padding-left:0px; */
}
.table-requirements td {
  padding-left:0px;
}

/* Icons */
.icon-copy svg,
.icon-edit svg,
.icon-plus svg,
.icon-minus svg {
  width: .8rem;
  height: .8rem;
  fill:var(--color-white);
}
.icon-copy,
.icon-edit,
.icon-minus,
.icon-plus {
  display: inline-block;
  padding: .4rem ;
  border-radius: 1rem;
  background: #666;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.1;
  margin-left:.5rem;
  opacity: 0.7;
  cursor: pointer; 
}
.icon-plus {background: var(--color-icon-plus);}
.icon-copy:hover {background: var(--color-icon-plus);}
.icon-minus:hover {background: var(--color-icon-minus);}
.icon-edit:hover {background: var(--color-icon-plus);}
.add-media-bibl:hover,
.icon-copy:hover, 
.icon-minus:hover, 
.icon-plus:hover {
   opacity:1;
}
.table-event-dc td.del-icon-right {
 text-align:right;
 padding-right:2rem;
 width:120px;
}

.table-contact-dc td.del-icon-right { 
  width:50px;
 }
.table-contact-dc select {
  max-width:150px;
}
.table-contact-dc th {
  white-space: nowrap; 
}
.table-contact-dc th {
  padding-right:10px;
}
.table-contact-dc td:nth-child(3) {
  max-width:250px;
}
/* Search by Click*/
.selection-by-click:hover{
  cursor: pointer;
  background-color: rgba(0,0,0,0.01);
}
.selection-by-click td:last-child {
  display:none;
}

/* Search Popup */
.result-search table tr  {
  display:table-row;
}
.result-search td:first-child, 
.result-search th:first-child  {
  padding-left: 2rem;
  width:120px;
}
.result-search th,
.result-search td {
  border-bottom: 1px solid #e5e5e5;
  padding: .5rem;
  vertical-align: top;
	line-height: 1;
  width:auto;
}

#formbib-forms input:invalid[type='url']
{
  background-color: rgba(255, 0, 0, 0.01);
}
/* Categorien Backend */
.child-categorie { 
  width:100%;
  padding-bottom:0px;
  padding-left:10px;
}
.children-categorie { 
  width:100%;
  padding-bottom:0px;
  padding-left:20px;
}
.children-lastchild-categorie { 
  width:100%;
  padding-bottom:0px;
  padding-left:30px;
}
.children-fifthchild-categorie { 
  width:100%;
  padding-bottom:0px;
  padding-left:40px;
}
/*----------------------------------------------------
 GDC - Categorien
----------------------------------------------------- */
.categorieChangeLabel + label,
.categorieChange {
  display:none;
}
/* .report-select-filter #categories-filter-off,
.report-table tr > td > .delete-categorie svg{
  display:none;
} */
.categorie-table td:first-of-type,
.categorie-table tr > th:first-of-type, 
.categorie-table tr > td:first-of-type {
  width:30px;
  padding-left:0;
  padding-top:2px;
}
.categorie-table tr {
  display:table-row;
}
/* Categories Report */
.listreport > svg {
  width: .9rem;
  height: .9rem;
  fill: black;
}
.listreport > i.nav-arrow {
  right: 0;
  top: 0;
  color: #222;  
  padding: 1rem;
  font-size: 1rem;
  transform: rotate(0deg);
  font-size: 0;
}
.listreport > i:hover {
  cursor: pointer;
  color: #222; 
}
.listreport > i.nav-arrow span {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.listreport > i.nav-arrow.opened span {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.child {
  display: none;
}

.click-details {
  border: 2px solid #cccccc !important;
}

/*----------------------------------------------------
 Meters
----------------------------------------------------- */
.meters-table {
  border-collapse: collapse;
}
.meters input[type="email"] {
  width: 50% !important;
  min-width: 50% !important;
  background-color:#fcf3cf !important;
}
.meters .div-form-label {
  min-width:10px !important;
}
.meters #label_email {
  position: relative;
  top: .1rem;
  /* font-weight:bold; */
}
.meters-readings-table {
  margin-top:2rem;
}
.meters-table th,
.meters-readings-table td,
.meters-readings-table th {
  padding: .6rem .5rem .6rem 1rem;
  text-align:left ;  
}
.meters-table td:first-of-type,
.meters-readings-table td:first-of-type {
  white-space: nowrap;
  font-weight: normal !important;
} 
.meters-readings-table tr {
  display: grid;
  grid-template-columns: 30% 20% 20% 30%;
}
.meters-readings-table td {
  width:100%;
}
.meters-readings-table input {
  width:100% !important;
}
.meters-readings-table input[name*='periode'] {
  color:var(--color-green);
  font-weight:bold;
}
.meters-readings-table .new input[name*='periode'] {
  color:var(--color-icon-minus);
}
.meters-table-no tr {
  display: grid;
  grid-template-columns: 15% 11% 15% 17% 17% 25%;
}
.meters-table .report-body td {
  padding: .6rem .5rem .6rem 1rem;
  font-size: .9rem;
}
.meters-all-readings-details {
  font-size: .9rem;
}
.meters-table td:last-of-type {
  padding: .6rem 1rem .6rem .5rem;
}
.report-csv-gdc {
  right: 100px; 
}

/*----------------------------------------------------
 App Push
----------------------------------------------------- */
.push-table tr {
  display: grid;
  /* grid-template-columns: 2.5rem 30% 20% 20% 5% auto ; */
  grid-template-columns: 30% 20% 20% 5% auto ;
}
.push-table td:first-of-type {
  font-weight: normal;
  white-space:normal;
}
.push-footer {
  margin-top:1rem;
}
.new-object-template {
  display: inline-block;
  padding: .3rem;
  border-radius: 1rem;
  background: #666;
  width: 1.9rem;
  height: 1.9rem;
  line-height: 1.2;
  position: absolute;
  top: .2rem;
  right: 100px;
}
.new-object-template span{
  padding-left: 0.4rem;
  font-weight: bold; 
  font-size:1.1rem;
  color:  var(--color-white);
}
.new-object-template:hover {
  background: var(--theme-color-preset-one, #34a665) !important;
  opacity: 1;
}
.app-template.draft {
  background: var(--theme-color-preset-one, #34a665);
  color: white;
}


/*----------------------------------------------------
Publishing
----------------------------------------------------- */
#publishing input[type="checkbox"] + label {
  visibility: hidden;
}