/* COMMON 
This CSS is used across the game.
*/

body{
    background-color: lightslategray !important;
	background-image: url("../site/images/m_bghds.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
}

@media (min-width: 1200px){
	.container {
		width: 800px !important;
	}
}

@media (min-width: 992px){
	.container {
		width: 800px !important;
	}
}

.container{
	min-width: 303px !important;
}

.nav-tabs > li.active > a:link{
	background-color: #286090 !important;
	color:#fff;
}
.nav-tabs > li > a:hover{
	background-color: #337ab7 !important;
	color:#fff;
}
.nav-tabs > li.active > a:hover{
	background-color: #337ab7 !important;
	color:#fff;
}
.nav-tabs > li.active > a{
	background-color: #286090 !important;
	color:#fff;
}

/* .nav-tabs > li.active > a, */
/* .nav-tabs > li.active > a:hover, */
/* .nav-tabs > li.active > a:focus */
 /* { */
    /* background-color: #ddd !important; */
    /* border: 0 !important; */
/* } */

@font-face {
    font-family: 'Wilderness';
    src: url(../fonts/Wilderness.ttf);
	font-size: 35px !important;
	background-color: transparent !important;
	border: 0 !important; 
	color: #9d9d9d !important;
}

/* @font-face { */
    /* font-family: Amatic SC; */
    /* src: url(../fonts/AmaticSC-Regular.ttf); */
/* } */

/* @font-face { */
    /* font-family: ShadowsIntoLight; */
    /* src: url(../fonts/ShadowsIntoLight.ttf); */
/* } */
.marosia-font{
	font-family: 'Wilderness', serif;
	font-size: 35px !important;
	background-color: transparent !important;
	border: 0 !important; 
	color: #9d9d9d !important;
}

.validate input:required:invalid, .validate input:focus:invalid {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
	background-position: right top;
	background-repeat: no-repeat;
	-moz-box-shadow: none;
}
.validate input:required:valid {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
	background-position: right top;
	background-repeat: no-repeat;
}

.inverse-dropdown{
	background-color: #222;
	border-color: #080808;
	color: #999;
}

.divider {
    background-color: #000;
}

.centered{
	margin-left: auto;
    margin-right: auto;
}

.backsplash{
    background-color: #383d44;
    margin: inherit;
    width: inherit;
    padding-bottom: 10px;
	border-left-style: solid;
    border-left-color: lightslategray;
    border-left-width: medium;
	border-right-style: solid;
    border-right-color: lightslategray;
    border-right-width: medium;
}

.post-title{
	background-color: #286090;
	color: white;
	text-align: center;
}

.modal-header{
	background-color:#286090;
	color: white;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

button span{
	color: white;
}

.post-title-inner{
	background-color: #286090;
	padding-right: 90px;
	color: white;
	padding-left: 15px;
	margin-bottom: 0;
}

input[type=range] {
	-webkit-appearance: none;
	width: 100%;
}
input[type=range]:focus {
	outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background: #3071a9;
	border-radius: 4px;
	margin-top:5px;
	margin-bottom:5px;
}
input[type=range]::-webkit-slider-thumb {
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	height: 18px;
	width: 8px;
	border-radius: 3px;
	background: #ffffff;
	cursor: pointer;
	-webkit-appearance: none;
	border: 0.2px solid #010101;
	margin-top: -6px;
}
input[type=range]:focus::-webkit-progress-value {
	background: #f5f5f5;
	-webkit-appearance: none;
}
input[type=range]::-moz-range-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	background: #3071a9;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
input[type=range]::-moz-range-progress {
	width: 100%;
	height: 5px;
	cursor: pointer;
	background: #f5f5f5;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
input[type=range]::-moz-range-thumb {
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	height: 18px;
	width: 8px;
	border-radius: 3px;
	background: #ffffff;
	cursor: pointer;
}
input[type=range]::-ms-thumb {
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	height: 18px;
	width: 8px;
	border-radius: 3px;
	background: #ffffff;
	cursor: pointer;
}
input[type=range]::-ms-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	background: #3071a9;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
input[type=range]::-ms-fill-lower {
	width: 100%;
	height: 5px;
	cursor: pointer;
	background: #f5f5f5;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
/* END COMMON */