/******************************************************
 * Global variables  
 ******************************************************/
/******************************************************
 * Global classes  
 ******************************************************/
.resizer-v {
  background: url("/tm/javax.faces.resource/images/toggle-lt.gif.tm?ln=primefaces-tm") no-repeat 0px center white !important;
  border-left: 1px solid #cccccc;
  border-top: 0px;
  border-right: 1px solid #cccccc;
  border-bottom: 0px;
}
.resizer-h {
  background: url("/tm/javax.faces.resource/images/toggle-hr.gif.tm?ln=primefaces-tm") no-repeat center -2px white !important;
  border-left: 0px !important;
  border-top: 1px solid #cccccc !important;
  border-right: 0px !important;
  border-bottom: 1px solid #cccccc !important;
}
.noborder {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
}
/******************************************************
 * Corners of all elements
 ******************************************************/
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tl {
  border-radius: 0px !important;
}
/******************************************************
 * Shadow of all elements
 ******************************************************/
.ui-shadow {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5) !important;
}
/******************************************************
 * Common formatter
 ******************************************************/
.tm-noborder {
  border: 0px !important;
}
.tm-noborder > tbody {
  border: 0px !important;
}
.tm-noborder > tbody > tr {
  border: 0px !important;
}
.tm-noborder > tbody > tr > td {
  border: 0px !important;
}
.tm-noborder > .ui-datagrid-content {
  border: 0px;
}
/******************************************************
 * Focus outline of all elements
 ******************************************************/
:focus {
  outline: none;
  outline-width: 0px !important;
}
/******************************************************
 * Settings for all panels
 ******************************************************/
.ui-panel {
  padding: 0px !important;
}
.ui-panel > .ui-panel-titlebar {
  background: transparent;
  color: #4f4c4c;
  padding-left: 4px !important;
  padding-top: 2px !important;
  padding-right: 2px !important;
  padding-bottom: 2px !important;
  border: 0px;
  cursor: move;
}
.ui-panel > .ui-panel-titlebar > .ui-panel-title {
  font-weight: normal;
  float: left;
}
.ui-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon {
  background: transparent;
  margin: 0px;
  border: 0px;
  top: 0px;
  right: 0px;
}
.ui-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon.ui-state-hover {
  background: #4f4c4c;
  margin: 0px;
  border: 0px;
  top: 0px;
  right: 0px;
}
.tm-table-panel {
  border-top: 0px;
}
.tm-title-bold {
  font-weight: bold;
}
/******************************************************
 * Settings for all input fields
 ******************************************************/
.ui-inputfield.ui-state-default {
  background-color: white !important;
  border: solid 1px #cccccc !important;
  color: #4f4c4c !important;
}
.ui-inputfield.ui-state-hover {
  background-color: white !important;
  border: solid 1px #9f9c9c !important;
  color: #4f4c4c !important;
}
.ui-inputfield.ui-state-focus {
  background-color: white !important;
  border: solid 1px #9f9c9c !important;
  color: #4f4c4c !important;
}
.ui-inputfield.ui-state-error {
  background-color: white !important;
  border: solid 1px red !important;
  color: #4f4c4c !important;
}
.ui-inputfield:read-only {
  background-color: white !important;
  border: solid 1px #f0f0f0 !important;
  color: #4f4c4c !important;
}
.ui-button {
  max-width: inherit;
  overflow: inherit;
}
.ui-button > .ui-button-text {
  font-weight: normal;
}
.ui-button.ui-state-default {
  background-color: transparent !important;
  border: 0px !important;
}
.ui-button.ui-state-default > .ui-button-text {
  color: #4f4c4c;
}
.ui-button.ui-state-default > .ui-button-icon-left {
  color: #4f4c4c;
}
.ui-button.ui-state-hover {
  background-color: #4f4c4c !important;
}
.ui-button.ui-state-hover > .ui-button-text {
  color: white;
}
.ui-button.ui-state-hover > .ui-button-icon-left {
  color: white;
}
.ui-button.ui-button-text-icon-left .ui-icon.fa {
  margin-top: -6px !important;
  font-size: 13px;
  left: 4px;
}
.ui-chkbox > .ui-chkbox-box {
  background: white !important;
  border: solid 1px #cccccc !important;
  border-radius: 0px !important;
  width: 14px !important;
  height: 14px !important;
}
.ui-chkbox > .ui-chkbox-box.ui-state-hover {
  border: solid 1px #9f9c9c !important;
  background: white !important;
  border-radius: 0px !important;
  cursor: pointer;
}
.ui-chkbox > .ui-chkbox-box > .ui-icon-check {
  background-image: url("/tm/javax.faces.resource/images/checkbox-checked.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 1px;
}
.ui-chkbox > .ui-chkbox-box > .ui-icon-closethick {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_484848_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm");
}
.ui-chkbox .ui-chkbox-label {
  margin-left: 3px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
.tm-chkbox-label {
  position: relative;
  margin-left: 3px !important;
}
.ui-widget-header {
  border: 0px;
}
/******************************************************
 * Settings for error messages at input fields
 ******************************************************/
.ui-message-error {
  background: transparent !important;
  border-color: transparent !important;
  padding: 0px !important;
}
.ui-message-error .ui-message-error-detail {
  margin-left: 0px !important;
}
.ui-message-error-icon {
  border: 0px !important;
  background-color: transparent !important;
  background-image: url("/tm/javax.faces.resource/images/ui-icons_a83300_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  background-position: 0 -144px !important;
  width: 16px !important;
  height: 16px !important;
}
/******************************************************
 * Settings for labels
 ******************************************************/
.ui-outputlabel.ui-state-error {
  background: transparent;
}
/******************************************************
 * Settings for multilingual input fields
 ******************************************************/
.tm-multilang-multi.ui-tabs.ui-tabs-left {
  width: 500px !important;
  padding: 0px !important;
  border: 0px;
  display: inline-flex;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-nav {
  height: inherit !important;
  background: white;
  width: 30px !important;
  padding: 0px !important;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-nav li {
  height: 24px;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-nav li a {
  padding-left: 7px !important;
  padding-top: 4px !important;
  width: unset;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-nav li a img {
  border: 0px;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-state-default {
  background-color: white !important;
  padding-top: 2px;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-state-hover {
  background-color: #4f4c4c !important;
  padding-top: 2px;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-state-active {
  background-color: #91205A !important;
  padding-top: 2px;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-state-active a label {
  color: white !important;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-panels {
  border-top: 0px;
  flex-grow: 1;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-panels > .ui-tabs-panel {
  padding: 0px;
  flex-grow: 0;
  width: 470px;
}
.tm-multilang-multi.ui-tabs.ui-tabs-left > .ui-tabs-panels > .ui-tabs-panel > .ui-inputfield {
  padding: 4px;
  border: solid 1px #cccccc;
  width: 100%;
  height: 120px;
}
.tm-multilang-single {
  width: 500px !important;
  border-spacing: 0px !important;
  padding: 0px;
}
.tm-multilang-single td {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 2px;
}
.tm-multilang-single .ui-inputfield {
  width: 100%;
  padding-left: 25px;
}
/******************************************************
 * Menu items
 ******************************************************/
.ui-menu {
  border: 0px !important;
}
.ui-menu > .ui-menu-list {
  border: 0px;
}
.ui-menu > .ui-menu-list > .ui-menuitem {
  margin-left: 4px !important;
  margin-top: 2px !important;
  margin-right: 4px !important;
  margin-bottom: 2px !important;
  white-space: nowrap !important;
}
.ui-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
  padding-left: 4px !important;
  padding-top: 2px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.ui-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span.ui-icon-triangle-1-s {
  visibility: hidden;
  width: 0px !important;
}
.ui-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-icon {
  padding-top: 3px;
  overflow: visible;
}
.ui-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-text {
  float: none;
}
.ui-menu > .ui-menu-list > .ui-menuitem > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-icon {
  margin-top: 3px;
  overflow: visible;
}
.ui-menu.ui-menu-dynamic {
  min-width: 16em;
  overflow: visible;
  width: auto;
  max-width: 50em;
  text-overflow: ellipsis;
}
.ui-menu.ui-menu-dynamic > .ui-menu-list > .ui-menuitem {
  margin-left: 0px !important;
  margin-top: 1px !important;
  margin-right: 0px !important;
  margin-bottom: 1px !important;
}
.ui-menu-child {
  border: 0px;
  min-width: 16em;
  width: auto !important;
  max-width: 50em;
  text-overflow: ellipsis;
}
.tm-selectionmenu-scroll {
  min-width: 150px !important;
  max-width: 600px;
}
.tm-selectionmenu-scroll > .ui-selectonemenu-panel {
  max-width: 600px;
}
.tm-selectionmenu-scroll > .ui-selectonemenu-panel .ui-selectonemenu-list {
  display: inline-block;
  min-width: calc(90%);
}
.tm-selectionmenu-scroll > .ui-selectonemenu-panel .ui-selectonemenu-list-item {
  min-width: calc(90%);
  float: left;
}
.ui-selectonemenu-item.ui-selectonemenu-list {
  white-space: normal;
}
/******************************************************
 * Overlay
 ******************************************************/
.tm-block-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 1000;
}
.tm-focus-container {
  z-index: 1009 !important;
  position: relative;
}
.tm-focus-container-with-shadow {
  z-index: 1009 !important;
  -webkit-box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.62);
  box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.62);
  position: relative;
}
.ui-widget-overlay {
  position: fixed !important;
  background: white !important;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}
/******************************************************
* BlockUI
******************************************************/
.ui-blockui {
  position: absolute !important;
}
/******************************************************
 * Tables
 ******************************************************/
.ui-datatable .ui-datatable-scrollable-body > table > thead > tr > .ui-resizable-column,
.ui-treetable .ui-datatable-scrollable-body > table > thead > tr > .ui-resizable-column {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.ui-datatable .ui-datatable-scrollable-header > div > table > thead > tr > .tm-fill-column,
.ui-treetable .ui-datatable-scrollable-header > div > table > thead > tr > .tm-fill-column {
  background-color: #f0f0f0;
  border-left: solid 1px #cccccc !important;
  border-top: solid 1px #cccccc !important;
  border-right: solid 1px #cccccc !important;
  border-bottom: solid 1px #f0f0f0 !important;
  border-left-style: solid !important;
  border-top-style: solid !important;
  border-right-style: solid !important;
  border-bottom-style: solid !important;
}
.ui-datatable > .ui-datatable-wrapper > table > thead > tr > .tm-fill-column,
.ui-treetable > .ui-datatable-wrapper > table > thead > tr > .tm-fill-column {
  background-color: #f0f0f0;
  border-left: solid 1px #cccccc !important;
  border-top: solid 1px #cccccc !important;
  border-right: solid 1px #cccccc !important;
  border-bottom: solid 1px #f0f0f0 !important;
  border-left-style: solid !important;
  border-top-style: solid !important;
  border-right-style: solid !important;
  border-bottom-style: solid !important;
}
.ui-datatable > div > table > tbody > tr > .tm-fill-column,
.ui-treetable > div > table > tbody > tr > .tm-fill-column {
  background-color: #f0f0f0;
  border-left: solid 1px #cccccc !important;
  border-right: solid 1px #cccccc !important;
  border-left-style: solid !important;
  border-top-style: hidden !important;
  border-right-style: solid !important;
  border-bottom-style: hidden !important;
}
.ui-datatable > div > table > tbody > tr > .tm-fill-column:last-of-type,
.ui-treetable > div > table > tbody > tr > .tm-fill-column:last-of-type {
  background-color: #f0f0f0;
  border-left: solid 1px #cccccc !important;
  border-right: solid 1px #cccccc !important;
  border-bottom: solid 1px #cccccc !important;
  border-left-style: solid !important;
  border-top-style: hidden !important;
  border-right-style: solid !important;
  border-bottom-style: solid !important;
}
.ui-datatable tbody td,
.ui-treetable tbody td {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.ui-datatable .ui-resizable-column,
.ui-treetable .ui-resizable-column {
  background: #f0f0f0 !important;
  background-clip: padding-box !important;
}
.ui-datatable .ui-datatable-even,
.ui-treetable .ui-datatable-even {
  background-color: white;
}
.ui-datatable .ui-datatable-odd,
.ui-treetable .ui-datatable-odd {
  background-color: white;
}
.ui-datatable .tm-selected-column,
.ui-treetable .tm-selected-column {
  background-color: whitesmoke !important;
  color: #4f4c4c;
  font-weight: bold;
}
.ui-datatable .tm-selectablecolumn,
.ui-treetable .tm-selectablecolumn {
  width: 30px;
  text-align: center;
}
.ui-datatable .tm-selectablecolumn-noselectall .ui-chkbox-all,
.ui-treetable .tm-selectablecolumn-noselectall .ui-chkbox-all {
  width: 30px;
  text-align: center;
  display: none !important;
}
.ui-datatable .tm-selectablecolumn-nowidth,
.ui-treetable .tm-selectablecolumn-nowidth {
  text-align: center;
}
.ui-datatable .tm-selectabletreecolumn,
.ui-treetable .tm-selectabletreecolumn {
  width: 60px;
  text-align: center;
}
.ui-datatable .tm-selectabletreecolumn-large,
.ui-treetable .tm-selectabletreecolumn-large {
  width: 200px;
}
.ui-datatable .tm-iconcolumn,
.ui-treetable .tm-iconcolumn {
  width: 12px !important;
  text-align: center;
}
.ui-datatable .tm-paginator-info,
.ui-treetable .tm-paginator-info {
  font-weight: normal !important;
  color: #4f4c4c;
}
.tm-smallcolumn {
  width: 10px !important;
  text-align: left;
  margin: 0px !important;
  padding: 0px !important;
}
.ui-treetable .tm-selectabletreecolumn .ui-chkbox.ui-selection {
  display: inline-block !important;
}
.ui-treetable .tm-selectabletreecolumn-large .ui-chkbox.ui-selection {
  display: inline-block !important;
}
.ui-widget-header.ui-datatable-scrollable-header {
  background: white !important;
}
th.ui-state-default {
  background: #f0f0f0 !important;
  color: #4f4c4c !important;
}
.ui-paginator {
  text-align: left !important;
  background: transparent !important;
}
.ui-paginator a {
  background-color: transparent !important;
  border: 0px !important;
  font-weight: normal !important;
}
.ui-paginator a.ui-state-default {
  border: 0px !important;
  background-color: transparent !important;
  font-weight: normal !important;
}
.ui-paginator a.ui-state-disabled {
  border: 0px !important;
  background-color: transparent !important;
  color: white !important;
  font-weight: normal !important;
}
.ui-paginator a.ui-state-active {
  border: 0px !important;
  background-color: transparent !important;
  color: #4f4c4c !important;
  font-weight: bold !important;
}
.ui-paginator a.ui-state-hover {
  border: 0px !important;
  background-color: #4f4c4c !important;
  color: white !important;
  font-weight: normal !important;
}
.ui-paginator select {
  background: white !important;
  color: #4f4c4c;
  font-weight: normal !important;
}
.ui-paginator select.ui-state-hover {
  background: white !important;
  color: #4f4c4c !important;
  font-weight: normal !important;
}
.ui-paginator select.ui-state-focus {
  background: white !important;
  color: #4f4c4c !important;
  font-weight: normal !important;
}
.ui-paginator select option {
  background: white !important;
  color: #4f4c4c;
  font-weight: normal !important;
}
.ui-paginator > .ui-paginator-current {
  color: #4f4c4c;
  font-weight: normal !important;
}
/******************************************************
 * Trees
 ******************************************************/
.ui-tree .ui-treenode {
  padding: 0px !important;
}
.ui-tree .ui-treenode-leaf-icon {
  margin-top: -10px;
  visibility: hidden;
}
.ui-tree .ui-tree-toggler {
  border: solid 1px white;
}
.ui-tree .ui-tree-toggler:hover {
  border: solid 1px #cccccc;
}
.tm-nohighlight.ui-state-highlight {
  background: white !important;
  color: #4f4c4c !important;
}
.tm-noheader .ui-widget-header {
  height: 0px;
  visibility: hidden;
}
.tm-noheader thead {
  display: none;
  visibility: hidden;
  padding: 0px !important;
}
.tm-noheader thead th {
  display: none;
  visibility: hidden;
  padding: 0px !important;
  height: 0px;
}
/******************************************************
 * Tabviews
 ******************************************************/
.ui-tabs-nav {
  background: transparent;
}
.ui-tabs {
  border: 0px !important;
  padding: 0px !important;
}
.ui-tabs > ul {
  margin: 0px !important;
  padding-left: 2px !important;
  padding-top: 1px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  background-color: transparent;
}
.ui-tabs > ul > li > a {
  padding-left: 6px !important;
  padding-top: 3px !important;
  padding-right: 6px !important;
  padding-bottom: 2px !important;
}
.ui-tabs > ul > li.ui-state-default {
  border-radius: 0px;
  z-Index: 999;
  margin-top: 3px;
  height: 22px;
  background: #f0f0f0;
  font-weight: normal;
  color: #4f4c4c;
}
.ui-tabs > ul > li.ui-state-hover {
  background: #4f4c4c !important;
}
.ui-tabs > ul > li.ui-state-hover a {
  color: white !important;
}
.ui-tabs > ul > li.ui-state-active {
  z-Index: 1001;
  margin-top: 0px;
  padding-top: 2px;
  height: 24px;
  font-weight: bold;
  background: white !important;
  color: #4f4c4c !important;
}
.ui-tabs > ul > li.ui-state-active a {
  padding-top: 5px;
  color: #4f4c4c !important;
}
.ui-tabs > .ui-tabs-panels {
  position: relative;
  top: -1px;
  border-top: solid 1px #cccccc;
}
.ui-tabs > .ui-tabs-panels > .ui-tabs-panel {
  padding: 0px;
}
.ui-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-scrollpanel {
  border: 0px !important;
}
.ui-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-datatable {
  border: 0px;
}
/******************************************************
 * Datalists
 ******************************************************/
.ui-datalist > .ui-datalist-content {
  border: 0px;
}
/******************************************************
 * N/A button
 ******************************************************/
.ui-button.tm-na-button {
  border: 0px !important;
  background: white !important;
  color: #4f4c4c !important;
}
.ui-button.tm-na-button > .ui-button-text {
  border: 0px !important;
  background: white !important;
  color: #4f4c4c !important;
}
.ui-button.tm-na-button .fa {
  background: white !important;
  color: #4f4c4c !important;
  font-size: 16px !important;
  left: 0px !important;
  margin-top: -7px !important;
  width: 20px !important;
}
/******************************************************
 * Multi and single value inputs
 ******************************************************/
.tm-multivalue {
  width: 500px;
  border: 0px !important;
  margin: 0px;
  padding: 0px !important;
}
.tm-multivalue > .ui-panel-content {
  width: 500px;
  border: 0px;
  margin: 0px;
  padding: 0px !important;
}
.tm-multivalue button {
  float: left;
}
.tm-multivalue .ui-state-disabled {
  opacity: 1;
}
.tm-multivalue .ui-state-disabled thead th {
  opacity: 0.5;
  border: solid 1px #f0f0f0;
}
.tm-multivalue .ui-state-disabled tbody td {
  border: solid 1px #f0f0f0;
}
.ui-state-disabled {
  opacity: 0.8 !important;
}
.ui-state-disabled.ui-selectonemenu {
  opacity: 0.8;
}
.ui-state-disabled.ui-widget-content {
  opacity: 0.8;
}
.ui-state-disabled.ui-widget-header {
  opacity: 0.8;
}
.ui-state-disabled.ui-chkbox-box {
  opacity: 0.8;
}
.ui-state-disabled.ui-selectcheckboxmenu {
  opacity: 1;
}
.ui-state-disabled.ui-selectcheckboxmenu-multiple-container {
  opacity: 1 !important;
}
.ui-state-disabled.ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token-label {
  padding: 0 0.5em 0 .5em;
}
.ui-state-disabled.ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
  visibility: hidden;
  display: none;
}
.ui-state-default .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_ffffff_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
}
.tm-singlevalue {
  width: 500px;
  border: 0px;
  margin: 0px;
  padding: 0px !important;
}
.tm-singlevalue > .ui-panel-content {
  width: 500px;
  border: 0px;
  margin: 0px;
  padding: 0px !important;
}
.tm-singlevalue button {
  float: left;
}
.tm-singlevalue .ui-inputfield {
  width: 472px;
  float: right;
}
.tm-singlevalue .ui-inputfield:read-only {
  width: 500px;
}
.tm-singlevalue .ui-inputfield:disabled {
  width: 500px;
}
.tm-dialog-detail-message {
  white-space: pre-wrap;
}
/******************************************************
 * Colorpicker
 ******************************************************/
.ui-colorpicker .ui-colorpicker-container {
  border: solid 1px #cccccc;
  background-color: #F9F9F9;
  background: url("/tm/javax.faces.resource/images/colorpicker-background.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
}
.ui-colorpicker .ui-colorpicker-container input {
  font-size: 11px !important;
  color: black !important;
  top: 3px !important;
  height: 15px !important;
  right: 3px !important;
  border: 0px solid #CCCCCC !important;
}
.ui-colorpicker .ui-colorpicker-container .ui-colorpicker_field {
  height: 23px !important;
}
.ui-colorpicker .ui-colorpicker-container .ui-colorpicker_rgb_r {
  background: url("/tm/javax.faces.resource/images/colorpicker-field-R.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  top: 51px !important;
  left: 213px !important;
}
.ui-colorpicker .ui-colorpicker-container .ui-colorpicker_rgb_g {
  background: url("/tm/javax.faces.resource/images/colorpicker-field-G.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  top: 81px !important;
  left: 213px !important;
}
.ui-colorpicker .ui-colorpicker-container .ui-colorpicker_rgb_b {
  background: url("/tm/javax.faces.resource/images/colorpicker-field-B.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  top: 111px !important;
  left: 213px !important;
}
.ui-colorpicker .ui-colorpicker-container .ui-colorpicker_hex {
  background: url("/tm/javax.faces.resource/images/colorpicker-hexfield.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  top: 141px !important;
  left: 213px !important;
}
.ui-colorpicker .ui-colorpicker-container .ui-colorpicker_hsb_h {
  background: url("/tm/javax.faces.resource/images/colorpicker-field-H.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  top: 51px !important;
  left: 281px !important;
}
.ui-colorpicker .ui-colorpicker-container .ui-colorpicker_hsb_s {
  background: url("/tm/javax.faces.resource/images/colorpicker-field-S.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  top: 81px !important;
  left: 281px !important;
}
.ui-colorpicker .ui-colorpicker-container .ui-colorpicker_hsb_b {
  background: url("/tm/javax.faces.resource/images/colorpicker-field-B.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  top: 111px !important;
  left: 281px !important;
}
/******************************************************
 * Fileupload
 ******************************************************/
.ui-fileupload-buttonbar {
  background: white;
}
/******************************************************
 * Picklist/Orderlist
 ******************************************************/
.ui-picklist-caption {
  background: #f0f0f0;
  color: #4f4c4c;
  border-left: solid 1px #cccccc !important;
  border-top: solid 1px #cccccc !important;
  border-right: solid 1px #cccccc !important;
}
.ui-orderlist-caption {
  background: #f0f0f0;
  color: #4f4c4c;
  border-left: solid 1px #cccccc !important;
  border-top: solid 1px #cccccc !important;
  border-right: solid 1px #cccccc !important;
}
.ui-picklist ul {
  border: solid 1px #cccccc !important;
}
.tm-lang-orderlist-item {
  padding-left: 25px;
  background-position: 0px 3px;
}
/******************************************************
 * Datatables
 ******************************************************/
.tm-nohead th {
  height: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}
/******************************************************
 * Accordion panel
 ******************************************************/
.ui-layout-container > .ui-layout-pane-west .ui-accordion-header {
  padding-left: 25px !important;
  padding-top: 5px !important;
  padding-right: 10px !important;
  padding-bottom: 5px !important;
  border-top: solid 1px #cccccc !important;
  border-bottom: solid 1px #cccccc !important;
}
.ui-layout-container > .ui-layout-pane-west .ui-accordion-header.ui-state-active {
  background-color: white !important;
  color: #4f4c4c !important;
  border: 0px !important;
}
/******************************************************
 * File upload panel
 ******************************************************/
.ui-fileupload > .ui-fileupload-content {
  height: 200px;
  overflow: auto;
  background-image: url("/tm/javax.faces.resource/images/dropfiles.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  background-repeat: no-repeat;
  background-position: center center;
  border: dashed 2px #cccccc;
  border-radius: 20px !important;
}
.ui-fileupload > .ui-fileupload-buttonbar {
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
}
/******************************************************
 * Direct link to other module
 ******************************************************/
.tm-directlink {
  padding: 0px !important;
  margin-right: 2px !important;
  margin-left: 0px !important;
  color: #E2007E !important;
  text-decoration: none !important;
}
.tm-directlink.fa {
  font-size: 9px;
}
.ui-state-highlight .tm-directlink {
  color: white !important;
}
.ui-state-highlight a {
  color: white !important;
}
.ui-state-hover .tm-directlink {
  color: white !important;
}
.tm-noborder-and-spaces {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  border: 0px !important;
}
.tm-noborder-and-spaces > div {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  border: 0px !important;
}
.tm-noborder-and-spaces > div > table {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  border-spacing: 0px;
  border: 0px !important;
}
.tm-noborder-and-spaces > div > table > tbody {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
}
.tm-noborder-and-spaces > div > table > tbody > tr {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  border: 0px !important;
}
.tm-noborder-and-spaces > div > table > tbody > tr > td {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  border: 0px !important;
}
.tm-noborder-and-spaces > tbody > tr {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  border: 0px !important;
}
.tm-noborder-and-spaces > tbody > tr > td {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border: 0px !important;
  border-width: 0px !important;
  border-style: none;
}
.tm-noborder-and-spaces > .ui-datagrid-content {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  border: 0px !important;
}
/******************************************************
 * Date picker
 ******************************************************/
.ui-datepicker-header {
  background: white;
  color: #4f4c4c;
}
/******************************************************
 * Download table buttons
 ******************************************************/
.tm-download-table {
  background: white;
  font-size: 11px;
  color: #4f4c4c;
  border: solid 1px #cccccc;
  padding: 2px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  bottom: 2px;
  right: 2px;
}
.ui-toolbar .tm-download-table {
  text-decoration: none;
}
.ui-toolbar .tm-download-table > .ui-outputlabel {
  margin-left: 6px;
  cursor: inherit;
}
/******************************************************
 * Settings for progress elements
 ******************************************************/
.tm-progress {
  z-index: 1000;
  filter: alpha(opacity=85);
  opacity: 0.85;
}
.tm-progress .ui-growl-image {
  width: 220px;
}
.tm-wait-dialog {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: transparent !important;
  box-shadow: 0px 0px 0px 0px !important;
  height: 100% !important;
  width: 100% !important;
  border: 0px !important;
  z-index: 3000 !important;
}
.tm-wait-dialog > .ui-dialog-content {
  background: transparent !important;
  overflow: visible !important;
  text-align: center;
  top: 50%;
}
.ft-spin {
  z-index: 3001;
  font-size: 60px;
  color: rgba(0, 0, 0, 0.1);
  -webkit-animation: fa-spin 2s infinite linear !important;
  animation: fa-spin 2s infinite linear !important;
  font-weight: bold;
}
.ft-spin-l {
  position: relative;
  margin-left: -58px;
  top: -4px;
  z-index: 3002;
  -webkit-animation: ft-spin-l 1.5s infinite linear;
  animation: ft-spin-l 1.5s infinite linear;
  font-size: 49px;
  color: rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
@-webkit-keyframes ft-spin-l {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(-269deg);
    transform: rotate(-269deg);
  }
}
@keyframes ft-spin-l {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(-269deg);
    transform: rotate(-269deg);
  }
}
/******************************************************
 * Icon only button
 ******************************************************/
button.tm-button-icon-only > .ui-icon.fa {
  margin-top: -3px !important;
}
button.tm-button-icon-only-bright.ui-button.ui-state-default {
  background-color: white !important;
}
button.tm-button-icon-only-bright.ui-button.ui-state-default > .ui-icon.fa {
  margin-top: -5px !important;
  background-color: white !important;
  color: #4f4c4c !important;
}
button.tm-button-icon-only-bright.ui-button.ui-state-hover {
  background-color: #4f4c4c !important;
}
button.tm-button-icon-only-bright.ui-button.ui-state-hover > .ui-icon.fa {
  margin-top: -5px !important;
  background-color: #4f4c4c !important;
  color: white !important;
}
/******************************************************
 * Links
 ******************************************************/
a {
  text-decoration: none;
}
/******************************************************
 * Organigrams
 ******************************************************/
.tm-route-diagram .ui-organigram-node {
  width: 200px !important;
}
.tm-route-diagram .ui-organigram-node.level-0 {
  background: #550000 !important;
}
.tm-route-diagram .ui-organigram-node.level-1 {
  background: #003333 !important;
}
.tm-route-diagram .ui-organigram-node.level-2 {
  background: #004400 !important;
}
.tm-route-diagram .ui-organigram-node.level-3 {
  background: #552700 !important;
}
.tm-route-diagram .ui-organigram-node.level-4 {
  background: #801515 !important;
}
.tm-route-diagram .ui-organigram-node.level-5 {
  background: #0D4D4D !important;
}
.tm-route-diagram .ui-organigram-node.level-6 {
  background: #116611 !important;
}
.tm-route-diagram .ui-organigram-node.level-7 {
  background: #804515 !important;
}
.tm-route-diagram .ui-organigram-node.level-8 {
  background: #AA3939 !important;
}
.tm-route-diagram .ui-organigram-node.level-9 {
  background: #226666 !important;
}
.tm-route-diagram .ui-organigram-node.level-10 {
  background: #2D882D !important;
}
.tm-route-diagram .ui-organigram-node.level-11 {
  background: #AA6C39 !important;
}
.tm-route-diagram .ui-organigram-node .ui-organigram-node-content {
  font-size: 11px;
}
.tm-route-diagram .ui-organigram-node .ui-organigram-icon {
  color: white !important;
}
.tm-route-diagram > div {
  overflow: visible !important;
}
.tm-route-diagram table {
  margin-left: auto;
  margin-right: auto;
}
/******************************************************
 * The overall body
 ******************************************************/
body {
  overflow-x: hidden;
}
.ui-widget-content {
  color: #4f4c4c;
  border: 1px solid #cccccc;
  background-color: white;
}
.ui-widget-content a {
  color: #4f4c4c;
}
/******************************************************
 * Text formats
 ******************************************************/
.tm-standard-text {
  color: #4f4c4c;
}
.tm-bold {
  font-weight: bold;
}
.tm-italic {
  font-style: italic;
}
.tm-small {
  font-size: 9px;
}
.tm-no-padding {
  padding: 0px !important;
}
/******************************************************
 * Checkbox menus
 ******************************************************/
.ui-selectcheckboxmenu-token {
  color: #4f4c4c !important;
  border: 1px solid #cccccc !important;
  background-color: white !important;
  font-weight: normal !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_484848_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
}
/******************************************************
 * Search bar
 ******************************************************/
.ui-searchbar-table {
  border: 1px solid #cccccc !important;
}
.ui-searchbar-table .ui-searchbar-element-td {
  width: 10px;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.ui-searchbar-table .ui-searchbar-small-td {
  background: #f0f0f0;
  width: 16px !important;
  height: 16px !important;
  text-align: center;
  vertical-align: middle;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.ui-searchbar-table .ui-searchbar-small-td .ui-searchbar-pointer {
  padding: 0px;
  margin: 0px;
  height: 10px !important;
  width: 10px !important;
  margin-left: 3px;
}
.ui-searchbar-table .ui-searchbar-element-table {
  background: white !important;
  border: solid 1px #cccccc !important;
}
.ui-searchbar-table .ui-searchbar-element-table .ui-searchbar-td-bubble {
  background: white !important;
}
.ui-searchbar-table .ui-searchbar-element-table .ui-searchbar-td-cross {
  background: white !important;
}
.ui-searchbar-table .ui-searchbar-element-table .ui-searchbar-td-cross .ui-icon {
  height: 10px;
}
.tm-searchresults {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  position: absolute;
  bottom: 1px;
  top: 70px;
  width: 800px;
  left: 0;
  right: 0;
  margin-left: auto !important;
  margin-right: auto !important;
}
.tm-searchresults .ui-panel {
  border: solid 1px #f0f0f0 !important;
  border-radius: 10px !important;
}
.tm-searchresults .ui-panel .ui-panel-content {
  white-space: normal;
}
.tm-searchpanel {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: #f0f0f0 !important;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
}
.tm-searchpanel > .ui-panel-content {
  text-align: center;
  padding-bottom: 0px !important;
  background: #f0f0f0 !important;
}
.tm-searchpanel > .ui-panel-content > .ui-panel {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  padding-top: 0px !important;
  text-align: center;
  background: #f0f0f0 !important;
}
.tm-searchpanel > .ui-panel-content > .ui-panel > .ui-panel-content {
  text-align: center;
  background: #f0f0f0 !important;
  margin-top: 0px !important;
  margin-left: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.tm-searchpanel > .ui-panel-content > .ui-panel > .ui-panel-content .ui-selectonemenu {
  border: 0px;
  border-bottom: solid #4f4c4c 1px;
  background: #f0f0f0 !important;
  height: 22px !important;
  min-width: initial !important;
  vertical-align: bottom;
  padding-right: 0px;
}
.tm-searchpanel > .ui-panel-content > .ui-panel > .ui-panel-content .ui-selectonemenu.ui-state-hover {
  background: #4f4c4c !important;
  color: white !important;
}
.tm-searchpanel > .ui-panel-content > .ui-panel > .ui-panel-content .ui-selectonemenu.ui-state-hover label {
  background: #4f4c4c !important;
  color: white !important;
}
.tm-searchpanel > .ui-panel-content > .ui-panel > .ui-panel-content .ui-selectonemenu label {
  border: 0px !important;
  text-overflow: ellipsis;
  background: #f0f0f0 !important;
  height: 11px !important;
  font-weight: normal;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.tm-searchpanel > .ui-panel-content > .ui-panel > .ui-panel-content .ui-selectonemenu .ui-selectonemenu-trigger {
  visibility: hidden;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  width: 0px;
  padding: 0px;
  margin: 0px;
}
.tm-searchpanel > .ui-panel-content > .ui-panel > .ui-panel-content .ui-selectcheckboxmenu {
  border: 0px;
  border-bottom: solid #4f4c4c 1px;
  margin-left: 10px;
  height: 22px;
  min-width: initial !important;
  vertical-align: bottom;
}
.tm-searchpanel > .ui-panel-content > .ui-panel > .ui-panel-content .ui-selectcheckboxmenu label {
  font-weight: normal;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.tm-searchpanel > .ui-panel-content > .ui-panel > .ui-panel-content .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  visibility: hidden;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  width: 0px;
  padding: 0px;
  margin: 0px;
}
.tm-searchoverlay {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
}
.tm-searchoverlay > .ui-overlaypanel-content {
  padding: 0px;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar {
  padding: 0px !important;
  border: 0px;
  border-style: none;
  width: 500px;
  height: 22px !important;
  padding: 2px !important;
  margin: 0px !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content {
  padding: 0px !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectonemenu {
  border: 0px;
  background: white;
  color: #4f4c4c;
  height: 22px !important;
  min-width: initial !important;
  vertical-align: bottom;
  padding-right: 0px;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectonemenu.ui-state-default.ui-state-focus {
  background: white !important;
  color: #4f4c4c;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectonemenu.ui-state-default.ui-state-focus label {
  background: white !important;
  color: #4f4c4c;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectonemenu.ui-state-default.ui-state-hover {
  background: #4f4c4c !important;
  color: white !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectonemenu.ui-state-default.ui-state-hover label {
  background: #4f4c4c !important;
  color: white !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectonemenu.ui-state-default {
  background: white !important;
  color: #4f4c4c;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectonemenu.ui-state-default label {
  background: white !important;
  color: #4f4c4c;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectonemenu label {
  border: 0px !important;
  text-overflow: ellipsis;
  height: 11px !important;
  font-weight: normal;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectonemenu .ui-selectonemenu-trigger {
  visibility: hidden;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  width: 0px;
  padding: 0px;
  margin: 0px;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectcheckboxmenu {
  border: 0px;
  margin-left: 10px;
  background: white;
  height: 22px;
  min-width: initial !important;
  vertical-align: bottom;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectcheckboxmenu label {
  font-weight: normal;
  background: white;
  color: #4f4c4c;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  visibility: hidden;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  width: 0px;
  padding: 0px;
  margin: 0px;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button {
  float: right;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button > .ui-button-text {
  font-weight: normal;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button.ui-state-default {
  background-color: #f0f0f0 !important;
  border: 0px !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button.ui-state-default > .ui-button-text {
  color: #4f4c4c !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button.ui-state-default > .ui-button-icon-left {
  color: #4f4c4c !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button.ui-state-hover {
  background-color: #4f4c4c !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button.ui-state-hover > .ui-button-text {
  color: white !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button.ui-state-hover > .ui-button-icon-left {
  color: white !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button .ui-button-icon-left {
  background-color: transparent !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button .ui-button-icon-left .ui-icon.fa {
  background-color: transparent !important;
  margin-top: -6px !important;
  font-size: 13px;
  left: 4px !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-toolbar .ui-panel-content .ui-button .ui-button-text {
  padding-left: 32px;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-results {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  width: 500px;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-results .ui-datatable .ui-datatable-scrollable-body {
  width: 485px;
  height: 75vh;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-results .ui-datatable .ui-datatable-scrollable-body .ui-panel {
  border: solid 1px #f0f0f0 !important;
  border-radius: 10px !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-results .ui-datatable .ui-datatable-scrollable-body .ui-panel .ui-panel-content {
  white-space: normal;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-results .ui-datatable .ui-datatable-scrollable-body .ui-panel a {
  background-color: transparent !important;
  font-size: 11px !important;
  padding: 0px !important;
  float: none !important;
}
.tm-searchoverlay > .ui-overlaypanel-content .tm-searchoverlay-results .ui-datatable .ui-paginator {
  white-space: normal;
}
.ui-savequery-content {
  background: white !important;
}
.ui-selected-elements-content {
  background: white !important;
}
.ui-selected-elements-content .ui-selected-elements-content-content {
  border: 0px !important;
}
.ui-plus-content {
  background: white !important;
}
.ui-plus-content .ui-plus-inner-content {
  background: white !important;
  height: 300px;
}
.ui-plus-content .ui-plus-inner-content .ui-searchbar-td-bubble-pointer {
  background: white !important;
}
.tm-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
}
/******************************************************
 * Select check box menu with search header
 ******************************************************/
.ui-selectcheckboxmenu-panel {
  padding: 0px !important;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5) !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
  background: white !important;
  border-bottom: 1px solid #cccccc !important;
  margin-bottom: 0px !important;
}
/******************************************************
 * State colors for all elements
 ******************************************************/
.ui-state-default .ui-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_484848_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm");
}
.ui-state-highlight {
  background-color: #91205A !important;
  color: white !important;
}
.ui-state-highlight .ui-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_ffffff_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm");
}
.ui-treetable-toggler.ui-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_484848_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm");
}
.ui-state-active {
  background-color: #91205A !important;
  color: white !important;
}
.ui-state-active .ui-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_484848_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm");
}
.ui-state-focus {
  background-color: #4f4c4c !important;
  color: white !important;
}
.ui-state-focus .ui-sortable-column-icon.ui-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_484848_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm");
}
.ui-state-focus .ui-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_ffffff_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm");
}
.ui-state-hover {
  background-color: #4f4c4c !important;
  color: white !important;
}
.ui-state-hover .ui-sortable-column-icon.ui-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_484848_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm");
}
.ui-state-hover .ui-icon {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_ffffff_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm");
}
.ui-sortable-column-icon.ui-icon:hover {
  outline: solid 1px #cccccc;
}
/******************************************************
 * Disable components with style class
 ******************************************************/
.tm-disable {
  pointer-events: none;
  opacity: 0.5;
}
.tm-role-checks {
  margin-right: 4px;
}
.tm-role-checks label {
  display: inline-block !important;
  width: 150px;
}
/*.tm-state-recently-modified {
      color: @widget-highlight-text !important;
      background-color: @widget-highlight-background !important;
}*/
.ace-clouds .ace_print-margin {
  background: white !important;
}
.tm-scrollmessage {
  width: 500px;
  white-space: pre-line;
  max-height: 100px;
  overflow: auto;
}
.tm-scrollmessage > .ui-message-error-detail {
  display: flow-root;
}
.tm-disabled {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background: transparent;
}
.tm-autowidth.ui-selectmanymenu {
  min-width: 150px !important;
  width: auto;
}
.ui-selectcheckboxmenu-filter-container > .ui-inputfield::-ms-clear {
  display: none;
}
.ui-widget:not(.fa) {
  font-family: Arial, sans-serif;
  font-size: 12px;
}
.ui-widget:not(.fa) g .ui-button-text {
  font-family: Arial, sans-serif;
  font-size: 12px;
}
.tm-dialog-center > .ui-widget-content {
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.tm-noborder .ui-datagrid-column {
  border: 0px !important;
}
.tm-treeTable-column {
  width: 100px;
}
.tm-panel-import-coc-left {
  position: absolute;
  top: 60px;
  bottom: 20px;
  left: 0;
  right: 0;
}
.tm-panel-masked-coc-left {
  position: absolute;
  top: 0;
  bottom: 20px;
  left: 0;
  right: 0;
}
.tm-panel-masked-coc-left .ui-datatable-scrollable-header {
  height: 0;
}
.tm-panel-masked-coc-left .ui-datatable table {
  width: auto;
}
.tm-calendar-column-filter {
  width: 80%;
  display: inline;
  min-width: 6em;
}
.tm-long-label-checkbox tbody tr td label {
  display: inline;
}
.tm-inputpanel-long-label {
  width: 250px;
  vertical-align: text-top;
  padding: 4px 10px;
  padding-top: 8px !important;
}
.ui-treetable-scrollable .ui-treetable-scrollable-header {
  background: transparent;
}
.tm-align-top {
  vertical-align: top;
}
.tm-breadcrumb {
  background-color: transparent;
}
.tm-breadcrumb .ui-menuitem-text {
  color: #91205A;
}
.tm-breadcrumb .ui-state-disabled .ui-menuitem-text {
  color: #4f4c4c;
}
.tm-deleted-text {
  color: #7B7D7D;
  font-style: italic;
}
.tm-innerscroll {
  overflow: hidden !important;
}
.tm-innerscroll > .ui-dialog-content {
  overflow: hidden !important;
}
.ace_editor {
  width: 500px;
}
.ace_editor .ace_scroller {
  width: 100%;
}
.ui-selectbooleancheckbox .ui-chkbox-label {
  margin-top: 1px !important;
  margin-left: 6px !important;
}
.tm-filterpanel-attribute {
  width: 100%;
  min-width: 170px;
}
.tm-filterpanel-attribute .ui-inputnumber .ui-inputfield {
  width: 100%;
}
.tm-filterpanel-attribute .ui-calendar .ui-inputfield {
  width: 100%;
}
.ui-layout-container > .ui-layout-pane-west .tm-filterpanel-filter-between tbody tr {
  border-bottom: 0 !important;
  vertical-align: top;
}
.tm-filterpanel-filter-between .ui-panelgrid .ui-panelgrid-cell {
  padding: 0;
}
.tm-filterpanel-options-checkboxes .ui-widget-content .ui-panelgrid-cell {
  padding-left: 0;
}
.tm-inner-table {
  margin-left: -2.75px;
}
.tm-input-attr-no-padding-and-spacing {
  border-spacing: 0px !important;
}
.tm-input-attr-no-padding-and-spacing td {
  padding-left: 0px !important;
}
.tm-inner-tabs-with-border > .ui-tabs-panels {
  border: solid 1px #cccccc !important;
}
.tm-no-padding-layout-unit-content {
  padding: 0 !important;
  border: 0 !important;
}
.tm-no-padding-layout-unit-content > .ui-layout-unit-content {
  padding: 0 !important;
  overflow: hidden !important;
}
.tm-headerRow {
  background-color: #f0f0f0 !important;
  background-image: none !important;
  border-left: solid 1px #cccccc !important;
  border-top: solid 1px #cccccc !important;
  border-right: 0 !important;
  border-bottom: solid 1px #cccccc !important;
  color: #4f4c4c !important;
}
.tm-non-persistent-entity {
  background-color: #ffe85c !important;
  background-image: none !important;
  color: #4f4c4c !important;
}
.tm-rule-range-panelgrid-column {
  width: 150px;
  vertical-align: top;
}
.tm-rule-range-panel .ui-panelgrid-cell {
  padding: 4px 0px!important;
}
/******************************************************
 * The content panel in the base layout
 ******************************************************/
.tm-main-content {
  margin: 0px !important;
  padding: 0px !important;
  border-left: 0px !important;
  border-top: solid 1px #cccccc !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
  border-style: none;
  position: absolute;
  left: 0px;
  top: 28px;
  right: 0px;
  bottom: 20px;
  background: white;
}
.tm-main-content > .ui-panel-content {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: white !important;
}
.tm-left-menubar {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 20px;
  width: 39px;
  background: #91205A !important;
  margin: 0px !important;
  padding: 0px !important;
  border-left: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-right: solid 1px #cccccc !important;
}
.tm-left-menubar > .ui-panel-content {
  padding: 0px !important;
  background: #91205A !important;
}
.tm-left-menubar > .ui-panel-content .tm-logo-menu {
  padding: 0px !important;
  margin: 0px !important;
  width: 39px;
  height: 39px;
  background: white !important;
}
.tm-left-menubar > .ui-panel-content .tm-logo-menu > .ft-logo {
  color: #91205A;
  display: inline-block;
  font: normal normal normal 26px/1 TypeMaster;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0px;
  top: 6px;
  left: 2px;
  width: 40px;
  height: 40px;
}
.tm-left-menubar > .ui-panel-content .tm-logo-menu.ui-state-hover {
  background: white !important;
}
.tm-left-menubar > .ui-panel-content .tm-logo-menu.ui-state-hover > .ui-button-icon-left {
  color: #91205A !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel {
  position: fixed;
  bottom: 22px;
  width: 40px;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button {
  width: 26px;
  color: transparent;
  height: 23px;
  margin: 0px;
  padding: 0px;
  width: 40px;
  height: 25px;
  background-position: 12px 7px !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button {
  width: 26px;
  overflow: hidden;
  background-color: transparent !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button > .ui-button-text {
  visibility: hidden;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button > .ui-icon {
  background-image: none !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button.ui-state-default {
  border: 0px;
  background-color: transparent !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button.ui-state-default > .ui-button-icon-left {
  background-color: transparent !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button.ui-state-hover {
  background-color: transparent !important;
  border-left: 5px solid white !important;
  border-right: 5px solid white !important;
  border-top: 6px solid white !important;
  border-bottom: 8px solid white !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button.ui-state-focus {
  background-color: transparent !important;
  border-left: 5px solid white !important;
  border-right: 5px solid white !important;
  border-top: 6px solid white !important;
  border-bottom: 8px solid white !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button {
  width: 40px;
  height: 25px;
  overflow: hidden;
  background-color: transparent !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button.ui-state-default {
  border: 0px;
  background-color: transparent !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button.ui-state-default > .ui-button-icon-left {
  background-color: transparent !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button.ui-state-hover {
  background-color: transparent !important;
  border-left: 11px solid white !important;
  border-right: 11px solid white !important;
  border-top: 6px solid white !important;
  border-bottom: 7px solid white !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-main-menu-lang-button > .ui-button.ui-state-focus {
  background-color: transparent !important;
  border-left: 11px solid white !important;
  border-right: 11px solid white !important;
  border-top: 6px solid white !important;
  border-bottom: 7px solid white !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .tm-indicator {
  position: relative;
  background: red !important;
  width: 10px !important;
  height: 10px !important;
  margin-top: -23px !important;
  margin-right: 6px !important;
  border-radius: 7px !important;
  color: #91205A !important;
  font-size: 10px;
  text-align: center;
  float: right;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .ui-button {
  padding: 0px !important;
  margin: 0px !important;
  width: 40px;
  height: 25px;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .ui-button .ui-button-icon-left {
  font-size: 16px !important;
  padding-top: 0px;
  padding-left: 8px;
  color: white;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .ui-button .ui-button-text {
  color: white;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .ui-button.ui-state-hover {
  background: white !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .ui-button.ui-state-hover > .ui-button-icon-left {
  color: #91205A !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .ui-commandlink {
  background-color: #91205A !important;
  color: white !important;
  font-size: 16px !important;
  padding-top: 6px;
  padding-left: 0px;
  margin: 0px;
  display: inline-block;
  text-align: center;
  width: 39px;
  height: 19px;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .ui-commandlink:hover {
  background-color: white !important;
  color: #91205A !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .ui-commandlink.ui-state-hover {
  background: white !important;
}
.tm-left-menubar > .ui-panel-content .tm-system-button-panel .ui-commandlink.ui-state-hover > .ui-button-icon-left {
  color: #91205A !important;
}
.tm-left-menubar > .ui-panel-content > .ui-menu {
  padding: 0px !important;
  margin: 0px !important;
  background: #91205A !important;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list {
  padding-top: 16px !important;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem {
  padding: 0px !important;
  margin: 0px !important;
  width: 40px;
  height: 36px;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem.ui-menu-active {
  background: transparent !important;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
  padding: 0px !important;
  margin: 0px !important;
  width: 40px;
  height: 36px;
  border: 0px;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-hover {
  background: white !important;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link.ui-state-hover > .ui-menuitem-icon {
  color: #91205A !important;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-icon {
  font-size: 20px !important;
  padding-top: 7px;
  padding-left: 11px;
  padding-right: 11px;
  color: white;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menu-child {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  left: 40px !important;
  top: 0px !important;
  box-shadow: 0px 0px 0px 0px !important;
  background: #91205A !important;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menu-child > .ui-menuitem {
  margin: 0px !important;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menu-child > .ui-menuitem > .ui-menuitem-link {
  width: 182px;
  border: 0px;
  margin: 0px;
  padding: 5px;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menu-child > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-icon {
  color: white;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menu-child > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-text {
  color: white;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menu-child > .ui-menuitem > .ui-menuitem-link.ui-state-hover {
  background: white !important;
}
.tm-left-menubar > .ui-panel-content > .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menu-child > .ui-menuitem > .ui-menuitem-link.ui-state-hover > span {
  color: #91205A !important;
}
.tm-full-content {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  position: absolute;
  left: 0px;
  top: 27px;
  right: 0px;
  bottom: 0px;
  background: white;
  overflow: auto;
}
/******************************************************
 * Full size table
 ******************************************************/
.tm-table-full {
  position: absolute;
  left: 0px;
  top: 26px;
  right: 0px;
  bottom: 0px;
}
/******************************************************
 * Notification bar
 ******************************************************/
.tm-notification-bar {
  border: solid 1px #cccccc !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
  padding: 0px !important;
  z-index: 2000 !important;
}
.tm-notification-bar > a {
  display: none !important;
}
.tm-notification-bar .ui-panel {
  width: 400px;
  margin: 10px;
}
.tm-logo {
  width: 30px;
  height: 30px;
  font-size: 30px !important;
  background: #91205A;
  color: white;
  padding: 3px;
  border-radius: 9px;
}
/******************************************************
 * The preview layout
 ******************************************************/
.ui-layout-container.tm-preview-layout {
  position: absolute;
  left: 0px;
  top: 27px;
  right: 0px;
  bottom: 0px;
  border: 0px;
  background: white;
  margin: 0px;
  padding: 0px;
}
.ui-layout-container.tm-preview-layout > .ui-layout-pane-west {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background-color: transparent;
}
.ui-layout-container.tm-preview-layout > .ui-layout-pane-center {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background-color: transparent;
}
.ui-layout-container.tm-preview-layout .ui-layout-resizer-west {
  background: url("/tm/javax.faces.resource/images/toggle-lt.gif.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") no-repeat 0px center white !important;
  border-left: 1px solid #cccccc;
  border-top: 0px;
  border-right: 1px solid #cccccc;
  border-bottom: 0px;
}
.ui-layout-container.tm-preview-layout .tm-preview {
  width: 100%;
  height: 98% !important;
}
.ui-layout-container.tm-preview-layout > .ui-layout-pane-west table thead th {
  border-top: solid 1px #cccccc !important;
  border-right: solid 1px #cccccc !important;
}
.tm-attachments-right {
  position: relative;
  bottom: 0px;
  padding: 0px !important;
  height: inherit;
}
.tm-attachments-right .ui-panel-content {
  padding: 0px !important;
  height: inherit;
}
.tm-attachments-right .ui-panel-content .ui-widget-content {
  padding: 0px !important;
  height: inherit;
}
/******************************************************
 * The message panel
 ******************************************************/
.tm-messages {
  border: 0px;
  bottom: 0px;
}
.tm-messages .ui-overlaypanel-content {
  padding-left: 0px;
  padding-right: 0px;
}
.tm-messages tbody > tr > td {
  border-style: hidden;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.ui-treenode-icon {
  overflow: visible !important;
}
.commandLinkHover:hover {
  background-color: #4f4c4c !important;
  color: white !important;
}
/******************************************************
 * The footer panel in the base layout
 ******************************************************/
.tm-main-footer {
  position: absolute;
  z-Index: 900;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 20px;
  background: #f0f0f0 !important;
  border-left: 0px;
  border-top: solid 1px #cccccc;
  border-right: 0px;
  border-bottom: 0px;
  margin: 0px;
  padding: 0px;
}
.tm-main-footer > .ui-panel-content {
  padding: 0px !important;
}
.tm-footer-panel {
  position: absolute !important;
  top: 0px;
  background: inherit !important;
  width: 200px;
  height: 20px;
  padding: 0px !important;
  margin: 0px !important;
  overflow: visible;
  border-left: solid 1px #cccccc;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
}
.tm-footer-panel .tm-footer-panel-refresh {
  float: right;
}
.tm-footer-panel .tm-footer-panel-refresh .fa {
  margin-top: -6px !important;
  color: #B80065;
}
.tm-footer-panel i {
  color: #4f4c4c;
}
.tm-footer-panel > .ui-panel-content {
  padding: 0px !important;
  margin: 0px !important;
  height: 20px;
}
.tm-footer-panel > .ui-panel-content > i {
  padding: 0px !important;
  margin: 0px !important;
  margin-left: 3px !important;
  margin-top: 2px !important;
  margin-right: 3px !important;
  margin-bottom: 0px !important;
  vertical-align: middle;
}
.tm-footer-panel > .ui-panel-content .tm-footer-panel-text {
  padding: 0px !important;
  margin: 0px !important;
  vertical-align: middle;
  text-decoration: none;
}
.tm-panel-company {
  padding-left: 3px !important;
  padding-top: 2px !important;
  height: 18px !important;
  right: 0px;
  text-align: center;
}
.tm-panel-tenant {
  right: 200px;
}
.tm-panel-user {
  right: 400px;
}
.tm-panel-queue {
  right: 600px;
  width: 260px;
}
.tm-panel-queue .ui-button.ui-state-default > .ui-button-text {
  padding-bottom: 0px;
}
.tm-state-message {
  position: absolute;
  background: #f0f0f0;
  z-Index: 10;
}
.tm-state-message > .ui-messages-info {
  border: 0px !important;
  width: 260px;
  background: #f0f0f0 !important;
  color: #4f4c4c;
  padding: 0px;
  margin: 0px;
}
.tm-state-message > .ui-messages-info > .ui-messages-info-icon {
  background: transparent !important;
  width: 0px;
  height: 0px;
}
.tm-state-message > .ui-messages-info > .ui-messages-error-icon {
  background: transparent !important;
  width: 0px;
  height: 0px;
}
.tm-state-message > .ui-messages-info .ui-messages-info-summary {
  font-weight: normal !important;
  margin: 0px;
  height: 20px;
  vertical-align: middle;
  margin-left: 5px;
}
.tm-state-message > .ui-messages-info li {
  height: 20px;
}
.tm-state-message > .ui-messages-info ul {
  margin: 0px;
  height: 20px;
}
.tm-state-message > .ui-messages-error {
  border: 0px !important;
  width: 260px;
  background: #f0f0f0 !important;
  color: #4f4c4c;
  padding: 0px;
  margin: 0px;
}
.tm-state-message > .ui-messages-error > .ui-messages-error-icon {
  background: transparent !important;
  width: 0px;
  height: 0px;
}
.tm-state-message > .ui-messages-error .ui-messages-error-summary {
  font-weight: normal !important;
  margin: 0px;
  height: 20px;
  vertical-align: middle;
  margin-left: 5px;
}
.tm-state-message > .ui-messages-error li {
  height: 20px;
}
.tm-state-message > .ui-messages-error ul {
  margin: 0px;
  height: 20px;
}
.tm-panel-license {
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  box-shadow: 0px 0px 0px 0px !important;
  width: 400px !important;
  height: 20px !important;
  border: 0px;
  background: transparent;
}
.tm-panel-lock {
  font-weight: bold;
  width: 400px !important;
  background: yellow !important;
  border: solid 1px red !important;
  position: absolute !important;
  top: -1px !important;
  left: 0px !important;
  height: 19px !important;
}
.tm-panel-progress {
  position: absolute !important;
  left: inherit !important;
  top: 0px !important;
  right: 860px !important;
  box-shadow: 0px 0px 0px 0px !important;
  width: 200px !important;
  height: 20px !important;
  border-left: solid 1px #cccccc;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  background: transparent;
}
.tm-panel-progress > .ui-dialog-content {
  position: absolute !important;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden !important;
}
.tm-panel-progress > .ui-dialog-content > .ui-growl-image {
  margin: 0px !important;
  padding: 0px !important;
  height: 20px !important;
  width: 200px !important;
  background: url("/tm/javax.faces.resource/images/progress_infinit.gif.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") no-repeat left 18px transparent !important;
}
.tm-panel-progress > .ui-dialog-content > .tm-progressbar-message {
  position: absolute;
  left: 2px;
  top: 0px;
  bottom: 0px;
  width: 150px;
  text-overflow: ellipsis;
  z-index: 1;
}
.tm-panel-progress > .ui-dialog-content .tm-progressbar {
  background: #f0f0f0;
  border: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 1px;
  bottom: 0px;
  height: 20px;
}
.tm-panel-progress > .ui-dialog-content .tm-progressbar > .ui-progressbar-label {
  position: absolute;
  right: 3px;
  text-align: right;
  width: 50px;
  font-weight: normal;
}
.tm-panel-progress > .ui-dialog-content .tm-progressbar > .ui-progressbar-value {
  background: #4f4c4c;
  position: absolute;
  left: 0px;
  bottom: 0px;
  text-align: right;
  height: 6px;
}
.tm-alert-text {
  color: red !important;
}
.tm-progress-worker .ui-progressbar-value {
  margin: 0px !important;
}
.tm-progress-worker .ui-progressbar-label {
  color: white;
}
/******************************************************
 * The main menu bar on top of the application
 ******************************************************/
.tm-main-menu {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  right: 0px !important;
  background: #91205A !important;
  height: 28px !important;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .ui-widget-content {
  border: 0px;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .ui-state-hover {
  background-color: white !important;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
  height: 16px !important;
  padding-left: 2px !important;
  padding-top: 2px !important;
  padding-right: 2px !important;
  padding-bottom: 3px !important;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span {
  background-color: #91205A !important;
  color: white !important;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-icon {
  padding-left: 6px;
  overflow: visible;
  font-size: 16px;
  padding-top: 0px;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-icon.ft-logo {
  display: inline-block;
  font: normal normal normal 20px/1 TypeMaster;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 0px !important;
  padding-right: 7px;
  padding-top: 0px !important;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-icon.ft-logo-big {
  display: inline-block;
  font: normal normal normal 28px/1 TypeMaster;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 0px !important;
  padding-right: 14px;
  margin-top: -5px;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem.ui-menuitem-active > .ui-menuitem-link > span {
  background: white !important;
  color: #91205A !important;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .tm-logo-menu {
  overflow: visible;
  background: white !important;
  border: 0px;
  margin-top: -2px;
  margin-left: -4px;
  height: 23px !important;
  padding-top: 5px !important;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .tm-logo-menu > .ui-menuitem-text {
  font-size: 14px;
  font-weight: bold;
  margin-left: 3px;
  margin-top: 1px;
  margin-right: 2px;
  float: inherit !important;
  background: white !important;
  color: #91205A !important;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .tm-logo-menu > .ui-menuitem-icon {
  background: #91205A !important;
  color: white !important;
  border-radius: 4px;
  top: -4px;
  left: -1px;
  height: 24px;
  width: 24px;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .tm-logo-menu > .ui-menuitem-icon.ft-logo {
  display: inline-block;
  font: normal normal normal 22px / 1 TypeMaster;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 1px !important;
  padding-top: 2px !important;
  padding-bottom: 0px !important;
  padding-right: 1px !important;
  text-align: center;
}
.tm-main-menu > .ui-menu-list > .ui-menuitem > .tm-logo-menu > .ui-menuitem-text::first-letter {
  font-size: 130%;
  font-weight: bold;
}
.tm-main-menu .ui-button {
  margin-right: 0px;
  float: left;
  height: 24px !important;
}
.tm-main-menu .ui-button > .ui-button-icon-left {
  margin-top: -7px !important;
}
.tm-main-menu .ui-button.ui-state-default {
  border: 0px;
  background-color: #91205A !important;
  color: white !important;
}
.tm-main-menu .ui-button.ui-state-default > .ui-button-text {
  color: white !important;
}
.tm-main-menu .ui-button.ui-state-default > .ui-button-icon-left {
  background-color: #91205A !important;
  color: white !important;
}
.tm-main-menu .ui-button.ui-state-hover > .ui-button-text {
  color: #91205A !important;
}
.tm-main-menu .ui-button.ui-state-hover > .ui-button-icon-left {
  background-color: white !important;
  color: #91205A !important;
}
.tm-main-menu .ui-button.ui-state-focus {
  background-color: white !important;
}
.tm-main-menu .ui-button.ui-state-focus > .ui-button-text {
  color: #91205A !important;
}
.tm-main-menu .ui-button.ui-state-focus > .ui-button-icon-left {
  background-color: white !important;
  color: #91205A !important;
}
.tm-main-menu .ui-commandlink {
  background-color: #91205A !important;
  color: white !important;
  font-size: 16px;
  padding-left: 5px;
  padding-top: 4px;
  padding-right: 5px;
  padding-bottom: 0px;
  margin: 0px;
  display: inline-block;
  text-align: center;
  float: left;
  height: 20px !important;
}
.tm-main-menu .ui-commandlink:hover {
  background-color: white !important;
  color: #91205A !important;
}
.tm-main-menu .tm-indicator {
  position: relative;
  background: red !important;
  width: 10px !important;
  height: 10px !important;
  margin-left: -13px !important;
  margin-top: 1px !important;
  border-radius: 7px !important;
  color: #91205A !important;
  font-size: 10px;
  text-align: center;
  float: left;
}
.tm-main-menu-lang-button {
  width: 26px;
  color: transparent;
  height: 23px;
  margin: 0px;
  padding: 0px;
}
.tm-main-menu-lang-button > .ui-button {
  width: 26px;
  overflow: hidden;
  background-color: transparent !important;
}
.tm-main-menu-lang-button > .ui-button > .ui-button-text {
  visibility: hidden;
}
.tm-main-menu-lang-button > .ui-button > .ui-icon {
  background-image: none !important;
}
.tm-main-menu-lang-button > .ui-button.ui-state-default {
  border: 0px;
  background-color: transparent !important;
}
.tm-main-menu-lang-button > .ui-button.ui-state-default > .ui-button-icon-left {
  background-color: transparent !important;
}
.tm-main-menu-lang-button > .ui-button.ui-state-hover {
  background-color: transparent !important;
  border-left: 5px solid white !important;
  border-right: 5px solid white !important;
  border-top: 6px solid white !important;
  border-bottom: 8px solid white !important;
}
.tm-main-menu-lang-button > .ui-button.ui-state-focus {
  background-color: transparent !important;
  border-left: 5px solid white !important;
  border-right: 5px solid white !important;
  border-top: 6px solid white !important;
  border-bottom: 8px solid white !important;
}
.ui-menuitem-link .lang_icon {
  width: 18px;
  background-position: 0px 3px;
  margin-right: 3px;
}
/******************************************************
 * The main toolbar in the base layout
 ******************************************************/
.tm-main-toolbar {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  background: #f0f0f0 !important;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: solid 1px #cccccc;
  color: #4f4c4c;
  height: 22px !important;
  padding: 2px !important;
  margin: 0px !important;
}
.tm-main-toolbar .ui-toolbar-group-right {
  margin-top: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  background: #cccccc;
  height: 26px;
}
.tm-main-toolbar .ui-toolbar-group-left {
  position: absolute;
  left: 0px;
  z-index: 2;
  white-space: nowrap;
  background: #f0f0f0;
}
.tm-main-toolbar .ui-menu {
  background: #f0f0f0 !important;
  padding: 0px !important;
  margin: 0px !important;
}
.tm-main-toolbar .ui-menu > .ui-menu-list > .ui-menuitem {
  margin: 0px !important;
}
.tm-main-toolbar .ui-menu > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
  padding-top: 2px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.tm-toolbar-selectonemenu {
  float: inherit;
  height: 20px;
  padding-left: 0px !important;
  padding-top: 0px !important;
  padding-right: 2em !important;
  padding-bottom: 0px !important;
  margin-left: 0px !important;
  margin-top: 0px !important;
  margin-right: 2px !important;
  margin-bottom: 0px !important;
  overflow: visible;
  -webkit-writing-mode: horizontal-tb;
}
.tm-toolbar-selectonemenu .ui-selectonemenu-label {
  padding: 2px;
}
.tm-toolbar-selectonemenu .ui-selectonemenu-trigger {
  border: 0px;
  border-radius: 0px;
}
.tm-toolbar-selectonemenu-panel {
  border: 0px;
}
.tm-header-searchfield {
  float: left;
  height: 18px;
  margin-top: 3px !important;
  margin-right: 10px;
  border-radius: 9px !important;
  width: 80px;
  padding: 0px !important;
}
.tm-header-searchfield > .ui-panel-content {
  padding-left: 3px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  white-space: normal;
}
.tm-header-searchfield > .ui-panel-content > .ui-inputfield {
  background: white !important;
  border: 0px !important;
  height: 18px;
  width: 40px;
  margin-top: 0px;
  margin-left: 6px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-overflow: ellipsis;
  display: inline-block;
}
.tm-header-searchfield > .ui-panel-content > .ui-button {
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  float: right !important;
  background: white !important;
  color: #91205A !important;
  margin-right: 9px;
}
.tm-header-searchfield > .ui-panel-content > .ui-button > .ui-icon {
  background: white !important;
  color: #91205A !important;
  margin-top: -10px !important;
}
/******************************************************
 * The content panel in the details layout
 ******************************************************/
.tm-title-text {
  position: absolute;
  right: 4px;
  top: -2px;
  z-index: 1000;
  background: transparent;
  border: 0px;
}
.tm-title-text > .ui-panel-content {
  color: #4f4c4c;
  font-size: 14px !important;
  padding: 6px !important;
}
.tm-title-text > .ui-panel-content .fa.ft {
  color: #4f4c4c;
  font-size: 14px !important;
}
.ui-layout-container {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: white !important;
}
.ui-layout-container > .ui-layout-pane-center .tm-scroll-container {
  overflow: auto !important;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: inherit;
  border: 0px;
}
.ui-layout-container > .ui-layout-pane-center .tm-scroll-container > .ui-panel-content {
  overflow: visible !important;
  padding: 0px;
}
.ui-layout-container > .ui-layout-pane-west {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: white;
}
.ui-layout-container > .ui-layout-pane-west .tm-no-horizontal-scrollbar-table div.ui-datatable-scrollable-body {
  overflow-x: hidden !important;
}
.ui-layout-container > .ui-layout-pane-west div {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  overflow: hidden !important;
}
.ui-layout-container > .ui-layout-pane-west div.ui-datatable-scrollable-body {
  overflow: auto !important;
}
.ui-layout-container > .ui-layout-pane-west .tm-scroll-container {
  overflow: auto !important;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 21px;
  width: inherit;
}
.ui-layout-container > .ui-layout-pane-west .tm-scroll-container > .ui-panel-content {
  overflow: visible !important;
}
.ui-layout-container > .ui-layout-pane-west .ui-tree {
  overflow: visible !important;
}
.ui-layout-container > .ui-layout-pane-west .ui-tree > .ui-tree-container {
  overflow: visible !important;
}
.ui-layout-container > .ui-layout-pane-west table {
  border: 0px !important;
}
.ui-layout-container > .ui-layout-pane-west table thead {
  border: 0px !important;
}
.ui-layout-container > .ui-layout-pane-west table thead th {
  border-left: 0px !important;
  border-top: 0px !important;
  border-right: 0px !important;
  border-bottom: solid 1px #cccccc !important;
}
.ui-layout-container > .ui-layout-pane-west table tbody {
  border: 0px !important;
}
.ui-layout-container > .ui-layout-pane-west table tbody tr {
  border-left: 0px !important;
  border-top: 0px !important;
  border-right: 0px !important;
  border-bottom: solid 1px #f0f0f0 !important;
}
.ui-layout-container > .ui-layout-pane-west table tbody tr td {
  border: 0px !important;
}
.ui-layout-container > .ui-layout-pane-center {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: white;
}
.ui-layout-container > .ui-layout-pane-center > .ui-layout-unit-content {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: white;
  overflow: hidden;
}
.ui-layout-container > .ui-layout-pane-center > .ui-layout-unit-content .tm-details-content {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: white;
}
.ui-layout-container > .ui-layout-pane-center > .ui-layout-unit-content .tm-details-content > .ui-panel-content {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: white;
}
.ui-layout-container .ui-layout-resizer-west {
  background: url("/tm/javax.faces.resource/images/toggle-lt.gif.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") no-repeat 0px center white !important;
  border-left: 1px solid #cccccc;
  border-top: 0px;
  border-right: 1px solid #cccccc;
  border-bottom: 0px;
}
.ui-layout-container .ui-layout-resizer-north {
  background: url("/tm/javax.faces.resource/images/toggle-hr.gif.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") no-repeat center -2px white !important;
  border-left: 0px !important;
  border-top: 1px solid #cccccc !important;
  border-right: 0px !important;
  border-bottom: 1px solid #cccccc !important;
}
.ui-layout-container .ui-layout-resizer-south {
  background: url("/tm/javax.faces.resource/images/toggle-hr.gif.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") no-repeat center -2px white !important;
  border-left: 0px !important;
  border-top: 1px solid #cccccc !important;
  border-right: 0px !important;
  border-bottom: 1px solid #cccccc !important;
}
.tm-tab-layout {
  top: 26px;
}
.tm-tab-layout > .ui-layout-pane-west .tm-scroll-container {
  bottom: 0px;
}
/******************************************************
 * The sortable tree
 ******************************************************/
.tm-treetoolbar {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 20px !important;
  margin: 0px !important;
  padding: 0px !important;
  top: initial !important;
  background: #f0f0f0 !important;
  border-top: solid 1px #cccccc !important;
}
.tm-treetoolbar > .ui-toolbar-group-left {
  background: #f0f0f0 !important;
}
.tm-treetoolbar > .ui-toolbar-group-left > .ui-button {
  position: relative;
  float: left;
  border: 0px !important;
  margin: 0px;
  height: 19px;
  width: 19px;
}
.tm-treetoolbar > .ui-toolbar-group-left > .ui-button > span {
  font-size: 16px;
  margin-top: -9px;
}
.tm-treetoolbar > .ui-toolbar-group-left > .ui-selectonemenu {
  border: 0px !important;
  margin-left: 3px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  width: 120px;
  height: 17px;
  background: #f0f0f0 !important;
}
.tm-treetoolbar > .ui-toolbar-group-left > .ui-selectonemenu > .ui-selectonemenu-label {
  border: 0px !important;
  background: #f0f0f0 !important;
  padding-top: 2px;
}
.tm-treetoolbar > .ui-toolbar-group-left > .ui-selectonemenu > .ui-selectonemenu-trigger {
  visibility: hidden;
}
.tm-treetoolbar > .ui-toolbar-group-left > .ui-selectonemenu.ui-state-hover {
  background: #4f4c4c !important;
}
.tm-treetoolbar > .ui-toolbar-group-left > .ui-selectonemenu.ui-state-hover > .ui-selectonemenu-label {
  background: #4f4c4c !important;
  color: white !important;
}
.tm-treetoolbar > .ui-toolbar-group-left > .simpleSortButton > span {
  font-size: 14px !important;
  margin-top: -3px !important;
}
/******************************************************
 * The main tab panel
 ******************************************************/
.tm-details-tabs {
  position: absolute !important;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  margin-left: 0px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 1px !important;
  padding: 0px !important;
  border: 0px;
  background: white;
}
.tm-details-tabs > .ui-tabs-title {
  background: transparent;
  position: absolute;
  right: 0px;
  height: 28px;
  font-size: 14px;
  padding-right: 10px;
  padding-top: 4px;
}
.tm-details-tabs > .ui-tabs-title > i {
  margin-right: 4px;
}
.tm-details-tabs > .ui-tabs-navscroller {
  margin: 0px !important;
  position: absolute;
  right: 200px;
  left: 0px;
  padding-left: 0px !important;
  padding-top: 1px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  background: white;
}
.tm-details-tabs > .ui-tabs-navscroller > .ui-tabs-navscroller-btn-left {
  left: 0px;
  height: 26px;
  z-Index: 1005;
}
.tm-details-tabs > .ui-tabs-navscroller > .ui-tabs-navscroller-btn-right {
  right: 0px;
  height: 26px;
  z-Index: 1005;
}
.tm-details-tabs > .ui-tabs-navscroller > ul > li {
  max-width: inherit;
  overflow: inherit;
}
.tm-details-tabs > .ui-tabs-navscroller > ul > li > a {
  padding-left: 6px !important;
  padding-top: 3px !important;
  padding-right: 6px !important;
  padding-bottom: 2px !important;
  color: #4f4c4c !important;
}
.tm-details-tabs > .ui-tabs-navscroller > ul > li.ui-state-default {
  border-radius: 0px;
  z-Index: 999;
  margin-top: 4px;
  height: 23px;
  background: white !important;
  font-weight: normal;
  color: #4f4c4c !important;
  border-bottom: 0px !important;
}
.tm-details-tabs > .ui-tabs-navscroller > ul > li.ui-state-active {
  z-Index: 1001;
  margin-top: 1px;
  padding-top: 1px;
  height: 27px;
  font-weight: bold;
  background: #f0f0f0 !important;
  color: #4f4c4c !important;
}
.tm-details-tabs > .ui-tabs-navscroller > ul > li.ui-state-active a {
  padding-top: 5px;
  color: #4f4c4c !important;
}
.tm-details-tabs > .ui-tabs-navscroller > ul > li.ui-state-hover {
  background: #4f4c4c !important;
}
.tm-details-tabs > .ui-tabs-navscroller > ul > li.ui-state-hover a {
  color: white !important;
}
.tm-details-tabs > .ui-tabs-panels {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  position: absolute;
  background: white;
  left: 0px;
  top: 29px;
  right: 0px;
  bottom: 0px;
}
.tm-details-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-scrollpanel {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: white;
  position: absolute;
  left: 0px;
  top: 26px;
  right: 0px;
  bottom: 0px;
}
.tm-details-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-datatable,
.tm-details-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-outputpanel > .ui-datatable,
.tm-details-tabs > .ui-tabs-panels > .ui-tabs-panel > .ui-outputpanel > table > tr > td > .ui-datatable {
  border: 0px;
  position: absolute;
  left: 0px;
  top: 26px;
  right: 0px;
  bottom: 0px;
}
.tm-details-tabs .CodeMirror {
  position: absolute;
  left: 0px;
  top: 26px;
  right: 0px;
  bottom: 0px;
  height: inherit;
}
.tm-details-tabs .CodeMirror .CodeMirror-scroll {
  height: 100%;
}
.tm-main-toolbar-panelgrid {
  width: 100%;
}
.tm-main-toolbar-panelgrid tr {
  border: 0px !important;
  background-color: #f0f0f0 !important;
}
.tm-main-toolbar-panelgrid tr td {
  border: 0px !important;
  padding-top: 2px !important;
  float: left;
}
.tm-main-toolbar-panelgrid tr td.ui-menubar {
  background-color: #f0f0f0 !important;
}
.tm-main-toolbar-panelgrid tr td.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
  padding-top: 0px !important;
}
.tm-main-toolbar-panelgrid tr td.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-icon {
  width: 12px;
}
#messageError_container.ui-growl {
  z-Index: 1100;
  width: 500px !important;
  top: 85px !important;
  right: 2px !important;
}
#messageError_container.ui-growl .ui-growl-icon-close {
  background-position: -96px -128px;
}
#messageError_container.ui-growl .ui-growl-item-container {
  background: #A00000 !important;
  color: white;
  border: 0px;
}
#messageError_container.ui-growl .ui-growl-message {
  width: 430px;
  overflow: hidden;
}
#message_container.ui-growl {
  z-Index: 1100;
  width: 500px !important;
  top: 85px !important;
  right: 2px !important;
}
#message_container.ui-growl .ui-growl-icon-close {
  background-position: -96px -128px;
}
#message_container.ui-growl .ui-growl-item-container {
  background: #91205A !important;
  color: white;
  border: 0px;
}
#message_container.ui-growl .ui-growl-message {
  width: 430px;
  overflow: hidden;
}
/******************************************************
 * The main input panel in the details layout
 ******************************************************/
.tm-details-inputpanel {
  margin-top: 5px;
  width: 100%;
}
.tm-inputpanel-label {
  width: 150px;
  vertical-align: text-top;
  padding: 4px 10px;
  padding-top: 8px !important;
}
.tm-inputpanel-na {
  width: 60px;
  vertical-align: top;
}
.tm-inputpanel-input {
  padding: 4px 10px;
}
.tm-inputpanel-input > .ui-chkbox {
  margin-top: 4px;
}
.tm-inputpanel-input .ui-inputtext {
  width: 500px;
}
.tm-inputpanel-input .ui-inputtextarea {
  width: 500px;
}
.tm-inputpanel-panel {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  padding: 0px;
  width: 500px;
}
.tm-inputpanel-panel > .ui-panel-content {
  padding: 0px !important;
}
.tm-dialog-inputpanel-label {
  width: 200px;
  vertical-align: text-top;
  padding: 4px 10px;
  padding-top: 8px !important;
}
.tm-dialog-inputpanel-input {
  padding: 4px 10px;
}
.tm-dialog-inputpanel-input > .ui-chkbox {
  margin-top: 4px;
}
.tm-dialog-inputpanel-input .ui-inputfield {
  width: 300px;
}
.tm-add-panel {
  margin-top: 30px;
  border: 0px;
}
.tm-add-panel.tm-add-table-panel > .ui-panel-content {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 10px !important;
}
.tm-add-panel > .ui-panel-titlebar {
  height: 22px;
  background: #f0f0f0 !important;
  border-left: 0px !important;
  border-top: solid 1px #cccccc !important;
  border-right: 0px !important;
  border-bottom: solid 1px #cccccc !important;
}
.tm-add-panel > .ui-panel-titlebar > .ui-panel-title {
  font-weight: bold;
  color: #4f4c4c;
  margin: 3px;
}
.tm-add-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon.ui-state-default {
  background: transparent;
  margin: 2px;
  border: 0px;
  top: 0px;
  right: 0px;
}
.tm-add-panel > .ui-panel-titlebar > .ui-panel-titlebar-icon.ui-state-hover {
  background: transparent;
  margin: 2px;
  border: 0px;
  top: 0px;
  right: 0px;
}
.tm-header-panel {
  margin-top: 0px !important;
}
.tm-details-grid .ui-datagrid-column {
  padding: 0px;
}
.tm-details-grid > .ui-datagrid-content > .ui-datagrid-data {
  border-spacing: 0px;
}
/******************************************************
 * Datatable which shows document layout
 ******************************************************/
.tm-document {
  margin-top: 6px;
  width: 600px;
}
.tm-document > .ui-datatable-scrollable-header {
  visibility: hidden;
  height: 0px;
}
.tm-document > .ui-datatable-scrollable-body tr {
  border: 0px;
}
.tm-document > .ui-datatable-scrollable-body tr > td {
  border: 0px;
  border-style: none;
}
.tm-table-container {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  position: absolute;
  top: 26px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.tm-table-container .ui-panel-content {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
}
.tm-table-container-sidebar {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  position: absolute;
  top: 26px;
  left: 0px;
  right: 120px;
  bottom: 0px;
}
.tm-table-container-sidebar .ui-panel-content {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
}
.tm-sidebar {
  position: absolute;
  top: 26px;
  right: 0px;
  bottom: 0px;
  width: 120px;
  border-left: solid 1px #cccccc !important;
}
.tm-sidebar > .ui-fileupload-content {
  overflow: auto;
  background-image: url("/tm/javax.faces.resource/images/dropfiles_small.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  background-repeat: no-repeat;
  background-position: center center;
  border: dashed 2px #cccccc;
  border-radius: 20px !important;
}
.tm-fileviewer .ui-messages {
  position: absolute;
  right: 0px;
  width: 500px;
}
.tm-sidebar-base {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 120px;
  height: 180px !important;
  border-left: 0px !important;
}
.tm-sidebar-base .ui-fileupload-content {
  overflow: auto;
  height: 120px !important;
  background-image: url("/tm/javax.faces.resource/images/dropfiles_small.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  background-repeat: no-repeat;
  background-position: center center;
  border: dashed 2px #cccccc;
  border-radius: 20px !important;
}
.tm-sidebar-base .ui-fileupload-buttonbar {
  border-bottom: 0px;
}
/******************************************************
 * Debug panel (split panel with table and textarea
 ******************************************************/
.tm-debug-panel {
  top: 26px !important;
  padding: 0px !important;
  margin: 0px !important;
}
.tm-debug-panel .ui-layout-unit {
  padding: 0px !important;
  margin: 0px !important;
  border: 0px !important;
}
.tm-debug-panel .ui-layout-unit .ui-layout-unit-content {
  padding: 0px !important;
  margin: 0px !important;
}
.tm-debug-panel .ui-layout-unit .ui-layout-unit-content .ui-inputtextarea {
  width: 100% !important;
  height: 100% !important;
}
.tm-trace-panel {
  top: 26px !important;
  padding: 0px !important;
  margin: 0px !important;
}
.tm-trace-panel .ui-layout-pane-center > .ui-layout-unit-content {
  overflow-y: scroll !important;
}
.tm-trace-panel .ui-layout-unit {
  padding: 0px !important;
  margin: 0px !important;
  border: 0px !important;
}
.tm-trace-panel .ui-layout-unit .ui-layout-unit-content {
  padding: 0px !important;
  margin: 0px !important;
}
.tm-trace-panel .ui-layout-unit .ui-layout-unit-content .ui-inputtextarea {
  width: 100% !important;
  height: 100% !important;
}
/******************************************************
 * Sub details panel with list and details view
 ******************************************************/
.tm-details-selectone-label {
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
}
.ui-layout-container > .ui-layout-pane-west .tm-details-selectone {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 20px;
  overflow: scroll !important;
  width: auto !important;
  border-left: 0px !important;
  border-top: 0px !important;
  border-right: 0px !important;
}
.ui-layout-container > .ui-layout-pane-west .tm-details-selectone > .ui-selectlistbox-listcontainer {
  overflow: visible !important;
  height: auto !important;
}
.ui-layout-container > .ui-layout-pane-west .tm-details-selectone:read-only {
  border-left: 0px !important;
  border-top: 0px !important;
  border-right: 0px !important;
}
.tm-details-subtabs {
  top: 30px;
}
.tm-border-top {
  border-top: solid 1px #cccccc;
}
.tm-fill-container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.tm-tree-searchfield {
  float: left;
  height: 18px;
  margin-top: 3px !important;
  margin-right: 10px;
  border-radius: 9px !important;
  width: 120px;
  padding: 0px !important;
}
.tm-tree-searchfield > .ui-panel-content {
  padding-left: 3px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  white-space: normal;
}
.tm-tree-searchfield > .ui-panel-content > .ui-inputfield {
  background: white !important;
  border: 0px !important;
  height: 18px;
  width: 90px;
  margin-top: 0px;
  margin-left: 6px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-overflow: ellipsis;
  display: inline-block;
}
.tm-tree-searchfield > .ui-panel-content > .ui-button {
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  float: right !important;
  background: white !important;
  color: #91205A !important;
}
.tm-tree-searchfield > .ui-panel-content > .ui-button > .ui-icon {
  background: white !important;
  color: #91205A !important;
  margin-top: -10px !important;
}
.tm-tree-searchfield-node > .ui-treenode-content > .ui-treenode-label {
  background-color: white !important;
  border: 1px solid #cccccc !important;
}
/******************************************************
 * Confirm dialog
 ******************************************************/
.ui-confirm-dialog .ui-dialog-content {
  padding: 8px !important;
}
.ui-confirm-dialog .ui-confirm-dialog-message {
  max-width: 500px;
}
.ui-confirm-dialog .tm-confirm-button-panel {
  border: 0px !important;
  text-align: right;
  padding: 0px !important;
}
.ui-confirm-dialog .tm-confirm-button-panel .ui-panel-content {
  padding: 0px !important;
}
/******************************************************
 * Common dialogs
 ******************************************************/
.tm-dialog-button-panel {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: white;
  border-top: solid 1px #cccccc !important;
  height: 32px !important;
}
.tm-dialog-button-panel > .ui-panel-content {
  border: 0px !important;
  padding: 4px !important;
  margin: 0px !important;
  text-align: right;
}
.tm-dialog-button-panel > .ui-panel-content > .ui-button {
  float: right;
  margin-left: 4px;
}
.ui-confirm-dialog > .ui-dialog-buttonpane {
  padding: 0px !important;
}
.ui-confirm-dialog .ui-confirm-dialog-severity {
  padding-top: 0px;
  font-size: 18px !important;
  width: 22px;
}
.ui-dialog-titlebar {
  background: transparent;
  color: #4f4c4c;
  padding-left: 3px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  border: 0px;
}
.ui-dialog-titlebar > .ui-dialog-title {
  font-weight: normal;
  float: left;
}
.ui-dialog-content {
  padding: 0px !important;
}
.tm-dialog-wide {
  width: 800px;
  height: 400px;
  border: 0px;
}
.tm-dialog-wide > .ui-panel-content {
  padding: 0px !important;
}
.tm-dialog-wide > .ui-panel-content > .ui-panel:first-child {
  border: 0px;
}
.tm-dialog-wide > .ui-panel-content > .ui-layout-container {
  border-top: solid 1px #cccccc !important;
  border-bottom: solid 1px #cccccc !important;
}
.tm-dialog-wide .ui-graphtree-scrollable-body {
  margin-right: 0px !important;
}
.tm-dialog-wide .ui-messages {
  white-space: pre-wrap;
  z-Index: 1300;
  position: absolute;
  top: 20px;
  right: 20px;
  background: #91205A;
  color: white;
  border: solid 1px #f0f0f0;
}
.tm-dialog-wide .ui-messages div {
  background: #91205A;
  color: white;
  border: 0px;
}
.tm-dialog-wide .ui-messages .ui-icon-close {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_8a8686_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
  background-color: white;
}
.tm-dialog-wide.ui-wizard > .ui-wizard-content {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0px;
  margin: 0px;
}
.tm-dialog-wide.ui-wizard > .ui-wizard-content > .ui-panel:first-child {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  bottom: 32px;
  overflow: auto;
}
.tm-dialog-wide.ui-wizard > .ui-wizard-content > .tm-wizard-button-panel {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: white;
  border-top: solid 1px #cccccc !important;
  height: 32px !important;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.tm-dialog-wide.ui-wizard > .ui-wizard-content > .tm-wizard-button-panel > .ui-panel-content {
  border: 0px !important;
  padding: 4px !important;
  margin: 0px !important;
  text-align: right;
}
.tm-dialog-wide.ui-wizard > .ui-wizard-content > .tm-wizard-button-panel > .ui-panel-content > .ui-button {
  float: right;
  margin-left: 4px;
}
.tm-dialog-small {
  width: 400px;
  height: 300px;
}
.tm-dialog-small .ui-messages {
  white-space: pre-wrap;
  z-Index: 1300;
  position: absolute;
  top: 0px;
  right: 20px;
}
.tm-dialog-small.ui-wizard > .ui-wizard-content {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0px;
  margin: 0px;
}
.tm-dialog-small.ui-wizard > .ui-wizard-content > .ui-panel:first-child {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  bottom: 32px;
  overflow: auto;
}
.tm-dialog-small.ui-wizard > .ui-wizard-content > .tm-wizard-button-panel {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: white;
  border-top: solid 1px #cccccc !important;
  height: 32px !important;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.tm-dialog-small.ui-wizard > .ui-wizard-content > .tm-wizard-button-panel > .ui-panel-content {
  border: 0px !important;
  padding: 4px !important;
  margin: 0px !important;
  text-align: right;
}
.tm-dialog-small.ui-wizard > .ui-wizard-content > .tm-wizard-button-panel > .ui-panel-content > .ui-button {
  float: right;
  margin-left: 4px;
}
.tm-menubar-dialog > .ui-panel-content > .ui-layout-container {
  position: absolute;
  left: 0px;
  top: 33px;
  right: 0px;
  bottom: 32px;
}
.tm-menubar-dialog > .ui-panel-content > .ui-layout-container > .ui-layout-pane-west {
  border-left: 0px;
}
.tm-menubar-dialog > .ui-panel-content > .ui-layout-container > .ui-layout-pane-west > .ui-layout-unit-content > .ui-tree {
  border: 0px;
}
.tm-menubar-dialog > .ui-panel-content > .ui-layout-container > .ui-layout-pane-center {
  border-right: 0px;
}
.tm-menubar-dialog > .ui-panel-content > .ui-layout-container > .ui-layout-pane-center > .ui-layout-unit-content > .ui-widget-content {
  border: 0px;
  border-width: 0px;
}
.ui-orderlist.tm-list-wide .ui-orderlist-controls {
  width: 32px;
}
.ui-orderlist.tm-list-wide .ui-orderlist-controls > .ui-button.ui-state-focus {
  background-color: #4f4c4c !important;
}
.ui-orderlist.tm-list-wide .ui-orderlist-list {
  width: 760px;
  height: 300px;
}
.ui-orderlist .ui-orderlist-controls {
  width: 32px;
}
.ui-orderlist .ui-orderlist-controls > .ui-button.ui-state-focus > .ui-button-icon-left {
  background-image: url("/tm/javax.faces.resource/images/ui-icons_484848_256x240.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
}
.ui-orderlist .ui-orderlist-controls > .ui-orderlist-button-move-up {
  top: 25px;
  left: 1px;
}
.ui-orderlist .ui-orderlist-controls > .ui-orderlist-button-move-top {
  top: -25px;
}
/******************************************************
 * Message dialogs
 ******************************************************/
.tm-message-dialog {
  width: 400px !important;
  border: 0px;
}
.tm-message-dialog .fa {
  font-size: 28px;
}
.tm-error-dialog {
  text-align: left;
  width: 500px;
  margin-left: auto;
  margin-top: 60px;
  margin-right: auto;
}
.tm-error-dialog > .ui-panel-content {
  padding: 0px !important;
}
.tm-error-dialog > .ui-panel-content .ui-scrollpanel {
  border: 0px !important;
}
.tm-error-dialog .fa {
  font-size: 32px;
  color: #B80065;
}
.tm-edit-dialog .ui-dialog-footer {
  padding: 0px !important;
  text-align: right !important;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
/******************************************************
 * Maximizeable dialogs
 ******************************************************/
.tm-maximizeable-dialog-button-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: visible;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 none;
  background: white;
}
.tm-maximizeable-dialog-button-panel > .ui-panel-content {
  border: 0 !important;
  padding: 4px !important;
  margin: 0 !important;
  text-align: right;
}
.tm-maximizeable-dialog-panel > .ui-panel-content > .ui-layout-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 32px;
  border-top: 0 !important;
}
.tm-maximizeable-dialog-panel > .ui-panel-content > .ui-layout-container > .ui-layout-unit {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
/******************************************************
 * Settings for the login panel
 ******************************************************/
.tm-login-panel {
  width: 280px !important;
  margin: auto;
  padding: 0px;
  border: solid 1px #cccccc;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
  background-image: url("/tm/javax.faces.resource/images/common/background_small_light.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
}
.tm-login-panel > .ui-panel-content {
  padding: 0px !important;
  margin: 0px;
}
.tm-login-panel table {
  border-spacing: 5px;
  margin-left: auto;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
}
.tm-login-panel .tm-dialog-button-panel {
  background: rgba(255, 255, 255, 0.5) !important;
}
.tm-login-panel .ui-selectonemenu {
  width: 110px;
}
.tm-dialog-error {
  color: red;
  margin-left: 5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.tm-reset-panel {
  width: 630px !important;
  margin: auto;
  padding: 0px;
  border: solid 1px #cccccc;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}
.tm-reset-panel table {
  border-spacing: 5px;
  margin-left: auto;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
}
.tm-reset-panel > .ui-panel-content {
  padding: 0px !important;
  margin: 0px;
}
/******************************************************
 * Settings for the dashboard
 ******************************************************/
.tm-dashboard-container {
  background-color: #cccccc;
}
.tm-dashboard-widget {
  width: 600px !important;
  box-shadow: 0px 0px 0px 0px;
  border: 0px;
  border-radius: 12px !important;
}
.tm-dashboard-widget th {
  background: white !important;
}
.tm-dashboard-widget th .ui-column-title {
  font-weight: normal !important;
}
.tm-dashboard-widget > .ui-widget-content {
  padding-left: 6px !important;
  padding-top: 2px !important;
  padding-right: 6px !important;
  padding-bottom: 6px !important;
  height: 270px;
}
.tm-dashboard-widget > .ui-panel-titlebar > .ui-panel-titlebar-icon {
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 0px;
}
.tm-dashboard-widget > .ui-panel-titlebar > .ui-panel-title {
  margin: 4px 12px 2px 4px;
  font-weight: bold;
}
.tm-widget-link {
  position: absolute;
  top: 4px;
  right: 24px;
  border: 0px;
  z-Index: 1;
}
.tm-widget-link > .ui-widget-content {
  position: relative;
  padding: 0px !important;
}
.tm-widget-link > .ui-widget-content > .ui-commandlink {
  padding: 0px;
  margin: 0px;
  height: 16px;
  display: block;
  color: #4f4c4c !important;
}
.tm-widget-link > .ui-widget-content > .ui-commandlink:hover {
  background: #4f4c4c !important;
  color: white !important;
}
.tm-widget-link > .ui-widget-content > .ui-commandlink:before {
  padding-top: 2px;
  padding-bottom: 1px;
  display: inline-block;
  font-size: 12px;
  width: 16px;
  text-align: center;
}
/******************************************************
 * Main typetree
 ******************************************************/
.tm-graphtree-full .ui-graphtree-container .ui-graphtree-scrollable-header {
  top: 26px !important;
}
.tm-graphtree-full .ui-graphtree-container .ui-graphtree-scrollable-header-cell {
  height: 20px;
  padding-left: 10px;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 2px;
}
.tm-graphtree-full .ui-graphtree-container .ui-graphtree-scrollable-body {
  position: absolute;
  top: 26px;
  left: 0px;
  right: 0px;
  bottom: 0px !important;
  border-left: 1px #cccccc solid;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
  margin-right: 0px !important;
  margin-top: 26px;
}
.tm-graphtree-detail.ui-graphtree-container .ui-graphtree-scrollable-header {
  top: -2px !important;
}
.tm-graphtree-detail.ui-graphtree-container .ui-graphtree-scrollable-header-cell {
  height: 20px;
  padding-left: 10px;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 2px;
}
.tm-graphtree-detail.ui-graphtree-container .ui-graphtree-scrollable-body {
  left: 0px;
  right: 0px;
  bottom: 0px !important;
  border-left: 1px #cccccc solid;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
  margin-right: 0px !important;
  margin-top: 26px;
}
.ui-graphtree-seltext .ui-graphtree-text {
  color: white !important;
}
.ui-graphtree-text {
  color: #4f4c4c;
  margin: 0px !important;
  padding-left: 4px !important;
  padding-top: 1px !important;
  padding-right: 4px !important;
  padding-bottom: 1px !important;
  display: inline-flex;
}
.ui-graphtree-text span {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  background: transparent;
}
.ui-graphtree-icon-expand {
  background: url("/tm/javax.faces.resource/images/icon_expand_13.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") no-repeat 0px center white !important;
  width: 15px !important;
  height: 15px !important;
  margin-top: 0px !important;
}
.ui-graphtree-icon-collapse {
  background: url("/tm/javax.faces.resource/images/icon_collapse_13.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") no-repeat 0px center white !important;
  width: 15px !important;
  height: 15px !important;
  margin-top: 0px !important;
}
.ui-graphtree-dragging {
  background: #f0f0f0 !important;
  color: #4f4c4c !important;
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-align: center;
}
.ui-graphtree-header-column-title {
  color: #4f4c4c !important;
}
.ui-graphtree-highlight {
  background: #91205A !important;
  color: white !important;
}
.ui-graphtree-highlight .ui-graphtree-header-column-title {
  color: white !important;
}
.ui-graphtree-selcheck.ui-graphtree-checkbox-checked {
  background-image: url("/tm/javax.faces.resource/images/checkbox-checked.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
}
.ui-graphtree-selcheck.ui-graphtree-partially-checked {
  background-image: url("/tm/javax.faces.resource/images/checkbox-partially-checked.png.tm;jsessionid=Hk-YwzdTbHmuyNcrBcBx9FnVmAY7QjnxB60IuqZx.lweb0252?ln=primefaces-tm") !important;
}
.tm-graphtree-menu {
  position: fixed !important;
}
.tm-filter-panel-left div > table > tbody > tr {
  border: 0px !important;
}
.tm-filter-panel-left > .ui-panel-content {
  padding: 0px !important;
}
.tm-dynamicpanel > thead > tr td {
  padding: .5em 1em .3em;
  background: #f0f0f0;
  color: #4f4c4c;
  border: solid 1px #cccccc;
}
.tm-dynamicpanel > thead > tr td label {
  float: left;
}
.tm-dynamicpanel .tm-rangeinput td {
  padding: 0px;
}
/******************************************************
 * File viewer component
 ******************************************************/
.tm-fileviewer {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
  border: 0px !important;
}
.tm-fileviewer > .ui-panel-content {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px;
  border-style: none;
}
.tm-fileviewer > .ui-panel-content > .ui-toolbar {
  background: #f0f0f0 !important;
  border-top: solid 1px #cccccc !important;
  border-bottom: solid 1px #cccccc !important;
}
.tm-fileviewer > .ui-panel-content .ui-layout-container {
  top: 28px;
}
/******************************************************
 * Toolbar with more button
 ******************************************************/
.tm-more-button-toolbar {
  border-left: solid 1px #cccccc !important;
  border-top: solid 1px #cccccc !important;
  border-right: 0px !important;
  border-bottom: solid 1px #cccccc !important;
  top: -1px !important;
  z-Index: 1000 !important;
  padding: 0px !important;
  margin: 0px !important;
  height: 24px;
  background: #f0f0f0 !important;
}
.tm-more-button-toolbar .tm-more-button {
  float: right;
  position: absolute;
  right: -2px;
  border: 0px !important;
  z-index: inherit;
  background: #cccccc !important;
  height: 24px;
}
.tm-more-button-toolbar .ui-toolbar {
  background: #f0f0f0 !important;
  border: 0px !important;
  color: #4f4c4c;
  height: 26px !important;
  padding: 2px !important;
  margin: 0px !important;
}
.tm-more-button-toolbar .ui-toolbar-group-left {
  position: absolute;
  left: 1px;
  z-index: 2;
  white-space: nowrap;
  background: #f0f0f0;
  color: #4f4c4c;
  border-style: none;
  padding-left: 0px;
  top: 2px;
}
.tm-more-button-toolbar .ui-dialog-content {
  overflow: hidden !important;
}
.tm-more-button-toolbar-dialog {
  background: #f0f0f0 !important;
  border-top: solid 1px #cccccc !important;
  box-shadow: none !important;
  position: fixed;
  right: 0px !important;
}
.tm-more-button-toolbar-dialog .ui-dialog-content {
  overflow: hidden !important;
}
.tm-more-button-toolbar-dialog .ui-dialog-content .ui-button {
  width: 100%;
  padding-left: 3px;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}
.tm-more-button-toolbar-dialog .ui-dialog-content .ui-button .ui-button-text {
  text-align: left;
}
.tm-more-button-toolbar-dialog .ui-dialog-content .ui-selectbooleancheckbox {
  padding-left: 0px;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}
.tm-bpmn-properties-panel {
  position: absolute;
  height: 600px;
  top: 209px;
  bottom: 0;
  right: 0;
  width: 300px;
  z-index: 10;
  overflow: auto;
  border-left: 1px solid #cccccc;
}
.tm-bpmn-properties-panel:empty {
  border: none;
}
.bjs-powered-by {
  visibility: hidden;
}