body{
	background-color: #ddd;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: tahoma;
	font-size: 14px;
}
input:hover{
    background-color: white;
}
.wrapper{
	min-height: 100vh;
	background: #ccc;
	display: flex;
	flex-direction: column;
}
.header, .footer{
	height: 50px;
	background-color: #ccc;
	color: #222;
	border-bottom: 1px #777 solid;
	border-top: 1px #777 solid;
}
.top_text {
}
#top_text_user{
    padding-top: 5px;
}
.content {
	display: flex;
	flex: 1;
	background-color: #999;
	color: #000;
}
.columns{
	display: flex;
	flex: 1;
}
.main{
	flex: 1;
	order: 2;
	background-color: #eeeeee;
	padding: 15px 10px;
}
.sidebar_left{
	background-color: #eeeeee;
	width: 220px;
	order: 1;
	margin: 0;
    /*border-right: 1px #777 solid;*/
}
.sidebar_right{
	width: 220px;
	order: 3;
	background-color: #eeeeee;
	/*border-left: 1px #777 solid;*/
}
.sidebar_right_content {
	padding: 15px 10px;
}
#logo {
	height: 100%;
	width: 220px;
	float: left;
	color: white;
	font-size: 24px;
	text-align: center;
    vertical-align: top;
	text-shadow: 1px 1px black;
	padding: 0;
	flex: 1;
}
#logo_text {
	margin: 0;
	padding: 10px 0 0 0 ;
}