.resizable-right > .panel > .cpath_body  .cpath_ui,
.resizable-left > .panel > .cpath_body .cpath_ui { position: relative; box-sizing: border-box; }
.resizable-right > .panel > .cpath_body .cpath_ui > * { border-right: 1px solid #ddd; }
.resizable-left > .panel > .cpath_body .cpath_ui > * { border-left: 1px solid #ddd; }
div#LeftViewContainer.resizable-right > .panel > .cpath_body .cpath_ui { border-right: none; }
div#LeftViewContainer.resizable-right > .panel > .cpath_body .cpath_ui > * { box-sizing: border-box; border-right: 1px solid #ddd; }

/* do not add the border to embedded cpath uis, just the outer one */
.resizable-right .cpath_ui .cpath_ui { border-right: none; }
.resizable-left .cpath_ui .cpath_ui { border-left: none; }

div.panel > div.cpath_body { position: relative; display: flex; flex-direction: row; flex-wrap: none; }
div.panel > div.cpath_body > div.cpath_ui { flex-grow: 1; position: relative; }
div.panel > div.cpath_body > div.tb-slideout { margin-right: 0px; right: 0px; z-index: 6000; }
div.panel > div.cpath_body > div.tb-slideout.pinned { z-index: 0; }

div.panel.noresize { display: flex; flex-direction: column; }
div.panel.noresize > div.cpath_body { display: flex; flex: 1; }
div.panel.noresize > div.cpath_body > div.cpath_ui { display: flex; flex-direction: column; flex: 1; }

.cpath_ui.empty { background-color: #fff; }
.cpath_ui > div.loading { padding: 5px; font-style: italic; color: #555; }
/* horizontal styles */
/* 16x16 icons */
/*
.actions.horizontal > button.btn { width: auto; }
.actions.horizontal label { display: inline; padding-left: 4px; }
.actions.horizontal .icon { width: 16px; }
.actions.horizontal .btn-group button.btn.dropdown-toggle { height: 30px; padding: 0 8px; }
*/

/* View Icons */
.container-tabs i.icon,
.jstree-contextmenu i.icon,
.panel i.icon {
	background: url('../../cpath_view/img/collection_bar_icons-32x32-full.png') no-repeat 0 0;
	background-size: 1280px;
	width: 16px;
	height: 16px; 
	display: block;
}

.container-tabs i.icon.extralarge,
.jstree-contextmenu i.icon.extralarge,
.panel i.icon.extralarge {
	transform: scale(2.0);
	transform-origin: center;
}
.container-tabs i.icon.large,
.jstree-contextmenu i.icon.large,
.panel i.icon.large {
	transform: scale(1.4);
	transform-origin: center;
}
.container-tabs i.icon.small,
.panel i.icon.small { 
	transform: scale(0.75);
	transform-origin: center;
}
.panel i.icon.select-checked,
.panel i.icon.select-checked.black  		{ background-position: 0px 0px; }
.panel i.icon.select-checked.gray  			{ background-position: 0px -16px; }
.panel i.icon.select-checked.white  		{ background-position: 0px -32px; }
.panel i.icon.select-checked.blue  			{ background-position: 0px -48px; }
.panel i.icon.down,
.panel i.icon.down.black					{ background-position: -32px 0px; }
.panel i.icon.down.gray						{ background-position: -32px -16px; }
.panel i.icon.down.white					{ background-position: -32px -32px; }
.panel i.icon.down.blue						{ background-position: -32px -48px; }
.panel i.icon.up,
.panel i.icon.up.black						{ background-position: -48px 0px; }
.panel i.icon.up.gray						{ background-position: -48px -16px; }
.panel i.icon.up.white						{ background-position: -48px -32px; }
.panel i.icon.up.blue						{ background-position: -48px -48px; }
.panel i.icon.action-edit,
.panel i.icon.action-edit.black				{ background-position: -64px 0px; }
.panel i.icon.action-edit.gray				{ background-position: -64px -16px; }
.panel .hover-actions .action:hover i.icon.action-edit,
.panel i.icon.action-edit.white				{ background-position: -64px -32px; }
.pnael i.icon.action-edit.blue				{ background-position: -64px -48px; }
.panel i.icon.action-new,
.panel i.icon.action-new.black				{ background-position: -80px 0px; }
.panel i.icon.action-new.gray				{ background-position: -80px -16px; }
.panel .hover-actions .action:hover i.icon.action-new,
.panel i.icon.action-new.white				{ background-position: -80px -32px; }
.panel i.icon.action-new.blue				{ background-position: -80px -48px; }
.panel i.icon.action-open,
.panel i.icon.action-open.black				{ background-position: -96px 0px; }
.jstree-contextmenu i.icon.action-open.gray,
.panel i.icon.action-open.gray				{ background-position: -96px -16px; }
.panel .hover-actions .action:hover i.icon.action-open,
.panel i.icon.action-open.white				{ background-position: -96px -32px; }
.panel i.icon.action-open.blue				{ background-position: -96px -48px; }
.panel i.icon.action-next
.panel i.icon.action-next.black             { background-position: -96px 0px; }
.panel i.icon.action-next.gray              { background-position: -96px -16px; }
.panel i.icon.action-next.white             { background-position: -96px -32px; }
.panel i.icon.action-next.blue              { background-position: -96px -48px; }
.panel i.icon.action-delete,
.panel i.icon.action-delete.black			{ background-position: -112px 0px; }
.panel i.icon.action-delete.gray			{ background-position: -112px -16px; }
.panel .hover-actions .action:hover i.icon.action-delete,
.panel i.icon.action-delete.white			{ background-position: -112px -32px; }
.panel i.icon.action-delete.blue			{ background-position: -112px -48px; }
.panel i.icon.action-delete-embedded,
.panel i.icon.action-delete-embedded.black  { background-position: -112px 0px; }
.panel i.icon.action-delete-embedded.gray	{ background-position: -112px -16px; }
.panel i.icon.action-delete-embedded.white  { background-position: -112px -32px; }
.panel i.icon.action-delete-embedded.blue	{ background-position: -112px -48px; }
.panel i.icon.action-import,
.panel i.icon.action-import.black			{ background-position: -128px 0px; }
.panel i.icon.action-import.gray			{ background-position: -128px -16px; }
.panel i.icon.action-import.white			{ background-position: -128px -32px; }
.panel i.icon.action-import.blue			{ background-position: -128px -48px; }
.panel i.icon.action-export,
.panel i.icon.action-export.black			{ background-position: -144px 0px; }
.panel i.icon.action-export.gray			{ background-position: -144px -16px; }
.panel i.icon.action-export.white			{ background-position: -144px -32px; }
.panel i.icon.action-export.blue			{ background-position: -144px -48px; }
.panel i.icon.hamburger,
.panel i.icon.hamburger.black				{ background-position: -160px 0px; }
.panel i.icon.hamburger.gray				{ background-position: -160px -16px; }
.panel .hover-actions .action:hover i.icon.hamburger,
.panel i.icon.hamburger.white				{ background-position: -160px -32px; }
.panel i.icon.hamburger.blue				{ background-position: -160px -48px; }
.panel i.icon.search-drop,
.panel i.icon.search-drop.black 			{ background-position: -176px 0px; }
.panel i.icon.search-drop.gray 				{ background-position: -176px -16px; }
.panel i.icon.search-drop.white 			{ background-position: -176px -32px; }
.panel i.icon.search-drop.blue 				{ background-position: -176px -48px; }
.panel i.icon.remove,
.panel i.icon.remove.black 					{ background-position: -192px 0px; }
.panel i.icon.remove.gray 					{ background-position: -192px -16px; }
.panel i.icon.remove.white 					{ background-position: -192px -32px; }
.panel i.icon.remove.blue 					{ background-position: -192px -48px; }
.panel i.icon.action-cancel,
.panel i.icon.action-cancel.black           { background-position: -192px 0px; }
.panel i.icon.action-cancel.gray            { background-position: -192px -16px; }
.panel .hover-actions .action:hover i.icon.action-cancel,
.panel i.icon.action-cancel.white           { background-position: -192px -32px; }
.panel i.icon.action-cancel.blue            { background-position: -192px -48px; }
.panel i.icon.down-caret,
.panel i.icon.down-caret.black				{ background-position: -240px 0px; }
.panel i.icon.down-caret.gray				{ background-position: -240px -16px; }
.panel i.icon.down-caret.white				{ background-position: -240px -32px; }
.panel i.icon.down-caret.blue				{ background-position: -240px -48px; }
.panel i.icon.up-caret,
.panel i.icon.up-caret.black				{ background-position: -256px 0px; }
.panel i.icon.up-caret.gray					{ background-position: -256px -16px; }
.panel i.icon.up-caret.white				{ background-position: -256px -32px; }
.panel i.icon.up-caret.blue					{ background-position: -256px -48px; }
.panel i.icon.select-all,
.panel i.icon.select-all.black				{ background-position: -272px 0px; }
.panel i.icon.select-all.gray				{ background-position: -272px -16px; }
.panel i.icon.select-all.white				{ background-position: -272px -32px; }
.panel i.icon.select-all.blue				{ background-position: -272px -48px; }
.panel i.icon.select-none,
.panel i.icon.select-none.black				{ background-position: -288px 0px; }
.panel i.icon.select-none.gray				{ background-position: -288px -16px; }
.panel i.icon.select-none.white				{ background-position: -288px -32px; }
.panel i.icon.select-none.blue				{ background-position: -288px -48px; }
.panel i.icon.select-invert,
.panel i.icon.select-invert.black			{ background-position: -304px 0px; }
.panel i.icon.select-invert.gray			{ background-position: -304px -16px; }
.panel i.icon.select-invert.white			{ background-position: -304px -32px; }
.panel i.icon.select-invert.blue			{ background-position: -304px -48px; }
.panel i.icon.select-restore,
.panel i.icon.select-restore.black			{ background-position: -320px 0px; }
.panel i.icon.select-restore.gray			{ background-position: -320px -16px; }
.panel i.icon.select-restore.white			{ background-position: -320px -32px; }
.panel i.icon.select-restore.blue			{ background-position: -320px -48px; }
.panel i.icon.action-retry,
.panel i.icon.action-retry.black            { background-position: -336px 0px; }
.panel i.icon.action-retry.gray             { background-position: -336px -16px; }
.panel .hover-actions .action:hover i.icon.action-retry,
.panel i.icon.action-retry.white            { background-position: -336px -32px; }
.panel i.icon.action-retry.blue             { background-position: -336px -48px; }
.panel i.icon.action-copy,
.panel i.icon.action-copy.black             { background-position: -352px 0px; }
.panel i.icon.action-copy.gray              { background-position: -352px -16px; }
.panel .hover-actions .action:hover i.icon.action-copy,
.panel i.icon.action-copy.white             { background-position: -352px -32px; }
.panel i.icon.action-copy.blue              { background-position: -352px -48px; }
.panel i.icon.action-paste,
.panel i.icon.action-paste.black            { background-position: -368px 0px; }
.panel i.icon.action-paste.gray             { background-position: -368px -16px; }
.panel i.icon.action-paste.white            { background-position: -368px -32px; }
.panel i.icon.action-paste.blue             { background-position: -368px -48px; }
.panel i.icon.help,
.panel i.icon.help.black					{ background-position: -384px 0px; }
.panel i.icon.help.gray						{ background-position: -384px -16px; }
.panel i.icon.help.white					{ background-position: -384px -32px; }
.panel i.icon.help.blue						{ background-position: -384px -48px; }
.panel i.icon.collapsed,
.panel i.icon.collapsed.black				{ background-position: -400px 0px; }
.panel i.icon.collapsed.gray				{ background-position: -400px -16px; }
.panel i.icon.collapsed.white				{ background-position: -400px -32px; }
.panel i.icon.collapsed.blue				{ background-position: -400px -48px; }
.panel i.icon.expanded,
.panel i.icon.expanded.black        		{ background-position: -416px 0px; }
.panel i.icon.expanded.gray         		{ background-position: -416px -16px; }
.panel i.icon.expanded.white         		{ background-position: -416px -32px; }
.panel i.icon.expanded.blue         		{ background-position: -416px -48px; }
.panel i.icon.clear,
.panel i.icon.clear.black					{ background-position: -448px 0px; }
.panel i.icon.clear.gray					{ background-position: -448px -16px; }
.panel i.icon.clear.white					{ background-position: -448px -32px; }
.panel i.icon.clear.blue					{ background-position: -448px -48px; }
.panel i.icon.action-unlink,
.panel i.icon.action-unlink.black           { background-position: -448px 0px; }
.panel i.icon.action-unlink.gray            { background-position: -448px -16px; }
.panel .hover-actions .action:hover i.icon.action-unlink,
.panel i.icon.action-unlink.white           { background-position: -448px -32px; }
.panel i.icon.action-unlink.blue            { background-position: -448px -48px; }
.panel i.icon.orderable,
.panel i.icon.action-repair-order,
.panel i.icon.orderable.black        		{ background-position: -464px 0px; }
.panel i.icon.action-repair-order.gray,
.panel i.icon.orderable.gray         		{ background-position: -464px -16px; }
.panel i.icon.orderable.white        		{ background-position: -464px -32px; }
.panel i.icon.orderable.blue        		{ background-position: -464px -48px; }
.panel i.icon.check,
.panel i.icon.check.black					{ background-position: -480px 0px; }
.panel i.icon.check.gray					{ background-position: -480px -16px; }
.panel i.icon.check.white					{ background-position: -480px -32px; }
.panel i.icon.check.blue					{ background-position: -480px -48px; }
.panel i.icon.action-kill,
.panel i.icon.action-kill.black             { background-position: -528px 0px; }
.panel i.icon.action-kill.gray              { background-position: -528px -16px; }
.panel .hover-actions .action:hover i.icon.action-kill,
.panel i.icon.action-kill.white             { background-position: -528px -32px; }
.panel i.icon.action-kill.blue              { background-position: -528px -48px; }
.panel i.icon.changeview,
.panel i.icon.changeview.black        		{ background-position: -544px 0px; }
.panel i.icon.changeview.gray         		{ background-position: -544px -16px; }
.panel i.icon.changeview.white        		{ background-position: -544px -32px; }
.panel i.icon.changeview.blue        		{ background-position: -544px -48px; }
.panel i.icon.dimensions,
.panel i.icon.dimensions.black              { background-posiiton: -560px 0px; }
.panel i.icon.dimensions.gray               { background-position: -560px -16px; }
.panel i.icon.dimensions.white              { background-position: -560px -32px; }
.panel i.icon.dimensions.blue               { baclground-position: -560px -48px; }
.panel i.icon.search,
.panel i.icon.search.black                  { background-position: -624px 0px; }
.container-tabs i.icon.search.gray,
.panel i.icon.search.gray                   { background-position: -624px -16px; }
.panel i.icon.search.white                  { background-position: -624px -32px; }
.container-tabs a.active i.icon.search,
.panel i.icon.search.blue                   { background-position: -624px -48px; }
.panel .hover-actions .action:hover i.icon.search,
.search-panel .widget.active a:hover i.icon.search,
.panel i.icon.search.white                  { background-position: -624px -32px; }
.panel i.icon.search.blue                   { background-position: -624px -48px; }
.panel i.icon.submit,
.panel i.icon.submit.black					{ background-position: -672px 0px; }
.container-tabs i.icon.submit.gray,
.panel i.icon.submit.gray					{ background-position: -672px -16px; }
.panel .hover-actions .action:hover i.icon.submit,
.panel i.icon.submit.white					{ background-position: -672px -32px; }
.container-tabs a.active i.icon.submit,
.panel i.icon.submit.blue					{ background-position: -672px -48px; }
.panel i.icon.preview,
.panel i.icon.preview.black					{ background-position: -688px 0px; }
.panel i.icon.preview.gray					{ background-position: -688px -16px; }
.panel .hover-actions .action:hover i.icon.preview,
.panel i.icon.preview.white					{ background-position: -688px -32px; }
.panel i.icon.preview.blue					{ background-position: -688px -48px; }
.panel i.icon.save,
.panel i.icon.save.black					{ background-position: -704px 0px; }
.panel i.icon.save.gray						{ background-position: -704px -16px; }
.panel .hover-actions .action:hover i.icon.save,
.panel i.icon.save.white					{ background-position: -704px -32px; }
.panel i.icon.save.blue						{ background-position: -704px -48px; }
.panel i.icon.cancel,
.panel i.icon.cancel.black					{ background-position: -720px 0px; }
.panel i.icon.cancel.gray					{ background-position: -720px -16px; }
.panel .hover-actions .action:hover i.icon.cancel,
.panel i.icon.cancel.white					{ background-position: -720px -32px; }
.panel i.icon.cancel.blue					{ background-position: -720px -48px; }
.panel i.icon.like,
.panel i.icon.like.black						{ background-position: -736px -0px; }
.panel i.icon.like.gray						{ background-position: -736px -16px; }
.panel i.icon.like.white                     { background-position: -736px -32px; }
.panel i.icon.like.blue						{ background-position: -736px -48px; }
.panel i.icon.refresh,
.panel i.icon.refresh.black                    { background-position: -768px 0px; }
.panel i.icon.refresh.gray                     { background-position: -768px -16px; }
.panel .hover-actions .action:hover i.icon.refresh,
.panel i.icon.refresh.white                    { background-position: -768px -32px; }
.panel i.icon.refresh.blue                     { background-position: -768px -48px; }
.panel i.icon.action-prev,
.panel i.icon.action-prev.black             { background-position: -784px 0px; }
.panel i.icon.action-prev.gray              { background-position: -784px -16px; }
.panel i.icon.action-prev.white             { background-position: -784px -32px; }
.panel i.icon.action-prev.blue              { background-position: -784px -48px; }
.panel i.icon.publish,
.panel i.icon.publish.black                 { background-position: -800px 0px; }
.panel i.icon.publish.gray                  { background-position: -800px -16px; }
.panel .hover-actions .action:hover i.icon.publish,
.panel i.icon.publish.white                 { background-position: -800px -32px; }
.panel i.icon.publish.blue                  { background-position: -800px -48px; }
.panel i.icon.versions,
.panel i.icon.versions.black                { background-position: -816px 0px; }
.panel i.icon.versions.gray                 { background-position: -816px -16px; }
.panel i.icon.versions.white                { background-position: -816px -32px; }
.panel i.icon.versions.blue                 { background-position: -816px -48px; }
.panel i.icon.tags,
.panel i.icon.tags.black                    { background-position: -832px 0px; }
.panel i.icon.tags.gray                     { background-position: -832px -16px; }
.panel i.icon.tags.white                    { background-position: -832px -32px; }
.panel i.icon.tags.blue                     { background-position: -832px -48px; }
.panel i.icon.info,
.panel i.icon.info.black                    { background-position: -848px 0px; }
.panel i.icon.info.gray                     { background-position: -848px -16px; }
.panel i.icon.info.white                    { background-position: -848px -32px; }
.panel i.icon.info.blue                     { background-position: -848px -48px; }
.panel i.icon.action-tab,
.panel i.icon.action-tab.black              { background-position: -896px 0px; }
.jstree-contextmenu i.icon.action-tab.gray,
.panel i.icon.action-tab.gray               { background-position: -896px -16px; }
.panel .hover-actions .action:hover i.icon.action-tab,
.panel i.icon.action-tab.white              { background-position: -896px -32px; }
.panel i.icon.action-tab.blue               { background-position: -896px -48px; }
.panel i.icon.action-url,
.panel i.icon.action-url.black				{ background-position: -896px 0px; }
.panel i.icon.action-url.gray				{ background-position: -896px -16px; }
.panel .hover-actions .action:hover i.icon.action-url,
.panel i.icon.action-url.white				{ background-position: -896px -32px; }
.panel i.icon.action-url.blue				{ background-position: -896px -48px; }
.panel i.icon.action-link,
.panel i.icon.action-link.black             { background-position: -928px 0px; }
.container-tabs i.icon.folders.gray,
.panel i.icon.action-link.gray              { background-position: -928px -16px; }
.panel i.icon.action-link.white             { background-position: -928px -32px; }
.container-tabs a.active i.icon.folders,
.panel i.icon.action-link.blue              { background-position: -928px -48px; }
.panel i.icon.action-cut,
.panel i.icon.action-cut.black              { background-position: -1056px 0px; }
.panel i.icon.action-cut.gray               { background-position: -1056px -16px; }
.panel .hover-actions .action:hover i.icon.action-cut,
.panel i.icon.action-cut.white              { background-position: -1056px -32px; }
.panel i.icon.action-cut.blue               { background-position: -1056px -48px; }

.panel i.icon.vertical-menu,
.panel i.icon.vertical-menu.black			{ background-position: -1232px 0px; }
.panel i.icon.vertical-menu.gray			    { background-position: -1232px -16px; }
.panel i.icon.vertical-menu.white			{ background-position: -1232px -32px; }
.panel i.icon.vertical-menu.blue				{ background-position: -1232px -48px; }

/* Help 'icon' (non-sprite) */
.panel i.icon.help.nosprite,
.panel i.icon.help.black.nosprite {
	background: none;
	background-color: #000;
	border-radius: 14px;
	color: #fff;
	content: '?';
	display: inline-block;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	height: 14px;
	line-height: 14px;
	opacity: 1;
	text-align: center;
	text-shadow: none;
	width: 14px;
}
.panel i.icon.help.gray.nosprite 	{ background-color: #ccc; }
.panel i.icon.help.white.nosprite	{ background-color: #fff; color: transparent; }
.panel i.icon.help.blue.nosprite	{ background-color: #08c; }
.panel i.icon.help.nosprite:before 	{ content: '?'; }
.panel i.icon.help.nosprite:hover 	{ background-color: #08c; color: #fff; }

/* Error 'icon' (non-sprite) */
.panel i.icon.error.nosprite,
.panel i.icon.error.black.nosprite {
	background: none;
	background-color: #000;
	border-radius: 14px;
	color: #fff;
	content: '!';
	display: inline-block;
	font-family: 'Courier New', Courier, monospace;
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	height: 14px;
	line-height: 14px;
	opacity: 1;
	text-align: center;
	text-shadow: none;
	width: 14px;
}
.panel i.icon.error.gray.nosprite 	{ background-color: #ccc; }
.panel i.icon.error.white.nosprite	{ background-color: #fff; color: transparent; }
.panel i.icon.error.blue.nosprite	{ background-color: #08c; }
.panel i.icon.error.nosprite:before	{ content: '!'; }
.panel i.icon.error.nosprite:hover	{ background-color: #b94a48; color: #fff; }


/* 20x20 icons */
.actions.horizontal > button.btn { width: auto; }
.actions.horizontal label { display: inline; padding-left: 2px; }
.actions.horizontal .icon { width: 20px; }
.actions.horizontal .btn-group button.btn.dropdown-toggle { height: 32px; padding: 0 8px; }
.actions.horizontal .btn { padding-left: 6px; }
.actions button.btn > img.icon { padding-top: 2px; width: 20px; }

.actions .search-query { border-radius: 4px; }

.actions button { text-shadow: none; }

/* .panel .hover-actions { 
    background-color: #def;
	display: inline-block;
    position: absolute;
	line-height: 0px;
	right: 0px;
    text-align: right;
    top: 0px;
	z-index: 1;
} */
/* .panel .hover-actions .action { display: inline-block; width: 54px; height: 54px; padding: 0; margin: 0; text-align: center; cursor: pointer; }
.panel .hover-actions .action i { position: relative; top: 19px; left: 19px; }
.panel .hover-actions .action i:hover { background-color: transparent; }
.panel .hover-actions .action-open:hover,
.panel .hover-actions .action-cpath:hover { background-color: #08c; }
.panel .hover-actions .action-cancel-task:hover,
.panel .hover-actions .action-preview:hover,
.panel .hover-actions .action-save:hover { background-color: #FAA732; }
.panel .hover-actions .action-new:hover,
.panel .hover-actions .action-publish:hover,
.panel .hover-actions .action-retry-task:hover,
.panel .hover-actions .action-tab:hover,
.panel .hover-actions .action-submit:hover { background-color: #5BB75B; }
.panel .hover-actions .action-edit:hover { background-color: #ffcc00; }
.panel .hover-actions .action-cut:hover { background-color: #ffcc00; }
.panel .hover-actions .action-url:hover,
.panel .hover-actions .action-copy:hover { background-color: #ffcc00; }
.panel .hover-actions .action-unlink:hover { background-color: #F89406; }
.panel .hover-actions .action-cancel:hover,
.panel .hover-actions .action-kill-task:hover,
.panel .hover-actions .action-delete:hover { background-color: #DA4F49; }
 */
div.item-actions { display: none; flex-direction: row; position: absolute; top: 0px; right: 0px; background-color: #def; }
div.item-actions a.action { cursor: pointer; display: block; width: 44px; height: 44px; font-size: 20px; line-height: 44px; text-align: center; text-decoration: none; }
div.item-actions a.action.disabled { cursor: auto; opacity: 0.3; }
div.item-actions a.action.disabled:hover i { color: #555 !important; }
div.item-actions:hover a.hover-active:not(:hover) i { color: #555; }
.panel .item { position: relative; }
.panel .item:hover div.item-actions { display: flex; }
.panel .cpath_ui.selectable .item div.item-actions a.action.hover-active:not(:hover) i { color: #555; }

/* .panel .cpath_ui .item div.item-actions a.action:hover i.hover-blue,
.panel .cpath_ui .item div.item-actions a.action.active i.hover-blue { color: #08c; }
.panel .cpath_ui .item div.item-actions a.action:hover i.hover-yellow,
.panel .cpath_ui .item div.item-actions a.action.active i.hover-yellow { color: #ffcc00; }
.panel .cpath_ui .item div.item-actions a.action:hover i.hover-orange,
.panel .cpath_ui .item div.item-actions a.action.active i.hover-orange { color: #F89406; }
.panel .cpath_ui .item div.item-actions a.action:hover i.hover-red,
.panel .cpath_ui .item div.item-actions a.action.active i.hover-red { color: #DA4F49; }
.panel .cpath_ui .item div.item-actions a.action:hover i.hover-green,
.panel .cpath_ui .item div.item-actions a.action.active i.hover-green { color: #51A351; } */

.panel .dot { border-radius: 10px; width: 0px; height: 0px;}
.panel .dot.unsaved { width: 10px; height: 10px; background-color: #08c; }
.panel .dot.unapproved { width: 10px; height: 10px; background-color: #FAA732; }
.panel .dot.approved { width: 10px; height: 10px; background-color: #51a351; }
.panel .dot.other { opacity: 30%; }

.panel .user-bubble { border-radius: 16px; color: #fff; display: inline-block; font-size: 12px; height: 28px; line-height: 28px; margin: 2px; padding: 0px; position: relative; text-align: center; width: 28px; }
.panel .user-bubble .lock { background-color: #fff; border: 1px solid #ddd; border-radius: 6px; color: #ddd; font-size: 10px; height: 10px; left: 18px; line-height: 1px; margin: 0px; padding: 0px; position: absolute; top: 18px; width: 10px; }

.panel .user-bubble.small { font-size: 11px; height: 24px; line-height: 24px; position: relative; width: 24px; }
.panel .user-bubble.small .lock { left: 15px; top: 15px; }

.panel .user-bubble.tiny { font-size: 7.5px; height: 14px; line-height: 14px; position: relative; width: 14px; }
.panel .user-bubble.tiny a { width: 14px; }

.panel .user-bubble.self { background-color: #08c; }
.panel .user-bubble.self .lock { border-color: #08c; color: #08c; }

.panel .user-bubble.other { background-color: rgb(136, 136, 136); }

.panel .user-bubble a { text-decoration: none; color: inherit; }

/* .collection-bar { padding: 5px; }
.toolbar.collection-bar { background-color: #f4f4f4; }
.resizable-left > .panel > .collection-bar,
.resizable-left > .panel > .panel > .collection-bar { border-left: 1px solid #ddd; }
.resizable-right > .panel > .collection-bar,
.resizable-right > .panel > .panel > .collection-bar { border-right: 1px solid #ddd; }
.collection-bar .collection-bar-inner { vertical-align: middle; }
.collection-bar .collection-bar-items { display: table; box-sizing: border-box; width: 100%; }
.collection-bar .collection-bar-items div { padding-right: 5px; margin-left: 0px; display: table-cell; vertical-align: middle; }
.collection-bar .collection-bar-items div.subset { padding-right: 0px; }
.collection-bar .collection-bar-items div.collection-bar-search { position: relative; display: table-cell; width: 100%; padding-right: 0px; }
.collection-bar .collection-bar-items div.collection-bar-search input.search-query { display: block; box-sizing: border-box; width: 100%; height: 26px; border: 1px solid #ddd; border-radius: 15px; padding: 0 28px 0; line-height: 24px; }
.collection-bar .collection-bar-items div.collection-bar-search input.search-query:focus { border-color: rgba(0,119,187,0.5); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.collection-bar .collection-bar-items .collection-bar-placeholder { width: 100%; }
.collection-bar .collection-bar-items .collection-bar-search a { text-decoration: none; color: #000; }
.collection-bar .collection-bar-items .collection-bar-search i.search,
.collection-bar .collection-bar-items .collection-bar-search i.search-drop { position: absolute; top: 5px; left: 8px; }
.collection-bar .collection-bar-items .collection-bar-search i.search-drop { cursor: pointer; }
.collection-bar .collection-bar-items .collection-bar-search a.remove { position: absolute; top: 5px; right: 8px; }
.collection-bar .collection-bar-items .collection-bar-pill { margin-top: 1px; display: table-cell; vertical-align: middle; margin-left: 20px; text-align: center; cursor: pointer; padding-left: 5px; padding-right: 0px; }
.collection-bar .collection-bar-items .collection-bar-pill .collection-bar-count { background-color: #08c; color: #fff; font-style: italic; font-weight: bold; border-radius: 15px; line-height: 24px; padding: 0 10px 0 10px; float: left; }

.collection-bar .panel.dropdown-menu { position: absolute; }

.collection-bar .collection-bar-items ul.dropdown-menu.viewsettings { padding: 0px; }
.collection-bar .collection-bar-items ul.dropdown-menu.viewsettings li.active a { color: #fff; }
.collection-bar .collection-bar-items ul.dropdown-menu.viewsettings li.active.on a:hover { background-color: #0081c2; }

.collection-bar .collection-bar-items .btn { background: #fff; border: 1px solid #ddd; border-radius: 4px; outline: none; padding: 2px; }
.collection-bar .collection-bar-items .btn a { display: block; border-radius: 2px; height: 16px; }
.collection-bar .collection-bar-items .btn-group .btn a { padding: 2px 0px 2px 4px; }
.collection-bar .collection-bar-items .btn-single .btn a { padding: 2px; }
.collection-bar .collection-bar-items .btn.dropdown-toggle i { display: inline-block; }
.collection-bar .collection-bar-items .btn a:hover { background-color: #def; }
.collection-bar .collection-bar-items .btn.selected a { background-color: #08c; }
.collection-bar .collection-bar-items .btn.selected a:hover { background-color: #08c; }

.collection-bar .collection-bar-items div.dropdown-menu { display: none; margin-top: 0px; border-top: 0px; padding-right: 0px; width: 200px; }
.collection-bar .collection-bar-items div.dropdown-menu div.panel,
.collection-bar .collection-bar-items div.dropdown-menu div.panel .toolbar,
.collection-bar .collection-bar-items div.dropdown-menu div.panel .toolbar .collection-bar-items { padding-right: 0px; } 
.collection-bar .collection-bar-items div.dropdown-menu div.panel .toolbar { display: block; }
.collection-bar .collection-bar-items div.dropdown-menu div.panel div.cpath_ui { padding-right: 0px; display: block; width: 200px; }
.collection-bar .collection-bar-items div.dropdown-menu div.panel .simple_list { display: block; max-height: 250px; padding-right: 0px; }
.collection-bar .collection-bar-items ul.dropdown-menu { border: none; margin: 0px; max-height: 400px; overflow: auto; padding: 5px }
.collection-bar .collection-bar-items li.dropdown-submenu ul.dropdown-menu { max-height: 200px; overflow: auto; }
.collection-bar .collection-bar-items ul.dropdown-menu>li>a:hover, 
.collection-bar .collection-bar-items ul.dropdown-menu>li>a:focus, 
.collection-bar .collection-bar-items li.dropdown-submenu:hover>a, 
.collection-bar .collection-bar-items li.dropdown-submenu:focus>a { color: #444; background-color: #def; background-image: none; }
.collection-bar .collection-bar-items ul.dropdown-menu img.icon { width: 16px; position: relative; left: -8px; }
.collection-bar .collection-bar-items ul.dropdown-menu li a { padding: 3px 20px; }
.collection-bar .collection-bar-items ul.dropdown-menu li i { display: inline-block; position: relative; top: 3px; left: -8px; }

.collection-bar .collection-bar-items ul.dropdown-menu { border: none; margin: 0px; max-height: 175px; overflow: auto; }
.collection-bar .collection-bar-items li.dropdown-submenu ul.dropdown-menu { max-height: 200px; overflow: auto; }
.collection-bar .collection-bar-items ul.dropdown-menu>li>a:hover, 
.collection-bar .collection-bar-items ul.dropdown-menu>li>a:focus, 
.collection-bar .collection-bar-items li.dropdown-submenu:hover>a, 
.collection-bar .collection-bar-items li.dropdown-submenu:focus>a { color: #444; background-color: #def; background-image: none; }
.collection-bar .collection-bar-items ul.dropdown-menu img.icon { width: 16px; position: relative; left: -8px; }
.collection-bar .collection-bar-items ul.dropdown-menu li a { padding: 3px 20px; }

.collection-bar .collection-bar-items a.action-submit-all,
.collection-bar .collection-bar-items a.action-submit-general,
.collection-bar .collection-bar-items a.action-submit-form { background-color: #51a351; }
.collection-bar .collection-bar-items a.action-submit-all:hover,
.collection-bar .collection-bar-items a.action-submit-general:hover,
.collection-bar .collection-bar-items a.action-submit-form:hover { background-color: #5bb75b; }
.collection-bar .collection-bar-items a.action-preview { background-color: #ffcc00; }
.collection-bar .collection-bar-items a.action-preview:hover { background-color: #ffda2c; }
.collection-bar .collection-bar-items a.action-save-all,
.collection-bar .collection-bar-items a.action-save-order,
.collection-bar .collection-bar-items a.action-save { background-color: #f89406; }
.collection-bar .collection-bar-items a.action-save-all:hover,
.collection-bar .collection-bar-items a.action-save-order:hover,
.collection-bar .collection-bar-items a.action-save:hover { background-color: #faa732; }
.collection-bar .collection-bar-items a.action-cancel-all,
.collection-bar .collection-bar-items a.action-cancel-order,
.collection-bar .collection-bar-items a.action-cancel { background-color: #bd362f; }
.collection-bar .collection-bar-items a.action-cancel-all:hover,
.collection-bar .collection-bar-items a.action-cancel-order:hover,
.collection-bar .collection-bar-items a.action-cancel:hover { background-color: #da4f49; }

.collection-bar .collection-bar-items .collection-bar-general-items,
.collection-bar .collection-bar-items .collection-bar-form-items { padding-right: 0px; }

.collection-bar .collection-bar-users div.collection-bar-user {
    background-color: #ddd;
    border-radius: 16px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    float: right;
    height: 24px;
    line-height: 24px;
    margin: 2px;
    padding: 0px;
    position: relative;
    text-align: center;
    width: 24px;
    cursor: pointer;
}
.collection-bar .collection-bar-users div.collection-bar-user div.lock { 
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #ddd;
    font-size: 10px;
    height: 10px;
    left: 15px;
    line-height: 1px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 15px;
    width: 10px;
}
.collection-bar .collection-bar-users div.collection-bar-user.self { background-color: #08c; }
.collection-bar .collection-bar-users div.collection-bar-user.self div.lock { border-color: #08c; color: #08c; }

.collection-bar .collection-bar-users .user-bubble { float: right; cursor: pointer; padding: 0px; } */

/* #cpath-dialog-import-objects label { font-weight: bold; } */
#cpath-dialog-batch-edit .wc_contentmanager_formview {
    margin-bottom: 10px;
}

#cpath-dialog-batch-edit #fieldlist-panel-header { 
	position: relative;
    display: block;
    text-decoration: none;
    height: 42px;
    clear: both;
    white-space: nowrap;
    cursor: pointer; 
    border-bottom: 1px solid #ddd;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}
#cpath-dialog-batch-edit #fieldlist-panel {
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    border-top: none;
	max-height: 0px;
	overflow-y: hidden;
}    
#cpath-dialog-batch-edit #fieldlist-panel.open {
	max-height: 244px;
	overflow-y: auto
}
#cpath-dialog-batch-edit #fieldlist-panel-header .btn {
	height:100%;
	width: 40px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0;
    background: #eee;
    box-shadow: none;
    outline: none;
    display: block;
    padding: 0px;
}
#cpath-dialog-batch-edit #fieldlist-panel-header .btn a {
    border-radius: 0 4px 4px 0;
    width: 44px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    text-decoration: none;
    opacity: 0.85;
    background-color: #eee;
    color: #555;
    text-shadow: none;
}
#cpath-dialog-batch-edit #fieldlist-panel-header .btn a .icon-wc-heading-expand:before {
    transition: all linear 0.2s;
    transform-origin: 50% 42%;
}
#cpath-dialog-batch-edit #fieldlist-panel-header.open .btn a .icon-wc-heading-expand:before {
    transform: rotate(180deg);
}
#cpath-dialog-batch-edit #fieldlist-panel-header img {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 10px;
    left: 12px;
}
#cpath-dialog-batch-edit #fieldlist-panel-header div.text {
	position: absolute;
    left: 56px;
    right: 12px;
}
#cpath-dialog-batch-edit #fieldlist-panel-header div.title {
	padding: 6px 0px 0px 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    color: #555;
}
#cpath-dialog-batch-edit #fieldlist-panel-header div.title:last-child {
	padding-top: 13px;
}
#cpath-dialog-batch-edit #fieldlist-panel-header div.description {
	padding: 0 0 6px 0px;
    font-size: 11px;
    line-height: normal;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#cpath-dialog-batch-edit #fieldlist-panel-header i.orderable { display: none; }
#cpath-dialog-batch-edit #fieldlist-panel-header div.text .dot { display: none; }
#cpath-dialog-batch-edit .field-options a[data-option="view-open"] { display: none; }