body {
	background: url('/img/pattern.png');
}
h1 {
	font-size: 2em;
	font-family: 'Fontdiner Swanky', cursive;
}

.logo {
	margin-top: -10px;
	margin-left: 10px;
	margin-right: 0;
}
.logo h1 {
	font-size: 4em;
}

.logo span {
	color: crimson;

}
.testerr {
	font-family: 'Fontdiner Swanky', cursive;
	font-size: 2em;
}

.error-message {
	display: inline-block;
	color: #eee;
	font-family: 'Raleway', sans-serif;
	background-color: crimson;
}

#errorMessage {
	color: #222;
}

.no-js {
	display: none;
	visibility: hidden;

}


.message {
	color: #eee;
	font-family: 'Raleway', sans-serif;
}

.header {
	background-color: #eee;
	border-bottom: 1px solid #aaa;
}
label {
	color: #eee;
}

.chat-img{
	max-width: 50% !important;
}
.header .nav {
	background-color: rgb(150, 20, 20);
	
}
.header .nav li a img {
	max-width: 40%;
}
.header .nav  li a {
	font-size: 1.2em;
	color: #eee;
	text-shadow: 0.5px 0.5px #000;
	font-family: 'Raleway', sans-serif;
}

.header .nav   li:hover {
	background-color: #eee;
	box-shadow: none;
	
}


.header .nav li a:hover {
	color: #222;
	text-shadow: 0.5px 0.5px #fff;
}

.header .nav   li  a:active {
	color: crimson;
}

.header .nav  li ul li a {

	box-shadow: none;
	background-color: darkred;
	color: #eee;
	border-bottom: 1px solid #aaa;
}

.header .nav  li ul li a:hover  {
	-webkit-transform: translateX(4px);
	-webkit-transition: all 0.5s;
	text-shadow: none;
	color: orange;

}

.header .nav li {
	box-shadow: inset 0px 0px  6px 0.5px #111;
	border-right: 1px solid #aaa;
}

table.table-striped tr:nth-of-type(2n) {
	background-color: #ddd;
}

th {
	color: #ee3333;
}

table.table td {
	border-right: 1px groove #eee;
	border-collapse: separate;
	border-spacing: 5px;

}

#welcome {
	color: #fff;
}

.test h1  {

	color: #fff;
}
.test p {
	color: #aaa;
}

.test .q p {
	font-size: 1.2em;
	color: orange;

}
.test .list-group-item:nth-of-type(1) {
	min-height: 50px;
}


.profile-name {
	color: crimson;
}
.pW {
	font-family: 'Raleway', sans-serif;
	font-size: 1.2em;
	color: #fff;
}
p,td, h3 {
	font-family: 'Raleway', sans-serif;
}
h3 {
	color: #eee;
}

.list-group-item {
  font-family: 'Raleway', sans-serif;
}

#settings label {
	width: 120px;
}

#settings input {
	margin: 10px;
}

.questionsContainer td {
	color: #111;
}


#currentUsers {
	margin-top: 5px;
	background-color: #eee;
	margin-bottom: 5px;
}

#currentUsers h2 {
	font-family: 'Fontdiner Swanky', cursive;
	padding-bottom: 5px;
	border-bottom: 2px solid #999;
}

#currentUsers li {
	font-family: 'Raleway', sans-serif;
	background: none;
	border: 0px;
	font-size: 1.4em;
	margin: 2px;
 
	padding: 2px;
}

span.nickname a {
	font-size: 1.2em;
	color: orange;
}

#send-message-area {
	border-top: 1px solid crimson;
}

.userProfileTests tbody tr:hover {
	background-color: #ccc;
	
}

#footer {
	left: 1%;
	z-index: 102;
	top: 95.5%;
	height: 5.5%;
	position: fixed;
	
}

#footer-nav li {
	background-color: black;
	padding: 2px;
	border-radius: 12px;

}
#footer-nav li:hover {
	background-color: #211;
}


#footer-nav li button{
	font-size: 1.2em;
	font-family: 'Raleway', sans-serif;
	color: #eee;
	background-color: rgb(150, 20, 20);
	border: 0px;

}
#footer-nav li button:hover {
	background-color: rgb(200,50,50) !important;

}

.jsBox {
	background-color: #eee;
	min-height: 200px;
	border-radius: 25px;
	position: absolute;
	left: 0;
	z-index: 100;
}
.jsBox .glyphicon-remove {
	display: block;
	position: relative;
	 right: 10px;
	 left: 50%;
	top: 10px;
	cursor: pointer;
}

.jsBox p {
	color: #111;
	padding: 10px;
}
.jsBox .label {
	font-size: 1em;
	color: #111;
}

#addTest {
	display: none;
	position: absolute;
	top: 0;
}

@media screen and (max-width:600px) {
	#footer-nav li {
	font-size: 0.8em;
	max-width: 100px;
	
	}
}

.panel-title {
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
}

.main-panel {
	height: 350px;
}

.main-panel .label {
	position: absolute;
	left: 0;
	bottom: -10px;
}

@media screen and (max-width: 680px) {
	.main-panel {
		height: 420px;
	}
}


.info-box {
	font-family: 'Fontdiner Swanky', cursive;
	color: #000;
	text-shadow: 0.2px 0.2px  #fff, -0.2px -0.2px #eee;
}

@media screen and (min-width: 1024px) {
	.test-latest {
	height: 425px;
	margin: 10px;
}
}

.logo {
	height: 100px;
}
.test-latest {
	height: 100%;
}