body {
  padding-top: 50px;
  padding-bottom: 20px;
  /* https://code.google.com/p/chromium/issues/detail?id=357528
     see also datenaustausch.js */
  min-height: 200px;
  font-family: Arial, Helvetica, sans-serif;
}

a:focus, a:hover {
	text-decoration: none;
}

.btn {
	border-radius: 0;
}

.highlight {
  padding: 9px 14px;
  margin-bottom: 14px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  border-radius: 4px;
}

.messageBox {
  padding-top: 70px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2000;
  overflow-y: auto;
}

tr.timetable-row > td {
  vertical-align: middle !important;
}

.da-nomargin {
  margin: 0;
}

.da-progresstext {
  padding-left: 2em;
  padding-right: 2em;
}

.counts .count + .count:before {
  content: ", ";
}

.cinemaRow {
  margin-bottom: 3em;
}

.movieRow {
  margin-bottom: 1.5em;
  padding: 0.8em;
  background-color: rgb(230, 230, 230);
}

.show {
  margin-bottom: 2.5em;
  padding: 0.5em;
  background-color: rgb(220, 220, 220);
}

.showRow {
  margin-bottom: 1em;
  padding: 0.5em;
  background-color: rgb(245, 245, 245);
}

.smallmargin {
  margin-top: 0.2em;
}

.button {
  margin: 2px;
}

.button_left {
  margin-left: 4px;
}

.smallAndGrey {
  color: gray;
}

.withoutMargin {
  margin: 0;
}

.moreMargin {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
}

.moreMarginTop {
  margin-top: 1.3em;
}

.marginTop {
    margin-top: 1em;
}

.moreMarginLeft {
  margin-left: 1.8em;
}

.littleMarginTop {
  margin-top: 0.6em;
}

.moreMarginBottom {
  margin-bottom: 2em;
}

.barChart {
  width: 100%;
  height: 250px;
}

.marginBottom {
  margin-bottom: 5em;
}

.marginTop3em {
  margin-top: 2.9em;
}

.marginTop2em {
  margin-top: 2em;
}

.marginLeft {
  margin-left: 0.5em;
}

.onlyPrint {
  display: none;
}

.show2 {
  margin-bottom: 1.5em;
  padding: 0.5em;
  background-color: rgb(220, 220, 220);
}

.showRow2 {
  margin-bottom: 0.5em;
  padding: 0.5em;
  background-color: rgb(245, 245, 245);
}

.smallmargin2 {
  margin: 0.3em;
}

.nomargin2 {
  margin: 0;
}

.taglist {
  display: inline;
  list-style: none;
  padding: 0;
}

.taglist > li {
  display: inline;
}

.taglist > li:after {
  content: ", ";
}

.taglist > li:last-child:after {
  content: "";
}

a.noUnderline {
  text-decoration: none;
}

.date-button {
  text-align: center;
}

.timePrintContainer {
  margin-bottom: 7em;
}

.fromToRow {
  margin-bottom: 0;
  margin-top: 2em;
}

.stripe {
  background-color: #E0E0E0;
}

.glyphicon.spinning {
  animation: spin 2s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}

input[type=file]{
	border: 0 none;
	box-shadow: none;
}

#preview_poster
{
	width: 155px;
	height: 219px;
	position:relative;
}

#preview_filmstill{
	width:155px;
	height: 87px;
}

#preview_poster > img,
#preview_filmstill  > img{
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#preview_poster > .preview_overlay{
	position: absolute;
	top:0;
	left:15px;
	width: 125px;
	height: 177px;
	display:none;
	background-color: #fff;
	text-align:center;
	border: 1px solid #ccc;
}

#preview_filmstill > .preview_overlay{
	position: absolute;
	top:0;
	left:15px;
	width: 125px;
	height: 70px;
	display:none;
	background-color: #fff;
	text-align:center;
	border: 1px solid #ccc;
}

#dropzone_poster,
#dropzone_filmstill{
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

#dropzone_poster > .glyphicon,
#dropzone_filmstill > .glyphicon{
	font-size: 4em;
	margin: 0.5em;
}

.progressbar {
	height: 20px;
	background: #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px inset #ccc;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.2);
	margin: 15px;
	position: relative;
	top: calc( 100% / 3 );
}

.progressbar > span {
	display: block;
	height: 100%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #337ab7;
	box-shadow: inset 0 2px 9px rgba(255,255,255,0.2), inset 0 -2px 6px rgba(0,0,0,0.2);
	position: relative;
	overflow: hidden;
	top: calc( 50% - 10px);
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg); }
  to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
.navbar-right {
	padding-right: 15px;
}