.t ul,
  .t ul li {
      list-style: none;
      out-style: none;
      margin: 0;
      padding: 0;
      line-height: 1.6em;
  }

.TabbedPanelsContent {
    padding: 10px
}

.pp a {
    margin: 0 20px
}

.searchbox2 {
    border: 1px solid #CCCCCC;

    margin: 20px 0;
    padding: 5px;
    text-align: left;
    width: 100%;

}

.searchbox2_out {
    background-color: #DDDDDD;
    border: 1px solid #CCCCCC;
    line-height: 18px;
    padding: 3px;
}

.searchbox2 input {
    color: #013F98;
    height: 18px;
    margin-left: 20px;
    margin-right: 5px;
    width: 200px;
}

.searchbox2 form {
    margin: 2px;
    padding: 1px;
}

.searchbox {
    float: left;
    margin: 0 20px;
    text-align: left;
    width: 700px;
}

.searchbox input {
    height: 16px;
    margin-left: 5px;
    margin-right: 5px;
}

.searchbox form {
    margin: 2px;
    padding: 1px;
}

.search_title {
    font-weight: bold;
    padding-left: 6px;
}

.search_image input {
    height: 19px;
    margin-left: 0;
    margin-right: 0;
    width: 43px;
}

#citationform fieldset {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #DFDFDF;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
    color: #888888;
    float: left;
    margin: 3px;
    max-width: 440px;
    padding: 0;
    transition: all 0.25s linear 0s;
    width: 98%;
}

#citationform .sbutton {
    cursor: pointer;
    float: right;
    padding: 8px;
}


table.gridtable td li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 320px;
}

#mytext p {
    position: relative;
    line-height: 24px;
    height: auto;
    overflow: hidden;
}

  .gridtable td {
      padding: 10px;
      text-align: center;
  }


table.gridtable {
    border-width: 1px;
    border-color: #dfdfdf;
    border-collapse: collapse!important;
}

table.gridtable th {
    border-width: 1px;
    padding: 10px 5px;
    border-style: solid;
    border-color: #dfdfdf;
    background-color: #F6F9FF;
    text-align: center;
    color: #3e3e3e;
    font-size: 15px;
    line-height: 1.4em;
    vertical-align: middle;
    font-weight: bold;
}


table.gridtable td {
    border-width: 1px;
    padding: 12px 6px;
    border-style: solid;
    border-color: #dfdfdf;
    text-align: center;
    line-height: 1.6em;
    font-size: 14px;
    vertical-align: middle;
    color: #58585b;
}

table.gridtable-left tr td,
table.gridtable-border tr td {
    text-align: left
}

tabble.gridtable-border th {
    border-width: 0
}

table.gridtable-border td {
    border-width: 0;
}

table.gridtable tr:nth-child(odd) {
    /*background: #f3f4f9;*/
}


/*---2017-05-04 Bundle Products----*/

table.gridtable-border-side {
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf
}

table.gridtable-border-side tr th {
    font-weight: 700;
    background-color: #ffffff;
    border-color: #dfdfdf;
    border-right-width: 0;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #333333
}

table.gridtable-border-side tr td {
    border-left-width: 0;
    border-right-width: 0;
    padding-left: 10px;
    padding-right: 10px;
}

table.gridtable-border-side-top {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff
}

table.gridtable tr .module-right,
.module-right {
    text-align: right
}

table.gridtable tr .module-center,
.module-center {
    text-align: center
}

table.gridtable tr .module-left,
.module-left {
    text-align: left!important;
}


/*---2017-05-04 Bundle Products end----*/

table.gridtable-border-blue th {
    /*background-color:#ffffff;*/
    border-width: 0;
    /*color:#ffffff;*/
    /*font-weight:bold*/
}

table.gridtable-border-blue td {
    border-width: 0;
}

table.gridtable-border-blue {
    border-top: 1px solid #d0d8e8;
    border-bottom: 1px solid #d0d8e8;
    border-left-width: 0;
    border-right-width: 0;
    /*background:#dae3f3*/
}

table.gridtable-auto {
    margin: 0 auto;
    padding: 0 auto
}

table.gridtable .item-info {
    text-align: left
}


table.gridtable-need td {
    border-width:6px;
    border-color: #ffffff;
}



.icons-box {
    text-align: right;
    padding-right: 0;
}

.icons-box .iconfont {
    color: #58585b !important;
    font-size: 32px;
}

.webinar-item a img {
    width: 100%
}

.tab-title-item .tab-title a {
    color: #333333;
}

.tab-title-item .tab-active a {
    color: #1d73dd;
}

/*left menu start*/
.leftmenu {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    padding: 30px 15px 30px 20px;
    margin-bottom: 20px;
}

.leftmenu_title {
    font-size: 1.125rem;
    margin-bottom: 10px;
}

.leftmenu ul {
    list-style: none;
    padding-left: 0;
}

.leftmenu ul li {
    font-size: 14px;
    line-height: 1.25em;
    padding: 8px 0 8px 0px;
}

.leftmenu a {
    color: #333333;
}

.leftmenu a:hover {
    color: #1d73dd;
    text-decoration: underline;
}

.left_cotable_img img {
    width: 100%;
    margin-top: 30px;
}

.container .drop1 a {
    color: #0066cc;
    font-weight: normal;
}

/*left menu end*/
.webinars-list {
    margin-top: 0px;
}

/*breadcrumbs start*/
.container.breadcrumbs {
    line-height: 1.5em;
    padding: 15px 10px;
}

.container.breadcrumbs .position a,
.container.breadcrumbs .position {
    color: #999999;
    font-size: 14px;
}

.container.breadcrumbs .position a:hover {
    cursor: pointer;
    text-decoration: underline;
}

/*breadcrumbs end*/

.container.content {
    margin-top: 10px;
}

.news-label {
    float: right;
    padding: 2px 14px;
    background: rgba(29, 115, 221, 0.1);
    border-radius: 20px;
    color: #1D73DD;
}

.tab-title-item .tab-title a {
    color: #333333;
}

.tab-title-item .tab-active a {
    color: #1d73dd;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

#header {
    background: rgba(0, 0, 0, 0.8);
}

.primary-white-button {
    background-color: white;
    color: #1D73DD !important;
    text-decoration: none !important;
    border: 1px solid #1D73DD !important;
    padding: 6px 12px;
}

.primary-white-button:hover {
    border: 1px solid #004B95 !important;
    color: #004B95 !important;
    background-color: #F6F9FF;
}

.primary-solid-button {
    background-color: #1D73DD !important;
    color: white !important;
    text-decoration: none !important;
    padding: 6px 25px !important;
    border-radius: 0;
}

.primary-solid-button:hover {
    background-color: #004B95 !important;
}

.card {
    border-radius: 0;
    margin: 15px 0;
}

.card .card-body .attr-name {
    text-align: right;
    color: black;
    font-weight: bold;
    display: inline-block;
}

.card .card-body .attr-content {
    display: inline-block;
}

.card .card-header {
    background-color: #ffffff;
    padding: 12px 16px;
}

.card .card-header {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.card .card-header:hover {
    background-color: #f6f9ff;
    color: #1D73DD !important;
}

.card .inline-div {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
}

.card .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.card-body .col-md-12 {
    margin-bottom: 10px;
    white-space: nowrap;
}

.card-body .attr-name {
    min-width: 165px;
}

.card-body .attr-content {
    padding-left: 15px;
    white-space: normal;
    word-break: break-word;
    max-width: 80%;
}


.page_size {
    display: inline-block;
    max-width: 75px;
    height: 30px;
}

.page-box {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
}

.ui-ncbigrid-paged-pageControl a.page_link {
    padding: 6px 15px !important;
    border-radius: 4px;
}

@media only screen and (max-width: 768px) {
    .card-body .attr-name {
        min-width: 1px;
    }

    .card .card-body .attr-content {
        display: inline;
    }

    .card .inline-div {
        display: block;
    }
}

.icon-search ,.icon-Research {
    border: 0;
    background: #1D73DD;
    color: #ffffff;
}
  .icon-Research:hover {
      background: #004B95;
  }
.icon-search:hover {
    background: #004B95;
}

.form-control {
    border-radius: 0;
}

.search-value {
    margin-right: 0 !important;
}
.attr-content-unit{
    margin: 30px 0;
}

  .my-account {
      background: #f3f3f3;
  }

  .my-account-menu {
      box-shadow: 0 0px 20px 0 #1d73dd20;
  }
  .my-account-content {
      background: #f2f4f9;
  }

  a {
      color: #1D73DD;
  }
  .account-center-ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: auto;
      overflow: hidden
  }
  .account-center-ul .account-center-ul-li {
      width: 23% !important;
      margin-right: 30px;
      margin-bottom: 30px;
      text-align: center;
      float: left;
      overflow: hidden;
      border-radius: 6px;
      /*background: #ffffff;*/
  }
  .account-center-ul .account-center-ul-li:nth-child(4), .account-center-ul .account-center-ul-li:nth-child(8) {
      margin-right: 0px;
  }
  .account-center-product-ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: auto;
      overflow: hidden
  }
  .account-center-product-ul li{
      width: 31.5% !important;
      margin-right: 30px;
      margin-bottom: 30px;
      text-align: center;
      float: left;
      overflow: hidden;
      /*background: #ffffff;*/
      padding-top: 10px;
      border-radius: 6px;
  }
  .account-center-product-ul li:nth-child(3) {
      margin-right: 0px;
  }
  /*
      .account-center-product-ul li:hover{
          box-shadow: 0 0 8px #bbbbbb;
      }
  */

  .account-center-award-ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: auto;
      overflow: hidden
  }
  .account-center-award-ul li{
      width: 31.5% !important;
      margin-right: 30px;
      margin-bottom: 30px;
      text-align: center;
      float: left;
      overflow: hidden;
      /*background: #ffffff;*/
      padding-top: 10px;
      border-radius: 6px;
  }
  .account-center-award-ul li:nth-child(3) {
      margin-right: 0px;
  }

  .flip-box{
      width:100%;
      height:250px;
      /*width: 258px;*/
      position:relative;
  }
  .flip-box img {
      margin-top: 40px;
  }
  .flip-item-front p {
      margin-top: 10px;
      font-size: 18px;
      font-weight: bold;
  }
  .flip-item-back a {
      font-size: 14px;
      line-height: 22px;
      /*padding-left: 18px;*/
      /*color: #ffffff;*/
  }
  a:hover {
      color: #1D73DD;
  }
  .flip-item-back p {
      margin-bottom: 8px;
  }
  .flip-box:hover .flip-item-front {
      z-index:1;
      transform:rotateY(180deg);
      background: #ffffff;
  }
  .flip-box:hover .flip-item-back{
      z-index:2;
      transform:rotateY(0deg);
      background: #1D73DD;
      background: #ffffff;
  }
  .flip-item{
      position:absolute;
      left:0;
      top:0;
      width:100%;
      height:100%;
      transition:all .5s ease-in-out;
      transform-style:preserve-3d;
      backface-visibility:hidden;
      box-sizing:border-box;
  }
  .flip-item-front {
      transform:rotateY(0deg);
      z-index:2;
      background: #ffffff;
  }
  .flip-item-back {
      transform:rotateY(180deg);
      z-index:1;
  }
  .show-more-btn {
      height: 30px;
      line-height: 30px;
      margin: 0 auto;
      border-radius: 2px;
      cursor: pointer;
      text-align: right;
      margin-right: 20px;
  }
  .show-more-btn:hover{
      color: #1D73DD;
  }
  .show-content{
      padding: 35px 20px;
      height: 215px;
      text-align: left;
  }
  .products{
      /*box-shadow: 0 0px 20px 0 #d3d3d3;*/
      transition: margin-top 0.3s;
  }
  .products img{
      width: 100%;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
  }
  .products:hover {
      box-shadow: 0 0 8px #bbbbbb;
      margin-top: -10px;
  }
  .products-div{
      padding: 30px;
      background: #ffffff;
      height: 180px;
  }
  .products-title{
      font-size: 20px;
      line-height: 28px;
      text-align:left;
  }
  .products-desc{
      font-size: 14px;
      line-height: 22px;
      color: #666666;
      text-align:left;
      margin-bottom: 0px;
  }

  .flip-item-back p:before {
      content: "";
      width: 6px;
      height: 6px;
      background: #1D73DD;
      position: absolute;
      left: 20px;
      margin-top: 8px;
  }
  .show-content-ul{
      padding-inline-start: 20px;
  }
  .show-content-ul li{
      list-style-type: square;
      color: #1D73DD;
      margin-bottom: 6px !important;
  }
  .census div{
      height: 120px;
      color: #ffffff;
      text-align: left;
      padding: 15px 10px 10px 30px;
  }
  .census .num{
      font-size: 40px;
      margin-bottom: 0px;
  }
  .census .desc{
      font-size: 16px;
  }

  .my-project-container {
      padding: 25px 30px;
      box-shadow: 0 0px 10px 0 #f3f3f3;
      background: #ffffff;
      border-radius: 6px;
      margin: 0 auto;

  }
  .project-center-ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: auto;
      overflow: hidden
  }
  .project-center-ul li {
      width: 16.5% !important;
      margin-bottom: 5px;
      text-align: center;
      float: left;
      cursor: pointer;
  }
  .project-center-ul li p{
      margin-top: 20px;
      font-size: 16px;
      margin-bottom: 15px;
      color: #333333;
  }
  .project-center-ul li i{
      font-size: 60px;
      color: #666666;
  }
  .project-center-ul li:hover i,.project-center-ul li:hover p{
      color: #1d73dd;
  }
  .img-div{
      height: 60px;
      background: #ffffff;
  }
  .reward-div{
      padding: 30px;
      height: 90px;
      font-size: 24px;
      line-height: 30px;
      border-top-right-radius: 6px;
      border-top-left-radius: 6px;
  }
  @media only screen and (max-width:1460px) {
      .account-center-product-ul li {
          width: 32% !important;
          min-width: 370px;
          height: 310px;
      }
      .account-center-ul .account-center-ul-li {
          width: 22% !important;
      }
      .account-center-award-ul li {
          width: 30% !important;
      }
      .account-center-award-ul li img{
          width: 100%;
      }
      .reward-div {
          padding: 10px;
          height: 70px;
          font-size: 18px;
          line-height: 50px;
      }
  }
  @media only screen and (max-width: 1364px){
      .account-center-ul .account-center-ul-li {
          width: 28% !important;
      }
      .account-center-ul .account-center-ul-li:nth-child(4), .account-center-ul .account-center-ul-li:nth-child(8) {
          margin-right: 30px;
      }
      .account-center-ul .account-center-ul-li:nth-child(3), .account-center-ul .account-center-ul-li:nth-child(6) {
          margin-right: 0px;
      }
  }
  @media only screen and (max-width: 1279px){
      .account-center-product-ul li {
          min-width: 370px;
      }
  }
  @media only screen and (max-width:1210px) {
      .show-content {
          padding: 20px 10px;
      }
      .account-center-ul .account-center-ul-li {
          width: 30% !important;
      }
      .project-center-ul li {
          width: 24.5% !important;
      }
  }
  @media only screen and (max-width: 1110px){
      .account-center-product-ul li {
          min-width: auto;
          width: 45% !important;
      }
  }
  @media only screen and (max-width: 1050px){
      .flip-item-back p {
          margin-bottom: 5px;
      }
  }

  @media only screen and (max-width: 768px){
      .account-center-product-ul li {
          min-width: auto;
          width: 100% !important;
      }
  }



  .genScript-overview-2022.Antibody-subject .services-link {
      width: auto;
      padding: 0 20px;
  }

  .genScript-overview-2022.Antibody-subject .card-item-box {
      height: 11.25rem;
      margin-bottom: 1.875rem;
  }

  .genScript-overview-2022.Antibody-subject .card-item:hover {
      cursor: pointer;
      background-color: #fff;
  }

  .genScript-overview-2022.Antibody-subject .up-card a {
      color: #fff;
  }

  .genScript-overview-2022.Antibody-subject .up-card:hover .card-title {
      text-decoration: underline;
      color: #fff;
      display: inline-block;
  }

  .genScript-overview-2022.Antibody-subject .card-item-box .bg-color1 {
      background-color: #034198;
  }

  .genScript-overview-2022.Antibody-subject .card-item-box .bg-color2 {
      background-color: #0743a1;
  }

  .genScript-overview-2022.Antibody-subject .card-item-box .bg-color3 {
      background-color: #2DA866;
  }

  .genScript-overview-2022.Antibody-subject .card-item-box .bg-color4 {
      background-color: #0590b1;
  }

  .genScript-overview-2022.Antibody-subject .services-links {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .genScript-overview-2022.Antibody-subject .services-links .services-link {
      flex: 1;
      height: 6.25rem;
      line-height: 6.25rem;
  }

  .genScript-overview-2022.Antibody-subject .services-links .services-link:hover {
      text-decoration: underline;
  }

  .genScript-overview-2022.Antibody-subject .link-menus {
      justify-content: center;
      align-items: center;
      width: 100%;
      margin-left: 0;
  }

  .genScript-overview-2022.Antibody-subject .link-menu {
      color: #fff;
      text-align: center;
      font-size: 20px;
      justify-content: center;
      background: #51388c;
      height: 6.25rem;
      line-height: 6.25rem;
      margin-right: 30px;
      flex: 1;
  }

  .genScript-overview-2022.Antibody-subject .link-menu:last-child {
      margin-right: 0px;
  }

  .genScript-overview-2022.Antibody-subject .resource-desc a {
      text-decoration: underline;
      color: #333;
  }

  #header {
      background: rgba(0, 0, 0, 0.8) !important;
  }
  .icon-Research:before{
      font-size: 20px;
  }

  .genScript-overview-2022 .boxTitle{
      text-align: left !important;
  }
  .up-card .card-title{
      margin-bottom: 0;
      font-size: 24px !important;
  }

  table.gridtable .td-detail{
      text-align: left;
  }