/*
 * style.css
 * Copyright © 1993-2022, The Avail Foundation, LLC.
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * * Redistributions of source code must retain the above copyright notice, this
 *   list of conditions and the following disclaimer.
 *
 * * Redistributions in binary form must reproduce the above copyright notice,
 *   this list of conditions and the following disclaimer in the documentation
 *   and/or other materials provided with the distribution.
 *
 * * Neither the name of the copyright holder nor the names of the contributors
 *   may be used to endorse or promote products derived from this software
 *   without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 */

/**
 * @author Todd L Smith <todd@availlang.org>
 */

.outer
{
	width: 100%;
	height: 80%;
	display: table;
	position: absolute;
}

.middle
{
	display: table-cell;
	vertical-align: middle;
}

.inner
{
	margin: 0px auto 0px auto;
	width: 600px;
}

#progress-bar
{
	height: 20px;
	z-index: 10;
	background: lightgray;
}

#progress-bar .ui-progressbar-value
{
	background: green;
}

#error
{
	border: 2px solid;
	border-radius: 25px;
	background-color: red;
	box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.5);
}

#error > p
{
	text-align: center;
}

#session-closed
{
	border: 2px solid;
	border-radius: 25px;
	background-color: blue;
	box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.5);
}

#session-closed > p
{
	text-align: center;
	color: white;
}

.title
{
	margin: auto;
}

.title > p
{
	text-align: center;
	font-family: sans-serif;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bold;
}

.source
{
	border: 2px solid;
	border-radius: 25px;
	box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.5);
	margin: 0px 0px 30px 0px;
	padding: 0px 10px 0px 10px;
	background-color: #eed2ee;
}

input[type="text"]
{
	display: block;
	margin: auto;
	padding: 10px 0px 10px 0px;
	width: 80%;
	text-align: center;
	font-family: sans-serif;
	font-size: 18px;
	font-weight: bold;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	background-color: #eed2ee;
}

input[type="text"]:focus
{
	outline: none;
}

.translation
{
	border: 2px solid;
	border-radius: 25px;
	box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.5);
	background-color: #fcdc3b;
}

.translation > p
{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
