﻿
/*
 G2Widget组件库基本默认样式
 未指定字体和大小，按字体比例确定其它尺寸。
 你可以修改它，也可以直接通过组件的选项的CSS参数自动其它类名
*/

/*选项卡*/

.tabtable {
    border: 0px solid #dfdfdf;
    border-collapse: collapse;
    width: 100%;
    color: white;
}

    .tabtable td {
        border: 0px solid #99A9BF;
        height: 3em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        white-space: nowrap;
        cursor: pointer;
        font-size: 1.2em;
    }

    .tabtable tr {
        border: 0px;
        background-color: #8492A6;
    }

.tabtablehot {
    background-color: #324057 !important;
}

.tabtablelast {
    width: 99%;
}


.tabdiv {
    color: white;
    background-color: #8492A6;
    white-space: nowrap;
    overflow: auto;
    vertical-align: middle;
}

    .tabdiv span {
        display: inline-block;
        padding: 0.5em;
        cursor: pointer;
        font-size: 1.2em;
    }

.tabdivhot {
    background-color: #324057;
}


.tabselect {
    font-size: 1em;
    background-color: white;
    border: 0px;
}

.tabselecthot {
}

.tabtile {
    width: 100%;
    /*text-align: center;*/
    background-color: #091a46;
}

    .tabtile button {
        font-size: 1.1em;
        /*浅蓝*/
        background-color: #0097aa;
        margin: 5px;
        width: 100px;
        height: 70px;
        border: 0px;
        vertical-align: top;
        display: inline-block;
        color: white;
    }

    .tabtile > button > div {
        height: 22px;
    }

.tile-tag {
    color: #c6380a;
    text-align: right;
    vertical-align: top;
}

.tabgroup {
    color: white;
    font-size: 1.2em;
}


/*表格组件的默认表格样式*/
.g2table {
    width: 100%;
    border: 1px solid #dfe6ec;
    border-collapse: collapse;
    /*white-space: nowrap;*/
    background-color: #ffffff;
}

    .g2table th {
        background-color: #eef1f6;
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
        font-weight: normal;
        border: 1px solid #dfe6ec;
        height: 22px;
        padding: 3px 3px;
    }

    .g2table td {
        text-align: left;
        vertical-align: central;
        border: 1px solid #dfe6ec;
        height: 22px;
        padding: 3px 3px;
    }

    .g2table tfoot td {
        text-align: center;
        border: 1px solid #dfe6ec;
        line-height: 2.5em;
        padding: 4px;
    }


    .g2table tfoot span {
        text-align: left;
    }

    .g2table ._rows {
        padding-right: 0.6em;
    }

    .g2table ._deletes {
        padding-right: 0.6em;
    }

    .g2table ._pages {
        padding-right: 0.6em;
    }

    .g2table tfoot a {
        padding-left: 0.2em;
        padding-right: 0.2em;
        text-decoration: none;
    }

    .g2table tfoot input[type=text] {
        margin-left: 0.8em;
        width: 6.5em;
    }

    .g2table tfoot img {
        padding-right: 0.4em;
        vertical-align: middle;
        cursor: pointer;
    }

/*手机竖屏，很窄*/
@media all and (max-width :350px) {
    .g2table tfoot img {
        padding-right: 0.2em;
    }
}

/*偶数行（可选）*/
.g2table .g2alterrow {
    background-color: aliceblue;
}

/*鼠标在上面时的行*/
.g2table .g2mouseonrow {
    background-color: #eef1f6;
}


/*正在删除的行*/
.g2table .g2deletingrow {
    background-color: orangered;
}

/*已置顶的行*/
.g2table .g2toprow {
    background-color: #f00;
}

/*已冻结的行*/
.g2table .g2freezedrow {
    background-color: #808080;
}

/*行按钮组*/
.g2Buttons > a {
    padding-left: 0.5em;
}

.g2Buttons > img {
    padding-left: 0.5em;
    cursor: pointer;
    vertical-align: middle;
}


/*table 只有水平线的表格*/
.g2tableh {
    width: 100%;
    border: 0px solid #dfe6ec;
    border-collapse: collapse;
    background-color: #ffffff;
}

    .g2tableh td {
        text-align: left;
        vertical-align: central;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #dfe6ec;
        padding: 6px;
    }

    .g2tableh th {
        border: 1px solid #eef1f6;
        background-color: #eef1f6;
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
        font-weight: normal;
        padding: 6px;
    }

    .g2tableh tfoot td {
        text-align: center;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #dfe6ec;
        line-height: 2.5em;
        padding: 4px;
    }


    .g2tableh tfoot span {
        text-align: left;
    }

    .g2tableh ._rows {
        padding-right: 0.6em;
    }

    .g2tableh ._pages {
        padding-right: 0.6em;
    }

    .g2tableh tfoot a {
        padding-left: 0.2em;
        padding-right: 0.2em;
        text-decoration: none;
    }

    .g2tableh tfoot input[type=text] {
        margin-left: 0.8em;
        width: 6.5em;
    }

    .g2tableh tfoot img {
        padding-right: 0.4em;
        vertical-align: middle;
        cursor: pointer;
    }


/*手机竖屏，很窄*/
@media all and (max-width :350px) {
    .g2tableh tfoot img {
        padding-right: 0.2em;
    }
}

/*偶数行（可选）*/
.g2tableh .g2alterrow {
    background-color: aliceblue;
}

/*鼠标在上面时的行*/
.g2tableh .g2mouseonrow {
    background-color: #eef1f6;
}


/*正在删除的行*/
.g2tableh .g2deletingrow {
    background-color: orangered;
}

/*已置顶的行*/
.g2tableh .g2toprow {
    background-color: #f00;
}

/*已冻结的行*/
.g2tableh .g2freezedrow {
    background-color: #808080;
}

/*行按钮组*/
.g2tableh .g2Buttons > a {
    padding-left: 0.5em;
}

.g2tableh .g2Buttons > img {
    padding-left: 0.5em;
    cursor: pointer;
    vertical-align: middle;
}

/*附件管理的上传控件*/
.g2upload1 {
    display: inline-block;
    padding-right: 0.8em;
}

.g2upload2 {
    display: inline-block;
}

/*层开关（可以通过G2Widget.LayerButton.CSSPrefix来添加以下类名的前缀以使用新的一套类名）*/

/*层开关：层开关按钮或所在容器的样式*/
.lbt {
    cursor: pointer;
}

/*层开关：折叠行样式*/
.extr > td {
    padding-top: 1.6em;
    padding-bottom: 1.6em;
    /*background-color: #EFF2F7;*/
    background-color: aliceblue;
    text-align: center;
}

/*层开关(折叠行模式)：层开关按钮或所在容器的样式-关闭状态*/
.extr1 {
    text-align: center;
    cursor: pointer;
    background-image: url("/_layouts/g2/css/images/extr1.png");
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.6em;
}

/*层开关(折叠行模式)：层开关按钮或所在容器的样式-打开状态*/
.extr2 {
    text-align: center;
    cursor: pointer;
    background-image: url("/_layouts/g2/css/images/extr2.png");
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.6em;
}

/*层开关(非折叠行模式)：层开关按钮或所在容器的样式-关闭状态*/
.intd1 {
    text-align: center;
    cursor: pointer;
    background-image: url("/_layouts/g2/css/images/intd1.png");
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.6em;
}

/*层开关(非折叠行模式)：层开关按钮或所在容器的样式-打开状态*/
.intd2 {
    text-align: center;
    cursor: pointer;
    background-image: url("/_layouts/g2/css/images/intd2.png");
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.6em;
}

/*层开关(对话框模式)：层开关按钮或所在容器的样式*/
.exdg {
    text-align: center;
    cursor: pointer;
    background-image: url("/_layouts/g2/css/images/intd1.png");
    background-repeat: no-repeat;
    background-position: center;
    min-width: 1.6em;
}

/*层开关(非折叠行模式)：层容器（表格）*/
.intb {
    border: 0px;
}

    .intb > tbody > tr > td {
        vertical-align: middle;
        border: 0px;
    }


/*流程工具条*/
.g2toolbar a {
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-decoration: none;
    font-weight: normal;
}


/*复选框列表/单选框列表表格布局模式样式*/
.g2checkboxtable td {
    border: 0px;
    padding: 0.3em;
}

.ckblock {
    display: inline-block;
    line-height: 1.5em;
    font-size: 1em;
}


/*链接禁用样式*/
a[disabled] {
    color: gray;
}

/*UserPicker的默认样式*/
.userpicker {
    border: #999 1px solid;
    background-image: url("/_layouts/g2/css/images/addressbook.gif");
    background-repeat: no-repeat;
    background-position: right;
}

.hrpicker {
    border: #999 1px solid;
    background-image: url("/_layouts/g2/css/images/addressbook.gif");
    background-repeat: no-repeat;
    background-position: right;
}

.datepicker {
    border: #999 1px solid;
    background-image: url("/_layouts/g2/css/images/datepicker.gif");
    background-repeat: no-repeat;
    background-position: right;
}


/*DataPicker的默认样式*/
.datapicker {
    background-image: url("/_layouts/g2/css/images/datapicker.png");
    background-repeat: no-repeat;
    background-position: right;
}

.suggestions {
    border: #999 1px solid;
    background-image: url("/_layouts/g2/css/images/paste.gif");
    background-repeat: no-repeat;
    background-position: right;
}

/*手机*/
@media all and (max-width :600px) {

    /*带图片的链接的图片样式*/
    .TitleLink img {
        width: 1em;
        height: 1em;
    }

    .g2icon {
        width: 1em;
        height: 1em;
    }
}

/*会签意见显示*/
.g2comment {
}

    .g2comment span {
        display: block;
        text-align: left;
    }

    .g2comment div {
        display: block;
        margin-bottom: 6px;
        margin-top: 6px;
        width: 80%;
        height: 1px;
        background-color: #0613aa;
    }

    .g2comment img {
        text-align: center;
        width: 150px;
    }


/*包含附件类型图表的表格*/
.g2itd {
    text-align: center !important;
    vertical-align: middle;
}

/*只读时隐藏*/
.g2rdtrue {
    display: none;
}


/*校验错误的样式*/
input.error {
    border: 1px solid red !important;
}

textarea.error {
    border: 1px solid red !important;
}

select.error {
    border: 1px solid red !important;
}

table.error {
    border: 0.2em solid red !important;
}

label.error {
    padding-left: 2px;
    font-weight: bold;
    color: #EA5200;
}

/*弹出层按钮*/
.dialogbuttons {
    text-align: center;
}

    .dialogbuttons input[type=button] {
        font-size: small;
        margin-left: 0.3em;
    }


/*对话框边距*/
.ui-dialog .ui-dialog-content {
    padding: 0em 0em !important;
}


.g2img {
    height: 100% !important;
    width: 100% !important;
    min-height: initial !important;
    min-width: inherit !important;
}

.failedtab {
    width: 100%;
    text-align: center;
    color: red;
    padding-top: 10px;
}

.tabiframe {
    width: 100%;
    border-style: none;
    overflow-y: scroll;
}

.dialogloading {
    padding-top: 20px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

    .dialogloading img {
        vertical-align: middle;
        padding-right: 5px;
    }

.spanselector {
    cursor: pointer;
}

    .spanselector .selected {
        color: red;
    }


.g2tooltip {
    border: 1px solid lightgray;
    background-color: #eeeeee;
    padding: 5px;
}

.MobileRedirect h1 {
    padding: 5px;
    font-size: 1.5em;
}

.MobileRedirect h2 {
    padding: 5px;
    font-size: 1em;
}

.sortasc {
    padding-left: 5px;
    display: inline;
}

.sortdec {
    padding-left: 5px;
    display: inline;
}

/*垂直表格*/
.vhead {
    position: fixed;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    background-color: #283d53;
    color: #ffffff;
    height: 30px;
    vertical-align: middle;
    z-index: 20;
    width: 100%;
}

    .vhead > .title {
        display: inline-block;
        font-size: 1.2em;
        padding-left: 5px;
        padding-top: 6px;
    }

    .vhead > .buttons {
        float: right;
    }

        .vhead > .buttons > .row {
            display: inline-block;
            font-size: 1em;
            height: 30px;
            vertical-align: top;
            padding-top: 8px;
        }

    .vhead .buttons > .prev, .next {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        padding-top: 7px;
        padding-left: 5px;
        padding-right: 5px;
        cursor: pointer;
    }

    .vhead > .buttons > .close {
        cursor: pointer;
        margin: 6px 6px 6px 26px;
        padding: 1px;
        background-color: #eeeeee;
    }

.vdiv {
    position: fixed;
    z-index: 10;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-color: #ffffff;
}

.vtable {
    width: 100%;
}

    .vtable th {
        width: 50px !important;
        white-space: nowrap !important;
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px solid #eef1f6;
        padding: 6px;
    }

    .vtable td {
        border-bottom: 1px solid #eef1f6;
    }


.vtd {
    position: fixed !important;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    display: inline !important;
    z-index: 15 !important;
}

.vtdhide {
    display: none !important;
}

.vtd > .upbtn {
    display: none !important;
}

.vtd > .downbtn {
    display: none !important;
}

.vtd > .topbtn {
    display: none !important;
}

.vtd > .bottombtn {
    display: none !important;
}

.vtd > .beforebtn {
    display: none !important;
}

.vtd > .afterbtn {
    display: none !important;
}


/*修改jQuery Dialog部分样式*/
.ui-corner-all {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-dialog {
    padding: 0px;
}

    .ui-dialog .ui-dialog-titlebar {
        padding-left: 4px;
    }

.ui-widget.ui-widget-content {
    border: 0px solid #0072bc;
}

.ui-widget-header {
    border: 1px solid #283d53;
    background-color: #283d53;
    color: #ffffff;
}

.ui-widget-overlay {
    background-color: #5d6773;
}

.g2import {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

    .g2import > span {
    }

    .g2import > input[type=file] {
        width: 300px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .g2import > button {
    }


.ImportDialog {
    margin: 10px;
    text-align: center;
}

    .ImportDialog tr {
        height: 20px;
    }

    .ImportDialog input[type=file] {
        width: 400px;
    }

    .ImportDialog button {
        margin-left: 10px;
    }

.Reports {
    color: white;
    background-color: #383632;
    height: 30px;
}

.Report {
    padding: 5px;
    cursor: pointer;
    display: inline;
}

.CurReport {
    color: red !important;
}



.popmess {
    background-color: #eeeeee !important;
    min-width: 300px !important;
}
    /*所有消息的容器div*/
    .popmess > .messages {
        height: 220px;
        overflow: auto;
    }

    /*状态栏*/
    .popmess > .status {
        text-align: right;
        height: 20px;
        color: white;
        background-color: #283d53;
        padding-right: 5px;
        padding-top: 5px;
        font-size: 10px;
    }

    /*单个消息容器div*/
    .popmess > .messages > .message {
    }

        /*单个消息主题*/
        .popmess > .messages > .message > subject {
            text-align: center;
            font-weight: 200;
        }

        /*单个消息内容*/
        .popmess > .messages > .message > .content {
            padding: 5px;
            line-height: 20px;
        }
            /*单个消息内容的链接*/
            .popmess > .messages > .message > .content a {
                color: blue;
            }

        /*消息风格线 hr*/
        .popmess > .messages > .message > .line {
            height: 1px;
            background-color: #283d53;
        }




._colhide {
    display: none
}


.MultiPicker > select {
    border: 0px;
}


.g2stepinfo {
    background-color: #283d53 !important;
    color: white;
    margin: 5px;
    line-height: 20px;
    min-height: 10px !important;
    min-width: 10px;
}

    .g2stepinfo td {
        padding: 6px !important;
    }

.g2deletefieldfile {
    padding-left: 5px;
}

.ActionButtonDisabled {
    display: none !important;
}