span.ui-concept {
	padding: 4px 10px;
	color: black;
	background-color: #dcdcdc;
	border-radius: 10px;
}

span.ui-project {
	padding: 4px 10px;
	color: white;
	background-color: #0c72ba;
	border-radius: 10px;
}

span.ui-scheme {
	padding: 3px 7px;
	color: white;
	background-color: #0c72ba;
}

span.ui-resource {
	display: inline-block;
	min-width: 10px;
	margin: 3px;
	font-size: 12px;
	line-height: 1;
	text-align: left;
	white-space: normal;
	vertical-align: middle;
	cursor: pointer;
}

table span.ui-resource {
	font-size: 13px;
	margin: 0px 0px 5px;
}

/****** Main ******/

#right-holder-top .link {
	stroke: #000;
	stroke-opacity: .3;
}

#right-holder-top .link:hover {
	stroke-opacity: .7;
}

.node {
  font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  fill: #bbb;
}

.node:hover {
  fill: #000;

}
#right-holder-bottom .link {
  stroke: steelblue;
  stroke-opacity: 0.4;
  fill: none;
  pointer-events: none;
}

.node:hover,
.node--source,
.node--target {
  font-weight: 700;
}

.node--source {
  fill: #2ca02c;
}

.node--target {
  fill: #d62728;
}

#right-holder-bottom .link--source,
#right-holder-bottom .link--target {
  stroke-opacity: 1;
  stroke-width: 2px;
}

#right-holder-bottom .link--source {
  stroke: #d62728;
}

#right-holder-bottom .link--target {
  stroke: #2ca02c;
}

html {
	position: relative;
	min-height: 100%;
	overflow: hidden;
}

body {
	padding: 0px;
	margin: 0;
	font-family: 'FiraSansCondensed-Regular';
	font-size: 13px;
	line-height: 100%;
	background-color: #FFF;
	width: 100%;
	min-height: 100%;
}

.navbar-brand {
  font-family: 'FiraSansCondensed-Medium';
}

/* Form */
.form-title {
  font-family: 'FiraSansCondensed-Medium';
  font-size: 16px;
}

.checkbox-label:before,.checkbox-label:after{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	outline: none;
}

.ios-toggle,.ios-toggle:active {
	position: absolute;
	top: -5000px;
	height: 0;
	width: 0;
	opacity: 0;
	border: none;
	outline: none;
}

.checkbox-label {
	display: block;
	position: relative;
	top: 0.5px;
	padding: 7px;
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: 100;
	line-height: 16px;
	width: 30px;
	height: 10px;
/*border-radius*/
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background: #eee;
	text-decoration: underline;
	cursor: pointer;
}

.checkbox-label:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	line-height: 34px;
	text-indent: 40px;
	height: 13px;
	width: 13px;
/*border-radius*/
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	top: 0px;
	left: 0px;
	right: auto;
	background: white;
/*box-shadow*/
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
	box-shadow: 0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}

.checkbox-label:after {
	content: attr(data-off);
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 30px;
	padding: 0px 10px;
	height: 100%;
	width: 13px;
	/*text-align: right;*/
	color: #eee;
	white-space: nowrap;
}

.ios-toggle:checked + .checkbox-label {
/*box-shadow*/
	-webkit-box-shadow: inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
	-moz-box-shadow: inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
	box-shadow: inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}

.ios-toggle:checked + .checkbox-label:before {
	left: calc(100% - 13px);
/*box-shadow*/
	-webkit-box-shadow: 0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
	box-shadow: 0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}

.ios-toggle:checked + .checkbox-label:after {
	content: attr(data-on);
	left: 30px;
	width: 13px;
}

#site-mode + .checkbox-label {
/*box-shadow*/
	-webkit-box-shadow: inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
	-moz-box-shadow: inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
	box-shadow: inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}

#site-mode:checked + .checkbox-label {
/*box-shadow*/
	-webkit-box-shadow: inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
	-moz-box-shadow: inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
	box-shadow: inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}

#site-mode:checked + .checkbox-label:after {
	color: rgba(19,191,17,1);
}

.wrapper {
	position: absolute;
	top: 50px;
	width: 100%;
	padding: 0;
	height: auto;
	/*overflow: hidden;
	min-width:1024px;*/
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}

label {
	font-family: 'FiraSansCondensed-Regular';
	display: inline-block;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 13px;
}

.form-control {
	display: block;
	font-family: 'FiraSansCondensed-Regular';
	width: 100%;
	height: 30px;
	padding: 4px 5px;
	font-size: 13px;
	line-height: 1.42857;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.radio, .checkbox {
	display: block;
	padding-left: 20px;
	min-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.input-xs {
	height: 24px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.2;
	border-radius: 4px;
}

select.input-xs {
	height: 23px;
	line-height: 23px;
}

textarea {
	resize: none;
}

.navbar-fixed-top {
	top: 0;
	border-width: 0px;
	height: 50px;
	margin-bottom: 0px;
}

.container-fluid {
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

.navbar-brand {
	float: left;
	padding: 5px 0px 5px 5px;
	font-size: 28px;
	line-height: 28px;
	margin: 0;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0px;
}

.header-title {
	font-size: 26px;
	color: #eee;
	line-height: 32px;
	padding: 0px 20px 0px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-title {
	display:inline-block;
	vertical-align: top;
	font-size: 24px;
	color: #eee;
	line-height: 32px;
	padding: 10px 10px 10px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 200px;
}

.menu-link {
	padding: 7px 15px;
}

.navbar-header-left {
	overflow:hidden;
	height:50px;
	/*min-width:360px;*/
}

.navbar-header-right {
	overflow:hidden;
	height:50px;
	/*min-width:110px;*/
	text-align:right;
	float:right;
}

/*Hide header link title*/
@media (max-width: 800px) {
header > div > div > div > #profile-link > span {
    display:none;
    }

header > div > div > div > #project-link > span {
    display:none;
    }

header > div > div > div > #login-link > span {
    display:none;
    }

.main-title {
	display:inline-block;
	vertical-align: top;
	font-size: 18px;
	color: #eee;
	line-height: 32px;
	padding: 10px 10px 10px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 250px;
	}
}
/*End hide header link title*/

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #000;
	color: #fff;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	opacity: .85;
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #000;
	color: #fff;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	opacity: .85;
}

.wrapword{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 190px;
}

/** Version No & Copyright **/
.copyright {
	position: absolute;
	width: 340px;
	height: 12px;
	color: #666;
	font-size: 12px;
	bottom: 1%;
	left: 10px;
	margin-top: 0px;
	z-index: 999;
	border: 0px solid #000;
}

.version_no {
	color: #999;
	font-size: 10px;
	border: 0px solid #000;
}

#left-holder {
	width: 360px;
	top: 0px;
	left: 0px;
	padding: 0px;
	border: 0px solid #003399;
	z-index: 99999;
}

#left-holder::-webkit-scrollbar {
	-webkit-appearance: none;
}

#left-holder::-webkit-scrollbar:vertical {
	width: 11px;
}

#left-holder::-webkit-scrollbar:horizontal {
	height: 11px;
}

#left-holder::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

#left-holder::-webkit-scrollbar-track {
	background-color: #eee;
	border-radius: 8px;
}

.container {
	width: 100%;
	min-width: 360px;
	padding: 0px;
}

#left-holder-content {
	position: relative;
	top: 0px;
	left: 0px;
	border: 0px solid #ddd;
	width: 360px;
	height: auto;
	padding: 0px;
	background-color: none;
	display: block;
}

.nav > li > a {
	padding: 2px 3px;
}

.nav-tabs {
	font-family: 'FiraSansCondensed-Regular';
	color: #000;
	font-size: 100%;
}

.nav-vertical > li.active > a,
.nav-vertical > li.active > a:focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	padding: 10px 1px;
	border-right: none;
	border-top-right-radius: 0px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.nav-vertical > li > a:hover {
	border-bottom: 1px solid transparent;
}

.nav-vertical > li.active > a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	padding: 10px 1px;
	border: 1px solid transparent;
	border-right: none;
	border-top-right-radius: 0px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.btn {
	line-height: 100%;
	font-size:14px;
}

ul.fancytree-container {
	background-color: #f2f2f2;
	border: none;
	font-family: 'FiraSansCondensed-Regular' !important;
  font-size: 13px !important;
  line-height: 100% !important;
}

span.fancytree-title {
	display: inline-flex;
}

span.fancytree-title:hover {
	background-color: transparent;
}

span.fancytree-custom-icon.glyphicon.glyphicon-plus {
	cursor: pointer;
	/* Added by Tay 20161221 */
	color: #337ab7;
	font-size: 12px;
	/* End by Tay 20161221 */
}

.fancytree-title .folder-title{
        display: inline-block;
        min-width: 10px;
        padding: 3px 2px;
        font-size: 12px;
        line-height: 1;
        /*Added by Tay*/
        text-align: left;
        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
        /*Added by Tay*/
        vertical-align: middle;
        border-radius: 10px;
}


.fancytree-title .node-title, .fancytree-title .node-title-alt {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	white-space: normal;
	max-width: 250px;
	border-radius: 10px;
}

.fancytree-title .node-title-add {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	white-space: normal;
	max-width: 250px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.fancytree-title .concept-add {
	display: inline-block;
	font-size: 8px;
	line-height: 1;
	white-space: normal;
	padding: 5px 5px 5px 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	top: 0px;
	left: 0px;
}

.fancytree-title .folder-add {
        display: inline-block;
        min-width: 10px;
        padding: 5px 7px 5px 5px;
        font-size: 10px;
        line-height: 1;
        /*Added by Tay*/
        text-align: left;
        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
        /*Added by Tay*/
        vertical-align: middle;
        top: 0px;
        left: 0px;
}


/**Node Label for FancyTree**/
.fancytree-title .node-label-title, .fancytree-title .node-label-title-alt {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-radius: 10px;
	border:1px solid #555;
}

.fancytree-title .node-label-title-add {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #555;
	border-right: 0px;
}

.fancytree-title .node-label-add {
	display: inline-block;
	min-width: 10px;
	padding: 5px 7px 5px 0px;
	font-size: 8px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	top: 0px;
	left: 0px;
	border:1px solid #555;
	border-left: 0px;
}
/**End Node Label for FancyTree**/


/**Scheme Label for FancyTree**/
.fancytree-title .scheme-title, .fancytree-title .scheme-title-alt {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-radius: 0px;
}

.fancytree-title .class-title-add {
	margin-left: 8px;
        border-radius: 0px;
        display: inline-block;
        position: relative;
        min-width: 10px;
        max-width: 230px;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1px;
        padding: 9.5px 7px 9.5px 3px;
        font-size: 12px;
        text-align: left;
        vertical-align: middle;
}

.fancytree-title .class-add {
        border-radius: 0px;
        display: inline-block;
        position: relative;
        line-height: 0px;
        padding: 10.5px 0px 9.5px;
        font-size: 8px;
}

.fancytree-title .template-title-add {
	margin-left: 8px;
        border-radius: 0px;
        display: inline-block;
        position: relative;
        min-width: 10px;
        max-width: 230px;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1px;
        padding: 9.5px 7px 9.5px 3px;
        font-size: 12px;
        text-align: left;
        vertical-align: middle;
}

.fancytree-title .template-add {
        border-radius: 0px;
        display: inline-block;
        position: relative;
        line-height: 0px;
        padding: 10.5px 0px 9.5px;
        font-size: 8px;
}

.fancytree-title .scheme-title-add {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.fancytree-title .scheme-add {
	display: inline-block;
	min-width: 10px;
	padding: 5px 7px 5px 0px;
	font-size: 8px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	top: 0px;
	left: 0px;
}
/**End Scheme Label for FancyTree**/


/**Ontologies Label for FancyTree**/
.fancytree-title .ontology-title, .fancytree-title .ontology-title-alt {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	/*border-top-left-radius: 5px;*/
	border-radius: 5px;
	/*border-bottom-left-radius: 5px;*/
}


.fancytree-title .ontology-title-add {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.fancytree-title .ontology-add {
	display: inline-block;
	min-width: 10px;
	padding: 5px 7px 5px 0px;
	font-size: 8px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	top: 0px;
	left: 0px;
}
/**End Ontologies Label for FancyTree**/


/**Class Label for FancyTree**/
.fancytree-title .class-label {
	display: inline-block;
	min-width: 10px;
	padding: 4px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-radius: 0px;
	/*border-bottom-left-radius: 0px;*/
}
/**End Class Label for FancyTree**/


/**Template Label for FancyTree**/
.fancytree-title .template-label {
	display: inline-block;
	min-width: 10px;
	padding: 4px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-radius: 0px;
	/*border-bottom-left-radius: 0px;*/
}
/**End Template Label for FancyTree**/


/**Data Properties Label for FancyTree**/
.fancytree-title .property-title, .fancytree-title .property-title-alt {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border:1px solid #555;
}

.fancytree-title .property-title-add {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border:1px solid #555;
	border-right: 0px;
}

.fancytree-title .property-add {
	display: inline-block;
	min-width: 10px;
	padding: 5px 7px 5px 0px;
	font-size: 8px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	top: 0px;
	left: 0px;
	border:1px solid #555;
	border-left: 0px;
}
/**End Data Properties Label for FancyTree**/


/**Relationship Label for FancyTree**/
.fancytree-title .relationship-title, .fancytree-title .relationship-title-alt {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.fancytree-title .relationship-title-add {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.fancytree-title .relationship-add {
	display: inline-block;
	min-width: 10px;
	padding: 5px 7px 5px 0px;
	font-size: 8px;
	line-height: 1;
	/*Added by Tay*/
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
	/*Added by Tay*/
	vertical-align: middle;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	top: 0px;
	left: 0px;
}
/**End Relationship Label for FancyTree**/

.node-title.scheme, .node-title-add.scheme, .node-title.scheme-a {
	background-color: #0c72ba;
	color: white;
}

.node-title.user-no-group {
	background-color: #acbccc;
	color: white;
}

.node-title.user {
	background-color: #5a738c;
	color: #ffffff;
}

.scheme-title.saved-query {
	background-color: #64d2ea;
	color: white;
}

.node-title.saved-query {
	background-color: #64d2ea;
	color: white;
}

.node-title.non-concept, .node-title-add.non-concept {
	background-color: #bbf1fe;
	color: black;
}

.node-title.concept, .node-title-add.concept, .node-title.scheme-b {
	background-color: #dcdcdc;
	color: black;
}

.node-title.inactive-user {

	background-color: #ffffcc;
	color: #000000;
	font-style: italic;
}

.node-title.deleted-concept {
	background-color: #ffffcc;
	font-style: italic;
	color: black;
}

.node-label-title.node-label, .node-label-title-add.node-label {
	background-color: #fff;
	color: black;
}

.scheme-title.group {

	background-color: #22374c;
	color: #ffffff;
    	border-radius: 4px;

}

.scheme-title.scheme, .scheme-title-add.scheme, .scheme-title.scheme-a, .scheme-title.snapshots {
	background-color: #0c72ba;
	color: white;
}

.scheme-title.users {
	background-color: #5a738c;
	color: white;
}

.scheme-title.groups {
	background-color: #22374c;
	color: white;
}

.scheme-title.scheme, .scheme-title-add.scheme {
	background-color: #0c72ba;
	color: white;
}

.ontology-title.ontology, .ontology-title-add.ontology {
	background-color: #1ab5c4;
	color: white;
}

.class-title.class, .class-title-add.class {
	background-color: #1ab5c4;
	color: white;
}

.template-title.template, .template-title-add.template {
	background-color: #64d2ea;
	color: white;
}

.property-title.property, .property-title-add.property {
	background-color: #fff;
	color: black;
}

.relationship-title.relationship, .relationship-title-add.relationship {
	background-color: #f2f2f2;
	color: black;
}

.node-title.not-available, .node-title-add.not-available {
	background-color: rgb(255,204,204);
	color: black;
}

.concept-add.scheme {
	background-color: #0c72ba;
	color: white;
}

.concept-add.non-concept {
	background-color: #bbf1fe;
	color: black;
}

.scheme-add.scheme {
	background-color: #0c72ba;
	color: white;
}

.concept-add.concept {
	background-color: #dcdcdc;
	color: black;
}

.node-label-add.node-label {
	background-color: #ffffff;
	color: black;
}

.ontology-add.ontology {
	background-color: #1ab5c4;
	color: white;
}

.class-add.class {
	background-color: #1ab5c4;
	color: white;
}

.template-add.template {
	background-color: #64d2ea;
	color: white;
}

.property-add.property {
	background-color: #ffffff;
	color: black;
}

.relationship-add.relationship {
	background-color: #ffffff;
	color: black;
}

.concept-add.not-available {
	background-color: rgb(255,204,204);
	color: black;
}

/*.scheme-active .fancytree-title .node-title {
	background-color: lightskyblue;
	color: black;
}*/

.scheme-a-active .fancytree-title .node-title.scheme-a,
.scheme-b-active .fancytree-title .node-title.scheme-b,
.scheme-active .fancytree-title .node-title,
.scheme-active .fancytree-title .node-title.saved-query,
.scheme-active .fancytree-title .node-title-add.scheme,
.scheme-active .fancytree-title .concept-add.scheme,
.concept-active .fancytree-title .node-title.concept,
.concept-active .fancytree-title .node-title.deleted-concept,
.concept-active .fancytree-title .scheme-title.scheme,
.scheme-active .fancytree-title .scheme-title.scheme,
.scheme-active .fancytree-title .scheme-title.users,
.scheme-active .fancytree-title .scheme-title.groups,
.scheme-active .fancytree-title .scheme-title.group,
.scheme-active .fancytree-title .scheme-title.saved-query,
.scheme-active .fancytree-title .scheme-title.snapshots,
.concept-active .fancytree-title .node-label-title.node-label,
.concept-active .fancytree-title .ontology-title.ontology,
.ontology-active .fancytree-title .ontology-title.ontology,
.concept-active .fancytree-title .property-title.property,
.concept-active .fancytree-title .relationship-title.relationship,
.concept-active .fancytree-title .node-title-add.concept,
.scheme-active .fancytree-title .scheme-title-add.scheme,
.scheme-active .fancytree-title .scheme-add.scheme,
.concept-active .fancytree-title .node-label-title-add.node-label,
.concept-active .fancytree-title .ontology-title-add.ontology,
.concept-active .fancytree-title .property-title-add.property,
.concept-active .fancytree-title .relationship-title-add.relationship,
.concept-active .fancytree-title .node-title.not-available,
.concept-active .fancytree-title .node-title-add.not-available,
.concept-active .fancytree-title .concept-add.concept,
.concept-active .fancytree-title .concept-add.not-available,
.concept-active .fancytree-title .scheme-add.scheme,
.concept-active .fancytree-title .node-label-add.node-label,
.concept-active .fancytree-title .ontology-add.ontology,
.concept-active .fancytree-title .class-add.class,
.concept-active .fancytree-title .template-add.template,
.concept-active .fancytree-title .property-add.property,
.concept-active .fancytree-title .relationship-add.relationship,
.class-active .fancytree-title .class-title-add.class,
.class-active .fancytree-title .class-add.class,
.template-active .fancytree-title .template-title.template,
.template-active .fancytree-title .template-add.template,
.collection-active .fancytree-title .collection {
	background-color: #ffcc33;
	color: black;
}

.collection-active .fancytree-title .collections-shape:after {
	border-right: 10px solid #ffcc33;
}

.class-active .fancytree-title .class-title-add:after {
	border-right: 10px solid #ffcc33;
}

.template-active .fancytree-title .template-title-add:after {
	border-right: 10px solid #ffcc33;
}

.class-active .fancytree-title .class-add:after {
	border-left: 10px solid #ffcc33;
}

.template-active .fancytree-title .template-add:after {
	border-left: 10px solid #ffcc33;
}

span.fancytree-node.fancytree-selected{
	background-color: #99CC99 !important;/*Green*/
}
span.fancytree-node.fancytree-drag-source {
	background-color: #99CC99 !important;/*Green*/
}

span.fancytree-node.fancytree-drop-target {
	background-color: #99CC99 !important;
}
#project-content #relationships span.fancytree-node.fancytree-selected{
	background-color: #43c5f7 !important;
}
#project-content #collections span.fancytree-node.fancytree-selected{
	background-color: #43c5f7 !important;
}

/*#hierarchy, #left-holder #collections, #middle-column,
#advanced-search, #search-results {*/
#hierarchy, #left-holder #collections, #middle-column, #search-results, #user-tree, #viz-info-content, #snapshottree {
	overflow: auto;
	border: 0px solid black;
	/*max-height: 450px;*/
}

#hierarchy ul:first-child::-webkit-scrollbar, 
#user-tree ul:first-child::-webkit-scrollbar,  
#left-holder #collections ul:first-child::-webkit-scrollbar, 
#left-holder #saved-queries-tree ul:first-child::-webkit-scrollbar, 
#middle-column::-webkit-scrollbar, 
#viz-info-content,
#snapshottree ul:first-child::-webkit-scrollbar, 
.content-scroller::-webkit-scrollbar, ul.typeahead::-webkit-scrollbar {
	-webkit-appearance: none;
}

#hierarchy ul:first-child::-webkit-scrollbar:vertical, 
#user-tree ul:first-child::-webkit-scrollbar:vertical, 
#left-holder #collections ul:first-child::-webkit-scrollbar:vertical, 
#left-holder #saved-queries-tree ul:first-child::-webkit-scrollbar:vertical, 
#middle-column::-webkit-scrollbar:vertical, 
#viz-info-content,
#snapshottree ul:first-child::-webkit-scrollbar:vertical, 
.content-scroller::-webkit-scrollbar:vertical, ul.typeahead::-webkit-scrollbar:vertical {
	width: 11px;
}

#hierarchy ul:first-child::-webkit-scrollbar:horizontal, 
#user-tree ul:first-child::-webkit-scrollbar:horizontal,  
#left-holder #collections::-webkit-scrollbar:horizontal, 
#left-holder #saved-queries-tree::-webkit-scrollbar:horizontal, 
#middle-column::-webkit-scrollbar:horizontal,
#snapshottree ul:first-child::-webkit-scrollbar:horizontal, 
.content-scroller::-webkit-scrollbar:horizontal, ul.typeahead::-webkit-scrollbar:horizontal {
	height: 11px;
}

#hierarchy ul:first-child::-webkit-scrollbar-thumb, 
#user-tree ul:first-child::-webkit-scrollbar-thumb, 
#left-holder #collections ul:first-child::-webkit-scrollbar-thumb, 
#left-holder #saved-queries-tree ul:first-child::-webkit-scrollbar-thumb, 
#middle-column::-webkit-scrollbar-thumb,
#snapshottree ul:first-child::-webkit-scrollbar-thumb, 
.content-scroller::-webkit-scrollbar-thumb, ul.typeahead::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

#hierarchy ul:first-child::-webkit-scrollbar-track, 
#user-tree ul:first-child::-webkit-scrollbar-track, 
#left-holder #collections ul:first-child::-webkit-scrollbar-track, 
#saved-queries-tree ul:first-child::-webkit-scrollbar-track, 
#middle-column::-webkit-scrollbar-track,
#snapshottree ul:first-child::-webkit-scrollbar-track, 
.content-scroller::-webkit-scrollbar-track, ul.typeahead::-webkit-scrollbar-track {
	background-color: #eee;
	border-radius: 8px;
}

#viz-info-content,
.content-scroller::-webkit-scrollbar-track {
	border-radius: 8px;
}

.main-label {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	/*text-align: center;
	white-space: nowrap;*/
	vertical-align: middle;
	border-radius: 10px;
	color: black;
	background-color: #ffcc33;
}

#project-content #left-column, #project-content #right-column,
#scheme-content #left-column, #scheme-content #right-column,
#collection-content #left-column, #collection-content #right-column,
#concept-content #relationship-column, #concept-content #property-column {
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid rgb(221, 221, 221);
	padding: 3px;
	max-height: 400px;
}

span.concept-tag {
	display: inline-block;
	min-width: 10px;
	padding: 4px 10px;
	font-size: 12px;
	line-height: 1;
	text-align: left;
	white-space: normal;
	vertical-align: middle;
	background-color: #dcdcdc;
	color: black;
	cursor: pointer;
	margin: 3px;
	border-radius: 10px;
}

span.concept-tag-small {
	display: inline-block;
	min-width: 10px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1;
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 170px;
	vertical-align: middle;
	border-radius: 10px;
	background-color: #dcdcdc;
	color: black;
	cursor: pointer;
	margin: 2px;
}

span.concept-tag-info {
	display: inline-block;
	min-width: 10px;
	padding: 4px 10px;
	font-size: 12px;
	line-height: 1;
	text-align: left;
	white-space: normal;
	vertical-align: middle;
	background-color: #dcdcdc;
	color: black;
	cursor: pointer;
	margin: 3px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

span.concept-tag-remove {
	display: inline-block;
	padding: 5px 10px 5px 0px;
	font-size: 10px;
	color: #d50303; /*red*/
	line-height: 1;
	text-align: left;
	white-space: normal;
	vertical-align: middle;
	background-color: #dcdcdc;
	cursor: pointer;
	margin: 3px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	top: 0px;
	left: -10px;
}

span.not-available,
span.concept-tag.not-available,
span.concept-tag-info.not-available,
span.concept-tag-remove.not-available {
	background-color: rgb(255,204,204);
}

.panel {
	margin-bottom: 0px;
}

.card {
	margin-bottom: 0px;
}

.panel-title {
	font-size: 14px;
	margin-bottom: 0px;
}

.card-title {
	font-size: 14px;
	margin-bottom: 0px;
}

.panel-title .counter-badge {
	display: inline-block;
	min-width: 25px;
	padding: 2px 7px;
	font-size: 10px;
	color: white;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #757575;
	border-radius: 10px
}

.card-header .counter-badge {
	display: inline-block;
	min-width: 25px;
	/*padding: 2px 7px;*/
	font-size: 10px;
	color: white;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #757575;
	border-radius: 10px
}

.panel-heading {
	font-family: 'FiraSansCondensed-Medium';
	font-size: 16px;
	padding: 5px;
}

.card-header {
	font-family: 'FiraSansCondensed-Medium';
	font-size: 16px;
	padding: 5px;
}

.panel-heading.panel-heading-active {
	background-color: #757575;
	color: white;
}

.card-header.card-header-active {
	background-color: #757575;
	color: white;
}

.panel-heading.panel-heading-active .counter-badge {
	background-color: #dcdcdc;
	color: black;
}

.card-header.card-header-active .counter-badge {
	background-color: #dcdcdc;
	color: black;
}
.panel-body {
	padding: 5px;
}

.card-body {
	padding: 5px;
}

.panel-heading .row {
	padding: 3px 0px;
	margin: 0px;
}

.card-heading .row {
	padding: 3px 0px;
	margin: 0px;
}

.panel-body .row {
	padding: 3px 0px;
	margin: 0px;
}

.card-body .row {
	padding: 3px 0px;
	margin: 0px;
}

.chord {
	fill-opacity: .67;
}

#project-links, #user-info, #site-menus {
	position: absolute;
	top: 0px;
	right: 2px;
	border: 1px solid #ddd;
	width: 300px;
	/*min-height: 35px;*/
	/*max-height: 700px;*/
	margin-top: 0px;
	z-index: 9999;
	background-color: #f2f2f2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=95);
	opacity: .95;
	display: none;
	padding: 5px 10px;
	box-shadow: 1px 1px 5px 1px #666;
	/*resize: both;*/
	overflow-y: auto;
	overflow-x: hidden;
}

#create-namespace-panel, #add-namespace-panel, #create-predicate-panel, #create-hierarchical-panel,
#create-class-panel, #create-template-panel, #create-scheme-panel, #create-template-folder,
#create-concept-panel, #concept-class-panel, #concept-collection-panel, #concept-template-panel,
#create-project-panel, #create-user-panel, #create-group-panel,
#batch-create-user-panel, #add-sso-panel, #sso-sp-info-panel,
#scheme-class-assignment-panel, #create-collection-panel, #template-assignment-panel, #resource-type-assignment-panel,
#batch-class-panel, #batch-template-panel, #batch-collection-panel,
#replicate-concept-panel, #replicate-scheme-panel, #assign-collection-panel, #assign-collection-project-panel,
#assoc-relationship-filter-panel, #assoc-relationship-panel, #create-quick-project-panel, #concept-pathways-panel, 
#create-domain-data-snapshot-panel, #create-schema-snapshot-panel, 
#domain-data-delta-panel, #schema-delta-preview-panel, #schema-delta-panel, 
#domain-data-publication-panel, #schema-publication-panel, #create-scheduler-panel, #scheduler-panel, #pre-publish-domain-data-snapshot-panel,
#allowed-concept-relationship-panel {
	position: absolute;
	-moz-border-radius: 5px;
	top: 70px;
	left: 50%;
	border-radius: 5px;
	border: 1px solid #ddd;
	width: 800px;
	/*min-height: 35px;*/
	/*max-height: 700px;*/
	margin-top: 0px;
	margin-left: -400px;
	z-index: 999;
	background-color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=95);
	opacity: 1;
	display: block;
	padding: 5px 10px;
	box-shadow: 1px 1px 5px 1px #666;
	/*resize: both;*/
	/*overflow-y: auto;*/
	/*overflow-x: hidden;*/
	overflow: visible;
}

#assoc-relationship-filter-panel {
	width: 400px;
	top: 70px;
	left: 752px;
}

#assoc-relationship-panel {
	width: 400px;
	top: 70px;
	left: 752px;
}

#create-concept-panel .typeahead {
    max-height: 450px;
    overflow-y: auto;
}

.taskview-list-active, .taskview-list-active a {
	color: white;
	background-color: #666;
}

span.fancytree-node span.fancytree-expander:hover {
	color: #99CC99;
}

/* Replacement for Pillbox */
/*.fuelux .pillbox>.pill-group>.pill {
    margin: 2px;
    cursor: default;
    float: left;
     //word-break: break-all;
    text-align: left;
    word-wrap: break-word;
}*/

/*.fuelux .pillbox > .pill-group > .pill span:first-of-type {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}*/




/* Scroller for Project Links */
.project-links ul::-webkit-scrollbar {
	-webkit-appearance: none;
}

.project-links ul::-webkit-scrollbar:vertical {
	width: 11px;
}

.project-links ul::-webkit-scrollbar:horizontal {
	height: 11px;
}

.project-links ul::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

.project-links ul::-webkit-scrollbar-track {
	background-color: #eee;
	border-radius: 8px;
}

/* Scroller for Classes */
#class-predicates ul::-webkit-scrollbar {
	-webkit-appearance: none;
}

#class-predicates ul::-webkit-scrollbar:vertical {
	width: 11px;
}

#class-predicates ul::-webkit-scrollbar:horizontal {
	height: 11px;
}

#class-predicates ul::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

#class-predicates ul::-webkit-scrollbar-track {
	background-color: #eee;
	border-radius: 8px;
}

/* Scroller for Template */
#template-predicates ul::-webkit-scrollbar {
	-webkit-appearance: none;
}

#template-predicates ul::-webkit-scrollbar:vertical {
	width: 11px;
}

#template-predicates ul::-webkit-scrollbar:horizontal {
	height: 11px;
}

#template-predicates ul::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

#template-predicates ul::-webkit-scrollbar-track {
	background-color: #eee;
	border-radius: 8px;
}

#scheme-class-assignment-tree ul::-webkit-scrollbar, #scheme-classes-tree ul::-webkit-scrollbar {
	-webkit-appearance: none;
}

#scheme-class-assignment-tree ul::-webkit-scrollbar:vertical, #scheme-classes-tree ul::-webkit-scrollbar:vertical {
	width: 11px;
}

#scheme-class-assignment-tree ul::-webkit-scrollbar:horizontal, #scheme-classes-tree ul::-webkit-scrollbar:horizontal {
	height: 11px;
}

#scheme-class-assignment-tree ul::-webkit-scrollbar-thumb, #scheme-classes-tree ul::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

#scheme-class-assignment-tree ul::-webkit-scrollbar-track, #scheme-classes-tree ul::-webkit-scrollbar-track {
	background-color: #eee;
	border-radius: 8px;
}

#scheme-template-assignment-tree ul::-webkit-scrollbar, #scheme-templates-tree ul::-webkit-scrollbar {
	-webkit-appearance: none;
}

#scheme-template-assignment-tree ul::-webkit-scrollbar:vertical, #scheme-templates-tree ul::-webkit-scrollbar:vertical {
	width: 11px;
}

#scheme-template-assignment-tree ul::-webkit-scrollbar:horizontal, #scheme-templates-tree ul::-webkit-scrollbar:horizontal {
	height: 11px;
}

#scheme-template-assignment-tree ul::-webkit-scrollbar-thumb, #scheme-templates-tree ul::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

#scheme-template-assignment-tree ul::-webkit-scrollbar-track, #scheme-templates-tree ul::-webkit-scrollbar-track {
	background-color: #eee;
	border-radius: 8px;
}

.btn.custom-checkbox {
	padding: 7px 12px;
	color: #000;
	background-color: #fff;
}

.btn.custom-checkbox span.glyphicon {
	display: none;
	opacity: 0;
}

.btn.custom-checkbox.active span.glyphicon {
	display: inline;
	opacity: 1;
}

.btn.custom-checkbox.active {
	padding: 6px 12px;
	color: #fff;
	background-color: #0c72ba;
}

/* Concept Explorer font size */
.concept-explorer {
	font-size: 12px;
	line-height: 130%;
}
/* End Concept Explorer font size */

/* Shape & color for Concept, Scheme, Class, Ontology, Property & Relationship */
.selected-concept-shape-main {
	border-radius: 10px;
	color: black;
	background-color: #ffcc33;
	display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}

.selected-concept-shape {
	border-radius: 10px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.unselect-concept-shape {
	border-radius: 10px;
	color: black;
	background-color: #dcdcdc;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.concept-shape {
	border-radius: 10px;
	background-color: #dcdcdc;
    color: #000;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-concept-node-label-shape-main {
	border-radius: 10px;
	border: 2px solid #000;
	color: #000;
	background-color: #ffcc33;
	display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}

.selected-concept-node-label-shape {
	border-radius: 10px;
	border: 1px solid #000;
	color: #000;
	background-color: #ffcc33;
	display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    vertical-align: middle;
}

.concept-node-label-shape {
	border-radius: 10px;
	border: 1px solid #000;
	background-color: #fff;
    color: #000;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-scheme-shape-main {
	border-radius: 0px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-group-shape-main {
	border-radius: 4px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-scheme-shape {
	border-radius: 0px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.scheme-shape {
	border-radius: 0px;
	background-color: #0c72ba;
    color: white;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-ontology-shape-main {
	border-radius: 5px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-ontology-shape {
	border-radius: 3px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.ontology-shape {
	border-radius: 3px;
	background-color: #1ab5c4;
    color: white;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-class-shape-default {
        border-radius: 0px;
        color: black;
        background-color: #ffcc33;
    display: inline-block;
    position: relative;
        /*height: 18px;*/
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    /*font-weight: 700;*/
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-class-shape-default:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #ffcc33;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

.selected-class-shape-default:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #ffcc33;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }


.selected-class-shape-main {
	border-radius: 0px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    position: relative;
	/*height: 18px;*/
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-class-shape-main:after {
    content: "";
    position: absolute;
    left: -12px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 12px solid #ffcc33;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
  }

.selected-class-shape-main:before {
    content: "";
    position: absolute;
    right: -12px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 12px solid #ffcc33;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
  }

.selected-class-shape {
	border-radius: 0px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    position: relative;
	height: 14px;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-class-shape:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #ffcc33;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

.selected-class-shape:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #ffcc33;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
span.class-shape {
        border-radius: 0px;
        background-color: #1ab5c4;
    color: white;
    display: inline-block;
    position: relative;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

span.class-shape:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #1ab5c4;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

span.class-shape:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #1ab5c4;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
 }

span.class-shape-small {
        border-radius: 0px;
        background-color: #1ab5c4;
    color: white;
    display: inline-block;
    position: relative;
    min-width: 10px;
    padding: 3px 2px;
    font-size: 10px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

span.class-shape-small:after {
    content: "";
    position: absolute;
    left: -8px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 8px solid #1ab5c4;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }

span.class-shape-small:before {
    content: "";
    position: absolute;
    right: -8px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 8px solid #1ab5c4;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
 }

 /* Template Shape */
.selected-template-shape-main {
	border-radius: 0px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    position: relative;
	/*height: 18px;*/
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-template-shape-main:after {
    content: "";
    position: absolute;
    left: -12px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 12px solid #ffcc33;
    /*border-top: 12px solid transparent;*/
    border-bottom: 24px solid transparent;
  }

.selected-template-shape-main:before {
    content: "";
    position: absolute;
    right: -12px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 12px solid #ffcc33;
    border-top: 24px solid transparent;
    /*border-bottom: 12px solid transparent;*/
  }

span.template-shape {
	border-radius: 0px;
	background-color: #64d2ea;
	color: white;
	display: inline-block;
	position: relative;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 13px;
	line-height: 1;
	text-align: left;
	vertical-align: middle;
}

span.template-shape:after {
	content: "";
	position: absolute;
	top: 0px;
	left: -10px;
	bottom: 0;
	width: 0;
	height: 0;
	border-right: 10px solid #64d2ea;
	border-bottom: 20px solid transparent;
}

span.template-shape:before {
	content: "";
	position: absolute;
	right: -10px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 10px solid #64d2ea;
	border-top: 20px solid transparent;
}

span.template-shape.assigned {
	background-color: #ffcc33;
	color: black;
}

span.template-shape.assigned:after {
	border-right: 10px solid #ffcc33;
}

span.template-shape.assigned:before {
	border-left: 10px solid #ffcc33;
}

span.template-shape-small {
        border-radius: 0px;
        background-color: #64d2ea;
    color: white;
    display: inline-block;
    position: relative;
    min-width: 10px;
    padding: 3px 2px;
    font-size: 10px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

span.template-shape-small:after {
    content: "";
    position: absolute;
    left: -8px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 8px solid #64d2ea;
    /*border-top: 10px solid transparent;*/
    border-bottom: 16px solid transparent;
  }

span.template-shape-small:before {
    content: "";
    position: absolute;
    right: -8px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 8px solid #64d2ea;
    border-top: 16px solid transparent;
    /*border-bottom: 10px solid transparent;*/
 }
/* End Template Shape */

/* Folder Shape */
.selected-folder-shape-main {
	border-radius: 0px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    position: relative;
	/*height: 18px;*/
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-folder-shape {
	border-radius: 0px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    position: relative;
	height: 14px;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

span.folder-shape {
    border-radius: 0px;
    /*background-color: #1ab5c4;*/
    color: black;
    display: inline-block;
    position: relative;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

/* End folder Shape */

/* start Class - Shafiz, 20180514 */
.class-ui {
	display: inline-block;
	position: relative;
	color: white;
        background-color: #1ab5c4;
	margin: 3px 10px;
	padding: 2.7px 3px;
	line-height: 1;
	text-align: left;
        border-radius: 0px;
	cursor: pointer;
}

.class-ui .title {
	padding-top: 1px;
	display: inline-block;
	position: relative;
	min-width: 10px;
	max-width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}

.class-ui .remove {
	color: #d50303;
	margin-left: 5px;
	font-size: 10px;
}

.class-ui:before {
	content: "";
	position: absolute;
	left: -10px;
	bottom: 0;
	width: 0;
	height: 0;
	border-right: 10px solid #1ab5c4;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.class-ui:after {
	content: "";
	position: absolute;
	right: -10px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 10px solid #1ab5c4;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
/* end Class */


/* start Template - Tay, 20181211 */
.template-ui {
	display: inline-block;
	position: relative;
	color: white;
        background-color: #64d2ea;
	margin: 3px 10px;
	padding: 2.7px 3px;
	line-height: 1;
	text-align: left;
        border-radius: 0px;
	cursor: pointer;
}

.template-ui .title {
	display: inline-block;
	position: relative;
	min-width: 10px;
	max-width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}

.template-ui .remove {
	color: #d50303;
	margin-left: 5px;
	font-size: 10px;
}

.template-ui:before {
	content: "";
	position: absolute;
	left: -10px;
	bottom: 0;
	width: 0;
	height: 0;
	border-right: 10px solid #64d2ea;
	/*border-top: 20px solid transparent;*/
	border-bottom: 20px solid transparent;
}

.template-ui:after {
	content: "";
	position: absolute;
	right: -10px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 10px solid #64d2ea;
	border-top: 20px solid transparent;
	/*border-bottom: 20px solid transparent;*/
}

.fancytree-title .template-title {
	border-radius: 0px;
	display: inline-block;
	position: relative;
	min-width: 10px;
	max-width: 230px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1px;
	padding: 9.5px 9.5px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

.fancytree-title .template-title:after, .fancytree-title .template-title-add:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #64d2ea;
    /*border-top: 10px solid transparent;*/
    border-bottom: 20px solid transparent;
  }

.template-active .fancytree-title .template-title:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #ffcc33;
    /*border-top: 10px solid transparent;*/
    border-bottom: 20px solid transparent;
  }

.fancytree-title .template-add:after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #64d2ea;
    /*border-top: 10px solid transparent;*/
    border-bottom: 20px solid transparent;
  }

.fancytree-title .template-title:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #64d2ea;
    border-top: 20px solid transparent;
    /*border-bottom: 10px solid transparent;*/
  }

.template-active .fancytree-title .template-title:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #ffcc33;
    border-top: 20px solid transparent;
    /*border-bottom: 10px solid transparent;*/
  }
/* end Template */


.fancytree-title .class-title {
	border-radius: 0px;
	display: inline-block;
	position: relative;
	min-width: 10px;
	max-width: 230px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1px;
	padding: 9.5px 9.5px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

.fancytree-title .class-title:after, .fancytree-title .class-title-add:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #1ab5c4;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

.class-active .fancytree-title .class-title:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #ffcc33;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

.fancytree-title .class-add:after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #1ab5c4;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

.fancytree-title .class-title:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #1ab5c4;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

.class-active .fancytree-title .class-title:before {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #ffcc33;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }


.selected-property-shape-main {
	border-radius: 0px;
	border: 2px solid #000;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-property-shape {
	border-radius: 0px;
	border: 1px solid #000;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.property-shape {
	border-radius: 0px;
	border: 1px solid #000;
	background-color: #fff;
    color: black;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-relationship-shape-main {
	border-radius: 0px;
	border: 0px solid #000;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-relationship-shape {
	border-radius: 0px;
	border: 0px solid #000;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.relationship-shape {
	border-radius: 0px;
	border: 0px solid #000;
	background-color: #f2f2f2;
    	color: black;
    	display: inline-block;
    	min-width: 10px;
    	padding: 3px 7px;
    	font-size: 13px;
    	line-height: 1;
    	text-align: left;
    	vertical-align: middle;
}

.selected-collection {
	display: inline-flex;
}

.selected-collection .left-arrow {
	width: 0;
	height: 0;
	border-right: 12px solid #ffcc33;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.selected-collection .label {
	position: relative;
	padding: 3px 6px 3px 2px;
	height: 24px;
	min-width: 10px;
	max-width: 750px;
	color: black;
	background-color: #ffcc33;
	border-radius: 0px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*.selected-collections-shape-main {
	border-radius: 0px;
	color: black;
	background-color: #ffcc33;
	position: relative;
	height: 24px;
	min-width: 10px;
	padding: 3px 6px 3px 2px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	vertical-align: middle;
	max-width: 750px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}*/

/*.selected-collections-shape-main:after {
    content: "";
    position: absolute;
    left: -12px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 12px solid #ffcc33;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
  }*/

/*.selected-collections-shape-main-left {
	display: inline-block;
	width: 0;
	height: 0;
	border-right: 12px solid #ffcc33;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}*/

.selected-collections-shape {
	border-radius: 0px;
	color: black;
	background-color: #ffcc33;
    display: inline-block;
    position: relative;
	height: 14px;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.selected-collections-shape:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #ffcc33;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

.collections-shape {
	border-radius: 0px;
	background-color: #4f4f4f;
    color: white;
    display: inline-block;
    position: relative;
	height: 20px;
    min-width: 10px;
    padding: 4px 5px 4px 1px;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.collections-shape:after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 10px solid #4f4f4f;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }


.collections-shape-small {
	border-radius: 0px;
	background-color: #4f4f4f;
    color: white;
    display: inline-block;
    position: relative;
	height: 16px;
    min-width: 10px;
    padding: 3px 2px;
    font-size: 10px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

.collections-shape-small:after {
    content: "";
    position: absolute;
    left: -8px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 8px solid #4f4f4f;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }

span.collection-remove {
	display: inline-block;
	min-width: 10px;
	/*padding: 3px 7px 3px 0px;
	font-size: 14px;
	color: black;*/
	/* Added by Tay 20161221 */
	padding: 5px 7px;
	font-size: 10px;
	/*color: #337ab7;*/
	color: red; /*red*/
	/* End by Tay 20161221 */
	line-height: 1;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 200px;
	vertical-align: middle;
	background-color: #4f4f4f;
	cursor: pointer;
	top: 0px;
	left: -15px;
	height: 20px;
}
/* End Shape & color for Concept, Scheme, Class, Ontology, Property & Relationship */

/* Existing & New Hierarchical Relationship */
.existing-relationship {
	background-color:#f1f1f1;
	padding:20px;
	border-radius: 8px;
	color: black;
}
.new-relationship {
	background-color:#fff;
	padding:20px;
	border-radius: 8px;
	color: black;
	border:1px solid #999;
}

/* Image Class */
.concept-image-item {
	display: inline-block;
	max-width: 120px;
	max-height: 180px;
	padding: 10px;
}


/* Scroller for Classes in Scheme Admin */
#scheme-classes {
	max-height: 50px;
	overflow-y: auto;
}

#scheme-classes::-webkit-scrollbar {
	-webkit-appearance: none;
}

#scheme-classes::-webkit-scrollbar:vertical {
	width: 11px;
}

#scheme-classes::-webkit-scrollbar:horizontal {
	height: 11px;
}

#scheme-classes::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

#scheme-classes::-webkit-scrollbar-track {
	background-color: #eee;
	border-radius: 8px;
}

/* Scroller for Template in Scheme Admin */
#scheme-templates {
	max-height: 50px;
	overflow-y: auto;
}

#scheme-templates::-webkit-scrollbar {
	-webkit-appearance: none;
}

#scheme-templates::-webkit-scrollbar:vertical {
	width: 11px;
}

#scheme-templates::-webkit-scrollbar:horizontal {
	height: 11px;
}

#scheme-templates::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid white; /* should match background, can't be transparent */
	background-color: rgba(0, 0, 0, .5);
}

#scheme-templates::-webkit-scrollbar-track {
	background-color: #eee;
	border-radius: 8px;
}

/** Date Picker **/
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top.pull-right {
	content:'';
	display:inline-block;
	position:absolute;
	z-index:9999999;
}
/** End Date Picker **/

/** Property Paths display in Concept Manager **/
.property-paths-group {
    border: 1px solid #999;
    padding: 1px 2px 1px 4px;
    border-radius: 5px;
	margin: 2px 1px;
}
/** Property Paths display in Concept Manager **/

/** Import - Class Dropdown selection **/

#map-properties-3 > div > div > div {
    top: -2px;
    left: 250px;
}
/** Import - Class Dropdown selection **/

/** Advanced Search **/

.search-label {
	padding-top:5px;
	font-size:12px;
}

.search-field {
	height: 24px;
	font-size:12px;
}

.search-field-selection {
	height: 24px;
	font-size:12px;
	padding: 0px;
}

.search-field-row {
	padding:0px;
	margin:0px;
}

.search-radio-btn {
	font-size:12px;
	padding: 0px;
	vertical-align: middle;
}

.search-field-row2 {
	padding: 5px 0px 0px 0px;
	vertical-align: middle;
}

/*#advanced-search > div > div > div > div > button > span {
	font-size:12px;
}

#advanced-search > div > div > div > div > div > ul {
	font-size:12px;
}

#advanced-search > div > div > div > div > div > button > span {
	font-size:12px;
}

#advanced-search > div > div > div > div > div > div > ul {
	font-size:12px;
}*/

/** Advanced Search **/

td.map-cell {
	border: 1px solid #000;
	text-align: center;
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 150px;
}

.popover-content {

	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
	font-family: 'FiraSansCondensed-Regular';
	font-size: 13px;
	line-height: 100%;
}

.popover-body {

	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
	font-family: 'FiraSansCondensed-Regular';
	font-size: 13px;
	line-height: 100%;
}

.toggle.ios {
	width: 77px;
}
.toggle.ios, .toggle-on.ios, .toggle-off.ios {
	border-radius: 20px;
	min-height: 18px;
}
.toggle.ios .toggle-handle {
	border-radius: 20px;
	min-height: 18px;
}

/** Other Resources Panel **/
.other-resources {
	margin: 0px;
	width: 100%;
	min-height: 30px;
	padding: 5px;
}

.other-resources-label {
	width: 120px;
	float: left;
}

.other-resources-contain {
	margin-left: 120px;
}
/** End Other Resources Panel **/


.adv-schemes > .dropdown-menu.show{
	left: 330px !important;
	top: -27px !important;
}
.adv-resource-types > .dropdown-menu.show{
	left: 330px !important;
	top: -27px !important;
}
.adv-classes > .dropdown-menu.show{
	left: 330px !important;
	top: -27px !important;
}
.adv-properties > .dropdown-menu.show{
	left: 100% !important;
	top: -27px !important;
	margin-left: 5px !important;
}
.adv-collections > .dropdown-menu.show{
	left: 330px !important;
	top: -27px !important;
}
.adv-status > .dropdown-menu.show{
	left: 330px !important;
	top: -27px !important;
}
.adv-users > .dropdown-menu.show{
	left: 330px !important;
	top: -27px !important;
}
.adv-language > .dropdown-menu.show{
	left: 73px !important;
	/* top: -25px !important; */
}

/** Inferred Hierarchy **/
#inferred-hierarchy-panel > div > div > div.col-md-7.col-sm-7.col-xs-7 > div.bootstrap-select {
    width:180px;
}

/** Linn Modified **/
.container {

	max-width: 100%;
}

.swipe-right {
	left: 100% !important;
	top: -3px !important;
	margin-left: 2px !important;
	transform: none !important;
}

.toggle-on,.toggle-off {
	margin-top:2px
}

.file-preview .fileinput-remove{

	padding: 10px 5px 4px 4px;
}

.dropdown-menu {
	font-size:12px;
}

a {
	color: #337ab7;
	text-decoration: none;
}

a.red {
	color: #d50303;
}

.bootstrap-dialog.type-primary .modal-header {

	background-color: #337ab7;
}

.bootstrap-select .dropdown-toggle .filter-option {

	padding-top: 3px;
}

.tooltip {
	pointer-events: none;
}

.tooltip-inner {
	text-align: left;
    font-size: x-small;
}

.btn-xs {
	padding: .30rem .4rem;
	font-size: 11px;
	line-height: .3;
	border-radius: .2rem;
}

.btn-light {

	color: #333;
	background-color: #fff;
    	border-color: #ccc;
	font-size: 12px;

}

.btn-primary {

	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.btn-project {

	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.btn-project:hover {
	color: #fff;
}

.bootstrap-select >.dropdown-toggle.bs-placeholder,
.bootstrap-select >.dropdown-toggle.bs-placeholder:active,
.bootstrap-select >.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select >.dropdown-toggle.bs-placeholder:hover {

	color: #333;

}

.btn-primary:hover {

	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}

/** End of Linn Modified **/

/** Filter Status Icon **/
.icon-collapse-down {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23333333" d="M12.501,1h-9c-1.383,0-2.5,1.117-2.5,2.5v9c0,1.381,1.117,2.5,2.5,2.5h9c1.381,0,2.498-1.119,2.498-2.5v-9 C14.999,2.117,13.882,1,12.501,1z M14,12.5c-0.002,0.826-0.673,1.499-1.499,1.499h-9c-0.828,0-1.499-0.673-1.501-1.499v-9 c0.002-0.828,0.673-1.499,1.501-1.501h9C13.327,2.001,13.998,2.672,14,3.5V12.5z M7.999,7.998L5.88,5.878L4.465,7.294l3.534,3.534 l3.537-3.537l-1.415-1.413L7.999,7.998z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.icon-collapse-down:hover {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23999999" d="M12.501,1h-9c-1.383,0-2.5,1.117-2.5,2.5v9c0,1.381,1.117,2.5,2.5,2.5h9c1.381,0,2.498-1.119,2.498-2.5v-9 C14.999,2.117,13.882,1,12.501,1z M14,12.5c-0.002,0.826-0.673,1.499-1.499,1.499h-9c-0.828,0-1.499-0.673-1.501-1.499v-9 c0.002-0.828,0.673-1.499,1.501-1.501h9C13.327,2.001,13.998,2.672,14,3.5V12.5z M7.999,7.998L5.88,5.878L4.465,7.294l3.534,3.534 l3.537-3.537l-1.415-1.413L7.999,7.998z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.icon-collapse-down.active {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23000000" d="M12.501,1h-9c-1.383,0-2.5,1.117-2.5,2.5v9c0,1.381,1.117,2.5,2.5,2.5h9c1.381,0,2.498-1.119,2.498-2.5v-9 C14.999,2.117,13.882,1,12.501,1z M14,12.5c-0.002,0.826-0.673,1.499-1.499,1.499h-9c-0.828,0-1.499-0.673-1.501-1.499v-9 c0.002-0.828,0.673-1.499,1.501-1.501h9C13.327,2.001,13.998,2.672,14,3.5V12.5z M7.999,7.998L5.88,5.878L4.465,7.294l3.534,3.534 l3.537-3.537l-1.415-1.413L7.999,7.998z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.icon-collapse-up {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23333333" d="M3.499,15h9c1.383,0,2.5-1.117,2.5-2.5v-9c0-1.381-1.117-2.5-2.5-2.5h-9C2.118,1,1.001,2.119,1.001,3.5v9 C1.001,13.883,2.118,15,3.499,15z M2,3.5c0.002-0.826,0.673-1.499,1.499-1.499h9c0.828,0,1.499,0.673,1.501,1.499v9 c-0.002,0.828-0.673,1.499-1.501,1.501h-9C2.673,13.999,2.002,13.328,2,12.5V3.5z M8.001,8.002l2.119,2.12l1.415-1.416L8.001,5.172 L4.464,8.709l1.415,1.413L8.001,8.002z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.icon-collapse-up:hover {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23999999" d="M3.499,15h9c1.383,0,2.5-1.117,2.5-2.5v-9c0-1.381-1.117-2.5-2.5-2.5h-9C2.118,1,1.001,2.119,1.001,3.5v9 C1.001,13.883,2.118,15,3.499,15z M2,3.5c0.002-0.826,0.673-1.499,1.499-1.499h9c0.828,0,1.499,0.673,1.501,1.499v9 c-0.002,0.828-0.673,1.499-1.501,1.501h-9C2.673,13.999,2.002,13.328,2,12.5V3.5z M8.001,8.002l2.119,2.12l1.415-1.416L8.001,5.172 L4.464,8.709l1.415,1.413L8.001,8.002z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.icon-collapse-up.active {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23000000" d="M3.499,15h9c1.383,0,2.5-1.117,2.5-2.5v-9c0-1.381-1.117-2.5-2.5-2.5h-9C2.118,1,1.001,2.119,1.001,3.5v9 C1.001,13.883,2.118,15,3.499,15z M2,3.5c0.002-0.826,0.673-1.499,1.499-1.499h9c0.828,0,1.499,0.673,1.501,1.499v9 c-0.002,0.828-0.673,1.499-1.501,1.501h-9C2.673,13.999,2.002,13.328,2,12.5V3.5z M8.001,8.002l2.119,2.12l1.415-1.416L8.001,5.172 L4.464,8.709l1.415,1.413L8.001,8.002z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
/** End Filter Status Icon **/


/** End Inferred Hierarchy **/


/** Schema and Data View Icon **/
.button-schema-view {
    background: #dedede url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%236B6B6B" d="M19.34,12.459c-0.014-0.008-0.028-0.013-0.042-0.021c0.001-0.031,0.004-0.062,0.004-0.094c0-2.588-1.365-4.847-3.405-6.128 c0-0.021,0.006-0.04,0.006-0.061c-0.002-2.071-1.679-3.751-3.75-3.751c-2.052,0-3.713,1.649-3.747,3.693 C6.293,7.334,4.86,9.597,4.812,12.211c-0.05,0.026-0.102,0.046-0.15,0.074l0.001,0.001c-1.203,0.692-1.877,1.956-1.875,3.249 C2.785,16.171,2.95,16.82,3.29,17.408c0.692,1.199,1.954,1.875,3.25,1.875c0.634,0,1.282-0.162,1.871-0.501 c0.053-0.03,0.099-0.068,0.149-0.101c1.037,0.572,2.224,0.915,3.492,0.913h0.011c1.182,0,2.293-0.3,3.28-0.806 c0.081,0.055,0.158,0.114,0.245,0.164c0.584,0.338,1.228,0.502,1.86,0.502c0.004,0,0.008,0,0.013,0 c1.293,0.002,2.556-0.672,3.251-1.873c0.338-0.591,0.501-1.236,0.501-1.873C21.217,14.416,20.543,13.154,19.34,12.459z  M12.152,3.904c1.243,0.004,2.247,1.009,2.249,2.252c-0.002,1.242-1.006,2.247-2.249,2.249C10.909,8.403,9.903,7.396,9.9,6.156 C9.903,4.913,10.909,3.908,12.152,3.904z M7.661,17.482c-0.354,0.203-0.739,0.301-1.121,0.301c-0.78,0-1.537-0.404-1.949-1.125 c-0.209-0.358-0.304-0.74-0.306-1.123C4.287,14.754,4.689,14,5.411,13.586h0.002c0.357-0.207,0.739-0.303,1.122-0.303 c0.778,0,1.53,0.398,1.951,1.125c0.204,0.355,0.299,0.738,0.301,1.122C8.785,16.309,8.381,17.064,7.661,17.482z M12.053,18.096 c-0.854,0-1.658-0.186-2.384-0.517c0.398-0.611,0.618-1.323,0.618-2.049c0-0.634-0.161-1.282-0.503-1.872 c-0.696-1.203-1.957-1.878-3.249-1.876c-0.064,0-0.129,0.01-0.193,0.013c0.163-1.703,1.063-3.185,2.383-4.126 c0.584,1.315,1.896,2.235,3.428,2.235c1.49,0,2.766-0.876,3.371-2.135c1.289,0.98,2.143,2.489,2.253,4.206 c-0.104-0.009-0.206-0.021-0.309-0.021c-1.295-0.002-2.557,0.674-3.251,1.877c-0.343,0.586-0.504,1.237-0.504,1.87 c-0.001,0.686,0.193,1.358,0.55,1.946C13.582,17.933,12.839,18.096,12.053,18.096z M19.413,16.834 c-0.417,0.721-1.171,1.121-1.951,1.123c-0.384-0.002-0.769-0.099-1.121-0.301c-0.724-0.42-1.126-1.176-1.128-1.954 c0-0.384,0.095-0.765,0.301-1.116c0.42-0.729,1.173-1.129,1.954-1.131c0.381,0,0.764,0.096,1.123,0.304 c0.721,0.415,1.121,1.169,1.124,1.95C19.715,16.09,19.617,16.475,19.413,16.834z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 12px;
}
.button-schema-view:hover {
    background: #c1c1c1 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23333333" d="M19.34,12.459c-0.014-0.008-0.028-0.013-0.042-0.021c0.001-0.031,0.004-0.062,0.004-0.094c0-2.588-1.365-4.847-3.405-6.128 c0-0.021,0.006-0.04,0.006-0.061c-0.002-2.071-1.679-3.751-3.75-3.751c-2.052,0-3.713,1.649-3.747,3.693 C6.293,7.334,4.86,9.597,4.812,12.211c-0.05,0.026-0.102,0.046-0.15,0.074l0.001,0.001c-1.203,0.692-1.877,1.956-1.875,3.249 C2.785,16.171,2.95,16.82,3.29,17.408c0.692,1.199,1.954,1.875,3.25,1.875c0.634,0,1.282-0.162,1.871-0.501 c0.053-0.03,0.099-0.068,0.149-0.101c1.037,0.572,2.224,0.915,3.492,0.913h0.011c1.182,0,2.293-0.3,3.28-0.806 c0.081,0.055,0.158,0.114,0.245,0.164c0.584,0.338,1.228,0.502,1.86,0.502c0.004,0,0.008,0,0.013,0 c1.293,0.002,2.556-0.672,3.251-1.873c0.338-0.591,0.501-1.236,0.501-1.873C21.217,14.416,20.543,13.154,19.34,12.459z  M12.152,3.904c1.243,0.004,2.247,1.009,2.249,2.252c-0.002,1.242-1.006,2.247-2.249,2.249C10.909,8.403,9.903,7.396,9.9,6.156 C9.903,4.913,10.909,3.908,12.152,3.904z M7.661,17.482c-0.354,0.203-0.739,0.301-1.121,0.301c-0.78,0-1.537-0.404-1.949-1.125 c-0.209-0.358-0.304-0.74-0.306-1.123C4.287,14.754,4.689,14,5.411,13.586h0.002c0.357-0.207,0.739-0.303,1.122-0.303 c0.778,0,1.53,0.398,1.951,1.125c0.204,0.355,0.299,0.738,0.301,1.122C8.785,16.309,8.381,17.064,7.661,17.482z M12.053,18.096 c-0.854,0-1.658-0.186-2.384-0.517c0.398-0.611,0.618-1.323,0.618-2.049c0-0.634-0.161-1.282-0.503-1.872 c-0.696-1.203-1.957-1.878-3.249-1.876c-0.064,0-0.129,0.01-0.193,0.013c0.163-1.703,1.063-3.185,2.383-4.126 c0.584,1.315,1.896,2.235,3.428,2.235c1.49,0,2.766-0.876,3.371-2.135c1.289,0.98,2.143,2.489,2.253,4.206 c-0.104-0.009-0.206-0.021-0.309-0.021c-1.295-0.002-2.557,0.674-3.251,1.877c-0.343,0.586-0.504,1.237-0.504,1.87 c-0.001,0.686,0.193,1.358,0.55,1.946C13.582,17.933,12.839,18.096,12.053,18.096z M19.413,16.834 c-0.417,0.721-1.171,1.121-1.951,1.123c-0.384-0.002-0.769-0.099-1.121-0.301c-0.724-0.42-1.126-1.176-1.128-1.954 c0-0.384,0.095-0.765,0.301-1.116c0.42-0.729,1.173-1.129,1.954-1.131c0.381,0,0.764,0.096,1.123,0.304 c0.721,0.415,1.121,1.169,1.124,1.95C19.715,16.09,19.617,16.475,19.413,16.834z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 12px;
}
.button-schema-view.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M19.34,12.459c-0.014-0.008-0.028-0.013-0.042-0.021c0.001-0.031,0.004-0.062,0.004-0.094c0-2.588-1.365-4.847-3.405-6.128 c0-0.021,0.006-0.04,0.006-0.061c-0.002-2.071-1.679-3.751-3.75-3.751c-2.052,0-3.713,1.649-3.747,3.693 C6.293,7.334,4.86,9.597,4.812,12.211c-0.05,0.026-0.102,0.046-0.15,0.074l0.001,0.001c-1.203,0.692-1.877,1.956-1.875,3.249 C2.785,16.171,2.95,16.82,3.29,17.408c0.692,1.199,1.954,1.875,3.25,1.875c0.634,0,1.282-0.162,1.871-0.501 c0.053-0.03,0.099-0.068,0.149-0.101c1.037,0.572,2.224,0.915,3.492,0.913h0.011c1.182,0,2.293-0.3,3.28-0.806 c0.081,0.055,0.158,0.114,0.245,0.164c0.584,0.338,1.228,0.502,1.86,0.502c0.004,0,0.008,0,0.013,0 c1.293,0.002,2.556-0.672,3.251-1.873c0.338-0.591,0.501-1.236,0.501-1.873C21.217,14.416,20.543,13.154,19.34,12.459z  M12.152,3.904c1.243,0.004,2.247,1.009,2.249,2.252c-0.002,1.242-1.006,2.247-2.249,2.249C10.909,8.403,9.903,7.396,9.9,6.156 C9.903,4.913,10.909,3.908,12.152,3.904z M7.661,17.482c-0.354,0.203-0.739,0.301-1.121,0.301c-0.78,0-1.537-0.404-1.949-1.125 c-0.209-0.358-0.304-0.74-0.306-1.123C4.287,14.754,4.689,14,5.411,13.586h0.002c0.357-0.207,0.739-0.303,1.122-0.303 c0.778,0,1.53,0.398,1.951,1.125c0.204,0.355,0.299,0.738,0.301,1.122C8.785,16.309,8.381,17.064,7.661,17.482z M12.053,18.096 c-0.854,0-1.658-0.186-2.384-0.517c0.398-0.611,0.618-1.323,0.618-2.049c0-0.634-0.161-1.282-0.503-1.872 c-0.696-1.203-1.957-1.878-3.249-1.876c-0.064,0-0.129,0.01-0.193,0.013c0.163-1.703,1.063-3.185,2.383-4.126 c0.584,1.315,1.896,2.235,3.428,2.235c1.49,0,2.766-0.876,3.371-2.135c1.289,0.98,2.143,2.489,2.253,4.206 c-0.104-0.009-0.206-0.021-0.309-0.021c-1.295-0.002-2.557,0.674-3.251,1.877c-0.343,0.586-0.504,1.237-0.504,1.87 c-0.001,0.686,0.193,1.358,0.55,1.946C13.582,17.933,12.839,18.096,12.053,18.096z M19.413,16.834 c-0.417,0.721-1.171,1.121-1.951,1.123c-0.384-0.002-0.769-0.099-1.121-0.301c-0.724-0.42-1.126-1.176-1.128-1.954 c0-0.384,0.095-0.765,0.301-1.116c0.42-0.729,1.173-1.129,1.954-1.131c0.381,0,0.764,0.096,1.123,0.304 c0.721,0.415,1.121,1.169,1.124,1.95C19.715,16.09,19.617,16.475,19.413,16.834z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 1px solid #898989;
      border-radius: 12px;
}

.button-data-view {
    background: #dedede url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%236B6B6B" d="M18.005,12.045c-0.407-0.236-0.857-0.35-1.297-0.348c-0.705-0.001-1.387,0.295-1.884,0.821l-2.008-1.159 c0.241-0.573,0.375-1.202,0.375-1.862c0-0.66-0.134-1.289-0.375-1.861l2.008-1.159c0.496,0.525,1.178,0.82,1.881,0.82 c0.44,0,0.89-0.112,1.3-0.348l0.001-0.001c0.831-0.482,1.3-1.355,1.3-2.252c0-0.439-0.113-0.889-0.348-1.297 c-0.484-0.833-1.358-1.303-2.254-1.301c-0.441,0-0.891,0.113-1.3,0.349c-0.834,0.479-1.302,1.356-1.3,2.254 c0,0.247,0.04,0.497,0.112,0.74l-2.006,1.158c-0.876-1.153-2.258-1.901-3.818-1.901c-2.652,0-4.801,2.148-4.801,4.799 c0,2.448,1.832,4.462,4.2,4.758v2.319c-1.146,0.271-2.001,1.293-2.001,2.522c0,1.436,1.165,2.6,2.601,2.6 c1.436,0,2.599-1.164,2.599-2.6c0-1.229-0.854-2.252-1.999-2.522v-2.319c1.313-0.164,2.457-0.856,3.219-1.86l2.004,1.158 c-0.073,0.244-0.113,0.493-0.113,0.74c0,0.897,0.469,1.773,1.304,2.255v-0.001c0.407,0.235,0.856,0.349,1.297,0.349 c0.896,0,1.771-0.468,2.254-1.299c0.234-0.41,0.348-0.858,0.348-1.3C19.306,13.403,18.839,12.527,18.005,12.045z M16.005,3.487 c0.223-0.13,0.461-0.189,0.699-0.189c0.484,0,0.953,0.249,1.214,0.702c0.126,0.219,0.186,0.458,0.188,0.696 c-0.002,0.483-0.252,0.954-0.7,1.214V5.909c-0.222,0.128-0.461,0.188-0.7,0.188c-0.485,0-0.956-0.25-1.213-0.698 c-0.128-0.224-0.188-0.461-0.189-0.698C15.305,4.213,15.555,3.744,16.005,3.487z M9.792,19.098c-0.001,0.773-0.627,1.397-1.4,1.399 c-0.774-0.002-1.398-0.626-1.4-1.399c0.001-0.772,0.625-1.398,1.4-1.4C9.165,17.699,9.791,18.325,9.792,19.098z M8.393,12.696 c-1.769-0.003-3.197-1.432-3.202-3.199c0.004-1.767,1.433-3.197,3.202-3.2c1.767,0.003,3.196,1.433,3.198,3.2h0.001 C11.589,11.264,10.159,12.693,8.393,12.696z M17.916,15.001c-0.258,0.445-0.729,0.695-1.213,0.695c-0.238,0-0.478-0.061-0.698-0.187 v-0.001c-0.449-0.259-0.699-0.729-0.701-1.215c0-0.239,0.06-0.477,0.186-0.693c0.264-0.455,0.733-0.705,1.219-0.705 c0.237,0,0.473,0.06,0.696,0.188c0.451,0.261,0.698,0.73,0.7,1.215C18.104,14.536,18.045,14.774,17.916,15.001z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 12px;
}
.button-data-view:hover {
    background: #c1c1c1 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23333333" d="M18.005,12.045c-0.407-0.236-0.857-0.35-1.297-0.348c-0.705-0.001-1.387,0.295-1.884,0.821l-2.008-1.159 c0.241-0.573,0.375-1.202,0.375-1.862c0-0.66-0.134-1.289-0.375-1.861l2.008-1.159c0.496,0.525,1.178,0.82,1.881,0.82 c0.44,0,0.89-0.112,1.3-0.348l0.001-0.001c0.831-0.482,1.3-1.355,1.3-2.252c0-0.439-0.113-0.889-0.348-1.297 c-0.484-0.833-1.358-1.303-2.254-1.301c-0.441,0-0.891,0.113-1.3,0.349c-0.834,0.479-1.302,1.356-1.3,2.254 c0,0.247,0.04,0.497,0.112,0.74l-2.006,1.158c-0.876-1.153-2.258-1.901-3.818-1.901c-2.652,0-4.801,2.148-4.801,4.799 c0,2.448,1.832,4.462,4.2,4.758v2.319c-1.146,0.271-2.001,1.293-2.001,2.522c0,1.436,1.165,2.6,2.601,2.6 c1.436,0,2.599-1.164,2.599-2.6c0-1.229-0.854-2.252-1.999-2.522v-2.319c1.313-0.164,2.457-0.856,3.219-1.86l2.004,1.158 c-0.073,0.244-0.113,0.493-0.113,0.74c0,0.897,0.469,1.773,1.304,2.255v-0.001c0.407,0.235,0.856,0.349,1.297,0.349 c0.896,0,1.771-0.468,2.254-1.299c0.234-0.41,0.348-0.858,0.348-1.3C19.306,13.403,18.839,12.527,18.005,12.045z M16.005,3.487 c0.223-0.13,0.461-0.189,0.699-0.189c0.484,0,0.953,0.249,1.214,0.702c0.126,0.219,0.186,0.458,0.188,0.696 c-0.002,0.483-0.252,0.954-0.7,1.214V5.909c-0.222,0.128-0.461,0.188-0.7,0.188c-0.485,0-0.956-0.25-1.213-0.698 c-0.128-0.224-0.188-0.461-0.189-0.698C15.305,4.213,15.555,3.744,16.005,3.487z M9.792,19.098c-0.001,0.773-0.627,1.397-1.4,1.399 c-0.774-0.002-1.398-0.626-1.4-1.399c0.001-0.772,0.625-1.398,1.4-1.4C9.165,17.699,9.791,18.325,9.792,19.098z M8.393,12.696 c-1.769-0.003-3.197-1.432-3.202-3.199c0.004-1.767,1.433-3.197,3.202-3.2c1.767,0.003,3.196,1.433,3.198,3.2h0.001 C11.589,11.264,10.159,12.693,8.393,12.696z M17.916,15.001c-0.258,0.445-0.729,0.695-1.213,0.695c-0.238,0-0.478-0.061-0.698-0.187 v-0.001c-0.449-0.259-0.699-0.729-0.701-1.215c0-0.239,0.06-0.477,0.186-0.693c0.264-0.455,0.733-0.705,1.219-0.705 c0.237,0,0.473,0.06,0.696,0.188c0.451,0.261,0.698,0.73,0.7,1.215C18.104,14.536,18.045,14.774,17.916,15.001z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 12px;
}
.button-data-view.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M18.005,12.045c-0.407-0.236-0.857-0.35-1.297-0.348c-0.705-0.001-1.387,0.295-1.884,0.821l-2.008-1.159 c0.241-0.573,0.375-1.202,0.375-1.862c0-0.66-0.134-1.289-0.375-1.861l2.008-1.159c0.496,0.525,1.178,0.82,1.881,0.82 c0.44,0,0.89-0.112,1.3-0.348l0.001-0.001c0.831-0.482,1.3-1.355,1.3-2.252c0-0.439-0.113-0.889-0.348-1.297 c-0.484-0.833-1.358-1.303-2.254-1.301c-0.441,0-0.891,0.113-1.3,0.349c-0.834,0.479-1.302,1.356-1.3,2.254 c0,0.247,0.04,0.497,0.112,0.74l-2.006,1.158c-0.876-1.153-2.258-1.901-3.818-1.901c-2.652,0-4.801,2.148-4.801,4.799 c0,2.448,1.832,4.462,4.2,4.758v2.319c-1.146,0.271-2.001,1.293-2.001,2.522c0,1.436,1.165,2.6,2.601,2.6 c1.436,0,2.599-1.164,2.599-2.6c0-1.229-0.854-2.252-1.999-2.522v-2.319c1.313-0.164,2.457-0.856,3.219-1.86l2.004,1.158 c-0.073,0.244-0.113,0.493-0.113,0.74c0,0.897,0.469,1.773,1.304,2.255v-0.001c0.407,0.235,0.856,0.349,1.297,0.349 c0.896,0,1.771-0.468,2.254-1.299c0.234-0.41,0.348-0.858,0.348-1.3C19.306,13.403,18.839,12.527,18.005,12.045z M16.005,3.487 c0.223-0.13,0.461-0.189,0.699-0.189c0.484,0,0.953,0.249,1.214,0.702c0.126,0.219,0.186,0.458,0.188,0.696 c-0.002,0.483-0.252,0.954-0.7,1.214V5.909c-0.222,0.128-0.461,0.188-0.7,0.188c-0.485,0-0.956-0.25-1.213-0.698 c-0.128-0.224-0.188-0.461-0.189-0.698C15.305,4.213,15.555,3.744,16.005,3.487z M9.792,19.098c-0.001,0.773-0.627,1.397-1.4,1.399 c-0.774-0.002-1.398-0.626-1.4-1.399c0.001-0.772,0.625-1.398,1.4-1.4C9.165,17.699,9.791,18.325,9.792,19.098z M8.393,12.696 c-1.769-0.003-3.197-1.432-3.202-3.199c0.004-1.767,1.433-3.197,3.202-3.2c1.767,0.003,3.196,1.433,3.198,3.2h0.001 C11.589,11.264,10.159,12.693,8.393,12.696z M17.916,15.001c-0.258,0.445-0.729,0.695-1.213,0.695c-0.238,0-0.478-0.061-0.698-0.187 v-0.001c-0.449-0.259-0.699-0.729-0.701-1.215c0-0.239,0.06-0.477,0.186-0.693c0.264-0.455,0.733-0.705,1.219-0.705 c0.237,0,0.473,0.06,0.696,0.188c0.451,0.261,0.698,0.73,0.7,1.215C18.104,14.536,18.045,14.774,17.916,15.001z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 1px solid #898989;
      border-radius: 12px;
}
/** End Schema and Data View Icon **/

/** Visualisation icon **/
.button-expand {
    background: #cecece url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%234B4B4B" d="M2,2v5.858L7.857,2H2z M2,22h5.858L2,16.141V22z M22,22v-5.857L16.142,22H22z M16.143,2L22,7.857V2H16.143z M20,12 c-0.002-4.42-3.582-8-8-8C7.58,4,3.999,7.58,3.999,12c0,4.418,3.581,7.998,8.001,8C16.418,19.998,19.998,16.418,20,12z M12,18 c-3.315-0.006-5.994-2.688-6-6c0.006-3.313,2.685-5.994,6-6c3.313,0.006,5.992,2.687,5.998,6C17.992,15.313,15.313,17.994,12,18z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-expand:hover {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M2,2v5.858L7.857,2H2z M2,22h5.858L2,16.141V22z M22,22v-5.857L16.142,22H22z M16.143,2L22,7.857V2H16.143z M20,12 c-0.002-4.42-3.582-8-8-8C7.58,4,3.999,7.58,3.999,12c0,4.418,3.581,7.998,8.001,8C16.418,19.998,19.998,16.418,20,12z M12,18 c-3.315-0.006-5.994-2.688-6-6c0.006-3.313,2.685-5.994,6-6c3.313,0.006,5.992,2.687,5.998,6C17.992,15.313,15.313,17.994,12,18z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-expand.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M2,2v5.858L7.857,2H2z M2,22h5.858L2,16.141V22z M22,22v-5.857L16.142,22H22z M16.143,2L22,7.857V2H16.143z M20,12 c-0.002-4.42-3.582-8-8-8C7.58,4,3.999,7.58,3.999,12c0,4.418,3.581,7.998,8.001,8C16.418,19.998,19.998,16.418,20,12z M12,18 c-3.315-0.006-5.994-2.688-6-6c0.006-3.313,2.685-5.994,6-6c3.313,0.006,5.992,2.687,5.998,6C17.992,15.313,15.313,17.994,12,18z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-collapse {
    background: #cecece url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234B4B4B" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" fill="none" r="2"/><circle cx="12" cy="12" fill="none" r=".5"/><circle cx="6" cy="6" fill="none" r="2"/><path d="M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-collapse:hover {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" fill="none" r="2"/><circle cx="12" cy="12" fill="none" r=".5"/><circle cx="6" cy="6" fill="none" r="2"/><path d="M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-collapse.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0z" fill="none"/><circle cx="6" cy="18" fill="none" r="2"/><circle cx="12" cy="12" fill="none" r=".5"/><circle cx="6" cy="6" fill="none" r="2"/><path d="M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-hide {
    background: #cecece url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><polygon fill="%234B4B4B" points="3.1,4.56 4.1,3.541 20.15,19.441 19.148,20.459 3.1,4.56"/><path fill="%234B4B4B" d="M2.475,4.021L2.443,4.053l2.775,2.75c-1.87,1.362-3.252,3.05-3.252,4.54c0,3.13,6.087,7.144,10.033,7.144 c1.216,0,2.633-0.375,4.018-0.986l3.602,3.568l1.104-1.121L3.545,2.932L2.475,4.021z M7.676,9.236l1.441,1.428 c-0.051,0.219-0.088,0.444-0.088,0.679c0,1.64,1.33,2.97,2.971,2.97c0.245,0,0.479-0.039,0.704-0.094l1.442,1.428 c-0.647,0.324-1.373,0.512-2.146,0.512c-2.661,0-4.815-2.156-4.815-4.815C7.185,10.585,7.364,9.874,7.676,9.236z M12,6.527 c2.659,0,4.815,2.156,4.815,4.816c0,0.816-0.204,1.585-0.563,2.259l2.416,2.395c1.929-1.367,3.365-3.095,3.365-4.653 c0-3.211-6.087-7.144-10.033-7.144c-1.258,0-2.736,0.41-4.164,1.068l1.862,1.845C10.385,6.739,11.166,6.527,12,6.527z M11.109,8.508 l3.733,3.697c0.081-0.273,0.128-0.563,0.128-0.862c0-1.64-1.332-2.97-2.971-2.97C11.69,8.373,11.392,8.42,11.109,8.508z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-hide:hover {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><polygon points="3.1,4.56 4.1,3.541 20.15,19.441 19.148,20.459 3.1,4.56"/><path fill="%23000000" d="M2.475,4.021L2.443,4.053l2.775,2.75c-1.87,1.362-3.252,3.05-3.252,4.54c0,3.13,6.087,7.144,10.033,7.144 c1.216,0,2.633-0.375,4.018-0.986l3.602,3.568l1.104-1.121L3.545,2.932L2.475,4.021z M7.676,9.236l1.441,1.428 c-0.051,0.219-0.088,0.444-0.088,0.679c0,1.64,1.33,2.97,2.971,2.97c0.245,0,0.479-0.039,0.704-0.094l1.442,1.428 c-0.647,0.324-1.373,0.512-2.146,0.512c-2.661,0-4.815-2.156-4.815-4.815C7.185,10.585,7.364,9.874,7.676,9.236z M12,6.527 c2.659,0,4.815,2.156,4.815,4.816c0,0.816-0.204,1.585-0.563,2.259l2.416,2.395c1.929-1.367,3.365-3.095,3.365-4.653 c0-3.211-6.087-7.144-10.033-7.144c-1.258,0-2.736,0.41-4.164,1.068l1.862,1.845C10.385,6.739,11.166,6.527,12,6.527z M11.109,8.508 l3.733,3.697c0.081-0.273,0.128-0.563,0.128-0.862c0-1.64-1.332-2.97-2.971-2.97C11.69,8.373,11.392,8.42,11.109,8.508z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-hide.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><polygon points="3.1,4.56 4.1,3.541 20.15,19.441 19.148,20.459 3.1,4.56"/><path fill="%23000000" d="M2.475,4.021L2.443,4.053l2.775,2.75c-1.87,1.362-3.252,3.05-3.252,4.54c0,3.13,6.087,7.144,10.033,7.144 c1.216,0,2.633-0.375,4.018-0.986l3.602,3.568l1.104-1.121L3.545,2.932L2.475,4.021z M7.676,9.236l1.441,1.428 c-0.051,0.219-0.088,0.444-0.088,0.679c0,1.64,1.33,2.97,2.971,2.97c0.245,0,0.479-0.039,0.704-0.094l1.442,1.428 c-0.647,0.324-1.373,0.512-2.146,0.512c-2.661,0-4.815-2.156-4.815-4.815C7.185,10.585,7.364,9.874,7.676,9.236z M12,6.527 c2.659,0,4.815,2.156,4.815,4.816c0,0.816-0.204,1.585-0.563,2.259l2.416,2.395c1.929-1.367,3.365-3.095,3.365-4.653 c0-3.211-6.087-7.144-10.033-7.144c-1.258,0-2.736,0.41-4.164,1.068l1.862,1.845C10.385,6.739,11.166,6.527,12,6.527z M11.109,8.508 l3.733,3.697c0.081-0.273,0.128-0.563,0.128-0.862c0-1.64-1.332-2.97-2.971-2.97C11.69,8.373,11.392,8.42,11.109,8.508z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-pin {
    background: #cecece url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><polygon fill="%234B4B4B" points="15.029,12.009 15.029,5.001 16.035,5.001 16.035,3.012 8.041,3.012 8.041,5.001 9.045,5.001 9.045,12.055 7.01,13.955 7.01,15.971 10.992,15.971 10.992,20.988 12.998,20.988 12.998,15.971 16.99,15.971 16.99,13.955 "/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-pin:hover {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><polygon points="15.029,12.009 15.029,5.001 16.035,5.001 16.035,3.012 8.041,3.012 8.041,5.001 9.045,5.001 9.045,12.055 7.01,13.955 7.01,15.971 10.992,15.971 10.992,20.988 12.998,20.988 12.998,15.971 16.99,15.971 16.99,13.955 "/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-pin.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><polygon points="15.029,12.009 15.029,5.001 16.035,5.001 16.035,3.012 8.041,3.012 8.041,5.001 9.045,5.001 9.045,12.055 7.01,13.955 7.01,15.971 10.992,15.971 10.992,20.988 12.998,20.988 12.998,15.971 16.99,15.971 16.99,13.955 "/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-focus {
    background: #cecece url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%234B4B4B" d="M12,9c-1.657,0-3,1.343-3,3c0,1.656,1.343,3,3,3s3-1.344,3-3C15,10.343,13.657,9,12,9z M3.999,19v-4H2v4 c0,1.659,1.343,3,3,3h4v-1.999H5C4.447,19.999,4.001,19.553,3.999,19z M3.999,5C4.001,4.45,4.447,4.003,5,4.001h4V2H5 C3.343,2.002,2,3.343,2,5v4h1.999V5z M20.002,19c-0.003,0.553-0.451,0.999-1.002,1.001h-4V22h4c1.657,0,3-1.341,3-3v-4h-1.998V19z M19,2h-4v2.001h4C19.551,4.003,19.999,4.45,20.002,5v4H22V5C22,3.343,20.657,2.002,19,2z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-focus:hover {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M12,9c-1.657,0-3,1.343-3,3c0,1.656,1.343,3,3,3s3-1.344,3-3C15,10.343,13.657,9,12,9z M3.999,19v-4H2v4 c0,1.659,1.343,3,3,3h4v-1.999H5C4.447,19.999,4.001,19.553,3.999,19z M3.999,5C4.001,4.45,4.447,4.003,5,4.001h4V2H5 C3.343,2.002,2,3.343,2,5v4h1.999V5z M20.002,19c-0.003,0.553-0.451,0.999-1.002,1.001h-4V22h4c1.657,0,3-1.341,3-3v-4h-1.998V19z M19,2h-4v2.001h4C19.551,4.003,19.999,4.45,20.002,5v4H22V5C22,3.343,20.657,2.002,19,2z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-focus.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M12,9c-1.657,0-3,1.343-3,3c0,1.656,1.343,3,3,3s3-1.344,3-3C15,10.343,13.657,9,12,9z M3.999,19v-4H2v4 c0,1.659,1.343,3,3,3h4v-1.999H5C4.447,19.999,4.001,19.553,3.999,19z M3.999,5C4.001,4.45,4.447,4.003,5,4.001h4V2H5 C3.343,2.002,2,3.343,2,5v4h1.999V5z M20.002,19c-0.003,0.553-0.451,0.999-1.002,1.001h-4V22h4c1.657,0,3-1.341,3-3v-4h-1.998V19z M19,2h-4v2.001h4C19.551,4.003,19.999,4.45,20.002,5v4H22V5C22,3.343,20.657,2.002,19,2z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-limit {
    background: #cecece url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%234B4B4B" d="M12,2C6.477,2.002,2.001,6.478,2.001,12c0,5.523,4.476,10,9.999,10s9.999-4.477,9.999-10C21.999,6.478,17.523,2.002,12,2z M12,20.001C7.581,19.992,4.008,16.419,4,12c0.008-4.418,3.581-7.991,8-8c4.419,0.009,7.992,3.582,8,8 C19.992,16.419,16.419,19.992,12,20.001z M6.685,9.71v1.178H8.62v4.994h1.563V8.181H8.938C8.774,9.358,7.772,9.732,6.685,9.71z M14.483,8.027c-1.518,0-2.816,0.968-2.816,3.971c0,3.07,1.299,4.037,2.816,4.037c1.541,0,2.838-0.967,2.838-4.037 C17.321,8.995,16.024,8.027,14.483,8.027z M14.483,14.748c-1.254,0-1.254-1.881-1.254-2.75c0-0.803,0-2.684,1.254-2.684 c1.275,0,1.275,1.881,1.275,2.684C15.759,12.867,15.759,14.748,14.483,14.748z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-limit:hover {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M12,2C6.477,2.002,2.001,6.478,2.001,12c0,5.523,4.476,10,9.999,10s9.999-4.477,9.999-10C21.999,6.478,17.523,2.002,12,2z M12,20.001C7.581,19.992,4.008,16.419,4,12c0.008-4.418,3.581-7.991,8-8c4.419,0.009,7.992,3.582,8,8 C19.992,16.419,16.419,19.992,12,20.001z M6.685,9.71v1.178H8.62v4.994h1.563V8.181H8.938C8.774,9.358,7.772,9.732,6.685,9.71z M14.483,8.027c-1.518,0-2.816,0.968-2.816,3.971c0,3.07,1.299,4.037,2.816,4.037c1.541,0,2.838-0.967,2.838-4.037 C17.321,8.995,16.024,8.027,14.483,8.027z M14.483,14.748c-1.254,0-1.254-1.881-1.254-2.75c0-0.803,0-2.684,1.254-2.684 c1.275,0,1.275,1.881,1.275,2.684C15.759,12.867,15.759,14.748,14.483,14.748z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-limit.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M12,2C6.477,2.002,2.001,6.478,2.001,12c0,5.523,4.476,10,9.999,10s9.999-4.477,9.999-10C21.999,6.478,17.523,2.002,12,2z M12,20.001C7.581,19.992,4.008,16.419,4,12c0.008-4.418,3.581-7.991,8-8c4.419,0.009,7.992,3.582,8,8 C19.992,16.419,16.419,19.992,12,20.001z M6.685,9.71v1.178H8.62v4.994h1.563V8.181H8.938C8.774,9.358,7.772,9.732,6.685,9.71z M14.483,8.027c-1.518,0-2.816,0.968-2.816,3.971c0,3.07,1.299,4.037,2.816,4.037c1.541,0,2.838-0.967,2.838-4.037 C17.321,8.995,16.024,8.027,14.483,8.027z M14.483,14.748c-1.254,0-1.254-1.881-1.254-2.75c0-0.803,0-2.684,1.254-2.684 c1.275,0,1.275,1.881,1.275,2.684C15.759,12.867,15.759,14.748,14.483,14.748z" /></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-info {
    background: #cecece url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%234B4B4B" d="M12,2C6.477,2.002,2.001,6.477,2.001,12S6.477,22,12,22s9.999-4.477,9.999-10S17.523,2.002,12,2z M12,20.001 C7.581,19.992,4.008,16.419,4,12c0.008-4.418,3.581-7.991,8-8c4.419,0.009,7.992,3.582,8,8C19.992,16.419,16.419,19.992,12,20.001z M13.356,10.34h-0.41l-2.317,0.375l-0.089,0.273c0.096-0.004,0.178-0.006,0.246-0.006c0.15,0,0.269,0.038,0.355,0.115 c0.087,0.078,0.13,0.167,0.13,0.268c0,0.159-0.046,0.396-0.137,0.711l-0.95,3.268c-0.077,0.26-0.116,0.474-0.116,0.643 c0,0.255,0.088,0.465,0.263,0.632c0.176,0.167,0.412,0.249,0.708,0.249c0.774,0,1.506-0.599,2.194-1.797l-0.232-0.137 c-0.287,0.441-0.533,0.747-0.738,0.916c-0.077,0.068-0.155,0.102-0.232,0.102c-0.046,0-0.089-0.021-0.13-0.064 s-0.062-0.09-0.062-0.141c0-0.086,0.039-0.269,0.116-0.547L13.356,10.34z M12.933,7.195c-0.278,0-0.514,0.098-0.707,0.293 c-0.194,0.196-0.291,0.434-0.291,0.711c0,0.278,0.098,0.516,0.294,0.711c0.196,0.196,0.431,0.295,0.704,0.295 c0.278,0,0.515-0.099,0.711-0.295c0.196-0.195,0.294-0.433,0.294-0.711c0-0.277-0.097-0.515-0.29-0.711 C13.453,7.293,13.215,7.195,12.933,7.195z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-info:hover {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M12,2C6.477,2.002,2.001,6.477,2.001,12S6.477,22,12,22s9.999-4.477,9.999-10S17.523,2.002,12,2z M12,20.001 C7.581,19.992,4.008,16.419,4,12c0.008-4.418,3.581-7.991,8-8c4.419,0.009,7.992,3.582,8,8C19.992,16.419,16.419,19.992,12,20.001z M13.356,10.34h-0.41l-2.317,0.375l-0.089,0.273c0.096-0.004,0.178-0.006,0.246-0.006c0.15,0,0.269,0.038,0.355,0.115 c0.087,0.078,0.13,0.167,0.13,0.268c0,0.159-0.046,0.396-0.137,0.711l-0.95,3.268c-0.077,0.26-0.116,0.474-0.116,0.643 c0,0.255,0.088,0.465,0.263,0.632c0.176,0.167,0.412,0.249,0.708,0.249c0.774,0,1.506-0.599,2.194-1.797l-0.232-0.137 c-0.287,0.441-0.533,0.747-0.738,0.916c-0.077,0.068-0.155,0.102-0.232,0.102c-0.046,0-0.089-0.021-0.13-0.064 s-0.062-0.09-0.062-0.141c0-0.086,0.039-0.269,0.116-0.547L13.356,10.34z M12.933,7.195c-0.278,0-0.514,0.098-0.707,0.293 c-0.194,0.196-0.291,0.434-0.291,0.711c0,0.278,0.098,0.516,0.294,0.711c0.196,0.196,0.431,0.295,0.704,0.295 c0.278,0,0.515-0.099,0.711-0.295c0.196-0.195,0.294-0.433,0.294-0.711c0-0.277-0.097-0.515-0.29-0.711 C13.453,7.293,13.215,7.195,12.933,7.195z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-info.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M12,2C6.477,2.002,2.001,6.477,2.001,12S6.477,22,12,22s9.999-4.477,9.999-10S17.523,2.002,12,2z M12,20.001 C7.581,19.992,4.008,16.419,4,12c0.008-4.418,3.581-7.991,8-8c4.419,0.009,7.992,3.582,8,8C19.992,16.419,16.419,19.992,12,20.001z M13.356,10.34h-0.41l-2.317,0.375l-0.089,0.273c0.096-0.004,0.178-0.006,0.246-0.006c0.15,0,0.269,0.038,0.355,0.115 c0.087,0.078,0.13,0.167,0.13,0.268c0,0.159-0.046,0.396-0.137,0.711l-0.95,3.268c-0.077,0.26-0.116,0.474-0.116,0.643 c0,0.255,0.088,0.465,0.263,0.632c0.176,0.167,0.412,0.249,0.708,0.249c0.774,0,1.506-0.599,2.194-1.797l-0.232-0.137 c-0.287,0.441-0.533,0.747-0.738,0.916c-0.077,0.068-0.155,0.102-0.232,0.102c-0.046,0-0.089-0.021-0.13-0.064 s-0.062-0.09-0.062-0.141c0-0.086,0.039-0.269,0.116-0.547L13.356,10.34z M12.933,7.195c-0.278,0-0.514,0.098-0.707,0.293 c-0.194,0.196-0.291,0.434-0.291,0.711c0,0.278,0.098,0.516,0.294,0.711c0.196,0.196,0.431,0.295,0.704,0.295 c0.278,0,0.515-0.099,0.711-0.295c0.196-0.195,0.294-0.433,0.294-0.711c0-0.277-0.097-0.515-0.29-0.711 C13.453,7.293,13.215,7.195,12.933,7.195z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}


.button-export-svg {
    background: #cecece url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%234B4B4B" d="M21.587,9.682c-0.003-0.024-0.007-0.044-0.014-0.068c-0.022-0.083-0.059-0.162-0.121-0.224L20.15,8.105l-2.604-2.571 c-0.002-0.002-0.005-0.002-0.007-0.004c-0.062-0.058-0.137-0.093-0.217-0.114c-0.023-0.006-0.044-0.01-0.067-0.013 c-0.02-0.002-0.038-0.012-0.059-0.012h-2.122l0.849,0.999h0.773v3.358c0,0.134,0.052,0.259,0.146,0.354 c0.092,0.095,0.22,0.146,0.354,0.146H20.6v10.982H7.881v-1.656h5.796c0.121,0,0.219-0.099,0.219-0.22v-5.298 c0-0.121-0.098-0.22-0.219-0.22H7.881V7.952C7.857,7.759,7.838,7.565,7.829,7.367H6.881v6.469H2.118c-0.122,0-0.22,0.099-0.22,0.22 v5.298c0,0.121,0.098,0.22,0.22,0.22h4.763v2.156c0,0.134,0.052,0.26,0.146,0.354c0.095,0.095,0.221,0.146,0.354,0.146h13.72 c0.132,0,0.258-0.051,0.353-0.146s0.146-0.221,0.146-0.354V9.746C21.6,9.724,21.59,9.704,21.587,9.682z M11.379,14.786 c1.117,0,1.558,0.726,1.597,1.229h-0.76c0-0.143-0.259-0.6-0.797-0.6c-0.543,0-1.045,0.376-1.045,1.31 c0,0.995,0.543,1.253,1.061,1.253c0.167,0,0.725-0.065,0.883-0.801h-0.848v-0.615h1.521v1.965h-0.508l-0.074-0.457 c-0.193,0.223-0.473,0.553-1.137,0.553c-0.878,0-1.675-0.629-1.675-1.907C9.598,15.72,10.151,14.781,11.379,14.786z M4.361,18.622 c-1.33,0-1.558-0.766-1.558-1.218h0.731c0.004,0.203,0.106,0.589,0.771,0.589c0.36,0,0.761-0.086,0.761-0.472 c0-0.284-0.274-0.36-0.659-0.452l-0.391-0.091c-0.589-0.138-1.157-0.269-1.157-1.071c0-0.405,0.218-1.121,1.401-1.121 c1.116,0,1.416,0.73,1.421,1.178H4.95c-0.02-0.162-0.081-0.549-0.746-0.549c-0.289,0-0.634,0.107-0.634,0.438 c0,0.283,0.233,0.344,0.386,0.38l0.888,0.218c0.498,0.123,0.954,0.325,0.954,0.98C5.797,18.526,4.681,18.622,4.361,18.622z  M7.314,18.526l-1.228-3.644h0.817l0.782,2.761h0.01l0.792-2.761h0.792l-1.238,3.644H7.314z M13.715,13.024 c3.229,0,4.387-2.192,4.387-2.192c-3.992,0.192-4.414-2.727-4.416-3.965h1.988L10.916,1.27L6.157,6.867h2.166 C8.259,10.402,10.659,13.024,13.715,13.024z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-export-svg:hover {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M21.587,9.682c-0.003-0.024-0.007-0.044-0.014-0.068c-0.022-0.083-0.059-0.162-0.121-0.224L20.15,8.105l-2.604-2.571 c-0.002-0.002-0.005-0.002-0.007-0.004c-0.062-0.058-0.137-0.093-0.217-0.114c-0.023-0.006-0.044-0.01-0.067-0.013 c-0.02-0.002-0.038-0.012-0.059-0.012h-2.122l0.849,0.999h0.773v3.358c0,0.134,0.052,0.259,0.146,0.354 c0.092,0.095,0.22,0.146,0.354,0.146H20.6v10.982H7.881v-1.656h5.796c0.121,0,0.219-0.099,0.219-0.22v-5.298 c0-0.121-0.098-0.22-0.219-0.22H7.881V7.952C7.857,7.759,7.838,7.565,7.829,7.367H6.881v6.469H2.118c-0.122,0-0.22,0.099-0.22,0.22 v5.298c0,0.121,0.098,0.22,0.22,0.22h4.763v2.156c0,0.134,0.052,0.26,0.146,0.354c0.095,0.095,0.221,0.146,0.354,0.146h13.72 c0.132,0,0.258-0.051,0.353-0.146s0.146-0.221,0.146-0.354V9.746C21.6,9.724,21.59,9.704,21.587,9.682z M11.379,14.786 c1.117,0,1.558,0.726,1.597,1.229h-0.76c0-0.143-0.259-0.6-0.797-0.6c-0.543,0-1.045,0.376-1.045,1.31 c0,0.995,0.543,1.253,1.061,1.253c0.167,0,0.725-0.065,0.883-0.801h-0.848v-0.615h1.521v1.965h-0.508l-0.074-0.457 c-0.193,0.223-0.473,0.553-1.137,0.553c-0.878,0-1.675-0.629-1.675-1.907C9.598,15.72,10.151,14.781,11.379,14.786z M4.361,18.622 c-1.33,0-1.558-0.766-1.558-1.218h0.731c0.004,0.203,0.106,0.589,0.771,0.589c0.36,0,0.761-0.086,0.761-0.472 c0-0.284-0.274-0.36-0.659-0.452l-0.391-0.091c-0.589-0.138-1.157-0.269-1.157-1.071c0-0.405,0.218-1.121,1.401-1.121 c1.116,0,1.416,0.73,1.421,1.178H4.95c-0.02-0.162-0.081-0.549-0.746-0.549c-0.289,0-0.634,0.107-0.634,0.438 c0,0.283,0.233,0.344,0.386,0.38l0.888,0.218c0.498,0.123,0.954,0.325,0.954,0.98C5.797,18.526,4.681,18.622,4.361,18.622z  M7.314,18.526l-1.228-3.644h0.817l0.782,2.761h0.01l0.792-2.761h0.792l-1.238,3.644H7.314z M13.715,13.024 c3.229,0,4.387-2.192,4.387-2.192c-3.992,0.192-4.414-2.727-4.416-3.965h1.988L10.916,1.27L6.157,6.867h2.166 C8.259,10.402,10.659,13.024,13.715,13.024z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-export-svg.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M21.587,9.682c-0.003-0.024-0.007-0.044-0.014-0.068c-0.022-0.083-0.059-0.162-0.121-0.224L20.15,8.105l-2.604-2.571 c-0.002-0.002-0.005-0.002-0.007-0.004c-0.062-0.058-0.137-0.093-0.217-0.114c-0.023-0.006-0.044-0.01-0.067-0.013 c-0.02-0.002-0.038-0.012-0.059-0.012h-2.122l0.849,0.999h0.773v3.358c0,0.134,0.052,0.259,0.146,0.354 c0.092,0.095,0.22,0.146,0.354,0.146H20.6v10.982H7.881v-1.656h5.796c0.121,0,0.219-0.099,0.219-0.22v-5.298 c0-0.121-0.098-0.22-0.219-0.22H7.881V7.952C7.857,7.759,7.838,7.565,7.829,7.367H6.881v6.469H2.118c-0.122,0-0.22,0.099-0.22,0.22 v5.298c0,0.121,0.098,0.22,0.22,0.22h4.763v2.156c0,0.134,0.052,0.26,0.146,0.354c0.095,0.095,0.221,0.146,0.354,0.146h13.72 c0.132,0,0.258-0.051,0.353-0.146s0.146-0.221,0.146-0.354V9.746C21.6,9.724,21.59,9.704,21.587,9.682z M11.379,14.786 c1.117,0,1.558,0.726,1.597,1.229h-0.76c0-0.143-0.259-0.6-0.797-0.6c-0.543,0-1.045,0.376-1.045,1.31 c0,0.995,0.543,1.253,1.061,1.253c0.167,0,0.725-0.065,0.883-0.801h-0.848v-0.615h1.521v1.965h-0.508l-0.074-0.457 c-0.193,0.223-0.473,0.553-1.137,0.553c-0.878,0-1.675-0.629-1.675-1.907C9.598,15.72,10.151,14.781,11.379,14.786z M4.361,18.622 c-1.33,0-1.558-0.766-1.558-1.218h0.731c0.004,0.203,0.106,0.589,0.771,0.589c0.36,0,0.761-0.086,0.761-0.472 c0-0.284-0.274-0.36-0.659-0.452l-0.391-0.091c-0.589-0.138-1.157-0.269-1.157-1.071c0-0.405,0.218-1.121,1.401-1.121 c1.116,0,1.416,0.73,1.421,1.178H4.95c-0.02-0.162-0.081-0.549-0.746-0.549c-0.289,0-0.634,0.107-0.634,0.438 c0,0.283,0.233,0.344,0.386,0.38l0.888,0.218c0.498,0.123,0.954,0.325,0.954,0.98C5.797,18.526,4.681,18.622,4.361,18.622z  M7.314,18.526l-1.228-3.644h0.817l0.782,2.761h0.01l0.792-2.761h0.792l-1.238,3.644H7.314z M13.715,13.024 c3.229,0,4.387-2.192,4.387-2.192c-3.992,0.192-4.414-2.727-4.416-3.965h1.988L10.916,1.27L6.157,6.867h2.166 C8.259,10.402,10.659,13.024,13.715,13.024z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}

.button-saveas-pdf {
    background: #cecece url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%234B4B4B" d="M19.347,7.867c-0.003-0.021-0.007-0.039-0.013-0.059c-0.023-0.085-0.061-0.166-0.124-0.229l-2.634-2.601l-1.269-1.253 c0,0-0.001,0-0.001,0c-0.063-0.063-0.142-0.098-0.225-0.119c-0.023-0.007-0.045-0.011-0.068-0.014 c-0.021-0.002-0.038-0.011-0.059-0.011H5.139c-0.132,0-0.259,0.052-0.354,0.144C4.692,3.819,4.639,3.947,4.639,4.081V19.92 c0,0.13,0.053,0.26,0.146,0.353c0.095,0.093,0.222,0.147,0.354,0.147H18.86c0.13,0,0.26-0.055,0.353-0.147 c0.094-0.093,0.147-0.223,0.147-0.353V7.936C19.36,7.912,19.35,7.89,19.347,7.867z M5.854,18.95c0-0.039,0.005-0.089,0.018-0.146 c0.033-0.136,0.095-0.297,0.364-0.562c0.268-0.266,0.74-0.609,1.403-0.932c0.069-0.033,0.141-0.066,0.214-0.1 c-0.476,0.64-0.883,1.078-1.198,1.345c-0.399,0.337-0.636,0.403-0.776,0.429c-0.008,0-0.016,0.002-0.022,0.004 C5.855,18.977,5.854,18.964,5.854,18.95z M18.358,19.418H6.493c0.168-0.087,0.356-0.207,0.566-0.386 c0.464-0.397,1.043-1.051,1.718-2.047c0.042-0.063,0.086-0.127,0.128-0.193c0.337-0.119,0.674-0.229,0.981-0.317 c0.71-0.21,1.262-0.32,1.752-0.408c0.387-0.071,0.727-0.126,1.048-0.16c0.191,0.206,0.376,0.399,0.55,0.57 c0.467,0.467,0.835,0.773,1.187,1.021c0.352,0.246,0.688,0.442,1.018,0.541c0.156,0.047,0.307,0.069,0.451,0.069 c0.159,0.001,0.308-0.026,0.442-0.071c0.124-0.039,0.251-0.097,0.367-0.183s0.22-0.203,0.288-0.349 c0.063-0.137,0.092-0.286,0.092-0.44c0-0.167-0.036-0.339-0.108-0.504c-0.144-0.314-0.397-0.56-0.686-0.74 c-0.288-0.179-0.604-0.289-0.96-0.373c-0.35-0.088-0.753-0.154-1.166-0.188c-0.208-0.018-0.418-0.025-0.63-0.025 c-0.195,0-0.393,0.007-0.593,0.021c-0.254-0.282-0.508-0.582-0.742-0.876c-0.465-0.592-0.845-1.168-1.097-1.643 c-0.036-0.068-0.07-0.135-0.101-0.198c0.358-1.121,0.55-2.172,0.62-2.815c0.033-0.319,0.063-0.524,0.066-0.708 c-0.001-0.114-0.013-0.239-0.084-0.363c-0.072-0.124-0.187-0.199-0.284-0.243l-0.002,0.004c-0.085-0.051-0.172-0.101-0.281-0.139 l-0.004-0.001c-0.06-0.018-0.121-0.026-0.172-0.025c-0.084,0-0.137,0.015-0.146,0.015c-0.022,0.004-0.135,0.01-0.26,0.059 c-0.122,0.045-0.311,0.14-0.45,0.346c-0.136,0.204-0.189,0.44-0.228,0.722C9.75,9.564,9.734,9.764,9.734,9.986 c0,0.136,0.005,0.281,0.02,0.432c0.038,0.395,0.13,0.816,0.249,1.236c0.082,0.292,0.179,0.594,0.326,0.926 c-0.052,0.156-0.109,0.313-0.169,0.469c-0.439,1.16-1.073,2.312-1.663,3.229c-0.393,0.146-0.782,0.305-1.13,0.474 C6.65,17.1,6.131,17.473,5.8,17.798c-0.062,0.06-0.111,0.117-0.161,0.176V4.579h8.816v3.358c0,0.131,0.052,0.259,0.146,0.352 c0.095,0.095,0.22,0.146,0.354,0.146h3.403V19.418z M10.718,13.334c0.26,0.444,0.597,0.935,0.99,1.433 c0.153,0.193,0.313,0.387,0.475,0.575c-0.208,0.032-0.425,0.069-0.656,0.11c-0.5,0.09-1.08,0.208-1.817,0.423 c-0.092,0.027-0.19,0.058-0.287,0.088C9.894,15.169,10.36,14.264,10.718,13.334z M10.357,9.986c0-0.191,0.014-0.364,0.034-0.512 c0.031-0.243,0.083-0.397,0.125-0.456c0.037-0.055,0.098-0.091,0.154-0.111c0.051-0.018,0.042-0.013,0.127-0.024 c0.027-0.003,0.044-0.007,0.053-0.007c0,0,0.001,0,0.003-0.001c0.03,0.012,0.117,0.06,0.206,0.117l0.001-0.004 c0.001,0.008,0.001,0.018,0.001,0.031c0.001,0.102-0.028,0.317-0.063,0.643c-0.048,0.449-0.167,1.142-0.37,1.917 c-0.009-0.031-0.017-0.06-0.027-0.092c-0.11-0.396-0.195-0.787-0.227-1.127C10.361,10.227,10.357,10.103,10.357,9.986z M13.5,15.859 c0.01-0.001,0.021-0.001,0.031-0.001c0.194,0,0.388,0.007,0.577,0.023c0.381,0.03,0.754,0.094,1.072,0.173 c0.322,0.076,0.568,0.166,0.776,0.294c0.209,0.131,0.375,0.308,0.447,0.469c0.036,0.081,0.054,0.17,0.054,0.248 c0,0.072-0.016,0.135-0.034,0.177c-0.021,0.043-0.049,0.077-0.096,0.112c-0.045,0.034-0.108,0.065-0.185,0.089 c-0.083,0.026-0.163,0.042-0.252,0.042c-0.081,0-0.169-0.013-0.272-0.043c-0.22-0.063-0.518-0.228-0.837-0.455 c-0.32-0.225-0.657-0.505-1.107-0.952C13.618,15.979,13.56,15.919,13.5,15.859z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-saveas-pdf:hover {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M19.347,7.867c-0.003-0.021-0.007-0.039-0.013-0.059c-0.023-0.085-0.061-0.166-0.124-0.229l-2.634-2.601l-1.269-1.253 c0,0-0.001,0-0.001,0c-0.063-0.063-0.142-0.098-0.225-0.119c-0.023-0.007-0.045-0.011-0.068-0.014 c-0.021-0.002-0.038-0.011-0.059-0.011H5.139c-0.132,0-0.259,0.052-0.354,0.144C4.692,3.819,4.639,3.947,4.639,4.081V19.92 c0,0.13,0.053,0.26,0.146,0.353c0.095,0.093,0.222,0.147,0.354,0.147H18.86c0.13,0,0.26-0.055,0.353-0.147 c0.094-0.093,0.147-0.223,0.147-0.353V7.936C19.36,7.912,19.35,7.89,19.347,7.867z M5.854,18.95c0-0.039,0.005-0.089,0.018-0.146 c0.033-0.136,0.095-0.297,0.364-0.562c0.268-0.266,0.74-0.609,1.403-0.932c0.069-0.033,0.141-0.066,0.214-0.1 c-0.476,0.64-0.883,1.078-1.198,1.345c-0.399,0.337-0.636,0.403-0.776,0.429c-0.008,0-0.016,0.002-0.022,0.004 C5.855,18.977,5.854,18.964,5.854,18.95z M18.358,19.418H6.493c0.168-0.087,0.356-0.207,0.566-0.386 c0.464-0.397,1.043-1.051,1.718-2.047c0.042-0.063,0.086-0.127,0.128-0.193c0.337-0.119,0.674-0.229,0.981-0.317 c0.71-0.21,1.262-0.32,1.752-0.408c0.387-0.071,0.727-0.126,1.048-0.16c0.191,0.206,0.376,0.399,0.55,0.57 c0.467,0.467,0.835,0.773,1.187,1.021c0.352,0.246,0.688,0.442,1.018,0.541c0.156,0.047,0.307,0.069,0.451,0.069 c0.159,0.001,0.308-0.026,0.442-0.071c0.124-0.039,0.251-0.097,0.367-0.183s0.22-0.203,0.288-0.349 c0.063-0.137,0.092-0.286,0.092-0.44c0-0.167-0.036-0.339-0.108-0.504c-0.144-0.314-0.397-0.56-0.686-0.74 c-0.288-0.179-0.604-0.289-0.96-0.373c-0.35-0.088-0.753-0.154-1.166-0.188c-0.208-0.018-0.418-0.025-0.63-0.025 c-0.195,0-0.393,0.007-0.593,0.021c-0.254-0.282-0.508-0.582-0.742-0.876c-0.465-0.592-0.845-1.168-1.097-1.643 c-0.036-0.068-0.07-0.135-0.101-0.198c0.358-1.121,0.55-2.172,0.62-2.815c0.033-0.319,0.063-0.524,0.066-0.708 c-0.001-0.114-0.013-0.239-0.084-0.363c-0.072-0.124-0.187-0.199-0.284-0.243l-0.002,0.004c-0.085-0.051-0.172-0.101-0.281-0.139 l-0.004-0.001c-0.06-0.018-0.121-0.026-0.172-0.025c-0.084,0-0.137,0.015-0.146,0.015c-0.022,0.004-0.135,0.01-0.26,0.059 c-0.122,0.045-0.311,0.14-0.45,0.346c-0.136,0.204-0.189,0.44-0.228,0.722C9.75,9.564,9.734,9.764,9.734,9.986 c0,0.136,0.005,0.281,0.02,0.432c0.038,0.395,0.13,0.816,0.249,1.236c0.082,0.292,0.179,0.594,0.326,0.926 c-0.052,0.156-0.109,0.313-0.169,0.469c-0.439,1.16-1.073,2.312-1.663,3.229c-0.393,0.146-0.782,0.305-1.13,0.474 C6.65,17.1,6.131,17.473,5.8,17.798c-0.062,0.06-0.111,0.117-0.161,0.176V4.579h8.816v3.358c0,0.131,0.052,0.259,0.146,0.352 c0.095,0.095,0.22,0.146,0.354,0.146h3.403V19.418z M10.718,13.334c0.26,0.444,0.597,0.935,0.99,1.433 c0.153,0.193,0.313,0.387,0.475,0.575c-0.208,0.032-0.425,0.069-0.656,0.11c-0.5,0.09-1.08,0.208-1.817,0.423 c-0.092,0.027-0.19,0.058-0.287,0.088C9.894,15.169,10.36,14.264,10.718,13.334z M10.357,9.986c0-0.191,0.014-0.364,0.034-0.512 c0.031-0.243,0.083-0.397,0.125-0.456c0.037-0.055,0.098-0.091,0.154-0.111c0.051-0.018,0.042-0.013,0.127-0.024 c0.027-0.003,0.044-0.007,0.053-0.007c0,0,0.001,0,0.003-0.001c0.03,0.012,0.117,0.06,0.206,0.117l0.001-0.004 c0.001,0.008,0.001,0.018,0.001,0.031c0.001,0.102-0.028,0.317-0.063,0.643c-0.048,0.449-0.167,1.142-0.37,1.917 c-0.009-0.031-0.017-0.06-0.027-0.092c-0.11-0.396-0.195-0.787-0.227-1.127C10.361,10.227,10.357,10.103,10.357,9.986z M13.5,15.859 c0.01-0.001,0.021-0.001,0.031-0.001c0.194,0,0.388,0.007,0.577,0.023c0.381,0.03,0.754,0.094,1.072,0.173 c0.322,0.076,0.568,0.166,0.776,0.294c0.209,0.131,0.375,0.308,0.447,0.469c0.036,0.081,0.054,0.17,0.054,0.248 c0,0.072-0.016,0.135-0.034,0.177c-0.021,0.043-0.049,0.077-0.096,0.112c-0.045,0.034-0.108,0.065-0.185,0.089 c-0.083,0.026-0.163,0.042-0.252,0.042c-0.081,0-0.169-0.013-0.272-0.043c-0.22-0.063-0.518-0.228-0.837-0.455 c-0.32-0.225-0.657-0.505-1.107-0.952C13.618,15.979,13.56,15.919,13.5,15.859z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}
.button-saveas-pdf.active {
    background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="%23000000" d="M19.347,7.867c-0.003-0.021-0.007-0.039-0.013-0.059c-0.023-0.085-0.061-0.166-0.124-0.229l-2.634-2.601l-1.269-1.253 c0,0-0.001,0-0.001,0c-0.063-0.063-0.142-0.098-0.225-0.119c-0.023-0.007-0.045-0.011-0.068-0.014 c-0.021-0.002-0.038-0.011-0.059-0.011H5.139c-0.132,0-0.259,0.052-0.354,0.144C4.692,3.819,4.639,3.947,4.639,4.081V19.92 c0,0.13,0.053,0.26,0.146,0.353c0.095,0.093,0.222,0.147,0.354,0.147H18.86c0.13,0,0.26-0.055,0.353-0.147 c0.094-0.093,0.147-0.223,0.147-0.353V7.936C19.36,7.912,19.35,7.89,19.347,7.867z M5.854,18.95c0-0.039,0.005-0.089,0.018-0.146 c0.033-0.136,0.095-0.297,0.364-0.562c0.268-0.266,0.74-0.609,1.403-0.932c0.069-0.033,0.141-0.066,0.214-0.1 c-0.476,0.64-0.883,1.078-1.198,1.345c-0.399,0.337-0.636,0.403-0.776,0.429c-0.008,0-0.016,0.002-0.022,0.004 C5.855,18.977,5.854,18.964,5.854,18.95z M18.358,19.418H6.493c0.168-0.087,0.356-0.207,0.566-0.386 c0.464-0.397,1.043-1.051,1.718-2.047c0.042-0.063,0.086-0.127,0.128-0.193c0.337-0.119,0.674-0.229,0.981-0.317 c0.71-0.21,1.262-0.32,1.752-0.408c0.387-0.071,0.727-0.126,1.048-0.16c0.191,0.206,0.376,0.399,0.55,0.57 c0.467,0.467,0.835,0.773,1.187,1.021c0.352,0.246,0.688,0.442,1.018,0.541c0.156,0.047,0.307,0.069,0.451,0.069 c0.159,0.001,0.308-0.026,0.442-0.071c0.124-0.039,0.251-0.097,0.367-0.183s0.22-0.203,0.288-0.349 c0.063-0.137,0.092-0.286,0.092-0.44c0-0.167-0.036-0.339-0.108-0.504c-0.144-0.314-0.397-0.56-0.686-0.74 c-0.288-0.179-0.604-0.289-0.96-0.373c-0.35-0.088-0.753-0.154-1.166-0.188c-0.208-0.018-0.418-0.025-0.63-0.025 c-0.195,0-0.393,0.007-0.593,0.021c-0.254-0.282-0.508-0.582-0.742-0.876c-0.465-0.592-0.845-1.168-1.097-1.643 c-0.036-0.068-0.07-0.135-0.101-0.198c0.358-1.121,0.55-2.172,0.62-2.815c0.033-0.319,0.063-0.524,0.066-0.708 c-0.001-0.114-0.013-0.239-0.084-0.363c-0.072-0.124-0.187-0.199-0.284-0.243l-0.002,0.004c-0.085-0.051-0.172-0.101-0.281-0.139 l-0.004-0.001c-0.06-0.018-0.121-0.026-0.172-0.025c-0.084,0-0.137,0.015-0.146,0.015c-0.022,0.004-0.135,0.01-0.26,0.059 c-0.122,0.045-0.311,0.14-0.45,0.346c-0.136,0.204-0.189,0.44-0.228,0.722C9.75,9.564,9.734,9.764,9.734,9.986 c0,0.136,0.005,0.281,0.02,0.432c0.038,0.395,0.13,0.816,0.249,1.236c0.082,0.292,0.179,0.594,0.326,0.926 c-0.052,0.156-0.109,0.313-0.169,0.469c-0.439,1.16-1.073,2.312-1.663,3.229c-0.393,0.146-0.782,0.305-1.13,0.474 C6.65,17.1,6.131,17.473,5.8,17.798c-0.062,0.06-0.111,0.117-0.161,0.176V4.579h8.816v3.358c0,0.131,0.052,0.259,0.146,0.352 c0.095,0.095,0.22,0.146,0.354,0.146h3.403V19.418z M10.718,13.334c0.26,0.444,0.597,0.935,0.99,1.433 c0.153,0.193,0.313,0.387,0.475,0.575c-0.208,0.032-0.425,0.069-0.656,0.11c-0.5,0.09-1.08,0.208-1.817,0.423 c-0.092,0.027-0.19,0.058-0.287,0.088C9.894,15.169,10.36,14.264,10.718,13.334z M10.357,9.986c0-0.191,0.014-0.364,0.034-0.512 c0.031-0.243,0.083-0.397,0.125-0.456c0.037-0.055,0.098-0.091,0.154-0.111c0.051-0.018,0.042-0.013,0.127-0.024 c0.027-0.003,0.044-0.007,0.053-0.007c0,0,0.001,0,0.003-0.001c0.03,0.012,0.117,0.06,0.206,0.117l0.001-0.004 c0.001,0.008,0.001,0.018,0.001,0.031c0.001,0.102-0.028,0.317-0.063,0.643c-0.048,0.449-0.167,1.142-0.37,1.917 c-0.009-0.031-0.017-0.06-0.027-0.092c-0.11-0.396-0.195-0.787-0.227-1.127C10.361,10.227,10.357,10.103,10.357,9.986z M13.5,15.859 c0.01-0.001,0.021-0.001,0.031-0.001c0.194,0,0.388,0.007,0.577,0.023c0.381,0.03,0.754,0.094,1.072,0.173 c0.322,0.076,0.568,0.166,0.776,0.294c0.209,0.131,0.375,0.308,0.447,0.469c0.036,0.081,0.054,0.17,0.054,0.248 c0,0.072-0.016,0.135-0.034,0.177c-0.021,0.043-0.049,0.077-0.096,0.112c-0.045,0.034-0.108,0.065-0.185,0.089 c-0.083,0.026-0.163,0.042-0.252,0.042c-0.081,0-0.169-0.013-0.272-0.043c-0.22-0.063-0.518-0.228-0.837-0.455 c-0.32-0.225-0.657-0.505-1.107-0.952C13.618,15.979,13.56,15.919,13.5,15.859z"/></svg>') no-repeat center center;
    width: 24px;
    height: 24px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: 0px solid #898989;
      border-radius: 0px;
}

.button-info-tab {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23136136136" d="M8,2.184C4.788,2.185,2.185,4.788,2.185,8c0,3.213,2.604,5.815,5.815,5.817c3.212-0.002,5.814-2.604,5.815-5.817 C13.814,4.788,11.212,2.185,8,2.184z M8,12.643C5.436,12.639,3.361,10.564,3.356,8C3.361,5.436,5.436,3.361,8,3.356 C10.564,3.361,12.638,5.436,12.643,8C12.638,10.564,10.564,12.639,8,12.643z M9.021,6.657h-0.31L6.964,6.94L6.897,7.146 C6.97,7.143,7.031,7.141,7.083,7.141c0.113,0,0.202,0.029,0.268,0.087S7.449,7.354,7.449,7.43c0,0.12-0.035,0.299-0.104,0.536 L6.63,10.428c-0.059,0.197-0.088,0.357-0.088,0.484c0,0.193,0.065,0.352,0.198,0.477c0.132,0.127,0.31,0.189,0.533,0.189 c0.583,0,1.136-0.453,1.653-1.355l-0.175-0.104c-0.216,0.334-0.401,0.564-0.556,0.691c-0.059,0.051-0.117,0.076-0.176,0.076 c-0.035,0-0.067-0.016-0.098-0.049c-0.031-0.033-0.047-0.066-0.047-0.105c0-0.064,0.029-0.203,0.088-0.412L9.021,6.657z M8.7,4.287 c-0.209,0-0.387,0.074-0.533,0.222C8.021,4.656,7.948,4.834,7.948,5.044S8.022,5.432,8.17,5.58C8.317,5.728,8.494,5.801,8.7,5.801 c0.209,0,0.389-0.073,0.536-0.222c0.147-0.148,0.222-0.326,0.222-0.536S9.385,4.656,9.239,4.508C9.093,4.36,8.913,4.287,8.7,4.287z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: none;
      border-radius: 0px;
}
.button-info-tab:hover {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23102102102" d="M8,2.184C4.788,2.185,2.185,4.788,2.185,8c0,3.213,2.604,5.815,5.815,5.817c3.212-0.002,5.814-2.604,5.815-5.817 C13.814,4.788,11.212,2.185,8,2.184z M8,12.643C5.436,12.639,3.361,10.564,3.356,8C3.361,5.436,5.436,3.361,8,3.356 C10.564,3.361,12.638,5.436,12.643,8C12.638,10.564,10.564,12.639,8,12.643z M9.021,6.657h-0.31L6.964,6.94L6.897,7.146 C6.97,7.143,7.031,7.141,7.083,7.141c0.113,0,0.202,0.029,0.268,0.087S7.449,7.354,7.449,7.43c0,0.12-0.035,0.299-0.104,0.536 L6.63,10.428c-0.059,0.197-0.088,0.357-0.088,0.484c0,0.193,0.065,0.352,0.198,0.477c0.132,0.127,0.31,0.189,0.533,0.189 c0.583,0,1.136-0.453,1.653-1.355l-0.175-0.104c-0.216,0.334-0.401,0.564-0.556,0.691c-0.059,0.051-0.117,0.076-0.176,0.076 c-0.035,0-0.067-0.016-0.098-0.049c-0.031-0.033-0.047-0.066-0.047-0.105c0-0.064,0.029-0.203,0.088-0.412L9.021,6.657z M8.7,4.287 c-0.209,0-0.387,0.074-0.533,0.222C8.021,4.656,7.948,4.834,7.948,5.044S8.022,5.432,8.17,5.58C8.317,5.728,8.494,5.801,8.7,5.801 c0.209,0,0.389-0.073,0.536-0.222c0.147-0.148,0.222-0.326,0.222-0.536S9.385,4.656,9.239,4.508C9.093,4.36,8.913,4.287,8.7,4.287z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: none;
      border-radius: 0px;
}
.button-info-tab.active {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23484848" d="M8,2.184C4.788,2.185,2.185,4.788,2.185,8c0,3.213,2.604,5.815,5.815,5.817c3.212-0.002,5.814-2.604,5.815-5.817 C13.814,4.788,11.212,2.185,8,2.184z M8,12.643C5.436,12.639,3.361,10.564,3.356,8C3.361,5.436,5.436,3.361,8,3.356 C10.564,3.361,12.638,5.436,12.643,8C12.638,10.564,10.564,12.639,8,12.643z M9.021,6.657h-0.31L6.964,6.94L6.897,7.146 C6.97,7.143,7.031,7.141,7.083,7.141c0.113,0,0.202,0.029,0.268,0.087S7.449,7.354,7.449,7.43c0,0.12-0.035,0.299-0.104,0.536 L6.63,10.428c-0.059,0.197-0.088,0.357-0.088,0.484c0,0.193,0.065,0.352,0.198,0.477c0.132,0.127,0.31,0.189,0.533,0.189 c0.583,0,1.136-0.453,1.653-1.355l-0.175-0.104c-0.216,0.334-0.401,0.564-0.556,0.691c-0.059,0.051-0.117,0.076-0.176,0.076 c-0.035,0-0.067-0.016-0.098-0.049c-0.031-0.033-0.047-0.066-0.047-0.105c0-0.064,0.029-0.203,0.088-0.412L9.021,6.657z M8.7,4.287 c-0.209,0-0.387,0.074-0.533,0.222C8.021,4.656,7.948,4.834,7.948,5.044S8.022,5.432,8.17,5.58C8.317,5.728,8.494,5.801,8.7,5.801 c0.209,0,0.389-0.073,0.536-0.222c0.147-0.148,0.222-0.326,0.222-0.536S9.385,4.656,9.239,4.508C9.093,4.36,8.913,4.287,8.7,4.287z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: none;
      border-radius: 0px;
}
.button-expand-filter-tab {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%2136136136" d="M2.493,4.558h1.432c0.271,0.765,0.992,1.315,1.85,1.315c0.856,0,1.578-0.55,1.848-1.315h5.886 c0.354,0,0.638-0.286,0.638-0.639s-0.284-0.639-0.638-0.639H7.631C7.37,2.501,6.642,1.937,5.774,1.937 c-0.869,0-1.596,0.564-1.859,1.344H2.493c-0.353,0-0.639,0.286-0.639,0.639S2.14,4.558,2.493,4.558z M5.774,3.214 c0.381,0,0.69,0.309,0.69,0.69c0,0.383-0.309,0.692-0.69,0.692s-0.69-0.309-0.692-0.692C5.084,3.523,5.393,3.214,5.774,3.214z  M13.509,7.365h-1.458c-0.267-0.772-0.99-1.33-1.854-1.331C9.336,6.036,8.611,6.593,8.345,7.365H2.493 c-0.353,0-0.639,0.286-0.639,0.638S2.14,8.642,2.493,8.642h5.853c0.265,0.771,0.991,1.329,1.852,1.329 c0.863,0,1.587-0.558,1.854-1.329h1.457c0.354,0,0.638-0.286,0.638-0.638S13.862,7.365,13.509,7.365z M10.89,8.004 c0,0.381-0.311,0.69-0.692,0.69c-0.381,0-0.69-0.309-0.69-0.69s0.31-0.691,0.69-0.692C10.58,7.313,10.89,7.623,10.89,8.004 L10.89,8.004z M13.509,11.458H7.627c-0.266-0.774-0.991-1.331-1.853-1.331c-0.863,0-1.588,0.557-1.854,1.331H2.493 c-0.353,0-0.639,0.284-0.639,0.638c0,0.353,0.286,0.638,0.639,0.638h1.428c0.266,0.771,0.99,1.329,1.854,1.33 c0.862-0.001,1.586-0.559,1.853-1.33h5.882c0.354,0,0.638-0.285,0.638-0.638C14.146,11.742,13.862,11.458,13.509,11.458z M5.774,12.786c-0.383-0.002-0.69-0.312-0.692-0.69c0.001-0.383,0.311-0.692,0.692-0.692s0.69,0.31,0.69,0.692h0.001 C6.465,12.478,6.156,12.784,5.774,12.786z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: none;
      border-radius: 0px;
}
.button-expand-filter-tab:hover {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23102102102" d="M2.493,4.558h1.432c0.271,0.765,0.992,1.315,1.85,1.315c0.856,0,1.578-0.55,1.848-1.315h5.886 c0.354,0,0.638-0.286,0.638-0.639s-0.284-0.639-0.638-0.639H7.631C7.37,2.501,6.642,1.937,5.774,1.937 c-0.869,0-1.596,0.564-1.859,1.344H2.493c-0.353,0-0.639,0.286-0.639,0.639S2.14,4.558,2.493,4.558z M5.774,3.214 c0.381,0,0.69,0.309,0.69,0.69c0,0.383-0.309,0.692-0.69,0.692s-0.69-0.309-0.692-0.692C5.084,3.523,5.393,3.214,5.774,3.214z  M13.509,7.365h-1.458c-0.267-0.772-0.99-1.33-1.854-1.331C9.336,6.036,8.611,6.593,8.345,7.365H2.493 c-0.353,0-0.639,0.286-0.639,0.638S2.14,8.642,2.493,8.642h5.853c0.265,0.771,0.991,1.329,1.852,1.329 c0.863,0,1.587-0.558,1.854-1.329h1.457c0.354,0,0.638-0.286,0.638-0.638S13.862,7.365,13.509,7.365z M10.89,8.004 c0,0.381-0.311,0.69-0.692,0.69c-0.381,0-0.69-0.309-0.69-0.69s0.31-0.691,0.69-0.692C10.58,7.313,10.89,7.623,10.89,8.004 L10.89,8.004z M13.509,11.458H7.627c-0.266-0.774-0.991-1.331-1.853-1.331c-0.863,0-1.588,0.557-1.854,1.331H2.493 c-0.353,0-0.639,0.284-0.639,0.638c0,0.353,0.286,0.638,0.639,0.638h1.428c0.266,0.771,0.99,1.329,1.854,1.33 c0.862-0.001,1.586-0.559,1.853-1.33h5.882c0.354,0,0.638-0.285,0.638-0.638C14.146,11.742,13.862,11.458,13.509,11.458z M5.774,12.786c-0.383-0.002-0.69-0.312-0.692-0.69c0.001-0.383,0.311-0.692,0.692-0.692s0.69,0.31,0.69,0.692h0.001 C6.465,12.478,6.156,12.784,5.774,12.786z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: none;
      border-radius: 0px;
}
.button-expand-filter-tab.active {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23484848" d="M2.493,4.558h1.432c0.271,0.765,0.992,1.315,1.85,1.315c0.856,0,1.578-0.55,1.848-1.315h5.886 c0.354,0,0.638-0.286,0.638-0.639s-0.284-0.639-0.638-0.639H7.631C7.37,2.501,6.642,1.937,5.774,1.937 c-0.869,0-1.596,0.564-1.859,1.344H2.493c-0.353,0-0.639,0.286-0.639,0.639S2.14,4.558,2.493,4.558z M5.774,3.214 c0.381,0,0.69,0.309,0.69,0.69c0,0.383-0.309,0.692-0.69,0.692s-0.69-0.309-0.692-0.692C5.084,3.523,5.393,3.214,5.774,3.214z  M13.509,7.365h-1.458c-0.267-0.772-0.99-1.33-1.854-1.331C9.336,6.036,8.611,6.593,8.345,7.365H2.493 c-0.353,0-0.639,0.286-0.639,0.638S2.14,8.642,2.493,8.642h5.853c0.265,0.771,0.991,1.329,1.852,1.329 c0.863,0,1.587-0.558,1.854-1.329h1.457c0.354,0,0.638-0.286,0.638-0.638S13.862,7.365,13.509,7.365z M10.89,8.004 c0,0.381-0.311,0.69-0.692,0.69c-0.381,0-0.69-0.309-0.69-0.69s0.31-0.691,0.69-0.692C10.58,7.313,10.89,7.623,10.89,8.004 L10.89,8.004z M13.509,11.458H7.627c-0.266-0.774-0.991-1.331-1.853-1.331c-0.863,0-1.588,0.557-1.854,1.331H2.493 c-0.353,0-0.639,0.284-0.639,0.638c0,0.353,0.286,0.638,0.639,0.638h1.428c0.266,0.771,0.99,1.329,1.854,1.33 c0.862-0.001,1.586-0.559,1.853-1.33h5.882c0.354,0,0.638-0.285,0.638-0.638C14.146,11.742,13.862,11.458,13.509,11.458z M5.774,12.786c-0.383-0.002-0.69-0.312-0.692-0.69c0.001-0.383,0.311-0.692,0.692-0.692s0.69,0.31,0.69,0.692h0.001 C6.465,12.478,6.156,12.784,5.774,12.786z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: none;
      border-radius: 0px;
}
.button-settings-tab {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%2136136136" d="M8,2.265c0.22,0,0.467,0.018,0.74,0.051l0.38,1.52l0.05,0.01c0.327,0.094,0.64,0.224,0.94,0.391l0.05,0.02l1.34-0.8 c0.407,0.32,0.753,0.67,1.04,1.05l-0.8,1.34l0.03,0.051c0.166,0.293,0.296,0.604,0.39,0.93l0.01,0.06l1.521,0.38 c0.033,0.287,0.05,0.53,0.05,0.73c0,0.228-0.017,0.474-0.05,0.74l-1.521,0.38l-0.01,0.061c-0.101,0.326-0.229,0.637-0.39,0.93 l-0.03,0.05l0.8,1.341c-0.32,0.406-0.667,0.756-1.04,1.049l-1.34-0.81l-0.05,0.03c-0.294,0.166-0.607,0.297-0.94,0.39l-0.05,0.021 l-0.38,1.51c-0.287,0.033-0.534,0.05-0.74,0.05c-0.22,0-0.467-0.017-0.74-0.05l-0.38-1.51l-0.05-0.021 c-0.327-0.093-0.64-0.224-0.94-0.39l-0.05-0.03l-1.34,0.81c-0.4-0.319-0.747-0.67-1.04-1.049l0.8-1.341l-0.03-0.05 c-0.167-0.301-0.293-0.609-0.38-0.93L3.83,9.115l-1.51-0.38c-0.04-0.28-0.06-0.526-0.06-0.74c0-0.22,0.02-0.463,0.06-0.73 l1.51-0.38l0.02-0.06c0.086-0.32,0.213-0.63,0.38-0.93l0.03-0.051l-0.8-1.34c0.313-0.406,0.663-0.756,1.05-1.05l1.33,0.8l0.05-0.02 c0.3-0.167,0.613-0.297,0.94-0.391l0.05-0.01l0.38-1.52C7.546,2.282,7.794,2.265,8,2.265z M9.521,6.485 C9.101,6.065,8.593,5.855,8,5.855c-0.593,0-1.1,0.21-1.52,0.63S5.85,7.41,5.85,8s0.21,1.096,0.63,1.516s0.927,0.63,1.52,0.63 c0.593,0,1.101-0.21,1.521-0.63S10.149,8.59,10.149,8S9.94,6.905,9.521,6.485z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: none;
      border-radius: 0px;
}
.button-settings-tab:hover {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23102102102" d="M8,2.265c0.22,0,0.467,0.018,0.74,0.051l0.38,1.52l0.05,0.01c0.327,0.094,0.64,0.224,0.94,0.391l0.05,0.02l1.34-0.8 c0.407,0.32,0.753,0.67,1.04,1.05l-0.8,1.34l0.03,0.051c0.166,0.293,0.296,0.604,0.39,0.93l0.01,0.06l1.521,0.38 c0.033,0.287,0.05,0.53,0.05,0.73c0,0.228-0.017,0.474-0.05,0.74l-1.521,0.38l-0.01,0.061c-0.101,0.326-0.229,0.637-0.39,0.93 l-0.03,0.05l0.8,1.341c-0.32,0.406-0.667,0.756-1.04,1.049l-1.34-0.81l-0.05,0.03c-0.294,0.166-0.607,0.297-0.94,0.39l-0.05,0.021 l-0.38,1.51c-0.287,0.033-0.534,0.05-0.74,0.05c-0.22,0-0.467-0.017-0.74-0.05l-0.38-1.51l-0.05-0.021 c-0.327-0.093-0.64-0.224-0.94-0.39l-0.05-0.03l-1.34,0.81c-0.4-0.319-0.747-0.67-1.04-1.049l0.8-1.341l-0.03-0.05 c-0.167-0.301-0.293-0.609-0.38-0.93L3.83,9.115l-1.51-0.38c-0.04-0.28-0.06-0.526-0.06-0.74c0-0.22,0.02-0.463,0.06-0.73 l1.51-0.38l0.02-0.06c0.086-0.32,0.213-0.63,0.38-0.93l0.03-0.051l-0.8-1.34c0.313-0.406,0.663-0.756,1.05-1.05l1.33,0.8l0.05-0.02 c0.3-0.167,0.613-0.297,0.94-0.391l0.05-0.01l0.38-1.52C7.546,2.282,7.794,2.265,8,2.265z M9.521,6.485 C9.101,6.065,8.593,5.855,8,5.855c-0.593,0-1.1,0.21-1.52,0.63S5.85,7.41,5.85,8s0.21,1.096,0.63,1.516s0.927,0.63,1.52,0.63 c0.593,0,1.101-0.21,1.521-0.63S10.149,8.59,10.149,8S9.94,6.905,9.521,6.485z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: none;
      border-radius: 0px;
}
.button-settings-tab.active {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23484848" d="M8,2.265c0.22,0,0.467,0.018,0.74,0.051l0.38,1.52l0.05,0.01c0.327,0.094,0.64,0.224,0.94,0.391l0.05,0.02l1.34-0.8 c0.407,0.32,0.753,0.67,1.04,1.05l-0.8,1.34l0.03,0.051c0.166,0.293,0.296,0.604,0.39,0.93l0.01,0.06l1.521,0.38 c0.033,0.287,0.05,0.53,0.05,0.73c0,0.228-0.017,0.474-0.05,0.74l-1.521,0.38l-0.01,0.061c-0.101,0.326-0.229,0.637-0.39,0.93 l-0.03,0.05l0.8,1.341c-0.32,0.406-0.667,0.756-1.04,1.049l-1.34-0.81l-0.05,0.03c-0.294,0.166-0.607,0.297-0.94,0.39l-0.05,0.021 l-0.38,1.51c-0.287,0.033-0.534,0.05-0.74,0.05c-0.22,0-0.467-0.017-0.74-0.05l-0.38-1.51l-0.05-0.021 c-0.327-0.093-0.64-0.224-0.94-0.39l-0.05-0.03l-1.34,0.81c-0.4-0.319-0.747-0.67-1.04-1.049l0.8-1.341l-0.03-0.05 c-0.167-0.301-0.293-0.609-0.38-0.93L3.83,9.115l-1.51-0.38c-0.04-0.28-0.06-0.526-0.06-0.74c0-0.22,0.02-0.463,0.06-0.73 l1.51-0.38l0.02-0.06c0.086-0.32,0.213-0.63,0.38-0.93l0.03-0.051l-0.8-1.34c0.313-0.406,0.663-0.756,1.05-1.05l1.33,0.8l0.05-0.02 c0.3-0.167,0.613-0.297,0.94-0.391l0.05-0.01l0.38-1.52C7.546,2.282,7.794,2.265,8,2.265z M9.521,6.485 C9.101,6.065,8.593,5.855,8,5.855c-0.593,0-1.1,0.21-1.52,0.63S5.85,7.41,5.85,8s0.21,1.096,0.63,1.516s0.927,0.63,1.52,0.63 c0.593,0,1.101-0.21,1.521-0.63S10.149,8.59,10.149,8S9.94,6.905,9.521,6.485z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      border: none;
      border-radius: 0px;
}

/** Visual Limit **/
#visual-limit {
    /*position: absolute;
    bottom: 10px;
    right: 10px;:
    border: 1px solid #ddd;*/
    width: 200px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    visibility: visible;
    padding: 5px 10px;
    /*box-shadow: 1px 1px 2px 1px #999;*/
    overflow-y: auto;
    overflow-x: hidden;
}
/** End Visual Limit **/

/** Visualiser Legend **/
#visualiser-legend {
    position: absolute;
    bottom: 10px;
    left: 370px;
    border: 0px solid #ddd;
    margin-top: 0px;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    padding: 10px;
}
#visualiser-legend-status {
    position: absolute;
    bottom: 10px;
    right: 370px;
    border: 0px solid #ddd;
    margin-top: 0px;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    padding: 10px;
}
.legend-candidate {
    height: 12px;
    width: 12px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #d6c490;
    display: inline-block;
}
.legend-approved {
    height: 12px;
    width: 12px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #abc997;
    display: inline-block;
}
.legend-published {
    height: 12px;
    width: 12px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #aa97c9;
    display: inline-block;
}
.legend-withdrawn {
    height: 12px;
    width: 12px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #97b8c9;
    display: inline-block;
}
.legend-label {
    padding-left:5px;
    font-size:10px;
    vertical-align:top;
}
.legend-scheme {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
}
/** End Visualiser Legend **/

/** Visualiser Concept Details **/
#visualiser-sidepanel {
    position: absolute;
    top: 50px;
    right: -300px;
    border: 0px solid #ddd;
    width: 320px;
	height: 100%;
    margin-top: 0px;
    z-index: 9997;
    background-color: none;
    display: block;
    padding: 0px;
    border-radius: 0px;
	transition: 0.5s;
}

#visualiser-project-sidepanel {
    position: absolute;
    top: 50px;
    right: 0px;
    border: 0px solid #ddd;
    width: 320px;
	height: 100%;
    margin-top: 0px;
    z-index: 9997;
    background-color: none;
    display: block;
    padding: 0px;
    border-radius: 0px;
	transition: 0.5s;
}

#visualiser-concept-details {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #ddd;
    width: 300px;
	height: 100%;
    margin-top: 0px;
    z-index: 9998;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 10px;
    box-shadow: 2px 2px 3px #999;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0px;
}

#visualiser-scheme-details {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #ddd;
    width: 300px;
	height: 100%;
    margin-top: 0px;
    z-index: 9998;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 10px;
    box-shadow: 2px 2px 3px #999;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0px;
}

#visualiser-concept-settings {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #ddd;
    width: 300px;
	height: 100%;
    margin-top: 0px;
    z-index: 9998;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: none;
    padding: 10px;
    box-shadow: 2px 2px 3px #999;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0px;
}

#visualiser-expansion-filters {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #ddd;
    width: 300px;
	height: 100%;
    margin-top: 0px;
    z-index: 9998;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: none;
    padding: 10px;
    box-shadow: 2px 2px 3px #999;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0px;
}

#schema-visualiser-settings {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #ddd;
    width: 300px;
	height: 100%;
    margin-top: 0px;
    z-index: 9998;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: none;
    padding: 10px;
    box-shadow: 2px 2px 3px #999;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0px;
}

#visualiser-info-tab {
    position: absolute;
    top: 5px;
    right: 299px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ddd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
}

#visualiser-info-tab:hover {
    position: absolute;
    top: 5px;
    right: 299px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ececec;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
}

#visualiser-info-tab.active {
    position: absolute;
    top: 5px;
    right: 299px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
}

#visualiser-info-tab-collapse {
    position: absolute;
    top: 5px;
    right: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
}

#visualiser-setting-tab {
    position: absolute;
    top: 30px;
    right: 299px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
	color: #888;
}

#visualiser-setting-tab:hover {
    position: absolute;
    top: 30px;
    right: 299px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ececec;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
	color: #666;
}

#visualiser-setting-tab.active {
    position: absolute;
    top: 30px;
    right: 299px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
	color: #303030;
}

#visualiser-setting-tab-collapse {
    position: absolute;
    top: 30px;
    right: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
}

#visualiser-filter-tab {
    position: absolute;
    top: 55px;
    right: 299px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
	color: #888;
}

#visualiser-filter-tab:hover {
    position: absolute;
    top: 55px;
    right: 299px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ececec;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
	color: #666;
}

#visualiser-filter-tab.active {
    position: absolute;
    top: 55px;
    right: 299px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
	color: #303030;
}
#visualiser-filter-tab-collapse {
    position: absolute;
    top: 55px;
    right: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 22px;
	height: 24px;
    margin-top: 0px;
    z-index: 9999;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 2px 1px 2px 2px;
    box-shadow: 0px 0px 0px #999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 3px 0px 0px 3px;
}
/** End Visualiser Concept Details **/

/** Visualiser counter badge **/
#main-svg-visualisation .scheme-badge {
	display: inline-block;
	min-width: 25px;
	padding: 2px 7px;
	font-size: 9px;
	color: white;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #757575;
	border-radius: 10px
}
/** End Visualiser counter badge **/

/** Visualiser Dialog **/
#visualiser-dialog {
	left: calc(50% + 180px - 220px);
	/*margin-left: -180px;*/
    position: absolute;
    border: 1px solid #ddd;
    width: 440px;
    margin-top: 0px;
    z-index: 999999999;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: .85;
    display: block;
    padding: 15px;
    box-shadow: 2px 2px 3px 1px #999;
    border-radius: 5px;
    text-align:center;
}
/** End Visualiser Dialog **/

.input-group-addon{
	font-size:13px
}

.collection-badge{
	background-color: #fff;
    	border-radius: 5px;
    	color: #454545;
    	padding: 1px 4px 0px 4px;
	margin-left: 5px;
    	font-size: 10px;
    	line-height: 100%;
}

.has-error > .form-control {
	border-color: red
}

#admin .form-group > label {
	padding-right: 10px;
}


/* Graphite Modal - Start */
.modal-header {
	border-bottom: 0px;
}

.modal-title {
	font-family: 'FiraSansCondensed-Medium';
	font-size: 16px;
	font-weight: bolder;
	color: #212529 !important;
}

.quickpredicatemodal .modal-footer {
	justify-content: flex-start;
	border-top: 0px;
}

.quickpredicatemodal .modal-body {
	padding-top: 0px;
	padding-bottom: 0px;
}

.modal-body .row {
	margin-bottom: 0px !important;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
}
/* Graphite Modal - End */

.temp-predicate-node {
	color: red !important;
}

#namespacelist .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active:hover span.fancytree-title {
    background-color: transparent !important;
}

#namespacelist .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active span.fancytree-title {
    background-color: transparent !important;
}

#namespacelist .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused span.fancytree-title {
  border-color: transparent !important;
}

#snapshottree .fancytree-container {
	height: 100% !important;
}

#snapshottree .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active span.fancytree-title {
	background-color: transparent;
	border-color: transparent;
	color: black;
}

.fancytree-title .snapshot {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	white-space: normal;
	max-width: 250px;
	padding: 3px 7px;;
	border-radius: 10px;
	background-color: #4477aa;
	color: #FFF;
}

.fancytree-title .snapshot-schema {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	white-space: normal;
	max-width: 250px;
	padding: 3px 7px;;
	border-radius: 10px;
	background-color: #6c757d;
	color: #FFF;
}

.fancytree-title .snapshot-parent {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1;
	white-space: normal;
	max-width: 250px;
	padding: 3px 7px;;
	background-color: #4477aa;
	color: #FFF;
}

#snapshottree .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active .fancytree-title .snapshot,
#snapshottree .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active .fancytree-title .snapshot-schema,
#snapshottree .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active .fancytree-title .snapshot-parent {
	background-color: #ffcc33;
	color: black;
}

.textwrap {
	white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}


ul.typeahead {
	overflow: auto;
  max-width: -webkit-fill-available;
	max-height: 300px;
}

ul.typeahead li {
	display: inline-block;
	width: 100%;
}

.popover .close {
	line-height: 0.7;
	padding-left: 10px;
}

/** Filter Status Icon **/
.icon-associative-relationship {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23333333" d="M9.647,8.503l2.059,2.056H9.783c0,0-0.024,0-0.095-0.005c-0.209-0.008-0.701-0.106-0.91-0.285 c-0.4-0.313-2.076-1.545-3.063-2.27c0.986-0.724,2.662-1.957,3.063-2.27C8.92,5.614,9.183,5.522,9.407,5.481 C9.519,5.46,9.62,5.449,9.688,5.445c0.07-0.006,0.095-0.004,0.095-0.006h1.923L9.647,7.498l1.881,0.001l2.73-2.729l-2.73-2.728 H9.647l2.066,2.066H9.783C9.725,4.125,8.788,4.069,7.96,4.68c-0.258,0.2-1.21,0.904-2.082,1.548C5.251,6.69,4.66,7.124,4.376,7.332 H1.742v1.331l0,0v0.004h2.634c0.285,0.209,0.876,0.641,1.502,1.104c0.872,0.642,1.825,1.347,2.084,1.548 c0.496,0.365,1.032,0.49,1.395,0.538l0.016,0.032h2.342l-2.066,2.066l1.881,0.002l0,0l2.73-2.73l-2.73-2.729L9.647,8.503z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.icon-associative-relationship:hover {
    background: #999999 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23cccccc" d="M9.647,8.503l2.059,2.056H9.783c0,0-0.024,0-0.095-0.005c-0.209-0.008-0.701-0.106-0.91-0.285 c-0.4-0.313-2.076-1.545-3.063-2.27c0.986-0.724,2.662-1.957,3.063-2.27C8.92,5.614,9.183,5.522,9.407,5.481 C9.519,5.46,9.62,5.449,9.688,5.445c0.07-0.006,0.095-0.004,0.095-0.006h1.923L9.647,7.498l1.881,0.001l2.73-2.729l-2.73-2.728 H9.647l2.066,2.066H9.783C9.725,4.125,8.788,4.069,7.96,4.68c-0.258,0.2-1.21,0.904-2.082,1.548C5.251,6.69,4.66,7.124,4.376,7.332 H1.742v1.331l0,0v0.004h2.634c0.285,0.209,0.876,0.641,1.502,1.104c0.872,0.642,1.825,1.347,2.084,1.548 c0.496,0.365,1.032,0.49,1.395,0.538l0.016,0.032h2.342l-2.066,2.066l1.881,0.002l0,0l2.73-2.73l-2.73-2.729L9.647,8.503z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 0px solid #999999;
    border-radius: 8px;
}
.icon-associative-relationship.active {
    background: #666666 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16"><path fill="%23eeeeee" d="M9.647,8.503l2.059,2.056H9.783c0,0-0.024,0-0.095-0.005c-0.209-0.008-0.701-0.106-0.91-0.285 c-0.4-0.313-2.076-1.545-3.063-2.27c0.986-0.724,2.662-1.957,3.063-2.27C8.92,5.614,9.183,5.522,9.407,5.481 C9.519,5.46,9.62,5.449,9.688,5.445c0.07-0.006,0.095-0.004,0.095-0.006h1.923L9.647,7.498l1.881,0.001l2.73-2.729l-2.73-2.728 H9.647l2.066,2.066H9.783C9.725,4.125,8.788,4.069,7.96,4.68c-0.258,0.2-1.21,0.904-2.082,1.548C5.251,6.69,4.66,7.124,4.376,7.332 H1.742v1.331l0,0v0.004h2.634c0.285,0.209,0.876,0.641,1.502,1.104c0.872,0.642,1.825,1.347,2.084,1.548 c0.496,0.365,1.032,0.49,1.395,0.538l0.016,0.032h2.342l-2.066,2.066l1.881,0.002l0,0l2.73-2.73l-2.73-2.729L9.647,8.503z"/></svg>') no-repeat center center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 0px solid #666666;
    border-radius: 8px;
}
.icon-associative-relationship-small {
    background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 12 12" width="12"><path fill="%23333333" d="M7.218,6.402l1.646,1.645H7.326c0,0-0.02,0-0.076-0.004C7.083,8.037,6.689,7.958,6.522,7.814 c-0.321-0.25-1.661-1.235-2.45-1.815c0.789-0.579,2.129-1.565,2.45-1.815c0.113-0.092,0.323-0.166,0.503-0.198 c0.089-0.018,0.17-0.026,0.225-0.029c0.057-0.004,0.076-0.003,0.076-0.004h1.538L7.218,5.599l1.505,0l2.184-2.184L8.723,1.233H7.218 l1.653,1.653H7.326C7.279,2.9,6.53,2.855,5.868,3.344c-0.207,0.16-0.968,0.724-1.666,1.238C3.7,4.952,3.228,5.299,3,5.466H0.893 V6.53l0,0v0.003H3c0.228,0.168,0.701,0.513,1.201,0.884c0.698,0.514,1.46,1.077,1.667,1.238c0.397,0.292,0.826,0.393,1.115,0.431 l0.013,0.025h1.874l-1.653,1.653l1.505,0.002l0,0l2.184-2.185L8.723,6.399L7.218,6.402z"/></svg>') no-repeat center center;
    width: 12px;
    height: 12px;
		min-width: 12px;
    cursor: pointer;
}
.icon-associative-relationship-small:hover {
    background: #999999 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 12 12" width="12"><path fill="%23cccccc" d="M7.218,6.402l1.646,1.645H7.326c0,0-0.02,0-0.076-0.004C7.083,8.037,6.689,7.958,6.522,7.814 c-0.321-0.25-1.661-1.235-2.45-1.815c0.789-0.579,2.129-1.565,2.45-1.815c0.113-0.092,0.323-0.166,0.503-0.198 c0.089-0.018,0.17-0.026,0.225-0.029c0.057-0.004,0.076-0.003,0.076-0.004h1.538L7.218,5.599l1.505,0l2.184-2.184L8.723,1.233H7.218 l1.653,1.653H7.326C7.279,2.9,6.53,2.855,5.868,3.344c-0.207,0.16-0.968,0.724-1.666,1.238C3.7,4.952,3.228,5.299,3,5.466H0.893 V6.53l0,0v0.003H3c0.228,0.168,0.701,0.513,1.201,0.884c0.698,0.514,1.46,1.077,1.667,1.238c0.397,0.292,0.826,0.393,1.115,0.431 l0.013,0.025h1.874l-1.653,1.653l1.505,0.002l0,0l2.184-2.185L8.723,6.399L7.218,6.402z"/></svg>') no-repeat center center;
    width: 12px;
    height: 12px;
		min-width: 12px;
    cursor: pointer;
    border: 0px solid #999999;
    border-radius: 6px;
}
.icon-associative-relationship-small.active {
    background: #666666 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 12 12" width="12"><path fill="%23eeeeee" d="M7.218,6.402l1.646,1.645H7.326c0,0-0.02,0-0.076-0.004C7.083,8.037,6.689,7.958,6.522,7.814 c-0.321-0.25-1.661-1.235-2.45-1.815c0.789-0.579,2.129-1.565,2.45-1.815c0.113-0.092,0.323-0.166,0.503-0.198 c0.089-0.018,0.17-0.026,0.225-0.029c0.057-0.004,0.076-0.003,0.076-0.004h1.538L7.218,5.599l1.505,0l2.184-2.184L8.723,1.233H7.218 l1.653,1.653H7.326C7.279,2.9,6.53,2.855,5.868,3.344c-0.207,0.16-0.968,0.724-1.666,1.238C3.7,4.952,3.228,5.299,3,5.466H0.893 V6.53l0,0v0.003H3c0.228,0.168,0.701,0.513,1.201,0.884c0.698,0.514,1.46,1.077,1.667,1.238c0.397,0.292,0.826,0.393,1.115,0.431 l0.013,0.025h1.874l-1.653,1.653l1.505,0.002l0,0l2.184-2.185L8.723,6.399L7.218,6.402z"/></svg>') no-repeat center center;
    width: 12px;
    height: 12px;
		min-width: 12px;
    cursor: pointer;
    border: 0px solid #666666;
    border-radius: 6px;
}

#quickprojectform {
 background-color: #ffffff;
 width: 100%;
 min-width: 300px;
}

.quickprojecttab {
 display: none;
}

.quickprojectstep {
	height: 45px;
	width: 45px;
	/* margin: auto; */
	background-color: #bbbbbb;
	border: none;
	border-radius: 50%;
	display: inline-block;
	color: #FFF;
	padding-top: 15px;
	font-size: 18px;
	vertical-align: middle;
	font-family: 'FiraSansCondensed-Medium';
}

.quickprojectstep.active {
	background-color: #F5C54A;
}

.quickprojectstep.finish {
 	background-color: #337AB7;
}

.quickprojectsteps {
	display: flex;
	align-items: center;
	margin: 0px auto;
}

.quickprojectstepdivider {
	width: 50px;
	border-bottom: 1px solid #737C84;
}



.quickprojectsteptext {
	padding-top: 5px;
	font-size: 12px;
	width: 95px;
	color: #999;
}

.quickprojectsteptext.active {
	color: #212529;
}

.icon-project-quick-start {
	background: transparent url('../img/icon-project-quick-start.svg') no-repeat center center;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.icon-project-quick-start:hover {
	background: transparent url('../img/icon-project-quick-start-hover.svg') no-repeat center center;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.icon-project-quick-start-white {
	background: transparent url('../img/icon-project-quick-start-white.svg') no-repeat center center;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.icon-project-quick-start-white:hover {
	background: transparent url('../img/icon-project-quick-start-white-hover.svg') no-repeat center center;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

#nextQuickProjectTabBtn:focus, #prevQuickProjectTabBtn:focus {
	box-shadow: none !important;
}

#concept-preferred-language {
    width: 50px;
}

/* 343a40 => E6E6E6 */
.bg-dark {
    background-color: #E6E6E6!important;
}

/* eee =>  */
.navbar-dark .main-title, .navbar-dark .navbar-header-right, .navbar-dark a {
	color: #46494A;
}

.panel-header-scheme {
	margin-left: 5px;
    font-family: 'FiraSansCondensed-Regular';
    font-size: small;
    font-style: italic;
    color: #666;
}

.panel-header-uri {
    font-family: 'FiraSansCondensed-Regular';
    font-size: small;
}

.panel-header-en-not-available {
    color: #ff6633;
}

.checkbox-inline {
    display: inline-flex;
}

.checkbox-inline input {
    margin-right: 10px;
}

/** Assignment Icon **/
.icon-assign-relationship {
	background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 14.92 14.92" width="16"><path fill="%23333333" d="M13.56,7l-2-2a4.72,4.72,0,0,0-.95-.73,4.58,4.58,0,0,0-.71-.93l-2-2A4.65,4.65,0,0,0,1.36,7.94l2,2a4.51,4.51,0,0,0,1,.73,4.54,4.54,0,0,0,.7.93l2,2A4.66,4.66,0,0,0,13.56,7Zm-11.43.2a3.56,3.56,0,0,1,5-5L8.7,3.66a4.72,4.72,0,0,0-2,.27L6,3.25A1.94,1.94,0,0,0,3.25,6l2,2A1.93,1.93,0,0,0,8,8a1.82,1.82,0,0,0,.4-.58.83.83,0,0,1,.45.22l.8.8a3.9,3.9,0,0,1-.52.69,3.58,3.58,0,0,1-5.05,0ZM4.45,5.66,4,5.23A.86.86,0,0,1,5.23,4l.43.43A4.81,4.81,0,0,0,5,5,4.94,4.94,0,0,0,4.45,5.66Zm6,3.6.44.43A.86.86,0,0,1,9.69,10.9l-.43-.44a5.56,5.56,0,0,0,.66-.54A5.56,5.56,0,0,0,10.46,9.26ZM7.74,12.79,6.21,11.26a4.54,4.54,0,0,0,2-.28l.68.68a1.94,1.94,0,0,0,2.74-2.74l-2-2a2,2,0,0,0-2.74,0,1.79,1.79,0,0,0-.39.59.87.87,0,0,1-.45-.22l-.8-.81a3.41,3.41,0,0,1,.52-.68,3.57,3.57,0,0,1,5,0l2,2a3.57,3.57,0,1,1-5,5Z"/><path d="M12.56,0a2.36,2.36,0,1,0,2.36,2.36A2.36,2.36,0,0,0,12.56,0ZM14,2.7H13v1h-.67v-1h-1V2h1V1H13V2h1Z"/></svg>') no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
}

.icon-assign-relationship:hover {
	background: #999999 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 14.92 14.92" width="16"><path fill="%23cccccc" d="M13.56,7l-2-2a4.72,4.72,0,0,0-.95-.73,4.58,4.58,0,0,0-.71-.93l-2-2A4.65,4.65,0,0,0,1.36,7.94l2,2a4.51,4.51,0,0,0,1,.73,4.54,4.54,0,0,0,.7.93l2,2A4.66,4.66,0,0,0,13.56,7Zm-11.43.2a3.56,3.56,0,0,1,5-5L8.7,3.66a4.72,4.72,0,0,0-2,.27L6,3.25A1.94,1.94,0,0,0,3.25,6l2,2A1.93,1.93,0,0,0,8,8a1.82,1.82,0,0,0,.4-.58.83.83,0,0,1,.45.22l.8.8a3.9,3.9,0,0,1-.52.69,3.58,3.58,0,0,1-5.05,0ZM4.45,5.66,4,5.23A.86.86,0,0,1,5.23,4l.43.43A4.81,4.81,0,0,0,5,5,4.94,4.94,0,0,0,4.45,5.66Zm6,3.6.44.43A.86.86,0,0,1,9.69,10.9l-.43-.44a5.56,5.56,0,0,0,.66-.54A5.56,5.56,0,0,0,10.46,9.26ZM7.74,12.79,6.21,11.26a4.54,4.54,0,0,0,2-.28l.68.68a1.94,1.94,0,0,0,2.74-2.74l-2-2a2,2,0,0,0-2.74,0,1.79,1.79,0,0,0-.39.59.87.87,0,0,1-.45-.22l-.8-.81a3.41,3.41,0,0,1,.52-.68,3.57,3.57,0,0,1,5,0l2,2a3.57,3.57,0,1,1-5,5Z"/><path d="M12.56,0a2.36,2.36,0,1,0,2.36,2.36A2.36,2.36,0,0,0,12.56,0ZM14,2.7H13v1h-.67v-1h-1V2h1V1H13V2h1Z"/></svg>') no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: 0px solid #999999;
	border-radius: 8px;
}

.icon-assign-relationship.active {
	background: #666666 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 14.92 14.92" width="16"><path fill="%23eeeeee" d="M13.56,7l-2-2a4.72,4.72,0,0,0-.95-.73,4.58,4.58,0,0,0-.71-.93l-2-2A4.65,4.65,0,0,0,1.36,7.94l2,2a4.51,4.51,0,0,0,1,.73,4.54,4.54,0,0,0,.7.93l2,2A4.66,4.66,0,0,0,13.56,7Zm-11.43.2a3.56,3.56,0,0,1,5-5L8.7,3.66a4.72,4.72,0,0,0-2,.27L6,3.25A1.94,1.94,0,0,0,3.25,6l2,2A1.93,1.93,0,0,0,8,8a1.82,1.82,0,0,0,.4-.58.83.83,0,0,1,.45.22l.8.8a3.9,3.9,0,0,1-.52.69,3.58,3.58,0,0,1-5.05,0ZM4.45,5.66,4,5.23A.86.86,0,0,1,5.23,4l.43.43A4.81,4.81,0,0,0,5,5,4.94,4.94,0,0,0,4.45,5.66Zm6,3.6.44.43A.86.86,0,0,1,9.69,10.9l-.43-.44a5.56,5.56,0,0,0,.66-.54A5.56,5.56,0,0,0,10.46,9.26ZM7.74,12.79,6.21,11.26a4.54,4.54,0,0,0,2-.28l.68.68a1.94,1.94,0,0,0,2.74-2.74l-2-2a2,2,0,0,0-2.74,0,1.79,1.79,0,0,0-.39.59.87.87,0,0,1-.45-.22l-.8-.81a3.41,3.41,0,0,1,.52-.68,3.57,3.57,0,0,1,5,0l2,2a3.57,3.57,0,1,1-5,5Z"/><path d="M12.56,0a2.36,2.36,0,1,0,2.36,2.36A2.36,2.36,0,0,0,12.56,0ZM14,2.7H13v1h-.67v-1h-1V2h1V1H13V2h1Z"/></svg>') no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: 0px solid #666666;
	/*border-radius: 8px;*/
}

/** Add Relationship Panel Icon **/
.icon-add-relationship-panel {
	background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 22.54 21.28" width="16"><path fill="%23333333" d="M8.23,11.54,4.56,15.21h3.6a3.37,3.37,0,0,0,1.63-.51c.71-.56,3.7-2.76,5.47-4-1.77-1.29-4.76-3.5-5.47-4.06a3,3,0,0,0-1.13-.44,2.76,2.76,0,0,0-.5-.06H4.56L8.23,9.74H4.88L0,4.87,4.88,0H8.23L4.54,3.69H8a5.78,5.78,0,0,1,3.26,1c.46.36,2.16,1.61,3.72,2.76l2.68,2h4.7v2.37h-4.7c-.51.37-1.57,1.14-2.68,2-1.56,1.15-3.26,2.41-3.73,2.77a5.41,5.41,0,0,1-2.49,1l0,0H4.54l3.69,3.69H4.88L0,16.4l4.88-4.87Z"/><path d="M19.05,0a3.5,3.5,0,1,0,3.49,3.49A3.49,3.49,0,0,0,19.05,0Zm2.08,4h-1.5v1.5h-1V4h-1.5V3h1.5V1.5h1V3h1.5Z"/></svg>') no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

.icon-add-relationship-panel:hover {
	background: #999999 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 22.54 21.28" width="16"><path fill="%23cccccc" d="M8.23,11.54,4.56,15.21h3.6a3.37,3.37,0,0,0,1.63-.51c.71-.56,3.7-2.76,5.47-4-1.77-1.29-4.76-3.5-5.47-4.06a3,3,0,0,0-1.13-.44,2.76,2.76,0,0,0-.5-.06H4.56L8.23,9.74H4.88L0,4.87,4.88,0H8.23L4.54,3.69H8a5.78,5.78,0,0,1,3.26,1c.46.36,2.16,1.61,3.72,2.76l2.68,2h4.7v2.37h-4.7c-.51.37-1.57,1.14-2.68,2-1.56,1.15-3.26,2.41-3.73,2.77a5.41,5.41,0,0,1-2.49,1l0,0H4.54l3.69,3.69H4.88L0,16.4l4.88-4.87Z"/><path d="M19.05,0a3.5,3.5,0,1,0,3.49,3.49A3.49,3.49,0,0,0,19.05,0Zm2.08,4h-1.5v1.5h-1V4h-1.5V3h1.5V1.5h1V3h1.5Z"/></svg>') no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: 0px solid #999999;
	border-radius: 8px;
}

.icon-add-relationship-panel.active {
	background: #666666 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 22.54 21.28" width="16"><path fill="%23eeeeee" d="M8.23,11.54,4.56,15.21h3.6a3.37,3.37,0,0,0,1.63-.51c.71-.56,3.7-2.76,5.47-4-1.77-1.29-4.76-3.5-5.47-4.06a3,3,0,0,0-1.13-.44,2.76,2.76,0,0,0-.5-.06H4.56L8.23,9.74H4.88L0,4.87,4.88,0H8.23L4.54,3.69H8a5.78,5.78,0,0,1,3.26,1c.46.36,2.16,1.61,3.72,2.76l2.68,2h4.7v2.37h-4.7c-.51.37-1.57,1.14-2.68,2-1.56,1.15-3.26,2.41-3.73,2.77a5.41,5.41,0,0,1-2.49,1l0,0H4.54l3.69,3.69H4.88L0,16.4l4.88-4.87Z"/><path d="M19.05,0a3.5,3.5,0,1,0,3.49,3.49A3.49,3.49,0,0,0,19.05,0Zm2.08,4h-1.5v1.5h-1V4h-1.5V3h1.5V1.5h1V3h1.5Z"/></svg>') no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: 0px solid #666666;
	border-radius: 8px;
}


.card-title .glyphicon {
    transition: .3s transform ease-in-out;
  }
.card-title .expanded .glyphicon{
    transform: rotate(90deg);
}