/*
* @description: Target Isoform
* @author: wdf
* @update: wdf (2017-12-27)
*/
.f16 { font-size: 16px }
.f14 { font-size: 14px }
.f12 { font-size: 12px }
.purple { color: #6a4b92 }
.black  { color: #331515 }
.red    { color: #ee3134}
.white  { color: #FFF }
.fw-bold { font-weight: bold }
.ml10 { margin-left: 10px  }
.mr10 { margin-right: 10px }
.center { text-align:  center }
.bg-purple { background-color: #8972ac }
.a-purple { color: #6a4b92 }
.a-purple:hover { color: #f60}

.pointer:hover { cursor: pointer }
.target-isoform-comparison {
    text-align: right;
    padding-top: 30px;
}
.target-isoform-comparison > a {
    color: #6a4b92;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ee3134;
}


/* cursor: pointer */
.scroll-content li.col-data:hover,
.pop-isoform-title-bar .close:hover,
.pop-isoform-screening > div > p:hover { cursor: pointer }

/* border-radius */
.border-radius-3,
.pop-isoform {
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px
}
.border-radius-3300,
.pop-isoform-title-bar      {
    -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0
}

/* box-sizing */
.effect-list > li, .isoform-list > li,
.pop-isoform,
.pop-isoform-title-bar,
.pop-isoform-title,
.pop-isoform-screening,
.pop-isoform-screening>div,
.pop-isoform-screening > div > p,
.isoform-results,
.fixed-header,
li.col-data span,
.isoform-results li,
.scroll-content {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box
}

/*** module: Isoform - Target by wdf  ***/
/*.isoform { overflow: hidden; padding: 18px 0 18px }*/
.isoform { overflow: hidden; padding: 18px 0 }
.isoform-title { float: left }
.isoform-more  { float: right; border-bottom: 1px solid #f69120 }
.effect-list, .isoform-list  { overflow: hidden; clear: both; padding-top: 10px }
.effect-list > li, .isoform-list > li { float: left; padding: 5px 10px 0 0; line-height: 22px  }
.effect-list > li > p, .isoform-list > li > p { margin-right: 10px; border-bottom: 1px dotted #ebe4f6 }
.effect-list > li > p:hover, .isoform-list > li > p:hover { color: #F60; cursor: pointer }
.effect-list > li > p > a:hover, .isoform-list > li > p > a:hover { color: #F60; cursor: pointer }
.effect-list > li > p > span::before, .isoform-list > li > p > span::before { display:inline-block; width: 2px; height: 6px; margin-right: 12px; content: ""; background-color: #8972ac}
.effect-list > li > p > a > span:first-child::before, .isoform-list > li > p > a > span:first-child::before { display:inline-block; width: 2px; height: 6px; margin-right: 12px; content: ""; background-color: #8972ac; }
.effect-list > li > p > a > .span_target_name, .isoform-list > li > p > a > .span_target_name {padding-right: 5px;}


/* module: POP Isoform Table - Target by wdf */
.pop-isoform { display: none; overflow: hidden; position: fixed; left: 50%; top:10%; bottom: 10%; width: 950px; height: 80%; min-height: 300px; margin-left: -475px; padding-bottom: 30px; z-index: 1000; background-color: #FFF }

.pop-isoform-title-bar { overflow: hidden; height: 36px; padding: 5px 15px 0 20px; border-bottom: 1px solid #ebe4f6; line-height: 30px; background-color: #f9f7fb }
.pop-isoform-title-bar .icon-remove { color: #898a8a }

.pop-isoform-screening { padding: 33px 0px 20px 0px; height: 100px }
.pop-isoform-screening > div { display: table-cell; padding-right: 3px; word-break: break-all;border-left: 2px solid #FFF; }
.pop-isoform-screening > div > p   { position: relative; height: 47px; padding: 8px 10px;  background-color: #fcfafe; color: #6a4b92;  font-weight: bold; line-height: 15px }
.pop-isoform-screening > div > p > i { position: absolute; bottom: 8px; right: 8px; color: transparent }

.pop-isoform-screening > div.active > p { background-color: #8972ac; color: #FFF; }
.pop-isoform-screening > div.active > p > i { color: #FFF }

/*筛选结果非空*/
.pop-isoform-div,
.pop-isoform-tbl,
.pop-isoform-tbl th,
.pop-isoform-tbl td {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box
}
/*.isoform-results { padding: 0 20px 20px }*/
.pop-isoform-title { padding: 12px 20px 13px; line-height: 22px }

.pop-isoform-header  { background-color: #fcfafe; border-top: 1px solid #ebe4f6 }
.pop-isoform-content { position: relative;  }

.borbtm-purple { border-bottom: 1px solid #ebe4f6; }

.pop-isoform-tbl { width: 100% }
.pop-isoform-tbl th,
.pop-isoform-tbl td { padding: 7px 0 2px; line-height: 20px }
.pop-isoform-tbl th { font-weight: bold; }
.pop-isoform-tbl th,
.pop-isoform-tbl td { vertical-align: top }
.pop-isoform-tbl tr+tr td { border-top: 1px dotted #ebe4f6 }
.pop-isoform-tbl th.active { background-color: #8972ac; color: #FFF }
.pop-isoform-tbl td.active { background-color: #fcfafe }
.pop-isoform-tbl th.active,
.pop-isoform-tbl td.active { border-left: 2px solid #FFF }
.pop-isoform-tbl .col-data { padding-left: 8px; padding-right: 8px }
.pop-isoform-tbl th.col-name { white-space: nowrap }
.pop-isoform-tbl th.col-data { text-align: center; word-break: break-all }
.pop-isoform-tbl tr .col-data:first-child { border: 0 }
.col-purity,
.col-selectivity { margin-left: 10px }
.pop-isoform-tbl .col-name { padding-left: 5px; padding-right: 5px }

/*筛选结果为空*/
.isoform-no-results { padding: 38px 20px 20px }
.isoform-no-results p { line-height: 30px }