/*Aplicar cores dinamicas do CSM*/
.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
  color: var(--color-2) !important;
}

.x-panel-header.x-header .x-title.x-panel-header-title .x-title-text {
  color: var(--color-9) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fbfbfb),
    color-stop(0%, var(--color-9))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -o-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -ms-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: linear-gradient(top, #fbfbfb, var(--color-9)) !important;
}

.x-btn.x-btn-menu-active.x-btn-default-small,
.x-btn.x-btn-pressed.x-btn-default-small {
  background-color: var(--color-6) !important;
}

.x-btn.x-btn-disabled.x-btn-default-small {
  border-color: var(--color-3) !important;
}

.x-btn.x-btn-menu-active .x-btn-default-small-mc,
.x-btn.x-btn-pressed .x-btn-default-small-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-small-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-small-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-medium {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fbfbfb),
    color-stop(0%, var(--color-9))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -o-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -ms-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: linear-gradient(top, #fbfbfb, var(--color-9)) !important;
}

.x-btn.x-btn-disabled.x-btn-default-medium {
  border-color: var(--color-3) !important;
}

.x-btn.x-btn-menu-active .x-btn-default-medium-mc,
.x-btn.x-btn-pressed .x-btn-default-medium-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-medium-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-medium-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-large {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fbfbfb),
    color-stop(0%, var(--color-9))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -o-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -ms-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: linear-gradient(top, #fbfbfb, var(--color-9)) !important;
}

.x-btn.x-btn-disabled.x-btn-default-large {
  border-color: var(--color-3) !important;
}

.x-btn.x-btn-menu-active .x-btn-default-large-mc,
.x-btn.x-btn-pressed .x-btn-default-large-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-large-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-large-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fbfbfb),
    color-stop(0%, var(--color-9))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -o-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -ms-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: linear-gradient(top, #fbfbfb, var(--color-9)) !important;
}

.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
  background-color: var(--color-6) !important;
}

.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
  border-color: var(--color-3) !important;
}

.x-btn.x-btn-menu-active .x-btn-default-toolbar-small-mc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-small-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-small-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-small-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-medium {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fbfbfb),
    color-stop(0%, var(--color-9))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -o-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -ms-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: linear-gradient(top, #fbfbfb, var(--color-9)) !important;
}

.x-btn.x-btn-menu-active.x-btn-default-toolbar-medium,
.x-btn.x-btn-pressed.x-btn-default-toolbar-medium {
  background-color: var(--color-6) !important;
}

.x-btn.x-btn-disabled.x-btn-default-toolbar-medium {
  border-color: var(--color-3) !important;
}

.x-btn.x-btn-menu-active .x-btn-default-toolbar-medium-mc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-medium-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode
  .x-btn-focus.x-btn-menu-active
  .x-btn-default-toolbar-medium-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-medium-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-large {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fbfbfb),
    color-stop(0%, var(--color-9))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -o-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -ms-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: linear-gradient(top, #fbfbfb, var(--color-9)) !important;
}

.x-btn-over.x-btn-default-toolbar-large {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fbfbfb),
    color-stop(0%, var(--color-9))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -moz-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -o-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: -ms-linear-gradient(top, #fbfbfb, var(--color-9)) !important;
  background-image: linear-gradient(top, #fbfbfb, var(--color-9)) !important;
}

.x-btn.x-btn-menu-active.x-btn-default-toolbar-large,
.x-btn.x-btn-pressed.x-btn-default-toolbar-large {
  background-color: var(--color-6) !important;
}

.x-btn.x-btn-disabled.x-btn-default-toolbar-large {
  border-color: var(--color-3) !important;
}

.x-btn.x-btn-menu-active .x-btn-default-toolbar-large-mc,
.x-btn.x-btn-pressed .x-btn-default-toolbar-large-mc {
  background-color: var(--color-6) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-default-toolbar-large-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-default-toolbar-large-mc {
  background-color: var(--color-6) !important;
}

.x-panel-default {
  border-color: var(--color-7) !important;
}

.x-panel-header-default {
  border: 1px solid var(--color-7) !important;
}

.x-panel-body-default {
  border-color: var(--color-7) !important;
}

.x-panel-header-default {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    top,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(top, var(--color-2), var(--color-3)) !important;
}

.x-panel-header-default-vertical {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    right,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(right, var(--color-2), var(--color-3)) !important;
}

.x-rtl.x-panel-header-default-vertical {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    left,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(left, var(--color-2), var(--color-3)) !important;
}

.x-panel-default-framed {
  border-color: var(--color-7) !important;
}

.x-panel-header-default-framed {
  border: 1px solid var(--color-7) !important;
}

.x-panel-body-default-framed {
  border-color: var(--color-7) !important;
}

.x-panel-header-default-framed-top {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    top,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(top, var(--color-2), var(--color-3)) !important;
}

.x-panel-header-default-framed-top-mc {
  background-color: var(--color-4) !important;
}

.x-panel-header-default-framed-right {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    right,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(right, var(--color-2), var(--color-3)) !important;
}

.x-rtl.x-panel-header-default-framed-right {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    left,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(left, var(--color-2), var(--color-3)) !important;
}

.x-panel-header-default-framed-right-mc {
  background-color: var(--color-4) !important;
}

.x-panel-header-default-framed-bottom {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    top,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(top, var(--color-2), var(--color-3)) !important;
}

.x-panel-header-default-framed-bottom-mc {
  background-color: var(--color-4) !important;
}

.x-panel-header-default-framed-left {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    right,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(right, var(--color-2), var(--color-3)) !important;
}

.x-rtl.x-panel-header-default-framed-left {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    left,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(left, var(--color-2), var(--color-3)) !important;
}

.x-panel-header-default-framed-left-mc {
  background-color: var(--color-4) !important;
}

.x-panel-header-default-framed-collapsed-top {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    top,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(top, var(--color-2), var(--color-3)) !important;
}

.x-panel-header-default-framed-collapsed-top-mc {
  background-color: var(--color-4) !important;
}

.x-panel-header-default-framed-collapsed-right {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    right,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(right, var(--color-2), var(--color-3)) !important;
}

.x-rtl.x-panel-header-default-framed-collapsed-right {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    left,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(left, var(--color-2), var(--color-3)) !important;
}

.x-panel-header-default-framed-collapsed-right-mc {
  background-color: var(--color-4) !important;
}

.x-panel-header-default-framed-collapsed-bottom {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    top,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(top, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(top, var(--color-2), var(--color-3)) !important;
}

.x-panel-header-default-framed-collapsed-bottom-mc {
  background-color: var(--color-4) !important;
}

.x-panel-header-default-framed-collapsed-left {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    right,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(right, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(right, var(--color-2), var(--color-3)) !important;
}

.x-rtl.x-panel-header-default-framed-collapsed-left {
  background-color: var(--color-4) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-2)),
    color-stop(0%, var(--color-3))
  ) !important;
  background-image: -webkit-linear-gradient(
    left,
    var(--color-2),
    var(--color-3)
  ) !important;
  background-image: -moz-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -o-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: -ms-linear-gradient(left, var(--color-2), var(--color-3)) !important;
  background-image: linear-gradient(left, var(--color-2), var(--color-3)) !important;
}

.x-panel-header-default-framed-collapsed-left-mc {
  background-color: var(--color-4) !important;
}

.x-btn-group-default {
  border-color: var(--color-7) !important;
}

.x-btn-group-header-default {
  background: var(--color-5) !important;
}

.x-btn-group-header-default .x-tool-img {
  background-color: var(--color-5) !important;
}

.x-btn-group-default-framed {
  background-color: var(--color-6) !important;
}

.x-btn-group-default-framed-mc {
  background-color: var(--color-6) !important;
}

.x-btn-group-default-framed-notitle {
  background-color: var(--color-6) !important;
}

.x-btn-group-default-framed-notitle-mc {
  background-color: var(--color-6) !important;
}

.x-btn-group-default-framed {
  border-color: var(--color-7) !important;
}

.x-btn-group-header-default-framed {
  background: var(--color-5) !important;
}

.x-btn-group-header-default-framed .x-tool-img {
  background-color: var(--color-5) !important;
}

.x-datepicker-column-header {
  border-color: var(--color-7) !important;
  background-color: var(--color-9) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #f1f1f1),
    color-stop(0%, var(--color-5))
  ) !important;
  background-image: -webkit-linear-gradient(top, #f1f1f1, var(--color-5)) !important;
  background-image: -moz-linear-gradient(top, #f1f1f1, var(--color-5)) !important;
  background-image: -o-linear-gradient(top, #f1f1f1, var(--color-5)) !important;
  background-image: -ms-linear-gradient(top, #f1f1f1, var(--color-5)) !important;
  background-image: linear-gradient(top, #f1f1f1, var(--color-5)) !important;
}

.x-datepicker-footer,
.x-monthpicker-buttons {
  border-color: var(--color-7) !important;
  background-color: var(--color-9) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, var(--color-5)),
    color-stop(49%, var(--color-6)),
    color-stop(51%, var(--color-7)),
    color-stop(0%, var(--color-8))
  ) !important;
  background-image: -webkit-linear-gradient(
    top,
    var(--color-5),
    var(--color-6) 49%,
    var(--color-7) 51%,
    var(--color-8)
  ) !important;
  background-image: -moz-linear-gradient(
    top,
    var(--color-5),
    var(--color-6) 49%,
    var(--color-7) 51%,
    var(--color-8)
  ) !important;
  background-image: -o-linear-gradient(
    top,
    var(--color-5),
    var(--color-6) 49%,
    var(--color-7) 51%,
    var(--color-8)
  ) !important;
  background-image: -ms-linear-gradient(
    top,
    var(--color-5),
    var(--color-6) 49%,
    var(--color-7) 51%,
    var(--color-8)
  ) !important;
  background-image: linear-gradient(
    top,
    var(--color-5),
    var(--color-6) 49%,
    var(--color-7) 51%,
    var(--color-8)
  ) !important;
}

.x-grid-body {
  border-color: var(--color-7) !important;
}

.x-grid-cell-special {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #f6f6f6),
    color-stop(0%, var(--color-9))
  ) !important;
  background-image: -webkit-linear-gradient(top, #f6f6f6, var(--color-9)) !important;
  background-image: -moz-linear-gradient(top, #f6f6f6, var(--color-9)) !important;
  background-image: -o-linear-gradient(top, #f6f6f6, var(--color-9)) !important;
  background-image: -ms-linear-gradient(top, #f6f6f6, var(--color-9)) !important;
  background-image: linear-gradient(top, #f6f6f6, var(--color-9)) !important;
}

.x-grid-header-ct {
  border: 1px solid var(--color-7) !important;
}

.x-column-header-over {
  background-color: var(--color-2) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fff),
    color-stop(0%, var(--color-2))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -moz-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -o-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -ms-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: linear-gradient(top, #fff, var(--color-2)) !important;
}

.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-color: var(--color-2) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fff),
    color-stop(0%, var(--color-2))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -moz-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -o-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -ms-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: linear-gradient(top, #fff, var(--color-2)) !important;
}

.x-btn.x-btn-menu-active.x-btn-grid-cell-small,
.x-btn.x-btn-pressed.x-btn-grid-cell-small {
  background-color: var(--color-5) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #cfcfcf),
    color-stop(0%, var(--color-9))
  ) !important;
  background-image: -webkit-linear-gradient(top, #cfcfcf, var(--color-9)) !important;
  background-image: -moz-linear-gradient(top, #cfcfcf, var(--color-9)) !important;
  background-image: -o-linear-gradient(top, #cfcfcf, var(--color-9)) !important;
  background-image: -ms-linear-gradient(top, #cfcfcf, var(--color-9)) !important;
  background-image: linear-gradient(top, #cfcfcf, var(--color-9)) !important;
}

.x-btn.x-btn-menu-active .x-btn-grid-cell-small-mc,
.x-btn.x-btn-pressed .x-btn-grid-cell-small-mc {
  background-color: var(--color-5) !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-menu-active .x-btn-grid-cell-small-mc,
.x-keyboard-mode .x-btn-focus.x-btn-pressed .x-btn-grid-cell-small-mc {
  background-color: var(--color-5) !important;
}

.x-docked-summary {
  border-color: var(--color-7) !important;
}

.x-menu-default {
  border-color: var(--color-7) !important;
}

.x-menu-body-default {
  background: var(--color-9) !important;
}

.x-ie8 .x-box-scroller-menu-default {
  background-color: var(--color-2) !important;
}

.x-menu-default-menubar {
  border-color: var(--color-7) !important;
}

.x-menu-body-default-menubar {
  background: var(--color-2) !important;
}

.x-ie8 .x-box-scroller-menu-default-menubar {
  background-color: var(--color-2) !important;
}

.x-grid-locked-split .x-grid-inner-normal {
  border-left-color: var(--color-7) !important;
}

.x-grid-locked-split .x-rtl.x-grid-inner-normal {
  border-right-color: var(--color-7) !important;
}

.x-grid-inner-locked {
  border-right-color: var(--color-7) !important;
}

.x-rtl.x-grid-inner-locked {
  border-right-color: var(--color-7) !important;
  border-left-color: var(--color-7) !important;
}

.x-grid-scrollbar-clipper-locked,
.x-grid-scrollbar-locked {
  border-color: var(--color-7) !important;
}

.x-grid-row-editor .x-panel-body {
  border-top: 1px solid var(--color-7) !important;
  border-bottom: 1px solid var(--color-7) !important;
}

.x-grid-row-editor-buttons {
  border-color: var(--color-7) !important;
}

.x-accordion-item .x-accordion-hd {
  background: var(--color-6) !important;
  border-color: #ececec var(--color-7) var(--color-7) !important;
}

.x-accordion-item .x-accordion-hd-sibling-expanded {
  border-top-color: var(--color-7) !important;
}

.x-accordion-item .x-accordion-hd-last-collapsed {
  border-bottom-color: var(--color-1) !important;
}

.x-accordion-hd .x-tool-tool-el {
  background-color: var(--color-1) !important;
}

.x-resizable-handle {
  background-color: var(--color-7) !important;
}

.x-tab-over.x-tab-default-top,
.x-tab-over.x-tab-default-left,
.x-tab-over.x-tab-default-right {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fff),
    color-stop(0%, var(--color-2))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -moz-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -o-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -ms-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: linear-gradient(top, #fff, var(--color-2)) !important;
}
.x-tab-over.x-tab-default-bottom {
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fff),
    color-stop(0%, var(--color-2))
  ) !important;
  background-image: -webkit-linear-gradient(bottom, #fff, var(--color-2)) !important;
  background-image: -moz-linear-gradient(bottom, #fff, var(--color-2)) !important;
  background-image: -o-linear-gradient(bottom, #fff, var(--color-2)) !important;
  background-image: -ms-linear-gradient(bottom, #fff, var(--color-2)) !important;
  background-image: linear-gradient(bottom, #fff, var(--color-2)) !important;
}

.x-tab-bar-default {
  background-color: var(--color-8) !important;
  border-color: var(--color-7) !important;
}

.x-tab-bar-strip-default {
  border-color: var(--color-7) !important;
}

.x-tab-bar-default-top {
  background-color: var(--color-8) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #dfdede),
    color-stop(0%, var(--color-8))
  ) !important;
  background-image: -webkit-linear-gradient(top, #dfdede, var(--color-8)) !important;
  background-image: -moz-linear-gradient(top, #dfdede, var(--color-8)) !important;
  background-image: -o-linear-gradient(top, #dfdede, var(--color-8)) !important;
  background-image: -ms-linear-gradient(top, #dfdede, var(--color-8)) !important;
  background-image: linear-gradient(top, #dfdede, var(--color-8)) !important;
}

.x-tab-bar-default-bottom {
  background-color: var(--color-8) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #dfdede),
    color-stop(0%, var(--color-8))
  ) !important;
  background-image: -webkit-linear-gradient(bottom, #dfdede, var(--color-8)) !important;
  background-image: -moz-linear-gradient(bottom, #dfdede, var(--color-8)) !important;
  background-image: -o-linear-gradient(bottom, #dfdede, var(--color-8)) !important;
  background-image: -ms-linear-gradient(bottom, #dfdede, var(--color-8)) !important;
  background-image: linear-gradient(bottom, #dfdede, var(--color-8)) !important;
}

.x-tab-bar-default-left {
  background-color: var(--color-8) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #dfdede),
    color-stop(0%, var(--color-8))
  ) !important;
  background-image: -webkit-linear-gradient(left, #dfdede, var(--color-8)) !important;
  background-image: -moz-linear-gradient(left, #dfdede, var(--color-8)) !important;
  background-image: -o-linear-gradient(left, #dfdede, var(--color-8)) !important;
  background-image: -ms-linear-gradient(left, #dfdede, var(--color-8)) !important;
  background-image: linear-gradient(left, #dfdede, var(--color-8)) !important;
}

.x-tab-bar-default-right {
  background-color: var(--color-8) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #dfdede),
    color-stop(0%, var(--color-8))
  ) !important;
  background-image: -webkit-linear-gradient(right, #dfdede, var(--color-8)) !important;
  background-image: -moz-linear-gradient(right, #dfdede, var(--color-8)) !important;
  background-image: -o-linear-gradient(right, #dfdede, var(--color-8)) !important;
  background-image: -ms-linear-gradient(right, #dfdede, var(--color-8)) !important;
  background-image: linear-gradient(right, #dfdede, var(--color-8)) !important;
}

.x-accordion-hd {
  -webkit-box-shadow: inset 0 0 var(--color-1) !important;
  -moz-box-shadow: inset 0 0 var(--color-1) !important;
  box-shadow: inset 0 0 var(--color-1) !important;
}

.x-pivot-grid-config-column-over {
  background-color: var(--color-2) !important;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #fff),
    color-stop(0%, var(--color-2))
  ) !important;
  background-image: -webkit-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -moz-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -o-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: -ms-linear-gradient(top, #fff, var(--color-2)) !important;
  background-image: linear-gradient(top, #fff, var(--color-2)) !important;
}

.x-tip-calendar-overflow {
  border-color: var(--color-7) !important;
}

/* final tema dinamico */

/* .x-mask {
    z-index: 888888888 !important
  }
  .x-window  {
    z-index: 999999999 !important
  } */

.x-mask.x-border-box:has(.x-mask-msg.loader-superior) {
  z-index: 999999999 !important;
}

.x-toolbar-default div.x-toolbar-item[id$="TXT_FILTRAR_INC_PARAM"] label,
.x-toolbar-default div.x-toolbar-item[id$="TXT_FILTRAR"] label {
  width: 150px !important;
  text-align: end;
}
.x-window-body-default {
  background: #fff;
}

.x-btn-wrap-default-small.x-btn-split-right:after {
  background-image: url(/public/icons/icone_menu.png) !important;
}

.x-btn-over > .x-btn-wrap-default-small.x-btn-split-right:after {
  background-image: url(/public/icons/icone_menu.png) !important;
}

.x-btn-awesome.x-btn-default-toolbar-small {
  background-color: #fff;
}
.display__total_registros {
  display: flex;
  height: 18px !important;
  width: auto !important;
  border: 1px solid !important;
  background: white !important;
}
.display__total_registros > label {
  display: flex !important;
  flex: 1 !important;
  line-height: 20px !important;
  font-size: 10px !important;
  padding: 0px !important;
  padding-left: 10px !important;
  width: auto !important;
}
.display__total_registros > label > span {
  width: auto !important;
}
.display__total_registros > div {
  flex: 1 !important;
  padding-right: 5px !important;
}
.display__total_registros > div > div {
  min-height: 19px;
  padding-top: 2px;
  margin-top: 3px;
  font: normal 11px/11px tahoma, arial, verdana, sans-serif;
}

.pass-eye .apex-item-icon {
  position: absolute;
  right: 10px;
}

.x-panel-header-title-default > .x-title-text-default:after {
  content: "" !important;
}

.x-window-header-title-default > .x-title-text-default:after {
  content: "" !important;
}

#splitBtn .x-btn-default-small-tl,
#splitBtn .x-btn-default-small-bl,
#splitBtn .x-btn-default-small-tr,
#splitBtn .x-btn-default-small-br,
#splitBtn .x-btn-default-small-tc,
#splitBtn .x-btn-default-small-bc,
#splitBtn .x-btn-default-small-ml,
#splitBtn .x-btn-default-small-mr,
#splitBtn .x-btn-default-small-mc,
a#splitBtn.splitbutton--text-white {
  background-color: transparent !important;
  background-image: none !important;
}

#splitBtnMenu .x-menu-icon-separator.x-menu-icon-separator-default {
  left: 0px;
  border-left: none;
  background-color: none;
  width: 0px;
}

#splitBtnMenu .x-menu-item-text,
#splitBtn.splitbutton--text-white .x-btn-inner-default-small {
  color: white !important;
}

#splitBtnMenu .x-menu-item-default,
#splitBtnMenu .x-menu-item-default {
  background-color: var(--color-3);
}

.x-selectable {
  -webkit-touch-callout: text; /* iPhone OS, Safari */
  -webkit-user-select: text; /* Chrome, Safari 3 */
  -khtml-user-select: text; /* Safari 2 */
  -moz-user-select: text; /* Firefox */
  -ms-user-select: text; /* IE10+ */
  user-select: text; /* Possivel implementacao no futuro */
  /* cursor: default; */
}

.CliCrtEnd p {
  display: inline;
  margin-left: 10px;
}
.cliCrtEndLabel {
  text-align: right;
  padding-left: 10px;
  color: #15428b;
}
.x-fieldset-header-default {
  margin-left: 10px;
}
.fieldsetText {
  display: inline-block;
  text-align: center;
}
.ebds-field-default .x-form-display-field-default {
  min-height: 15px;
  font: normal 11px/11px tahoma, arial, verdana, sans-serif;
  font-weight: bold;
  color: #000;
  margin-top: 0px;
}
.ebds-field-contrato .x-form-display-field-default {
  min-height: 10px;
  font: normal 12px/14px tahoma, arial, verdana, sans-serif;
  color: #000;
  margin-top: 0px;
}
.ebds-field-default .x-form-item-body-default {
  min-height: 15px;
}

.ebds-field-default .x-form-item-label-default {
  font-size: 11px;
  padding: 0px 5px 0px 0px;
}

.ebds-field-contrato .x-form-item-body-default {
  min-height: 15px;
}
.x-tab-default-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 9px 3px 9px;
  border-width: 1px 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #7db9e8),
    color-stop(25%, #72aedf),
    color-stop(45%, #558fc6)
  );
  background-image: -webkit-linear-gradient(
    top,
    #7db9e8,
    #72aedf 25%,
    #558fc6 45%
  );
  background-image: -moz-linear-gradient(
    top,
    #7db9e8,
    #72aedf 25%,
    #558fc6 45%
  );
  background-image: -o-linear-gradient(top, #7db9e8, #72aedf 25%, #558fc6 45%);
  background-image: -ms-linear-gradient(top, #7db9e8, #72aedf 25%, #558fc6 45%);
  background-image: linear-gradient(top, #7db9e8, #72aedf 25%, #558fc6 45%);
}
.x-tab-inner-default {
  font: bold 11px/13px tahoma, arial, verdana, sans-serif;
  color: #ffffff;
  max-width: 100%;
}
.x-tab-over.x-tab-default-top .x-tab-inner-default {
  color: #15498b;
}

.row-negocio .x-grid-cell {
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0%, #7db9e8),
    color-stop(25%, #72aedf),
    color-stop(45%, #558fc6)
  );
  background-image: -webkit-linear-gradient(
    top,
    #7db9e8,
    #72aedf 25%,
    #558fc6 45%
  );
  background-image: -moz-linear-gradient(
    top,
    #7db9e8,
    #72aedf 25%,
    #558fc6 45%
  );
  background-image: -o-linear-gradient(top, #7db9e8, #72aedf 25%, #558fc6 45%);
  background-image: -ms-linear-gradient(top, #7db9e8, #72aedf 25%, #558fc6 45%);
  background-image: linear-gradient(top, #7db9e8, #72aedf 25%, #558fc6 45%);
  color: #ffffff;
  font-weight: bold;
}

.menu.x-menu-item.x-menu-item-default.x-box-item {
  height: 29px !important;
  padding: 2px;
}

.menu.x-menu-item.x-menu-item-default.x-box-item .x-menu-item-icon-default.x-menu-item-icon {
  height: 24px;
  width: 24px;
  top: 2px;
}

.x-grid-item-over .row-negocio .x-grid-cell {
  background-color: #3da5f5 !important;
}
.x-grid-item-selected .row-negocio .x-grid-cell {
  background-color: #ff0 !important;
}

.row-ponto .x-grid-cell {
  background-color: #c7cbcf !important;
  font-weight: bold;
}
.x-grid-item-over .row-ponto .x-grid-cell {
  background-color: #3da5f5 !important;
}

.row-produto .x-grid-cell {
  background-color: #e1eef8 !important;
  font-weight: bold;
}

.x-grid-item-over .row-produto .x-grid-cell {
  background-color: #3da5f5 !important;
}
.row-desconto .x-grid-cell {
  background-color: #f6f9fc !important;
}
.x-grid-item-over .row-desconto .x-grid-cell {
  background-color: #3da5f5 !important;
}

.row-ponto51 .x-grid-cell {
  background-color: #c7cbcf !important;
  font-weight: bold;
}
.x-grid-item-over .row-ponto51 .x-grid-cell {
  background-color: #3da5f5 !important;
}
.row-produto51 .x-grid-cell {
  background-color: #e1eef8 !important;
}

.x-grid-item-over .row-produto51 .x-grid-cell {
  background-color: #3da5f5 !important;
}

.row-desconto51 .x-grid-cell {
  background-color: #f6f9fc !important;
}
.x-grid-item-over .row-desconto51 .x-grid-cell {
  background-color: #3da5f5 !important;
}

.row-total51 .x-grid-cell {
  background-color: #1dd654 !important;
}
.x-grid-item-over .row-total51 .x-grid-cell {
  background-color: #3da5f5 !important;
}

.row-grid-financ .x-grid-cell {
  background-color: #f5f9fe !important;
  font-weight: bold;
}
.x-grid-item-over .row-grid-financ .x-grid-cell {
  background-color: #3da5f5 !important;
}

.x-grid-cell-black .x-grid-cell {
  color: black !important;
}
.x-grid-cell-blue .x-grid-cell {
  color: blue !important;
}
.x-grid-cell-purple .x-grid-cell {
  color: purple !important;
}
.x-grid-cell-red .x-grid-cell {
  color: red !important;
}
.task .x-grid-cell-inner {
  padding-left: 15px;
}
.x-grid-row-summary .x-grid-cell-inner {
  font-weight: bold;
}

.row-pend-pendente .x-grid-cell {
  background-color: rgba(243, 237, 109, 0.49) !important;
}

.ebfildsetalert {
  background-color: rgb(218, 53, 53);
  border: 1px solid rgb(218, 53, 53);
}
.ebfildsetalert .x-fieldset-header-text {
  color: rgb(218, 53, 53);
  font-weight: bold;
}

.ebBtnpress.x-btn.x-btn-pressed.x-btn-default-small {
  border-color: #33d32c;
  background-color: #64e480;
  background-image: -webkit-linear-gradient(
    top,
    #79e48e,
    #79e48e 48%,
    #33d32c 52%,
    #5ed873
  );
}

.crm-treenode-no-icon {
  display: none;
}

.row-prod-ponto .x-grid-cell {
  background-color: #b8cfee !important;
}
.x-grid-item-over .row-prod-ponto .x-grid-cell {
  background-color: #3da5f5 !important;
}

.title-bold {
  font-weight: bold;
}
.hide-row {
  display: none;
}
.tree-row-insert {
  background-color: #bdeeb7;
}
.tree-row-delete {
  background-color: #eeb7b7;
}
.tree-row-update {
  background-color: #b9d5ff;
}
.tree-row-pendente {
  background-color: rgba(243, 237, 109, 0.49);
}
.edit-action-icon {
  background-image: url(/public/icons/icone_editar.png);
}
.add-action-icon {
  background-image: url(/public/icons/icone_adicionar.png);
}
.remove-action-icon {
  background-image: url(/public/icons/icone_inativar.png);
}
.activate-action-icon {
  background-image: url(/public/icons/icone_ativar.png);
}
.hst-action-icon {
  background-image: url(/public/icons/icone_historico.png);
}
.inc-action-icon {
  background-image: url(/public/icons/icone_incluir.png);
}
.row-col-edit-allow.x-grid-cell.x-grid-td .x-grid-cell-inner {
  cursor: pointer;
}
.row-col-edit-block.x-grid-cell.x-grid-td .x-grid-cell-inner {
  cursor: not-allowed;
}

#container-brazil-map {
  display: flex;
}
#svg-brazil-map path {
  fill: #0094d9;
  transition: fill 0.2s;
}
#svg-brazil-map text {
  color: #fff;
  fill: #fff;
  font: 12px Arial-BoldMT, sans-serif;
  cursor: pointer;
}
#svg-brazil-map a {
  text-decoration: none;
}
#svg-brazil-map a:hover {
  cursor: pointer;
  text-decoration: none;
}
#svg-brazil-map a:hover path {
  fill: #003399;
}
#svg-brazil-map .circle {
  fill: #66ccff;
}
#svg-brazil-map a:hover .circle {
  fill: #003399;
  cursor: pointer;
}
#svg-brazil-map a.abaixo path {
  fill: #e85353;
}
#svg-brazil-map a.abaixo path.circle {
  fill: #e23535;
}
#svg-brazil-map a.abaixo:hover path {
  fill: #c81010;
}
#svg-brazil-map a.abaixo:hover path.circle {
  fill: #c81010;
}
#svg-brazil-map a.mediano path {
  fill: #c6d800;
}
#svg-brazil-map a.mediano path.circle {
  fill: #d1e119;
}
#svg-brazil-map a.mediano:hover path {
  fill: #ccc712;
}
#svg-brazil-map a.mediano:hover path.circle {
  fill: #ccc712;
}
#svg-brazil-map a.acima path {
  fill: #59ca5c;
}
#svg-brazil-map a.acima path.circle {
  fill: #5cb54c;
}
#svg-brazil-map a.acima:hover path {
  fill: #159b1a;
}
#svg-brazil-map a.acima:hover path.circle {
  fill: #159b1a;
}
#brazil-map-tooltip {
  position: fixed;
  display: none;
  padding: 4px 6px;
  border-radius: 5px;
  background-color: red;
  transition: top 0.2s, left 0.2s;
  background-color: rgba(189, 235, 255, 0.85);
}
#brazil-map-tooltip.show-tooltip {
  display: block;
}

#menuHome .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #333;
  background-position: center center;
}

#menuHome .x-tree-icon {
  width: 34px;
  height: 34px;
  line-height: 34px;
  color: gray;
  font-size: 34px;
}

#menuHome .x-panel-header-title-default > .x-title-text-default {
  text-transform: none;
  padding: 2px 2px 1px 10px;
}

#menuHome .x-grid-cell-inner {
  position: relative;
  text-overflow: ellipsis;
  padding: 0px 4px;
  align-items: center;
  display: flex;
}

#menuHome .x-grid-item {
  color: #000;
  font: normal 12px/12px tahoma, arial, verdana, sans-serif;
}

#menuHome .x-tree-icon, .x-tree-elbow-img, .x-tree-checkbox {
  margin-top: -3px;
  margin-bottom: -5px;
  margin-right: -3px;
}

#menuHome .x-tree-elbow-img {
  width: 16px;
  height: 34px;
  line-height: 34px;
  margin-right: 0;
}

#menuHome .x-tree-elbow,
#menuHome .x-tree-elbow-line {
  background-size: 16px 34px !important;
  height: 26px;
}

#menuHome .x-tree-elbow-end {
  background-size: 16px 34px !important;
}

#tab_0001 .x-tab-icon-left > .x-tab-icon-el-default, .x-tab-icon-right > .x-tab-icon-el-default {
  width: 24px;
}

#tab_0001 .x-tab-button-default {
  height: 24px;
}

#tab_0001 .x-tab-icon-el-default {
  min-height: 24px;
  background-position: center center;
  font-size: 24px;
  line-height: 24px;
}

.tree-icon-24 .x-tree-icon {
  width: 24px;
  height: 24px;
}

.tree-icon-24 .x-tree-elbow,
.tree-icon-24 .x-tree-elbow-line {
  background-size: 16px 34px !important;
  height: 24px;
}

.tree-icon-24 .x-tree-elbow-plus,
.tree-icon-24 .x-tree-elbow-end {
  height: 24px;
}

.tree-icon-24 .x-tree-checkbox {
  margin-top: -1.25px;
}

.tree-icon-24 .x-grid-cell.hidden .x-tree-icon-parent,
.tree-icon-24 .x-grid-cell.hidden .x-tree-icon-parent-expanded {
  display: none;
}

/* FIX CHROME UPDATE FIELDSET BUG */
.self-fieldset-style .x-fieldset-header-default > .x-fieldset-header-text {
    position: static;
}

/* Accordion mouse pointer style */
.x-panel-accordion-pointer .x-accordion-hd {
  cursor: pointer;
}

/* Linhas de uma grid / tree coloridas */

.x-grid-cell.x-grid-td.checked {
  animation-duration: 0.5s;
  animation-name: transicao-verde;
  background-color: #73d473;
}

.x-grid-cell.x-grid-td.unchecked {
  animation-duration: 0.5s;
  animation-name: transicao-vermelho;
  background-color: #ed7979;
}

.x-grid-item.ajustado {
    animation-duration: 0.5s;
    animation-name: transicao-amarelo;
    background-color: #fcfdb0;
}

.ebds-column-white-space-pre .x-grid-cell-inner {
  white-space: pre;
}

.icon-combobox {
  width: 100%;
}

.icon-combobox:before {
    position: absolute;
    z-index: 9999;
    left: 5px;
    font-size: 12px;
    line-height: 1.7;
}

.icon-combobox .x-form-text {
    padding-left: 20px;
}

.ebds-no-border-input {
  border-width: 0;
}
/* Override Leaflet layers control icon */
.leaflet-top.leaflet-right .leaflet-control-layers .leaflet-control-layers-toggle {
    background-image: url(/public/icons/icone_layers.png) !important;
}

.ebds-btn-alert {
  background: transparent !important;
  width: calc(24px + 16px);
  height: 35px;
  width: calc(24px + 10px);
  border: none !important;
  outline: 0;
}

.ebds-btn-alert:hover, .ebds-btn-alert:focus, .ebds-btn-alert:active {
  border: none !important;
  outline: 0 !important;
}

.ebds-btn-alert .x-btn-wrap {
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: column;
  border: none !important;
  outline: 0 !important;
}

.ebds-btn-alert .x-btn-wrap .x-btn-button {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ebds-btn-alert .x-btn-icon-el {
  width: 24px !important;
  height: 24px !important;
}

.ebds-btn-dropdown {
  position: fixed;
  /* height: 400px; */
  width: 300px;
  background-color: transparent;
  z-index: 10;
  top: 40px;
  right: 30px;
}

.ebds-btn-dropdown .ebds-btn-dropbox-content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.ebds-btn-dropdown .ebds-btn-dropbox-content .ebds-btn-dropbox-content-list {
  background-color: transparent;
  flex-grow: 1;
  margin-top: 10px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  max-height: 500px;
}

.ebds-btn-dropdown .ebds-btn-dropbox-content .ebds-btn-dropbox-content-list .ebds-btn-dropbox-content-list-container {
  padding: 5px;
  overflow-y: auto;
  height: 100%;
}

.ebds-btn-dropdown .ebds-btn-dropbox-content .ebds-btn-dropbox-content-list .ebds-btn-dropbox-content-list-container .ebds-btn-dropbox-content-list-container-alert {
  position: relative;  
  width: 100%;
  margin: 0 0 5px 0;
  border: 1px solid var(--color-1);
  border-radius: 3px 2px 2px 3px;
  padding: 10px 23px 10px 5px;
  word-wrap: break-word;
  white-space: break-spaces;
  background: white;
}

.ebds-btn-dropdown .ebds-btn-dropbox-content .ebds-btn-dropbox-content-list .ebds-btn-dropbox-content-list-container .ebds-btn-dropbox-content-list-container-alert:last-child {
  margin: 0;
}

.ebds-btn-dropdown .ebds-btn-dropbox-content .ebds-btn-dropbox-content-list .ebds-btn-dropbox-content-list-container .ebds-btn-dropbox-content-list-container-alert .ebds-btn-dropbox-content-list-container-alert-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
}

/* badge */
.badgeable {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  color: white;
  border-color: #900;
  background-color: #c00;
  width: 16px;
  height: 16px;
  text-align: center;
  padding: 4px 0px;
  font: 8px helvetica, arial, sans-serif;
  box-shadow: -0.6px 1px 3px 1px rgba(119, 119, 119, 0.55);
  -moz-box-shadow: -0.6px 1px 3px 1px rgba(119, 119, 119, 0.55);
  -webkit-box-shadow: -0.6px 1px 3px 1px rgba(119, 119, 119, 0.55);
  position: absolute;
  top: 10px;
  right: 0;
}
.x-panel-header-title-default .badgeable {
  float: right;
}

/* end badge */

/* EBDS Toast */
#ebds-toast-box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  width: auto;
  height: auto;
  top: 45px;
}

#ebds-toast-box .ebds-toast {
  position: relative;
  width: 400px;
  margin: 5px;
  padding: 5px;
  border-radius: 5px;
}

#ebds-toast-box .ebds-toast.ebds-toast-appear {
  animation-name: appearToast;
  animation-duration: 500ms;
}

#ebds-toast-box .ebds-toast.ebds-toast-disappear {
  animation-name: disappearToast;
  animation-duration: 500ms;
}
/* end EBDS Toast */

/* EBDS row line alert style */
.ebds-row-info .x-grid-cell {
  background-color: rgba(95, 156, 255, .5) !important;
}

.ebds-row-alert .x-grid-cell {
  background-color: rgba(250, 246, 0, .5) !important;
}

.ebds-row-error .x-grid-cell {
  background-color: rgba(244, 106, 106, .5) !important;
}
/* end EBDS row line alert style */

/* EBDS displayfield flex */
.ebds-displayfield-center .x-form-item-body-default .x-form-display-field-default {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.ebds-displayfield-start .x-form-item-body-default .x-form-display-field-default {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}

@keyframes transicao-verde {
  from {
    background-color: white;
  }

  to {
    background-color: #73d473;
  }
}

@keyframes transicao-vermelho {
  from {
    background-color: white;
  }

  to {
    background-color: #ed7979;
  }
}

@keyframes transicao-amarelo {
  from {
    background-color: white;
  }

  to {
    background-color: #fcfdb0;
  }
}

@keyframes appearToast {
  from {
    right: -400px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}

@keyframes disappearToast {
  from {
    right: 0;
    opacity: 1;
  }
  to {
    right: -400px;
    opacity: 0;
  }
}