@font-face {
    font-family: "Fira Sans";
    src: url(/images/FiraSans-Regular.woff);
}
@font-face {
    font-family: "Fira Sans Light";
    src: url(/images/FiraSans-Light.woff);
}
html {
	height:100%;
	min-height: 100%;
    background: black;
}
.bigdrop {
	color: black;
	width: 600px !important;
}

.infopage_content {
	width: 100%;
	max-width:1000px;
	margin: auto;
	height: 100%;
	overflow: scroll;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 0px;
}
.infopage_header {
	margin-bottom: 10px;
	padding: 20px;
	font-size: 48px;
	background: #202020;
}
.logo_size { width: 1em; height:1em; }
.infopage_text {
	padding: 20px;
	font-size: 24px;
	color: #d0d0d0;
	background: #202020;
}

button, input[type=button] {	
	border: 1px solid gray;
	padding: 5px;
	border-radius:3px;
	/*font-family: "Fira Sans";*/
	background: #f0f0f0; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(#f0f0f0, #d0d0d0); 
	background: -o-radial-gradient(#f0f0f0, #d0d0d0); 
	background: -moz-radial-gradient(#f0f0f0, #d0d0d0); 
	background: radial-gradient(#f0f0f0, #d0d0d0); 
}
button:hover,
input[type=button]:hover {
	background: #ffffff; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(#ffffff, #dfdfdf); 
	background: -o-radial-gradient(#ffffff, #dfdfdf); 
	background: -moz-radial-gradient(#ffffff, #dfdfdf); 
	background: radial-gradient(#ffffff, #dfdfdf); 
	cursor: pointer; 
	}

.slimbutton {
	padding: 2px;
}
.importantbutton {
	font-weight:bold;
}
.importantbutton:hover {
}
body {
    font: 300 14px "Fira Sans", "Fira Sans", Arial, Helvetica, Geneva;
    margin: 0px;
    color: white;
    height:100%;
    background: #000000;
/*	background-repeat: no-repeat !important;
    background: #212121; 
	background: -moz-linear-gradient(top,  #212121 0%, #000000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#000000)); 
	background: -webkit-linear-gradient(top,  #212121 0%,#000000 100%); 
	background: -o-linear-gradient(top,  #212121 0%,#000000 100%); 
	background: -ms-linear-gradient(top,  #212121 0%,#000000 100%); 
	background: linear-gradient(to bottom,  #212121 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#000000',GradientType=0 ); 
*/
}
.heading1 {
    font: 100 32px "Fira Sans", Arial, Helvetica, Geneva;
}
.spec {
	position: relative;
	width: 700px;
	z-index: 100;
    font: 300 24px "Fira Sans", Arial, Helvetica, Geneva;
    border: 1px outset #808080;
    background: #f8f8f8;
    width: 100%;
}

#login {
    font: 300 12px "Fira Sans", Arial, Helvetica, Geneva;
    margin-top: 6px;
}
.header_menu {
    font: 300 14px "Fira Sans", Arial, Helvetica, Geneva;
    color: #808080;
	border-right:1px solid #202020;
	padding: 10px;	
	z-index:1000;
	white-space:nowrap;
}
.error_tooltip {
	border-bottom: 1px dashed red;
	display: inline-block;
	color: red;
}
.error_tooltip .error_tooltip_text {
	display:none;
	color:black;
	max-width:50%;	
    background-color: lightgray;
    border: 1px solid gray;
    padding: 10px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 10000;
}
.error_tooltip:hover .error_tooltip_text {
	display:block;
}
.success_tooltip {
	border-bottom: 1px dashed gray;
	display: inline-block;
}
.success_tooltip .success_tooltip_text {
	display:none;
	color:black;
	max-width:50%;	
    background-color: lightgray;
    border: 1px solid gray;
    padding: 10px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 10000;
}
.success_tooltip:hover .success_tooltip_text {
	display:block;
}
.header_menu2 {
    font: 300 14px "Fira Sans", Arial, Helvetica, Geneva;
    color: #808080;
	border:1px solid #202020;
	padding: 10px;	
	z-index:1000;
}
.header_menu_empty {
	/*border-right:1px solid #202020;*/
	border:0;
}
.header_menu:hover {
    color: #ffffff;
	cursor: pointer; 
	cursor: hand;	
}
.pipeline_button {
	top: 56px;
	width: 110px;
	position: absolute;
	z-index:1; 
}

.customer_logo {
	cursor: pointer;
	position: relative;
	height: 50px;
}
.header_menu_social {
	opacity: 0.7;
}
.header_menu_social:hover {
	opacity: 1;
}
.header_menu_login {
	background: #50dad0;
	color: white;
	font-family: "Fira Sans Light";
	padding-left: 20px;
	padding-right: 20px;
}
.header_menu_login:hover {
	background: #6ce0d8;
}

.header_menu_logo {
	border-right:1px solid #202020;
	border-left:1px solid #202020;
	background: #0e1621;
}
.header1 {
    width: 100%;
	margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
	font: 300 16px "Fira Sans", Arial, Helvetica, Geneva;
    background-color: #000000;
    color: #a0a0a0;
    padding: 0px;
}
.header_inner {
    width: 100%;
	margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
.header2 {
    font: 300 16px "Fira Sans", Arial, Helvetica, Geneva;
	background-repeat: no-repeat !important;
    background: #404040; /* Old browsers */
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}
.heading {
	font: 300 16px "Fira Sans", Arial, Helvetica, Geneva;
	margin-bottom: 10px;
    color: white;
}
.text {
	font: 300 16px "Fira Sans", Arial, Helvetica, Geneva;
    color: #a0a0a0;	
}
.texthi {
	font: 300 16px "Fira Sans", Arial, Helvetica, Geneva;
    color: #ffffff;
    display: inline;	
}
.uiviewComponent {
	padding: 0px;
	cursor: pointer; 
	cursor: hand;	
}
.uiviewComponent:hover {
	background-color: #202020;
}
.uiviewTitle {
    font: 100 16px "Fira Sans", Arial, Helvetica, Geneva;
	color: #c4e7f0;
	background-color: #303030;
	padding: 5px;
}
.uiviewText {
	padding: 5px;
    font: 200 14px "Fira Sans", Arial, Helvetica, Geneva;
	color: #1c9ab9;
}
.line {
	background-color: #1a2a36;
}
.numComponent {
	padding:5px;
}
.numValue {
    font: 100 64px "Fira Sans", Arial, Helvetica, Geneva;
	color: #c4e7f0;
}
.numText {
    font: 200 16px "Fira Sans", Arial, Helvetica, Geneva;
	color: #1c9ab9;
}
/*#content {
    font: 300 14px "Fira Sans", Arial, Helvetica, Geneva;
    color: #ffffff;
    background-color: #000000;
    width: 100%;
	margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
}*/
.gray {
	color:#a0a0a0;
	width:120px;
}
.white {
}
.button {
	border: 1px solid gray;
	padding: 5px;
	border-radius:3px;
	color: black;
	font: 11px "Fira Sans";
	text-align:center;
	background: #f0f0f0; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(#f0f0f0, #d0d0d0); 
	background: -o-radial-gradient(#f0f0f0, #d0d0d0); 
	background: -moz-radial-gradient(#f0f0f0, #d0d0d0); 
	background: radial-gradient(#f0f0f0, #d0d0d0); 
}
.button:hover {
	background: #ffffff; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(#ffffff, #dfdfdf); 
	background: -o-radial-gradient(#ffffff, #dfdfdf); 
	background: -moz-radial-gradient(#ffffff, #dfdfdf); 
	background: radial-gradient(#ffffff, #dfdfdf); 
	cursor: pointer; 
	}

.button2 {
	background-color: #f2f2f2;
	border: 1px solid #929292;
	padding: 5px 20px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
cursor: pointer; 
	cursor: hand;	
}
.button2:hover {
	background-color: #e2e2e2;
}
.filebutton {
	background-color: #f2f2f2;
	border: 1px solid #929292;
	padding: 5px 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	color: black;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	cursor: pointer; 
	cursor: hand;	
}
.filebutton:hover {
	background-color: #e2e2e2;
}


.suggestionentry:hover {
	background:#f2f2f2;
	cursor: pointer; 
	cursor: hand;	
}
.suggestionentry {
	padding-top: 3px; 
	padding-bottom: 3px;
	cursor: pointer; 
	cursor: hand;	
}
.cdropdown {
	background-color: #303030;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #1a2a36;
	padding: 5px 5px;
	margin: 5px;
	text-align: left;
	position: absolute;
}
.uiview {
	border: 1px solid #505050;
	width: 150px;
	height: 150px;
	border-radius: 1px;
	background:#000000;
	display: inline-table;
	margin: 3px;
	
}


.uiview:hover {
	background: #202020;
	cursor: pointer; 
	cursor: hand;	
}

.uiviewtitle {
	background: #505050;
	padding: 8px;
}

.uiviewdescription {
	padding: 8px;
}

.controlbox {
	border-top: 1px solid #dddddd; 
	width:300px;
}
.controltitle {
	font-size:18px; 
	padding:8px; 
	background: #f2f2f2;
}
.dialogsubtitle {
	padding:3px;
	margin-top:5px; 
	margin-bottom:5px;
	border-top: 1px solid white; 
	border-bottom: 1px solid white; 
}
.controls {
	padding:0px; 
	position:absolute; 
	width:300px; 
	background: #ffffff;
	color:#505050;
	
	overflow-x: hidden;
	overflow-y: scroll;
}
.controlcontent {
	padding:8px; 
	background: #ffffff;
}
.controlmenu {
	font-size:14px; 
	padding:4px; 
	background: #f2f2f2;	
}
.controlmenubox {
	border: 1px solid #dddddd;
	cursor: pointer; 
	cursor: hand;	

}
.controlmenubox:hover {
	background: #e2e2e2;	
}
.searchbox {
    border: 2px solid #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: white;
    font-size: 16px;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none;
}
.searchbox:focus {
    border-color: #101010;
}
.filterentry {
	display: inline-block;
	background: #f2f2f2;
	border: 1px solid #dddddd;
	padding: 3px;
	border-radius:5px;
	margin: 2px;
}
.fename {
	display:inline-block;
}
.fedelete {
	width: 14px;
	height: 16px;
	color:white;
	display:inline-block;
	border: 1px #dddddd;
	border-radius: 5px;
	background: #a28080;
	cursor: pointer; 
	cursor: hand;	
	text-align: center;
}
.fedelete:hover {
	background: #f28080;
}
.editbutton {
	padding: 5px;
	width: 64px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid gray;
	background: #cccccc;
	cursor: pointer; 
	cursor: hand;	
	text-align: center;
}
.editbutton:hover {
	background: #eeeeee;
}
.scriptedit {
	font-size:12px;
}
.generictable {
	color: black;
}
.generictable tbody tr {
	cursor: pointer;
}

.tab {
	color: black;
	padding:5px; 
	display:inline-block;
}
.tab_active {
	background: #909090;
	color: white;
	
}
.tab:hover {
	color: #ffffff;
	cursor: pointer; 
	cursor: hand;	
}
.hl {
	color: white;
	display: inline;
}
.li1 {
	padding-bottom:10px;
}
.barchart {
   font: 10px sans-serif;
   background-color: steelblue;
   text-align: right;
   padding: 3px;
   margin: 1px;
   color: white;
 }
 .cbutton {
 	border: 1px solid white;
	background-color: #000000;
	height: 30px;
	padding: 5px 20px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	display: inline;
	vertical-align: middle;	
}

.cdropdown {
	background-color: #303030;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #1a2a36;
	padding: 5px 5px;
	text-align: left;
	position: absolute;
	top: -10px;
}