﻿@charset "utf-8";
/* CSS Document */
.radios {
    width: 16px;
    height: 16px;
}

.checkboxs {
    width: 16px;
    height: 16px;
}

.text_color_red {
    color: red;
}

td {
    vertical-align: middle;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.right_width {
    width: 20%;
}

.left_width {
    width: 80%;
}

.table_style td.text_left {margin:0 4px;}

.tab_title {
    float: left;
    padding: 0 20px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #dde7d4;
    margin-right: 5px;
}

.tab_title a {
    color: white;
    text-decoration: none;
}

.popup_overlay1 {
    position: fixed;
    position: absolute;
    z-index: 1029;
    display: none;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.popup_overlay {
    position: fixed;
    z-index: 1028;
    display: none;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.popup_overlay_div {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1029;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    filter: alpha(Opacity=10);
    -moz-opacity: 0.1;
    opacity: 0.1;
}

.popup_div {
    position: absolute;
    z-index: 1030;
    width: 80%;
    height: 92%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 50px #666;
}

.popup_div_head {
    position: absolute;
    top: 0;
    width: 100%;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    background: #34495E;
    text-align: left;
    vertical-align: middle;
    color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.popup_div_main {
    position: absolute;
    top: 36px;
    bottom: 36px;
    left: 0;
    right: 0;
    overflow: auto;
}

.popup_div_foot {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 36px;
    background: #f5f5f5;
    text-align: right;
    vertical-align: middle;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.popup_div_foot input {
    border: medium none !important;
    color: white !important;
    cursor: pointer !important;
    padding: 4px 10px 4px 10px !important;
    margin-top: 4px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
    text-align: center !important;
    -ms-border-radius: 4px !important;
    border-radius: 4px !important;
}

/*.popup_div_foot input:hover {
    background: orange;
    color: #ffffa5;
    color: rgba(255,255,165,0.9);
}

.popup_div_foot input:active {
    background: orange;
    color: #ffffa5 !important;
    color: rgba(255,255,165,0.6);
}*/

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.link-order {
    height: 14px;
}

.commontransterm-td {
    font-size: 12px;
    padding-bottom: 0;
    padding-top: 0;
}

.tab_title_div {height: 29px;margin: 10px 0 0 0;font-size: 12px;border-bottom: 1px solid #2C3E50;}

.button_div { margin: 0; border-top: none; background: #F5F5F5; padding: 5px; }
/*.button_div input[type=button]{ width: 84px;height: 30px;}*/
input[type='button'].ui-state-default { padding: 5px 10px !important; cursor: pointer; }
button[type='button'].ui-state-default { padding: 5px 10px !important; cursor: pointer; }

a.ui-state-default {
    text-decoration: none;
    padding: 3px 10px 3px 10px;
    cursor: pointer;
}
/*.btn {
    border: medium none !important;
    background: orange !important;
    color: white !important;
    cursor: pointer !important;
    padding: 4px 10px 4px 10px !important;
    font-size: 15px !important;
    vertical-align: middle !important;
    text-align: center !important;
    -ms-border-radius: 4px !important;
    border-radius: 4px !important;
}


    .btn:hover {
        background: orange !important;
        color: #ffffa5 !important;
        color: rgba(255,255,165,0.9) !important;
    }

    .btn:active {
        background: orange !important;
        color: #ffffa5 !important;
        color: rgba(255,255,165,0.6) !important;
    }*/

.long_btn {
    border: medium none !important;
    background: orange !important;
    color: white !important;
    cursor: pointer !important;
    width: 98% !important;
    height: 36px !important;
    font-size: 16px !important;
    line-height: 36px !important;
    vertical-align: middle !important;
    text-align: center !important;
    -ms-border-radius: 18px !important;
    border-radius: 18px !important;
}

.long_btn:hover {
    background: orange !important;
    color: #ffffa5 !important;
    color: rgba(255,255,165,0.9) !important;
}

.long_btn:active {
    background: orange !important;
    color: #ffffa5 !important;
    color: rgba(255,255,165,0.6) !important;
}

.min_btn {
    padding: 3px 4px 3px 4px !important;
    border: none !important;
    background: orange !important;
    color: white !important;
    cursor: pointer !important;
    text-decoration: none !important;
    text-align: center !important;
    -ms-border-radius: 3px !important;
    border-radius: 3px !important;
}

.min_btn:hover {
    background: orange !important;
    color: #ffffa5 !important;
    color: rgba(255,255,165,0.9) !important;
}

.min_btn:active {
    background: orange !important;
    color: #ffffa5 !important;
    color: rgba(255,255,165,0.6) !important;
}

.min_btn_a {
    padding: 3px 4px 3px 4px !important;
    margin: 2px 3px 2px 3px !important;
    border: none !important;
    background: orange !important;
    color: white !important;
    cursor: pointer !important;
    text-decoration: none;
    text-align: center !important;
    -ms-border-radius: 3px !important;
    border-radius: 3px !important;
}

.min_btn_a:hover {
    background: orange !important;
    color: #ffffa5 !important;
    color: rgba(255,255,165,0.9) !important;
    text-decoration: none !important;
}

.min_btn_a:active {
    background: orange !important;
    color: #ffffa5 !important;
    color: rgba(255,255,165,0.6) !important;
    text-decoration: none;
}

.table_style {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.table_style th {
    vertical-align: middle;
    padding: 6px 15px 6px 4px;
    font-family: 宋体;
    border-style: none;
}

.table_style td {
    vertical-align: middle;
    padding: 4px 12px;
    border-style: none;
}

.table_style tr:nth-child(odd) {
    background-color: #F5F5F5;
}

.table_style tr:nth-child(even) {
    background-color: #fff;
}

.table-border-radius {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.tab_content {
    border-collapse: collapse;
    border: 1px solid #aaa;
    margin-right: 10px;
    vertical-align: middle;
}

.tab_content th {
    vertical-align: baseline;
    padding: 5px 15px 5px 6px;
    background-color: #34495E;
    border: 1px solid #34495E;
    font-size: 12px;
    text-align: left;
    color: #fff;
}

.tab_content td {
    vertical-align: text-top;
    padding: 6px 15px 6px 6px;
    border-bottom: 1px solid #aaa;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
}

.tab_content tr:nth-child(odd) {
    background-color: #F5F5F5;
}

.tab_conten tr:nth-child(even) {
    background-color: #fff;
}



.th_border th {
    border-right: 1px solid #F5F5F5;
}

.td_border td {
    border-right: 1px solid #2C3E50;
}

.th_border th:last-child {
    border-right: 1px solid #2C3E50;
}

.td_border td:last-child {
    border-right: 1px solid #2C3E50;
}

.KuaQuMultiSelect table {
    border: 0;
}

#KuaquFlagMultiSelect {
    width: 500px;
    float: left;
    padding: 0;
}

#KuaquFlagMultiSelect tbody tr td {
    padding: 0;
    border-style: none;
    vertical-align: middle;
    text-align: center;
    background: #F5F5F5;
}

#KuaquFlagMultiSelect tbody tr select {
    vertical-align: middle;
    text-align: left;
    background: #F5F5F5;
}

#KuaquFlagMultiSelect tr:first-child td {
    padding: 0;
    font-size: 12px;
}

#KuaquFlagMultiSelect tr:first-child td label {
    margin: 0;
    font-size: 12px;
}

#KuaquFlagMultiSelect:nth-child(1) {
    height: 12px;
}

.KuaquFlag_div {
    height: 100%;
    float: left;
}

.commontransterm_label a:link {
    color: orange;
    text-decoration: none;
}

.commontransterm_label a:visited {
    color: orange;
    text-decoration: none;
}

.commontransterm_label a:hover {
    color: #1ABC9C; /*blueviolet*/
    text-decoration: none;
}

.SpProjectappeval2Applydetail_IsEnable {
    margin-left: 30px;
    width: 16px;
    height: 16px;
    margin-top: 5px;
}

.content_div {
    width: 100%;
}

#applyMaterial-div {
    position: fixed;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: solid 2px #666;
    background-color: #fff;
    display: none;
    box-shadow: 0 0 10px #666;
}


.tableInsideBorderHidden {
    border-collapse: collapse;
    border: solid 1px Black;
}

.tableInsideBorderHidden td {
    border: solid 1px Black;
}

.tableInsideBorderHidden td table {
    border-style: hidden;
}

.tableInsideBorderHidden td table td {
    border-style: hidden;
}

div.div_table {
    display: table !important;
    border-collapse: collapse !important;
    width: 100%;
}

div.div_row {
    display: table-row !important;
}

div.div_cell {
    display: table-cell !important;
    text-align: center;
    vertical-align: middle !important;
    padding: 2px 3px 2px 3px;
    word-wrap: break-word;
    word-break: break-all;
}

div.div_cell.div_name {
    width: 60%;
}

div.div_cell.div_btn {
    width: 40%;
}

.checkbox-accessory-td { width: 20px; }
.checkbox-accessory {width: 20px;height: 20px;}
.progress-div { }
.remove-accessory { margin: 3px; }
.upload-accessory { margin: 3px; }
.view-image { margin: 3px; }
.download-accessory { margin: 3px; }
.view-pdf { margin: 3px; }

.ui-widget-content a {    color: #337ab7;}

/* ProjectAppEval.Create, ProjectAppEval.Edit ServiceApply*/
div#content { position: absolute;height: 94%;width: 98%;top: 2.9%;left: 0.8%;max-height: 960px;overflow: hidden;border-radius: 8px;background-color: #fff;box-shadow: 0 0 5px #666;}
div.content_head {position: absolute;top: 0;right: 0;left: 0;height: 36px;font-size: 14px;line-height: 36px;background: #34495E;text-align: left;color: white;border-top-left-radius: 8px;border-top-right-radius: 8px;}
div.content_main {position: absolute;top: 36px;bottom: 46px;left: 0;right: 0;vertical-align: middle;overflow: auto;}
div.content_foot {position: absolute;left: 0;right: 0;bottom: 0;height: 46px;background: #f5f5f5;text-align: center;vertical-align: middle;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
div.content_foot input {border: medium none;min-width: 80px !important;min-height: 33px !important;cursor: pointer !important;font-size: 16px !important;vertical-align: middle;text-align: center;border-radius: 4px !important;}

.tab_content_div {width: 100%;height: 100%;}
#projectAppEval_table > tbody > tr {min-height: 30px;}
#projectAppEval_table > tbody > tr > td {padding-top: 8px;padding-bottom: 8px;}
#PreviousStepBtn, #NextStepBtn, #sendProjectAppEval, #saveProjectAppEval {margin-left: 25px;}
.Express {display: none;}

.content_main input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='file'], input[type='hidden'], input[type='month'], input[type='number'], input[type='password'], input[type='text'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='week'] {
    /*width: 250px;*/
    height: 22px;
    padding: 2px;
}
.content_main input[type='radio'], input[type='checkBox'] {width: 16px;height: 16px;}
.content_main textarea{width: 320px;height: auto;padding: 2px;}
.content_main select {width: 250px;height: 28px;padding: 2px;}
.midcenter{ text-align:center; vertical-align:middle}

input[type=button] {
    padding: 2px 8px 2px 8px;
    margin: 4px 2px;
    box-shadow: 0 0 5px #666;
    border-radius: 4px;
}

fieldset input[type=button]:disabled {
    background-color: gray; /*#6892BC;*/
    border-color:gray
}
button {
    padding: 2px 8px 2px 8px;
    margin: 4px 2px;
    box-shadow: 0 0 5px #666;
    border-radius: 4px;
}

input[readonly] {
    background-color: lightgray
}

.single {}
.mul {}
.rtype {}