/* V 2.3 */

.gigbox, .stagebox {
 background-color: white;
 font-family: Arial, sans-serif;
 margin-left:30px;
}

.stagebox.noprint {
  background-color: inherit;
}

.stage, .time, .band, .title {
 cursor:default;
}

.stage, .time {
 white-space:nowrap;
}

.stage {
text-align:right;
}

.t0:hover td, .t1:hover td, .t2:hover td {
 background-color: #D1A08F;
 -transform: scaleY(1.3)
}

.t1 .band {
 font-weight:bold;
}

.t2, .t2 td, .day1 .title, .stage1 {
 color:#C5C5C5;
 font-style:italic;
 text-decoration: line-through;
}


.t3 td {
 background-color:#C5C5C5;
 text-decoration: line-through;
 height: 1px;
 border-style:none;
}

.t3 td span, .t3 td div {
 display: none;
}


.t3:hover span, .t3:hover div {
 display: inline;
 background-color:white;
 color:#C5C5C5;
 border-color:#C5C5C5;
}

#t_footer {
 clear: both;
 text-align:right;
}

.day0 .title, .stage0 .title{
 font-weight: bold;
}

.day1 table{
 display:none;
}

.stage0, .stage1 {
 float:left;
 padding-left:10px;
 height: 50px;
 max-width: 200px;
}

.pagebreak {
 height:3px;
 background-color:#C5C5C5;
}

.pagebreak:hover:after {
 content:"Seitenumbruch";
}

#actualize {
 color:#FF0000;
}

td {
 padding: 0px 3px 0px 0px;
 border-spacing: 0px;
}

td .options {
 width: 32px;
 text-align:right;
}

table.list {
 border-collapse:collapse;
}

table.list td {
 border-spacing: 0px;
 border: 1px solid black;
}

table.t_col {
 border-collapse:collapse;
 border-left: 1px solid black;
 border-right: 1px solid black;
}

table.t_col td {
 border-spacing: 0px;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 
}

table.t_col .t3 td {
 border-color:#C5C5C5;
}

legend {
 font-weight: bold;
}

#o_subtitle_link {
  background-color: #d4a595;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  min-width: 100px;
  min-height: 16px;
}

#o_subtitle_link:hover {
  background-color: white;
}

#o_subtitle_input {
  font-size: inherit;
  width: 320px;
}

input[type=image] {
  margin: 3px;
  padding: 3px;
  border-radius: 3px;
  -transition-duration: 200ms;
}

input[type=image]:hover {
  transform: scale(1.1);
}

.ui-tooltip {
  padding: 3px;
  width: auto;
  max-width: 100px;
  height: auto;
  overflow: auto;
  word-wrap: break-word;
}

.w_landscape {
  width: 29.7cm;
}

.w_portrait {
  width: 21cm;
}

.stage {
  display: inline-block;
}

.clasher {
  display:inline-block;
}

.clash {
  border-left: 2px solid black;
  width: 4px;
}

.first_clash {
  border-top: 2px solid black;
}

.last_clash {
  border-bottom: 2px solid black;
}

.clash_inc {
  border-left: 1px solid black;
  opacity: 0.8;
}

#opts a img {
  transform: scale(1.2);
}

.note {
  display:inline-block;
  min-width: 16px;
  min-height: 6px;
  color: grey;
  font-size: 0.8em;
  margin-left: 3px;
  cursor:pointer;
}

.t0:hover .note, .t1:hover .note {
  background-image:url(/images/balloon.png);
  background-repeat:no-repeat;
  padding-left: 15px;
}

.hidden {
  display:none;
}

.t0 td:first-child, .t1 td:first-child {
  white-space: nowrap;
}

.ribbon_menu label {
  background-color: #faebe7;
  border: 1px solid black;
  border-radius: 3px;
  display: inline-block;
}

.ribbon_menu {
  text-align: center;
}
.ribbon_menu label img {
  width: 40px;
  height: 40px;
  pointer-events:none;
}
.ribbon_menu label > input {
  visibility: hidden;
  position: absolute;
}
.ribbon_menu label > input + img {
  cursor: pointer;
  border: 2px solid transparent;
  box-shadow: 0 9px #666;
}
.ribbon_menu label > input:checked + img{
  border: 2px solid black;
  background-color:white;
  box-shadow: 0 5px #666;
  background-image: url(/images/menu/checked.png)
}
.ribbon_menu label > input:hover + img{
  transform:scale(1.1);
}

.ribbon_divider {
  display:inline-block;
  width: 15px;
}

.ribbon {
  display:flex;
  flex-wrap: wrap;
}

.ribbon_menu a {
  display:inline-block;
  position: relative;
  top: -4px;
  background-color: #faebe7;
  border: 1px solid black;
  border-radius: 5px;
}
.ribbon_menu a:hover {
  transform:scale(1.1);
}

.daytable.secondrow .t0:nth-child(odd) {
  background-color: #EBEBEB;
}

  @media (max-width: 835px){
    .gigbox, .stagebox {
      margin-left:3px;
    }
    .w_landscape {
      width: auto;
    }
    
    .w_portrait {
      width: auto;
    }
  }

  @media (max-width: 600px){
    h1 {
      font-size: 1.2em;
    }
  }

  @media print {
    #menu, #bottom, .opt, .t3, .day1, .noprint, .stage1, .options, fieldset { display:none; }
    .gigbox, .stagebox {margin: 0px; width:100%}
    body {background-color:white;}
    table {page-break-inside: avoid;}
    td, .day0 {page-break-inside:avoid;}
    .pagebreak {page-break-after:always; height:0px;}
    #t_footer {display: block;
               position: fixed;
               width:100%;
               right:10px;
               bottom: 32px;
    }
    h1 {
      font-size: 1.2em;
    }
  }