html, body{
	background-image:url('/img/bg.jpg');
}

img{max-width:100%;}

h2{
	font-size:28px;
}	

.wrapper{
	background: url('/img/shapes.png') no-repeat center 9px;
	min-height: 870px;
	margin: auto;
}

.content{
	width:100%;
	margin:auto;
	min-height:600px;
	background-color:#fff;
	padding: 10px;
}

.header{
	width:100%;
	height:93px;
	padding-top:20px;
}

.login{
	background: url('/img/login.png') no-repeat right;
    background-size: 100% auto;
    position: relative;
    left: 0px;
    padding: 5px 0 0 15px;
    z-index: 0;
    text-align: left;
    height: 38px;
    cursor: pointer;
    margin-bottom: 14px;
}

.login span{
	color: #000;
	font-weight: bold;
	font-size: 13pt;
	display:inline-block;
	cursor:pointer;
}

.login a, .login a:visited, .login a:hover{
	color:#000;
	text-decoration:none;
}

.mail-header {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.mail-header .sendet_by{color:#aaa;font-size:80%;display:block;}


.mail-header strong{
    font-weight:bold;
	display:block;
	margin-bottom:5px;
}

.navigation{
	background: url('/img/navigation.png') no-repeat left center;
	height:92px;
	margin:auto;
	padding: 45px 0 0 11px;
}

.navigation a{
	display:inline-block;
	color:#00b2d9;
	font-size: 13pt;
	padding-right: 70px;
}

.miscfooter{
	margin-top:10px;
	padding-top:10px;
	text-align:center;
	height:40px;
	background-color:#fff;
	-moz-opacity: 0.45;
	opacity: 0.45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=45);
	width: 100%;
	position:relative;
	z-index:1;
}

.footer{
	margin:auto;
	height:434px;
	background: url('/img/footer.png') no-repeat center top;
	position: relative;
	top: -30px;
	z-index:0;
}

#temp_mail{
	width: 300px;
    text-align: center;
    font-weight: bold;
	background-color:#eee;
	cursor:text;
}

#temp_mail.copy{
	background-color:#c3e6cb;
	color:#155724;
}

.tab-content {
    padding: 5px;
    border: 1px solid;
    border-color: #dee2e6 #dee2e6;
    border-top: 0px;
	 word-break: break-all;
}

.mail {
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 12px;
	cursor:pointer;
}

.mail .mcontent{display:none;}
.blacklist-loader {width: 90px;margin: auto;}
.mail .subject{
	color:#aaa;
	display:block;
	width:100%;
}
.mail .date{float: right;}

/*
	Content
*/
.content{
	position:relative;
}

.spam_sum {
    font-size: 30pt;
    text-align: center;
}
.spam_sum span{
    font-size: 70%;
    display:block;
	margin:20px;
}

.spam_title {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    background-color: #ccc;
    padding: 10px;
    margin-top: 15px;
}

.image-warn{
	border: 1px solid #ffc107;
    font-size: 10pt;
    display: block;
    width: 100%;
    text-align: center;
    color: #ccc;
    padding: 5px;
}

.image-warn span{
	cursor:pointer;
}

.tab-content img{max-width:100% !important;height: auto !important;}

.blacklist_fail{color:red;font-weight:bold;}
.blacklist_ok{color:green;}
.arrow-left{background: #fff url(/img/arrow.png) no-repeat left 12px;background-size: 200px;}
	
#mail_empty{display:block;width:100%;	border:1px solid #ccc;padding:20px;}

.bottom{position:absolute;bottom: 10px;right: 20px;}


.spam-success{background-color:#28a745;color:#fff;}
.spam-warning{background-color:#fd7e14;}
.spam-danger{background-color:#dc3545}

.spam_inner small{color:#007bff;}

#last-action{float: right;margin-right: 8px;}

@media (max-width: 1200px) { 
	.navigation a{
		padding-right:20px;
	}
}

@media (max-width: 991px) { 
	.navigation {
		background: url(/img/navigation.png) repeat-y left center;
		height: auto;
		margin: auto;
		padding: 39px 0 0 11px;
		margin-top: 20px;
	}
	
	.navigation a{
		display:block;
		width:100%;
		position:relative;
		top: -39px;
		text-align: center;
		line-height: 51px;
		padding-right:0px;
	}
	
	.login {
		background: url(/img/login.png) no-repeat right;
		background-size: 100%;
		position: relative;
		top: -29px;
		padding: 9px 0 0 10px;
		z-index: 0;
		text-align: center;
		height: 38px;
		cursor: pointer;
		z-index: 9;
		width: 100%;
		float:none;
	}
	
	.login a{padding-right:0px;}
	
	.article{padding-bottom:50px;}
	.article .col-md-3{text-align:center;}
	.article .input-price{width:92%;}
	
	.articleimage_container{
		height:140px;
	}
	
	.login-box{top:364px}
}

@media (max-width: 510px) {
	.step-list li{
		display:block;
		width:100%;
		text-align:left;
	}
	
	.list-inline>li:first-child{padding-left: 5px;}
	
}

@media (max-width: 372px) {
	.navigation a{
		font-size: 11pt;
		line-height: 53px;
	}
}