@charset "utf-8";

#FetchMessage {
	position: fixed;
	z-index: 255;
	top: 0;
	width: 100%;
	padding: 20px;
	background-color: white;
	box-shadow: 0 5px 5px gray;
	text-align: center;
	line-height: 30px;
}

#FetchMessage.info {
	background-color: lightskyblue;
}

#FetchMessage.alert {
	background-color: lightyellow;
}

#FetchMessage.failure {
	background-color: lightsalmon;
}

#FetchMessage.success {
	background-color: palegreen;
}


#FetchMessage_mode {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-size: contain;
	vertical-align: bottom;
}

#FetchMessage_mode.info {
	background-image: url('/assets/img/icons/info.svg');
}

#FetchMessage_mode.alert {
	background-image: url('/assets/img/icons/alert.svg');
}

#FetchMessage_mode.failure {
	background-image: url('/assets/img/icons/failure.svg');
}

#FetchMessage_mode.success {
	background-image: url('/assets/img/icons/checked.svg');
}

#FetchMessage_message {
	display: inline-block;
}