/*
.imageContainer {
    position: relative;
}
.imageContainer div {
    position: absolute;
}
*/

.thumbnail_container {
    display: block;
    margin: auto;
    text-align: center;
}

.ui-listview>li.ui-first-child img:first-child:not(.ui-li-icon) {
    border-radius: 8px;
}

.ui-listview>li.ui-last-child img:first-child:not(.ui-li-icon) {
    border-radius: 8px;
}

.thumbnail {
    border-radius: 8px;
}

.attribution {
    text-align: center;
}

.label {
    font-style: normal;
    font-size: large;
}

.title {
    font-style: normal;
    font-size: medium;
}

.artist {
    font-style: italic;
    font-size: small;
}

div.crop {
    overflow: hidden;
}

.error p {
    margin:0 auto;
    text-align:center;
    word-wrap:break-word;
    overflow-wrap:break-word;
}

.error h2 {
    margin:0 auto;
    text-align:center;
}

.error .link {
    margin-top: 20px;
    margin-left: 18%;
    margin-right: 18%;
}

canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.ui-icon-logo:after {
    background-image: url("images/logo.svg");
}
/* Fallback */
.ui-nosvg .ui-icon-logo:after {
    background-image: url("images/logo.png");
}

.ui-icon-play:after {
    background-image: url("images/play.svg");
}
/* Fallback */
.ui-nosvg .ui-icon-play:after {
    background-image: url("images/ic_media_play.png");
}

.ui-icon-pause:after {
    background-image: url("images/pause.svg");
}
/* Fallback */
.ui-nosvg .ui-icon-pause:after {
    background-image: url("images/ic_media_pause.png");
}

.ui-dialog-contain {
	width: 92.5%;
	max-width: 500px;
	margin: 18% auto 15px auto;
	padding: 0;
	position: relative;
	top: -15px;
}

h1 {
    font-size: x-large;
}

.main-text {
    margin: 25px min(250px,20%) 0px min(250px,20%);
    text-align: center;
}

.main-text-left {
    margin: 25px min(250px,20%) 0px min(250px,20%);
    text-align: left;
}

.ui-page-theme-a .dull {
	color: #b5b5b5 /*{a-page-color}*/;
	text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #444444 /*{a-page-shadow-color}*/;
}

.wrap {
    white-space: normal !important;
}

div.centered {
    margin:0 auto;
    text-align:center; 
}

.bordered {
    border-width: 1px;
}

.drawing {
    overflow: hidden;
}