@CHARSET "UTF-8";

/* page path (breadcrumbs) */
.ui-page-path a {
	margin: 0px !important;
}

.ui-page-path span {
	font-family: 'robotomedium' !important;
}

/* search everywere component */
.ui-search-ew-desktop {
	padding-top: 3px;
	padding-right: 15px;
	display: inline-block;
	float: right;
}

.ui-search-ew-desktop i {
	margin-top: 7px;
	margin-right: 7px;
	color: #ffffff;
	float: left;
	font-size: 24px;
}

.ui-search-ew-desktop form {
	float: left;
}

.ui-search-ew-desktop input.ui-autocomplete-input {
	width: 250px;
	background-color: #37474F;
}

.ui-search-ew-mobile {
	padding-left: 5px !important;
}

.ui-search-ew-mobile input.ui-autocomplete-input {
	width: 100% !important;
}

/* top menu command-link*/
#top_menu>li>a.ui-commandlink {
	color: #ffffff !important;
}

#top_menu>li>ul>li>a.ui-commandlink {
	color: #546e7a !important;
}

@media ( min-width : 640px) and (max-width: 960px) {
	#top_menu>li>a.ui-commandlink {
		color: #546e7a !important;
	}
}

@media ( min-width : 480px) and (max-width: 640px) {
	#top_menu>li>a.ui-commandlink {
		color: #546e7a !important;
	}
}

@media ( max-width : 480px) {
	#top_menu>li>a.ui-commandlink {
		color: #546e7a !important;
	}
}

/* panel title colors */
.ui-header-soft-blue>div.ui-widget-header {
	background-color: #03A9F4;
}

.ui-header-blue>div.ui-widget-header {
	background-color: #0288D1;
}

.ui-header-soft-gray>div.ui-widget-header {
	background-color: #f5f5f5;
}

.ui-header-gray>div.ui-widget-header {
	background-color: #90A4AE;
}

.ui-header-bold-gray>div.ui-widget-header {
	background-color: #546E7A;
}

.ui-header-soft-orange>div.ui-widget-header {
	background-color: #FFCC80;
}

.ui-header-orange>div.ui-widget-header {
	background-color: #FB8C00;
}

.ui-header-soft-green>div.ui-widget-header {
	background-color: #A5D6A7;
}

.ui-header-green>div.ui-widget-header {
	background-color: #43A047;
}

.ui-header-leaden-green>div.ui-widget-header {
	background-color: #26A69A;
}

.ui-header-soft-red>div.ui-widget-header {
	background-color: #EF9A9A;
}

.ui-header-red>div.ui-widget-header {
	background-color: #E53935;
}

.ui-header-pink>div.ui-widget-header {
	background-color: #FF4081;
}

.ui-header-soft-purple>div.ui-widget-header {
	background-color: #CE93D8;
}

.ui-header-purple>div.ui-widget-header {
	background-color: #8E24AA;
}

.ui-header-yellow>div.ui-widget-header {
	background-color: #F7D100;
}

/* columns */
.columns {
	width: 100%;
	display: table;
}

td>.columns {
	margin-bottom: 0
}

.columns>h2 {
	width: 100%;
	margin-bottom: 10px;
	color: #525252;
	font-weight: bold
}

.columns>div, .columns>.column {
	display: table-cell;
	/*max-width: 0;*/
	padding: 0 8px;
	box-sizing: border-box;
	vertical-align: top
}

.columns>div:first-of-type, .columns>.column:first-of-type {
	padding-left: 0
}

.columns>div:last-of-type, .columns>.column:last-of-type {
	padding-right: 0
}

.columns.padding-10>.column {
	padding-top: 10px
}

.columns.padding-10>div:first-of-type, .columns.padding-10>.column:first-of-type {
	padding-left: 10px
}

.columns.padding-10>div:last-of-type, .columns.padding-10>.column:last-of-type {
	padding-right: 10px
}

.columns>div>h3, .column>h3 {
	margin-top: 10px
}

.columns>div>p, .column>p {
	margin-bottom: 4px
}

.columns>div>ul, .column>ul {
	padding-left: 15px;
	margin: 0 0 10px
}

.column>ul:last-child {
	margin-bottom: 0
}

.column .name-value {
	flex-grow: 1
}

.column>.name-value {
	margin-bottom: 0
}


.with-badge {
	overflow: visible !important;
}

.padding-left-2 {
	padding-left: 2px;
}

/* редактор запроса в диалоге */
#query_editor_dd .CodeMirror {
	border: 1px solid #eee;
	width: 454px;
	height: auto;
}