.mini-button
{
    border-radius: 2px;
}
.mini-tab
{
    border-radius:3px;
}
.mini-tabs-position-right .mini-tab
{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}

.mini-tabs-position-left .mini-tab
{
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
.mini-tabs-position-bottom .mini-tab
{
    border-top-right-radius:0px;
    border-top-left-radius:0px;
}
.mini-tabs-position-top .mini-tab
{
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
}


/*----------------------------------- bgcss ----------------------------------*/
.bg-toolbar
{
    background:#f0f0f0 url(images/toolbar/toolbar.gif) repeat-x 0 0;
}


/*----------------------------------- tools ----------------------------------*/

.mini-tools .mini-tools-collapse
{
    background:url(images/tools/collapse.gif) no-repeat 50% 50%;
    width:15px;
}
.mini-tools .mini-tools-expand
{
    background:url(images/tools/expand.gif) no-repeat 50% 50%;
    width:15px;
}
.mini-tools-close
{
    background:url(images/tools/close.gif) no-repeat 50% 0px;
    width:15px;
}


/*----------------------------------- toolbar ----------------------------------*/

.mini-toolbar
{
    border:solid 1px #99bce8;
    background:#f0f0f0 url(images/toolbar/toolbar.gif) repeat-x 0 0;
}
.separator
{
    border-left:solid 1px #A8A8A8;
}

/*----------------------------------- button ----------------------------------*/

.mini-button
{
	background:url(images/button/button.gif) repeat-x 0px 50%;
	border:solid 1px #b5afaf;
    color:#222;
}
body a:hover.mini-button
{
	background:#e2f2fe url(images/button/hover.gif) repeat-x 0px 50%;
	border:solid 1px #80a4d0;
}
body .mini-button-pressed, body a:hover.mini-button-pressed,
body .mini-button-checked, body a:hover.mini-button-checked,
body a.mini-button-popup, body a:hover.mini-button-popup
{
	background:#bacee4 url(images/button/pressed.gif) repeat-x 0px 50%;
	border-color:#7a9ac4;
}
body .mini-button-disabled, body a:hover.mini-button-disabled
{
    border-color:#E1E2E5;
    color:#BABAC1;
    background:#F8F9FA url(images/button/disabled.png) repeat-x 0 0px;
}


/*----------------------------------- textbox ----------------------------------*/
.mini-textbox-border
{
    background:white url(images/buttonedit/text-bg.gif) repeat-x 0px top;
	border:solid 1px #b5b8c8;
}
body .mini-textbox-focus .mini-textbox-border
{
    border-color: #7eadd9;
}


/*----------------------------------- buttonedit ----------------------------------*/

.mini-buttonedit-border
{
	background:white url(images/buttonedit/text-bg.gif) repeat-x 0px top;
	border-color:#b5b8c8;
}
body .mini-buttonedit-focus .mini-buttonedit-border
{
    border-color: #7eadd9;
}
.mini-buttonedit-button
{
	background:url(images/buttonedit/btn.gif) repeat-x 0px 50%;
	border:#b5b8c8 1px solid;
	padding:0;
}
.mini-buttonedit-button-hover,
.mini-buttonedit-hover .mini-buttonedit-button
{
    background:url(images/buttonedit/btn-hover.gif) repeat-x 0 50%;
	border-color:#80a4d0;
}
.mini-buttonedit-button-pressed,
.mini-buttonedit-popup .mini-buttonedit-button
{
    background:url(images/buttonedit/btn-pressed.gif) repeat-x 0 50%;
	border-color:#80a4d0;
}
.mini-popupedit .mini-buttonedit-icon
{
    background:url(images/buttonedit/arrow.gif) no-repeat  1px 2px;
}
.mini-datepicker .mini-buttonedit-icon
{
    background:url(images/buttonedit/date.gif) no-repeat  1px 2px;
}


/*------------------------- panel -----------------------*/

.mini-panel-border
{
    border:1px solid #99bce8;
}
.mini-panel-header
{
    height:25px;
    background:#E3E6E8 url(images/panel/header.gif) repeat-x 0 0px;
    color:#04408c;
    font-weight:bold;
    border-bottom:solid 1px #99bce8;
}
.mini-panel-header-inner
{
   padding-top:4px;
}
.mini-panel-toolbar
{
    border-bottom:solid 1px #99bce8;
    background:#D3E1F1;
}

.mini-panel-footer
{
    border-top:solid 1px #99bce8;
    background:#D3E1F1;
}

.mini-panel-collapse .mini-tools-collapse
{
    background:url(images/tools/expand.gif) no-repeat 50% 50%;
}


/*----------------------------- window -------------------------*/
.mini-window .mini-panel-header
{
    background:#E3E6E8 url(images/window/header.gif) repeat-x 0 0px;
}
.mini-window .mini-panel-footer
{
    background:#D3E1F1;
}


/*------------------- navbar ------------------*/
.mini-outlookbar-border
{
    border:1px solid #99bce8;
}
.mini-outlookbar .mini-outlookbar-groupHeader
{
    background:#d9e8fb url(images/navbar/header.gif) repeat-x 0 0;
    border-color:#99bce8;
}
.mini-outlookbar .mini-outlookbar-groupTitle
{
    color:Black;
    font-weight:normal;
}
.mini-outlookbar .mini-outlookbar-group
{
    border-color:#99bce8;
}
.mini-outlookbar .mini-outlookbar-groupBody
{
    border-color:#99bce8;
}
/* view2 */
.mini-outlookbar-view2 .mini-outlookbar-groupHeader
{
    border:solid 1px #99bce8;
}
.mini-outlookbar-view2 .mini-outlookbar-groupBody
{
    background:#fff;
}
/* view3 */
.mini-outlookbar-view3 .mini-outlookbar-group
{
    border:solid 1px #99bce8;
}

.mini-outlookbar .mini-tools-collapse
{
    width:15px;
}
.mini-outlookbar .mini-outlookbar-expand .mini-tools-collapse
{
    background:url(images/navbar/expand.gif) no-repeat 50% 50%;
}
.mini-outlookbar .mini-outlookbar-collapse .mini-tools-collapse
{
    background:url(images/navbar/collapse.gif) no-repeat 50% 50%;
}


/*----------------------- splitter -----------------------*/
.mini-splitter-border
{
    border:solid 1px #99bce8;
}
.mini-splitter .mini-splitter-pane1{
    border-color:#99bce8;
}
.mini-splitter .mini-splitter-pane2{
    border-color:#99bce8;
}

/*----------------------- layout -----------------------*/
.mini-layout-border
{

}
.mini-layout-region
{
    border-color:#90b5e3;
}
.mini-layout-region-header
{
    background:url(images/layout/header.gif) repeat-x 0 0;
    border-bottom:solid 1px #99bce8;
}
.mini-layout-proxy
{
    border-color:#90b5e3;
    background:#D2E0F2;
}
.mini-layout-proxy-hover
{
    background:#e1f0f2;
}

.mini-layout-region-west .mini-tools-collapse
{
    background:url(images/layout/west.gif) no-repeat 50% 50%;
}
.mini-layout-region-east .mini-tools-collapse
{
    background:url(images/layout/east.gif) no-repeat 50% 50%;
}
.mini-layout-region-north .mini-tools-collapse
{
    background:url(images/layout/north.gif) no-repeat 50% 50%;
}
.mini-layout-region-south .mini-tools-collapse
{
    background:url(images/layout/south.gif) no-repeat 50% 50%;
}

.mini-layout-proxy-west .mini-tools-collapse
{
    background:url(images/layout/east.gif) no-repeat 50% 50%;
}
.mini-layout-proxy-east .mini-tools-collapse
{
    background:url(images/layout/west.gif) no-repeat 50% 50%;
}
.mini-layout-proxy-north .mini-tools-collapse
{
    background:url(images/layout/south.gif) no-repeat 50% 50%;
}
.mini-layout-proxy-south .mini-tools-collapse
{
    background:url(images/layout/north.gif) no-repeat 50% 50%;
}

/*------------------------- menu --------------------------------*/

.mini-menu
{
	background:#f0f0f0 url(images/menu/menu.gif) repeat-y -5px 0;
	border-color:#89b1e4;
    color:black;
}
.mini-menuitem
{
    line-height:20px;
}
.mini-menuitem-hover
{
    border-color:#80a4d0;
	background:#d6e6fa url(images/menu/hover.gif) repeat-x;
}
.mini-menu-popup
{
    border-color:#80a4d0;
	background:#d6e6fa url(images/menu/hover.gif) repeat-x;
}
.mini-menuitem-selected
{
    border-color:#80a4d0;
    background:#DBDDE2 url(images/menu/pressed.png) repeat-x 0 0;
}
.mini-menuitem-text, .mini-menuitem-text a
{
    color:black;
}
.mini-separator
{
    border-top:solid 1px #8EAADE;
}

/* menu horizontal */
.mini-menu-horizontal .mini-menu-inner
{
    background:#d3e1f1 url(images/menu/hmenu.gif) repeat-x 0 0;
}
.mini-menu-horizontal .mini-menuitem-hover
{
    border:solid 1px #80a4d0;
    background:#d6e6fa url(images/menu/hover.gif) repeat-x;
}
.mini-menu-horizontal  .mini-menu-popup
{
    border:solid 1px #80a4d0;
    background:#d6e6fa url(images/menu/hover.gif) repeat-x;
    border-bottom:0px;
}

/*---------------------- listbox -----------------------------*/
.mini-listbox-border
{
    border:#98c0f4 1px solid;
}
.mini-listbox-border td
{
    line-height:20px;
}
.mini-listbox-item td{
	border-top:white 1px dotted;
	border-bottom:white 1px dotted;
}
.mini-listbox-item-hover td{
    background:#dfe8f6;
	border-top:#8eabe4 1px dotted;
	border-bottom:#8eabe4 1px dotted;
}
.mini-listbox-item-selected td{
	background:#cbdaf0;
	border-top:#8eabe4 1px dotted;
	border-bottom:#8eabe4 1px dotted;
}
.mini-listbox-header
{
    background:#E7EBEF url(images/listbox/header.png) repeat-x 0 0;
    border-bottom:solid 1px #a5acb5;
}

/*------------------- treegrid --------------------*/
.mini-treegrid-border
{
    border:1px solid #98c0f4;
}

.mini-treegrid-header
{
    border-bottom:none;
}
.mini-treegrid-headerInner
{
    background:#E7EBEF url(images/treegrid/header.png) repeat-x 0 0;
}
.mini-treegrid td
{
    border-right:solid 1px #d0d0d0;
    border-bottom:solid 1px #d0d0d0;
}
.mini-treegrid-header td
{
    border-right:solid 1px #d0d0d0;
}

.mini-treegrid-selectedNode
{
	background:#cbdaf0;
}
.mini-treegrid-hoverNode
{
    background:#dfe8f6;
}
/*
.mini-treegrid-expand .mini-treegrid-ec-icon
{
	background-image:url(images/treegrid/expand.gif);
	background-position:50% 50%;
}
.mini-treegrid-collapse .mini-treegrid-ec-icon
{
	background-image:url(images/treegrid/collapse.gif);
	background-position:50% 50%;
}*/
.mini-treegrid-leaf
{
    background-image:url(images/treegrid/file.png);
}
.mini-treegrid-folder
{
    background-image:url(images/treegrid/folder.gif);
}

/*---------------------- calendar -----------------------------*/
.mini-calendar
{
    border:1px solid #98c0f4;
}
.mini-calendar-header
{
    background:#cad8ec url(images/calendar/footer.gif) repeat-x 0 0;
    border-bottom:solid 1px #9bb5d3;
}
.mini-calendar-footer
{
    border-top:solid 1px #b2d1f5;
    background:#cad8ec url(images/calendar/footer.gif) repeat-x 0 0;
}
.mini-calendar-tadayButton, .mini-calendar-clearButton,
.mini-calendar-okButton, .mini-calendar-cancelButton
{
	background:url(images/button/button.gif) repeat-x 0px 50%;
	border:solid 1px #b5afaf;
    color:#222;
}
.mini-calendar-menu-selected, a:hover.mini-calendar-menu-selected
{
    color:#333;
    background:#dae5f3;
    border:solid 1px #8db2e3;
}

.mini-calendar .mini-calendar-selected
{
    color:#333;
    background:#dae5f3;
    border:solid 1px #8db2e3;
}
.mini-calendar .mini-calendar-today
{
    border:1px solid #C00000;
}
.mini-calendar-daysheader td
{border-bottom:solid 1px #b2d1f5;
}

/*---------------------- tabs -----------------------------*/

.mini-tabs-headers
{
    border-color:#8CB2E2;
    background:#f0f0f0 url(images/toolbar/toolbar.gif) repeat-x 0 0;
}

.mini-tabs-leftButton, .mini-tabs-rightButton
{
    border:solid 1px #b5afaf;
    background-color:#EBEBEE;
}
a:hover.mini-tabs-leftButton,a:hover.mini-tabs-rightButton
{
    border:solid 1px #80a4d0;
    background-color:#E1E8FD;
}
/* top */
.mini-tabs-bodys
{
    border-color:#8CB2E2;
}
.mini-tabs-space
{
    border-color:#8CB2E2;
}
.mini-tabs-space2
{
    border-color:#8CB2E2;
}

.mini-tab
{
    background: #EBEBEE url(images/tabs/tab.gif) repeat-x 0 0;
    border: 1px solid #8CB2E2;
    color: #333;

}
.mini-tab-hover
{
    background:#E1E8FD url(images/tabs/hover.gif) repeat-x 0 0;
}
.mini-tab-active
{
    border-bottom:solid 1px #deecfd;
    background:#E1E8FD url(images/tabs/pressed.gif) repeat-x 0 0;
}

/* bottom */
.mini-tabs-position-bottom .mini-tabs-space,
.mini-tabs-position-bottom .mini-tabs-space2
{
    border:0;
    border-top: 1px solid #8CB2E2;
}
.mini-tabs-position-bottom .mini-tabs-bodys
{
    border:solid 1px #99bce8;
    border-bottom:0;
}
.mini-tabs-position-bottom .mini-tab-active
{
    border-top:solid 1px white;
    border-bottom:solid 1px #99bce8;
}

/* left */
.mini-tabs-position-left .mini-tabs-space,
.mini-tabs-position-left .mini-tabs-space2
{
    border:0;
    border-right: 1px solid #99bce8;
}
.mini-tabs-position-left .mini-tabs-bodys
{
    border:solid 1px #99bce8;
    border-left:0;
}
.mini-tabs-position-left .mini-tab-active
{
    border:solid 1px #99bce8;
    border-right:solid 1px white;
}

/* right */
.mini-tabs-position-right .mini-tabs-space,
.mini-tabs-position-right .mini-tabs-space2
{
    border:0;
    border-left: 1px solid #99bce8;
}
.mini-tabs-position-right .mini-tabs-bodys
{
    border:solid 1px #99bce8;
    border-right:0;
}
.mini-tabs-position-right .mini-tab-active
{
    border:solid 1px #99bce8;
    border-left:solid 1px white;
}

/*---------------------- tree -----------------------------*/


.mini-tree-hottrack .mini-tree-node-hover
{
    background:url(images/tree/button.gif) repeat-x 0px 50%;
	border:solid 1px #b5afaf;
}
.mini-tree-selectedNode .mini-tree-nodeshow
{
    background:#e2f2fe url(images/tree/hover.gif) repeat-x 0px 50%;
	border:solid 1px #80a4d0;
}

.mini-tree-leaf
{
    background-image:url(images/tree/leaf.gif);
}
.mini-tree-folder
{
    background-image:url(images/tree/folder.gif);
}
.mini-tree-expand .mini-tree-folder
{
    background-image:url(images/tree/folder-open.gif);
}

/*------------------- grid --------------------*/
.mini-grid-border
{
    border-color:#99bce8;
}
.mini-grid-header
{
    background:url(images/grid/header.gif) repeat-x scroll left top #e2e4e6;
}
.mini-grid-headerCell, .mini-grid-topRightCell
{
    background:url(images/grid/header.gif) repeat-x scroll left top #e2e4e6;
    border-right:#c5c5c5 1px solid;
    border-bottom:#c5c5c5 1px solid;
}
.mini-grid-cell
{
    border-color:#d0d0d0;
    border-bottom-color:#d0d0d0;
}
.mini-grid-footer, .mini-grid-pager
{
    border-top:solid 1px #99bce8;
    background:url(images/grid/footer.gif) repeat-x scroll left top #d4e2f1;
}
.mini-grid-columnproxy
{
    background:url(images/grid/header.gif) repeat-x scroll left top #e2e4e6;
    border:#c5c5c5 1px solid;
}


body .mini-grid-row-hover, body .mini-grid-row-hover .mini-grid-frozenCell
{
    background:#ecedef;
}
body .mini-grid-row-selected, body .mini-grid-row-selected .mini-grid-frozenCell
{
    background:#dfe8f6;
}

/*------------------- pager --------------------*/
.mini-pager-first
{
    background:url(images/pager/first.gif) no-repeat;
}
.mini-pager-prev
{
    background-image:url(images/pager/prev.gif);
}
.mini-pager-next
{
    background-image:url(images/pager/next.gif);
}
.mini-pager-last
{
    background-image:url(images/pager/last.gif);
}

/* 自定义颜色 */
.greyBox *{
    background-color: transparent!important;
    color: white;
    border-color: rgba(255, 255, 255, 0.54)!important;
}
.greyBox.x-border-layout-ct{
    background-color: transparent;
}
.greyBox .x-tab-panel-header{
    display: none;
}
.greyBox .mini-gantt-percentcomplete{
    /*background: #6ce9f0!important;*/
    background: #44D7B6!important;
    position: relative;
    top: 2px;
    height: 10px;
    z-index: 100;
}
.greyBox .mini-gantt-summary  {
    background: #557DED !important;
    height: 10px;
}
.greyBox  .mini-gantt-line-h:before,.greyBox .mini-gantt-line-v:before{
    opacity: 0.8;
    background-color: #f3d025;
}
.greyBox .mini-gantt-move{
    background-color: #ff7589 !important;
    border: none !important;
}
    /*css主要部分的样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
    width: 6px; /*对垂直流动条有效*/
    height: 6px; /*对水平流动条有效*/
    }

    /*定义滚动条的轨道颜色、内阴影及圆角*/
    ::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgb(109, 109, 109);
    border-radius: 3px;
    }


    /*定义滑块颜色、内阴影及圆角*/
    ::-webkit-scrollbar-thumb{
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #cbcbcb;
    }

    /*定义两端按钮的样式*/
    /* ::-webkit-scrollbar-button {
    background-color:cyan;
    } */

    /*定义右下角汇合处的样式*/
    /* ::-webkit-scrollbar-corner {
    background:khaki;
    } */