/*自定义样式*/
.x-panel-header-new {
    background-image: none;
    background-color: #35BAF6;
    line-height: 1000px;
}

.header-title-default {
    color: #f0f0f0;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    line-height: 1000px;
}

.x-grid-cell.action-column {
    vertical-align: middle;
}

.btn:hover {
    background-color: #C7C7C7 !important;
}

.btn-orange:hover {
    background-color: #D07B32 !important;
}

.btn-green:hover {
    background-color: #A1C9AC !important;
}

.btn,
.btn.x-btn-focus.x-btn-default-small {
    background-color: #E0E0E0;
}

.btn-orange,
.btn-orange.x-btn-focus.x-btn-default-small {
    background-color: #F5923E;
}

.btn-green,
.btn-green.x-btn-focus.x-btn-default-small {
    background-color: #AFDCBB;
}

.x-btn-focus.x-btn-default-small,
.x-btn-focus.x-btn-over.x-btn-default-small {
    box-shadow: none;
}

.btn-orange span,
.display div {
    color: #FFFFFF !important;
}

.display {
    background-color: #69787F;
    padding: 0px !important;
}

.btn span,
.btn-orange span,
.btn-green span {
    font-size: 20px;
    line-height: 22px;
    color: #000000;
}

.btn-orange,
.btn,
.display,
.btn-green {
    border-radius: 0;
    border-color: #89898C;
    border-width: 0.5px;
}

.display div {
    font-size: 26px;
    line-height: 32px;
    text-align: right;
    padding-right: 5px;
    padding-top: 10px;
}

td div {
    margin-bottom: 0px !important;
}

.x-window-header-default-top {
    padding: 0px !important;
    top: 0px !important;
    left: 0px !important;
}


/**
example.css
**/
.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:37px;
    width:350px;
    z-index:20000;
}
#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    background: #F6F6F6;
    border: 2px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 50px;
}
#msg-div .msg p {
    margin: 0;
}

/**grid行变色**/
.row_glod .x-grid-cell {
	background-color: #FFD700;/*背景颜色，就是行高亮选中的颜色*/
    /*color: green;字体颜色*/
}
.row_purple .x-grid-cell {
	background-color: #DFDFFF;/*背景颜色,丁香色BBA1CB*/
    /*color: green;字体颜色*/
}
.row_green .x-grid-cell {
	background-color: #D2FFB5;/*背景颜色*/
    /*color: green;字体颜色*/
}
.row_blue .x-grid-cell {
	background-color: #CEEFFF;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_lightSkyBlue .x-grid-cell {
	background-color: #87CEFA;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_cornflowerBlue .x-grid-cell {
	background-color: #6495ED;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_font_blue .x-grid-cell {
	/*background-color: #D2FFB5;背景颜色*/
    color: blue;/*字体颜色*/
}
.row_font_blue_bold .x-grid-cell {
	/*background-color: #D2FFB5;背景颜色*/
	font-weight: bold;
    color: blue;/*字体颜色*/
}
.row_font_black .x-grid-cell {
	/*background-color: #D2FFB5;背景颜色*/
    color: black;/*字体颜色*/
}

.row_product .x-grid-cell {
	background-color: #66CCFF;/*背景颜色*/
   /*color: blue;字体颜色*/
}


.row_selected_default .x-grid-cell {
	background-color: #FFEFBB;/*gird默认选中的背景颜色*/
   /*color: blue;字体颜色*/
}

.row_yellow .x-grid-cell {
	background-color: #FFFF99;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_lightyellow .x-grid-cell {
    background-color: #FFFFE0;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_gold .x-grid-cell {
	background-color: #CD8500;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_gold .x-grid-cell {
	background-color: #FFE384;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_lightblue .x-grid-cell {
	background-color: #CAE4FF;/*#99D9EA背景颜色*/
   /*color: blue;字体颜色*/
}
.row_boughtonline .x-grid-cell {
    background-color: #A1C9AC;/*#99D9EA背景颜色*/
    /*color: blue;字体颜色*/
}
.row_refundonline .x-grid-cell {
    background-color: #ff5549;/*#99D9EA背景颜色*/
    /*color: blue;字体颜色*/
}
.row_checkup .x-grid-cell {
    background-color: #ffeaa7;/*#2ecc71背景颜色*/
    /*color: blue;字体颜色*/
}
.row_checkupconfirm .x-grid-cell {
    background-color: #55efc4;/*#99D9EA背景颜色*/
    /*color: blue;字体颜色*/
}
.row_lightgreen .x-grid-cell {
	background-color: #D0FFD0;/*#B5E61D背景颜色*/
   /*color: blue;字体颜色*/
}
.row_writeoffgreen .x-grid-cell {
	background-color: #71C671;/*#B5E61D背景颜色*/
   /*color: blue;字体颜色*/
}
.row_honeydew .x-grid-cell {
    background-color: #F0FFF0;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_lightpink .x-grid-cell {
	background-color: #FFE4E1;
}
.row_lightred .x-grid-cell {
	background-color: #FFCACA;/*#F36B72背景颜色*/
   /*color: blue;字体颜色*/
}
.row_lightgrey .x-grid-cell {
	background-color: #C3C3C3;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_peachpuff .x-grid-cell {
    background-color: #FFDAB9;/*背景颜色*/
    /*color: blue;字体颜色*/
}
.row_silver .x-grid-cell {
    background-color: #FFF5EE;/*背景颜色*/
    /*color: blue;字体颜色*/
}
.row_lightbrown .x-grid-cell {
	background-color:#B8860B;
   /*color: blue;字体颜色*/
}
.row_font_green .x-grid-cell {
   color: #4BDA4D;/*字体颜色#008040*/
}
.row_purple .x-grid-cell {
	background-color: #CC99FF;/*背景颜色#9966FF*/
   /*color: blue;字体颜色*/
}
.row_lightpurple .x-grid-cell {
	background-color: #CCCCFF;/*背景颜色*/
   /*color: blue;字体颜色*/
}
.row_lightcyan .x-grid-cell {
    background-color: #22e1bb;/*背景颜色*/
    /*color: blue;字体颜色*/
}
.row_returnToAccount .x-grid-cell {
    background-color: #FDF5E6;/*背景颜色*/
    /*color: blue;字体颜色*/
}
.row_cardCtoC .x-grid-cell {
    background-color: #F5FFFA;/*背景颜色*/
    /*color: blue;字体颜色*/
}
/*高亮选中grid行的*/
.x-grid-row-selected .x-grid-cell-inner {
    /*font-weight: bold;*/
    background-color: #FFD700;/*#FFC90E;#FA922F*/
}
.x-grid-row-selected {
	background-color: #FF0000;/*背景颜色*/
   /*color: blue;字体颜色*/
}


.x-grid-record-red .x-grid-cell {
	background-color: indianred;
}

.x-grid-record-waitApprove .x-grid-cell {
	background-color: #FFFF99;
}

.x-grid-record-accept .x-grid-cell {
	background-color: #D0FFD0;
}

.x-grid-record-reject .x-grid-cell {
	background-color: #FFCACA;
}

/*x-grid-row row_blue x-grid-row-selected x-grid-row-focused*/

#tb-id {
    background-image:url(images/bg_nav.jpg) ! important;
    background-repeat: repeat;/*    border-color:red ! important;
    background-color: yellow;*/
}


.hint {
    border-width: 1px;
	border-color: #caa700;
	border-style: solid;
	background-color: #ffffa2;
	padding: 1;
	margin: 0;
	font-size: 14px;
}

.hint_lightblue {
	border-width: 0px;
	border-color: #caa700;
	border-style: solid;
	background-color: #E7E7E7; /*AAD3D7*/
	padding: 1;
	margin: 0;
}

/* labelField的
.readOnly-field .x-form-item-label {
    color: red !important;
    font-weight: bolder !important;
    border:none;
}*/
.readOnly-field .x-form-field {
    /*color: red !important;*/
    font-weight: 500 !important;/*bolder !important;*/
    background: #F0F0F0;/*#F5F5F5*/
}

.myCls .x-panel-header-default {
    background-color: green;
}

.my-item-disabled .x-form-item-label {
	color: red !important;
	font-weight: bolder !important;
	border:none;
}
.my-item-disabled .x-form-field {
	/*color: red !important;*/
	font-weight: bolder !important;
	background: #F5BCA9;
}
.x-form-invalid-field {
    border-color: red !important; /* 设置无效字段的边框颜色 */
    background-color: #f9d6d5 !important; /* 设置背景色为淡红色 */
}

/*改变整个表格的背景色
.yellowDotHighlightGrid .x-grid-cell { 
    background-color: #ffa; 
    border-bottom-color: #ffc; 
    border-top-color: #ff5; 
    color: #009; 
}*/
/* Grid cells when the mouse cursor is over the row 
.yellowDotHighlightGrid .x-grid-row-over .x-grid-cell { 
    background-color: #ff6; 
    border-bottom-color: #999; 
    border-bottom-style: dashed; 
    border-top-color: #999; 
    border-top-style: dashed; 
}*/ 
/* Grid cells in the selected row
.yellowDotHighlightGrid .x-grid-row-selected .x-grid-cell { 
    background-color: #ff0 !important; 
    border-bottom-color: #999; 
    border-bottom-style: solid; 
    border-top-color: #999; 
    border-top-style: solid; 
}*/