/*--------------------------------------------------*/
/*	ROUNDED THEME
/*--------------------------------------------------*/

.warnings > * {
	border-radius: 5px;
}

/*--------------------------------------------------*/
/*	OVERRIDES
/*--------------------------------------------------*/

header > .warnings {
	position: absolute;
	top: 50px; /* header height */
	right: 0;

	width: 300px;
	padding: 10px;
}

@media screen and (max-width: 950px) {
	header > .warnings {
		width: 100%;
	}
}

/*--------------------------------------------------*/
/*	GENERAL
/*--------------------------------------------------*/

.warnings {
	width: 100%;
}

.warnings > * {
	z-index: 2;
	display: block;
	cursor: pointer;

	width: 100%;

	padding: 16px;
	padding-right: 32px; /* 16 + 16 */

	margin-bottom: 10px;

	overflow: hidden;
	word-wrap: break-word;

	border-left: 5px solid #FF555F !important;
	background-color: var(--background);

	border: 1px solid #40404020;
	-webkit-box-shadow: 9px 9px 10px #40404010, 0px 0px 5px 1px #40404020;
       -moz-box-shadow: 9px 9px 10px #40404010, 0px 0px 5px 1px #40404020;
        -ms-box-shadow: 9px 9px 10px #40404010, 0px 0px 5px 1px #40404020;
         -o-box-shadow: 9px 9px 10px #40404010, 0px 0px 5px 1px #40404020;
            box-shadow: 9px 9px 10px #40404010, 0px 0px 5px 1px #40404020;
}

.warnings > * a {
/*
	color: #37a2eb;
*/
	text-decoration: underline;
}


.warnings > *:hover:after {
	content: " ";

	position: absolute;
	top: 0;
	right: 8px;

	width: 16px;
	height: 100%;

	background-image: url("/content/svg/icons/common/close");
	background-repeat: no-repeat;

	-webkit-background-size: contain;
	   -moz-background-size: contain;
	    -ms-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;

	-webkit-background-position: center;
	   -moz-background-position: center;
	    -ms-background-position: center;
	     -o-background-position: center;
	        background-position: center;
}