@CHARSET "ISO-8859-1";
@import url(https://fonts.googleapis.com/css?family=Arimo);
html>body { font-family: 'Arimo', Helvetica, Arial, sans-serif; background-color: #555555; color: #77736c; padding: 0px; margin: 0px;}
html>body, TH, TD { font-size: 0.9em; } 
a, a:visited { color: white; text-decoration: none;}
a:hover { text-decoration: underline; }
H1 { margin-top: 40px; }
H2 { margin-top: 60px; }
TABLE { width: 100%; border-collapse: collapse; }
TH, TD { text-align: left; }
TH, TR:first-child TD  { padding-bottom: 5px; }
TR:last-child TD { padding-bottom: 5px; }
.lane { padding: 0px 0px 100px 0px; opacity: 0; transition: opacity 0.2s; }
body.initialized .lane  { opacity: 1; transition: opacity 0.2s; transition-delay: 0.2s; }
.even { background-color: #555555;   color: #47B7E6;}
.uneven { background-color: #333333; color: #47B7E6; }
.even table, .uneven table { color: #47B7E6; }
.apps-content
{
	margin: 0px auto 40px auto;
	padding: 66px 20px;
	max-width: 700px;
}
.icon
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 64px 64px;
	width: 64px;
	height: 64px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.648438) 0px 1px 2px 0px;
	box-shadow: rgba(0, 0, 0, 0.648438) 0px 1px 2px 0px;
	display: inline-block;
	margin: 0px 14px 4px 0px;
	cursor: pointer;
}
TBODY.even { background-color: #efefef; }
.tn { margin-top: 10px; overflow: auto; width: 100%; }
.btn, FORM button
{
	-webkit-background-clip: border-box;
	background-color: #47B7E6;
	border-color: #47B7E6;
	border-style: solid;
	border-radius: 6px;
	border-width: 1px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 300;
	height: 53px;
	line-height: 32px;
	padding: 10px 16px;
	text-align: center;
	text-decoration: none solid rgb(255, 255, 255) !important;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease-in-out;
	vertical-align: middle;
	white-space: nowrap;
	min-width: 250px;
	margin: 20px;
}
.btn:hover, FORM button:hover
{
	background-color: #207699;
}
.btn>i, FORM button>i
{
	background-image: url(../images/rb-logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 36px 0px 36px;
	font-style: normal;
	color: white;
}
FORM { display: inline; }
#apps-widget-toolbar { position: relative; width: 100%; }
#apps-widget-toolbar a { color: #47B7E6 !important; max-width: 25%; text-overflow: ellipsis; overflow: hidden; display: inline-block; }
#apps-widget-top
{
	z-index: 1000;
	position: fixed;
	background-color: #47B7E6;
	margin: 0px;
	padding: 40px 20px 10px 20px;
	clear: both;
	left: 0px; right: 0px;
	top: 0px;
}
#apps-widget-top a { color: white !important; margin: 10px;}
#apps-widget-toolbar { max-width: 900px; margin:auto;}

#apps-widget-login TABLE { padding-top: 20px;  }
#apps-widget-login TABLE TR:first-child TD { border: none; }
#apps-widget-login TABLE TD { text-align: center; } 
#apps-widget-login FORM { margin: 20px;  }
#apps-widget-login INPUT { width: 250px; border: solid 2px #efefef; border-radius: 6px; padding: 10px; font-size: 16pt; font-weight: bold; color: #47B7E6; background-repeat: no-repeat; background-position: 250px; transition: background-position-x 0.2s ease; }
#apps-widget-login INPUT:focus { outline: none; border: solid 2px #47B7E6; box-radius: 6px; color: #47B7E6; }
#apps-widget-login INPUT:focus { background-position-x: 250px; }
#apps-widget-login .apps-default { color: #efefef !important; background-position-x: center; }
#apps-widget-login #apps-widget-login-error { padding: 10px; color: white; transition: opacity 0.2s ease; }

#app-container .icon
{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 144px 144px;
	width: 144px;
	height: 144px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.648438) 0px 1px 3px 0px;
	box-shadow: rgba(0, 0, 0, 0.648438) 0px 1px 3px 0px;
	display: inline-block;
	margin-bottom: 30px;
}
#app-container .title
{
	font: 12pt white Tahoma, Arial, Helvetica; 
	text-align: center; 
	position: absolute; 
	bottom: 10px; 
	left: 0px; 
	right: 14px;
	text-overflow: ellipsis; 
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
	white-space: nowrap;
	overflow: hidden;
}
#app-container .app { position: relative; color: white !important; display: inline-block; position: relative; }
#app-container .app a:link { text-decoration: none; }
#app-container .app .app-content { display: none; position: absolute; padding: 20px 0px; border-radius: 10px; width: 184px; left: -20px; text-align: center; z-index: 1000;}
#app-container .app .app-content .description { margin: 20px 20px 5px 20px; }
#ci { font: 12pt white Tahoma, Arial, Helvetica; position: fixed; text-align: center; bottom: 0px; left: 0px; right: 0px; padding: 20px; }
#ci>a { color: #333333 !important; cursor: pointer; }
.review-title { color: white; }

/** Continues Integration -- icon/title */
.ci .cit { display: inline-block; margin: 140px 0px 20px 0px; }
.ci.icon { display: inline-block; vertical-align: middle; }
.ci.title { color: white; font-size: 1.8em; display: inline-block;}
/** Continues Integration -- version */
.ci .bd { margin-bottom: 20px; margin-left: 80px; }
.ci .bdv
{ color: white; font-size: 1.4em; display: inline-block;}
.ci .bdd
{ color: gray; font-size: 0.9em;}
.ci .bdt
{ color: gray; font-size: 0.9em; }
.ci .bdp
{ margin: 20px 20px 20px 40px; }

.picon
{ background-size: 32px 32px; height: 32px; line-height: 32px; padding-left: 40px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; }
.picon.disabled { opacity: 0.1; }
.icon-ios
{ background-image: url("../images/icon-ipad.png") }
.icon-android
{ background-image: url("../images/icon-android.png") }
.icon-osx
{ background-image: url("../images/icon-osx.png") }
.icon-windows
{ background-image: url("../images/icon-win.png") }

@media (max-width: 320px)
{
	#apps-widget-top { padding-top: 10px; }
	#apps-widget-toolbar a { font-size: 0.7em; }
	.ci .bd { margin-bottom: 20px; margin-left: 0px; }
	.ci .bdp { text-align: center; margin: 20px; }
}

/** Generated from http://cssarrowplease.com/ */
.arrow_box {
	position: relative;
	background: #47B7E6;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #47B7E6;
	border-width: 20px;
	margin-left: -20px;
}