/*GENERAL*/
.padin {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;	
}

.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.disable-selection {
	-moz-user-select: none;-webkit-user-select: none;
}
.enable-selection {
	-moz-user-select: text;-webkit-user-select: text;
}

/* div {word-wrap: break-word;} */
.ui-button * {word-wrap: normal;}

/*popovers*/
.popover .arrow, .popover .arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.popover .arrow {
    border-width: 11px;
}
.popover .arrow:after {
    border-width: 10px;
    content: "";
}
.popover.top .arrow {
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
}
.popover.top .arrow:after {
    border-bottom-width: 0;
    border-top-color: #FFFFFF;
    bottom: 1px;
    margin-left: -10px;
}
.popover.right .arrow {
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
    left: -11px;
    margin-top: -11px;
    top: 50%;
}
.popover.right .arrow:after {
    border-left-width: 0;
    border-right-color: #FFFFFF;
    bottom: -10px;
    left: 1px;
}
.popover.bottom .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    margin-left: -11px;
    top: -11px;
}
.popover.bottom .arrow:after {
    border-bottom-color: #FFFFFF;
    border-top-width: 0;
    margin-left: -10px;
    top: 1px;
}
.popover.left .arrow {
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%;
}
.popover.left .arrow:after {
    border-left-color: #FFFFFF;
    border-right-width: 0;
    bottom: -10px;
    right: 1px;
}

/* Tasor Pagination style - start */

.tasorPagination {
    min-width: 185px;
}

.pagination .page-link {
    border: none;
    color: grey !important;
}

.pagination .page-link, .pagination .page-prev i, .pagination .page-next i, .pagination .page-item select option {
    font-weight: 600;
}

.pagination .page-link, .pagination .page-link:hover {
    border-color: inherit;
    background-color: inherit;
}

.pagination .page-link, .pagination .page-item .disabled {
    cursor: default!important;
}

.pagination .page-link:not(.page-item-text) {
    cursor: pointer!important;
}

.pagination .page-link:focus {
    outline: none!important;
    box-shadow: none !important;
}

.pagination .page-prev i, .page-next i {
    font-size: 15px;
}

.pagination .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination .page-item input {
    border-bottom: 1px solid gray;
    text-align: center;
    max-width: 40px;
}

.pagination .page-item select {
    bottom: 2px;
}

.pagination .page-item .disabled {
    color: #A0A0A0 !important;
    opacity: .6;
}

.pagination .page-prev:hover, .pagination .page-next:hover {
    background-color: #2188c1!important;
    color: #fff!important;
}
/* Tasor Pagination style - end */

/*PAGINATION*/
.pager
{
    height: 30px;
    min-width: 250px;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-left: 5px; /*border-radius: 8px; 	-moz-border-radius: 8px;*/
    left: 10px;
}
.pager .btn:hover {
	color: var(--text-light) !important;
	background-color: var(--btn-primary-color) !important;
    filter: saturate(1) !important;
}
/*
.pager div.short
{
    float: right;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    width: 74px;
}
.pager div.short input
{
    width: 28px;
    height: 18px;
    border: none;
    margin-left: 8px;
    float: left;
}*/
.pager ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    margin-right: 0px;
}
.pager ul li
{
    display: inline;
    margin-left: 2px;
}
.pager ul li a
{
    text-decoration: none;
    display: inline-table;
    width: 15px;
    height: 5px;
    text-align: center;
    /*border-radius: 4px;*/
    -moz-border-radius: 4px;
}
.pager ul li a:hover {
	cursor: pointer
}
.pager .btn
{
    display: block;
    height: 22px !important;
    width: 16px;
    text-align: center;
    float: left;
    padding: 0;
    margin: 0;
    margin-left: 4px;
    cursor: pointer;
    border-radius: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size:1.5em;
    margin-top:-5px;
    top: 1.5px;
}

.pager ul ~ .btn + .btn {
    margin-right: 5px;
}
.pager div.btn-right{
    float: left;
    right: 29px;
}
.pager .disabled
{
    color: #A0A0A0 !important;
    text-shadow: 1px 1px 1px #FFFFFF;
}
.pager .disabled:hover{
	cursor:auto; 
}
.pager .active {
    background-color: #D7E4ED;
}
.pager div.goToPage {
    width: 40px;
    height: 25px;
	float: left;
    bottom: 0.5px;
}
.pager div.resPerPage {
    width: 40px;
    height: 25px;
	float: left;
	left: 70px;
    color: gray;
    font-weight: bold; 
    top: 1px;
}
.pager div.resPerPage select {
    /* border: 1px solid #cccccc; */
    border: none; 
    background-color: #f2f2f2;
}
.pager div.resPerPage select option {
	font-weight: bold;
}
.pager div.pageText{
    width: 40px;
    height: 25px;
    display: inline;
    float: left;
    color: gray;
    top: 2px;
}
.pager span.totalRecords {
    height: 25px;
	float: left;
    color: gray;
    right: 35px;
    top: 2px;
}
.pager div.goToPage input {
	width: 39px;
	height: 22px;
	border: none;
    border-bottom: 1px solid gray;
    text-align: center;
    margin-left: 0px;
    outline: none;
    color: gray;
    font-weight: bold;
    background-color: transparent;
    padding-bottom: 0px;
}
.pager div.btn {
    margin-left: 0px;
    margin-right: 0px;
}
.pager div.resPerPage select:focus{
	outline: none;
}
.pager div.resPerPage select::-ms-expand{
	border: none;
    width: 13px;
    background-color: white;
    color: inherit;
}
.pager span.totalRecords a{
	cursor: pointer;
	text-decoration: none;
}
/*.black*/
/*{
    background-color: #202020;
}
.black.normal
{
    background-color: #1d1d1d;
    color: #B0D551;
    border: solid 1px #000;
}
.black.active
{
    background-color: #333333;
    color: White;
    border: solid 1px #000;
}
.pager.black .btn
{
    background-color: #1d1d1d;
    color: White;
    border: solid 1px #000;
}
*/
/*resource handlers*/
.tasor-resource { cursor: pointer}
.tasor-resource:hover { background-color: #E6EFF5;}
.resource-drag-handler { background-color: #F79F20; cursor: pointer; height: 17px; position: absolute; width: 17px;}
	.resource-drag-handler .draglabel { background-color: #EEEEEE; clear: both; color: #555555; display: inline-block; position: relative;
    	right: -17px; z-index: 9999999; border: dashed 1px #F79F20; padding: 4px;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);}
.tasorItem-editMode .tasor-resource-editable.tasor-resource {min-height: 20px;}
.tasorItem-editMode .tasor-resource-editable.tasor-resource input {width:100%;}
.tasor-literal .tasor-literal-lang {color:gray;}

/*SEMANTCI LIST WIDGET*/
.tc-semList .tc-semList-items { background-color: white;; overflow: auto; height: 100%; margin: 0px 0px 0px 0px; padding:5px 0px 5px 5px}
.tc-semList .tc-semList-items li {display: list-item}
.tc-semList .tc-semList-search { width:100%; color: #808080;margin: 0px 0px 0px 0px; padding:3px 0px 3px 0px;
											border: 0px;border-top: 0px solid; background-color: #FFFBF0;background-image: none;}
  
.semeditInline {position: relative}
.semeditInline-button			{;position:absolute;bottom:-26px; height: 20px;padding: 3px;
						font-size: 1em; background-color: white; z-index: 999;border:solid 1px #FBD08D}
.semeditInline-button:hover	{border: 1px solid #E76208}
.semeditInline-saveButton		{left:8px;text-align:left;width:45px;}
.semeditInline-cancelButton	{left:65px;text-align:left;width:55px;} 
.semeditInline-input			{z-index:333;position: relative;min-width:120px;margin-left:5px;font-family: Helvetica}
.semeditInline-background		{;height: 100%;position: absolute; top: -10px;;z-index:100;min-width:140px;padding-bottom: 20px;width:100%}
.semeditInline-background:hover{}
.semeditInline-resize			{position: absolute; bottom: -10px; left: 130px; border: 1px solid #FBD08D;
						width:15px;height:15px; background-color: white;}
.semeditInline-resize:hover	{border: 1px solid #E76208}
.semeditInline-wrapper {position: absolute;}


/*tasorItem*/
.semedit {position: relative; font-size:1em}
.semedit-deletebutton {
    color: #999999;
    font-size: 1.2em;
    left: -19px;
    position: absolute;
    top: 0;
    width: 13px;
    cursor: pointer;
    padding-right: 8px;
}
.semedit-deletebutton:hover {
	color: #555555;
	font-size: 1.2em;
	margin-left: -1px;
}
.semedit-editobjectbutton {
    color: #999999;
    font-size: 1.2em;
    right: -19px;
    position: absolute;
    top: 0;
    width: 13px;
    cursor: pointer;
}
.semedit-editobjectbutton:hover {
	color: #555555;
	font-size: 1.2em;
	margin-left: -1px;
}


.tasorItemMenu {width:74px;}
.tasorItemMenu-command {width:1.5em;}
.tasorItemMenu-command .ui-button-text{padding:0px;}

.tasorListMenu {width:74px;}
.tasorListMenu-command {width:1.5em;}
.tasorListMenu-command .ui-button-text{padding:0px;}
/*----TASOR FACATED*/
.tasorFacate {}
.tasorFacatedCategory {float:left;margin-right:20px}
.tasorFacatedCategoryText {}
.tasorFacatedCategoryFilters {}
.tasorFacatedCategoryFilter {cursor:pointer}
.tasorFacatedCategoryFilterText {position: relative;margin-left:20px}

.tasorFacatedCategory .tasorFacatedCategoryFilters.tasorFacatedCategoryFiltersMulti  .multiGraphic {display: inherit}
.tasorFacatedCategory .tasorFacatedCategoryFilters.tasorFacatedCategoryFiltersMulti  .singleGraphic {display: none}

.tasorFacatedCategory .tasorFacatedCategoryFilters.tasorFacatedCategoryFiltersSingle .multiGraphic {display: none}
.tasorFacatedCategory .tasorFacatedCategoryFilters.tasorFacatedCategoryFiltersSingle .singleGraphic {display: inherit}

.tasorFacatedCategory .tasorFacatedCategoryFilter div div:first-child {position:absolute;}
.tasorFacatedCategory .tasorFacatedCategoryFilter div div:first-child+div {position: absolute;}

.tasorFacatedCategory .tasorFacatedCategoryFilter.tasorFacatedCategoryFilterON div div:first-child {display:inherit;}
.tasorFacatedCategory .tasorFacatedCategoryFilter.tasorFacatedCategoryFilterON div div:first-child+div {display:none;}

.tasorFacatedCategory .tasorFacatedCategoryFilter div div:first-child {display:none;}
.tasorFacatedCategory .tasorFacatedCategoryFilter div div:first-child+div {display:inherit;}



.tasorItem-editMode .tasor-literal-value { border: 1px dashed #999999; color: #1C1C1C; padding: 5px;}
/*----Tasor autocomplete-----*/
.tasorAutocomplete, .tasorAutocompleteDropdown {
	/*
    background-color: #F1F4F2;
    border-color: #4D657E;
    border-width: 1px;
    color: #2F3E4E;
    */
	background-color: #F9F8DF;
	border-color: #4D657E;
	border-width: 1px;
	color: #2F3E4E;
}

.tasorAutocomplete.tasorAutocomplete-empty, .tasorAutocompleteDropdown.tasorAutocomplete-empty {
	color:#808080;
}
.tasorAutocomplete-list {
	min-width: 250px
}
.tasorAutocomplete-list {
	background-color: white;
	border: 1px solid #AAAAAA;
	color: #43586E;
	width: 252px;
	overflow: hidden;
}
.tasorAutocomplete-list .tasor-resource {
	margin: 2px;
	padding: 2px;
}
.tasorAutocomplete-list .tasor-resource.hover  {
   border: 0px solid;
	cursor: pointer;
	background-color: #43586E;
	color: white;
}
.tasorAutocomplete-list .tasor-resource-selected {
    font-weight: bold;
    text-decoration: underline;
}
.tasorAutocomplete-list .pager {
	/* padding: 4px 0px 0px 2px; */
    padding: 0px;
	background-color: #EAE8E4;
	/* height: 20px; */
    height: 25px;
	width: 250px;
	min-width: 250px;
	color: #5A6674;
	/* overflow: auto; */
	margin: 0px;
    left: 0px !important;
}
.tasorAutocomplete-list .pager li a{
	margin-top: -4px;
	padding-top: 4px;
	color: #5A6674;
}
.tasorAutocomplete-list .pager li a.active{
	margin-top: -4px;
	padding-top: 4px;
	background-color: white;
}

/*GRAPHICS*/

.tc-graphic { cursor: pointer;}
.tc-graphic.tc-logo {
	background: url("../assets/TasorLogo.png") no-repeat scroll center center;
}
.tc-graphic.tc-logo-text-image {
	background: url("../assets/TasorONE_logo_text_black.png") no-repeat scroll center center;
}
    

/*TASOR TOOLBAR WIDGET*/
.tasorToolbar {
	height: 28px; left: 0; 
	padding: 5px; position: fixed; 
	top: 0; width: 100%; 
	z-index: 80; padding-left: 0px; 
	padding-right: 0px;
	background-color: #EEEEEE;
	color: black;
	border-bottom: 1px solid #DDDDDD;
}

.tasorToolbar .tc-menuSeparator {
    background-color: #EEEEEE;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #DDDDDD;
    display: block;
    margin: 0 3px;
}

.tasorToolbar .tc-menuDropdown > div {
   background-color: #EEEEEE;
}

.tasorToolbar .tc-menuDropdown .arrow-up {
   background:transparent;
}
.tasorToolbar .tc-menuDropdown .arrow:after {
	border-bottom-color:#EEEEEE; 
}

.tasorToolbar .tc-menuDropdown {
   border: 1px solid #DBDBDB;
	border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   margin-left: -9px;
   margin-top: 5px;
   min-width: 70px;
   padding: 0 ;
   position: absolute;
   width: auto;
   background-color: #EEEEEE;
}
.tasorToolbar .tc-menuDropdown  .tc-menuDropdownItem {
    background-color: #EEEEEE;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    padding: 3px 7px;
    position: relative;
    z-index: 9999;
    width: 100%;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
.tasorToolbar .tc-menuDropdown  .tc-menuDropdownItem:hover {
	text-decoration: underline;
   background-color: #EEEEEE;
}
.tasorToolbar .tc-menuDropdown  .tc-menuDropdownItem:hover div {
	text-decoration: underline;
}
.tasorToolbar .tc-menuDropdown  .tc-menuDropdownItem.tc-toggleSelected{
    background-color: white;
    cursor: pointer;
    padding: 5px;
    position: relative;
    z-index: 9999;
    display:block;
}

.tasorToolbar .tc-menuButton{
    background-color: transparent;
    border: none;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    padding: 5px 8px;
    font-size: 1em;
    float:none;
}
.tasorToolbar .tc-menuDropdown .tc-menuDropdownItem.disabled {
    cursor: default;
	text-decoration: none;
	color: #999;
}

.projectDialogView .tasorToolbar .tc-menuButton{
    color: #BBBBBB;
    cursor: default;
}

.projectDialogView .tasorToolbar .tc-menuButton.projectMenuItem{
    background-color: white;
    /*border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    padding-bottom: 12px;
    */
    border: solid 1px #dddddd;
    border-radius: 0 0 0 0;
    color: #666666;
    cursor: pointer;
    float: left;
}

.projectDialogView .tasorToolbar .tc-menuButton:hover {
    background-color: transparent;
    color: #BBBBBB;
    text-decoration: none;
}

.projectDialogView .tasorToolbar .tc-menuButton.projectMenuItem:hover {
    background-color: white;
    color: black;
    text-decoration: underline;
}

.tasorToolbar .tc-menuButton div{
	display: inline-block;
}
.tasorToolbar .tc-menuButton a{
    color: inherit;
    text-decoration: none;
}

.tasorToolbar .tc-menuButton .tc-menuIcon {
	color: #666666;
   width: 1.1em;
   padding:4px 10px 4px 4px;
   float: none;
}
.tasorToolbar .tc-menuDropdown.tc-menuBig .tc-menuButton .tc-menuIcon {
	font-size: 1.2em;
}

.tasorToolbar .tc-menuButton:nth-child(3) {
	margin-left:-1px;
}

.tasorToolbar .tc-menuButton:hover {
    background-color: transparent;
    color: black;
    text-decoration: underline;
}

.tasorToolbar .tc-menuLink{
	display: inline-block; cursor: pointer;
	color: #0069D6;
	padding: 3px;
	text-decoration: underline;
}

.tasorToolbar .tc-logo {
    background-color: #BCC3C4;
    float: left;
    height: 28px;
    margin-top: -5px;
    padding: 5px;
    position: relative;
    width: 32px;
    margin-right:5px;
    box-shadow: 2px -2px 2px rgba(34, 25, 25, 0.2);
}
.tasorToolbar .tc-logo-text-image  {    
    background-size: contain;
    float: left;
    height: 25px;
    margin-left: 2px;
    margin-right: 20px;
    margin-top: 2px;
    padding: 0;
    position: relative;
    width: 115px;
}
.tasorToolbar .tc-logo:hover {
    background-color: #AEB7B8;
    cursor: pointer;
}

.tasorToolbar .tc-search {
	display: inline;
	/*background-color: #B7C6D5;*/
   display: inline-block;
   margin-right: 35px;
   float:right;
   margin-top: -3px;
	padding: 2px 1px 2px 2px;
   right: 0;
   width: 347px;
   position: relative;
}

.projectDialogView .tasorToolbar .tc-search {
	display: none;
}

.tasorToolbar .tc-search input{
	background-color: white;
   border-color: #CCCCCC #CCCCCC #BBBBBB;
   border-radius: 0 0 0 0;
   border-style: solid;
   border-width: 1px;
   float: left;
   font-size: 1em;
   height: 21px;
   margin-top: 2px;
   padding: 1px;
   width: 310px;
   /*box-shadow: 0 1px 3px rgba(34, 25, 25, 0.1);*/
}
.tasorToolbar .tc-search button{
	border-radius: 0 0 0 0;
   height: 25px;
   margin-left: -1px;
   margin-top: 2px;
   padding-top: 3px;
   padding-left:5px;
   /*box-shadow: 0 1px 3px rgba(34, 25, 25, 0.1);*/
}
.tasorToolbar .tc-search .btn{
    color: #999999;
    font-size: 0.85em;
    position: absolute;
    right: 35px;
    top: 10px;
    background-color: white;
    height: 1.5em;
    text-align: center;
    width: 1.5em;
} 
.tasorToolbar .tc-search .btn:hover{
	cursor: pointer;
	color:#555555;
}
.tasorToolbar .tc-projectName {
	 border-left: 1px solid #BBBBBB;
    color: #1C67AC;
    display: inline;
    font-size: 1.2em;
    margin-left: 15px;
    padding-left: 10px;
    text-decoration: none;
}
.tasorToolbar .tc-projectName i {
	font-size: 1.1em;
	margin-right: 5px;
}

.tasorToolbar .tc-user{
	float: right;
	padding-right: 10px;
}
.tasorToolbar .tc-user .tasorUser{
	display: inline;
}
.projectDialogView .tasorToolbar .tc-user{
	display:none;
}
.tasorToolbar .tc-userLogout{
	display: none;
}

.tasorToolbar .tc-language{
	display: inline;
}
.tasorToolbar .tc-shadow-bottom {
	background: url("../assets/toolbar_shadow.png") repeat-x scroll left bottom transparent;
   height: 8px;
	position:absolute;
	width:100%;
	bottom:0px;
}

.tc-user:hover {
	cursor: pointer;
}

/*tasor user widget*/
.tasorUser {}
.tasorUser .tc-user > div {
	display: inline-block;
	margin: 2px 5px;
}
.tasorUser .tc-user .tc-menuLink{
	cursor: pointer;
	text-transform: none;
}
.tc-userName.tc-menuLink {
    padding: 2px 5px;
}
.tc-userName.tc-menuLink.tc-menuActive {
}
.tc-user .tc-menuDropdown {
	border: 1px solid rgba(0, 0, 0, 0.2);
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   padding: 20px;
   z-index: 120;
   color:#555555;
}
.tc-user .arrow-up{
    position: absolute;
    right: 10px;
    top: -10px;
}
.tc-user .btn.btn-link {
    font-size: 13px;
    padding:0;
}

.tc-user .tc-user-email {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.tc-user .tc-userAccount {
	float: left;
	padding-left:0;
}
.tc-user .tc-userLogout {
	float: right;
	padding-right:0;
}

.tasorToolbar  .tasorUser .tc-user > div {
	display: inline-block;
	margin: 0;
}
/*Tasor Blank Nodes*/
.tasor-bnode {    
	overflow: hidden;
    padding: 4px;
}

.tasor-bnode-value {
    padding-left: 20px;
}
.tasor-bnode .tasor-resource {
}

.bnode-template {    
	display: list-item;
    list-style-position: inside;
    list-style-type: circle;
    margin: 0;
    padding: 2px 0;
}

/*TASOR APPLICATION*/
.tasor body {padding-top:38px;}

/*my underdevelopment pagination
.tasorPagination .tasorPagination-numberTemplate.tasorPagination-numberSelected {background-color: black;color:white}
.tasorPagination .tasorPagination-numberTemplate { border:solid 1px;width:15px;height: 15px;margin:2px;
background-color: white;float:left;text-align: center;cursor:pointer}
.tasorPagination .tasorPagination-numberTemplate:hover {border-color:white}

.tasorPagination .tasorPagination-rightNav { border:solid 1px;width:35px;height: 15px;margin:2px;
background-color: white;float:left;text-align: center;cursor:pointer}
.tasorPagination .tasorPagination-rightNav:hover {border-color: white}
.tasorPagination .tasorPagination-leftNav { border:solid 1px;width:35px;height: 15px;margin:2px;
background-color: white;float:left;text-align: center;cursor:pointer}
.tasorPagination .tasorPagination-leftNav:hover {border-color: white}
*/


/*3 Column*/

 .tasorNavigationColumns {
 	position:relative;
 	overflow:hidden;
 	height: 100%;
 }


.tasor-list-search {
    margin-bottom: 15px !important;
    min-width: 125px !important;
    max-width: 610px !important;
}

.tasor-list-search .tasor-list-search-clear {
    position: absolute !important;
    right: 80px !important;
    /* right: 4.2vw !important; */
    top: 22% !important;
    margin: auto !important;
    cursor: pointer !important;
    z-index: 10 !important;
    color: #cccccc !important;
}

.tasor-list-search .tasor-list-search-clear:hover {
    color: #000000 !important;
}

.tasor-list-search .tasor-list-search-btn {
    /* min-width: 40px !important; */
    /* width: 3.6vw !important; */
    /*width: 70px !important;*/
    line-height: 1.42857143 !important;
    font-size: 14px !important;
}

.tasor-list-search .form-control {
    height: 34px;
}.tasor-service-progress-bar {
	height: 20px;
	position: relative;
	width: 100%;
}

.tasor-service-progress-bar .progress {
	position: absolute;
	width: 100%;
}

.tasor-service-progress-bar .progress .progress-label {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	font-weight: bold;
	transform: translate(-50%, -50%);
}

.progress-label-color-start {
	color: #000000;
}

.progress-label-color-finish {
	color: #ffffff !important;
}
.tasor-number-range-filter .form-control {
	display: inline-block !important;
}

.tasor-number-range-filter > div {
	width: 100% !important;
}

.tasor-number-range-filter > div > label {
	width: 20% !important;
}

.tasor-number-range-filter > div > input {
	width: 80% !important;
}

.tasor-number-range-filter > div small {
	padding-left: 20% !important;
}

.tasor-number-range-filter .reset-filter {
	position: absolute;
	right: 10px;
	top: 14%;
	margin: auto;
	cursor: pointer;
	z-index: 10;
	color: #cccccc;
}

 .tasor-number-range-filter .reset-filter:hover {
     color: #000000;
 }/* ============================================================
   TasorLLMChat.css
   ============================================================ */

/* ----------- SIDEBAR ----------- */
.tasor-chat-sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 450px;
	max-width: 100vw;
	min-width: 320px;
	z-index: 1050;
	display: flex;
	flex-direction: column;
	background: #fff;
	box-shadow: -4px 0 24px rgba(0, 0, 0, 0.10);
	transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
	font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	border-left: 1px solid #e5e7eb;
}
.tasor-chat-sidebar--right {
	right: 0;
	transform: translateX(100%);
}
.tasor-chat-sidebar--left {
	left: 0;
	transform: translateX(-100%);
	border-left: none;
	border-right: 1px solid #e5e7eb;
}
.tasor-chat-sidebar--open {
	transform: translateX(0) !important;
}

/* BoÄ?ni resize handle-ovi */
.tasor-chat-resize-handle-left {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 8px;
	cursor: ew-resize;
	background: transparent;
	transition: background 0.15s;
	z-index: 10;
}
.tasor-chat-resize-handle-left:hover {
	background: rgba(99, 102, 241, 0.2);
}

.tasor-chat-resize-handle-right {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 8px;
	cursor: ew-resize;
	background: transparent;
	transition: background 0.15s;
	z-index: 10;
}
.tasor-chat-resize-handle-right:hover {
	background: rgba(99, 102, 241, 0.2);
}

.tasor-chat-sidebar--dragging {
    user-select: none;
}

.tasor-chat-header {
    cursor: grab;
}
.tasor-chat-header:active {
    cursor: grabbing;
}

/* ----------- HEADER ----------- */
.tasor-chat-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 16px;
	background: #fff;
	border-bottom: 1px solid #e5e7eb;
	flex-shrink: 0;
}
.tasor-chat-header-info {
	display: flex;
	align-items: center;
	gap: 10px;
}
.tasor-chat-avatar {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: linear-gradient(135deg, #6366f1, #818cf8);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	color: #fff;
	flex-shrink: 0;
}
.tasor-chat-title-wrap {
	display: flex;
	flex-direction: column;
	gap: 1px;
}
.tasor-chat-title {
	font-size: 0.95em;
	font-weight: 700;
	color: #111827;
	letter-spacing: 0.01em;
}
.tasor-chat-status {
	font-size: 0.69em;
	color: #9ca3af;
	display: flex;
	align-items: center;
	gap: 4px;
}
.tasor-chat-status-dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #22c55e;
	animation: tasor-pulse 2s infinite;
}
@keyframes tasor-pulse {
	0%, 100% { opacity: 1; }
	50%       { opacity: 0.35; }
}
.tasor-chat-close-btn {
	background: none;
	border: none;
	color: #9ca3af;
	font-size: 1.05em;
	cursor: pointer;
	padding: 5px 7px;
	border-radius: 6px;
	transition: color 0.15s, background 0.15s;
	line-height: 1;
}
.tasor-chat-close-btn:hover {
	color: #374151;
	background: #f3f4f6;
}

/* ----------- CONTEXT BAR ----------- */
.tasor-chat-context-bar {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 7px 14px;
	background: #f0f4ff;
	border-bottom: 1px solid #dde3f8;
	font-size: 0.8em;
	color: #4338ca;
	flex-shrink: 0;
}
.tasor-chat-context-bar.active {
	display: flex;
}
.tasor-chat-context-label {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
}
.tasor-chat-context-clear {
	background: none;
	border: none;
	color: #a5b4fc;
	cursor: pointer;
	font-size: 0.95em;
	padding: 0 2px;
	line-height: 1;
	transition: color 0.15s;
}
.tasor-chat-context-clear:hover {
	color: #4338ca;
}

/* ----------- MESSAGES ----------- */
.tasor-chat-messages {
	flex: 1;
	overflow-y: auto;
	padding: 16px 12px 8px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	background: #f9fafb;
	scrollbar-width: thin;
	scrollbar-color: #d1d5db #f9fafb;
}
.tasor-chat-messages::-webkit-scrollbar       { width: 4px; }
.tasor-chat-messages::-webkit-scrollbar-track  { background: #f9fafb; }
.tasor-chat-messages::-webkit-scrollbar-thumb  { background: #d1d5db; border-radius: 4px; }

/* Welcome screen */
.tasor-chat-welcome {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #9ca3af;
	padding: 40px 20px;
	gap: 10px;
	flex: 1;
}
.tasor-chat-welcome-icon {
	font-size: 2.2em;
	opacity: 0.2;
}
.tasor-chat-welcome p {
	font-size: 0.88em;
	margin: 0;
}

/* ----------- MESSAGE ----------- */
.tasor-chat-msg {
	display: flex;
	align-items: flex-end;
	gap: 7px;
	margin-bottom: 4px;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.22s ease, transform 0.22s ease;
}
.tasor-chat-msg--visible {
	opacity: 1;
	transform: translateY(0);
}
.tasor-chat-msg--user { flex-direction: row-reverse; }
.tasor-chat-msg--bot  { flex-direction: row; }

.tasor-chat-msg-avatar {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: linear-gradient(135deg, #6366f1, #818cf8);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7em;
	color: #fff;
	flex-shrink: 0;
	margin-bottom: 16px;
}
.tasor-chat-msg-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	max-width: 80%;
}
.tasor-chat-msg--user .tasor-chat-msg-body { align-items: flex-end; }
.tasor-chat-msg--bot  .tasor-chat-msg-body { align-items: flex-start; }

.tasor-chat-bubble {
	padding: 9px 13px;
	border-radius: 16px;
	font-size: 0.9em;
	line-height: 1.55;
	word-break: break-word;
	white-space: pre-wrap;
}
.tasor-chat-msg--user .tasor-chat-bubble {
	background: #2087c0;
	color: #fff;
	border-bottom-right-radius: 3px;
}
.tasor-chat-msg--bot .tasor-chat-bubble {
	background: #fff;
	color: #1f2937;
	border-bottom-left-radius: 3px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.tasor-chat-msg-time {
	font-size: 0.66em;
	color: #9ca3af;
	padding: 0 3px;
}

/* Context chip na poruci korisnika */
.tasor-chat-msg-context-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 0.7em;
	color: #6366f1;
	background: #eef2ff;
	border: 1px solid #c7d2fe;
	border-radius: 5px;
	padding: 2px 8px;
	margin-bottom: 4px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tasor-chat-msg-copy-btn{
	border: 1px solid #2087c0;
	border-radius: 4px;
	background: transparent;
	color: #2087c0;
}
.tasor-chat-msg-copy-btn:hover {
	background: #2087c0;
	color: #fff;
	transition: ease-in-out 0.15s;
}
.tasor-chat-msg-copy-btn.copied {
	background: #22c55e;
	border-color: #22c55e;
	color: #fff;
	transition: ease-in-out 0.15s;
}
/* ----------- TYPING INDIKATOR ----------- */
.tasor-chat-bubble--typing {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 11px 16px;
	min-width: 48px;
}
.tasor-chat-bubble--typing span {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #2087c0;
	animation: tasor-typing 1.2s infinite;
}
.tasor-chat-bubble--typing span:nth-child(2) { animation-delay: 0.2s; }
.tasor-chat-bubble--typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes tasor-typing {
	0%, 60%, 100% { transform: translateY(0); opacity: 0.3; }
	30%           { transform: translateY(-4px); opacity: 1; }
}

/* ----------- INPUT AREA ----------- */
.tasor-chat-input-area {
	padding: 10px 12px 12px;
	background: #fff;
	border-top: 1px solid #e5e7eb;
	flex-shrink: 0;
}
.tasor-chat-input-row {
	display: flex;
	align-items: flex-end;
	gap: 6px;
}

/* + dugme */
.tasor-chat-plus-btn {
	background: none;
	border: 1px solid #e5e7eb;
	color: #6b7280;
	border-radius: 8px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 1.1em;
	flex-shrink: 0;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
	position: relative;
}
.tasor-chat-plus-btn:hover,
.tasor-chat-plus-btn.active {
	background: #eef2ff;
	border-color: #6366f1;
	color: #6366f1;
}

/* Actions meni */
.tasor-chat-actions-menu {
	position: absolute;
	bottom: calc(100% + 6px);
	left: 0;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	min-width: 210px;
	z-index: 10;
	overflow: hidden;
	display: none;
}
.tasor-chat-actions-menu.open {
	display: block;
}
.tasor-chat-actions-menu-item {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 9px 14px;
	font-size: 0.88em;
	color: #1f2937;
	cursor: pointer;
	transition: background 0.12s;
}
.tasor-chat-actions-menu-item:hover {
	background: #f0f4ff;
	color: #4338ca;
}
.tasor-chat-actions-menu-item i {
	width: 14px;
	text-align: center;
	color: #6366f1;
	font-size: 0.95em;
}
.tasor-chat-actions-menu-empty {
	padding: 10px 14px;
	font-size: 0.83em;
	color: #9ca3af;
	font-style: italic;
}

/* Textarea input */
.tasor-chat-input {
	flex: 1;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	color: #1f2937;
	font-family: inherit;
	font-size: 0.9em;
	padding: 9px 12px;
	resize: none;
	outline: none;
	max-height: 120px;
	min-height: 36px;
	line-height: 1.5;
	transition: border-color 0.15s, background 0.15s;
}
.tasor-chat-input::placeholder { color: #9ca3af; }
.tasor-chat-input:focus {
	border-color: #6366f1;
	background: #fff;
}

/* Send dugme */
.tasor-chat-send-btn {
	background: #2087c0;
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 0;
	width: 36px;
	height: 36px;
	font-size: 0.95em;
	cursor: pointer;
	transition: background 0.15s, transform 0.1s;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.tasor-chat-send-btn:hover  { background: #4f46e5; transform: scale(1.05); }
.tasor-chat-send-btn:active { transform: scale(0.96); }

.tasor-chat-footer-note {
	font-size: 0.63em;
	color: #d1d5db;
	text-align: center;
	margin-top: 7px;
}

/* ----------- TRIGGER DUGME ----------- */
.tasor-llm-chat-trigger {
	position: fixed;
	bottom: 26px;
	right: 26px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: linear-gradient(135deg, #2eade5, #818cf8);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25em;
	cursor: pointer;
	box-shadow: 0 4px 18px rgba(99, 102, 241, 0.45);
	z-index: 1049;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
	user-select: none;
}
.tasor-llm-chat-trigger:hover  { transform: scale(1.08); box-shadow: 0 6px 26px rgba(99, 102, 241, 0.6); }
.tasor-llm-chat-trigger:active { transform: scale(0.95); }

/* ----------- SETTINGS BUTTON ----------- */
.tasor-chat-header-left {
	display: flex;
	align-items: center;
	gap: 8px;
}
.tasor-chat-settings-btn {
	background: none;
	border: none;
	color: #9ca3af;
	font-size: 1em;
	cursor: pointer;
	padding: 5px 7px;
	border-radius: 6px;
	transition: color 0.15s, background 0.15s, transform 0.35s ease;
	line-height: 1;
}
.tasor-chat-settings-btn:hover {
	color: #374151;
	background: #f3f4f6;
}
.tasor-chat-settings-btn.active {
	color: #6366f1;
	background: #eef2ff;
	transform: rotate(60deg);
}

/* ----------- SETTINGS PANEL ----------- */
.tasor-chat-settings-panel {
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 240px;
	background: #fff;
	display: flex;
	flex-direction: column;
	font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
	border-left: 1px solid #e5e7eb;
	box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
	transform: translateX(100%);
}
.tasor-chat-settings-panel--open {
	transform: translateX(0);
}
.tasor-chat-settings-hdr {
	padding: 22px 16px;
	font-size: 0.88em;
	font-weight: 700;
	color: #374151;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	background: #fff;
}
.tasor-chat-settings-hdr i {
	color: #6366f1;
}
.tasor-chat-settings-body {
	flex: 1;
	padding: 16px;
	overflow-y: auto;
	background: #f9fafb;
}
.tasor-chat-settings-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 16px;
}
.tasor-chat-settings-label {
	font-size: 0.74em;
	font-weight: 600;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.tasor-model-select {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #e5e7eb;
	border-radius: 7px;
	background: #fff;
	color: #1f2937;
	font-size: 0.85em;
	font-family: inherit;
	outline: none;
	cursor: pointer;
	transition: border-color 0.15s, box-shadow 0.15s;
}
.tasor-model-select:focus {
	border-color: #6366f1;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
}

/* ----------- RESPONSIVE ----------- */
@media (max-width: 480px) {
	.tasor-chat-sidebar        { width: 100vw; }
	.tasor-llm-chat-trigger    { bottom: 16px; right: 16px; }
}/*
WIDGET CSS
*/
#TC {display:none}
.tc-component {z-index:0; position:relative ;min-width:100px; margin-bottom:0px; margin-top:0px; }

.tc-component-container-1 {;width:100%;; float:left; height: 100%;}

/* .tc-component-content { z-index:0; height: 100%; overflow: auto; word-wrap: break-word;margin-top: 0px; background-color:white;} */
.tc-component-content { z-index:0; height: 100%; word-wrap: break-word;margin-top: 0px; background-color:white;}

.tc-toolbar-top { overflow: hidden; ; padding-top:0px; padding-left: 1px}
.tc-toolbar-right { height: 100%;display:none;  overflow:hidden;}
.tc-toolbar-bottom { overflow: hidden;  ;padding-left: 1px; padding-bottom: 0px;display:none;}
.tc-toolbar-left { overflow: hidden;  float:left; height: 100%}

.tc-background-color {background-color: transparent}
.tc-invisible-part {display:none}
.1tc-visible-part {display:inherit}

.tc-header {;overflow: hidden;display:none;z-index:6666}

.tc-header-full .ui-icon {float: right;display:none;}
.tc-header-full {padding-left:4px; ;overflow: hidden;max-height: 18px; min-height: 18px}

.tc-header-full.tc-header-over .tc-minimize{display:block;}
.tc-header-full.tc-header-out .tc-minimize{display:none;}
.tc-header-full.tc-header-over .tc-semantic-refresh{display:block;}
.tc-header-full.tc-header-out .tc-semantic-refresh{display:none;}
.tc-header-full.tc-over {display:block}
.tc-header-full.tc-out {display:block}

.tc-component.tc-draggable .tc-header-full.tc-header-over:first-child .tc-drag-handle {display:inline}
.tc-component.tc-draggable .tc-header-full.tc-header-out:first-child .tc-drag-handle {display:none}
.tc-component .tc-header-full.tc-over:first-child .tc-drag-handle {display:none}

.tc-component.tc-editable .tc-header-full.tc-header-over .tc-edit{display:inline}
.tc-component.tc-editable .tc-header-full.tc-header-out .tc-edit{display:none}
.tc-component.tc-noeditable .tc-header-full.tc-over .tc-edit{display:none}


.tc-component.tc-editable .tc-header-full.tc-header-over .tc-menu-handle{display:inline}
.tc-component.tc-editable .tc-header-full.tc-header-out .tc-menu-handle{display:none}
.tc-component.tc-noeditable .tc-header-full.tc-over .tc-menu-handle{display:none}


/*mini header*/
.tc-header-mini {z-index:6666; display:none;position:absolute; margin-left: -75px;top: 0px; left: 100% ;min-height:16px; max-height:16px; min-width:56px; max-width:56px; overflow:hidden;padding: 0px}
.tc-header-mini.tc-out {display:none;}
.tc-header-mini.tc-over {display:inline}
.tc-header-mini .ui-icon {float: right; padding: 0px; margin:0px;overflow:hidden}
.tc-header-mini .tc-minimize {display:none}
.tc-header-mini.tc-over .tc-minimize {display:none}
.tc-header-mini.tc-out .tc-minimize {display:none}
.tc-header-mini .tc-header-text {display:none}
/*header with label only*/
.tc-header-label .ui-icon {float: right;display:none;}
.tc-header-label {padding-left:4px; ;overflow: hidden;max-height: 18px; min-height: 18px}
.tc-header-label.tc-header-over .tc-minimize{display:none;}
.tc-header-label.tc-header-out .tc-minimize{display:none;}
.tc-header-label.tc-header-over .tc-semantic-refresh{display:none;}
.tc-header-label.tc-header-out .tc-semantic-refresh{display:none;}
.tc-header-label.tc-over {display:block}
.tc-header-label.tc-out {display:block}


.tc-component.tc-editable .tc-header-mini.tc-over .tc-edit{display:inline}
.tc-component.tc-noeditable .tc-header-mini.tc-over .tc-edit{display:none}

.tc-component.tc-draggable .tc-header-mini.tc-over .tc-drag-handle{display:inline}
.tc-component.tc-draggable .tc-header-mini.tc-out .tc-drag-handle{display:none}
.tc-component .tc-header-mini.tc-over .tc-drag-handle{display:none}
/**/
.tc-component-dialog {}
.tc-component-dialog .ui-dialog-titlebar{padding:0px;}
.tc-component-dialog .ui-dialog-content{padding:0px;}

.tc-component.ui-state-disabled.ui-resizable {opacity:1.0;filter:Alpha(Opacity=100)}


/*
.ui-button-text-icon .ui-button-text, .tc-toolbar-full .ui-button-text-icons .ui-button-text { padding: .2em 1em .2em 2.1em; }

.tc-menu-item {height:10px;}
 * */
ul.tc-menu {list-style-type: none;
	list-style-position: outside !important; }
.tc-menu-item {list-style-type: none;
	list-style-position: outside !important; }

.tc-toc {cursor: pointer;}
.tc-toc-1 {margin-left: 5px}
.tc-toc-2 {margin-left: 15px}
.tc-toc-3 {margin-left: 25px}
.tc-toc-4 {margin-left: 35px}
.tc-toc-5 {margin-left: 45px}
.tc-toc-top {margin-right:20px; float:right; cursor: pointer;}
/**/
	
/*Semantci JSON CSS*/

.semantic-json-segment {}
.semantic-json-segment .tc-semantic-statement {
	width: 100%
}
.semantic-json-segment .tc-semantic-statement div {
	float:left;
}
.semantic-json-segment .tc-semantic-statement .tc-semantic-predicate{
	text-align:left;
	width: 30%;
	 text-indent: 7px;
}
.semantic-json-segment .tc-semantic-statement .tc-semantic-object{
	text-align:left;
	width: 70%;
	 text-indent: 8px;
}

.tc-semantic-statement .tc-semantic-menu-delete {
	display: none;
}
 .ui-widget-content a {
    color: blue;
}
.tc-semantic-statement .tc-semantic-menu-delete a {color:#0000FF}
.tc-semantic-statement .tc-semantic-menu-delete a:link{color:#0000FF}
.tc-semantic-statement .tc-semantic-menu-delete a:visited{color:#8C8B8B}
.tc-semantic-statement .tc-semantic-menu-delete a:hover{color:#00aaFF}

.TagleenComponentWikiPage .tc-semantic-statement:hover .tc-semantic-menu-delete {
	display: inline;
}

/*TAOR RESOURCE*/


/*resource handlers*/
.tasor-resource { cursor: pointer}

/*SEMANTCI LIST WIDGET*/
.tc-semList .tc-semList-items { background-color: white;; overflow: auto; height: 100%; margin: 0px 0px 0px 0px; padding:5px 0px 5px 5px}
.tc-semList .tc-semList-items li {display: list-item}
.tc-semList .tc-semList-search { width:100%; color: #808080;margin: 0px 0px 0px 0px; padding:3px 0px 3px 0px;border: 0px;border-top: 0px solid}

  
.semeditInline {position: relative}
.semeditInline-button			{;position:absolute;bottom:-26px; height: 20px;padding: 3px;
						font-size: 1em; background-color: white; z-index: 999;border:solid 1px #FBD08D}
.semeditInline-button:hover	{border: 1px solid #E76208}
.semeditInline-saveButton		{left:8px;text-align:left;width:45px;}
.semeditInline-cancelButton	{left:65px;text-align:left;width:55px;} 
.semeditInline-input			{z-index:333;position: relative;min-width:120px;margin-left:5px}
.semeditInline-background		{;height: 100%;position: absolute; top: -10px;;z-index:100;min-width:140px;padding-bottom: 20px;width:100%}
.semeditInline-background:hover{}
.semeditInline-resize			{position: absolute; bottom: -10px; left: 130px; border: 1px solid #FBD08D;
						width:15px;height:15px; background-color: white;}
.semeditInline-resize:hover	{border: 1px solid #E76208}
.semeditInline-wrapper {position: absolute;}
.semedit {position: relative; font-size:1em}
.semedit-editbutton	{position: absolute; width:13px;left:-15px;top:0px}


.tasorItemMenu {width:74px;}
.tasorItemMenu-command {width:1.5em;}
.tasorItemMenu-command .ui-button-text{padding:0px;}


 .tc-component-content input { 
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;	
	  accent-color: var(--text-primary);
}

/*new widget CSS*/
.bottom-toolbar {width:100%;overflow: auto;position: relative;z-index: 2;}
.bottom-toolbar button, .bottom-toolbar input[type="submit"] {float:right;}
.bottom-toolbar button:first-child {margin-right:0px;}
.bottom-toolbar button, .bottom-toolbar input[type="submit"] {margin-right:5px;}