/**
 * Main box
 */
.ib-main {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 40px;
}

.ib-main-layout {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
}

.ib-main-bg {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	display: block;
}

/**
 * Header
 */
.ib-header, .ib-footer {
	background-color: rgba(0, 0, 0, 0.3);
}

/**
 * Content
 */
.ib-content {
	width: 100%;
	height: 100%;
	position: relative;
}
.ib-content-box {
	position: absolute;
	top: 0px;
	left: 0px;
}

/**
 * Date and time
 */
.ib-w-clock {
	text-align: center;
}
.ib-w-clock .content {
	color: #FFF;
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.7);
	font-size: 10ex;
}

/**
 * Weather
 */
.ib-w-weather .content {
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.7);
	font-size: 10ex;
	color: white;
}
.ib-w-weather .content img {
	display: block;
}

/**
 * Tenants
 */
.ib-w-tenants {
	padding: 0 70px;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ib-w-tenants .table {
	width: 100%;
}
.ib-w-tenants .table .cell {
	padding: 4px 10px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFF;
	border-radius: 5px;
	font-size: 3.5ex;
	font-weight: bold;
}
.ib-w-tenants .table .cell .app {
	color: #FFFF00;
}

/**
 * Marquee
 */
.ib-w-marquee {
	position: relative;
	width: 100%;
	height: 100%;
}
.ib-w-marquee-tuple {
	white-space: nowrap;
}
.ib-w-marquee-tuple-item {
	display: inline-block;
}

/**
 * Finanace
 */
.ib-w-finance {
}

.ib-w-finance-block {
	padding: 10px;
	font-size: 30px;
	color: #FFF;
}
.ib-w-finance-block .red, .green {
	padding: 5px;
	border-radius: 3px;
	color: #FFF;
	font-weight: bold;
}
.ib-w-finance-block .red {
	background-color: #D82025;
}
.ib-w-finance-block .green {
	background-color: #009900;
}

/**
 * Screener
 */
.ib-w-screener {
	position: relative;
	width: 100%;
	height: 100%;
}
.ib-w-screener-screen {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	text-align: center;
}
.ib-w-screener-screen-block {
	margin-right: 10px;
	display: inline-block;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.7);
}

/**
 * Airport
 */
.ib-w-airport-block {
	font-size: 30px;
	color: #FFF;
}

/**
 * Animation
 */

.animated {
	-webkit-animation: 3s ease;
	-moz-animation: 3s ease;
	-ms-animation: 3s ease;
	-o-animation: 3s ease;
	animation: 3s ease;
}

.animatedFast {
	-webkit-animation: 1s ease;
	-moz-animation: 1s ease;
	-ms-animation: 1s ease;
	-o-animation: 1s ease;
	animation: 1s ease;
}

.animated500 {
	-webkit-animation: 500ms ease;
	-moz-animation: 500ms ease;
	-ms-animation: 500ms ease;
	-o-animation: 500ms ease;
	animation: 500ms ease;
}

.animatedInfinity {
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animatedOnce {
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.animationApply {	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

/**
 * Fade in
 */

@-webkit-keyframes fadeIn {
	0% {opacity: 0.0;}
	100% {opacity: 1.0;}
}
@-moz-keyframes fadeIn {
	0% {opacity: 0.0;}
	100% {opacity: 1.0;}
}
@-ms-keyframes fadeIn {
	0% {opacity: 0.0;}
	100% {opacity: 1.0;}
}
@-o-keyframes fadeIn {
	0% {opacity: 0.0;}
	100% {opacity: 1.0;}
}
@keyframes fadeIn {
	0% {opacity: 0.0;}
	100% {opacity: 1.0;}
}
.animatedFadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

/**
 * Fade out
 */
@-webkit-keyframes fadeOut {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
@-moz-keyframes fadeOut {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
@-ms-keyframes fadeOut {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
@-o-keyframes fadeOut {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
@keyframes fadeOut {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
.animatedFadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}

/**
 * Slide out left
 */
@-webkit-keyframes slideOutLeft {
	from {right: 0%; left: auto;}
	to {right: 100%; left: auto;}
}
@-moz-keyframes slideOutLeft {
	from {right: 0%; left: auto;}
	to {right: 100%; left: auto;}
}
@-ms-keyframes slideOutLeft {
	from {right: 0%; left: auto}
	to {right: 100%; left: auto}
}
@-o-keyframes slideOutLeft {
	from {right: 0%; left: auto;}
	to {right: 100%; left: auto;}
}
@keyframes slideOutLeft {
	from {right: 0%; left: auto}
	to {right: 100%; left: auto}
}
.animatedSlideOutLeft {
	-webkit-animation-name: slideOutLeft;
	-moz-animation-name: slideOutLeft;
	-ms-animation-name: slideOutLeft;
	-o-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

/**
 * Slide in right
 */
@-webkit-keyframes slideInRight {
	from {left: 100%; right: auto;}
	to {left: 0%; right: auto;}
}
@-moz-keyframes slideInRight {
	from {left: 100%; right: auto;}
	to {left: 0%; right: auto;}
}
@-ms-keyframes slideInRight {
	from {left: 100%; right: auto;}
	to {left: 0%; right: auto;}
}
@-o-keyframes slideInRight {
	from {left: 100%; right: auto;}
	to {left: 0%; right: auto;}
}
@keyframes slideInRight {
	from {left: 100%; right: auto;}
	to {left: 0%; right: auto;}
}
.animatedSlideInRight {
	-webkit-animation-name: slideInRight;
	-moz-animation-name: slideInRight;
	-ms-animation-name: slideInRight;
	-o-animation-name: slideInRight;
	animation-name: slideInRight;
}

/**
 * Slide in left
 */
@-webkit-keyframes slideInLeft {
	from {right: 100%; left: auto;}
	to {right: 0%; left: auto;}
}
@-moz-keyframes slideInLeft {
	from {right: 100%; left: auto;}
	to {right: 0%; left: auto;}
}
@-ms-keyframes slideInLeft {
	from {right: 100%; left: auto;}
	to {right: 0%; left: auto;}
}
@-o-keyframes slideInLeft {
	from {right: 100%; left: auto;}
	to {right: 0%; left: auto;}
}
@keyframes slideInLeft {
	from {right: 100%; left: auto;}
	to {right: 0%; left: auto;}
}
.animatedSlideInLeft {
	-webkit-animation-name: slideInLeft;
	-moz-animation-name: slideInLeft;
	-ms-animation-name: slideInLeft;
	-o-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

/**
 * Slide out right
 */
@-webkit-keyframes slideOutRight {
	from {left: 0%;}
	to {left: 100%;}
}
@-moz-keyframes slideOutRight {
	from {left: 0%;}
	to {left: 100%;}
}
@-ms-keyframes slideOutRight {
	from {left: 0%;}
	to {left: 100%;}
}
@-o-keyframes slideOutRight {
	from {left: 0%;}
	to {left: 100%;}
}
@keyframes slideOutRight {
	from {left: 0%;}
	to {left: 100%;}
}
.animatedSlideOutRight {
	-webkit-animation-name: slideOutRight;
	-moz-animation-name: slideOutRight;
	-ms-animation-name: slideOutRight;
	-o-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

/**
 * Slide out top
 */
@-webkit-keyframes slideOutTop {
	from {bottom: 0%;}
	to {bottom: 100%;}
}
@-moz-keyframes slideOutTop {
	from {bottom: 0%;}
	to {bottom: 100%;}
}
@-ms-keyframes slideOutTop {
	from {bottom: 0%;}
	to {bottom: 100%;}
}
@-o-keyframes slideOutTop {
	from {bottom: 0%;}
	to {bottom: 100%;}
}
@keyframes slideOutTop {
	from {bottom: 0%;}
	to {bottom: 100%;}
}
.animatedSlideOutTop {
	-webkit-animation-name: slideOutTop;
	-moz-animation-name: slideOutTop;
	-ms-animation-name: slideOutTop;
	-o-animation-name: slideOutTop;
	animation-name: slideOutTop;
}

/**
 * Slide in bottom
 */
@-webkit-keyframes slideInBottom {
	from {top: 100%;}
	to {top: 0%;}
}
@-moz-keyframes slideInBottom {
	from {top: 100%;}
	to {top: 0%;}
}
@-ms-keyframes slideInBottom {
	from {top: 100%;}
	to {top: 0%;}
}
@-o-keyframes slideInBottom {
	from {top: 100%;}
	to {top: 0%;}
}
@keyframes slideInBottom {
	from {top: 100%;}
	to {top: 0%;}
}
.animatedSlideInBottom {
	-webkit-animation-name: slideInBottom;
	-moz-animation-name: slideInBottom;
	-ms-animation-name: slideInBottom;
	-o-animation-name: slideInBottom;
	animation-name: slideInBottom;
}

/**
 * Blink
 */
@-webkit-keyframes blink {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes blink {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes blink {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes blink {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}
@keyframes blink {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}
.animatedBlink {
	animation: blink 1000ms linear infinite;
	-webkit-animation: blink 1000ms linear infinite;
        -moz-animation: blink 1000ms linear infinite;
	-ms-animation: blink 1000ms linear infinite;
	-o-animation: blink 1000ms linear infinite;
}

/**
 * Bounce
 */
@-webkit-keyframes scale {
	0% {-webkit-transform: scale(1);}	
	50% {-webkit-transform: scale(1.5);}
	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes scale {
	0% {-moz-transform: scale(1);}	
	50% {-moz-transform: scale(1.5);}
	100% {-moz-transform: scale(1);}
}
@-ms-keyframes scale {
	0% {-ms-transform: scale(1);}	
	50% {-ms-transform: scale(1.5);}
	100% {-ms-transform: scale(1);}
}
@-o-keyframes scale {
	0% {-o-transform: scale(1);}	
	50% {-o-transform: scale(1.5);}
	100% {-o-transform: scale(1);}
}
@keyframes scale {
	0% {transform: scale(1);}	
	50% {transform: scale(1.5);}
	100% {transform: scale(1);}
}
.animatedScale {
	-webkit-animation-name: scale;
	-moz-animation-name: scale;
	-ms-animation-name: scale;
	-o-animation-name: scale;
	animation-name: scale;
}