/* GridPanel style handle ***************************/

.x-grid3-row td, .x-grid3-summary-row td {
    -moz-user-select:text;
    -webkit-user-select:text;
}
div.noselect .x-grid3-row td, div.noselect .x-grid3-summary-row td {
    -moz-user-select:none;
    -webkit-user-select:none;
}

.deleted-row,
.deleted-row .delivery-notes .gray,
.deleted-row .delivery-notes .red,
.deleted-row .delivery-notes .green,
.deleted-row .delivery-notes .purple,
.deleted-row .delivery-notes .blue
{
    color: #E8DFE2;
}
.error-row
{
    background-color: silver;
}
.yellow-row
{
    background-color: #fffec4;
    font-weight:bold;
}
.purple-row
{
    background-color: #ffc7ff;
}
.green-row
{
    background-color: #cfedc7;
}
.red-row
{
    background-color: #ffd0c9;
}

.posted-row,
.reconciled-row
{
    color: #5c5c5c;
}
.disabled-row
{
    color: #adadad;
}
.dirty-row
{
    color: #FA2D48;
}
.delivery-notes .bold
{
	font-weight: bold;
}
.delivery-notes .gray
{
	color: Gray;
}
.delivery-notes .red
{
	color: #FA2D48;
}
.delivery-notes .orange
{
	color: #FF9100;
}
.delivery-notes .purple
{
	color: #d900ff;
}
.delivery-notes .green
{
	color: Green;
}
.delivery-notes .blue
{
	color: #190DFF;
}
.delivery-notes a
{
	text-decoration:none;
}
.delivery-notes .ellipsis
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.posted-row .delivery-notes .red
{
    color: #bc606b;
}
.posted-row .delivery-notes .green
{
    /*color: #aae397;*/
    color: #00AB00;
}
.posted-row .delivery-notes .orange
{
    color: #efe37a;
}
.posted-row .delivery-notes .purple
{
    color: #c488cf;
}
.posted-row .delivery-notes .blue
{
    color: #9C96FF;
}

/* ************************************************ */

/* COLORS ***************************************** */


/* ************************************************ */


.delivery-notes
{
}
.delivery-notes hr
{
    margin-top: 0;
    margin-bottom: 2px;
    color: #c7c5c5;
}
.delivery-notes span
{
    font-weight: bold;
}
.delivery-notes .normal
{
    font-weight: normal;
}
.delivery-notes strong
{
    color: Gray;
}
.right-space
{
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
}
.float-right
{
	float: right;
	margin-right: 5px;
}
.float-left
{
	float: left;
}
.x-grid3-cell-inner
{
    white-space: normal;
}
.x-grid3-td-Amount
{
    text-align: right;
}
.expired-row
{
    background-color: #F2D3D9;
}
.label-right
{
	text-align: right;
	margin-top: 1px;
	margin-bottom: 0px;
}
.x-form-item label.x-form-item-label 
{
	padding: 3px 3px 3px 0;
}
.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;
}        
.search-item h3 {
    display     : block;
    font        : inherit;
    font-weight : bold;
    color       : #222;
}
.search-item h3 span {
    float       : right;
    font-weight : normal;
    margin      : 0 0 5px 5px;
    width       : 100px;
    display     : block;
    clear       : none;
}
.search-item .red { color: #FA2D48; }
.search-item .green { color: Green; }
.search-item .blue { color: #190DFF; }
.search-item .purple { color: #d900ff; }
.search-item .gray { color: Gray; }
.ext-ie .x-form-text { position : static !important; }
.custom-trigger-copy
{
    background-image:url(../images/custom-trigger-copy.gif) !important;
}
input.readonly, .readonly input
{
    background-color: #FFFF00;
    color: #969696;
}
.align-right
{
    text-align: right;
    padding-right: 5px;
}


/*input:-moz-read-only
{
    background-image: url("../../../../Resources/images/input-bg-readonly.gif");
}
textarea:-moz-read-only
{
	background-color: #fcffe2;
    background-image: url("../../../../Resources/images/input-bg-readonly.gif");
}

input:read-only
{
    background-image: url("../../../../Resources/images/input-bg-readonly.gif");
}*/


input:-moz-read-only:not(.bg-none),
textarea:-moz-read-only
{
    /* For Firefox */
    background-image: url("../../../../Resources/images/input-bg-readonly.gif");
    background-size: 100% auto;
}

input:read-only:not(.bg-none)
{
    background-image: url("../../../../Resources/images/input-bg-readonly.gif");
    background-size: 100% auto;
}



/*------- Handle for Css Panel body background color
/*------- when attribute "Frame" is false
*/

.x-theme-blue .my-panel-body, .x-panel-body.my-panel-body {
    background-color: #DFE8F6;
    border-style: none;
}
   
.x-theme-access .my-panel-body {
    background-color: #3F4757;
    border-style: none;
}
   
.x-theme-gray .my-panel-body {
    background-color: #F1F1F1;
    border-style: none;
}
   
.x-theme-slate .my-panel-body {
    background-color: #DDE5E9;
    border-style: none;
}

/*--------------------------------------------------*/

.form-separator-no-title
{
    width: 100%;
    color: #666;
    padding: 0px 100% 5px 0px;
    line-height: 20px;
    font-weight: normal;
    border-top: 1px solid #d0d0d0 !important;
    white-space: nowrap;
    font-size: 2px;
}

.form-separator-with-title
{
    color: #666;
    padding: 0px 20% 5px 0px;
    line-height: 40px;
    font-weight: bold;
    border-bottom: 1px solid #d0d0d0 !important;
    white-space: nowrap;
    font-size: 11px;
}

.multi_infocol 
{
	
}

.multi_infocol p
{
	position: relative;
}

.multi_infocol p>span
{
	color:Gray;
}

.multi_infocol p>strong
{
	position: absolute;
	left: 0;
	font-weight: bold;
}

/*--------------------------------------------------*/

div.combo-list-200,
div.combo-list-200 div.x-combo-list-inner
{
	width: 200px !important;
}

div.combo-list-300,
div.combo-list-300 div.x-combo-list-inner
{
	width: 300px !important;
}

div.combo-list-400,
div.combo-list-400 div.x-combo-list-inner
{
	width: 400px !important;
}

.my-disabled .x-grid3-row-checker {
    filter: alpha(opacity=60);
    opacity: 0.6;
    color: Gray;
}

#invoice pre 
{
	font-family: Tahoma;
	margin:0;
}

@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}

.form-info 
{
}

.form-info img
{
	vertical-align:middle;
}
.form-info span
{
	color:#666;
	font:12px tahoma,arial,helvetica,sans-serif;
	vertical-align:middle;
	padding-left:5px;
}

.yellow-toolbar,
.yellow-toolbar .x-toolbar
{
    background-color: #FAFACD;
    background-image: none;
}

.label_blue label 
{
    color: Blue;
}