@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 400;
    src: url("/css/fonts/awesome/fa-solid-900.6.woff") format("woff");
}


HTML, BODY {width: 100%; height: 100%; margin: 0; padding: 0;}

BODY {
	color: white;
	font-family: Verdana, Arial, Helvetica;
	cursor: pointer;
}

#BodyWrapper {
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: white;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#ItemContainer {
	display: flex;
	min-width: 450px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-direction: column;
	justify-content: center;
}

.NewsItem {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	animation: fadein 2s;
}

.NewsIcon {
	flex-grow: 0;
	flex-shrink: 0;
	text-align: center;
	width: 40px;
	font-size: 24px;
	line-height: 24px;
	display: inline-block;
	font-family: FontAwesome;
	text-align: center;
}

.NewsIcon {
	font-family: FontAwesome;
}

.icon-price-support:after {
	content: "\f346";
}

.icon-price-resistance:after {
	content: "\f349";
}

.icon-price-high:after {
	content: "\f35b";
}

.icon-price-low:after {
	content: "\f358";
}

.icon-speech-bubble:after {
	content: "\f075";
}

.Long {
	color: #00FF00;
}
.Short {
	color: #FF0000;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Ad unit */
.ItemAdvert {
	margin-top: 3px;
	margin-left: 50px;
	width: 176px;
	height: 32px;
	overflow: hidden;
}