
.tooltip-inner {
	background-color: #717272;
    padding: 5px 10px;
}
.tooltip.top .tooltip-arrow{
    border-top-color: #717272;
}
.tooltip.left .tooltip-arrow{
    border-left-color: #717272;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #717272;
}
.tooltip.right .tooltip-arrow{
    border-right-color: #717272;
}


.tesauros.ready,
.tesauros.ready #ontologybubbles {
	background-color: #e6f9f0;
}    

/* loading */
.inner-loading {
	position: relative;	
}

.loading * {
    box-sizing: content-box;
    transform-origin: center center 0;
}

.loader {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 88px;
    left: 50%;
    margin-left: -57px;
    margin-top: -57px;
    padding: 13px;
    position: absolute;
    top: 50%;
    width: 88px;
}


.loading .loader .spinner-ball-outer {
    animation: 1s linear 0s normal none infinite running ecwid-spinleft;
    background: transparent url("data:image/svg+xml;charset=utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'100\' height=\'100\' viewBox=\'0 0 100 100\'><path fill-rule=\'evenodd\' fill=\'%236DA8F8\' clip-rule=\'evenodd\' d=\'M95 63.4v.2c0 .1-.1.2-.1.3-.3.6-1 1.1-1.7 1.1-1.1 0-1.9-.9-1.9-1.9 0-.4.1-.5.2-.8.1-.1.1-.2.1-.3 1.1-3.8 1.7-7.8 1.7-11.9 0-20.3-14-37.3-32.8-41.9h-.3c-.8-.2-1.7-.9-1.7-1.9 0-1.1.9-1.9 1.9-1.9h.2c.2 0 .3.1.5.1 20.6 5 36 23.5 36 45.7-.1 4.5-.8 9-2.1 13.2zM81.1 80l.3-.3c.4-.4.8-.8 1.6-.8 1.1 0 1.9.9 1.9 1.9 0 .4-.2.8-.4 1.2l-.3.3C75.6 91.3 63.5 97 50 97c-13.4 0-25.6-5.7-34.1-14.7-.5-.3-.8-.9-.8-1.5 0-1.1.9-1.9 1.9-1.9.8 0 1.4.5 1.6.8l.3.3c7.9 8.1 18.9 13.2 31.1 13.2 12.2 0 23.2-5.1 31.1-13.2zM39.8 8h-.2C20.8 12.7 6.8 29.7 6.8 50c0 4.1.6 8.2 1.7 11.9 0 0 .2.7.2 1.1 0 1.1-.9 1.9-1.9 1.9-.7 0-1.4-.4-1.7-1 0 0-.1-.3-.2-.5C3.7 59.1 3 54.7 3 50 3 27.9 18.3 9.4 38.8 4.4c.2-.1.4-.2.7-.2h.1c1.1 0 1.9.9 1.9 1.9 0 1.1-1 1.8-1.7 1.9z\'/></svg>") no-repeat scroll center center / 88px auto;
    height: 88px;
    left: 0;
    position: static;
    top: 0;
    width: 88px;
}


.loading .loader .spinner-ball-inner {
    animation: 0.5s linear 0s normal none infinite running ecwid-spinright;
    background: transparent url("data:image/svg+xml;charset=utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'44\' height=\'44\' viewBox=\'0 0 44 44\'><path fill-rule=\'evenodd\' clip-rule=\'evenodd\' fill=\'%236DA8F8\' d=\'M36.3 35.9c-.4.5-.9.8-1.5.8-1.1 0-2-.9-2-2 0-.6.3-1.1.6-1.4 2.9-3 4.6-6.9 4.6-11.3s-1.8-8.4-4.7-11.3c-.4-.4-.6-.8-.6-1.4 0-1.1.9-2 2-2 .7 0 1.3.4 1.6.9 3.4 3.6 5.5 8.4 5.5 13.8.1 5.4-2 10.3-5.5 13.9zM10.7 10.7C7.8 13.6 6 17.6 6 22s1.8 8.4 4.7 11.3c.3.3.5.8.5 1.3 0 1.1-.9 2-2 2-.7 0-1.3-.4-1.6-.9-3.4-3.5-5.5-8.4-5.5-13.7 0-5.5 2.2-10.5 5.8-14.1.3-.3.8-.6 1.4-.6 1.1 0 1.9.9 1.9 1.9 0 .7-.2 1.1-.5 1.5z\'/></svg>") no-repeat scroll center center / 40px auto;
    height: 40px;
    left: 0;
    margin: -64px auto 64px;
    position: static;
    top: 0;
    width: 40px;
}

.loading .loader img.loader-object { 
	width: 100%; max-width: 1000px; min-width: 0; height: 100%; max-height: 1000px; 
	min-height: 0; position: static; padding: 0; margin: 0; border: 0; box-shadow: none; 
	background: transparent none; display: block; float: none; visibility: visible; opacity: 1; 
	-webkit-transform: none; transform: none; -webkit-animation: none; animation: none; border-radius: 50%;
}

@keyframes ecwid-spinleft { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); }}

@-webkit-keyframes ecwid-spinleft { 0% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); }}

@keyframes ecwid-spinright { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

@-webkit-keyframes ecwid-spinright { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
    
    
#ontologybubbles {
	background-color: rgb(230, 249, 240);
}   
#ontologybubbles > svg {
	margin: 0 auto;
}


#ontologytree { 
	padding: 0;
    margin: 0 -15px;
	background-color: aliceblue;
}
#ontologytree > ul { 
	padding: 0 0 20px 0;
    margin-bottom: 0;
}
#ontologytree ul li { 
	list-style: none;
	padding: 5px 0;
}

#ontologytree > ul li.top {
    padding-top: 0;
}

#ontologytree > ul li.top > ul { 
    overflow-y: auto;
}
#ontologytree > ul li.top ul { 
    padding-left: 22px;
}
#ontologytree ul li.parent > a { 
	display: block;
	color: #337ab7;
}
#ontologytree ul li.selected { 
	color: #f08232;
	font-weight: 700;
}
#ontologytree ul li.selected .count { 
	color: #f08232;
    margin-left: 30px;
    font-style: italic;
}
#ontologytree ul li.child > a { 
	display: block;
	color: #40bdad;
}

#ontologytree ul li.top.parent > span { 
    display: block;
	padding: 10px 20px;
	background-color: #e3e3e3;
	border-top: dashed 1px #333;
	border-bottom: dashed 1px #333;
	margin-bottom: 5px;
    color: #333;
    font-size: 14px;
}


.X .tesauros.ready:not(:has(ul li.selected)) .col-xs-12.col-sm-9.col-md-8 {
    display: none;    
} 
