/* -- 重置CSS -- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button, select, option,a {
    font-size: 10pt;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    box-sizing: border-box;
}

body {margin:0px;background-color:#fcfcfc;scroll-behavior: smooth;}
table {border-collapse: collapse; border-spacing: 0;}
img {border: 0;}
ul,li,h1,h2,h3{list-style-type: none; padding: 0; margin: 0;}
li { white-space:nowrap}
a {color:black;text-decoration: none;}
a:hover {text-decoration:underline;color:red}
pre { white-space: pre-wrap; word-wrap: break-word;}

@media print { 
  .noprint { display: none;}
  .print { display:block;} 
}

/* -- 公共布局 -- */

#toolbar {
    padding:6px 5px 4px 5px;background:#fafafa;border-bottom:1px solid #eee;
}
.hover {cursor:pointer}
.over {background-color:#eaf2ff}
.selected{background-color:#ffe48d}
#loading {position:fixed;z-index:1000;bottom:5px;right:5px;display:none}
.btn { border: 1px solid transparent;border-color: #122b40;border-radius:3px;}
.btn-default{background-color: #269abc;color:white;border-color: #1b6d85;}

.level {width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; display: inline-flex; margin-right: 2px;}
.level.level1 { background-color: yellow }
.level.level2 { background-color: orange }
.level.level3 { background-color: red }
.level.level4 { background-color: darkred}

.row{display:flex;border:1px solid #ddd;border-radius:5px;margin-bottom:8px;font-size:14px;background-color:#fff;}
.row .label{background-color:#f7f7f7;color:#999;font-size:13px;width:48px;text-align:right;line-height:26px;padding:0px 12px 0px 5px;border-radius:5px 0 0 5px;white-space:nowrap}
.row .input{padding-left:10px;width:100px;padding-top:0px;flex:1;border:none;font-size:13px;border-radius:0 5px 5px 0;outline:none;border-left:1px solid transparent}
.row select.input{padding-left:5px;padding-right:3px;margin-right:3px;min-width:60px}

.row:hover{border-color:#ccc}
.row:hover .label{color:#000}
.row:hover .input{border-left:1px solid #ddd}
.row .input:focus{border-left:1px solid #ddd}

.em {
    color: Red;
    font-family: Arial;
}

.datagrid-row { height: 25px}
.datagrid-cell a {text-decoration: underline;}
.datagrid-cell img {max-height:18px;}
div.datagrid>div.panel-body {border-color:white;}
.datagrid-empty{line-height:32px!important}
.textbox{border-color:#999!important;border-radius:0px!important;}

.form tr {height:32px}
input[type='radio'] {width:auto!important;height:auto!important;}

.easyui-radiogroup {display:inline-block}
.easyui-radiogroup label{margin-right:12px;display:inline-block;white-space:nowrap}
.easyui-checkboxgroup label{margin-right:8px;display:inline-block;white-space:nowrap}
.combo-p{z-index:90000000!important}

/*二选一*/
.swicth{margin:0 3px; height:22px; float:left; background:#6cd; border-radius:2px; border:1px solid #5ac; line-height:22px; color:#fff; cursor:pointer; overflow:hidden; position:relative; -webkit-transition: ease .5s; transition: ease 0.5s;}
.swicth .sBotton{width:50%; height:100%; background:#fff; float:left; position:absolute; top:0; right:0; -webkit-transition: ease .5s; transition: 0.5s ease;}
.swicth .sLeft, .swicth .sRight{padding:0 5px; height:100%; float:left;}
.swicth.off{background:#ccc; border:1px solid #ccc;}
.swicth.off .sBotton{right:50%;}

.easyui-searchbuilder {border:none;background-color:transparent;}
.searchbuilder {display:inline}
.searchbuilder li {display:inline-block;}
.searchbuilder ul {display:inline-block;margin-right:8px;}
.searchbuilder button {border-left:0px;padding:0px;width:16px;min-height:21px;}
.searchbuilder .many {width:127px;text-align:center}
.searchbuilder .date {width: 65px;text-align:center;font-size:12px}
.searchbuilder .number {width:65px;text-align:center;}
.searchbuilder .datalist, .searchbuilder .option {width: 147px;}
.searchbuilder .one,.searchbuilder .like {width:143px;text-align:center}

ul.dict{position:absolute;z-index:999;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background-color:#fff;border:1px outset #ccc;padding:1px;margin-top:-1px;cursor:pointer}
ul.dict li{border-bottom:1px dotted #eee;padding:0px 12px;white-space:nowrap}


/*补充的图标*/
.icon-application_add{background:url('images/icon/application_add.png') no-repeat center center;}
.icon-application_edit{background:url('images/icon/application_edit.png') no-repeat center center;}
.icon-application_delete{background:url('images/icon/application_delete.png') no-repeat center center;}
.icon-arrow_left{background:url('images/icon/arrow_left.png') no-repeat center center;}
.icon-arrow_right{background:url('images/icon/arrow_right.png') no-repeat center center;}
.icon-arrow_up{background:url('images/icon/arrow_up.png') no-repeat center center;}
.icon-arrow_down{background:url('images/icon/arrow_down.png') no-repeat center center;}
.icon-user{background:url('images/icon/user.png') no-repeat center center;}
.icon-note{background:url('images/icon/cmy.png') no-repeat center center;}
.icon-excel{background:url('images/icon/page_excel.png') no-repeat center center;}
.icon-copy{background:url('images/icon/page_copy.png') no-repeat center center;}
.icon-paste{background:url('images/icon/page_paste.png') no-repeat center center;}
.icon-image_add{background:url('images/icon/image_add.png') no-repeat center center;}
.icon-page_excel{background:url('images/icon/page_excel.png') no-repeat center center;}
.icon-images{background:url('images/icon/images.png') no-repeat center center;}
.icon-page_copy{background:url('images/icon/page_copy.png') no-repeat center center;}
.icon-server_edit{background:url('images/icon/server_edit.png') no-repeat center center;}
.icon-download {background:url('images/icon/download.png') no-repeat center center;}
.icon-right {background:url('images/icon/bullet_right.png') no-repeat center center;}
.icon-page_edit {background:url('images/icon/page_edit.png') no-repeat center center;}
.icon-table_edit {background:url('images/icon/table_edit.png') no-repeat center center;}
.icon-view {background:url('images/icon/layout_content.png') no-repeat center center;}


::-webkit-scrollbar-track {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background-color: #f5f5f5;
}

::-webkit-scrollbar-track-piece {
}

::-webkit-scrollbar {
    width: 8px;
    height: 9px;
}

::-webkit-scrollbar-thumb {
    background-color: #dddddd;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    min-height: 28px;
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #666;
    }

/*::-webkit-scrollbar                滚动条整体部分
::-webkit-scrollbar-thumb          滚动条里面的小方块，能向上向下移动（或向左向右移动）
::-webkit-scrollbar-track          滚动条的轨道（里面装有Thumb）
::-webkit-scrollbar-button         滚动条的轨道的两端按钮，由于通过点击微调小方块的位置。
::-webkit-scrollbar-track-piece    内层轨道，滚动条中间部分
::-webkit-scrollbar-corner         边角，即垂直滚动条和水平滚动条相交的地方
::-webkit-resizer                  两个滚动条的交汇处上用于拖动调整元素大小的小控件*/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit内核兼容CSS */
    .easyui-searchbuilder {
        -webkit-appearance: none;
        padding: 1px 14px 1px 1px;
        background: url(/images/icon/bullet_arrow_down.png) no-repeat right center;
    }
}



input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
    border-color: rgba(82, 168, 236, 0.5);
    outline: 0;
    outline: thin;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 3px rgb(82 168 236 / 60%);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 3px rgb(82 168 236 / 60%);
}