/* UTILITIES */
/*
grün        #beedbb
rot         #e19595
dunkelgrün  #579f4c
gelb        #f9fc7b
blau        #83a2c2
grau        #e0e0e0
*/

.horizontal-scroll {
  overflow-x: auto;
  white-space: nowrap;
}

/* CUSTOM STYLES */

#submenu {
  padding: 10px;
}

span.auftritt, span.probe{
  padding:5px;
}
tr.fixed.auftritt, tr.closed.auftritt{
    /*font-weight:bold;*/
    background-color: #cfe4d2;
}
td.planned.auftritt, span.planned.auftritt {
  background-color: #f6f5a6;
}
td.refused.auftritt, span.refused.auftritt{
  background-color: #cfcfcf;
}
td.fixed.auftritt, span.fixed.auftritt, td.closed.auftritt, span.closed.auftritt {
  background-color:#b1dab8;
}

td.planned.probe, span.planned.probe {
  background-color: #f6f5a6;
}
td.fixed.probe, span.fixed.probe {
  background-color: #a1c5e4;
}
td.refused.probe, span.refused.probe {
  color: #cfcfcf;
}

td.planned.sonstige, span.planned.sonstige {
  color: #f6f5a6;
}
td.fixed.sonstige, span.fixed.sonstige {
  background-color: #a1c5e4;
}
td.refused.sonstige, span.refused.sonstige {
  color: #cfcfcf;
}

tr.refused{
  opacity:0.5;
}

#doodletable {
  width:100%;
  border-collapse: separate;
  border-spacing: 0 1px
}

#doodletable td{
  padding:2px 2px 2px 6px;
  margin:2px;
}

#doodletable .no {
  background:white;
}
#doodletable .perhaps {
  background:#d7d5d5;
}
#doodletable .thatsme {
  font-weight: bold;
}
#doodletable .yes {
  background:#b1dab8;
}

#doodlen {
  margin: 30px 0 20px;
  font-size:16px;
  border: 2px #ccc solid;
}

.borderline{
  border-bottom: 1px solid #aaa;
}

.mydoodle{
  width:100%;
}
.mydoodle td, .mydoodle th{
  width:15%;
  padding-left:5px;
  padding-right:5px;
}
.mydoodle th {
  font-weight: normal;
  font-size:14px;
}
.mydoodle td {
  font-weight: bold;
  font-size:20px;
  vertical-align:top;
}

.change {
  display:none;
}

.error_msg {
  display: block;
  background: red;
  color: white;
  padding: 2px;
  margin: 2px;
}

#success {
  background: #89ed5e;
  border: 7px #89ed5e solid;
  padding: 10px 20px;
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: auto;
}

.media_input {
  display:none;
}

#edit_footer {
  background:#ddd;
  opacity:0.5;
  padding:10px;
  text-align:right;
  position: fixed;
  bottom:0;
  height:55px;
}
#edit_footer_btn {
  padding:10px;
  text-align:right;
  position: fixed;
  bottom:0;
  width:100%;
}

.hidden_event{
  display:none;
}

#newmediatable {
  width:100%;
  display:none;
}
#newmediatable td {
  padding-right: 10px;
}