﻿/*
 * chairui
 *
 * 2016-04-15 增加上传附件相关样式
 * 2017-06-17 table-info 样式
 *
 */

.body{
    margin:0;
    padding:10px;
    background-color:#fafafa;
}


.table-search {
    border: 0px;
    margin: 8px;
}

    .table-search td {
        padding: 5px;
        font-size: 12px;
    }

    .table-search .table-search-title {
        padding-left: 5px !important;
        text-align: right;
    }

    .table-search .table-search-title-center {
        text-align: center;
    }

    .table-search .easyui-linkbutton {
        min-width: 40px;
    }


.table-layout-head {
    margin: 10px 0px;
    padding: 5px 20px;
    background-color: #f7f7f7;
    border-left: solid #eeeeee 6px;
    font-size: 12px;
}

.table-layout {
    border: 0px;
    background-color:#fff;
    min-width:550px;
    font-size:12px;
}

    .table-layout td {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .table-layout th {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size:14px;
        font-weight:normal;
        text-indent:2em;
        text-align:left;
    }
    .table-layout tfoot td{
        padding-left:30px;
    }

.table-layout-title {
    text-align: right;
    padding-right: 10px;
    font-size: 12px;
    width: 130px;
    white-space: nowrap;
}
.table-layout-border{
    border-radius: 3px;
    border-top: 3px solid #3c8dbc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom:20px;
}
.table-layout-margin {
    margin-top: 20px;
}


.table-info{
    border: 1px solid #ccc;
    border-collapse: collapse;
    font-size: 12px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.table-info th{
    font-size: 12px;
    font-weight: bold;
    color: #777;
    padding: 5px;
    text-align: left;
}
.table-info td{
    border: 1px solid #ddd;
    text-indent: 2em;
}
.table-info .table-info-title{
    background-color: #f9f9f9;
    text-indent: 2em;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
}

.table-bill {
    width: 738px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ccc;
    font-size: 12px;
}

.table-bill td {
    border: 1px solid #ccc;
    height: 24px;
    text-align: center;
}

.table-bill th {
    border: 1px solid #ccc;
    height: 24px;
    text-align: left;
    text-indent: 20px;
    background-color: #f5f5f5;
}

.table-bill-icon {
    width: 80px;
    text-align: center;
}

.table-bill-subject {
    font-family: SimSun;
}

.table-bill-subject h1, .table-bill-subject h4{
    font-weight: normal;
}

.table-bill-subject a{
    color:#2e6da4;
    font-size:12px;
    text-decoration:none;
}

.table-bill-subject img{
    border:0px;
}

.table-bill-barcode {
    width: 145px;
}

/*.table-bill input[type="text"], .table-bill input[type="password"], .table-bill textarea,  .table-bill select {*/
    /*border: 1px solid #D4D4D4;*/
    /*line-height:18px;*/
    /*padding: 0px;*/
    /*font-family:font-family;*/
    /*color:#333;*/
    /*-moz-border-radius: 0px;*/
    /*-webkit-border-radius: 0px;*/
    /*border-radius: 0px;*/
/*}*/

/*.table-bill input[type="text"] {*/
    /*height:18px;*/
/*}*/

.table-bill .td-w200 {
    width: 200px;
}
.table-bill .td-w150 {
    width: 150px;
}
.table-bill .td-w100 {
    width: 100px;
}
.table-bill .td-w60 {
    width: 60px;
}
.table-bill .td-w50 {
    width: 50px;
}
.table-bill .td-w30 {
    width: 30px;
}
.table-bill .td-w20 {
    width: 14px;
}
.table-bill-users td{
    height:16px;
}


.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    padding: 10px;
    font-size: 12px;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    padding: 10px;
    font-size: 12px;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    padding: 10px;
    font-size: 12px;
}
.alert-danger{
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    padding: 10px;
    font-size: 12px;
}



fieldset{
    border:1px solid #d4d4d4;
}
legend{
    font-size: 100%;
}

.help {
    color: #B94A48;
    text-decoration:none;
    font-size: 12px;
}

.required {
    color: #B94A48;
    text-decoration:none;
}

.warning {
    color: #d44950;
}

.visibility{
    visibility:hidden;
}

.info {
    margin: 0px;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
}

.left {
    text-align: left !important;
}

.no-border {
    border: 0px !important;
}

.no-top-border {
    border-top: 0px !important;
}

.no-bottom-border {
    border-bottom: 0px !important;
}
.no-bottom-border td {
    border-bottom: 0px !important;
}

.no-table-border {
    border: 0px !important;
}

.no-table-border td {
    border: 0px !important;
}

@media print {
    .print-hide {
        display: none !important;
    }

    .print-visibility {
        visibility: hidden;
    }

    /*.panel-fit, .panel-fit body {*/
        /*height: inherit;*/
    /*}*/

    /*.layout, .layout-panel, .content {*/
        /*margin: 0 auto;*/
        /*position: inherit;*/
        /*overflow: inherit;*/
        /*border-style: hidden !important;*/
        /*width: 720px !important;*/
    /*}*/

    .table-bill{
        width: 720px;
        margin-left:22px;
    }

    /*#form-submit{*/
        /*height:440px;*/
        /*display:block;*/
        /*border-bottom:1px dashed #ccc;*/
    /*}*/

    /*.layout-split-proxy-h, .layout-split-proxy-v {*/
        /*display: none;*/
    /*}*/

    /*a {*/
        /*color: #000;*/
    /*}*/
}


/*
    fix easyui
*/
.easyui-layout-margin{
    margin: 2px !important;
}
.easyui-layout-center-padding{
    padding: 2px !important;
    border-color: #cee3f2;
}

.datagrid-sort-icon{
    padding: 0 !important;
}
.datagrid-sort-asc .datagrid-sort-icon {
    display: inline-block !important;
    width: 13px;
}
.datagrid-sort-desc .datagrid-sort-icon{
    display: inline-block !important;
    width: 13px;
}
.datagrid-sort .datagrid-sort-icon {
    display: inline-block !important;
    width: 13px;
}
.datagrid-row-selected a:link,
.datagrid-row-selected a:visited{
    /*color:#fff !important;*/
}

.easyui-linkbutton {
    min-width: 60px;
}
.easyui-linkbutton-primary {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #337ab7 0px, #2e6da4 100%) repeat scroll 0 0;
    border-color: #2e6da4;
    color: #fff;
}
    .easyui-linkbutton-primary:hover {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2e6da4 0px, #286090 100%) repeat scroll 0 0;
        border-color: #2e6da4;
        color: #fff;
    }

@media \0screen\,screen\9 {
    /* IE6、7、8 */
    .easyui-linkbutton-primary {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#337ab7,endColorstr=#2e6da4,GradientType=0);
        border: #2e6da4 1px solid;
        background: #337ab7 repeat-x;
        color: #fff;
    }

        .easyui-linkbutton-primary:hover {
            background: #2e6da4;
            color: #fff;
            border: 1px solid #204d74;
            filter: none;
        }
}
/* IE9 */
:root .easyui-linkbutton-primary {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#337ab7,endColorstr=#2e6da4,GradientType=0);
    border: #2e6da4 1px solid;
    background: #337ab7 repeat-x;
    color: #fff;
}

:root .easyui-linkbutton-primary:hover {
    background: #2e6da4;
    color: #fff;
    border: 1px solid #204d74;
    filter: none;
}



.easyui-linkbutton-default {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #5bc0de 0px, #46b8da 100%) repeat scroll 0 0;
    border-color: #46b8da;
    color: #fff;
}

    .easyui-linkbutton-default:hover {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #46b8da 0px, #269abc 100%) repeat scroll 0 0;
        border-color: #46b8da;
        color: #fff;
    }

@media \0screen\,screen\9 {
    /* IE6、7、8 */
    .easyui-linkbutton-default {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#337ab7,endColorstr=#2e6da4,GradientType=0);
        border: #2e6da4 1px solid;
        background: #337ab7 repeat-x;
        color: #fff;
    }

        .easyui-linkbutton-default:hover {
            background: #2e6da4;
            color: #fff;
            border: 1px solid #204d74;
            filter: none;
        }
}

/* IE9 */
:root .easyui-linkbutton-default {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#337ab7,endColorstr=#2e6da4,GradientType=0);
    border: #2e6da4 1px solid;
    background: #337ab7 repeat-x;
    color: #fff;
}

:root .easyui-linkbutton-default:hover {
    background: #2e6da4;
    color: #fff;
    border: 1px solid #204d74;
    filter: none;
}




/*
    fix typeahead
*/
.tt-suggestion {
    text-align: left;
}
.typeahead-input{
    border: 1px solid #D4D4D4;
    background-color: #fff;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    padding: 2px 4px;
    font-size: 12px;
    /*-moz-border-radius: 5px 5px 5px 5px;*/
    /*-webkit-border-radius: 5px 5px 5px 5px;*/
    /*border-radius: 5px 5px 5px 5px;*/
}
.typeahead-delete{
    width:24px;
    height:24px;
    display:inline-block;
    background: #efefef url(../images/delete.png) no-repeat  center center;
}


.qq-uploader{
    min-height: auto !important;
    width:100px !important;
    border:none !important;
    padding: 5px !important;
}
.qq-upload-button{
    padding: 5px !important;
    width:90px !important;
    margin-bottom: 0px !important;
}

.upload-file-list{
    margin:0px;
    padding: 0px;
    list-style: none;
}
.upload-file-list li{
    padding: 5px;
}
.upload-file-list a:link,
.upload-file-list a:visited,
.upload-file-list a:hover
{
    margin-right: 5px;
    text-decoration: none;
}