/*----------------------------------------------------------------------------------------------
WT2 BIF SS2018 Latosińska - Leithner
    ____             _          ___        _____             __       _  __
   / __ )____ ______(_)___ _   ( o )      / ___/__  ______  / /_____ | |/ /
  / __  / __ `/ ___/ / __ `/  / __ \/|    \__ \/ / / / __ \/ __/ __ `|   / 
 / /_/ / /_/ (__  / / /_/ /  / /_/  <    ___/ / /_/ / / / / /_/ /_/ /   |  
/_____/\__,_/____/_/\__,_/   \____/\/   /____/\__, /_/ /_/\__/\__,_/_/|_|  
                                             /____/                        

date: 10.03.2018

----------------------------------------------------------------------------------------------*/

*{
	padding:0;
	margin:0;
}
html{
	box-sizing:border-box;
}
*,::before,::after{
	box-sizing:inherit;
}

#root {
	align-content: center;
}
#header {
	height: 200px;	
	background-color: #dadada;
	text-align: center;
}
#header img {
	height: 180px;
	float: left;
	margin: 10px;
}
.alert {
	padding: 5px;
	margin-bottom: 5px;
}
#login {
	position: fixed;
	top: 1%;
	right: 14%;
	background-color: #30708e94;
	border-radius: 0.4em;
	border: 1px solid #222;
	padding: 5px;
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	min-width: 294px;
}
#login input {
	width: 100%;
	padding: 5px;
	margin-bottom: 5px;
}
#login p {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	padding-top: 9px;
	text-indent: 10px;
    font-weight: 700;
}
#content {
	height: 200px;
	background-color: #FFFFFF;
	text-align: center;
}
#navi {
	min-height: 30px;
}
#footer {
	height: 20px;
	border-top-color: #222;
	border-top-style: solid;
	border-width: 0.1em;
	text-align: center;
}
h1 {
	font-size: 1.2em;
	margin-top: 15px;
}
.selection {
	background-color: #FFFFFF;	
	border-right-color: #222;
	border-right-style: solid;
	border-width: 0.1em;
}
.selection a {
	color: #222!important;
}

.navbar,
.navbar-right {
	border-radius: 0;
	margin: 0;
}

@media (max-width: 767px){
	.navbar-header{
		width: 100%;
	}
}
.container > .navbar-header {
	margin: 0px;
}
.navbar-header a {
	color:#FFFFFF;
}
.navbar-inverse .navbar-toggle {
	border-color: #FFFFFF;
}
#navlist {
	position:absolute;
	right:10px;
	top:-1px;
}