/**
* Provide style for 'li' elements to allow them to spreed horizontal on whole 'ul' width keeping the same size for each element.
* Can be use for horizontal menu.
*
* margin-left - define left margin for list items. Must be passed in pixels. Default value is 0px;
* margin-right - define left margin for list items. Must be passed in pixels. Default value is 0px;
* max-items - define maximum items in list that will be styled correctly. Must be passed in pixels. Default value is 20;
*/
.resource-status-warning {
  color: #fbba00; }

.resource-edit-dialog-form {
  max-height: 28rem;
  overflow-y: auto; }

.cgm-trash-button button {
  padding: 0px !important;
  min-width: auto !important; }

.cgm-trash-button {
  padding-top: 0; }

.cgm-toolbar .resource-config-toolbar-button.cgm-button > button,
.cgm-toolbar .resource-config-toolbar-button.cgm-button > button > div {
  min-width: 2rem;
  max-width: 2rem;
  min-height: 2rem;
  max-height: 2rem; }

.cgm-toolbar .resource-config-toolbar-button.cgm-button > button .ico-outline-tb-filtered {
  padding: 4px; }

.resource-config-toolbar-button.activeCircle > button.cgm-truncation:hover:focus, .resource-config-toolbar-button.activeCircle > button.cgm-truncation:hover {
  border-radius: 0; }

.resource-config-toolbar-button.activeCircle > button.cgm-truncation, .resource-config-toolbar-button.activeCircle > button.cgm-truncation:focus {
  background-color: #0074bc !important;
  color: #ffffff;
  border-radius: 50%; }

.cgm-trash-button-first button {
  padding: 0px !important;
  min-width: auto !important; }

.cgm-tree span.fancytree-node.depth-0 .fancytree-title.iconPadding {
  width: calc(100% - 5.5rem) !important; }

.cgm-tree span.fancytree-node.depth-1 .fancytree-title.iconPadding {
  width: calc(100% - 7rem) !important; }

.cgm-tree span.fancytree-node.depth-2 .fancytree-title.iconPadding {
  width: calc(100% - 8.5rem) !important; }

.cgm-tree span.fancytree-node.depth-3 .fancytree-title.iconPadding {
  width: calc(100% - 10rem) !important; }

.cgm-tree span.fancytree-node.depth-4 .fancytree-title.iconPadding {
  width: calc(100% - 11.5rem) !important; }

.cgm-tree span.fancytree-node.depth-5 .fancytree-title.iconPadding {
  width: calc(100% - 13rem) !important; }

.cgm-tree span.fancytree-node.depth-6 .fancytree-title.iconPadding {
  width: calc(100% - 14.5rem) !important; }

.cgm-tree span.fancytree-node.depth-7 .fancytree-title.iconPadding {
  width: calc(100% - 17.5rem) !important; }

.cgm-tree span.fancytree-node.depth-8 .fancytree-title.iconPadding {
  width: calc(100% - 19rem) !important; }

.cgm-tree span.fancytree-node.depth-9 .fancytree-title.iconPadding {
  width: calc(100% - 20.5rem) !important; }

.cgm-tree span.fancytree-node.depth-10 .fancytree-title.iconPadding {
  width: calc(100% - 22rem) !important; }