/* 
Cinema Tycoon Stylesheet v1.0
Last Updated: 2017-Jan-03
Author: William R.A.D. Funk - http://WilliamRobertFunk.com 
*/
body
{
	background-color: #000000;
	color: #FF01CD;
	font-family: 'Trebuchet MS';
	height: 100%;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	width: 100%;
}
button,
input,
select
{
	color: #FF01CD;
}
button.btn.btn-info:not(.controls)
{
	color: #FFFFFF;
	font-family: 'georgia';
	letter-spacing: 1px;
}
input[type='number']
{
	text-align: center;
}
p.warning
{
	color: #FF0000;
}
select
{
	height: 26px;
	width: 40px;
}
.navbar-inverse
{
	background: url("../images/floating-hud.png") no-repeat center center;
	background-color: #000000;
	border-top: 1px solid #00441C;
	height: 75px;
	margin: 0px auto;
	text-align: center;
	width: 720px;
}
.floating-hud-text
{
	display: inline-block;
}
.floating-hud-row
{
	display: block;
	height: 25%;
	padding-left: 5%;
	width: 90%;
}
.first
{
	width: 20%;
}
.second
{
	width: 35%;
}
.third
{
	width: 35%;
}
#btn-salon-builder
{
	margin-bottom: 75px;
}
#header
{
	/* Image from: http://freytheater.com/ */
	background: url("../images/marquee.gif") no-repeat center center;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 36px;
	height: 252px;
	margin: 0px;
	padding-top: 150px;
	text-align: center;
	width: 100%;
}
#header > h6
{
	margin: 0px;
	padding: 0px;
}
#header > h6 > a
{
	color: #00FF00;
	text-decoration: none;
}
#header > h6 > a:hover
{
	text-decoration: underline;
}
#hud
{
	border: 1px solid #00441C;
	margin-bottom: 25px;
	padding-top: 20px;
}
#hud > div:first-child
{
	padding-bottom: 20px;
	padding-top: 10px;
}
#hud > div.table-responsive
{
	border: none;
}
#film-vault-active,
#gameroom-active,
#office-active,
#parking-active,
#salon-active,
#snack-active,
#ticket-booth-active,
#workshop-active
{
	height: 320px;
	padding-top: 100px;
	text-align: center;
}
#film-vault-inactive,
#gameroom-inactive,
#office-inactive,
#parking-inactive,
#salon-inactive,
#snack-inactive,
#ticket-booth-inactive,
#workshop-inactive
{
	height: 320px;
}
#gameroom-active
{
	/* Image from: https://openclipart.org/user-detail/Moini */
	background: url("../images/blank.png") no-repeat center center;
}
#gameroom-inactive
{
	/* Modified image from: https://openclipart.org/user-detail/Moini */
	background: url("../images/gameroom.png") no-repeat center center;
}
#help.btn,
#pause.btn,
#play.btn
{
	height: 20px;
	margin-bottom: -22px;
	padding-top: 0px;
	padding-bottom: 21px;
	z-index: 2;
}
#help-modal > p > span.glyphicon
{
	padding-top: 2px;
}
#movie-select
{
	margin-bottom: 10px;
	text-align-last: center;
	width: 200px;
}
#office-active
{
	/* Image from: https://openclipart.org/user-detail/Moini */
	background: url("../images/blank.png") no-repeat center center;
	padding-top: 75px;
}
#film-vault-active > div > select
{
	margin-bottom: 10px;
	text-align-last: center;
	width: 175px;
}
#film-vault-active > div > select:nth-child(2n)
{
	margin-bottom: 0px;
}
#office-active > select
{
	margin-bottom: 30px;
	text-align-last: center;
	width: 175px;
}
#office-inactive
{
	/* Modified image from: https://openclipart.org/user-detail/Moini */
	background: url("../images/office.png") no-repeat center center;
}
#parking-active
{
	/* Image from: https://openclipart.org/user-detail/Moini */
	background: url("../images/blank.png") no-repeat center center;
}
#parking-inactive
{
	/*
	*  Modified image from: https://openclipart.org/user-detail/Moini
	*  && https://openclipart.org/detail/260680/car15
	*/
	background: url("../images/parking.png") no-repeat center center;
}
#salon-active > div > input[type='number']
{
	margin-top: 10px;
}
#salon-select
{
	text-align-last: center;
	width: 64px;
}
#ticket-booth-active
{
	/* Image from: https://openclipart.org/user-detail/Moini */
	background: url("../images/blank.png") no-repeat center center;
}

#ticket-booth-inactive
{
	/*
	*  Modified image from: https://openclipart.org/user-detail/Moini
	*  && https://openclipart.org/detail/3190/ticket
	*/
	background: url("../images/ticket-booth.png") no-repeat center center;
}
.btn.btn-flat
{
	height: 26px;
	margin-bottom: 3px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.centered
{
	text-align: center;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.green
{
	color: #00FF00;
}
.red
{
	color: #FF0000;
}
@media (min-width: 300px) {
	#film-vault-active
	{
		/*
		** Image from: https://openclipart.org/user-detail/Moini 
		** && https://openclipart.org/detail/217250/acme-safe
		*/
		background: url("../images/blank.png") no-repeat center center;
		height: 320px;
		padding-top: 50px;
	}
	#film-vault-inactive
	{
		/*
		** Image from: https://openclipart.org/user-detail/Moini 
		** && https://openclipart.org/detail/217250/acme-safe
		*/
		background: url("../images/film-vault-small.png") no-repeat center center;
		height: 320px;
	}
	#help.btn,
	#pause.btn,
	#play.btn
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	#events-modal,
	#game-over-modal,
	#help-modal,
	#movie-modal,
	#production-modal,
	#start-modal
	{
		background-color: rgb(25,74,112);
		border: 3px solid #FFFFFF;
		border-radius: 10%;
		color: #FFFFFF;
		font-size: 12px;
		margin-bottom: 20px;
		margin-top: 10px;
		padding: 0px 10px;
	}
	#events-modal,
	#help-modal
	{
		border-radius: 1%;
	}
	#events-modal > div > button,
	#game-over-modal > button,
	#help-modal > button,
	#movie-modal > button,
	#production-modal > button,
	#start-modal > button
	{
		margin-bottom: 20px;
		margin-top: 20px;
	}
	#events-modal > div > div
	{
		clear: both;
		display: block;
		padding-top: 15px;
	}
	#events-modal > div > div > div
	{
		float: left;
		margin-left: 10px;
		padding-top: 3px;
		width: 95%;
	}
	#events-modal > div > div > input[type=radio]
	{
		float: left;
		padding-top: 3px;
	}
	#hud
	{
		font-size: 12px;
	}
	#salon-active
	{
		/* Image from: https://openclipart.org/user-detail/Moini */
		background: url("../images/blank.png") no-repeat center center;
		height: 320px;
		padding-top: 45px;
	}
	#salon-inactive
	{
		/*
		*  Modified image from: https://openclipart.org/user-detail/Moini
		*  && https://openclipart.org/detail/195943/film-reel
		*/
		background: url("../images/salon-small.png") no-repeat center center;
		height: 320px;
	}
	#salon-select
	{
		margin-bottom: 10px;
	}
	#salon-upgrade-display
	{
		margin-top: 10px;
	}
	#snack-active
	{
		/* Image from: https://openclipart.org/user-detail/Moini */
		background: url("../images/blank.png") no-repeat center center;
		height: 320px;
		padding-top: 100px;
	}
	#snack-inactive
	{
		/*
		*  Modified image from: https://openclipart.org/user-detail/Moini
		*  && https://openclipart.org/detail/217027/office-services-icon-set
		*  && http://www.free-icons-download.net/images/coke-and-popcorn-icon-75211.png
		*/
		background: url("../images/snacks-small.png") no-repeat center center;
		height: 320px;
	}
	#game-over-modal > p:first-child,
	#movie-modal > p:first-child,
	#production-modal > p:first-child,
	#start-modal > p:first-child
	{
		padding-top: 25px;
	}
	#workshop-active
	{
		/* Image from: https://openclipart.org/user-detail/Moini */
		background: url("../images/blank.png") no-repeat center center;
		height: 320px;
		padding-top: 100px;
	}
	#workshop-inactive
	{
		/* Image from: https://openclipart.org/detail/141493/workshop-door-sign */
		background: url("../images/workshop-small.png") no-repeat center center;
		height: 320px;
	}
	.navbar-inverse
	{
		font-size: 10px;
		width: 400px;
	}
	.floating-hud-row
	{
		width: 100%;
		padding-left: 0%;
	}
}
@media (min-width: 500px) {
	#hud
	{
		font-size: 14px;
	}
}
@media (min-width: 768px) {
	#help-modal
	{
		font-size: 13px;
	}
	.navbar-inverse
	{
		font-size: 12px;
		padding-left: 0%;
		width: 720px;
	}
	.floating-hud-row
	{
		display: block;
		height: 25%;
		padding-left: 5%;
		width: 90%;
	}
}
@media (min-width: 992px) {
	#film-vault-active
	{
		/*
		** Image from: https://openclipart.org/user-detail/Moini 
		** && https://openclipart.org/detail/217250/acme-safe
		*/
		background: url("../images/blank-long.png") no-repeat center center;
		height: 200px;
		padding-top: 55px;
	}
	#film-vault-inactive
	{
		/*
		** Image from: https://openclipart.org/user-detail/Moini 
		** && https://openclipart.org/detail/217250/acme-safe
		*/
		background: url("../images/film-vault.png") no-repeat center center;
		height: 200px;
	}
	#salon-active
	{
		/* Modified image from: https://openclipart.org/user-detail/Moini */
		background: url("../images/blank-long.png") no-repeat center center;
		height: 200px;
	}
	#salon-inactive
	{
		/*
		*  Modified image from: https://openclipart.org/user-detail/Moini
		*  && https://openclipart.org/detail/195943/film-reel
		*/
		background: url("../images/salon.png") no-repeat center center;
		height: 200px;
	}
	#salon-select
	{
		margin-bottom: 0px;
	}
	#salon-upgrade-display
	{
		margin-top: 0px;
	}
	#snack-active
	{
		/* Modified image from: https://openclipart.org/user-detail/Moini */
		background: url("../images/blank-long.png") no-repeat center center;
		height: 200px;
		padding-top: 55px;
	}
	#snack-inactive
	{
		/*
		*  Modified image from: https://openclipart.org/user-detail/Moini
		*  && https://openclipart.org/detail/217027/office-services-icon-set
		*  && http://www.free-icons-download.net/images/coke-and-popcorn-icon-75211.png
		*/
		background: url("../images/snacks.png") no-repeat center center;
		height: 200px;
	}
	#workshop-active
	{
		/* Modified image from: https://openclipart.org/user-detail/Moini */
		background: url("../images/blank-long.png") no-repeat center center;
		height: 200px;
		padding-top: 55px;
	}
	#workshop-inactive
	{
		/* Image from: https://openclipart.org/detail/141493/workshop-door-sign */
		background: url("../images/workshop.png") no-repeat center center;
		height: 200px;
	}
}
@media (min-width: 1200px) {
	#game-over-modal,
	#movie-modal,
	#production-modal,
	#start-modal
	{
		font-size: 14px;
	}
}