/**
 *
 *  Ext JS Carbon Skin overrides for custom Siedle look.
 *  This file should just define the x-style (Ext JS/Carbon skin) overrides 
 *
 */
 


.x-body {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #fff;	
}

.x-viewport, .x-viewport body {
	overflow: auto;	
}

.x-panel-header-text-container-default .x-panel-header-text,
.x-panel-header-text-default {
	text-shadow: none;
}

.x-border-layout-ct {
	background: #282828;
}

.x-panel-body-default {
	color: #fff;
}

.x-panel-header-default {
	background: #393939; /* check borders...*/
}

.x-panel-header-text-default {
	font-family: arial, verdana, sans-serif;
	color: #ffcc00;
}

.x-panel-header-horizontal {
	padding: 3px 10px 4px;
}

.x-panel-header, .x-panel-body {
	border-color: white;
	border-left:0;
	border-right:0;	
} 

/* Debug panel borders:
.x-panel-header {
	border-color: green !important;
	border-left:0;
	border-right:0;	
} 

.x-panel-body {
	border-color: red;
	border-left:0;
	border-right:0;	
} */

.x-tab-bar-body, .x-tab-bar .x-panel-body {
	border: 0;
} 

.x-accordion-hd {
	background: #393939 !important;
}

.x-panel-header-default.x-accordion-hd {
	border-top-color: #393939 !important;
	cursor: pointer;
}

.x-panel-body {
	background: #202020;
}

.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label, 
.x-item-disabled .x-form-trigger {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;	
}

.x-btn {
	margin-right: 6px;
}

.x-datepicker-month > .x-btn {
	margin-right: 0;
}

.x-form-field, .x-form-display-field, 
.x-btn-default-small .x-btn-inner,
.x-form-item,
.x-form-item-label {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #fff;
}

.x-form-field, .x-form-display-field {
	padding: 0 6px;	
}

.x-btn-default-small {
	border: 1px solid #393939;
	background: #393939;
	padding: 2px 8px;
	/*min-width: 110px;*/
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.x-panel-header .x-btn-default-small {
	padding: 2px 0px;
	margin: 0px 3px;	
}

.x-btn-default-small:focus .x-btn-inner {
	color: #ffcc00;	
}


.x-btn-default-small-over .x-btn-inner {
	color: #ffcc00;
}


.x-form-text, textarea.x-form-field {
	border: 0;
	background: black;
}

.x-form-text[readonly="readonly" role^="combobox"] {
	background: #1b1b1b;
	color: #fff;
}

.x-form-invalid-field, textarea.x-form-invalid-field {
	/*color: #000;*/
	border: 1px solid #ff2200;
}

.x-form-focus, textarea.x-form-focus {
	background: #ccc;
	border: 1px solid #000;
	color: #000;
	transition: background 0.3s ease-in-out;
}

.x-form-text, .x-btn-default-small, .x-btn-default-toolbar-small, .x-btn-default-toolbar-small-over {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.x-item-disabled .x-form-field {
	/*opacity: 0.2*/
	background-color: #1b1b1b;/*color added in order to correct show disabled checkbox */ 
	color: #666;
}

.x-item-disabled .x-form-checkbox {
	opacity: 0.3
}

.x-form-field[id^="fileuploadfield"] {
	background: #000 !important;
}

.x-toolbar-default {
	border-top: 1px solid white;
	background: transparent;
	box-shadow: none;
}

.x-datepicker, .x-datepicker-header, table.x-datepicker-inner th, .x-datepicker-footer {
	border-color: white;
}

.x-datepicker {
	border-left:0;
	border-right:0;	
}

.x-datepicker,
.x-datepicker-footer, 
.x-datepicker-header,
table.x-datepicker-inner th {
	background: #393939;
}

table.x-datepicker-inner td {
	border: 0;
}

.x-panel-collapsed .x-window-header-default, .x-panel-collapsed .x-panel-header-default {
	border-color: white;
}


div.x-accordion-item div span.x-panel-header-text {
	color: #ffcc00;
}
div.x-accordion-item.x-panel-collapsed div span.x-panel-header-text {
	color: #fff;
}



/* Chrome Bug fix for carbon 1.0 skin with ExtJS >= 4.2, 100% width causes issues with the date picker, replaced with a fixed width
.x-datepicker {
   width:250px !important;
} */

.x-panel-body {
	font-size: 11px;
}

.x-body a, .x-body a:link, .x-body a:visited {
	color: #fff;	
	font-size: 11px;
}
.x-body a:active, .x-body a:hover {
	color: #ffcc00;	
}

table.x-datepicker-inner th,
table.x-datepicker-inner a {
	font-family: arial, verdana, sans-serif;
	color: #fff !important;
	text-align: center;
}

table.x-datepicker-inner .x-datepicker-today a {
	color: #ffcc00 !important;
	border: 0;
	background: #393939;
}

/** check column styles  */

.x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 2px;
    line-height: 14px;
}


.x-grid-row .x-grid-cell, 
.x-toolbar .x-toolbar-text,
.x-column-header  {
	font-family: arial, verdana, sans-serif;
}

.x-grid-row-selected .x-grid-cell {
	background: #000 !important;
}

.x-column-header,
.x-column-header-over {
	background: #393939;
	border-right: 1px solid #202020;
}


.x-grid-header-ct {
	border: 1px solid #202020;
	border-bottom: 0;
}

.x-column-header-trigger {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.x-panel .x-grid-body {
	border:0;
	background: transparent;
}

.x-grid-row .x-grid-cell {
	background: transparent;
	border-color: #000;
	padding-top: 1px;
}

.x-grid-with-row-lines .x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 3px;
}
.x-grid-checkheader {
    height: 14px;
	width: 14px;
	/*
    background-image: url('ext-4.1.1a/resources/themes/images/carbon/form/checkbox.png');
    background-position: -17px 0; 50% -2px; */
	background-image: url('../img/column_checkbox.png');
	background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-checkheader-checked {
	/*
    background-image: url('ext-4.1.1a/resources/themes/images/carbon/form/checkbox.png');
	background-position: -17px;
	*/
	background-image: url('column_checkbox.png');
	background-position: -15px 0;
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

.x-panel-body table.x-table-layout tr td {
	vertical-align: top;
}

.x-form-cb-wrap {
	padding: 0;
}


/** tr:hover seems faster than setting hover-effect via .x-grid-row-over
.x-grid-row-over {
} */

.x-grid tr.x-grid-data-row:hover td {
	background: #000;	
	opacity: 0.5;
}

.x-toolbar .x-toolbar-text {
	color: #fff;
}

.x-action-col-cell img {
  height: 12px;
  width: 12px;
  cursor: pointer;
  margin: 2px;
}


.x-mask {
	/* load indication done by progress bar, so x-mask can be transparent for a smart screen without flickering */ 
	background: #000;
	opacity: .6;
}

.x-window-default {
	background: #202020;
	border: 1px solid #202020;
	border-radius: 0;
}

.x-window-header-default-top {
	background: #393939;
	border-radius: 0;
	border: 0;
}

.x-window-header-text-container-default .x-window-header-text {
	text-shadow: none;	
}

.x-window-header-text-default {
	color: #fff;
	text-shadow: none;
}

.x-message-box .x-window-body {
	background: #202020;	
}

.x-tab-bar {
	border: 0;
	border-top: 1px solid white;
}

a.x-tab-top-active, 
a.x-tab-over:hover, a.x-tab-over:link, a.x-tab-over:visited {
	background: #393939 !important;
	color: #ffcc00 !important;
}

.x-tab, .x-tab-over {
	background: #202020;
	border-radius: 0;
}

.x-tab-default-top {
	background-image: none;
}

table.x-datepicker-inner .x-datepicker-selected a,
table.x-datepicker-inner a:hover, 
table.x-datepicker-inner .x-datepicker-disabled a:hover,
.x-monthpicker-item a.x-monthpicker-selected,
.x-monthpicker-item a:hover {
	background: #202020;
	border: 1px solid #202020;
	color: #ffcc00 !important;
}

.x-monthpicker {
	background: #393939;	
}

.x-datepicker .x-monthpicker {
	width: 180px !important;
}

.x-monthpicker-item a {
	color: #fff !important;
}

.x-datepicker-footer, .x-monthpicker-buttons {
	background: #393939;
}

.x-monthpicker-yearnav .x-monthpicker-yearnav-button {
	width: 12px;
}

.x-datepicker, 
.x-datepicker-header, 
table.x-datepicker-inner th, 
.x-datepicker-footer,
.x-monthpicker-buttons,
.x-monthpicker-months {
	border-color: #fff;
}

.x-trigger-cell {
	background: transparent;	
}

.x-body .x-grid-row-selected a:link,
.x-body .x-grid-row-selected a:visited, 
.x-body .x-grid-row-selected a:hover {
	color: #ffcc00;
}


/** grid checker image pixel fix */
.x-grid-row-checker {
	background-position: 50% -1px;
}
.x-grid-row .x-grid-cell-row-checker {
	padding-top: 0 !important;
	vertical-align: top;
}


.x-grid-group-hd {
	background: #202020;
	border-color: #000;
	padding: 3px;
}

.x-grid-group-title {	
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffcc00;
	padding: 0 4px;
}

.x-window-body-default {
	background: #202020;
	border: 0;
	color: #fff;
}

.x-mask-msg div {
	background-color: #282828;
	color: #fff;
}

.x-toolbar .x-toolbar-separator-horizontal {
	display: none;
}



/** 
 *
 *  Extra style fixes for IE 8,9 
 *
 */
.x-nlg .x-toolbar-default {
	background-image: none !important;
}

.x-nlg .x-column-header,
.x-nlg .x-column-header-over {
	background-color: #393939;
	background-image: none !important;
}

.x-nlg .x-panel-header-default-top {
	background: #393939;
	background-image: none !important;
}

.x-nlg .x-btn-default-small,
.x-nbr .x-btn-default-small {
	background: #393939; 
	background-image: none;
	border: 0;
	padding: 2px 8px !important;
	
}

.x-nlg .x-datepicker-footer,
.x-nlg .x-datepicker-header,
.x-nlg .x-monthpicker-buttons {
	background: #393939;
}

.x-nlg .x-btn-default-toolbar-small-over {
	background: #333 !important;
}

.x-ie8m .x-form-text {
	line-height: 20px;
}

.x-nbr .x-window-default {
	background: #202020;
}

.x-nbr .x-window-header-default-top {
	background: #393939;
}

.x-body ::-webkit-scrollbar {
	width: 17px;
}

.x-body ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0;
}

.x-fieldset {	
	border: 1px solid #393939;
	border-radius: 0;
	box-shadow: none;
}

/** 4.2.2 Style Fixes for Carbon Skin */
.x-menu-item-icon.x-hmenu-sort-asc {	
	background: url('../lib/ext/resources/themes/images/carbon/grid/hmenu-asc.png');
} 

.x-menu-item-icon.x-hmenu-sort-desc {	
	background: url('../lib/ext/resources/themes/images/carbon/grid/hmenu-desc.png');
} 

.x-menu-item-icon.x-cols-icon {	
	background: url('../lib/ext/resources/themes/images/carbon/grid/columns.gif');
} 

.x-menu-item-indent {	
	margin-left: 1px;
}

.x-menu-item-active .x-menu-item-link  {	
	background: #202020 !important;
	opacity: 0.8;
	border: 0;
	margin: 1px;
} 

.x-fieldset-header {
	background-color: #202020;
	color: #fff;
}

.x-form-cb-wrap-inner {
	min-height: 18px;
}

/*
* {
    transition: none !important;
}
*/