.viewport {
	height: 500px;
	width: 1000px;
	overflow-x: hidden;
	overflow-y: scroll;
	}
.input_select {
	height: 18px;
}
.input_big {
	font-weight: normal;
	background-color: #ffff99;
	border: 1px solid #ccc;
	height: 18px;
	width: 300px;
}
.input_normal {
	font-weight: normal;
	background-color: white;
	border: 1px solid #ccc;
	height: 18px;
	width: 300px;
}
#form {
 	margin: 0;
 	padding: 0;
}
.error-link {
	font-weight: 500;
	text-decoration: none;
	color: #970000;
}
.evaltree-span {
	background-color: #bbccaa;
	color: black;
	border: 1px solid #006600;
}
.evaltree-span0 {
	background-color: white;
	color: white;
	border: 1px solid #006600;
	text-decoration: none;
}
.evaltree-span1 {
	background-color: #bbccaa;
	color: black;
	border: 1px solid #006600;
	border-left: 0;
}
.evaltree-span2 {
	background-color: #ddddff;
	color: black;
	border: 1px solid #006600;
	border-left: 0;
}
.evaltree-span3 {
	background-color: #eeffee;
	color: black;
	border: 1px solid #006600;
	border-left: 0;
}
.evaltree-span4 {
	background-color: #ffcc88;
	color: black;
	border: 1px solid #006600;
	border-left: 0;
}
.evaltree-span5 {
	background-color: #ffddee;
	color: black;
	border: 1px solid #006600;
	border-left: 0;
}
.evaltree-span-link {
	background-color: white;
	color: black;
	border: 1px solid #006600;
	border-left: 0;
	text-decoration: none;
}
.evaltree-span-link-danger {
	background-color: #bb4444;
	color: white;
	border: 1px solid #006600;
	border-left: 0;
	text-decoration: none;
}
.editnode-headline {
	color: #999999;
	background-color: white;
	padding: 2px;
	font-weight: 500;
	font-size: 16px;
}
.editnode-buttons {
	color: black;
	padding: 2px;
}
.editnode-label {
	display: inline-block;
	vertical-align:top;
	width: 125px;
	text-align: right;
	margin-right: 5px;
	line-height: 20px;
	color: #888;
}
.editnode-label-nofloat {
	text-align: left;
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-right: 10px;
}
.editnode-resultlabel {
	display: block;
	float: left;
	width: 300px;
	text-align: right;
	font-weight: normal;
	margin-right: 10px;
}
.editnode-lookuplabel {
	display: block;
	float: left;
	width: 50px;
	text-align: right;
	font-weight: normal;
	margin-right: 10px;
}
.editnode-textarea {
	width: 360px;
	background-color: white;
	border: 1px solid #cccccc;
}
#selector {
	width: 100%;
}
#selector td {
	font-weight: normal;
	}
#selector1 {
	color: black;
	background-color: white;
	border: 1px solid #bbbbbb;
	width: 1024px;
	//padding: 4px;
	float: left;
	//margin-right: 2px;
	//margin-left: 2px;
}
#selector2, #help, #helpg, #helpm, #selectbestworst {
	color: black;
	background-color: white;
	padding: 4px;
	margin-bottom: 4px;
	border: 1px solid #bbbbbb;
}
#help, #helpg, #helpm, #selectbestworst {
	display: none;
	background-color:white;
}
.odd {
    background-color:#eeeeee;
}
.even {
    background-color:#dddddd;
}
.hover {
	background-color: #bbbbbb;
    color: black;
}
.selected {
    font-style:italic;
}
.selector-link-locked {
	color: rgb(200,10,10);
	text-decoration: none;
	//padding-right: 4px;
	//padding-left: 4px;
}
.selector-link-locked b {
	text-decoration: line-through;
}
.selector-link {
	text-decoration: none;
	//padding-right: 4px;
	//padding-left: 4px;
}
.selector-number {
	text-align: right;
	padding-right: 4px;
	padding-left: 4px;
}
.selector-string {
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	white-space: nowrap;
}
.icon, .icon-small  {
	width: 40px;
	height: 18px;
	padding:2px;
	vertical-align: middle;
}
.icon-wait {
	width: 12px;
	height: 12px;
	vertical-align: middle;
}
.icon-group {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.icon-big, .icon-big-top {
	width: 80px;
	height: 25px;
	padding-top:10px;
	vertical-align: middle;
}
.icon-small-link {
	width: 40px;
	height: 20px;
	padding: 0;
	vertical-align: middle;
	cursor:pointer;
	border: 0;
}
.icon-mini {
	width: 12px;
	height: 12px;
	vertical-align: middle;
}
.icon-tree {
	float: left;
	width: 48px;
	height: 60px;
	padding: 2px;
}
.icon-tree:hover {
	width: 52px;
	height: 64px;
	padding: 0;
}
.result-span1 {
	background-color: var(--color_bg_dark);
	color: white;
	border: 1px solid var(--color_bg_dark);
	padding-left: 5px;
	padding-right: 5px;
}
.result-span2 {
	background-color: #bbccaa;
	color: black;
	border: 1px solid #006600;
	padding-left: 5px;
	padding-right: 5px;
}
.result-span3 {
	background-color: #ffffcc;
	color: black;
	border: 1px solid #006600;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}
.result-span4 {
	background-color: #ccccff;
	color: black;
	border: 1px solid #006600;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}
.result-link {
	text-decoration: none;
	color: black;
}
.warning {
	color: white;
	background-color: #aa0000;
	padding:4px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight: 500;
}

.searchfield {
	height: 16px;
	color: #884444;
}
.table-th {
	text-align: left;
	white-space:nowrap;
	color: var(--color_bg_dark);
	background-color: #ccddbb;
	vertical-align: bottom;
}
#grid {
	border-collapse: collapse;
	width: 100%;
}
#grid td {
	border: 1px solid #ccc;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ddffdd;
	white-space: nowrap;
}
#grid th {
	border: 1px solid #ccc;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: white;
	color: black;
	white-space: nowrap;
}
#grid td.red {
	background-color: #ff8888;
	color: white;
}
#grid td.darkred {
	background-color: #ff0000;
	color: white;
}
#grid td.yellow {
	background-color: #ffff88;
}
.highlight {
    background-color: Highlight !important;
}
.red {
	background-color: #aa0000;
	color: white;
	font-weight: 500;
	padding-left: 4px;
	padding-right: 4px;
    -webkit-animation: ani_class_red 2s infinite;
    animation: ani_class_red 2s infinite;
}
.red_noblink {
	background-color: #aa0000;
	color: white;
	font-weight: 500;
	padding-left: 4px;
	padding-right: 4px;
}
.green {
	background-color: var(--color_bg_dark);
	color: white;
	font-weight: 500;
	padding-left: 4px;
	padding-right: 4px;
}
.white,
.white_notoggle {
	background-color: white;
	color: #999;
	padding-left: 4px;
	padding-right: 4px;
}
.yellow {
	background-color: #bbbb00;
	color: black;
	font-weight: 500;
	padding-left: 4px;
	padding-right: 4px;
}
.tooltip {
	display: none;
	font-size: 12px;
	}
.invblock {
	background-color: #ccc;
	color: black;
	padding-left: 8px;
	padding-right: 8px;
}
.export-link0 {
	width: 400px;
	color: #999;
}
.export-link1 {
	background-color: #bbccaa;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}
.export-link2 {
	background-color: #ccbbaa;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}
.dataTable {
}
.dataTable td, .dataTable th {
    font-size: 12px;
	padding: 2px;
    border: 1px solid #bbbbbb;
    text-align: left;
}
.dataTable_product {
    background-color: #bbffbb;
	text-align: right;
	font-weight: 500;
	font-style: italic;
    white-space: nowrap;
}
.dataTable_property {
    background-color: #bbffbb;
	font-weight: 500;
	font-style: italic;
    white-space: nowrap;
}
.dataTable_corner {
	background-color: var(--color_bg_dark);
	color: white;
	padding: 4px;
}
#explore_labdata {
	border: 1px dotted #666;
	width: 100%;
	height: 600px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: auto;
}
.resultview {
	color: black;
	background-color: white;
	padding: 4px;
	border: 1px dotted #bbbbbb;

}
.drag {
	line-height: 19px;
}
.useredit, .organisationedit, .countryedit {
	border:1px solid #bbb;
	box-shadow: 0 2px 6px #666;
}
.useredit div, .organisationedit div, .countryedit div {
	background-color:#ccddbb;
}
.useredit .editnode-data , .organisationedit .editnode-data, .countryedit .edit-data {
	border: 1px solid #ddd;
	background-color: rgba(50,120,120,0.1);
}
.useredit h2, .organisationedit h2, .countryedit h2 {
	margin-bottom:4px;
	background-color:white;
	padding:2px;
	margin-left:2px;
	line-height:20px;
	border:0;
}
.useredit h2 img, .organisationedit h2 img, .countryedit h2 img {
	border: 0;
	float:right;
	padding: 0;
}
.useredit .editnode-label, .organisationedit .editnode-label, .countryedit .editnode-label {
	vertical-align:middle;
	line-height:20px;
}
.symbol_time {
	font-weight: normal;
	color: #888;
	opacity: 0.6;
}
.symbol_scissors, .symbol_delete, .symbol_add {
	cursor: pointer;
	color: #666;
	font-size: 13px;
	vertical-align: middle;
	font-weight: normal;
	padding: 1px;
}
.symbol_delete {
	color: rgb(250,10,10);
}

.project_desc_1 {
	color: white;
	font-weight: normal;
	opacity: 0.5;
}
.project_desc_2 {
	color: white;
	opacity: 0.9;
}
.top_icons {
	border: 0;
	opacity: 0.8;
	padding-top: 10px;
	margin-left: 2px;
	height: 32px;
}
.top_icons:hover {
	transition: all 300ms;
	opacity: 1;
}
#icon {
	height: 50px; 
	position: absolute;
}
#logo {
	position: absolute;
	left: 60px;
	margin-top: -6px;
}
#logo .subtitle {
	position: relative;
	left: 2px;
	margin-top: -8px;
	opacity: 0.8;
}
#expertcommand {
	display: none;
	position: absolute;
	right: 60px;
}
#logoutcommand {
	display: none;
	position: absolute;
	right: 20px;
}
#icrtcodeandproject {
	position:absolute;
	left:210px;
	top:44px;
}
#topmenu {
	display: none;
	position: absolute;
	right: 100px;
	text-align: right;
}
.light {
	color: #ccc;
}
.userlevelswitcher {
	clear: both;
	font-size: 12px;
	text-align: center;
	opacity: 0.8;
}

.subnumber {
	font-weight: 500;
	color: #333;
	background-color: #ccc;
	padding: 2px;
}