html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0; 
}
body {
	color: #000;
	background-color: #fff;
	font-family: Arial,sans-serif;
	font-size: 10pt;
}
h4 {
	color: #a9bf04;
	margin: 1em 0 0.5em 0;
}
h5 {
	margin: 1em 0 0.5em 0;
	font-size: 10pt;
}
h5.thrAccent {
	color: #defa14;
}
input, textarea, select {
    background-color: #f9fed7;
    border: 1px solid #ccc;
    font-family: Arial,sans-serif;
    font-size: 10pt;
}
input {
    height: 22px;
}
input.thrUnit {
	width: 50px;
}
input[type="text"], input[type="password"] {
	padding: 0 4px;
}
input.thrInNormal, .thrInNormal>input {
	width: 400px;
}
input.thrInWide, .thrInWide>input {
    width: 500px;
}
input.thrInSmall, .thrInSmall>input {
    width: 50px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #c9ccb3;
    font-style: italic;
}
:-moz-placeholder, ::-moz-placeholder { /* Mozilla Firefox 4 to 18, Mozilla Firefox 19+ */
    color: #c9ccb3;
    opacity: 1;
    font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c9ccb3;
    font-style: italic;
}
textarea {
    min-height: 60px;
	width: 96%;
	padding: 2px 4px;
	font-family: inherit;
	font-size: inherit;
	overflow: auto;
	resize: vertical;
}
select {
	min-height:22px;
}
.thrSlider:focus, .thrDropdownButton.thrCollapsed:focus {
	outline: 1px solid #535d03;
}
input:focus, textarea:focus, .thrButton:focus, .thrCharButton:focus, .thrIconButton:focus, .thrDropdownSelect:focus, .thrListbox:focus, .thrOrderbox:focus {
	border: 1px solid #535d03;
	outline: none;
}
small.thrHint {
    color: #a9bf04;
}
@media screen and (max-width: 479px), screen and (max-height: 479px) {
    .thrDisplay480 { display: none; }
}

/************** thr primitives **************/
.thrNoDisplay {
    display: none;
}
.thrHidden {
    visibility: hidden;
}
.thrHiddenText {
    position: absolute;
    z-index: -1;
	background-color: white;
	color: transparent;
	opacity: 0;
	filter: alpha(opacity=00);
	font-size: 1px;
}
.thrError {
    color: #ff6600;
}
.thrCenter {
	text-align: center;
}
.thrRight {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.thrClickable {
    cursor: pointer;
}
.thrClickable:hover {
    color: #a9bf04;
}
.thrDetailsForm>table, .thrDetailsForm>table td>input {
    width: 100%;
}
.thrForm {
	display: table;
}
.thrForm input, .thrForm .thrDropdownSelect {
	font-size: 16px;
	height: 30px;
}
.thrForm .thrDropdownSelect>*:first-child:not(.thrIcon) {
	line-height: 30px;
}
.thrFormRow {
	display: table-row;
	height: 44px;
}
.thrFormRow:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.thrFormRow>* {
    display: inline-block;
    vertical-align: middle;
}
.thrFormRow>label {
	padding: 0 10px;
}
.thrFormRow>label:first-child {
    width: 140px;
    text-align: right;
    padding: 0 10px 0 0;
}
.thrSimpleList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.thrNotification {
    background: transparent left center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4gIDxwYXRoIGQ9Ik0gMjIuNzQ5Myw0LjMzMTA2IDAuMzAyODI5LDQxLjc3NjUgYyAtMC43MjQ3OTMsMS4yMDkxIC0wLjEwNDk5LDIuNTQzNiAxLjM3OTk3MSwyLjU0MzYgbCA0NC41ODI5LDAgYyAxLjU1NCwwIDIuMTkzMywtMS4xODEyIDEuMzc5LC0yLjU0MzYgTCAyNS4yNjIzLDQuMzMxMDYgYyAtMC42NTY1LC0xLjA5ODI5IC0xLjkxMzUsLTEuMDAwMDIgLTIuNTEzLDAgeiBtIDEuMjU3LDYuODAzMzQgMTcuMTEwNiwyOC41NzExIC0zNC4yMjAyMiwwIEMgMTIuNTk0MywzMC4xNzkyIDE4LjMxMzMsMjAuNjYwMyAyNC4wMDYzLDExLjEzNDQgeiBtIC0yLjM2MSw5Ljg2NzggMC43MjMsOC44NzU5IGMgMC4yMDExLDIuNDY5MyAyLjkwMjcsMi40Mzk4IDMuMTQwOSwtMC4wMjEgbCAwLjg1OSwtOC44NzMzIGMgMC4zOTksLTQuMTIyIC01LjA3MDEsLTQuMjQ0NSAtNC43MjI5LDAuMDE4IHogbSAyLjMyMiwxMi4wMjYgYyAtMi43NjgyLDAuMDI3IC0yLjc1NzQsNC4wNTEgMC4wMzksNC4wNzM5IDIuODMzNywwLjAyMyAyLjc0MTksLTQuMTAxMyAtMC4wMzksLTQuMDczOSB6IiBzdHlsZT0iZmlsbDojZmY2NjAwO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAvPjwvc3ZnPg==);
}
.thrLink {
	text-decoration: underline;
	color: #00f;
	cursor: pointer;
}

.thrBlinkingBack {
    -webkit-animation: kfBlinking 1s linear 0s infinite alternate; /* Chrome, Safari, Opera */
    animation: kfBlinking 1s linear 0s infinite alternate; /* Standard syntax */
}
@-webkit-keyframes kfBlinking {
    from {background-color: #fff; color: #535d03;}
    to {background-color: #535d03; color: #000;}
}
@keyframes kfBlinking {
    from {background-color: #fff; color: #535d03;}
    to {background-color: #535d03; color: #000;}
}

/************** SITE_ **************/
.thrLogo, .thrIcontext, .thrIconApp {
    background: transparent center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4gIDxwYXRoIGQ9Ik0gNiw0MiA2LDMyIEEgMjYsMjYgMCAwIDEgMzIsNiBMIDM0LjUsNiA0MiwxMy41IDM0LjUsMjEgMzIsMjEgQSAxMSwxMSAwIDAgMCAyMSwzMiBsIDAsMTAgeiIgc3R5bGU9ImZpbGw6IzUzNWQwMyIgLz4gIDxwYXRoIGQ9Ik0gMjEsNDIgMjEsMzIgQSAxMSwxMSAwIDAgMSAzMiwyMSBsIDIuNSwwIDUsNSAtNSw1IC0yLjUsMCBhIDEsMSAwIDAgMCAtMSwxIGwgMCwxMCB6IiBzdHlsZT0iZmlsbDojYTliZjA0IiAvPjwvc3ZnPg==);
}
.thrIconFolder, .thrNewFolder {
    background: transparent center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAFVBMVEX///+zs7Ozs7Ozs7Ozs7Ozs7Ozs7OFtHM+AAAABnRSTlMAWnjA2OoqH4q5AAAAJUlEQVR4AWMYtIAZDBgxJdjAgAmXBCsLAsAkMMDQlGDGAIM29gCk7gQlEZwjSgAAAABJRU5ErkJggg==);
}
.thrLogo {
	display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 36px 36px;
}
.thrIcontext {
    display: inline-block;
    background-position: left center;
    background-size: 28px 28px;
    margin: 2px 0;
    padding: 5px 0 5px 32px;
    color: black;
    min-height: 14px;
}
.thrIconApp, .thrIconFolder, .thrIconDB {
    width: 20px;
    height: 20px;
	background-size: 24px 24px;
    margin: -2px 5px 0 0;
    float: left;
}

#SITE_WRAPPER {
    height: 100%;
    width: 100%;
}

#SITE_HEADER {
	width: 100%;
	color: #535d03;
	border-collapse: collapse;
    white-space: nowrap;
}
#SITE_HEADER>tbody>tr>td {
    padding: 0;
}
#SITE_HEADER .thrLogo {
	vertical-align: middle;
}
#SITE_HEADER .thrTitle {
    font-family: "lato", Helvetivca, sans-serif;
    font-size: 16pt;
    font-weight: bold;
}
#SITE_HEADER .thrSubject {
    font-size: 12pt;
    padding: 0 8px;
}
#SITE_HEADER .thrSubject>span {
	overflow: hidden;
	text-overflow: ellipsis;
}
#SITE_HEADER .thrSubject>.thrButton {
	margin-left: 20px;
}
.thrFooter {
	width: 100%; 
	font-size: 0.8em;
	color: #defa14;
	background-color: #444;
}
.thrApp .thrFooter {
    position: absolute;
    bottom: 0;
}
.thrFooter p {
	margin: 0;
    line-height: 30px;
    padding: 0 0 0 10px;
}
.thrFooter .thrHint {
	font-size: 18px;
}

table#SITE_MAIN {
    border-collapse: collapse;
    width: 100%;
}
table#SITE_CONTENT {
    border-collapse: collapse;
}
table#SITE_MAIN>tbody>tr>td, table#SITE_CONTENT>tbody>tr>td {
    padding: 0;
    vertical-align: top;
}

#SITE_NAVIGATION {
    float: left;
    width: 200px;
    color: #535d03;
}
#SITE_NAVIGATION .thrSelected {
    background-color: #535d03;
    color: #fff;
}
#SITE_NAVIGATION .thrArea>div {
    padding-left: 0;
    padding-right: 0;
}
#SITE_NAVIGATION .thrArea>div>p {
    padding-left: 8px;
    padding-right: 8px;
}

#SITE_SIDEBAR {
    width: 300px;
    padding: 0;
}

/************** sfs GUI **************/
#mySFS {
	background-color: #f8f8f8;
	overflow: auto;
    border-left: #ddd 1px solid;
    border-right: #ddd 1px solid;
}
#mySFS svg {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABlBMVEXu7u7///8o06qaAAAAFElEQVR4AWNAAEY4GNKCw8YfcAAApbQAyTy17q4AAAAASUVORK5CYII=);
    border: 1px solid #ccc;
    box-shadow: 3px 3px 15px #ccc;
}
#mySFS:focus {
    outline: none;
}

.sfsReadOnlyHint {
	position: relative;
}
.sfsReadOnlyHint>div {
    position: absolute;
    right: 16px;
    top: 16px;
    padding: 16px;
    margin: 0;
    color: #defa14;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #000;
    border-radius: 3px;
}
.sfsReadOnlyHint>div p {
    margin: 0 0 8px 0;
}
.sfsReadOnlyHint .thrButton {
    display: block;
}
.sfsReadOnlyHint .thrIconButton {
    background-color: #c7e105;
    border: 2px solid #353b02;
}
.sfsReadOnlyHint .thrIconButton:hover {
	background: #defa14;
}
.sfsRT {
	width: 100%;
	height: 100%;
}
.sfsRT>.sfsReadOnlyHint>div {
	right: auto;
	top: auto;
	padding: 2px;
	background: transparent;
	border: none;
}
.sfsWizImage {
	display: inline-block;
	width: 150px;
	height: 93px;
	background: #fff url('resources/images/wiz.jpg') no-repeat 0 0;
}

/************** thrDDMenu **************/
.thrDDMenu.thrDropdown {
	text-align: left;
    background-color: #a9bf04;
    border-color: #a9bf04;
    font-size: 12pt;
}
.thrDDMenu.thrDropdown>li {
    color: #000;
    background-color: #a9bf04;
    min-height: 12px;
}
.thrDDMenu.thrDropdown>li>a {
    color: #000;
    text-decoration: none;
    display: block;
}
.thrDDMenu.thrDropdown>li:hover:not(.thrDisabled):not(.thrSeparator) {
    background-color: #defa14;
    color: #000;
}
.thrDDMenu.thrDropdown>li.thrDisabled {
    color: #535d03;
}

/************** thrDropdown **************/
.thrDropdown {
	width: 216px;
	position: absolute;
	left: 0px;
	top: 32px;
	z-index: 100;
	color: #000;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0 0 3px 3px;
	margin-top: 1px;
	box-shadow: 5px 5px 10px #000;
	box-sizing: border-box;
}
.thrDropup>.thrDropdown {
	top: auto;
	bottom: 30px;
}
.thrDropdown>table {
	width: 100%;
}
ul.thrDropdown {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.thrDropdown>li {
	display: block;
	margin-top: 1px;
	line-height: 170%;
	background: #444;
	padding-left: 10px;
	text-align: left;
}
.thrDropdown>li.thrDisabled {
    color: #999;
}
.thrDropdown>li:hover:not(.thrDisabled):not(.thrSeparator) {
	background: #666;
	color: #fff;
}

/************** thrDialog, thrMessage, thrHourglass **************/
.thrHourglass {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.6) url('resources/images/thrHourglass.gif') center no-repeat;
}
.thrHourglass.thrNoBkgImg {
	background-image: none;
}
.thrSmallHourglass {
    height: 20px;
    width: 20px;
    display: block;
    background: url('resources/images/thrHourglass.gif') center no-repeat;
    background-size: contain;
}

.thrDialog, .thrMessage {
	position: absolute;
	min-width: 200px;
    background-color: #fff;
    border: 1px solid #888;
    box-shadow: 5px 5px 30px #888;
}
.thrMessage {
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
}
.thrDialog h5.thrAccent {
    color: #444;
    font-size: larger;  
}
.thrDlgBack {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.8);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.thrDlgBack>img {
	width: 80%;
	height: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #ddd;
}
.thrDlgTitle {
    color: #b4b98d;
	line-height: 36px;
	padding: 0 0 0 5px;
	font-size: 17px;
	background-color: #353b02;
}
.thrDlgButtons {
	float: right;
	margin: 5px;
}
.thrDlgButtons>.thrButton {
	margin: 5px;
    float: left;
    min-width: 50px;
}
.thrDlgClose {
    height: 20px;
    width: 20px;
    border: 2px solid #91985d;
    color: #91985d;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
}
.thrDlgBody {
	clear: both;
    padding: 5px;
    overflow: auto;	
}
.thrDlgText {
	margin: 10px 0 20px 0;
}

.thrBottomPanel {
    padding: 6px;
    overflow: hidden;
}
.thrBottomPanel>* {
    width: 80px;
    float: right;
    vertical-align: middle;
}
.thrColumnLayout>tbody>tr>td {
    vertical-align: top;
}

/************** thrUserInfo **************/
.thrHeaderControls {
    cursor: default;
    position: absolute;
    right: 10px;
}
.thrHeaderControls>* {
	display: inline-block;
	vertical-align: top;
}
.thrUserInfo>a {
	text-decoration: none;
	margin-right: 5px;
	color: #000;
}
.thrUserInfo>.thrDropdownButton {
    color: #000;
    background: #fff;
}
.thrUserInfo>.thrDropdownButton>span {
	white-space: nowrap;
    line-height: 24px;
    margin-right: 16px;
}
.thrUserInfo>.thrDropdown {
    left: auto;
    right: 1px;
    top: 34px;
    width: 250px;
    border-radius: 5px;
    line-height: normal;
    padding: 6px;
}
.thrUserInfo>.thrDropdown tr {
    height: 24px;
}
.thrUserInfo>.thrDropdown tr:first-child {
    font-weight: bold;
}
.thrUserInfo>.thrDropdown .thrButton {
	margin: 0;
}
.thrUserInfo .thrNotification {
	background-size: 20px;
    padding-left: 30px !important;
}

/************** thrLanguageSelector **************/
.thrLanguageSelector .thrDropdownButton {
	background: #fff;
	vertical-align: middle;
}
.thrFlag {
	width: 24px;
	height: 24px;
	background: transparent center no-repeat;
	background-size: 24px 18px;
}
.thrFlagDe {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjMiPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjMiIHk9IjAiIHg9IjAiIGZpbGw9IiMwMDAiLz48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSIyIiB5PSIxIiB4PSIwIiBmaWxsPSIjRDAwIi8+PHJlY3Qgd2lkdGg9IjQiIGhlaWdodD0iMSIgeT0iMiIgeD0iMCIgZmlsbD0iI0ZGQ0UwMCIvPjwvc3ZnPg==);
}
.thrFlagEn {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIzMCI+PGNsaXBQYXRoIGlkPSJ0Ij48cGF0aCBkPSJNMjAsMTUgaDIwIHYxNSB6IHYxNSBoLTIwIHogaC0yMCB2LTE1IHogdi0xNSBoMjAgeiIvPjwvY2xpcFBhdGg+PHBhdGggZD0iTTAsMCB2MzAgaDQwIHYtMzAgeiIgZmlsbD0iIzAwMjQ3ZCIvPjxwYXRoIGQ9Ik0wLDAgTDQwLDMwIE00MCwwIEwwLDMwIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIvPjxwYXRoIGQ9Ik0wLDAgTDQwLDMwIE00MCwwIEwwLDMwIiBjbGlwLXBhdGg9InVybCgjdCkiIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHBhdGggZD0iTTIwLDAgdjMwIE0wLDE1IGg0MCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIi8+PHBhdGggZD0iTTIwLDAgdjMwIE0wLDE1IGg0MCIgc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjYiLz48L3N2Zz4=);
}
.thrFlag24x18 {
	display: inline-block;
	width: 24px;
	height: 18px;
	background: url(resources/images/flags/de.svg) 0 0/100% 100% no-repeat;
}
.thrLanguageSelector .thrDropdown {
    left: auto;
    right: 0;
    width: 130px;
    line-height: normal;
}
.thrLanguageSelector .thrDropdown tr:hover {
    background-color: #f5fdb4;
}
.thrLanguageSelector .thrHint {
	white-space: normal;
    font-size: x-small;
    color: #aaa;
}

/************** thrAccordeon **************/
.thrArea.thrCollapsed>h1 {
    color: #666;
    background: #ddd;
}
.thrArea>h1 {
	font-size: 12pt;
	font-weight: bold;
	line-height: 130%;
    text-transform: uppercase;
    color: #a9bf04;
    background: #fff;
	margin:0;
	padding: 8px;
	cursor: pointer;
	position: relative
}
.thrArea>h1::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: transparent;
    top: 12px;
    right: 12px;
    border: 2px solid #535d03;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.thrSmall>.thrArea>h1 {
    font-size: 10pt;
    line-height: 110%;
}
.thrSmall>.thrArea.thrCollapsed>h1 {
    background: #f8f8f8;
}
.thrSmall>.thrArea>h1::after {
    top: 8px;
    right: 8px;
    width: 4px;
    height: 4px;
}
.thrArea.thrCollapsed>h1::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.thrArea>h1:hover {
    color: #a9bf04;
}
.thrArea>div {
	overflow: auto;
	padding: 0 5px 16px 5px;
}
.thrArea>div>p {
    padding: 4px 0 4px 0;
    margin: 0;
}
.thrArea.thrCollapsed>div, .thrCollapsed>.thrDropdown, .thrCollapsed>.thrAutoDropdown {
	display: none;
}
.thrSelected path {
    fill: #defa14;
}
.thrSelected rect {
	fill: #535d03;
}

/*************** sfsSVGElements ***************/
text {
	cursor: text;
}
.sfsLegend text, text.sfsBrand, text.sfsTag {
	cursor: default;
}
.sfsSel {
	cursor: move;
}
.sfsSelIndicator {
    fill: rgba(169, 191, 4, 0.3);
    stroke: #defa14;
}
.sfsSel, .sfsLasso {
    fill: rgba(169, 191, 4, 0.1);
    stroke: #535d03;
}
.sfsConnector, .sfsRoutePt, .sfsNewRoutePt {
    cursor: pointer;
}
.sfsSizer, .sfsConnector, .sfsConnect, .sfsRoutePt {
	fill: #defa14;
	stroke: #535d03;
}
.sfsNewRoutePt {
	fill: rgba(222, 250, 20, 0.5);
	stroke: rgba(83, 93, 3, 0.5);
}
.sfsRotate path {
	fill: #9ea75a;
	cursor: pointer;
}
.sfsRotate rect {
	fill: rgba(255, 255, 255, 0.01);
    cursor: pointer;
}
.sfsSnapPoints {
	fill: #ff3391;
	stroke: #4e0024;
}
.sfsLinked {
    fill: #535d03;
    stroke: #defa14;
}
.sfsRoutePt.sfsSnap, .sfsConnector.sfsSnap {
    fill: #535d03;
}
.sfsSnapLine, .sfsSnapFrame, .sfsSnapFrame2 {
    fill: rgba(0, 0, 0, 0);
    stroke: #535d03;
}
.sfsSnapFrame2 {
	stroke: #fff;
}
rect.sfsActionHint {
	fill: rgba(255,255,255,0.7);
}
text.sfsActionHint {
    fill: #535d03;
}
@keyframes thrTextFadeoutin {
  from{opacity:1}13%{opacity:0}50%{opacity:0}63%{opacity:1}to{opacity:1}
}
@-webkit-keyframes thrTextFadeoutin {
  from{opacity:1}13%{opacity:0}50%{opacity:0}63%{opacity:1}to{opacity:1}
}
.thrTextCursorBlink {
    -webkit-animation: thrTextFadeoutin 1s infinite; /* Chrome, Safari, Opera */
    animation: thrTextFadeoutin 1s infinite; /* Standard syntax */
}
.thrTextCursorOff {
    display: none;
}
.thrTextBkg {
    fill: rgba(0,0,0,0);
    stroke-width: 0;
    cursor: text;
}

/*************** thrButtonBar ***************/
.thrLine {
	margin: 10px 0 10px 0;
}
.thrLine>p {
	padding: 0 5px;
}

.thrButtonBar {
	background-color: #ddd;
	margin: 0;
	padding: 0;
}
table#SITE_MAIN>tbody>tr>td>.thrButtonBar {
	padding: 4px 8px;
}
ul.thrButtonBar {
	list-style-type:none;
	margin:0;
	height: 24px;
}
ul.thrButtonBar>li {
	cursor: pointer;
	float: left;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	opacity: 0.7;
}
ul.thrButtonBar>li.thrDropdownButton {
	opacity: 1;
}
ul.thrButtonBar>li.thrRight {
	float: right;
}
ul.thrButtonBar>.thrDisabled, ul.thrButtonBar>.thrSeparator {
	cursor: default;
	opacity: 0.3;
}
ul.thrButtonBar>li.thrSelected {
    background-color: #aaa;
}
ul.thrButtonBar>li:hover:not(.thrDisabled):not(.thrSeparator) {
	opacity: 1;
	background-color: #a9bf04;
}
.thrButtonDiv {
    margin-top: 5px;
    float: left;    
}
.thrDialog .thrButtonDiv {
    width: 100%;
}
.thrButtonDiv>* {
    float: left;
}
.thrButton {
    cursor: pointer;
    display: inline-block;
    background: #e8e8e8;
    padding: 5px 10px;
    color: #000;
    text-align: center;
    text-decoration: none;
    margin: 5px;
}
.thrButton.thrNoDisplay {
	display: none;
}
.thrButton.thrSmall {
	margin: 0;
}
.thrCharButton {
	cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background: #d8d8d8;
    padding: 0;
    margin: 0 3px 0 0;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 16pt;
    font-weight: bold;
}
.thrDelButton {
    cursor: pointer;
	height: 22px;
    width: 22px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4gIDxwYXRoIGQ9Im0gOS4xNyw3Ljc1IC0xLjQyLDEuNDIgMi44MywyLjgzIC0yLjgzLDIuODMgMS40MiwxLjQyIDIuODMsLTIuODMgMi44MywyLjgzIDEuNDIsLTEuNDIgLTIuODMsLTIuODMgMi44MywtMi44MyAtMS40MiwtMS40MiAtMi44MywyLjgzIC0yLjgzLC0yLjgzIHoiIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+PC9zdmc+);
    opacity: 0.5;
}
.thrDelButton:hover {
	opacity: 1;
}
.thrIconButton {
    cursor: pointer;
    display: inline-block;
    border-radius: 30px;
    background: #d8d8d8;
    padding: 4px;
    margin: 2px;
    height: 24px;
}
.thrRoundButton {
    height: 64px;
    width: 64px;
    border-radius: 50%;    
    padding: 16px;
    cursor: pointer;
    display: inline-block;
    background: #d8d8d8;
}
.thrRoundButton:hover img {
    opacity: 0.7;
}
.thrRoundButton span {
	display: inline-block;
	width: inherit;
	height: inherit;
	background: transparent center no-repeat;
	background-size: 90%;
}
td>.thrButton {
    display: block;
}
td>.thrButton.thrNoDisplay {
    display: none;
}
.thrButtonText {
    display: inline-block;
    vertical-align: bottom;
    line-height: 20px;
    margin-left: 8px;
}
.thrButton:hover, .thrButton:active, .thrCharButton:hover, .thrCharButton:active, .thrIconButton:hover, .thrIconButton:active, .thrRoundButton:hover, .thrRoundButton:active {
    color: #222;
    background: linear-gradient(#fff, #dee0cc);
    box-shadow: 0 0 6px #aaa;
}
.thrButton.thrAccent, .thrCharButton.thrAccent, .thrIconButton.thrAccent, .thrRoundButton.thrAccent, .thrButton.thrSelected, .thrIconButton.thrSelected {
    font-weight: bold;
    color: #000;
    background: #d4f005;
}
.thrButton.thrAccent a, .thrIconButton.thrAccent a, .thrRoundButton.thrAccent a {
    color: #000;
}
.thrButton.thrAccent:hover, .thrCharButton.thrAccent:hover, .thrIconButton.thrAccent:hover, .thrRoundButton.thrAccent:hover, .thrButton.thrSelected:hover, .thrIconButton.thrSelected:hover {
    color: #3a4301;
    background: linear-gradient(#f0ff80, #c7e105);
}
.thrSvgIcon {
	fill: #000;
}
.thrSvgIcon .thrLineGraphic {
    fill: #eee;
    stroke: #000;
    stroke-width: 1.5;
}
.thrSvgIcon .thrNoLine {
    fill: #eee;
}

/*************** thrUI ***************/
.thrLayoutTable {
	border-spacing: 2px 5px;
	width: 100%;
}
.thrLayoutTable>tbody>tr>td>input {
	width: 96%;
}
.thrLayoutTable>tbody>tr>td>.thrCheckbox>label:first-child {
	min-width: 80px;
}

.thrPath {
	min-height: 30px;
	cursor: pointer;
}
.thrPath>* {
	line-height: 200%;
	float: left;
	margin: 0 2px 0 2px;
}
.thrPath>*:hover:not(.thrPathDelim) {
	background-color: #f5fdb4;
}
.thrPathDelim, .thrArrowDown {
	position: relative;
	width: 12px;
    height: 26px;
    line-height: 130%;
}
.thrPathDelim::after, .thrArrowDown::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
}
.thrPathDelim::after {
    top: 30%;
    right: 4px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #000;
}
.thrArrowDown::after {
    top: 40%;
    right: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
}
.thrArrowDown>.thrDropdown {
	top: 24px;
	width: auto;
	min-width: 100px;
	max-height: 130px;
	overflow-y: auto;
	overflow-x: hidden;
}

.thrFolderList {
	min-width: 300px;
	position: relative;
}
.thrFolderList>.thrNewFolder {
	position: absolute;
	right: 0;
	width: 24px;
	height: 24px;
    background-color: #f9fed7;
    background-size: 24px;
    cursor: pointer;
}
.thrFolderList>.thrNewFolder:hover {
	background-color: #defa14;
}
.thrDlgBody>.thrFolderList {
	width: 400px;
}
.thrFolderList>.thrPath {
	margin: 10px 0 0 0;
}
.thrFolderList>.thrListbox {
    min-width: 300px;
    height: 200px;
}

.thrSlider>*, .thrPopupSlider>*, .thrInput>* {
    float: left;
    margin-right: 5px;
}
.thrSliderBar {
    width: 150px;
    height: 20px;
}
.thrSmall .thrSliderBar {
    width: 112px;
    height: 20px;
}
.thrSliderInnerBar {
    position: relative;
    width: inherit;
    height: 4px;
    margin: 8px 0 8px 0;
    background-color: #ddd;
}
.thrSlider .thrSliderHandle {
	position: relative;
	cursor: pointer;
	top: -8px;
	width: 10px;
	height: 20px;
	background: linear-gradient(#ddd,#ccc);
	border-radius: 3px;
}
.thrSlider input[type="text"], .thrPopupSlider input[type="text"] {
    width: 40px;
}
.thrSlider .thrUnit, .thrPopupSlider .thrUnit, .thrInput .thrUnit {
    margin-top: 4px;
	}
.thrSlider .thrIcon, .thrPopupSlider .thrIcon {
    margin-top: 2px;
}
.thrPopupSlider .thrIcon {
	opacity: 0.5;
	cursor: pointer;
}
.thrPopupSlider svg {
	position: absolute;
	background: #fff;
    border: 1px solid #c9ccb3;
    border-radius: 5px;
    box-shadow: 5px 5px 10px #888;
    z-index: 1000;
}
.thrPopupSlider .thrSliderBar {
    fill: #888;	
}
.thrPopupSlider .thrSliderPlus, .thrPopupSlider .thrSliderMinus {
    fill: #888; 
    stroke: #888;
    stroke-width: 1;
}
.thrPopupSlider .thrSliderIndicator {
    fill: #defa14; 
}
.thrPopupSlider .thrSliderHandle {
	fill: #defa14;
    stroke: #535d03;
    stroke-width: 2;
}

.thrTabpanel.thrTabsLeft {
	display: table;
}
.thrTabpanel>ul {
	display: inline-block;
    width: 100%;
    background-color: #a9bf04;
    text-align: center;
    font-size: 12pt;
    color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.thrTabpanel.thrTabsLeft>ul {
	display: table-cell;
	text-align: left;
	width: auto;
}
.thrTabpanel>ul>li {
    float: left;
    cursor: pointer;
    padding: 0 5px;
    height: 100%;
}
.thrTabpanel>ul>li>.thrIcon, .thrTabpanel>ul>li>.thrSvgIcon {
	margin: 3px 3px 0 3px;
}
.thrTabpanel.thrTexttabs>ul>li {
	padding: 3px 5px;
}
.thrTabpanel.thrTabsLeft>ul>li {
    float: none;
    line-height: 36px;
    width: 140px
}
.thrTabpanel>ul>li.thrActive {
	color: #000;
	background-color: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
    border: 1px solid #91985d;
    border-bottom-width: 0;
}
.thrTabpanel.thrTabsLeft>ul>li.thrActive {
	border-bottom-width: 1px;
	border-right-width: 0;
}
.thrTabpanel>ul>li:hover {
    color: #000;
    background: linear-gradient(#defa14, #a9bf04);
}
.thrTabpanel>div {
	clear: both;
    width: 100%;
    box-sizing: border-box;
}
.thrTabpanel.thrTabsLeft>div {
    display: table-cell;
    padding-left: 10px;
    width: auto;
}

.thrCheckbox {
    position: relative;
    display: inline-block;
    margin: 3px 24px 3px 0;
    min-height: 15px;
}
.thrCheckbox:focus {
    outline: none;	
}
.thrCheckbox input[type=checkbox] {
	display: none;
}
.thrCheckbox label:first-child {
	margin-right: 10px;
	display: inline-block;
}
.thrCheckbox label:last-child {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -2px;
    background-color: #f9fed7;
    border: 1px solid #ccc;
}
.thrCheckbox:focus label:last-child {
    border: 1px solid #535d03;
}
.thrCheckbox label:last-child::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #000;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.thrCheckbox label:last-child:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.thrCheckbox input[type=checkbox]:checked + label::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.thrDropdownSelect, .thrUfSelection {
	cursor: pointer;
    position: relative;
	background: #f9fed7;
	height: 24px;
	width: 150px;
	border: 1px solid #ccc;
}
.thrDropdownSelect.thrSmall, .thrUfSelection.thrSmall {
	width: 100px;
}
.thrDropdownSelect.thrNoText {
	width: 60px;
}
.thrDropdownSelect .thrIcon {
    margin: 0 10px;
}
.thrDropdownSelect .thrDropdown{
	top: 24px;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
}
.thrDropdownValue {
	padding: 3px;
	line-height: 20px;
}
.thrOptionGroup>span { display: inline-block; padding: 5px; text-align: center; font-weight: bold; background-color: #e8e8e8; cursor: pointer; }
.thrOptionGroup>span:not(:first-child) { border-left: 1px solid #91985d; }
.thrOptionGroup>span.thrSelected { background-color: #c7e105; }
.thrDropdownSelect>.thrDropdown>*, .thrListbox>*, .thrOrderbox>*, .thrDropdownButton[data-control="ddFunctions"]>.thrDropdown>*, .thrArrowDown>.thrDropdown>* {
	padding: 4px;
    min-height: 15px;
	cursor: pointer;
}
.thrDropdownSelect>.thrDropdown>*:hover, .thrDropdownSelect>.thrDropdown>*.thrSelected, .thrDropdownButton[data-control="ddFunctions"]>.thrDropdown>*:hover, .thrDropdownButton[data-control="ddFunctions"]>.thrDropdown>*.thrSelected, .thrArrowDown>.thrDropdown>*:hover {
	background-color: #f5fdb4;
}
.thrListbox, .thrOrderbox {
    background-color: #f9fed7;
    border: solid 1px #ccc;
    overflow: auto;
}
.thrListbox>*:hover, .thrListbox>*.thrSelected, .thrOrderbox>*.thrSelected {
    background-color: #defa14;
}
.thrGrid {
	cursor: default;
	border-spacing: 1px;
}
.thrGrid th, .thrGrid td {
	padding: 2px;
}
.thrGrid:focus {
	outline: none;
}
.thrGrid>thead {
	background: #a9bf04;
    text-align: left;
}
.thrGrid>thead>tr {
	height: 24px;
}
.thrGrid>thead>tr>th {
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
}
.thrGrid>tbody>tr {
	height: 24px;
}
.thrGrid>tbody>tr:nth-child(even) {
    background-color: #fff;
}
.thrGrid>tbody>tr:nth-child(odd) {
    background-color: #f9fed7;
}
.thrGrid>tbody>tr.thrTotal {
	font-weight: bold;
    background-color: #fff;
}
.thrGrid>tbody>tr.thrTotal>td {
	 border-top: 1px solid #535d03;
}
.thrGrid:focus .thrFocusedCell {
	border: 1px solid #535d03;
}
.thrInplaceEdit {
	position: absolute;
    background-color: #f9fed7;
}
.thrInplaceEdit>input {
    width: 100%;
    height: 100%;
    padding: 2px;
    border: none;
    border-radius: 0;
    background-color: inherit;
}
.thrInplaceEdit>*:focus {
    outline: 1px solid #535d03;
}
.thrGrid .thrHint {
	color: #666;
}
.thrAsc, .thrDesc {
	position: relative;
}
.thrAsc::after, .thrDesc::after {
    content: '';
    position: absolute;
    top: 10px;
    width: 5px;
    height: 5px;
    background: transparent;
    right: 5px;
    border: 1px solid #666;
    border-top: none;
    border-right: none;
}
.thrAsc::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
} 
.thrDesc::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
} 

.thrAutoComplete {
	position: relative;
	width: 404px;
}
.thrAutoComplete>input {
	width: 400px;
}
.thrAutoComplete>.thrInnerHint {
    position: absolute;
    right: -4px;
    top: 0;
    padding: 4px;
    background-color: #e4e8c9;
    color: #535d03;
}
.thrAutoComplete:focus>.thrInnerHint {
    display: none;
}
.thrAutoComplete>.thrAutoDropdown {
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow: auto;
    z-index: 100;
    margin: 0;
    padding: 2px;
    background-color: #fff;
    box-shadow: 5px 5px 10px #888;
}
.thrAutoDropdown.thrAbove {
	top: auto;
	bottom: 24px;
}
.thrAutoDropdown>li {
	list-style-type: none;
	padding: 2px;
	cursor: pointer;
}
.thrAutoDropdown>li.thrSelected {
    background-color: #f5fdb4;
}
.thrAutoComplete:focus>.thrAutoDropdown {
    display: block;
}

/*************** thrTreeTable ***************/
.thrTreeTable {
    border: 1px solid #a9bf04;
    border-spacing: 0;
}
.thrTreeTable>tbody>tr>td>.thrTreeTable {
    width: 100%;
}
.thrTreeTable>thead>tr>th {
    position: relative;
    padding: 3px;
    text-align: left;
    font-size: larger;
    background-color: #a9bf04;
    color: #535d03;
    cursor: pointer;
}
.thrTreeTable>thead>tr>th::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: transparent;
    top: 8px;
    right: 8px;
    border: 2px solid #535d03;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.thrTreeTable.thrCollapsed>thead>tr>th::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.thrTreeTable>tbody>tr>td {
    padding: 3px;
}
.thrTreeTable>tbody>tr.thrNode>td {
    padding: 0 3px;
}
.thrTreeTable>tbody>tr:first-child>td {
    padding-top: 6px;
}
.thrTreeTable>tbody>tr:last-child>td {
    padding-bottom: 6px;
}
.thrTreeTable>tbody>tr>td>input[type="text"].thrValue, .thrTreeTable>tbody>tr>td[data-control="numberInput"]>input[type="text"] {
    width: 60px;
}
.thrTreeTable>tbody>tr>td[data-control="textInput"]>input[type="text"] {
    width: 92%;
}
.thrTreeTable.thrCollapsed>tbody {
	display: none;
}
.thrTreeTable.thrScenarioSel .thrActive {
	background-color: #f5fdb4;
}
.thrTreeTable.thrScenarioSel tr:not(.thrNode) {
    cursor: pointer;
}
.thrTreeTable.thrScenarioSel tr:not(.thrNode):hover {
    background-color: #defa14;
}

/*************** thrTreeview ***************/
.thrTreeview {
	cursor: default;
	line-height: 1.5em;
}
.thrTreeview:focus {
    outline: none;
}
.thrDropdown>.thrTreeview {
	margin: 3px 0;
	padding-left: 1em;
}
.thrTreeview, .thrTreeview .thrTreenode>ul {
	list-style-type: none;
	padding-left: 1em;
}
.thrTreeview>li, .thrTreeview .thrTreenode>ul>li {
    position: relative;
}
.thrTreeview>li:not(.thrTreenode), .thrTreeview .thrTreenode>ul>li:not(.thrTreenode), .thrTreeview .thrTreenode>div {
    padding-left: 0.5em;	
}
.thrTreeview>li:not(.thrTreenode).thrSelected, .thrTreeview .thrTreenode>ul>li:not(.thrTreenode).thrSelected, .thrTreeview .thrTreenode.thrSelected>div {
    background-color: #f5fdb4;
}
.thrTreeview>li:not(.thrTreenode):hover, .thrTreeview .thrTreenode>ul>li:not(.thrTreenode):hover, .thrTreeview.thrSelectableNodes .thrTreenode>div:hover {
    background-color: #defa14;
}
.thrTreeview .thrTreenode>div {
	font-weight: bold;
}
.thrTreeview .thrTreenode:before {
	content: "";
	position: absolute;
    top: 0.5em;
    left: -0.5em;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.3em solid #000;	
}
.thrTreeview .thrTreenode.thrCollapsed>ul {
    display: none;	
}
.thrTreeview .thrTreenode.thrCollapsed:before {
	left: -0.3em;
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid #000;  	
}
.thrDropdownSelect>.thrDropdown>.thrTreeview:hover {
	background-color: inherit;
}
.thrScenarioSel {
	width: 95%;
    border: 1px solid #ddd;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0;
}
.sfsReadOnlyHint>.sfsScenarioView .thrScenarioSel {
    border: none;
}
.sfsReadOnlyHint>.sfsScenarioView .thrCharButton {
	background-color: rgba(0,0,0,0.5);
	color: #defa14;
}
.sfsReadOnlyHint>.sfsScenarioView .thrCharButton:hover {
	background: rgba(68,68,68,0.5);
	color: #fff;
}
.sfsReadOnlyHint>.sfsScenarioView .thrTreeview>li:not(.thrTreenode):hover, .sfsReadOnlyHint>.sfsScenarioView .thrTreeview .thrTreenode>ul>li:not(.thrTreenode):hover, .sfsReadOnlyHint>.sfsScenarioView .thrTreeview.thrSelectableNodes .thrTreenode>div:hover {
    background-color: rgba(68,68,68,0.5);
}
.sfsReadOnlyHint>.sfsScenarioView  .thrTreeview>li:not(.thrTreenode).thrSelected, .sfsReadOnlyHint>.sfsScenarioView  .thrTreeview .thrTreenode>ul>li:not(.thrTreenode).thrSelected, .sfsReadOnlyHint>.sfsScenarioView  .thrTreeview .thrTreenode.thrSelected>div {
    background-color: rgba(0,0,0,0.5);
}

/*************** thrCarousel ***************/
.thrCarousel {
    position: relative;
    overflow: hidden;
    width: 800px;
    height: 400px;
}
.thrCarousel>.thrSlides {
	height: 100%;
}
.thrCarousel>.thrSlides>* {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: left ease-in-out .6s;
}
.thrCarousel>.thrSlides.thrToRight>* {
    left: -100%;
}
.thrCarousel>.thrSlides.thrToLeft>* {
    left: 100%;
}
.thrCarousel>.thrSlides.thrToRight>.thrLast {
    left: 100%;
}
.thrCarousel>.thrSlides.thrToLeft>.thrLast {
    left: -100%;
}
.thrCarousel>.thrSlides>.thrActive {
    left: 0;
}
.thrPrev, .thrNext {
    position: absolute;
    top: 0;
    width: 30%;
    height: 100%;
}
.thrPrev {
    left: 0;
}
.thrNext {
    right: 0;
}
.thrPrev>div, .thrNext>div {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    width: 20px;
    height: 20px;
    border: 5px solid rgba(255,255,255,0.3);
    border-top: none;
    border-right: none;
    cursor: pointer;
}
.thrDark>.thrPrev>div, .thrDark>.thrNext>div {
    border-color: rgba(0,0,0,0.3);
}
.thrPrev>div {
    left: 25%;
    transform: rotate(45deg);
}
.thrNext>div {
    right: 25%;
    transform: rotate(225deg);
}
.thrDlgBack>.thrPrev>div, .thrDlgBack>.thrNext>div {
	width: 40px;
	height: 40px;
}
.thrCarousel>.thrIndicators {
    position: absolute;
    margin: 0 0 20px 0;
    bottom: 0;
    left: 20%;
    width: 60%;
    text-align: center;
    list-style: none;
    padding: 0;
}
.thrCarousel>.thrIndicators>li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 2px solid rgba(255,255,255,.3);
    border-radius: 10px;
}
.thrCarousel.thrDark>.thrIndicators>li {
    border-color: rgba(0,0,0,.3);
}
.thrCarousel>.thrIndicators>li.thrActive {
    background-color: rgba(255,255,255,.3);
}
.thrCarousel.thrDark>.thrIndicators>li.thrActive {
    background-color: rgba(0,0,0,.3);
}
.thrCarousel .thrCaption {
    position: absolute;
    right: 15%;
    bottom: 25px;
    left: 15%;
    padding-top: 20px;
    padding-bottom: 30px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    font-size: 16px;
}
.thrCarousel.thrDark .thrCaption {
    color: #000;
    text-shadow: 0 1px 2px rgba(255,255,255,.6);
}
.thrCarousel .thrCaption>* {
    margin: 7px 0 7px 0;
}
.thrClose {
    position: absolute;
    top: 40px;
    right: 80px;
    cursor: pointer;
}
.thrClose>div {
	position: absolute;
	width: 60px;
	height: 5px;
    background-color: rgba(255,255,255,0.3);
}
.thrDark>.thrClose>div {
	background-color: rgba(0,0,0,0.3);
}
.thrClose>div:first-child {
    transform: rotate(45deg);
}
.thrClose>div:last-child {
    transform: rotate(315deg);
}
.thrDescription {
	position: absolute;
	top: 20px;
	left: 20px;
	max-width: 400px;
	background-color: rgba(200, 200, 200, 0.8);;
	border: #defa14 2px solid;
	font-size: 12pt;
	padding: 10px;
	text-align: left;
}
.thrDescription>div {
	margin-top: 5px;
}
.thrDescription.thrCollapsed::before {
	content: "+";
	display: inline-block;
	text-align: center;
	color: #defa14;
	width: 30px;
	height: 30px;
	font-size: 30px;
}
.thrDescription.thrCollapsed>* {
	display: none;
}

/*************** thrToolbar ***************/
.thrToolbar {
	margin: 4px 0 4px 0;
	padding: 0;
	list-style-type:none;
	float: left;
}
.thrToolbar>div {
	float: left;
    padding: 3px;
    margin: 1px;
    border-radius: 3px;
    background: linear-gradient(#eee,#ddd);
}
.thrToolbar>.thrHighlight {
	background: linear-gradient(#eee,#ddd);
}
 .thrDropdownButton {
	position: relative;
	display: inline-block;
	cursor: pointer;
    background: #e8e8e8;
}
.thrDropdownButton>*:first-child, .thrDropdownSelect>*:first-child {
    margin-right: 14px;
    min-width: 24px;
    border-radius: 3px;
}
.thrDropdownButton>*:first-child:not(.thrIcon):not(.thrSvgIcon), .thrDropdownSelect>*:first-child:not(.thrIcon) {
	padding: 0 3px 0 3px;
    line-height: 24px;
}
.thrDropdownButton>*:not(.thrDropdown):first-child::after, .thrDropdownSelect>*:first-child::after, .thrUfSelection::after {
    content: "";
    top: 40%;
    right: 4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    position: absolute;
}

.thrToolbar>.thrDisabled, .thrToolbar>.thrSeparator {
	color: #666;
}
.thrToolbar>div:hover:not(.thrDisabled):not(.thrSeparator) {
	color: #fff;
	background-color: #222;
	opacity: 1;
}
.thrColorIndicator {
	border-bottom: 4px solid
}
.thrColorRect {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
}
.thrIcon {
	display: inline-block;
    height: 24px;
    width: 24px;
    background: url('resources/images/thrIcons_24.png') 0px 0px;
}
.thrSvgBtn {
	fill: transparent;
}
.thrSvgShape {
    fill: #888;	
}
.thrSvgShape.thrLineGraphic {
	fill: #eee;
    stroke: #888;
    stroke-width: 1.5;
}
.thrSvgShape.thrNoLine {
	fill: #eee;
}
.thrSvgBtn:hover .thrSvgShape {
    fill: #535d03;  
}
.thrSvgBtn:hover .thrLineGraphic {
    fill: #eee;
    stroke: #535d03;  
}
.thrSvgBtn:hover .thrNoLine {
    fill: #eee;
}
.thrSvgBtn:hover>rect {
    fill: #defa14;
}
.thrPopupHint {
    background: #eee;
    position: absolute;
    z-index: 1000;
    padding: 5px;
    border: 1px solid #c9ccb3;
    border-radius: 5px;
    box-shadow: 5px 5px 10px #000;
}
.thrShapePreview {
	background: #e8e8e8;
    position: absolute;
    z-index: 1000;
    border: 1px solid #c9ccb3;
    border-radius: 5px;
}
.thrShapePreview>svg {
	width: 144px;
    height: 144px;
    background-color: #fff;
    margin: 18px 18px 0 18px;
    border-radius: 72px;
}
.thrShapePreview>.thrTitle {
	text-align: center;
    padding: 12px 6px;
    color: #444;
    width: 168px;
}

/*************** thrColor ******************/
.thrDropdown>.thrPicker {
	margin: 8px;
}
.thrColorPicker {
	width: 269px;
    margin: 10px auto;
	border-spacing: 1px;
}
.thrColorPicker.thrSmall {
    width: 200px;
	border-spacing: 0;
}
.thrColorPickerSpacer {
	height: 12px;
}
.thrColorPicker td {
	height: 21px;
    border: 1px solid #eee;
    cursor: pointer;
}
.thrColorPicker.thrSmall td {
    height: 18px;
}
.thrColorPicker td:hover {
    border: 1px solid #999;
}
.thrOpacityPicker>table {
    width: 269px;
    margin: 8px auto;
}
.thrOpacityPicker.thrSmall>table {
    width: 200px;
    margin: 8px;
}
.thrOpacityPicker td {
	height: 21px;
    border: none;
    padding: 0;
}
.thrOpacityPicker td:not(:first-child) {
	width: 21px;
}
.thrOpacityPicker.thrSmall td {
	height: 14px;
}
.thrOpacityPicker.thrSmall td:not(:first-child) {
    width: 18px;
}
.thrOpacityPicker td>div {
	height: 100%;
	width: 100%;
}
.thrOpacityBack, .thrOpacityIndicator {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAABlBMVEXLy8v////hf8FnAAAAE0lEQVR4AWMAA0YQIIVJhg4QAAALLAAzalG8nQAAAABJRU5ErkJggg==);
    cursor: pointer;	
}
.thrOpacityBack>div {
    position: relative;
}
.thrOpacityBack>div>.thrCaption {
	position: relative;
	color: #fff;
	top: 3px;
	left: 3px;
}
.thrOpacityBack .thrSliderHandle {
	position: absolute;
	top: 0;
	height: 100%;
	width: 9px;
}
.thrOpacityBack .thrSliderHandle::before {
	content: '';
	position: absolute;
	top: -7px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #000;
}
.thrOpacityBack .thrSliderHandle::after {
    content: '';
    position: absolute;
    top: 21px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 7px solid #000;
}
.thrSmall .thrOpacityBack .thrSliderHandle::after {
    top: 14px;
}
.thrOpacityPicker .thrOpacityIndicator {
	position: relative;
}
.thrOpacityPicker .thrOpacityIndicator>div {
	position: absolute;
	height: 32px;
	width: 32px;
	top: -6px;
	border-radius: 16px;
	left: -6px;
}
.thrDDPalette .thrDropdown {
    top: 24px;	
}
.thrDDPalette>*:first-child table {
	border-spacing: 0;
	margin: 2px;
}
.thrDDPalette>*:first-child tr {
    height: 20px;
}
.thrDDPalette .thrPalettePicker {
    padding: 8px;
} 
.thrDDPalette>*:first-child td {
    width: 4px;
    border: 0;
}
.thrPalettePicker>table {
	border-spacing: 2px;
}
.thrPalettePicker>table table {
	border: 2px solid #fff;
	border-spacing: 1px;
	background-color: #bbb;
}
.thrPalettePicker>table table.thrSelected {
    border-style: solid;
    border-color: #535d03;
}
.thrPalettePicker>table table tr {
    height: 20px;
} 
.thrPalettePicker>table table td {
    width: 4px;
}
.thrGradientPicker rect, .thrGradientConfigurator rect {
	fill: #e8e8e8;
	stroke: #aaa;
	stroke-width: 1;
	cursor: pointer;
}
.thrGradientPicker rect.thrSelected, .thrGradientConfigurator rect.thrSelected {
	stroke: #888;
	stroke-width: 3;
}
.thrGradientPicker g {
    cursor: pointer;
}
.thrHslPicker td {
	padding: 0;
}
.thrHslPicker .thrOpacityIndicator {
	margin: 0 0 8px 10px;
    border-radius: 6px;
}
.thrHslPicker .thrOpacityIndicator>div {
    width: 100px;
    height: 100px;
    border-radius: 6px;
}
.thrHslPicker .thrColorString>input {
	width: 92px;
	padding-left: 5px;
	margin: 0 0 0 7px;
}
.thrColorSliders {
	border-spacing: 14px;
}
.thrColorSliders .thrOpacityBack>div {
	width: 300px;
	height: 20px;
	border: 1px solid #ddd;
}
.thrColorSliders input {
	padding-left: 5px;
	width: 28px;
	height: 20px;
}
/*************** User Form ***************/
.thrUserform.thrSmall .thrTreeTable>tbody>tr>td:not(:first-child) {
	min-width: 103px;
}
.thrUserform.thrUfTreeTable {
	width: 500px;
}
.thrDlgBody>.thrUserform {
	margin: 0 20px;
}
.thrUfTreeTable {
    border: 1px solid #ddd;
    border-spacing: 0;
}
.thrUfTreeTable>tbody>tr>td>.thrUfTreeTable {
    width: 100%;
}
.thrUfTreeTable>thead>tr {
    background-color: #a9bf04;
}
.thrUfTreeTable>thead>tr>th {
    padding: 3px;
    text-align: left;
    font-size: larger;
    color: #535d03;
    cursor: move;
}
.thrUfTreeTable>tbody>tr {
    cursor: move;
    background-color: #fff;
}
.thrUfTreeTable>tbody>tr>td {
    padding: 3px;
}
.thrUfTreeTable>tbody>tr:first-child>td {
    padding-top: 6px;
}
.thrUfTreeTable>tbody>tr:last-child>td {
    padding-bottom: 6px;
}
.thrUfTreeTable>tbody>tr>td:last-child, .thrUfTreeTable>thead>tr>th:last-child {
    width: 30px;
}
.thrUfTreeTable>tbody>tr>td>input[type="text"] {
    width: 60px;
}
.thrUfTreeTable>tbody>tr.thrSelected>td>input[type="text"] {
    width: 200px;
}
.thrUfTreeTable>thead>tr:hover {
    background-color: #c5c9a6;
}
.thrUfTreeTable>tbody>tr:hover {
    background-color: #f4f4f4;
}
.thrUfTreeTable>tbody>tr.thrSelected, .thrUfTreeTable>tbody>tr.thrSelected>td>.thrUfTreeTable>thead>tr {
    background-color: #f5fdb4;
}
.thrUfCaption {
	line-height: 24px;
	font-weight: bold;
}
.thrUfInput>div, .thrUfOutput>div {
	display: inline-block;
	line-height: 22px;
}
.thrUfInput>.thrValue, .thrUfOutput>.thrValue {
    width: 60px;
    padding: 0 4px;
    border: 1px solid #c9ccb3;
}
.thrUfInput>.thrValue {
    background-color: #f9fed7;
}
.thrUfInput>.thrUnit, .thrUfOutput>.thrUnit {
	margin-left: 5px;
}
.thrTreeTable>tbody>tr>td>input.sfsParamComment {
	width: 472px;
	background-color: #f9fed7;
	color: #888;
}

/*************** miscellanous ***************/
.sfsShortCuts>tr>td:first-child {
    font-weight: bold;
}
.sfsShortCuts>tr>td:last-child {
	color: #535d03;
}

.sfsCollabChat {
	border: #ddd 1px solid;
	padding: 3px;
	min-height: 20px;
	max-height: 200px;
	overflow-y: auto;
}
.sfsCollabChat>p {
	margin: 0 0 10px 0;
}