/* tabpanel突出显示 */

.x-tab-default .x-tab-inner {
    font-weight: normal;
}

.x-tab-default-active .x-tab-inner {
    font-weight: normal;
}

.x-tab-default-top-active,
.x-tab-default-left-active,
.x-tab-default-right-active {
    /*background-color: white;
    background-image: none;*/
}


/* 控件验证提示颜色 */

input.x-form-invalid-field,
textarea.x-form-invalid-field {
    background-color: transparent;
    /* background-image: url(images/grid/invalid_line.gif); */
    background-image: none;
    background-repeat: repeat-x;
    background-position: bottom;
    border-color: #B0CC00;
}


/*控件验证提示图标*/


/* .x-form-invalid-icon {
    width: 16px;
    height: 16px;
    margin: 0 1px;
    /* background-image: url(images/form/exclamation.gif);
    background-image: none;
    background-repeat: no-repeat;
}*/


/* textline */

.ngx-form-text {
    /*.ng-x-form-text {*/
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom-width: thin;
    color: black;
    padding: 1px 3px 1px 3px;
    /*background: white repeat-x 0 0;*/
    background: repeat-x 0 0;
    /*border-width: 1px;*/
    border-style: solid;
    border-color: #b5b8c8;
    /*background-image: url(images/form/text-bg.gif);*/
    height: 22px;
    line-height: 17px;
}


/* textline获得焦点 */


/*.x-form-text-focus {
    color: black;
    padding: 1px 3px 1px 3px;
    background: white repeat-x 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: #b5b8c8;
    background-image: url(images/form/text-bg.gif);
    height: 22px;
    line-height: 17px;
    box-shadow:0 0 10px #9ecded;
}*/


/* ngtextarea */

.ng-textarea {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: black;
    padding: 1px 3px 1px 3px;
    /*background: white repeat-x 0 0;*/
    background: repeat-x 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: #b5b8c8;
    /*background-image: url(images/form/text-bg.gif);*/
    height: 22px;
    line-height: 17px;
}


/* ngtextarea focus */

.ng-textarea-focus {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: black;
    padding: 1px 3px 1px 3px;
    background: white repeat-x 0 0;
    /*background: repeat-x 0 0;*/
    border-width: 1px;
    border-style: solid;
    border-color: #b5b8c8;
    background-image: url(images/form/text-bg.gif);
    height: auto;
    line-height: 17px;
    box-shadow: 0 0 10px #9ecded;
}


/* checktree只读状态 */

.checkTree-mask {
    opacity: 0.5;
    z-index: 100;
}

.x-form-focus {
    border-color: #828282;
}

.x-form-trigger-wrap-focus .x-form-trigger-wrap {
    border-color: #828282;
}


/* 滚动条样式 */

::-webkit-scrollbar {
    width: 9px;
    height: 9px
}

::-webkit-scrollbar-button:vertical {
    display: inl
}

::-webkit-scrollbar-track:vertical {
    background-color: black
}

::-webkit-scrollbar-track-piece {
    background: #f4f4f4
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #d3d3d3;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #a9a9a9
}

::-webkit-scrollbar-corner:vertical {
    background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
    background-color: #ff6e00
}

::-webkit-scrollbar-button:horizontal {
    display: none
}

::-webkit-scrollbar-track:horizontal {
    background-color: black
}

::-webkit-scrollbar-track-piece {
    background: #f4f4f4
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #d3d3d3;
    border-radius: 5px
}

::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #a9a9a9
}

::-webkit-scrollbar-corner:horizontal {
    background-color: #535353
}

::-webkit-scrollbar-resizer:horizontal {
    background-color: #ff6e00
}


/* neptune */


/*横线效果*/


/*.x-form-trigger-wrap {
    border: 1px solid;
    border-color: #F6F6F6 #F6F6F6 #F6F6F6;
}*/


/* 按钮扁平化 */

.x-btn-default-small {
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    /*border-width: 1px;*/
    border-style: solid;
    background-image: none !important;
    /*background-image: -webkit-linear-gradient(top,#FFFFFF,#FFFFFF 50%,#FFFFFF 51%,#FFFFFF);*/
    background-color: white;
    border-color: #C0C0C0;
}


/* 按钮光标放上颜色 */

.x-btn-default-small-over {
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-image: -webkit-linear-gradient(top, #c1ddf1, #c1ddf1 50%, #c1ddf1 51%, #c1ddf1);
    background-color: #828282 !important;
    /*日期控件有问题加important*/
    border-color: #828282;
}


/* 按钮字体颜色 */

.x-btn-default-small .x-btn-inner {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding: 0 5px;
}


/* 光标放按钮上的白色字体 */

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

.x-panel-default {
    /*border-color: #157fcc;*/
    /* padding: 3px;*/
    /*边框间距控制，可是grid列选择的menu有点问题*/
}


/* panel frame的边框颜色 */

.x-panel-default-framed {
    border-color: #C0C0C0;
    /*#f6f6f6*/;
    padding: 0;
    border-width: thin;
    margin: 3px;
}


/* panel framed框的背景颜色 */

.x-panel-body-default-framed {
    background: #ffffff;
    /*#f6f6f6;*/
    /*border-color: #f6f6f6;*/
    color: black;
    font-size: 13px;
    font-size: normal;
    border-width: 1px;
    border-style: solid;
}


/* panel的背景颜色 */

.x-panel-body-default {
    background: #FFFFFF;
    border-color: #C0C0C0;
    color: #000000;
    font-size: 13px;
    /*border-radius: 3px;*/
}

.x-panel-header-default-framed-collapsed-left {
    background-color: #F6F6F6;
}

.x-panel-header-default-framed-collapsed-top {
    background-color: #F6F6F6;
}

.x-panel-header-default-framed-top {
    background-color: #F6F6F6;
}

.x-panel-header-default-framed {
    border: 5px solid #F6F6F6;
}

.x-panel-header-text-container-default-framed {
    color: #666;
    font-weight: bold;
}


/* 容器边框颜色 */

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


/* window头部 */

.x-window-header-default {
    font-size: 13px;
    border-color: #828282;
    zoom: 1;
    background-color: #828282;
    /*#cadef7;/*#4b9cd7;*/
    /*border-width: 0px!important;*/
}

.x-window-header-text-container-default {
    color: #ffffff;
}

.x-window-default {
    /*border-color:  #ffffff;#ededed;*/
    border-style: none;
    padding: 0px 6px 2px 5px;
}

.x-window-body-default {
    border-color: #d5d5d5;
    border-width: 1px;
    border-style: solid;
    background: #ffffff;
    color: black;
}

.x-message-box .x-window-body {
    /*background-color: #F6F6F6;*/
    border-width: 0;
}


/*tabbar高度;这里不管用， 请在tabpanel设置tabBar的width属性*/


/*.x-tab-bar-body-default-horizontal {
    height: 30px;
}*/


/* panel背景色 */

.x-panel-header-default {
    background-image: none;
    background-color: #f6f6f6;
}


/* panel边框 */

.x-panel-header-default {
    font-size: 13px;
    border: 1px solid #f6f6f6;
}


/* fieldset倒角 */

.x-fieldset {
    border-radius: 5px;
}


/* panel 标题的字体颜色 */

.x-panel-header-text-container-default {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    font-family: arial, helvetica, verdana, sans-serif;
    line-height: 15px;
    padding: 1px 0 0;
    text-transform: none;
}


/* grid 列标题字体 */

.x-column-header {
    color: #000000;
    font: normal 12px '宋体';
    background-color: #f5f5f5;
}

.x-grid-header-ct {
    background-color: #f5f5f5
}

.x-grid-cell-inner {
    line-height: 24px;
    /*grid行高,宽版*/
    height: auto;
}


/* grid内编辑控件的高度 */

.x-form-trigger-wrap .x-form-text {
    height: 28px;
    /*宽版*/
}

.x-form-trigger-input-cell {
    border-radius: 3px;
}

.x-form-trigger-wrap {
    border-radius: 3px;
}


/* 偶数行去掉ext自带背景色 */

.x-grid-row-alt .x-grid-td {
    background: transparent;
}


/* 鼠标悬浮行样式 */

.x-grid-row-over .x-grid-td {
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    background: #f2f2f3;
    cursor: pointer;
}

.x-grid-row-alt.x-grid-row-over .x-grid-td {
    background: #f2f2f3;
}


/* 鼠标选中行样式 */

.x-grid-row-selected .x-grid-td {
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    background: #c8c8c8 !important;
    color: #000;
    cursor: initial;
}


/* 鼠标悬浮时表头样式 */

.x-column-header-over {
    background: #f2f2f3;
}

.x-column-header-trigger {
    background-color: #f2f2f3;
}


/* 鼠标悬浮时去掉border */

.x-grid-with-col-lines .x-grid-cell {
    border-width: 1px 0;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}


/*--toolbar----*/

.x-toolbar {
    padding: 2px 0px 5px 5px;
    background-color: #ffffff;
}


/* footbar内边距 */

.x-toolbar-footer {
    padding: 6px 0 6px 6px;
}


/*.x-toolbar.x-docked.x-toolbar-footer.x-docked-bottom.x-toolbar-docked-bottom.x-toolbar-footer-docked-bottom.x-box-layout-ct{
	padding: 5px 0px 8px 5px;
}
*/

.x-toolbar-default {
    border-color: silver;
    background-image: none;
    background-color: #ffffff;
}


/* toobar按钮背景 */

.x-btn-default-toolbar-small {
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-image: none;
    background-color: #ffffff;
    border-color: #ffffff;
}


/* toobar按钮边框 */

.x-btn.x-btn-default-toolbar-small-over {
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #828282;
    background: rgba(153, 193, 226, .2);
}


/* IE9背景图去掉 */

.x-nlg .x-btn-default-toolbar-small {
    background-image: none;
}


/* toobar按钮字体大小 */

.x-btn-default-toolbar-small .x-btn-inner {
    font-size: 12px;
    font-weight: normal;
    font-family: helvetica, arial, verdana, sans-serif;
    color: #000000;
}


/* toolbar按钮hover字体色 */

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


/*----tab特效----*/


/* tab 边框 */

.x-tab-default {
    border-color: #B8D7F5;
    cursor: pointer;
    /*height:28px;*/
}


/* tab下的横条 */

.x-tab-bar-strip-default {
    border-style: solid;
    border-color: #A7C6DC;
    background-color: #F6F6F6;
    height: 0px;
}


/* tabbar的颜色 */

.x-tab-bar-default {
    background-color: #ffffff;
}


/* tab的颜色 */

.x-tab-default-top,
.x-tab-default-left,
.x-tab-default-right,
.x-tab-default-bottom {
    border-radius: 4px 4px 0px 0px;
    border: 0 solid #828282;
    background-image: none;
    background-color: #f2f2f3;
    /* #eaeaea */
    margin: 0 1px !important;
}

.x-tab-default .x-tab-inner {
    font-size: 11px;
    font-family: tahoma, arial, verdana, sans-serif;
    color: #000000;
    line-height: 13px;
    font-weight: normal;
}


/* 激活之后背景 */

.x-tab-default-top-active,
.x-tab-default-left-active,
.x-tab-default-right-active,
.x-tab-default-bottom-active {
    background-color: #828282;
    background-image: none;
    /*border: 0 solid #1B77E1;*/
    border-radius: 4px 4px 0px 0px;
    margin: 0 1px !important;
}


/* 激活后字体 */

.x-tab-default-active .x-tab-inner {
    color: #ffffff;
    font-weight: bold;
}


/* 关闭按钮 */

.x-tab-default .x-tab-close-btn {
    top: 8px;
    right: 2px;
}


/* tab的高度 */

.x-tab-bar-body-default-horizontal {
    height: 30px;
}


/* tab的下边距 */

.x-tab-bar-body-default-top {
    padding-bottom: 1px;
}


/* 光标放到tab上 */

.x-tab-default-top-over,
.x-tab-default-left-over,
.x-tab-default-right-over,
.x-tab-default-bottom-over {
    background-image: none;
    background-color: #828282;
    /*#e8f2ff;*/
}


/* 光标放到tab上，字体颜色 */

.x-tab-default-over .x-tab-inner {
    color: #ffffff;
    font-weight: bold;
}


/* tab的边上的颜色 */

.x-tab-bar-default-left {
    background-color: #923232;
    background-image: -webkit-linear-gradient(left, #E9F2F9, #E9F2F9);
}


/* tabbar的颜色 */

.x-tab-bar-body {
    z-index: 1;
    position: relative;
    background-color: #ffffff;
}


/* tabbar的滚动按钮 */


/*.x-tab-bar-default .x-tabbar-scroll-top, .x-tab-bar-default .x-tabbar-scroll-bottom {
    width: 22px;
    height: 20px;
}*/

.x-mask {
    filter: alpha(opacity=70);
    opacity: .6;
    background: #ededed;
}


/* 输入框倒角 */

.x-form-text {
    color: #000000;
    border-radius: 3px;
    height: 28px;
    /*宽版*/
}

.x-form-textarea {
    height: auto;
}

.x-form-trigger {
    margin-top: 3px;
}


/* win10 IE输入框小叉叉 */

input::-ms-clear {
    display: none
}


/* 小工具图标 */

.x-tool-img {
    transform: translate(-1px, 0px);
}

.x-window-header-default .x-tool-img {
    background-color: #828282;
}

.x-panel-header-default .x-tool-img {
    background-color: #f6f6f6;
}

.x-panel-header-default-framed .x-tool-img {
    background-color: #f6f6f6;
}


/* **小工具图标** */


/* text掩码的遮罩层 */

.text-Mask {
    position: absolute;
    z-index: 1;
    padding: 10px 5px 10px 5px;
    margin-right: 10px;
    font-size: 1em;
    line-height: .6em;
    color: #000000;
}

.x-docked-summary {
    border-width: 1px;
    border-color: #C0C0C0;
    border-style: solid;
}

.mustInput {
    color: OrangeRed;
}


/* 分页条 */

.page-define {
    padding: 0px;
    margin-top: 2px;
}

.page-define .x-form-trigger {
    margin-top: 0px
}

.page-define .x-form-trigger-wrap .x-form-text {
    height: 20px;
}

.page-comb .x-form-trigger-wrap.x-unselectable .x-form-field {
    height: 20px
}

.page-comb .x-form-field.x-form-text.x-trigger-noedit {
    height: 20px
}

.page-comb {
    top: 0px !important;
}


/* label折行 */

.x-form-cb-wrap {
    white-space: nowrap;
}


/* 带按钮的输入框，倒角问题 */

.x-form-field.x-form-text.x-trigger-noedit {
    border-radius: 3px 0px 0px 3px;
}

.x-form-field.x-form-text.x-trigger-noedit.x-form-focus.x-field-form-focus.x-field-default-form-focus {
    border-radius: 3px 0px 0px 3px;
}

.x-trigger-cell {
    border-radius: 0px 3px 3px 0px;
}


/* 树的输入toolbar */

.searchText .x-form-text {
    border: none
}

.in-search {
    background-color: transparent !important;
    border: none !important;
    transform: translateX(7px);
}


/* label文字过多,不换行出省略号,标签字体 */

.x-form-item-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
    font: normal 13px/22px helvetica, arial, verdana, sans-serif;
    line-height: 25px;
}

.x-datepicker-today {
    border-color: transparent;
}

.x-menu-item-active {
    background-color: #f3fffa;
}


/* 下拉框列表hover样式 */

.x-boundlist-item-over {
    background-color: #f2f2f3;
    border-color: #f2f2f3;
}


/* 日期hover样式 */

a.x-datepicker-date:hover {
    background-color: #f2f2f3;
}


/* 日期selected样式 */

.x-datepicker-selected .x-datepicker-date {
    background-color: #c8c8c8;
    color: #000;
}

.x-datepicker-selected .x-datepicker-date:hover {
    background-color: #c8c8c8;
    color: #000;
}


/*树控件展开图标样式*/

.x-grid-cell-treecolumn .x-grid-cell-inner {
    position: relative;
    padding-left: 6px;
}

.x-tree-arrows .x-tree-expander {
    left: -4px;
    top: 3px;
}


/*树控件去掉图标*/

.no-icon {
    display: none;
}