/*
 * This file is part of WolneLektury-Mobile, licensed under GNU Affero GPLv3 or later.
 * Copyright © Fundacja Nowoczesna Polska. See NOTICE for more information.
 */

body {
	padding: 0;
	margin: 0;
	background: white;
	font-family: verdana, arial, helvetica, sans-serif;
}

.night-mode, .night-mode #search {
	color: #ddd;
	background: #222;
}
.night-mode a {
	color: #fff;
}

.spinner {
	margin-top: 4em;
	text-align: center;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
.spinner img {
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-direction: right;
	-webkit-animation-timing-function:linear;
}
#spinnertext {
	margin-top: 2em;
	font-size: .7em;
}

#cover {
	width: 100%;
}

#searchbox {
	font-size: 1.25em;
	background: #84bf2a;
	padding: 5px;
	display: none;
}
#search {
	border: none;
	width: 100%;
	padding: 5px 0 5px 0;
}
#swrap {
	margin-right:85px;
}
#searchbutton {
	width:80px;
	float:right;
}
#content {
    padding: 10px;
}
.button {
	display: block;
	background: #ddd;
    font-size: 1.25em;
	padding: .5em;
	margin-bottom: .5em;
	border-radius: 8px;
    -webkit-border-radius: 8px;
	color: #295158;
}
.button img {
	margin-right: .5em;
	vertical-align: middle;
}
.button .sub {
	font-size: .7em;
}
.button .note {
	font-size: .5em;
	text-align: right;
}
.button img {
	float:left;
}
.button .label {
	margin-left: 32px;
}

.button-Book {
    background: #ccc;
}
.button-BookText {
    background: #ccc;
}
.delete {
	float: right;
	width: 24px;

	background: #464646;
    font-size: 1.25em;
	padding: .5em;
	margin-bottom: .5em;
	border-radius: 8px;
    -webkit-border-radius: 8px;
	color: white;
	text-align: center;
}

h1 .subheader {
	display:block;
	font-size: 70%;
}
.upper {
	text-transform: capitalize;
}


.footer {
	font-size: 0.75em;
	text-align: center;
}

.clr {
	clear: both;
}


.info dt {
	display: inline;
	font-weight: bold;
}

.info dd {
	display: inline;
	margin: 0;
}
.info img {
	max-width: 100%;
}