#notice_area{
	margin-top:100px;
	width:100%;
	box-sizing:border-box;
	height:auto;
	flex:none;
}
.subheader + .w-container #notice_area{margin-top:60px;}
#notice_area + .site-content{padding-top:0px;}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-debug{
	background:#3D3D3D;
	color:white;}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	position:relative;
	overflow:hidden;
}

.alert small{display:block;margin-top:10px;}

.alert a{font-weight:bold;text-decoration:underline;}
.alert-debug a{color:white;}
.alert-error a{color:#a94442;}
.alert-warning a{color: #8a6d3b;}
.alert-info a{color:#31708f;}
.alert-success a{color: #3c763d;}

.alert i{
	display: inline-block;
    font-size: 6em;
    font-weight: normal;
    line-height: 100%;
    position: absolute;
    bottom: -.2em;
    right: -.1em;    
	opacity:0.2;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    zoom: 1;
}

.alert .close{
	position:absolute;
	top:-5px;
	right:5px;
	font-weight:regular;
	font-size:1.3em;
	text-decoration:none;
}
.alert .close:hover{font-weight:bold;}


.alert-debug small{position:absolute;bottom:0;opacity:0.4;}




@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
