/* reset easyui start  */

body, .panel-fit body {
    padding: 0 20px;
}

.spinner {
    border-color: #CDD0D1;
}

input[type='text'], textarea {
    box-sizing: border-box;
}

/* 拖动列 */
.layout-split-east {
    border-left: 0px solid #E6EEF8;
}


/* easyui 布局组件样式调整 */

.layout-panel .panel-title {
    display: none;
}

/* 弹窗关闭按钮 */

.window {
    background-color: #3F8AF9;
}

    .window .window-header {
        box-sizing: border-box;
        padding: 10px 15px;
        position: relative;
        border: none;
    }

        .window .window-header .panel-icon, .window .window-header .panel-tool {
            text-align: center;
            line-height: 25px;
            right: 5px;
        }

.panel-tool .panel-tool-close:hover:before {
    font-size: 16px;
    color: #fff;
}

.panel-tool .panel-tool-close:before {
    content: "\e66c";
    color: #fff;
}

.panel-tool .panel-tool-max {
    /*transform: rotate(90deg);*/
    background: none;
    display: inline-block;
    /*border: 1px solid #fff;
    width: 8px;
    height: 8px;
    margin-right: 3px*/
}

/*.panel-tool .panel-tool-max:hover {
    width: 10px;
    height: 10px;
}*/

.panel-tool .panel-tool-restore {
    /*transform: rotate(-90deg);*/
    transform: scale(0.5, 0.2);
    background-color: #fff;
}

.panel-tool .panel-tool-max:before {
    /*content: "\e698";
    font-family: "iconfont" !important;*/
    content: "";
    border: 1px solid #fff;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    display: inline-block;
    margin-top: 5px;
}

.panel-tool .panel-tool-max:hover:before {
    /*font-size: 16px;
    color: #fff;*/
    transform: scale(1.2)
}

/*缩放按钮*/

div.panel-tool > a.panel-tool-collapse, div.panel-tool > a.panel-tool-expand {
    background: none;
    color: #fff;
    transform: rotate(-90deg);
    /*display: none;*/
    /*-moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;*/
}

div.panel-tool > a.panel-tool-expand {
    transform: rotate(90deg);
}

    div.panel-tool > a.panel-tool-collapse::before, div.panel-tool > a.panel-tool-expand:before {
        content: "\e698";
        font-family: "iconfont" !important;
    }

    div.panel-tool > a.panel-tool-collapse:hover, div.panel-tool > a.panel-tool-expand:hover {
        font-size: 16px;
        color: #fff;
    }

/*  end  */



/* tab 选项卡 start */
.tabs-header {
    background-color: #FFF;
}

.tabs-wrap {
    position: relative;
    left: 0;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tabs li {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    border: 0;
}

    .tabs li.tabs-selected a.tabs-inner {
        background: #efefef;
    }

    .tabs li a.tabs-inner {
        display: inline-block;
        text-decoration: none;
        margin: 0;
        padding: 0 10px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        white-space: nowrap;
        border: 1px solid #CDD0D1;
        border-right: 0;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 0;
        color: #727272;
        background-color: #FFF;
    }

    .tabs li:last-child a.tabs-inner {
        border-right: 1px solid #CDD0D1;
    }

.tabs-wrap .tabs li.tabs-selected a.tabs-inner,
.tabs-wrap .tabs li.tabs-selected a.tabs-inner .tabs-title {
    color: #3F8AF9 !important;
}


/* tab 选项卡 end */



/*遮罩层*/
.window-proxy-mask, .window-mask {
    background: rgba(1,1,1,.6);
}

/* 弹窗样式 start */
.window {
    background: #fff;
    border-radius: 3px;
    padding: 0;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(1,1,1,.3);
}

    .window .window-header {
        background: transparent;
        padding: 0px 0px 6px 0px;
    }

    .window .window-body {
        border-width: 0;
    }

.easyui-dialog,
.messager-body {
    padding: 15px;
}

.messager-icon {
    display: none;
}


/* 弹窗头部 */
.window .window-header, .window .panel-title {
    background: #3F8AF9;
    color: #ffffff;
    line-height: 1;
    padding: 0;
    font-size: 16px;
}

.panel-header {
    padding: 0;
}

.window .window-header {
    padding: 10px 15px;
    position: relative;
}

    .panel .panel-tool, .window .window-header .panel-tool {
        position: absolute;
        margin-top: -10px;
        right: 10px;
    }

.panel-tool > a {
    margin: 0;
    padding: 0;
    font-family: "iconfont" !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    position: relative;
    background: none;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}



/*去除easyui 弹出框方法缩小*/
.panel-tool .panel-tool-max {
    /*display: none;*/
}


/* 弹窗样式 end */

/*  弹窗底部按钮 */
.messager-button, .dialog-button {
    background: none;
    border: 0;
    padding-top: 15px;
    overflow: hidden;
}

    .messager-button a.l-btn, .dialog-button a.l-btn {
        float: right;
        padding: 5px 15px;
    }

a.l-btn {
    padding: 5px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    color: #ffffff;
    background: #3F8AF9;
    font-size: 12px;
    border: 1px solid #3F8AF9;
    border-radius: 3px;
}

    a.l-btn:hover {
        background: #2B61B0;
    }

    a.l-btn span.l-btn-left {
        padding: 0;
        line-height: 1;
        background: none;
    }

/* 保存按钮、 确认清空按钮*/
a.easyui-linkbutton[iconcls = 'icon-save'],
a.easyui-linkbutton[iconcls = 'icon-empty'] {
    background: #3AA7FF;
    border: 1px solid #1994F7;
    color: #FFFFFF;
}

    a.easyui-linkbutton[iconcls = 'icon-save']:hover,
    a.easyui-linkbutton[iconcls = 'icon-empty']:hover {
        background: #2C81C6;
    }

/*新增按钮*/
a.easyui-linkbutton[iconcls = 'icon-add'] {
    background: #FF9726;
    border: 1px solid #E9861A;
    color: #FFFFFF;
}

    a.easyui-linkbutton[iconcls = 'icon-add']:hover {
        background: #E18520;
    }
/*修改按钮*/
a.easyui-linkbutton[iconcls = 'icon-edit'], a.easyui-linkbutton[iconcls = 'icon-mini-edit'] {
    background: #22C68F;
    border: 1px solid #18B37F;
    color: #FFFFFF;
}

    a.easyui-linkbutton[iconcls = 'icon-edit']:hover, a.easyui-linkbutton[iconcls = 'icon-mini-edit']:hover {
        background: #18B37F;
    }
/*删除按钮*/
a.easyui-linkbutton[iconcls = 'icon-remove'], a.easyui-linkbutton[iconcls = 'icon-cut'] {
    background: #F46565;
    border: 1px solid #EF4E4E;
    color: #FFFFFF;
}

    a.easyui-linkbutton[iconcls = 'icon-remove']:hover, a.easyui-linkbutton[iconcls = 'icon-cut']:hover {
        background: #C75151;
    }

/*确定和取消按钮*/
a.easyui-linkbutton[iconcls = 'icon-ok'],
a.easyui-linkbutton[iconcls = 'icon-cancel'] {
    background: #1DADF6;
    border: 1px solid #1DADF6;
    color: #FFFFFF;
}

    a.easyui-linkbutton[iconcls = 'icon-ok']:hover,
    a.easyui-linkbutton[iconcls = 'icon-cancel']:hover {
        background: #2C81C6;
    }


.icon-bin:before {
    content: "\e6ac";
    font-family: "iconfont" !important;
}

.icon-search:before {
    font-family: "iconfont" !important;
}

.icon-select:before {
    font-family: "iconfont" !important;
}

.icon-move:before, .icon-progress:before {
    font-family: "iconfont" !important;
    content: "\e6ad";
}

.icon-save:before {
    font-family: "iconfont" !important;
}

.icon-add:before, .icon-mini-add:before {
    content: "\e6b6";
    font-family: "iconfont" !important;
}

.icon-remove:before, .icon-cut:before {
    content: "\e679";
    font-family: "iconfont" !important;
}

.icon-copy:before {
    font-family: "iconfont" !important;
}

.icon-settings:before {
    content: "\e684";
    font-family: "iconfont" !important;
}

.icon-undo:before {
    content: "\e661";
    font-family: "iconfont" !important;
}


.icon-ok:before {
    content: "\e669";
    font-family: "iconfont" !important;
}

.icon-no:before {
    content: "\e66d";
    font-family: "iconfont" !important;
}

.icon-help:before {
    content: "\e662";
    font-family: "iconfont" !important;
}

.icon-import:before {
    content: "\e664";
    font-family: "iconfont" !important;
}

.icon-download:before {
    content: "\e665";
    font-family: "iconfont" !important;
}

.icon-export:before {
    content: "\e663";
    font-family: "iconfont" !important;
}

.icon-sum:before {
    content: "\e672";
    font-family: "iconfont" !important;
}

.icon-tip:before {
    content: "\e67e";
    font-family: "iconfont" !important;
}

.icon-cancel:before {
    content: "\e679";
    font-family: "iconfont" !important;
}

.icon-refresh:before {
    content: "\e67b";
    font-family: "iconfont" !important;
}

.icon-edit:before, .icon-mini-edit:before {
    content: "\e65d";
    font-family: "iconfont" !important;
}

.icon-note:before {
    content: "\e65e";
    font-family: "iconfont" !important;
}

.panel-tool-close:before {
    content: "\e66c";
    font-family: "iconfont" !important;
}






/*  原本样式消除 */

input, textarea, select {
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
}

textarea {
    border: 1px solid #CDD0D1;
    padding: 10px;
}
.layout-split-proxy-v {
    display: none;
}

#ptoolbars, .dialog-toolbar, .toolbar {
    height: auto;
    background: #fff;
    font-size: 0;
    padding: 5px 0 0 0;
    border: none;
    margin: 0;
}

a.easyui-linkbutton {
    margin: 0px 0px 0px 10px !important;
    padding: 5px 15px;
    display: inline-block;
    height: 16px;
    line-height: 14px;
    vertical-align: middle;
    color: #ffffff;
    background: #3F8AF9;
    font-size: 12px;
    border: 1px solid #3F8AF9;
    border-radius: 5px;
    font-weight:500;
}

    a.easyui-linkbutton[iconcls ^= "icon-"], a.easyui-linkbutton[icon ^= "icon-"], a.easyui-linkbutton[data-options ^= "iconCls:"] {
        padding: 5px 5px;
    }


.idsp-box a.l-btn {
    margin: 0px;
}

a.l-btn span.l-btn-left {
    padding: 0;
    line-height: 1;
    background: none;
}

.menu-line {
    border: none;
}

.menu-active {
    border-color: transparent;
    background: transparent;
}

.m-btn-downarrow {
    background: none;
    transform: rotate(90deg);
    margin-right: 2px;
}

    .m-btn-downarrow:before {
        content: "\e698";
        font-family: "iconfont" !important;
    }

/* searchbox */
.searchbox a.l-btn {
    margin: 0;
    border-right: 1px solid #E9E9E9;
}

    .searchbox a.l-btn:hover {
        border-right: 1px solid #E9E9E9;
    }

    .searchbox a.l-btn span.l-btn-left {
        background: none;
    }

a.l-btn span span.l-btn-icon-left {
    padding: 0;
    line-height: 1;
}

.idsp-box a.l-btn > span.l-btn-left > span.l-btn-text {
    border-left: 0px;
}

a.l-btn > span.l-btn-left > span.l-btn-text:before {
    font-size: 14px;
    margin-right: 6px;
    font-family: "iconfont";
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: font-size 0.25s ease-out 0s;
    -moz-transition: font-size 0.25s ease-out 0s;
    transition: font-size 0.25s ease-out 0s;
}

.dialog-toolbar a.l-btn,
.toolbar a.l-btn,
#ct_0 a.l-btn,
.menu a.l-btn {
    margin: 0 10px 5px 0 !important;
}

a.l-btn[disabled = 'disabled'], a.l-btn-disabled {
    opacity: .3;
    color: #fff !important;
}

a.l-btn:hover {
    background: #2B61B0;
}

.idsp-box {
    font-size: 0;
    margin: 0 10px 5px 0;
    box-sizing: border-box;
    height: 26px;
    border: 1px solid #CDD0D1;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}

.idsp-title {
    font-size: 12px;
    background: #FAFAFA;
    border-right: 1px solid #CDD0D1;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.combo, .easyui-searchbox + .searchbox, .messager-input {
    background: #FFFFFF;
    border: 1px solid #CDD0D1;
    border-radius: 3px;
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    display: inline-block;
    vertical-align: top;
    height: 24px !important; /* 强制设置select 组件高度 */
    position: relative;
}

.idsp-box .combo, .idsp-box .easyui-textbox {
    border: 0;
}



/*下拉搜索框*/

.searchbox, .searchbox a.searchbox-menu, .searchbox input, input.easyui-validatebox, .easyui-textbox, .easyui-numberbox, select {
    height: 26px !important;
    line-height: 26px !important;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #CDD0D1;
    opacity: 1;
    background: none;
}

input:disabled, input:disabled + span > span {
    background: rgba(0,0,0, .1);
    opacity: .6;
}

.combo .combo-text, .searchbox input.searchbox-text, input.easyui-validatebox, .easyui-textbox, .easyui-numberbox {
    padding: 0 0 0 10px;
}

.searchbox .searchbox-prompt {
    color: #363B42;
}

.validatebox-invalid {
    background-color: #fff;
    background-position: 95% center;
    border-radius: 3px;
}

input[readonly="true"] {
    background: #efefef;
}

.searchbox a.searchbox-menu {
    border: none;
    border-right: 1px solid #CDD0D1;
    background: #fff;
    margin: 0 !important;
    color: #363B42;
    box-sizing: border-box;
}

    .searchbox a.searchbox-menu:hover {
        background: #E0E0E0;
    }

    .searchbox a.searchbox-menu .l-btn-left .l-btn-text {
        padding: 0 10px;
    }

.searchbox .m-btn-downarrow {
    margin: 0;
}

.searchbox-button, .searchbox .m-btn-downarrow {
    background: none;
    font-family: "iconfont" !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .searchbox-button:before {
        content: "\e67d";
        font-family: "iconfont" !important;
    }

/* 兼容.net控件 */
.idsp-box table {
    background: #FFFFFF;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0 5px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: text-bottom;
    z-index: 999 !important;
    top: 0 !important; /* 兼容.net控件 */
    left: 0 !important; /* 兼容.net控件 */
}

#body_ddlGrades_div {
    border: 1px solid #CDD0D1;
}

    #body_ddlGrades_div,
    #body_ddlGrades_div table {
        width: 167px !important;
    }


.idsp-box table div {
    box-sizing: border-box;
    margin-left: -5px;
    max-height: 300px;
    overflow: auto;
    border: none !important; /* 兼容.net控件 */
}

    .idsp-box table div table {
        border: 1px solid #EAEAEA;
        padding: 0;
    }

        .idsp-box table div table td {
            background: #fff !important; /* 兼容.net控件 */
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            height: 30px !important;
        }

.idsp-box > input[type='submit'] {
    background: #3F8AF9;
    padding: 5px 11px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    margin-left: 10px;
    vertical-align: middle;
}

    .idsp-box > input[type='submit']:hover {
        background: #2B61B0;
    }

.easyui-combobox, select, .easyui-datebox, .easyui-datetimebox, .easyui-textbox, .easyui-validatebox, .messager-input {
    width: 158px;
    vertical-align: middle;
    border-radius: 3px;
}

.combo-arrow {
    background: none;
}

    .combo-arrow:before {
        content: '';
        width: 0;
        height: 0;
        border-width: 3px 3px 0;
        border-style: solid;
        border-color: #49535E transparent transparent;
        position: absolute;
        right: 7px;
        top: 10px;
    }

.datebox .combo-arrow:before {
    display: none;
}

.combo-p {
    overflow: hidden;
}

.combo-panel {
    border: 1px solid #E3E4E7;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: auto;
}

.combobox-item, .combobox-group {
    font-size: 12px;
    padding: 6px;
    cursor: pointer;
}