profoundjs/htdocs/profoundui/proddata/css/designer.css

Profound.js Framework and Server

@import 'joins.css';

.loading-indicator {
  font-size          : 16px;
  background-repeat  : no-repeat;
  background-position: top left;
  padding-left       : 20px;
  height             : 18px;
  text-align         : left;
}

#loading .loading-indicator {
  position  : absolute;
  background: #F1F2F4;
  height    : auto;
  color     : #555;
  font      : bold 13px tahoma, arial, helvetica;
  padding   : 10px;
  margin    : 0;
  text-align: center;
}

#loading-mask {
  position        : absolute;
  left            : 0;
  top             : 0;
  width           : 100%;
  height          : 100%;
  z-index         : 20000;
  background-color: #F1F2F4;
}

#loading {
  position: absolute;
  left    : 40%;
  top     : 40%;
  padding : 2px;
  z-index : 20001;
  height  : auto;
}

#loading img {
  margin-bottom: 5px;
}

.loading-indicator-circles {
  position             : absolute;
  width                : 45px;
  height               : 45px;
  border-radius        : 100%;
  -webkit-animation    : pui-loading 2.5s ease-in-out infinite;
  animation            : pui-loading 2.5s ease-in-out infinite;
}

.loading-indicator-circles:first-child {
  background-color       : #0b69b8;
  -webkit-animation-delay: .2s;
  animation-delay        : .2s;
}

.loading-indicator-circles:nth-child(2) {
  background-color       : #f9771b;
  -webkit-animation-delay: 0s;
  animation-delay        : 0s;
}

.loading-indicator .loading-text {
  position : absolute;
  font-size: 16px;
  top      : 300%;
  left     : 175%;
}

.home {
  background-image: url(/profoundui/proddata/images/dspfdesigner/icons16x16/home.gif) !important;
}

.homeFlat {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/home.png) !important;
}

.help {
  background-image: url(/profoundui/proddata/images/dspfdesigner/icons16x16/help.png) !important;
}

.helpFlat {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/help.png) !important;
}

.edit {
  background-image: url(/profoundui/proddata/images/dspfdesigner/icons16x16/pencil.png) !important;
}

.editFlat {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/edit.png) !important;
}

.design-icon {
  background-image: url(/profoundui/proddata/images/dspfdesigner/icons16x16/design.gif) !important;
}

.designFlat {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/design.png) !important;
}

.widgets {
  background-image: url(/profoundui/proddata/images/dspfdesigner/icons16x16/wrench.png) !important;
}

.widgetFlat {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/configuration.png) !important;
}

.properties {
  background-image: url(/profoundui/proddata/images/dspfdesigner/icons16x16/prop.gif) !important;
}

.propsFlat {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/screen-properties.png) !important;
}

.recordformats {
  background-image: url(/profoundui/proddata/images/dspfdesigner/icons16x16/record_formats.png) !important;
}

.parameter-dialog .x-form-text,
.parameter-dialog .x-form-item,
.parameter-dialog .x-fieldset-header-text,
  .parameter-dialog .x-form-item-label {
  font-size: 14px;
}

.parameter-dialog .x-form-checkbox {
  margin-bottom: -2px;
}

.font-item {
  font         : normal 11px tahoma, arial, helvetica, sans-serif;
  padding      : 3px 10px 3px 10px;
  border-bottom: 1px solid #eeeeee;
}

.x-toolbar.x-toolbar.x-toolbar.x-toolbar .x-btn.x-btn-pressed, 
.x-toolbar.x-toolbar.x-toolbar.x-toolbar .x-btn.x-btn-menu-active {
	background-color: #1979CA;
	color           : white;
}

.x-btn-mc em.x-btn-arrow-bottom,
.x-btn-as-arrow .x-btn-mc em {
	padding-bottom: 16px;
}

.x-small-editor .x-form-field-wrap .x-form-trigger {
  height: 22px !important;
}

.ext-strict .ext-webkit .x-small-editor .x-form-text {
  height: 21px !important;
}

.x-panel-bwrap.codeeditor-container{
  transform: unset;
  transform-origin: unset;
  zoom:1;
}
.x-panel-body.codeeditor-container{
  transform: unset;
  transform-origin: unset;
  zoom:1;
}

/************ Widget Tree ******************/

.x-tree {
  background: #fff !important;
}

.x-tree-node div.category-node {
  background    : #eee url(/profoundui/proddata/images/dspfdesigner/icons16x16/cmp-bg.gif) repeat-x;
  font-weight   : bold;
  margin-top    : 1px;
  border-top    : 1px solid #ddd;
  border-bottom : 1px solid #ccc;
  padding-top   : 3px;
  padding-bottom: 3px;
}

.x-tree-node div.flat-node {
  color           : #31373d;
  font-weight     : bold;
  font-size       : 11px;
  font-family     : "Segoe UI", tahoma, arial, verdana, sans-serif;
  border-top      : 1px solid;
  border-bottom   : 1px solid;
  border-color    : #aeb6be;
  background-color: #cbd0d5;
  padding-top     : 3px;
  padding-bottom  : 3px;
}

.x-tree-selected div.widget-node {
  border    : 1px dotted #a3bae9;
  background: #DFE8F6;
}

.x-node-ctx {
  background: #eee !important;
  border    : 1px solid #ccc !important;
}

.widget-node {
  border: 1px solid #fff;
  margin: 2px;
}

.category-node .x-tree-node-icon {
  display: none;
}

.flat-node .x-tree-node-icon {
  display: none;
}

.x-tree-node-collapsed .x-tree-node-icon,
.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-leaf .x-tree-node-icon {
	background-position: center;
	height             : 16px;
	margin-top         : 2px;
}

.folder.x-menu-item-icon,
.x-tree-node-collapsed .x-tree-node-icon:not(.x-tree-node-inline-icon) {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/folder.svg);
}

.x-tree-node-collapsed .x-tree-node-icon:not(.x-tree-node-inline-icon) {
   height      : 20px;
   width       : 17px;
   margin-top  : 0px;
   margin-right: -2px;
}

.folder-open.x-menu-item-icon,
.x-tree-node-expanded .x-tree-node-icon:not(.x-tree-node-inline-icon) {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/folder-open.svg);
}

.x-tree-node-expanded .x-tree-node-icon:not(.x-tree-node-inline-icon) {
  height      : 20px;
  width       : 17px;
  margin-top  : 0px;
  margin-right: -2px;
}

.file-api-json.x-menu-item-icon {
  height: 20px;
  width: 20px;
  margin: -2px 0 -2px -2px;
}

.file-module-json.x-menu-item-icon {
  height: 20px;
  width: 18px;
}

.file-aiagent-json.x-menu-item-icon {
  height: 20px;
  width: 18px;
}

#apiFileFilterForm_categories .x-tree-node-icon {
  display: none;
}

#_Ribon_HomeMenu .x-btn-group .x-btn-text.api-file-options {
  background-size: 30px;
}
#_Ribon_HomeMenu .x-btn-group .x-btn.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text.api-file-options {
  padding-left: 30px;
}

.file-default.x-menu-item-icon,
.file-default.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file.svg);
}

.file-img.x-tree-node-leaf .x-tree-node-icon {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-img.svg);
  width           : 14px;
  margin-left     : 1px;
  padding-right   : 1px;
}

.file-js.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-js.svg);
}

.file-json.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-json.svg);
}

.file-jsx.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-jsx.svg);
}

.file-css.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-css.svg);
}

.file-md.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-md.svg);
}

.file-txt.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-txt.svg);
}

.file-html.x-tree-node-leaf .x-tree-node-icon {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-html.svg);
  width           : 14px;
  margin-left     : 1px;
  padding-right   : 1px;
}

.file-start.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-start.svg);
  width           : 14px;
  margin-left     : 1px;
  padding-right   : 1px;
}

.file-rest.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-rest.svg);
  width           : 14px;
  margin-left     : 1px;
  padding-right   : 1px;
}

.file-rdf.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/display.svg);
}

.file-ejs.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-ejs.svg);
}

.file-ts.x-tree-node-leaf .x-tree-node-icon {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-ts.svg);
}

.file-vue.x-tree-node-leaf .x-tree-node-icon {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-vue.svg);
}

.file-api-json.x-tree-node-leaf .x-tree-node-icon {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-api-json.svg);
  height: 20px;
  width: 20px;
  margin: 0px -3px -2px -1px;
}

.file-module-json.x-tree-node-leaf .x-tree-node-icon {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-module-json.svg);
  width: 16px;
  height: 19px;
  margin: 2px -2px -1px 2px;
}

.file-aiagent-json.x-tree-node-leaf .x-tree-node-icon {
  background-image: url(/profoundui/proddata/images/FlatIcons/16x16/file-aiagent-json.svg);
  width: 16px;
  height: 19px;
  margin: 2px -2px -1px 2px;
  background-size: 16px 16px;
}

.clearFilterButton {
  background-size: 75%;
}

/************* Editor Styles ****************/

.ace_profoundui_field {
  position     : absolute;
  z-index      : 3;
  background   : none repeat scroll 0 0 #ffe79c;
  border       : 1px solid #999999;
  border-radius: 7px;
  font-weight  : bold;
}

.ace_bracket {
  display: none;
}

.monaco-link,
.ace-link {
  position     : absolute;
  border-bottom: 1px solid #4286f4;
}

.ace_search_options {
  white-space: normal;
}

.monaco-editor .monaco-editor-hover,
.editor-widget.suggest-widget.visible,
.context-view.monaco-menu-container,
.monaco-editor .parameter-hints-widget.visible {
  z-index: 25;
}

.monaco-editor textarea.inputarea {
  white-space: pre;
}

.monaco-link {
  cursor: pointer;
}

.monaco-editor * {
  font-size  : 14px;
  font-family: Consolas, "Courier New", monospace;
}

.monaco-findInput .input,
.replace-input .input {
  background-image: unset;
}

/************ Widget Sets ******************/

div.widget-sets-widget {
  width     : 75px;
  height    : 100px;
  padding   : 5px;
  text-align: center;
  cursor    : pointer;
}

div.widget-sets-widget:hover {
  background-color: #e7e9ec;
}

div.widget-sets-widget img {
  max-width : 65px;
  max-height: 50px;
}

div.widget-sets-widget div {
  font-family       : "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size         : 14px;
  color             : #31373d;
  text-align        : center;
  white-space       : normal;
  line-height       : 1.25;
  display           : block;
  display           : -webkit-box;
  line-clamp        : 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient        : vertical;
  overflow          : hidden;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
}

.import-export-widget-set-checkbox {
  margin-top: 5px;
}

/*************** Responsive Dialog ******************/

#puirespprevcont {
  width : 100%;
  height: calc(100% - 4px);
  /*4px avoids making an unnecessary scrollbar in preview.*/
  border    : none;
  box-sizing: content-box;
  /* Ensures viewport matches screen size so @media rules are created.*/
}

#puirespprevcont.device {
  border       : solid 20px black;
  border-radius: 20px;
}

/* In Edge, the inline style of the proxy HTML doesn't apply for some reason. So set it here. */
.x-dd-drag-proxy .puiresp {
  display              : grid; 
  grid-template-rows   : auto;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap      : 3px;
  grid-row-gap         : 3px;
}

@-webkit-keyframes pui-loading {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform    : translateX(0);
    -moz-animation   : translateX(0);
    transform        : translateX(0);
  }

  40% {
    -webkit-transform: translateX(200px);
    -ms-transform    : translateX(200px);
    -moz-animation   : translateX(200px);
    transform        : translateX(200px);
  }

  60% {
    -webkit-transform: translateX(200px);
    -ms-transform    : translateX(200px);
    -moz-animation   : translateX(200px);
    transform        : translateX(200px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform    : translateX(0);
    -moz-animation   : translateX(0);
    transform        : translateX(0);
  }
}

@keyframes pui-loading {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform    : translateX(0);
    -moz-animation   : translateX(0);
    transform        : translateX(0);
  }

  40% {
    -webkit-transform: translateX(200px);
    -ms-transform    : translateX(200px);
    -moz-animation   : translateX(200px);
    transform        : translateX(200px);
  }

  60% {
    -webkit-transform: translateX(200px);
    -ms-transform    : translateX(200px);
    -moz-animation   : translateX(200px);
    transform        : translateX(200px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform    : translateX(0);
    -moz-animation   : translateX(0);
    transform        : translateX(0);
  }
}

/*************** Design tab "grid" background ******************/

.pui-design-grid-10 {
  background: url("/profoundui/proddata/images/dspfdesigner/DesignGrid/10x10.svg") repeat;
}

.pui-design-grid-20 {
  background: url("/profoundui/proddata/images/dspfdesigner/DesignGrid/20x20.svg") repeat;
}

.pui-design-grid-30 {
  background: url("/profoundui/proddata/images/dspfdesigner/DesignGrid/30x30.svg") repeat;
}

.pui-design-grid-40 {
  background: url("/profoundui/proddata/images/dspfdesigner/DesignGrid/40x40.svg") repeat;
}

.pui-design-grid-50 {
  background: url("/profoundui/proddata/images/dspfdesigner/DesignGrid/50x50.svg") repeat;
}

button.zoommenu {
  background-image: url("/profoundui/proddata/images/dspfdesigner/icons24x24/zoom.png");
}
button.zoommenu.flatlook {
  background-image: url("/profoundui/proddata/images/FlatIcons/24x24/zoom.png");
}

.dd-arrow-down.dd-arrow-down-invisible {
  display   : none;
  visibility: hidden;
}

.dd-arrow-down {
  background-image : url("/profoundui/proddata/images/dspfdesigner/icons16x16/move-down.gif");
  background-repeat: no-repeat;
  display          : block;
  visibility       : visible;
  z-index          : 20000;
  position         : absolute;
  width            : 16px;
  height           : 16px;
  top              : 0;
  left             : 0;
}

#ideProps code {
  color: blue;
}

#ideProps .propdefault {
  color         : blue;
  letter-spacing: 0px;
  font-weight   : bold;
}

/* Make the container names and numbers appear in the design canvas behind widgets. */
div.puiresp>div[containername]::after { 
  opacity  : 0.05;
  font-size: 2.5em;
  content  : attr(containername);
}

.x-grid-empty {
  white-space: normal;
}

.x-grid3-row.x-grid3-row-invalid {
  border: .5px solid #c54a4a;
}

.x-tree-lines .x-grid3-cell-inner {
  padding: 0;
  margin: 0;
  font-size: 14px;
}

/* Hide the unused Sort Ascending / Sort Descending column menu options in the Elements panel and the separator. */
body>div[id^="elementsGrid"].x-menu .x-item-disabled,
body>div[id^="elementsGrid"].x-menu .x-menu-sep-li {
  display: none;
}

.bindingDialog {
  width: 445px;
  border: 2px solid #336699;
  position: absolute;
  padding: 0px;
  height: 322px;
  overflow: hidden;
}
.bindingDialog > div:nth-of-type(1) {
  font: bold 12px Arial;
  color: #ffffff;
  background-color: #6699cc;
  padding: 3px;
  cursor: move;
  position: absolute;
  left: 0px;
  top: 0px;
  white-space: normal;
  width: 100%;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bindingDialog > div:nth-of-type(2) {
  overflow: hidden;
  height: 302px;
  background-color: #ffffff;
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 20px;
  white-space: normal;
  width: 100%;
}
.bindingDialog > div:nth-of-type(2) > * { position: absolute; }
.bindingDialog > div:nth-of-type(2) > label { left: 150px; }
.bindingDialog > div:nth-of-type(2) > label > input[type="checkbox"] { margin-right: 7px; }
.bindingDialog > div:nth-of-type(2) > input, .bindingDialog > div:nth-of-type(2) > select { font: 12px Arial; }
.bindingDialog > div:nth-of-type(2) > input[type="button"] { font-size: 11px; }
.bindingDialog > div:nth-of-type(2) > div { font: 13px Trebuchet MS; }
.bindingDialog > div:nth-of-type(2) > img.input {
  border-style: none;
  background-color: transparent;
  cursor: pointer;
}

.bindingDialog select.formatting {
  left: 10px;
  top: 80px;
  width: 130px;
  max-height: 170px;
}
.bindingDialog select.formatlist {
  left: 150px;
  top: 100px;
  width: 200px;
  max-height: 94px;
}

.x-progress-wrap.storage-used .x-progress-text {

  color: inherit;

}

div.x-grid-panel.noderun-server-logs div.x-grid3-cell-inner, div.x-grid-panel.noderun-backups div.x-grid3-cell-inner {

  font-family: Consolas, monospace;
  font-size: 11px;

}

div.x-combo-list-item.pui-db-table-search {

  border-bottom: 1px solid #dcdfe3;

}

div.x-combo-list-item.pui-db-table-search span.pui-db-table-search-label {

  font-weight: bold;

}

div.profoundjs-open-workspace div.profoundjs-open-workspace-desc {

  padding: 3px 3px 3px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}

div.profoundjs-open-workspace div.profoundjs-open-workspace-desc strong,
div.profoundjs-open-workspace td.profoundjs-open-workspace-name strong {

  font-weight: bold;

}

/* This fixes the Ext.MessageBox from rendering with the incorrect width in some cases */

span.ext-mb-text {

  display: inline-block;

}

.pui-mobile-canvas::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.pui-mobile-canvas::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.pui-mobile-canvas::-webkit-scrollbar-thumb {
  background: #888;
}
.pui-mobile-canvas::-webkit-scrollbar-thumb:hover {
  background: #555;
}



div.joinable div.caption, div.joinable td {
  font-family: Sans-Serif;
  font-size: 13px;
  word-break: break-word;
  white-space: normal;
}

div.joinable div.caption {
  background-color: #777;
  color: #fff;
  border-bottom: 1px solid #999;
}

div.joinable div.col-headings {
  display: none;
}

div.joinable table {
  table-layout: fixed;
}

div.joinable div.wrap::-webkit-scrollbar {
  width: 7px;
}
div.joinable div.wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}
div.joinable div.wrap::-webkit-scrollbar-thumb {
  background: #888;
}
div.joinable div.wrap::-webkit-scrollbar-thumb:hover {
  background: #555;
}

svg.join {
  width: 100%;
  height: calc(100% - 4px);
}

#joinEditor .dialog-header {
  font-size: 11px;
  font-family: Arial;
  background-color: #6699cc;
  padding: 4px 3px 3px 3px;
  cursor: move;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  left: 0px;
  top: 0px;
  white-space: normal;
  width: 100%;
  background-color: #dddddd;
  color: #333333;
  height: 25px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#joinEditor .dialog-header > div.close-btn {
  position: absolute;
  top: 3px;
  right: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

#joinEditor .dialog-header > div.close-btn > div {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 16px;
  background-image: url(/profoundui/proddata/images/buttons/close/x5.png);
  background-repeat: no-repeat;
}

#joinEditor .dialog-body {
  overflow: auto;
  height: 182px;
  width: 375px;
  padding: 10px;
  background-color: rgb(238, 238, 238);
  position: absolute;
  left: 0px;
  top: 20px;
  white-space: normal;
  font-family: Sans-Serif;
  font-size: 14px;
  box-sizing: content-box;
}

#joinEditor .dialog-body p {
  margin-bottom: 10px;
}
#joinEditor .dialog-body p input[type="radio"] {
  margin-right: 5px;
}
#joinEditor .dialog-body > .btnwrap {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 20px);
  display: flex;
  justify-content: flex-end;
}
#joinEditor .dialog-body input[type="button"] {
  width: 75px;
  margin-right: 2px;
}

abbr.tablealias {
  float: right;
  color: #339933;
}
abbr.tablealias::after { clear: right; }

.profoundjs-default-database-connection {
  font-weight: bold;
}

.profoundjs-south-links {
  padding-top: 5px;
}

.profoundjs-south-links .profoundjs-south-links-item {
  display: inline-block;
  padding-left: 5px;
}

.profoundjs-south-links .profoundjs-south-links-item a {
  color: #666666;
  font-weight: bold;
  font-size: 16px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  padding-right: 5px;
}

#southPanel-xcollapsed, #southPanel .x-panel-header {

  height: 30px;
  padding-bottom: 5px;

}

#southPanel.pjs-not-cloud .x-panel-header { height: 12px; }

#gitHistory div.x-grid3-row-body {
  padding: 3px 3px 3px 5px;
}

#gitHistory .commit-message {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#gitHistory .commit-references {
  float: right;
  margin-left: 10px;
}

#gitHistory .commit-reference {
  display: inline-block;
  margin-right: 5px;
  padding: 2.5px;
  border-radius: 5px;
  font-weight: bold;
  color: white;
}

#gitHistory .commit-reference.HEAD {
  background-color: #1979ca;
}

#gitHistory .commit-reference.heads {
  background-color: #3db39e;
}

#gitHistory .commit-reference.tags {
  background-color: #ebba16;
}

#gitHistory .commit-reference.remotes {
  background-color: #e95748;
}

#gitHistoryCount .x-panel-body {
  text-align: right;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 12px;
  padding-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#gitHistoryAuthorMenu .x-menu-sep, #gitHistoryBranchMenu .x-menu-sep {
  background: none;
  border-color: #aeb6be;
}

#gitHistorySearch div.x-box-inner {
  overflow: visible;
}

#gitHistorySearch .x-form-text, #gitHistoryBranchMenu .x-form-text, #gitHistoryAuthorMenu .x-form-text {
  height: 25px;
}

#gitOutput .x-panel-header-text a {
  color: inherit;
  text-decoration: none;
  cursor: default;
}

#gitOutput-xcollapsed .title {
  font-weight: bold;
  padding: 5px 0px 0px 5px;
}

#gitOutput-xcollapsed .title a {
  color: inherit;
}

div.plus, div.minus {
  position: absolute;
  width: 16px;
  height: 18px;
  font-size: 0px;
  overflow: hidden;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  padding: 0px;
}

div.plus { background-image: url('/profoundui/proddata/images/icons/plus.gif'); }
div.minus { background-image: url('/profoundui/proddata/images/icons/minus.gif'); }

iframe.rundbgapp {
  border:none;
  height: calc(100% - 5px);
  width:100%;
}

.pai-doc-icon {
  font-size: 14px;
  cursor: pointer;
  color: #666;
  padding: 3px;
}

.pai-doc-icon:hover {
  color: #ef8200;
}

.pai-doc {
  font-size: 14px;
  color: #666;
  padding: 1px;
  margin-top: 5px;
}

.pai-copy-snippet-icon {
  position: absolute;
  right: 0px;
  top: 10px;
  color: #f9771b;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px;
  font-size: 10px;
  background-color: #fff;
}

.pai-copy-snippet-icon:hover {
  background-color: #eee;
}