/*
Copyright 2009 Google Inc.

Licensed under the Apache License, Version 2.0 (the "License"); you may not
use this file except in compliance with the License. You may obtain a copy
of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
License for the specific language governing permissions and limitations
under the License.
*/

/* This is the div containing the entire panel. */
div.DebugPanel-panel {
  padding: 5px;
  margin-left: 20px;
  margin-right: 20px;
}

/* All the action links like show this, hide that, etc... */
.DebugPanel-link {
  font-size: smaller;
  color: gray;
  padding-right: 1em;
}

/* The tree table showing the events. */
.DebugPanel-TreeTable {
  border: 1px solid black;
  border-collapse: collapse;
}

.DebugPanel-TreeTable td {
  border: 1px solid black;
  padding: 3px;
  vertical-align: top;
}

.DebugPanel-TreeTable-header {
  background-color: #d3d3d3;
  font-weight: bold;
}

/* The first column (containing the tree) of the tree table. */
.DebugPanel-tree {
  white-space: nowrap;
}

/* The column showing the time in the tree table. */
.DebugPanel-time {
  text-align: right;
}

/* The column showing the service in the tree table. */
.DebugPanel-code {
  font-family: courier, monospace;
}

/* The XML debug panel component. */
.DebugPanel-xml {
  width: 50em;
  height: 10em;
  margin-top: 5px;
}

/* The main debug panel filter div. */
.DebugPanel-filters {
  margin-bottom: 5px;
}

/* The "Currently filtering" label. */
.DebugPanel-filterTrailLabel {
  font-weight: bold;
  margin-left: 5px;
}

/* Each item in the active filter trail. */
.DebugPanel-filterTrail-item {
  margin-left: 5px;
  color: black;
  text-decoration: none;
}

.DebugPanel-filterTrail-item:hover {
  text-decoration: underline;
}

/* The popup shown when clicking the filter menu button. */
.DebugPanel-filterPopup {
  border: 1px solid #ddd;
  border-color: #ddd #000 #000 #ddd;
  background: #fff;
  position: absolute;
  padding: 5px;
}

/* An item in the filter popup drop down menu. */
.DebugPanel-filterMenuItem {
  padding: 3px;
  cursor: pointer;
  white-space: nowrap;
}

.DebugPanel-filterMenuItem.active {
  font-weight: bold;
}

.DebugPanel-filterMenuItem.selected {
  font-style: italic;
  background-color: #e0e6f1;
}

/* The settings portion of the filter popup. */
.DebugPanel-filterSettings {
  background-color: #e0e6f1;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.DebugPanel-filterSettingsTitle {
  font-weight: bold;
  font-size: larger;
  margin-bottom: 5px;
}

.DebugPanel-filterSettingsDescription {
  font-size: smaller;
  font-style: italic;
  padding-bottom: 5px;
}

.DebugPanel-filterSettingsLabel {
  font-weight: bold;
  padding: 5px;
}

/* The div containing the buttons shown below the settings. */
.DebugPanel-filterSettingsButtons {
  padding-top: 5px;
  padding-bottom: 5px;
}

.DebugPanel-filterSettingsButtons td {
  padding-right: 5px;
}

/* The table showing the raw event log. */
.DebugPanel-log {
  border: 1px solid black;
  border-collapse: collapse;
  margin-top: 5px;
}

.DebugPanel-log td {
  border: 1px solid black;
  padding: 3px;
  vertical-align: top;
}

.DebugPanel-logHeader td {
  background-color: #d3d3d3;
  font-weight: bold;
}

/* The table showing the cookies. */
.DebugPanel-cookies {
  border: 1px solid black;
  border-collapse: collapse;
  margin-top: 5px;
}

.DebugPanel-cookies td {
  border: 1px solid black;
  padding: 3px;
}

.DebugPanel-cookiesHeader {
  background-color: #d3d3d3;
  font-weight: bold;
}

/* The table showing the exception log. */
.DebugPanel-errors {
  border: 1px solid black;
  border-collapse: collapse;
  margin-top: 5px;
}

.DebugPanel-errors td {
  border: 1px solid black;
  padding: 3px;
  vertical-align: top;
}

.DebugPanel-errorsHeader {
  background-color: #d3d3d3;
  font-weight: bold;
}


/* The stack trace of an exception in the error view. */
.DebugPanel-codePre {
  font-family: courier, monospace;
  white-space: pre;
}

/** --- */
.DebugPanel-rpcListener-loading {
	position: absolute;
	display: none;
	font-size: 1px;
	width: 0px;
	height: 5px;
	overflow: hidden;
}
.gwt-diagrams-connection {
	
}

.gwt-diagrams-canvas {
	position: absolute;
	z-index: 0;
	color: black;
}

.gwt-diagrams-vml-group {
	position: absolute;
	z-index: 0;
}

.gwt-diagrams-vml-curve {
	position: relative;
	z-index: 0;
	color: black;
	width: 1;
}

.gwt-diagrams-line {
	position: absolute;
	background-color: #000000;
	border: 0px none transparent;
	width: 1px;
	height: 1px;
	font-size: 1px;
	line-height: 0;
}

.gwt-diagrams-line-vertical {
	
}

.gwt-diagrams-line-horizontal {
	
}

.gwt-diagrams-ending {
	z-index: 1;
}
/** Add css rules here for your application. */
/* Базовые стили */
body {
    overflow: scroll;
}

/* Настройки основного меню для разных тем  */
.x-theme-gray .fw-global-menu-bar {
    color: #333;
	border: 1px solid #d0d0d0;
    background: #f0f4f5 url(../images/gray/toolbar/bg.gif) repeat-x top left;
}
.x-theme-slate .fw-global-menu-bar {
	border: 1px solid #abc;
    background: #f0f4f5 url(../images/slate/toolbar/bg.gif) repeat-x top left;
}
.x-theme-darkgray .fw-global-menu-bar {
    border-color: #777777;
    background: #9c9c9c url(../images/darkgray/toolbar/bg.gif) repeat-x top left;
}
.x-theme-olive .fw-global-menu-bar {
    border: 1px solid #9acd68;
    background: #b4da8f url(../images/olive/toolbar/bg.gif) repeat-x top left;
}
.x-theme-pink .fw-global-menu-bar {
	border: 1px solid #e89a8d;
    background: #efcec8 url(../images/pink/toolbar/bg.gif) repeat-x top left;
}
.x-theme-purple .fw-global-menu-bar {
	border: 1px solid #9f82ff;
    background: #cdc3ff url(../images/purple/toolbar/bg.gif) repeat-x top left;
}

/** Правила для заголовков и копирайтов */
.fw-admin3-footer {
	background: white;
	font-size: 8pt;
	font-family: Tahoma;
	text-align: center;
}

.fw-admin3-footer-link {
	font-size: 8pt;
	font-family: Tahoma;
	text-align: center;
	background: white;
	cursor: help;
	color: black;
	text-decoration: none;
}

.fw-admin3-simple-link {
	text-align: center;
	cursor: help;
	text-decoration: none;
}

.fw-admin3-pointer-link {
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}

/** ---- Flexy Sandbox ---- */
.fw-flexy-sandbox-simple-editor {
	
}

.fw-flexy-sandbox-simple-textarea textarea {
	padding: 3px 5px !important;
	font-size: 13px;
	background-color: #F5F5DC;
	background-image: none;
}

.fw-flexy-sandbox-simple-textarea label {
	display: none;
}

code.fw-codemirror-cdata-tool {
    /*user-select:all;*/
    padding: 2px;
    margin: 0px 4px;
    cursor: text;
}

/** ------------------------ */ /** Разные вспомогательные вещи */
.fw-admin3-SimpleContentPanel {
	font-family: Tahoma;
	font-size: 8pt;
}

.fw-admin3-required-filed-mark::after{
  content: " *";
  color:red;
}

.fw-admin3-SimpleContentPanel-All * {
	font-family: Tahoma;
	font-size: 8pt;
}

.fw-admin3-SimpleContentPanel .fw-admin3-label {
	padding-right: 10px;
}

.fw-admin3-SimpleContentPanel .fw-admin3-value {
	font-weight: bold;
	font-family: Tahoma;
	color: 003366; /** Синенький цвет для всего по умолчанию */
}

.fw-admin3-SimpleContentPanel .fw-admin3-header {
	padding: 6px 4px 7px;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
	color: 003366; /** Синенький цвет для всего по умолчанию */
}

.fw-admin3-SimpleContentPanel .fw-admin3-money-plus {
	color: green;
}

.fw-admin3-SimpleContentPanel .fw-admin3-money-minus {
	color: red;
}

.fw-admin3-money-plus {
	color: green;
}

.fw-admin3-money-minus {
	color: red;
}

.fw-admin3-allow {
	color: green;
}

.fw-admin3-deny {
	color: red;
}

.fw-admin3-warn {
	color: CC9900;
}

.fw-admin3-description-provided { /** Support all kind of use **/
	font-size: 8pt;
	color: green;
}

.fw-admin3-field-required {
	color: red;
}

.globalWaitCursor *,.globalWaitCursor .absolutelyPositioned {
	cursor: wait;
}

.fw-admin3-search-overflow {
	color: red;
	font-weight: bold;
}

/** Настройки меню */
a.fw-admin3-favourite-page,a.fw-admin3-favourite-page:hover,a.fw-admin3-favourite-page:visited,a.fw-admin3-favourite-page:active{
	color: #F86666;
}

a.fw-admin3-selected-page {
	font-weight: bold;
}

.fw-admin3-title-accessor {
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
	color: 003366;
	padding: 4px 0px 0px 0px;
}

/** ------------------------ */
	/** Настраиваем корректное отображение загруженных извне страниц */
.fw-admin3-html {
	background: white;
	font-size: 10pt;
	font-family: Tahoma;
}

.fw-admin3-html pre {
	background: white;
	font-size: 10pt;
	font-family: Tahoma;
}

.fw-admin3-html h1 {
	text-align: center;
	font-size: 16pt;
	font-weight: normal;
}

.fw-admin3-html h2 {
	text-align: left;
	font-size: 14pt;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 25px;
}

.fw-admin3-html ul {
	margin-left: 20px;
	list-style: circle outside;
}

.fw-admin3-html ol {
	margin-left: 20px;
	list-style: decimal outside;
}

.fw-admin3-html p {
	padding-top: 10px;
}

/** Справка */
.fw-admin3-SimpleContentPanel.fw-help-window {
    font-size: 10pt;
}

.fw-admin3-SimpleContentPanel.fw-help-window ul,
.fw-admin3-SimpleContentPanel.fw-help-window ol {
    padding-left: 50px !important;
    margin: 10px 0px !important;
}

.fw-admin3-SimpleContentPanel.fw-help-window ol {
    list-style-type: decimal !important;
}

.fw-admin3-SimpleContentPanel.fw-help-window ul {
    list-style-type: disc !important;
}

/** ------------------------ */
/** Высота чекбокса в заголовке грида */
.x-grid3-hd-checker {
	height: 22px !important;
}

/** Показываем вертикальные ячейки сетки (в гриде) */
.x-grid3-row td.x-grid3-cell {
	padding-right: 0px;
	border-right: 1px solid;
	border-right-color: #EDEDED;
}

/** Показываем ячейки синим цветом */
.x-grid3-cell-inner {
	color: 003366; /** Синенький цвет для всего по умолчанию */
}

/** Отображаем текст в disabled полях так, чтобы его можно было прочитать */
.x-item-disabled {
	color: black;
}

.x-item-disabled * {
	color: black !important;
}

.x-toolbar .x-item-disabled {
	color: black;
}

.x-toolbar .x-item-disabled * {
	color: black;
}

/** Выделяем текущий элемент на форме более активно */
.x-form-focus,textarea.x-form-focus {
	border-left: 1px;
	border-right: 1px;
	border-top: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #00993C;
	/* синий #7eadd9; */ /* #00993C; */ /* 7eadd9 */
}

/** Увеличиваем заголовок Page */
.fwt-page-header-text,.x-panel-tl .fwt-page-header-text {
	font-size: 12pt;
}

/** Обязательное поле */
.fwt-form-required,textarea.fwt-form-required,.fwt-form-required input.x-form-field {
	border-color: #BB6666 !important;
}

/** -------------------------------- */ /** Flow, диаграммы */
.diagram-panel {
	background-color: #FFFFFF;
}

.flow3-connector {
	border: 1px solid #2A8EBF;
	padding: 1px 3px;
	background-color: #2A8EBF;
	color: white;
	text-align: center;
}

.flow3-selected-connector {
	background-color: #FF0000;
}

/** Базовое состояние */
.flow3-node {
	background-color: #EFEFEF;
	border: 1px solid black;
	padding: 4px;
	cursor: pointer;
}

.flow3-node * {
	font-family: Tahoma;
	font-size: 8pt;
}

/** Состояние с ручным редактированием */
.flow3-node-manual-state {
	background-color: #DFE8F6;
	border: 1px solid #99BBE8;
}

/** Выделенное состояние */
.flow3-selected-node {
	background-color: yellow;
}

/** Прямой переход */
.flow3-condition-100 .gwt-diagrams-line {
	background-color: red;
}

/** Параметры в интерфейсе */
.flow3-condition-102 .gwt-diagrams-line {
	background-color: #99BBE8;
}

/** Выполнение SQL */
.flow3-condition-112 .gwt-diagrams-line {
	background-color: green;
}

/** Ожидание потомков */
.flow3-condition-111 .gwt-diagrams-line {
	background-color: black;
}

.flow3-condition-selected .gwt-diagrams-line {
	background-color: #CCCC00;
}

/** -------------------------------- */ /** Выпадающие списки */
.fw-admin3-search-item {
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	padding: 3px 10px 3px 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eeeeee;
	white-space: normal;
	color: #555;
}

.fw-admin3-search-item h3 {
	display: block;
	font: inherit;
	font-weight: bold;
	color: #222;
}

.fw-admin3-search-item h3 span {
	float: right;
	font-weight: normal;
	margin: 0 0 5px 5px;
	width: 100px;
	display: block;
	clear: none;
}

/** -------------------------------- */ /** Экспорт */
.fw-admin3-export-table {
	
}

.fw-admin3-export-table th {
	padding: 4px;
	font-weight: bold;
}

.fw-admin3-export-table td {
	padding: 4px;
}

/** -------------------------------- */ /** Чекбоксики */
.fw-admin3-checkbox {
	height: 13px;
}

.x-grid3-col-ALLOW_VIEW {
	text-align: center;
	background-color: 99cc99;
}

.x-grid3-col-ALLOW_EDIT {
	text-align: center;
	background-color: 99cc99;
}

.x-grid3-col-ALLOW_EXEC {
	text-align: center;
	background-color: 99cc99;
}

.x-grid3-col-DENY_VIEW {
	text-align: center;
	background-color: cc9999;
}

.x-grid3-col-DENY_EDIT {
	text-align: center;
	background-color: cc9999;
}

.x-grid3-col-DENY_EXEC {
	text-align: center;
	background-color: cc9999;
}

.x-grid3-col-ALLOW_STARTER {
	text-align: center;
	background-color: 99cc99;
}

.x-grid3-col-ALLOW_CURATOR {
	text-align: center;
	background-color: 99cc99;
}

.x-grid3-col-ALLOW_SUPERVISOR {
	text-align: center;
	background-color: 99cc99;
}

.x-grid3-col-ALLOW_HISTORY {
	text-align: center;
	background-color: 99cc99;
}

.x-grid3-col-ALLOW_STATE_EXECUTOR {
	text-align: center;
	background-color: 99cc99;
}

.x-grid3-col-ALLOW_STATE_CURATOR {
	text-align: center;
	background-color: 99cc99;
}

.x-grid3-col-DENY_STARTER {
	text-align: center;
	background-color: cc9999;
}

.x-grid3-col-DENY_CURATOR {
	text-align: center;
	background-color: cc9999;
}

.x-grid3-col-DENY_SUPERVISOR {
	text-align: center;
	background-color: cc9999;
}

.x-grid3-col-DENY_HISTORY {
	text-align: center;
	background-color: cc9999;
}

.x-grid3-col-DENY_STATE_EXECUTOR {
	text-align: center;
	background-color: cc9999;
}

.x-grid3-col-DENY_STATE_CURATOR {
	text-align: center;
	background-color: cc9999;
}

/** -------------------------------- */
	/** Product Catalog, условия предоставления */
.offer-param-node {
	background-color: #EFEFEF;
	border: 1px solid black;
	padding: 4px;
	cursor: pointer;
	color: #aaa;
	border-color: #ccc;
}

.offer-param-node-true {
	background-color: #8DCE47;
}

.offer-param-node-false {
	/*background-color: #F30000;*/
	background-color: #E86161;
}

.offer-param-node-hide {
	background-color: #bbb;
}

.offer-param-node-start {
	background-color: #EFEFEF;
}

.offer-param-node-true *, .offer-param-node-false *, .offer-param-node-start *, .offer-param-node-hide * {
	font-size: 14pt !important;
	font-weight: bold !important;
	text-align: center !important;
	padding-top: 2px;
}

.offer-param-node-selected {
	background-color: yellow;
}

.offer-param-node-possible, .offer-param-node-selected {
	color: black;
	border-color: black;
}

.offer-param-node-possible.offer-param-node-target {
	border-style: dashed;
	border-color: #666;
	background-color: #FFB732;
}

.offer-param-node * {
	font-family: Tahoma;
	font-size: 8pt;
}

/** Выполнение условия перехода */ 
.offer-connection-OK .gwt-diagrams-line {
	background-color: #8DCE48;
}

/** В случае невыполнения условия */
.offer-connection-NONE .gwt-diagrams-line {
	background-color: #F30000;
}

.offer-connection-selected .gwt-diagrams-line {
	/*background-color: yellow !important;*/
}

.offer-condition-panel-OK {
	background-color: #8DCE48;
	border-color: #8DCE48 !important; 
	cursor: pointer;
}

.offer-condition-panel-NONE {
	background-color: #F30000;
	border-color: #F30000 !important;
	cursor: pointer;
}

.offer-condition-panel-selected {
	background-color: yellow !important;
}


/** -------------------------------- */
/** Кнопка загрузки файлов */
.fw-file-upload-name {
	font-weight: bolder;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	/*padding-left: 23px;*/
}

.fw-file-upload-custom-name {
    color: gray;
}

.fw-file-upload-btn-top {
	background-color: #fff;
	/*position: absolute;*/
	width: 20px;
	height: 18px; 
	display: inline-block;
}

.fw-file-upload-btn {
	font-weight: bold;  
	margin: 1px 3px;
	color: #000000; 
	font-family: sans font-size: 12pt; 
	cursor: pointer;
}

/** -------------------------------- */
/** Таблица для отображения ОСВ */
.trial-balance {
	background-color: #000;
	border: medium none;
	margin: 10px auto;
}

.trial-balance td{
	background-color: #eee;
	vertical-align: middle;
	text-align: center;
	padding: 0px 2px;
	color: black;
}

.trial-balance td.inherit{
	background-color: #ddd;
}

.tb-rep-period td{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #336699;
}

.trial-balance td.noval {
	background-color: #737373;
}

.trial-balance tr:hover td.val {
	background-color: #BFD4F0;
}

.trial-balance td.tb-green {
	background-color: #ceffce;
}

.trial-balance td.tb-yellow  {
	background-color: #ffff9c;
}

.trial-balance td.tb-red {
	background-color: #ff9ace;
}

div.tb-no-data{
	text-align: center;
	font-weight: bold;
	padding: 3px;
}

.fw-admin3-autocomplete input {
	background: url("../images/autocomplete.png") 99% center no-repeat #fff;
	padding-right: 20px;
}

.fw-admin3-autocomplete  .x-form-invalid {
	background: url("../images/autocomplete.png") 99% center no-repeat,
				url("../gxt/images/default/grid/invalid_line.gif") repeat-x bottom #fff;
    border-color: #CC3300;
    padding-right: 20px; 
}

.x-tip {
	word-break: normal;
}

/** Для того, чтобы был виден значек сообщения об ошибке */
.x-panel-bwrap, .x-panel-body, .x-column {
	overflow:visible;
}

/** Панель логов */
.fw-log-panel * {
	border-collapse: collapse;
}

.fw-log-panel .message-warning span.level {
	background-color:yellow;
}

.fw-log-panel .message-error span.level {
	background-color:red;
}

.fw-log-panel.deny-warning .message-warning{
	display: none;
}

.fw-log-panel.deny-info .message-info{
	display: none;
}

/** Панель логов, доп раскрасска */
.fw-log-panel .log-level.error {
    color: #FF0000;
}
.fw-log-panel .log-level.warn {
    color: #FFA500;
}
.fw-log-panel .log-level.info {
}
.fw-log-panel .log-level.debug {
    color: #777777;
}
.fw-log-panel .log-level.trace {
    color: #888888;
}

/** -------------------------------- */
/** Sql lite window */
.fw-sql-lite-results {
	
}

.fw-sql-lite-results .query {
    padding: 5px;
	font-size: 14px;
	margin-bottom: 5px;
}

.fw-sql-lite-results .no-data-found {
    padding: 5px;
	color: gray;
}

/** ------------------------------ */
/** widgets */
.widget-error-panel {
	color: red;
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
	text-align: center;
}

/* WndUtilsDialog */
.WndUtils {
    cursor: default;
    padding: 5px;
}

.WndUtils pre.prettyprint {
    border: none;
    padding: 0px;
}

.WndUtils h1 {
    color: #008000;
    margin: 10px;
    text-align: center;
}

.WndUtils h3 {
    font-size: larger;
    margin: 20px 0px;
}

.WndUtils table {
    border-collapse: collapse;
    margin: 0px;
    border: none;
    width: 100%;
}

.WndUtils table td {
    padding: 3px;
    border: 1px solid #aaa;
}

.WndUtils table td:first-child {
    width: 20%;
}

.WndUtils p.subtitle {
    color: #808080;
    padding: 7px 0px;
}

/* Меню для GWT 2. После обновления можно будет удалить. */
span.x-menu-item {
   cursor: pointer;
   display: block;
   line-height: 16px;
   outline-color: -moz-use-text-color;
   outline-style: none;
   outline-width: 0;
   padding: 3px 21px 3px 27px;
   position: relative;
   text-decoration: none;
   white-space: nowrap;
}

/* Предпросмотр изображения */
.img-preview-window {
  display: block;
  margin: 0px auto;
}

.x-portlet {
    margin-bottom: 6px;
}
.x-portlet:last-child {
    margin-bottom: 0px;
}
.fw-no-spacing-portal .x-portlet {
    margin: 0px;
}

/* Не отображаем рамку в окне просмотра SQL */
.WndSqlPreview pre.prettyprint {
    border: none;
}

/* Текст многопользовательской защиты интерфейса */
.MultiUserProtection-header {
    color:red;
    font-weight:bold;
    padding:4px;
    display:block;
    text-align:center;
}

/* Дашборд */
.board-portal-menu {
}

.board-portal-menu-left {
   font-family: Tahoma;
   font-size: 12px;
   padding: 0px 2px;
   line-height: 2.2em;
   background-color: #F1F1FA;
}

a.board-portal-menu-item {
    color: #256CB4 !important;
    display: block;
    margin: 0px 6px 10px;
    padding-top: 10px;
    text-decoration: none;
}

a.board-portal-menu-item.current {
    font-weight: bold;
}

a.board-portal-menu-item:hover span {
    text-decoration: underline;
}

a.board-portal-menu-item i.fa {
    font-size: 20px;
}

a.board-portal-menu-item.hidden-menu-item {
    display: none;
}

.dash-board-editor-view a.board-portal-menu-item.hidden-menu-item {
    display: block;
}

.board-portal-menu-center {
    background-color: #F3F7FA;
}

/* Меню с выборм в комбо-боксе */
.widget-combo-menu input {
    background-image: none;
    background-color: #F6F6f6;
}

.widget-combo-menu-list.x-combo-list-inner{
  background-color: #F6F6f6;
  background-image: none;
}

.widget-combo-menu-list .x-combo-list-item {
  border-color: transparent;
}

/* KANBAN */
.kanban-portal {
}
.kanban-portal .x-portal-column {
    background-color: #eee;
}

.kanban-portal .x-portal-column.drop-deny {
    opacity: 0.4;
}

.kanban-portal .x-portal-column.drop-deny .kanban-portlet-header {
    background-color: #F08080;
}

.kanban-portal .x-portal-column.drop-allow {
}

.kanban-portal .x-portal-column.drop-allow .kanban-portlet-header {
    background-color: #3CB371;
}


.kanban-portlet-header {
    text-indent: 3px;
    margin-bottom: 3px;
    background-color: white;
    cursor: default;
    text-transform: uppercase;
}

.kanban-portlet-load-more {
    color: #555;
    cursor: pointer;
    font-style: italic;
    padding: 3px;
}

/* Camunda */
.fw-camunda-BpmnModelerPanel {
    background-color: white;
}

.proc-inst-cnt-note {
    cursor: pointer;
    background-color: #7ACAFF;
    color: Black;
    border-radius: 50%;
    font-family: Arial;
    font-size: 12px;
    padding: 5px;
    min-height: 16px;
    width: max-content;
    min-width: 16px;
    text-align: center;
    user-select: none;
}

.fw-camunda-BpmnRunningInstancesPanel .proc-inst-cnt-note:active {
    transform: translate(1px, 1px);
}

.fw-camunda-BpmnModelerPanel .action-proceed:not(.djs-connection) .djs-visual > :nth-child(1) {
    stroke: rgb(0, 255, 0) !important;
}

.camunda-canvas {
    height: 100%;
    padding: 0;
    margin: 0;
    width: 100%;
}

.camunda-modeler-container .diagram-note {
        background-color: rgba(66, 180, 21, 0.7);
        color: #fff;
        border-radius: 10px;
        font-size: 12px;
        padding: 5px;
        width: 50px;
        text-align: center;
        margin-top: 1px;
}

.needs-discussion_____:not(.djs-connection) .djs-visual > :nth-child(1) {
        stroke: rgba(66, 180, 21, 0.7) !important; /* color elements as red */
}

.camunda-modeler-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.camunda-properties-container {
    border-left: 1px solid #ccc;
    background: #f8f8f8;
    overflow: auto;
}

.camunda-modeler-container,
.camunda-properties-container {
    height: 100%;
}

/* Редактор ячёйки сдвинем вправо (чтобы избежать эффекта наложения)*/
.x-cell-editor-disabled {
    opacity: 0.3;
    /* transform: translateX(2px); */
}

/* MULTI SELECT COMBOBOX */
.x-multi-select-window .x-panel-btns{
background-color:lightgrey;
}

/* Media field */
.x-media-field > * + * {
	margin-top: 10px;
}
.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}