body {
  background-color:#fff;
        /*background: #fff url(../../../views/images/bg.png) repeat-x;*/
  margin: 0px;
  /*font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;*/
  color: #123885;
}


.bg-gray {
  background-color: rgba(0,0,0,0.3);
}

.btn-round {
  border-radius: 30px;
}

.dialog-large > .modal-dialog > .modal-content > .modal-body,
.dialog-large > .modal-dialog > .modal-content,
.dialog-large > .modal-dialog {
    width: 70vw !important;
    /*max-width: 800px !important;*/
    min-width: 500px !important;
}

.dialog-large > .modal-dialog > .modal-content > .modal-body {
    padding: 0 !important;
}

.dialog-large > .modal-dialog > .modal-content > .modal-footer{
    width: calc( 100% - 2px);
}

.dialog-large > .modal-dialog > .modal-content > .modal-body {
    width: calc( 100% - 2px) !important;
    overflow: auto;
}

.dialog-large > .modal-dialog > .modal-content > .modal-header{
    width: calc( 100% - 2px) !important;
}
  
.dialog-header {
    width: calc( 100% - 2px);
}

.dialog-footer{
  padding: 10px;
  border-top: 1px solid #ccc;
  text-align: right;
}

.dialog-content {
    padding: 10px; 
    margin-right: 3px;
    padding-right: 10px;
    max-height: calc(95vh - 200px);
    overflow: auto;
}

.dialog-medium > .modal-dialog > .modal-content > .modal-body,
.dialog-medium > .modal-dialog > .modal-content,
.dialog-medium > .modal-dialog {
  width: 45vw !important;
  max-width: 800px !important;
  min-width: 500px !important;
}

.dialog-medium > .modal-dialog > .modal-content > .modal-body {
  padding: 0 !important;
  width: calc( 100% - 2px) !important;
  overflow: auto;
}

.dialog-medium > .modal-dialog > .modal-content > .modal-footer{
  width: calc( 100% - 2px) !important;
}

.dialog-medium > .modal-dialog > .modal-content > .modal-header{
  width: calc( 100% - 2px) !important;
}

.startup-page{
  width: 100%;
  height: 100%;
  min-height: 500px;
  color: white;
  background: url("../../images/bg-pattern.png"), #0D47A1;
  background: url("../../images/bg-pattern.png"), -webkit-linear-gradient(to left, #0D47A1, #2196F3);
  background: url("../../images/bg-pattern.png"), linear-gradient(to left, #0D47A1, #2196F3);
}

select {
  height: 32px;
  line-height: 32px;
  font-size: 10pt;
}


input[type="text"],input[type="password"] {
  height: 32px;
  line-height: 32px;
  font-size: 10pt;
}


a, a:hover{
  text-decoration:none;
}

#header {
  height: 75px;
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  border-bottom:#A1A1A1 dotted 1px;
  padding: 0;
  padding: 5px 20px 0px 20px;
  margin-bottom: 0px;
  vertical-align:bottom;
  background: #ffffff url(../../../views/images/header_bground.jpg) repeat-x;
}
#header .label {
  float: left;
  margin: 0;
}

#header .data {
        height: 45px;
        vertical-align:middle;
  padding: 0px;
        padding-top: 15px;
        padding-bottom: 10px;
  text-align:center;
  white-space:nowrap;
  color:#0035fc;
        font-family:微软雅黑, sans-serif;
  font-size: 28px;
}

.searchbox {
  background:url(../../../views/images/search.gif) no-repeat left center;
  /*background-repeat:no-repeat;*/
  padding-left:20px;
  border:1px solid #ccc;
  background-color: #fff;
  font-size:10pt;
  height: 32px;
  margin-left: 5px;
}

.tbl {table-layout:fixed;border:1px solid rgb(120,172,255);}
.tbl2 {table-layout:fixed;border:1px solid rgb(120,172,255);}

.tbl a {
color: #123885;
text-decoration: none;
}
.tbl2 a {
    color: #123885;
    text-decoration: none;
}

a {
  color: #123885;
}

.tbl a:hover {
font-weight: bold;
text-decoration: none;
}
.tbl2 a:hover {
    font-weight: bold;
    text-decoration: none;
}

.tbl td{
line-height: 25px;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
border-bottom:1px dotted #ccc;
padding:3px
}


.tbl2 td{
    line-height: 25px;
    border-bottom:1px dotted #ccc;
    padding:3px
}

.tbl td.textarea{
white-space: normal;
}

.tbl td.th {
line-height: 40px;
background: rgb(189,217,251);
border-bottom:1px solid rgb(120,172,255);
color: #333;
font-weight: bold;
}

.tbl2 td.th {
    line-height: 40px;
    background: rgb(189,217,251);
    border-bottom:1px solid rgb(120,172,255);
    color: #333;
    font-weight: bold;
}

.tbl td.th-firstlogin {
line-height: 74px;
background: rgb(189,217,251);
border-bottom:1px solid rgb(120,172,255);
color: #333;
font-weight: bold;
font-size: 12pt;
}

.tbl td.th-login {
line-height: 20px;
background: rgb(189,217,251);
border-bottom:1px solid rgb(120,172,255);
color: #333;
font-weight: bold;
font-size: 12pt;
}

.tbl td.th.sub {
line-height: 40px;
color: #333;
font-weight: bold;
}


.tbl2 td.th.sub {
    line-height: 40px;
    color: #333;
    font-weight: bold;
}


.tbl td.label {
background: #eeeeee;
font-weight: bold;
}


.tbl2 td.label {
    background: #eeeeee;
    font-weight: bold;
}

.tbl td.lb {
  border-left:1px dotted #ccc;
}


.tbl2 td.lb {
    border-left:1px dotted #ccc;
}

/*
.tbl tr {
  background-color:expression((this.sectionRowIndex%2==0)? "#f5f5f5":"#ffffff");
}


.tbl2 tr {
    background-color:expression((this.sectionRowIndex%2==0)? "#f5f5f5":"#ffffff");
}
*/

.tbl tr:hover {
  background: #e8e8e8;
    font-weight: bold;
}


.tbl2 tr:hover {
    background: #e8e8e8;
    font-weight: bold;
}

.tbl tr.noshadow {
    background-color:white;
}


.tbl2 tr.noshadow {
    background-color:white;
}

.tbl tr.noshadow:hover {
    background:transparent;
    font-weight:normal;
}


.tbl2 tr.noshadow:hover {
    background:transparent;
    font-weight:normal;
}

.page_index {
    display: inline;
    overflow: hidden;
    vertical-align:middle;
    float: right;
}

.page_index span{
    display:inline-block;
    border:1px solid rgb(120,172,255);
    background-color: rgb(189,217,251);/*#e0f7f5;*/
    color: #333;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.page_index a, a:hover{
  text-decoration:none;
}

.page_index a span{
    display:inline-block;
  border:1px solid #ccc;
    background-color: #fff;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor:pointer;
}

.page_index a span:hover{
    display:inline-block;
  border:1px solid rgb(120,172,255);
    background-color: rgb(189,217,251);/*#e0f7f5;*/
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor:pointer;
}

b.rtop, b.rbottom{display:block;background: #336;}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #8eb4e3}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.header
{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
    margin: 10px;
}

.container
{
  background-color: #fff;
  width: 100%;
}

#loadingbox {
  width: 100px;
  background: #aaa;
    cursor: wait;
    border: 1px solid #444;
}

#loadingbox .box_inside {
  padding: 10px;
    text-align: center;
  line-height: 1.5em;
}


.imgbtn{
  /*width: 65px;*/
  height: 24px;
  background: #000000 url(../../images/submit-black.gif) repeat;
  border: none;
  /*font-size: 1em;*/
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  color: #FFF;
  margin: 5px 5px 5px 5px; /* LTR */
  padding: 0 2px;
}

.order_field{
    cursor: pointer;
}