/*
 * SodisWillert.css 
 *
 * This file belongs to the Willert Software Tools IBM JAZZ Extension
 *
 * Copyright (c) 2020, Willert Software Tools GmbH.
 *
 * E-mail: support@willert.de
 */


/*************************************/
/* ----------  dit und dat --------- */
/*************************************/
@font-face {
	font-family: 'Roboto Condensed';
	src: url("../css/RobotoCondensed-Regular.ttf") format("truetype");
  	font-weight: normal;
  	font-style: normal;
  }
  @font-face {
	font-family: 'Roboto Condensed';
	src: url("../css/RobotoCondensed-Bold.ttf") format("truetype");
  	font-weight: bold;
  	font-style: normal;
  }
  @font-face {
	font-family: 'Roboto Condensed';
	src: url("../css/RobotoCondensed-Light.ttf") format("truetype");
  	font-weight: lighter;
  	font-style: normal;
  }
.p_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
}
.h1_ {
	font-family: 'Roboto Condensed';
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 5px;
}
.h2_ {
	font-family: 'Roboto Condensed';
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 5px;
}
.h5_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: normal;
	margin-bottom: 5px;
	padding-top: 5px;
}
.h6_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 5px;
}
.ul_ { 
	padding-left: 1em;
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
}
.ol_ { 
	padding-left: 1em;
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
}
.li_ {
	padding-left: 1em;
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
}
.t_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
}
.tb_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: bold;
}
.body_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	width: 100%;
	background-image: url("../img/background.png");
	background-repeat: repeat;
	background-size: 450px;
}

/*************************************/
/* ------------- Header ------------ */
/*************************************/

#header {
	position: relative;
	height: 50px;
	width: 100%;
	background-color: #93959a;
} 
#willert_logo_header {
	position: static;
	display: inline-block;
	height: 50px;
	width: 120px;
	left: 5px;
	background-image: url("../img/sodiuswillert-logo_short_rgb.png");
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 100px;
} 
#willert_logo_header a {
	display:block;
	height:100%;
}
.widget_header {
	background: #e7f1f9 url("../img/header-blue.png") repeat-x center center;
}
/*******************/
/* -- Quick Inst - */
/**************++++*/

.quick_instruction {
	position: absolute;
	right: 2px;
	top: 2px;
}
 .qi_button {
	background-image: url("../img/help.png");
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-color: #93959a; 
	background-size: 40px;
	padding-left: 50px;
	height: 46px;
	color: white;
	border: none;
	cursor: pointer;
	font-size: 12pt;
}
.qi_button:hover, .qi_button:focus {
	background-color: #01426A;
}
.qi_content {
	display: none;
	width: 100%;
	position: absolute;
	background-color: #41B6E6;
	padding: 5px;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.show {
	display:block;
} 
/*******************/
/* -- Button Inst - */
/**************++++*/
.Button {	
	background-color: #545559; 
	color: white;
	cursor: pointer;
	border: none;
	font-family: 'Roboto Condensed';
	font-size: 10pt;
}
.ButtonMenue {	
	background-color: #545559; 
	color: white;
	cursor: pointer;
	border: none;
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	width: 100%;
}
.ButtonOk {	
	background-color:#0f5efc;
	color: white;
	cursor: pointer;
	border: none;
	font-family: 'Roboto Condensed';
	font-size: 12pt;
	width: 300px; 
	height:50px;
	margin: 0px;
}
.ButtonMerge {	
	background-color:#0f5efc;
	color: white;
	cursor: pointer;
	border: none;
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	width: 100%;
}
.ButtonCancel {	
	background-color: #383838;
	color: white;
	cursor: pointer;
	border: none;
	font-family: 'Roboto Condensed';
	font-size: 12pt;
	width: 300px; 
	height:50px;
	margin: 0px;
}

.Button:hover, .Button:focus {
	background-color: #01426A;
}
.Button:disabled {
	background-color: #808080;
}
.ButtonMenue:hover, .ButtonMenue:focus {
	background-color: #01426A;
}
.ButtonMenue:disabled {
	background-color: #808080;
}
.ButtonOk:hover, .ButtonOk:focus {
	background-color: #024fe8;
}
.ButtonOk:disabled {
	background-color:#c6c6c6;
	color: #8d8d8d;
}
.ButtonMerge:hover, .ButtonMerge:focus {
	background-color: #024fe8;
}
.ButtonMerge:disabled {
	background-color:#c6c6c6;
	color: #8d8d8d;
}
.ButtonCancel:hover, ButtonOk:focus{
	background-color: #4d4d4d;
}
.ContentNormal { 
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: normal; 
}
.ContentLarge { 
	font-family: 'Roboto Condensed';
	font-size: 12pt;
	font-weight: normal; 
}

/*************************************/
/* ------------- Footer ------------ */
/*************************************/

#footer {
	position: static;
	margin-top: 15px;
	height: 30px;
	width: 100%;
	background-color: #dddddd;
	color: white;
} 
#copyright {
	position: absolute;
	display: inline-block;
	height: 30px;
	left: 5px;
	font-size: 10pt;
} 
#copyright p{
	margin-top: 0px;
	padding-top: 8px;
	font-weight: lighter;
} 
#willert_logo_footer {
	position: absolute;
	display: inline-block;
	right: 0px;
	height: 30px;
	width: 120px;
	background-image: url("../img/sodiuswillert-logo_long_rgb.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 110px;
} 
#willert_logo_footer a {
	display:block;
	height:100%;
}

/*************************************/
/* ------------ Dialog ------------ */
/*************************************/

.WSTDialog {	
	border: none;
	outline: none;
	padding: 0px;
}
.WSTCheckDialog {	
	border: 1px solid #000000;
	outline: none;
	padding: 3px;
}

.WSTDialogHoverOver {	
	background-color: #ebebeb;
	border-color: #d1e2f0;
	padding: 0px;
	overflow-x: none;
	overflow-y: auto;
	max-height: 500px;
}
.WSTDialogContent {
	/*color: #444;
	cursor: pointer;*/ 
	text-align: left; 
	border: none; 
	outline: none;
	height: auto;
	padding: 5px;
}
.WSTDialogResult {
	width: 97%;
	border: 1px solid #882634;
	padding-left: 1em;
	overflow-x: none;
	overflow-y: auto;
	height:300px;
	padding: 5px;
}
.WSTFrame {	
	border: none;
	outline: none;
	padding-top: 15px;
	padding-bottom: 0px;
}
.divDialog_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 0px;
}
.pDialog_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: normal;
	margin-left: 1px;
	margin-top: 5px;
	margin-bottom: 0px;
}

.EditFilterError {
	width:350px;
	height:30px;
	border: 1px solid #ff0000;
}

.marginButton_ {
	margin-left: 0px !important;
	margin-right: 1px !important;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}
.headlineDialog_ {
	height: 16px;
	font-family: 'Roboto Condensed';
	font-size: 12pt;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}
.progressDialog_ {
	width:100%;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}
.split_{
	border-bottom: 1px dotted grey;
	 margin-bottom: 8px !important;
}
.inputChoice {
	background-color: white;
	font-family: "Roboto Condensed";
	font-size: 10pt;
	font-weight: lighter;
}
.inputChoice:hover {
	background-color: #e5e5e5;
}
.inputChoiceSelected {
	background-color: #cacaca;
	font-family: "Roboto Condensed";
	font-size: 10pt;
	font-weight: lighter;
}

/*************************************/
/* ------------ Content ------------ */
/*************************************/
#content {
	margin-top: 10px;
} 
#hint1 {
	margin-bottom: 10px;
} 
.ReviewcCmments, .Comments {
	background-color: rgb(233, 233, 233);
	border: 1px solid #757575;
	color: rgb(0, 0, 0);
	cursor: pointer;
	padding: 5px;
	text-align: left;
	outline: none;
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: normal;
	width:97%;
	height: auto;
 }
.AddReviewComment {
	background-color: rgb(255, 255, 255);
	border: 1px solid #757575;
	color: rgb(0, 0, 0);
	cursor: pointer;
	padding: 5px;
	text-align: left;
	outline: none;
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: normal;
	width:97%;
	height: auto;
 }
.TagDialog {
	background-color: rgb(233, 233, 233);
	border: 1px solid #757575;
	color: rgb(0, 0, 0);
	cursor: pointer;
	padding: 18px;
	text-align: left;
	outline: none;
	font-size: 10pt;
	height: auto;
 }

 .TAGList{
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
 }

 .JSAttributeDialog {
	background-color: rgb(233, 233, 233);
	border: 1px solid #757575;
	color: rgb(0, 0, 0);
	cursor: pointer;
	padding: 18px;
	text-align: left;
	outline: none;
	font-size: 10pt;
	height: auto;
 }

 .JSAttributeList{
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
 }

 .Message {
	font-family: "Roboto Condensed";
	font-size: 10pt; 
	width: 100%; 
	border: 1px solid #882634;
	padding-left: 1em;
}
 .ReadOnlyText {
	font-family: 'Roboto Condensed';
	background-color: rgb(233, 233, 233);
	border: 1px solid #757575;
	color: #444;
	/*cursor: pointer;*/
	padding: 10px;
	text-align: left;
	outline: none;
	font-size: 10pt;
	height: auto;
 }
 .ReadOnlyTextConfiguration {
	font-family: 'Roboto Condensed';
	background-color: rgb(233, 233, 233);
	border: 1px solid #757575;
	color: #444;
	/*cursor: pointer;*/
	padding: 4px;
	text-align: left;
	outline: none;
	font-size: 10pt;
	height: auto;
	width: 300pt;
 }
 .ReadOnlyTextModuleName {
	font-family: 'Roboto Condensed';
	background-color: rgb(233, 233, 233);
	border: 1px solid #757575;
	color: #444;
	/*cursor: pointer;*/
	padding: 4px;
	text-align: left;
	outline: none;
	font-size: 10pt;
	height: auto;
	width: 300pt;
 }
 .ReadOnlyTextSmall {
	font-family: 'Roboto Condensed';
	background-color: rgb(240, 240, 240);
	border: 1px solid #757575;
	color: #444;
	/*cursor: pointer;*/
	margin-left: 10pt;
	padding: 4px;
	text-align: left;
	outline: none;
	font-size: 9px;
	height: auto;
	width: 290pt;
 }
 .FileName {
	font-family: 'Roboto Condensed';
	background-color: rgb(233, 233, 233);
	border: 1px solid #757575;
	color: #444;
	/*cursor: pointer;*/
	padding: 4px;
	text-align: left;
	outline: none;
	font-size: 10pt;
	font-weight: bold;
	height: auto;
	width: 120pt;
 }
 .ReadOnlyTextSelection {
	font-family: 'Roboto Condensed';
	background-color: rgb(240, 240, 240);
	border: 1px solid #757575;
	color: #444;
	/*cursor: pointer;*/
	margin-left: 10pt;
	padding: 4px;
	text-align: left;
	outline: none;
	font-size: 12px;
	height: auto;
	width: 120pt;
 }
.deleted {background-color :#ff0000;
	text-decoration  : line-through;
	color: white;
	border-radius    : 0px;
	border           : 1px solid #ff0000
}
.DeletedStatus {background-color :#ff0000;
	color: #444;
	border-radius    : 0px;
	border           : 1px solid #ff0000
}
.inserted, .ChangedStatus {background-color :#ffff00;
	color: #444;
	border-radius    : 0px;
	border           : 1px solid #ffff00
}
.EqualStatus {background-color :#26ff00;
	color: #444;
	border-radius    : 0px;
	border           : 1px solid #26ff00;
}
.no-close .ui-dialog-titlebar-close {
	display: none;
}
/*************************************/
/* ------------ Compare view ------- */
/*************************************/


.table_ {
	border: 0px solid black;
	border-collapse: collapse;
	table-layout: fixed;
}
.th_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;
	text-align: center;
	max-width: 800px;
	background-color:#d3d3d3;
  position: sticky;
  top: 0;	/* Wichtig: bleibt oben kleben */
  z-index: 1; /* Damit es über den Zellen bleibt */
}
.td_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	word-wrap: break-word;
	max-width: 800px;
}
.td0_ {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	word-wrap: break-word;
	max-width: 800px;
	position: relative;
	word-wrap: break-word;
}
.td0_g {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	word-wrap: break-word;
	max-width: 800px;
	background-color:#f2f2f2;
	position: relative;
	word-wrap: break-word;
}
.tdh1_ {
	font-family: 'Roboto Condensed';
	font-size: 14pt;
	font-weight: bold;
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	word-wrap: break-word;
	max-width: 800px;
}
.tdh2_ {
	font-family: 'Roboto Condensed';
	font-size: 13pt;
	font-weight: bold;
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	word-wrap: break-word;
	max-width: 800px;
}
.tdh3_ {
	font-family: 'Roboto Condensed';
	font-size: 12pt;
	font-weight: bold;
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	word-wrap: break-word;
	max-width: 800px;
}
.tdh4_ {
	font-family: 'Roboto Condensed';
	font-size: 11pt;
	font-weight: bold;
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	word-wrap: break-word;
	max-width: 800px;
}


  /*Styling Selectbox*/
  .dropdown_ {
	max-width: 150px;
	background-color: #545559; 
	color: white;
	cursor: pointer;
	border: none;
  }
  .dropdown_ .select_ {
	  cursor: pointer;
	  display: block;
	  padding: 1px
  }
  .dropdown_ .select_ > i {
	  color: #888;
	  cursor: pointer;
	  transition: all .3s ease-in-out;
	  float: right;
	  line-height: 20px
  }
  .dropdown_:hover {
	  box-shadow: 0 0 4px rgb(204, 204, 204)
  }
  .dropdown_:active {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	  background-color: #545559
  }
  .dropdown_.active:hover,
  .dropdown_.active {
	  background-color: #01426A;
  }
  .dropdown_:disabled {
	background-color: #808080;
  }

  .dropdown_.active .select_ > i {
	  transform: rotate(-90deg)
  }
  .dropdown_ .dropdown-menu_ {
	  position: absolute;
	  background-color: #808080;
	  width: 100%;
	  left: 0;
	  margin-top: 1px;
	  box-shadow: 0 1px 2px rgb(204, 204, 204);
	  border-radius: 0 1px 2px 2px;
	  overflow: hidden;
	  display: none;
	  max-height: 80px;
	  overflow-y: auto;
	  z-index: 9
  }
  .dropdown_ .dropdown-menu_ li {
	  padding: 10px;
	  transition: all .2s ease-in-out;
	  cursor: pointer
  } 
  .dropdown_ .dropdown-menu_ {
	  padding: 0;
	  list-style: none
  }
  .dropdown_ .dropdown-menu_ li:hover {
	  background-color: #545559
  }
  .dropdown_ .dropdown-menu_ li:active {
	  background-color: #e2e2e2
  }

.iconNode {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
		border: none !important;
		box-shadow: none !important;
		outline: none !important;
		background-color: rgba(0, 0, 0, 0); /* komplett transparent */
}

.streamIcon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iaXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBvdmVyZmxvdz0idmlzaWJsZSIgZD0iTTExIDFoNXYxM2gtNXoiIGNvbG9yPSIjMDAwIiBmaWxsPSIjYjE4OTIxIi8+PHBhdGggc3R5bGU9Imlzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgb3ZlcmZsb3c9InZpc2libGUiIGQ9Ik0xNSAyaC0zdjExaDN6IiBjb2xvcj0iIzAwMCIgZmlsbD0iI2Y5ZTlhMyIvPjxwYXRoIGQ9Ik0xNCA3bC01LjUgNC41di0zaC04di0zaDh2LTMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMyA3TDguOTYzIDR2MkgxdjJoNy45NjN2MnoiIGZpbGw9IiM1NTUiLz48cGF0aCBzdHlsZT0iaXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBjb2xvcj0iIzAwMCIgb3ZlcmZsb3c9InZpc2libGUiIGZpbGw9IiMxNzdjYzUiIGQ9Ik0zIDFoNXYxM0gzeiIvPjxwYXRoIHN0eWxlPSJpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWwiIGNvbG9yPSIjMDAwIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbD0iIzk2ZDNmMyIgZD0iTTcgMkg0djExaDN6Ii8+PC9zdmc+");
	width: 16px;
	height: 16px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.baselineIcon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iaXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBjb2xvcj0iIzAwMCIgb3ZlcmZsb3c9InZpc2libGUiIGZpbGw9IiMyNDVkOGMiIGQ9Ik0yIDJoMTN2MTJIMnoiLz48cGF0aCBzdHlsZT0iaXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBjb2xvcj0iIzAwMCIgb3ZlcmZsb3c9InZpc2libGUiIGZpbGw9IiNlNmY1ZmIiIGQ9Ik0zIDNoMTF2MTBIM3oiLz48cGF0aCBkPSJNNCAxMVY4aDNWNGwzLjA0NS4wOHYzLjg0TDEzIDh2M3oiIGZpbGw9IiM0MGE4YjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGQ9Ik01IDEwVjloM1Y1aDF2NGgzdjF6IiBmaWxsPSIjYjRkZGVhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
	width: 16px;
	height: 16px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}
.snapshotIcon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiNDMjZFMDkiIGQ9Ik0xLjUgMS41aDEwdjloLTEweiIvPjxwYXRoIGQ9Ik01LjUgNS45NjN2LTIuNWgydjQuOTk2bC0zLjk5Ny0uMDMuMDEtMS45NjZINS41di0uNXoiIGZpbGw9IiNGOUU5QTMiIHN0cm9rZT0iI0IxODkyMSIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjUiIGQ9Ik00IDVoOHY3SDR6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMjA5MUQ2IiBkPSJNNS41IDYuNWgxMHY5aC0xMHoiLz48cGF0aCBkPSJNOS41IDExVjguNWgydjNoMnYxLjk5N2wtNS45OTctLjAzMS4wMS0xLjk2Nkg5LjVWMTF6IiBmaWxsPSIjQjRFQ0Y2IiBzdHJva2U9IiMzMkJERDEiLz48L3N2Zz4=");
	width: 16px;
	height: 16px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.changeSetIcon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yIDE0aDEzTDguNSAyeiIgZmlsbD0iIzBhNTk5OSIvPjxwYXRoIGQ9Ik00IDEzaDlMOC41IDR6IiBmaWxsPSIjOTBiMGM5Ii8+PHBhdGggZD0iTTQgMTNoN0w3LjUgNnoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNy41IDRMNyA1bDQgOGgxTDcuNSA0eiIgZmlsbD0iIzBhNTk5OSIvPjwvZz48L3N2Zz4=");
	width: 16px;
	height: 16px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.iconNode .componentIcon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0uOTY0IDExLjkzOEwxIDdoNVYyaDV2NWg1djV6IiBmaWxsPSIjMzJiZGQxIi8+PHBhdGggZD0iTTIgMTFWOGg1VjNoM3Y1aDV2M3oiIGZpbGw9IiNiNGVjZjYiLz48L2c+PC9zdmc+");
	width: 16px;
	height: 16px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}
.iconNode .gcStreamIcon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjRjdBOTFFIiBkPSJNMTUgMTJsLTcgNC03LTRWNGw3LTQgNyA0eiIvPjxwYXRoIGZpbGw9IiNGNDc4MzgiIGQ9Ik04IDEuMmw2IDMuNHY2LjhsLTYgMy40LTYtMy40VjQuNmw2LTMuNE04IDBMMSA0djhsNyA0IDctNFY0TDggMHoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTEuOSA4bC00LTN2MkgxdjJoNi45djJ6Ii8+PC9zdmc+");
	width: 16px;
	height: 16px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.iconNode .gcPersonalStreamIcon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjRjdBOTFFIiBkPSJNMTUgMTJsLTcgNC03LTRWNGw3LTQgNyA0eiIvPjxwYXRoIGZpbGw9IiNGNDc4MzgiIGQ9Ik04IDEuMWw2IDMuNHY2LjhsLTYgMy40LTYtMy40VjQuNmw2LTMuNU04IDBMMSA0djhsNyA0IDctNFY0TDggMHoiLz48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSI4IiBjeT0iNiIgcj0iMiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMC45IDExdi0xYzAtMS4xLS45LTItMi0yaC0yYy0xLjEgMC0yIC45LTIgMnYxaDZ6Ii8+PC9zdmc+");
	width: 16px;
	height: 16px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.iconNode .gcBaselineIcon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNOCAuNWw2LjUgMy43NXY3LjVMOCAxNS41bC02LjUtMy43NXYtNy41TDggLjUiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOCAxLjJsNiAzLjR2Ni44bC02IDMuNC02LTMuNFY0LjZsNi0zLjRNOCAwTDEgNHY4bDcgNCA3LTRWNEw4IDB6IiBmaWxsPSIjZjQ3ODM4Ii8+PHBhdGggZmlsbD0iI2Y0NzgzOCIgZD0iTTcgNEg0djNoMVY1aDJ6bTUgMVY0SDl2MWgydjJoMXptMCA0aC0xdjJIOXYxaDN2LTF6bS01IDJINVY5SDR2M2gzeiIvPjwvc3ZnPg==");
	width: 16px;
	height: 16px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}
.iconNode .gcStagingBaselineIcon {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjRjdBOTFFIiBkPSJNOSAwSDdMMi41IDE0aDExek0wIDE0aDE2djJIMHoiLz48cGF0aCBkPSJNMTAuMyA0SDUuN2wtLjYgMmg1Ljh6bTEuNiA1SDQuMWwtLjYgMmg5eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==");
	width: 16px;
	height: 16px;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.iconBlack {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9zdmc+");
	width: 16px;
	height: 16px;
	border: none  !important;
	box-shadow: none !important;
	outline: none !important;
}
.iconClose {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9bpaIVBztIcQhYBcEuKuJYq1CECqFWaNXB5KV/0KQhSXFxFFwLDv4sVh1cnHV1cBUEwR8Qd8FJ0UVKvC8ptIjxweV9nPfO4b77AH+jwlSzKw6ommWkkwkhm1sVgq/oQ4RqHCMSM/U5UUzBc33dw8f3uxjP8r735+pX8iYDfAJxnOmGRbxBPLNp6Zz3icOsJCnE58QTBjVI/Mh12eU3zkWH/TwzbGTS88RhYqHYwXIHs5KhEk8TRxVVo3x/1mWF8xZntVJjrT75C0N5bWWZ61TDSGIRSxAhQEYNZVRgIUa7RoqJNJ0nPPwRxy+SSyZXGYwcC6hCheT4wf/g92zNwtSkmxRKAN0vtv0xCgR3gWbdtr+Pbbt5AgSegSut7a82gNlP0uttLXoEDGwDF9dtTd4DLneAoSddMiRHClD5CwXg/Yy+KQcM3gK9a+7cWuc4fQAyNKvUDXBwCIwVKXvd4909nXP7905rfj/WMHLOZWSZVAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+kLGgs3IvzZaDEAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAOElEQVQ4y2NgGAU4wcyZM//PnDnzPyF1TMQYRJEBhAxhIsVLFBmQnp7OSLYBuDQTZQA+zaOASgAAZMoRoU13224AAAAASUVORK5CYII=");
	width: 16px;
	height: 16px;
	border: none  !important;
	box-shadow: none !important;
	transform: rotate(0.001deg);
  transition: transform 200ms;
}
.iconOpen {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9bpaIVBztIcQhYBcEuKuJYq1CECqFWaNXB5KV/0KQhSXFxFFwLDv4sVh1cnHV1cBUEwR8Qd8FJ0UVKvC8ptIjxweV9nPfO4b77AH+jwlSzKw6ommWkkwkhm1sVgq/oQ4RqHCMSM/U5UUzBc33dw8f3uxjP8r735+pX8iYDfAJxnOmGRbxBPLNp6Zz3icOsJCnE58QTBjVI/Mh12eU3zkWH/TwzbGTS88RhYqHYwXIHs5KhEk8TRxVVo3x/1mWF8xZntVJjrT75C0N5bWWZ61TDSGIRSxAhQEYNZVRgIUa7RoqJNJ0nPPwRxy+SSyZXGYwcC6hCheT4wf/g92zNwtSkmxRKAN0vtv0xCgR3gWbdtr+Pbbt5AgSegSut7a82gNlP0uttLXoEDGwDF9dtTd4DLneAoSddMiRHClD5CwXg/Yy+KQcM3gK9a+7cWuc4fQAyNKvUDXBwCIwVKXvd4909nXP7905rfj/WMHLOZWSZVAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+kLGgs3IvzZaDEAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAOElEQVQ4y2NgGAU4wcyZM//PnDnzPyF1TMQYRJEBhAxhIsVLFBmQnp7OSLYBuDQTZQA+zaOASgAAZMoRoU13224AAAAASUVORK5CYII=");
	width: 16px;
	height: 16px;
	border: none  !important;
	box-shadow: none !important;
	outline: none !important;
	transform: rotate(90deg);
	transition: transform 200ms;
}
.gc-DomainTag {
  font-size: 8pt;
  color: white;
  padding: 1px 2px;
  border-radius: 3px;
  margin: 0 5px;
}

.gc-DomainTag-qm{
  background-color: #38aa31;
}
.gc-DomainTag-rm{
  background-color: #dc7588;
}
.gc-DomainTag-ccm{
  background-color: #00a3bb;
}
.gc-tree {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
	color: #000000 !important;
		margin-top: 5px;
}
.a-gc-tree {
	font-family: 'Roboto Condensed';
	font-size: 10pt;
	font-weight: lighter;
	color: #0f62fe !important;
	text-decoration: none !important;
}

.l_incoming {
	background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIGZpbGw9IiNGQUE1MUIiIHBvaW50cz0iMTAuNCw0IDEwLjQsMTIgMy41LDggCSIvPgo8L2c+Cjwvc3ZnPgo=");
	width: 16px;
  height: 16px;
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
}
.l_outgoing {
	background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIGZpbGw9IiNDQTZGOTgiIHBvaW50cz0iNS41LDQgNS41LDEyIDEyLjQsOCAJIi8+CjwvZz4KPC9zdmc+Cg==");
	width: 16px;
  height: 16px;
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
}

.resizer {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  cursor: col-resize;
  user-select: none;
  height: 100%;
}