/*
	Imaginary Teleprompter
	Copyright (C) 2015 Imaginary Sense Inc. and contributors

	This file is part of Imaginary Teleprompter.

	Imaginary Teleprompter is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	Imaginary Teleprompter is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with Imaginary Teleprompter.  If not, see <https://www.gnu.org/licenses/>.
*/

#prompt * a {
	color: inherit !important;
}

#prompt * img {
	width: 100% !important;
	height: auto !important;
}

#prompt * table {
	table-layout: fixed;
}

#prompt * td {
	width: 10%;
}

.modalDialog p {
	margin:0;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	overflow-y:scroll;
	overflow-x: hidden;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	/*border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);*/
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
	color: #FFFFFF;
	background: #000;
}
#promptPreviewColor {
	position: relative;
	left: 8%;
	width: 84%;
	font-size: 5vw;
	line-height: 1.1;
	text-align: center;
	list-style-position: inside;
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
}
#promptPreviewColor table {
	width: 100%;
}

.panel.panel-default {
/*	top: 0px;
	bottom: 0px;
	position: relative;*/
}

#stylesContainer {
	height: 55vh;
	left: 0px;
	right: 0px;
	overflow: auto;
}
.table-item {
	word-wrap: break-word;
}

#stylesTable th:hover{
	background-color:#f5f5f5;
	border-color:#f5f5f5;
	color:#555;
}

#stylesTable tr.active th{
	background-color:#337ab7;
	border-color:#337ab7;
	color:#fff;
}
#stylesTable .table-item{
	color:#555;
	font-weight: normal;
}

#stylesTable span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}