.bodyContainer-body{
	background-color: black!important;
}

/******************/
/* --- GENERAL --- */
/******************/

.important-text{
	color: red!important;
	font-weight:bold!important;
}
.jw-block-action,
.jw-block-action .x-grid-cell-inner,
.jw-block-action img.x-action-col-icon{
	cursor: not-allowed !important;
}

/******************/
/* --- HEADER --- */
/******************/

/* put a background black to the header */
.kynox-header-body, .header-info-body{
	background-color: black; /* #3A4E64; */
	padding: 3 5 0 5;
	color: white;
}
.header-info-body .x-form-display-field{
	color: white;
	font-weight: bold;
	cursor: pointer;
}
/*.header-info-body label.info-header{
	margin: 2 5 0 0;
}*/

/* Icon of TriggerField search */
.header-search .info-header .x-form-trigger{
	background-image: url("../../ext/resources/themes/images/slate/form/search-trigger.gif")!important;
}

.header-logout{
	text-align:right;
	float:right;
	margin-top:5px;
	margin-right:10px;
}

.info-header-label {
	margin-top:5px;
}

.info-header-displayfield .x-form-display-field {
	padding-top:5px;
	padding-left:3px;
}

.header-version{
	margin-left:10px;
}
  
.header-logout button span{
	font-weight: bold;
}

.quick-access-bar{
background: #ededed !important;
background: -moz-linear-gradient(top,  #ededed 1%, #d4d4d4 50%, #ebebeb 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(50%,#d4d4d4), color-stop(100%,#ebebeb))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 1%,#d4d4d4 50%,#ebebeb 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 1%,#d4d4d4 50%,#ebebeb 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 1%,#d4d4d4 50%,#ebebeb 100%)!important; /* IE10+ */
background: linear-gradient(top,  #ededed 1%,#d4d4d4 50%,#ebebeb 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ebebeb',GradientType=0 )!important; /* IE6-9 */
}

.jw-gridpanel-center .x-column-header,
.jw-gridpanel .x-column-header{
	background-image:-moz-linear-gradient(center top , #ccdfd9, #9eaea6)!important;
	text-align: center!important;
}

div.jw-gridpanel-center tr.x-grid-row td.x-grid-cell div.x-grid-cell-inner,
div.jw-gridpanel-center tr.x-grid-row-summary td.x-grid-cell div.x-grid-cell-inner{
	text-align: center!important;
}

.jw-status-column{
	text-align: center !important;
}

.jw-gridpanel img{
	height: 15px;
}

/******************************/
/* --- DESKTOP BACKGROUND --- */
/******************************/

.jw-background{
	background-color: black;
	background-image: url("../images/kynox-logo-light.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
	border: none;
}
div.x-container.jw-background div.x-portal div.x-portal-body{
	background-color: black;
	background-image: url("../images/kynox-logo-light.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
	border: none;
}
.jw-desktop-panel-body,
div.x-panel-body.jw-dashboard-tabnel{
	background-color: black;
	background-image: url("../images/kynox-logo-light.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
	border:none;
}
.jw-tab-panel-body{
	background-color: black;
	background-image: url("../images/kynox-logo-light.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
	border:none;
}
div.x-panel-body.jw-graph-panel-body{
	background-color: black;
	background-image: url("../images/globe.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
	border:none;
}

.jw-tab-panel-body .x-panel-body-default{
	background:none!important;
}
/******************/
/* --- TOOLTIP --- */
/******************/

div.tooltip-jiway{
	border: 1px solid #C3CFDB;	
	background: #4aad97; /* Old browsers */
	background: -moz-linear-gradient(top,  #4aad97 0%, #24a287 26%, #13755c 55%, #24a287 79%, #4aad97 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4aad97), color-stop(26%,#24a287), color-stop(55%,#13755c), color-stop(79%,#24a287), color-stop(100%,#4aad97)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4aad97 0%,#24a287 26%,#13755c 55%,#24a287 79%,#4aad97 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4aad97 0%,#24a287 26%,#13755c 55%,#24a287 79%,#4aad97 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4aad97 0%,#24a287 26%,#13755c 55%,#24a287 79%,#4aad97 100%); /* IE10+ */
	background: linear-gradient(top,  #4aad97 0%,#24a287 26%,#13755c 55%,#24a287 79%,#4aad97 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aad97', endColorstr='#4aad97',GradientType=0 ); /* IE6-9 */
}
div.tooltip-jiway div.x-tip-body{
	border-top: 1px solid #C3CFDB;
}
div.tooltip-jiway div.x-tip-header-text-container{
	margin: 0 0 10 0;
	vertical-align: top;
	text-align: center;
}
div.tooltip-jiway div.x-tip-body{
	color: white /*#C3CFDB*/;
}
div.tooltip-jiway span.x-tip-header-text, 
div.tooltip-jiway div.x-tip-body strong{
	font-weight: bold;	
	color: white;
}
div.tooltip-jiway div.x-tip-body ul li{
	padding-top: 5px;
}

.tooltip-jiway-body .x-panel-body{
	background-color: #F1F2F6;
}

/******************/
/* --- LOGIN --- */
/******************/

.container-info-login{
	text-align: right;
}

.login-box-body{
	width: 450px;
	height: 250px;
	border:solid 1px #ccdcd6; 
	overflow:visible; 
	display:inline-block; 
	/*margin:100px 0 0 100px;*/
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	position:relative;
	box-shadow: inset 0 0 1px #fff; 
	-moz-box-shadow: inset 0 0 1px #fff; 
	-webkit-box-shadow: inset 0 0 1px #fff;
	background: #4aad97; /* Old browsers */
	background: -moz-linear-gradient(top,  #4aad97 0%, #24a287 26%, #13755c 55%, #24a287 79%, #4aad97 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4aad97), color-stop(26%,#24a287), color-stop(55%,#13755c), color-stop(79%,#24a287), color-stop(100%,#4aad97)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4aad97 0%,#24a287 26%,#13755c 55%,#24a287 79%,#4aad97 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4aad97 0%,#24a287 26%,#13755c 55%,#24a287 79%,#4aad97 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4aad97 0%,#24a287 26%,#13755c 55%,#24a287 79%,#4aad97 100%); /* IE10+ */
	background: linear-gradient(top,  #4aad97 0%,#24a287 26%,#13755c 55%,#24a287 79%,#4aad97 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aad97', endColorstr='#4aad97',GradientType=0 );
	padding-left:10px;
	padding-top:10px;
}

.container-form-login{
	margin-top:40px;
	background-color:#f1f2f6;
	margin-left:40px;
}

.container-form-login-body{
	background-color:#f1f2f6;
	padding-top:10px;
	padding-left:10px;
}

.x-btn-login{
	margin-left:245px;
}

.x-btn-login {
    border:none!important;
	background-color:#13755d!important;
}

.lbl-title-login {
	color:white;
	font-size:20px;
}

.container-info-login{
	margin-left:120px;
}

.login-box-body .container-form-login{
	background-color:#F1F2F6!important;
}

/*********************/
/* --- SHORTCUT --- */
/*********************/

/* Start menu */

div.main-menu-item{
	background-color: white;
	height:30px; /* see for that... */
}
div.main-menu-item a img{
	width: 24px; height: 17px;
}

/* Background-color for the right side of start menu */
div.main-menu-docked.x-toolbar{
	padding: 0;
	background: #64a497;
}

div.main-menu-docked div.x-box-inner em button span.x-btn-inner{
	background-color:#64a497;
	color: white; font-weight: bold;
	text-align: left;
}

div.main-menu-docked div.x-btn-default-toolbar-small{
	background-color:#64a497!important;
}

/* Height of elements in the shortcut menu */
.x-menu-item-link{
	line-height:17px!important;
}

.x-menu-item-arrow{
	top:4px!important;
}

/* add padding on row summary */ 
.x-grid-rowbody{
	padding: 0 5px 5px;
}

.x-menu-item-text{
	top:-7px!important;
}

/*********************/
/* --- DASHBOARD --- */
/*********************/

.main-dashboard .x-portal-body{
	background-color: black;
	background-image: url("../images/kynox-logo-light.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
	border: 0;
}
.root-dashboard .x-portal-body{
	background-color: black;
	background-image: url("../images/kynox-logo-light.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
	border: 0;
}
.root-dashboard .x-panel-body-default{
	background-color: black;
	background-image: url("../images/kynox-logo-light.png"); 
	background-position: right bottom; 
	background-repeat: no-repeat;
	border: 0;
}

.address-tooltip {
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	position: relative;
	width: 200px;
}

.x-panel.portlet-mostRecentDocs{
	width: 630px!important;
}

/* Jw Window */
.jw-window .x-window-header-text-default{
	color:black!important;
}

.jw-window.x-window-default{
	border-color:black!important;
	box-shadow:0 1px 0 0 black inset, 0 -1px 0 0 black inset, -1px 0 0 0 black inset, 1px 0 0 0 black inset!important;
}

.jw-window .x-window-header-default-top{
    box-shadow: 0 1px 0 0 black inset, -1px 0 0 0 black inset, 1px 0 0 0 black inset!important;
}

/* Widget search : Btn ok */
.jw-btn-ok{
	margin-left:10px;
}

/* DataView of full search */ 
.img-full-search {
    font: 10px Arial, Helvetica, sans-serif;
	width:500px;
}

.img-full-search .thumb {
	padding: 3px;
	color: black;
}

.img-full-search .thumb-wrap {
	width: 105px;
	height: 80px;
	float: left;
    margin-top: 5px;
	cursor: pointer;
	text-align: center;
	color: black;
}

.img-full-search .x-item-over{
    border: 1px solid #dddddd;
    background: #efefef url(over.gif) repeat-x left top;
    padding: 4px;
}

.img-full-search .thumb-wrap span {
	color: black;
	display: block;
    overflow: hidden;
    text-align: center;
	font-size: 13px;
}

.img-full-search .thumb-wrap:hover {
    background-color: #aabbcc;
	color:white;
}

/*
.img-full-search .x-item-selected {
    background: #aabbcc;
    border: 1px solid #aabbcc;
    padding: 4px;
}*/
/*
.img-full-search .x-item-selected .thumb {
    background:transparent;
}*/
/*
.img-full-search.x-item-selected span {
    color:white;
}*/

.img-full-search .loading-indicator {
    font-size:11px;
    background-image:url('../../resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}

/* DataView of settings */ 
.img-settings {
	background-color: white;
	background-position: right bottom; 
	background-repeat: no-repeat;
	border:none;
}

.img-settings .thumb {
	padding-top: 3px;
	display: table;
    margin: 0 auto;
    word-wrap: break-word; 
}

.img-settings .thumb-wrap {
	width: 95px;
	height: 90px;
	float: left;
    margin: 20px;
    padding:5px;
	cursor: pointer;
	border-radius: 10px;
	border: 4px solid #66bde8;
	position: relative;
	overflow:hidden;
	vertical-align: text-bottom;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	
}

/*.img-settings .x-item-over{
    border: 4px solid #ff8040;
    background: #efefef url(over.gif) repeat-x left top;
    padding: 4px;
}*/

/*.img-settings .thumb-wrap span {
	color: #848583;
	display: block;
	display: -webkit-box;
    overflow: hidden;
    text-align: center;
	font-size: 12px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	 position: absolute;
    bottom: 0;
    padding-bottom: 5px;
}*/

.img-settings .thumb-wrap span {
	text-overflow: ellipsis;
}

.img-settings .thumb-wrap:hover {
	border:4px solid #1ca5e8;
	/*color: #ff8040;*/
}

.x-panel-without-border{
	border-style:none !important;
}

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

/************************/
/* --- CREATE FORMS --- */
/************************/

/* Required field in create form */

.jw-required .x-form-item-label-left{
	background-image:url('../../resources/images/required_star.gif');
	background-repeat:no-repeat;
	background-position:right;
}
.jw-required .x-form-item-label-top{
	background-image:url('../../resources/images/required_star.gif');
	background-repeat:no-repeat;
	background-position:right;
}

/*************************/
/* --- DETAILS FORMS --- */
/*************************/

/* Fields in read only */
.jw-textfield.x-form-readonly,
.jw-numberfield.x-form-readonly,
.jw-numericfield.x-form-readonly,
.jw-combo.x-form-readonly,
.jw-datefield.x-form-readonly,
.jw-search.x-form-readonly,
.jw-search-combo.x-form-readonly,
.jw-checkbox.x-form-readonly,
.jw-radio.x-form-readonly,
.jw-colorfield.x-form-readonly,
.jw-timefield.x-form-readonly,
.jw-numberfield.x-form-readonly,
.jw-textarea.x-form-readonly,
.ext-dt-range.x-form-readonly
{
	border-top: 1px solid #B9C6D3!important;
	border-bottom: 1px solid #B9C6D3!important;
	width:400px!important;
}

.jw-combo-time-zone.x-form-readonly{
	border-top: 1px solid #B9C6D3!important;
	border-bottom: 1px solid #B9C6D3!important;
	width:550px!important;
}

.jw-field-targetPanel.x-form-readonly
{
	border-top: 1px solid #B9C6D3!important;
	border-bottom: 1px solid #B9C6D3!important;
	width:200px!important;
}

.jw-textfield-slider.x-form-readonly{
	width:50px!important;
	border-top: 1px solid #B9C6D3!important;
	border-bottom: 1px solid #B9C6D3!important;
	margin:auto!important;
}

.jw-slider.x-form-readonly{
	border-top: 1px solid #B9C6D3!important;
	border-bottom: 1px solid #B9C6D3!important;
}

.x-form-readonly .x-form-cb-label{
	margin-left:5px!important;
	padding-bottom:10px!important;
}
.x-form-readonly .x-form-item-label{
	margin-left:5px!important;
}

.x-checkboxgroup-form-item.x-form-readonly{
	/*background-color:#f6f6f6!important;*/
	border:none!important;
	width:auto!important;
	background-color:none!important;
}

.jw-form-account-credit-debit.x-form-readonly
{
	border-top: 1px solid #B9C6D3!important;
	border-bottom: 1px solid #B9C6D3!important;
	width:300px!important;
}

/** TRY TO FIND A BETTER WAY TO CHANGE THE STYLE :
	THIS CODE WORKS BUT WE HAVE TO LIST ALL COMPONENTS WE ARE USING
	EXCEPT COLORFIELD **/
.jw-textfield.x-form-readonly .x-form-text,
.jw-numberfield.x-form-readonly .x-form-text,
.jw-numericfield.x-form-readonly .x-form-text,
.jw-combo.x-form-readonly .x-form-text,
.jw-combo-time-zone.x-form-readonly .x-form-text,
.jw-datefield.x-form-readonly .x-form-text,
.jw-search.x-form-readonly .x-form-text,
.jw-search-combo.x-form-readonly .x-form-text,
.jw-slider.x-form-readonly .x-form-text, 
.jw-timefield.x-form-readonly .x-form-text,
.jw-textfield-slider.x-form-readonly .x-form-text,
.jw-field-targetPanel.x-form-readonly .x-form-text,
.jw-form-account-credit-debit.x-form-readonly .x-form-text{
	border:none!important;
	background:#e3e3e3!important;
}

.jw-textarea.x-form-readonly textarea.x-form-field{
	border:none!important;
	background:#e3e3e3!important;
}

.x-form-readonly .x-form-field{
	background-color:none!important;
	border:none!important;
	font-weight:bold;
}

.x-form-item-label{
	margin-left:5px;
}

.jw-textfield .x-form-item-label{
	color:#073329;
}
.jw-tinymce .x-form-item-label{
	color:#073329!important;
}
.jw-textarea .x-form-item-label{
	color:#073329;
}
.jw-required-textfield .x-form-item-label{
	color:#073329;
}
.jw-required-textarea .x-form-item-label{
	color:#073329;
}

.jw-timefield .x-form-item-label{
	color:#073329;
}
.jw-required-timefield .x-form-item-label{
	color:#073329;
}

.jw-numberfield .x-form-item-label{
	color:#073329;
}
.jw-required-numberfield .x-form-item-label{
	color:#073329;
}

.jw-datefield .x-form-item-label{
	color:#073329;
}

.jw-required-combo .x-form-item-label{
	color:#073329;
}
.jw-combo .x-form-item-label{
	color:#073329;
}

.jw-combo-time-zone .x-form-item-label{
	color:#073329;
}

.jw-required-checkbox .x-form-item-label{
	color:#073329;
}

.jw-radiogroup .x-form-item-label{
	color:#073329;
}

.jw-checkbox .x-form-item-label{
	color:#073329;
}

.jw-radio .x-form-item-label{
	color:#073329;
}

.jw-search .x-form-item-label{
	color:#073329;
}

.jw-colorfield .x-form-item-label{
	color:#073329;
}

.jw-label{
	color:#073329!important;
	margin-left:5px!important;
	display:inline-block;
	padding-bottom:5px!important;
}

.jw-slider .x-form-item-label{
	color:#073329;
	margin-bottom:3px!important;
}

.jw-field-targetPanel .x-form-item-label{
	color:#073329;
}

.ext-dt-range .x-form-item-label {
    color: #073329;
}

.jw-field-targetPanel{
	margin-right:10px!important;
}

.x-form-readonly .x-form-cb-label-before {
  	margin-left: 5px;
    color:#073329;
}

.x-form-cb-label-after {
   /* margin-left: 4px;*/
    color:#073329;
}

.x-trigger-noedit {
    cursor:text;
}

/* Jiway Form Panel */

.jw-form-panel-body, .jw-form-panel{
	background-color:#e3e3e3!important;
}

div.jw-readOnly, div.jw-readOnly 
div.jw-form-panel-body, div.jw-readOnly{
    background-color: white !important;
}


/*.jw-readOnly .jw-form-panel-body, .jw-form-panel{
	background-color:white!important;
}

.jw-editing .jw-form-panel-body, .jw-form-panel{
	background-color:#e3e3e3!important;
}*/

.jw-panel-body,
.jw-panel{
	background-color:black!important;
}

.grd-displayedShortcuts{
	margin-top:10px;
}
/*div.jw-readOnly,
div.jw-readOnly div.jw-form-panel-body,
div.jw-readOnly div.jw-form-panel-body .x-form-text,
div.jw-readOnly div.jw-form-panel-body .x-form-trigger-input-cell{
	background-color:white!important
}*/
/*
.bck-color-white{
	background-color:white!important;
}*/

.bck-color-grey{
	background-color:#e3e3e3!important
}

/*
.bck-color-white .jw-form-panel-body{
	background-color:white!important
}*/

.bck-color-grey .jw-form-panel-body {
	background-color:#e3e3e3!important
}

.ribbon{
	border-bottom-color:#bfbfbf!important;
	border-bottom-width:2px!important;
}

.x-fieldset .x-panel-body-default{
	border:none!important;
}
.x-param .x-panel-body-default{
	border:none!important;
}

.x-param .x-toolbar{
	border:none!important;
}

.x-param .x-panel-body{
	background-color:#E4E4E4!important;
}

.x-param .x-panel-body .jw-form-panel{
	background-color:#E4E4E4!important;
}

.jw-fieldset{
	border-color:#B7C8D7!important;
}

.jw-combo-search .x-form-item-label{
	color:#454E4B!important;
}

.jw-panel-search .x-panel-body-default{
	border:none!important;
}

.x-root-sum .x-panel-body .x-panel-default-framed{
	border:none!important;
}

.x-address-sum .x-panel-body .x-panel-default-framed{
	border:none!important;
}

.x-mailbox-doc .x-panel-body .x-panel-default-framed{
	border:none!important;
}

/** Header of accordion panel **/
.jw-header-accordion-panel .x-panel-header{
	border-bottom-width:1px!important;
	border-bottom-color:black!important;
}

/** Test for QuickBar **/

.yes.x-btn-default-toolbar-small{
	border-color:red!important;
}

.root-dashboard .jw-column .x-panel-body-default{
	background:transparent!important;
}

.x-margin-left{
	margin-left:10px!important;
}

.jw-loading-background{
	background:url("../../resources/images/loading.gif") no-repeat center black!important;
}

/*** highligh button ***/
.jw-button-highlight{
	background-color: #B2CDBB;
}

.jw-medium-flat-button.x-btn-default-medium{
	background-color: #539185 !important; 
	background-image: none !important;
	border-width: 1px !important;
	border-color: black !important;
}
.jw-medium-flat-button.x-btn-default-medium span.x-btn-inner{
	color: white !important; 
	font-size: 10pt !important;
}
.jw-medium-flat-button-over.x-btn-default-medium{
	background-image: none !important;
}
.jw-medium-flat-button-over.x-btn-default-medium span.x-btn-inner{
	color: #B2CDBB !important;
}

/*** trigger color field ***/
.x-form-color-field{
	background-image: url("../images/color-trigger.gif");
    background-position: 0 0;
    border-bottom: 1px solid #B5B8C8;
    cursor: pointer;
    height: 21px;
    overflow: hidden;
    width: 17px;
}

.x-color-picker, .x-color-picker {
  height: 195px;
  position: relative;
  overflow: hidden;
}
.x-color-picker div canvas {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.x-color-picker-wheel {
  z-index: 1;
}
.x-color-picker-gradient  {
  z-index: 0;
}

/*** JPicker ***/
.x-form-field-wrap .x-form-color-field {
    background-image: url(../images/color-trigger.png);
}

#jPicker { margin: 0px 8px; text-align: left; }
#jPicker ul { font-size: 15px; margin: 0px 0px 0px 15px; padding: 0px; }
#jPicker ul li { list-style: disc; padding: 2px 0px; }
#jPicker ul li ul { margin-bottom: 10px; }
#jPicker ul li ul li { list-style: circle; }
#jPicker p { font-size: 13px; padding: 0px 10px; }
#jPicker hr { clear: both; }
#jPicker h2.jPicker { font-size: 16px; padding: 20px 10px; }
#jPicker code { color: #8bd; font-size: 14px; font-weight: bold; }
#jPicker pre { background: #eee; border: 1px solid #000; color: #000; display: block; font-size: 11px; margin: 10px 5px; padding: 5px; }
#jPicker span { font-size: 13px; text-align: center; }
#jPicker a { color: #ff8050; }
#jPicker input { font-size: 13px; padding: 2px 5px; }
#jPicker h2 { font-size: 16px; margin: 10px 0px; }

hr {
	background: transparent;
	border: 0 none;
    clear: both;
    height: 2px;
    margin: 10px 0;
    width: 100%;
}

/*** Grid paging toolbar ***/
.x-toolbar .x-toolbar-text{
	color:#073329!important;
}

.x-action-col-cell img
{
width: 16px;
height: 16px;
margin-top: 3px;
margin-right: 3px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
}

.x-action-col-cell img.authorized {
background-image: url("../icons/authorized16.png") !important; }


.x-action-col-cell img.notauthorized {
background-image: url("../icons/notauthorized16.png") !important; }

.x-grid-row .x-grid-cell.bck-primary-distribution {
	background-color:#FC3!important;
}

.x-grid-row .x-grid-cell.bck-active-soon-stuffer {
	background-color:#FC3!important;
}
/*** Slider ***/
.x-slider-horz .x-slider-thumb {
    background-image: url(../images/slider-thumb.png);
}
.custom-slider {
    background-image:url(../images/ticks.gif);
}
.custom-slider .x-slider-thumb {
   background-image:url(../images/slider-thumb.png);
}

/*** checkbox group ***/
.chk-status-filter .x-form-cb-label-after {
	font-size:10px !important;
}
.chk-status-filter .x-checkboxgroup-form-item{
	width:70px!important;
}

.no-padding{
	padding:0!important;
}

.x-tab-icon {
    background-position: 0 0px!important;
}

/*** override group color ***/
.x-grid-group-title{
	color: #539185;
}

/*** Tiny MCE ***/
.jw-tinymce .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 {
    opacity: 0.6!important;
}


.defaultSkin .mceButtonDisabled .mceIcon {
    opacity: 0.6!important;
}

.align-right .x-form-field{
	text-align: right;
	background:#e3e3e3
}

.no-border .x-form-field{
	background:#e3e3e3
}


.title-line-column.x-action-col-cell{
	background-color: rgba(163, 175, 181, 0.35)!important;
	border-bottom: 1px solid white;
}

.title-line-column.x-action-col-cell img{
	height:13px!important;
}
.jw-color-combo-wrap {
    position: relative;
}

.jw-color-combo-wrap .x-form-field {
    padding-left: 25px;
}

.jw-color-combo-color {
    position: absolute;
    top: 4px;
    left: 5px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 18px;
    height: 14px;
}

.jw-color-combo-item {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 3px 50%;
}

.jw-color-combo-color {
    position: absolute;
    top: 4px;
    left: 5px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 18px;
    height: 14px;
}

.jw-color-combo-item {
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 3px 50%;
}

/* color white for colored backgrounded field */
.jw-color-white label{
	color: white;
}

.graph-label{
	font-size: 20px!important;
}

.x-grid-row-summary{
	background-color:#A3BFE1!important;
}

.x-grid-row-summary .x-grid-cell{
	font-weight:bold!important;
}

.cls-resumeLead{
	margin-left:20px!important;
}

.cls-resumeLead .x-panel-body-default{
	border-style:none!important;
}

.title-line-column.x-action-col-cell{
	background-color: rgba(163, 175, 181, 0.35)!important;
	border-bottom: 1px solid white;
}

.title-line-column.x-action-col-cell img{
	height:13px!important;
}

.cls-eventDetailsList .x-panel-body-default {
    background: #ffffff!important;
}

.jw-numberfield-scanningSettlementInstructions{
	margin-right:10px!important;
}

.x-mask {
    z-index: 100;
}

.upload-file-over{
	background-color: #539185 !important;
}


.button-setting-group{
	margin-left: 10px;
	margin-top: 10px;
	cursor: pointer;
}

.label-setting-group{
	margin-left: 5px;
	margin-top: 20px;
	cursor: pointer;
}

/* tree grid access right*/

/* when action column is disable, remove the cursor*/
.jw-no-action{
	cursor: default !important;
}

.x-simplelink div.x-form-display-field {
	cursor: pointer;
	color: blue;
}

.eastContainer .x-panel-body-default{
	background: none repeat scroll 0 0 black!important;
}