/**** reset ****/

body {
    min-width: 1280px;
    position:relative; 
    padding:0; 
    margin:0;
    min-height: 100%; 
    background: url(../images/background.png);
    color: #666;
    font: 12px 'SimHei',Arial, Helvetica, sans-serif;
}
dl, menu, ol, ul { margin:0; padding:0; }
ul, ol { list-style:none }
a { color: #999; text-decoration: underline; cursor: pointer; }
a:hover, a:focus { color: #c99; }
a.close, a.close:hover { text-decoration: none; }
button { background-color: transparent; border-style: none; }
input, textarea { background-color: transparent; outline: none; /*-webkit-appearance:none;*/ }
textarea { resize: none; }
input:focus, textarea:focus, input[type="file"]:focus { outline: none; /*-webkit-appearance:none; */ }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td,
.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-style: none; vertical-align: baseline;}
.table .btn-link { color: #999; }
.table .btn-link:hover, .table .btn-link:focus { color: #c99; }
.pagination { margin: 10px 0; }
.pagination>li>a, .pagination>li>a:hover { color: #c99; }
.pagination>.active>a, .pagination>.active>a:hover { background-color: #c99; border-color: #c99; z-index:  0; }
.select2-container { width: 160px; }
.form .select2-container { width: 100%; }
.select2-container .select2-choice { height: 30px; }


/**** buttons ****/

.btn {
    margin: 4px 6px;
    padding: 4px 6px;
    min-width: 60px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer;
}

.table .btn { margin: 0 2px; }

.btn:hover, .btn:focus { color: #eee; outline: none; text-decoration: none; }

.btn-link { text-decoration: underline; }

.block_info .btn-link { color: #c99; }

.btn_default { background-color: green; }

.btn_cancel { color: #797979; background-color: #d1d1d1; }

.btn_inferior { background-color: #eeb2b3 }

.btn_right { float: right; margin-left: 12px; margin-right: 0;}

.btn_left { margin-left: 0; margin-right: 12px;}

.btn_round_plus { 
    padding: 2px 3px 5px 4px; 
    min-width: 20px; 
    border-radius: 50%; 
}

.btn_round_minus { 
    display: none;
    padding: 3px 4px 4px 3px; 
    min-width: 20px; 
    min-height: 20px; 
    border-radius: 50%; 
}

.btn_group { display: inline-block; margin-right: 12px; }

.btn_group .btn { 
    margin-left: 0; 
    margin-right: 1px; 
    padding-left: 6px; 
    padding-right: 6px;
    min-width: 40px;
    background-color: #eeb2b3; 
}

.btn_group .btn.left { border-radius: 2px 0 0 2px; }

.btn_group .btn.middle { border-radius: 0; }

.btn_group .btn.right { border-radius: 0 2px 2px 0; }

.btn_group .btn.on { background-color: green; }

#prev_page { 
    position: absolute;
    top: 40px;
    right: 48px;
}

/**** common style ****/

.fieldName {
    display: inline-block;
    margin: 4px 0;
    font: 14px 'SimHei',Arial, Helvetica, sans-serif;
    color: #797979;
}

.fieldName.required:after {
    color: #f74141;
    content: "*";
}

.fieldValue {
    display: inline-block;
    margin: 4px 0;
    font: 14px 'SimHei',Arial, Helvetica, sans-serif;
    color: #aaa;
}


.textfield, .textarea {
    padding: 2px 6px; 
    color: #999;
    font-size: 14px;
    border: 2px solid #ddd;
    border-style:  none none solid none;
}

.textfield { width: 180px; }

.textarea { line-height: 1.5; }

.textfield:focus, .textarea:focus { border-color: #eeb2b3; }

.textfield[datetimepicker] + .glyphicon,
.textfield[datepicker] + .glyphicon { 
    position: absolute; 
    color: #c99;
    top: 6px;
    right: 4px;
}

.fieldPrompt { position: absolute; left: 0; bottom: -16px; color: #f74141; font-size: 12px;}

.fieldStar { position: absolute; top: 6px; right: -10px; color: #f74141; }

.table .fieldStar { position: absolute; top: 10px; right: 6px; color: #f74141; }

.inputWrapper { display: inline-block; position: relative; margin: 4px 24px 4px 0; }

.form .inputWrapper { position: relative; margin: 12px 24px 12px 0; width: 300px; }

.form .inputWrapper .fieldName { width: 80px; }

.form .inputWrapper .fieldName.pulldown { margin-bottom: -100%; }

.form .inputWrapper .textfield {
    /*margin-left: -88px;*/
    padding: 2px 6px 2px 10px; 
    width: 200px;
}

.form .inputWrapper .textfield.file_type { margin-left: 0; padding: 2px 6px; width: 300px; }

.form .inputWrapper .textarea {
    padding: 2px 6px 2px 88px;
}

.table .textfield { width: 140px; margin: 0 6px 0px 0; font-size: 12px; }

/*.voucher .textfield { width: 110px; margin: 0 6px 0px 0; }*/

/*.experiment .textfield { width: 140px; margin: 0 6px 0px 0; }*/

.infoWrapper { position: relative; display: inline-block; margin: 12px 24px 12px 0; width: 220px; }

.infoWrapper.long_info { width: 440px; }

.infoWrapper.long_info2 { width: 940px; }

.infoWrapper .fieldName { width: 88px; }

.infoWrapper span { color: #999; font-size: 14px; }

.infoWrapper span.longInfo { font-size: 12px; }

.form .infoWrapper { width: 280px; }

.title { font-family: 'Microsoft Yahei',Arial, Helvetica, sans-serif; }

.clear { clear:both; }

div[overlayWin] { display: none; }

.form .table td { position: relative; }

/*.storage_operation.disabled {
    color: #ddd;
}*/
.block_search .textfield {  width: 140px; }
.sortingPatterns {
    position: absolute;
    left: 0;
    bottom: -30px;
}

/**** form/info specific ****/

.storeList .locationList li { display: block; margin: 2px 12px 2px 0;}

.storeList .locationList li span,
.sequenceNum { 
    display: inline-block; 
    margin-right: 4px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    background-color: #aaa;
    text-align: center;
    border-radius: 50%; 
}

.syncInfo .infoWrapper .fieldName { width: 100px; }

.syncInfo .infoWrapper { width: 300px; }

#new_sample_form .customer_new {
    /*display: none;*/
    padding: 12px;
    color: #aaa;
    font-size: 18px;
    cursor: pointer;
}

#new_sample_form .customer_form {
    display: none;
}

/**** login ****/

.loginWin { 
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -200px;
    width: 800px;
    height: 400px;
    background-color: rgba(255,255,255,0.6);
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}

/*.login_left, .login_right { display: inline-block; }*/

.login_left {
    float: left;
    padding: 120px 0 120px 96px;
    width: 500px;
    height: 400px;
}

.login_left > img {
    margin-bottom: 24px;
    width: 260px;
    height: 118px;
}

.login_left > div {
    font: 26px 'Microsoft Yahei',Arial, Helvetica, sans-serif;
    color: #666;
}

.login_right {
    float: left;
    padding: 120px 0;
    width: 300px;
    height: 400px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 0 4px 4px 0;
    text-align: center;
}

/*.login_right > div {
    margin-left: auto;
    margin-right: auto;
}*/

.login_right .inputWrapper { margin: 12px 0; }

.btn_login { 
    margin: 12px 0; 
    padding: 6px 0;
    width: 180px; 
    font: 14px 'Microsoft Yahei',Arial, Helvetica, sans-serif;
}

.login_footer { 
    /*margin-left: auto;
    margin-right: auto;*/
    padding-top: 12px;
    width: 800px;
    color: #868686;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: center;
}

/**** homepage ****/

.statistics { position: relative; }

.statistics .DNA_billboard {
    display: inline-block;
    width: 70%;
}

.statistics .report_billboard {
    display: inline-block;
    float: right;
    width: 28%;
}

.statistics .title {
    padding: 8px 0 6px;
    color: #949494; 
    font: 18px 'Microsoft Yahei',Arial, Helvetica, sans-serif; 
    border-color: #949494;
    border-width: 2px 0 0 0;
    border-style: solid none none none;
}

.statistics .sample_overview .content {
    margin-bottom: 12px;
    padding: 24px 0;
    border-color: #949494;
    border-width: 1px 0 0 0;
    border-style: dashed none none none;
}

.statistics .DNA_billboard .content,
.statistics .report_billboard .content {
    padding: 24px;
    width: 100%;
    height: 34%;
    min-height: 200px;
    border: 1px dashed #949494;
    border-radius: 4px;
}

.statistics .content .info {
    margin: 4px 0;
    color: #aaa;
    font: 12px 'Microsoft Yahei',Arial, Helvetica, sans-serif; 
}

.statistics .datalist { padding: 24px 0 6px; }

.statistics .datalist li {
    display: inline-block;
    margin-right: 48px;
}

.statistics .datalist .fieldName { font: 14px Arial, Helvetica, sans-serif; }

.statistics .datalist .value_number {
    margin-left: 12px;
    color: #ba7a7a;
    font: 22px 'Arial Black', Arial, Helvetica, sans-serif;
}

.statistics .stages li {
    position: relative;
    display: inline-block;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.statistics .stages li + li { margin-left: 18px; }

.statistics .report_billboard .stages li + li { margin-left: 54px; }

.statistics .stages .value_number {
    display: inline-block;
    width: 60px;
    height: 60px;
    /*line-height: 60px;*/
    color: #D89A9A;
    font: 18px 'Arial Black', Arial, Helvetica, sans-serif;
    line-height: 60px;
    text-align: center;
    background-color: #DFDADA;
    border: 1px solid #DFDADA;
    border-radius: 50%;
}

.statistics .stages .fieldName {
    position: absolute;
    left: 50%;
    bottom: -48px;
    width: 100px;
    margin-left: -50px;
    color: #797979;
    font: 14px Arial, Helvetica, sans-serif;
    text-align: center;
}

.statistics .stages .stage2 {
    border: 1px solid #DFCFCF;
}

.statistics .stages .stage2 .value_number {
    color: #ba7a7a;
    background-color: #DFC1C1;
    border: 1px solid #DFCFCF;
}

.statistics .stages .stage3 {
    border: 1px solid #E4D2D2;
}

.statistics .stages .stage3 .value_number {
    color: #F2E6E6;
    background-color: #c99;
    border: 1px solid #F2E6E6;
}

.statistics .stages { position: relative; margin-top: 24px; }

.statistics .stages .processLine {
    position: absolute;
    top: 50%;
    width: 90%;
    border-top: 1px #EFD7D7 solid;
    z-index: 0;
    /*transform: translateY(50%);*/
}

.statistics .report_billboard .stages .processLine { width: 70%; }

/**** subnv ****/

.subnavWrapper { height: 24px; line-height: 24px; margin-bottom: 20px; }

.navtitle { 
    /*margin-right: 12px; */
    font: 18px 'Microsoft Yahei',Arial, Helvetica, sans-serif; color: #797979; }

/*.subTitle { font: 14px 'Microsoft Yahei',Arial, Helvetica, sans-serif; color: #999; }*/

.subnavWrapper .divider { color: #c99; margin: 0 6px; font-size: 18px; }

.subnav { display: inline-block; height: 24px; line-height: 24px; vertical-align: top;}

.subnav li { display: inline-block; }

.subnav .btn {
    margin: 0; 
    min-width: 80px; 
    font-family: 'Microsoft Yahei',Arial, Helvetica, sans-serif;
    font-size: 14px; 
    color: #999;
    border-radius: 30px;
}

.subnav .btn.on { color: #fff; background-color: green; }
.subnav .btn:hover { background-color: #eee; }

/**** end of subnav ****/

/**** main content ****/

.pageContainer {
    position: relative;
    max-width: 1340px;
    min-width: 1280px;
    min-height: 540px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 48px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}

.pageContainer > .pageContainer {
    position: static;
    max-width: 1140px;
    min-width: 1044px;
    min-height: 400px;
    padding: 0;
    box-shadow: none;
}

.pageContainer-big {
    position: relative;
    max-width: 1140px;
    min-width: 3940px;
    min-height: 540px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 48px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}

.pageContainer-big > .pageContainer-big {
    position: static;
    max-width: 1140px;
    min-width: 3444px;
    min-height: 400px;
    padding: 0;
    box-shadow: none;
}

.block { margin: 12px 0; }

.block_title { font: 16px 'Microsoft Yahei',Arial, Helvetica, sans-serif; color: #999; margin-bottom: 12px; }

.block_subtitle {  
    display: inline-block;
    padding: 2px 10px;
    margin-bottom: 6px; 
    min-width: 100px;
    color: #c99; 
    background-color: #ffecec;
    font: 14px 'Microsoft Yahei',Arial, Helvetica, sans-serif;
    text-align: center;
    border-radius: 43px;
}

.block_search, .block_info, .block_form {
    padding: 10px 0;
    border: 1px solid #ccc;
    border-style: solid none solid none; 
}

.block_info_dashed { 
    padding: 10px 0;
    background-color: #f4f4f4;
    border: 1px dashed #ccc;
    border-style: dashed none dashed none;
}

.block_info_row { margin-top: 12px; padding: 12px 0; border-bottom: 1px dashed #e0e0e0; cursor: pointer; }

.block_search { position: relative; }

.block_main {
    padding: 10px 0;
    border: 1px solid #ccc;
    border-style: solid none none none; 
}

.block_table table { font: 12px 'SimHei',Arial, Helvetica, sans-serif; color: black; border-bottom: 2px solid #c99; }

.block_table table thead tr { color: #797979; border-bottom: 2px solid #c99; }

/**** table ****/

.table .noData {
    /*padding: 12px 0;*/
    height: 160px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
}

.surgery th, .surgery td { white-space: nowrap; }

/**** footer ****/

.footer {
    max-width: 1140px;
    min-width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 0 24px 0;
    color: #868686;
    font: 12px Arial, Helvetica, sans-serif;
}

/**** message ****/

.message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font: 12px 'SimHei',Arial, Helvetica, sans-serif;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
    z-index: 10;
}

.message.error {
    color: #cf6f6f;
    background-color: #D8CBCB;
    border-color: #D8CBCB;
}

.message.success {
    color: #37A89F;
    background-color: #E1E2DC;
    border-color: #E1E2DC;
}

/**** overlayWindow ****/

.winHeight {
    height: 240px;
}

.confirm_msg {
    padding: 36px 0;
    color: #999;
    font-size: 16px;
}


/**** tracking test ****/

.tracking_test th, .tracking_test td { font-family: Arial, Helvetica, sans-serif; }

.tracking_test li { list-style: disc; margin: 4px 0; }

.tracking_test span {
    font-weight: bold;
}

.errorlist {
    color: red;
}