console
$(".special-tooltip").attr("data-toggle","tooltip");
$(".special-tooltip").attr("title","Click to learn more about this vector");
$(".special-tooltip").attr("data-placement","right");
var flag=1;
$(function () { $("[data-toggle='tooltip']").tooltip('show'); });
$(function (){
if(flag==1){
$(".special-tooltip").on("shown.bs.tooltip",function(){
$('.tooltip').addClass('delay-out');
setTimeout(function(){
$("[data-toggle='tooltip']").tooltip('hide');
},10000)
}
)
flag=0;
}
}
)
<html ng-app="WebUS" class="ng-scope"><head lang="en"><style type="text/css">[boat-tooltip-popup].tooltip.top-left > .tooltip-arrow,[boat-tooltip-popup].tooltip.top-right > .tooltip-arrow,[boat-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,[boat-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,[boat-tooltip-popup].tooltip.left-top > .tooltip-arrow,[boat-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,[boat-tooltip-popup].tooltip.right-top > .tooltip-arrow,[boat-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,[boat-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,[boat-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,[boat-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,[boat-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,[boat-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,[boat-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,[boat-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,[boat-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,[boat-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,[boat-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,[boat-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,[boat-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,[boat-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,[boat-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,[boat-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,[boat-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,[boat-popover-popup].popover.top-left > .arrow,[boat-popover-popup].popover.top-right > .arrow,[boat-popover-popup].popover.bottom-left > .arrow,[boat-popover-popup].popover.bottom-right > .arrow,[boat-popover-popup].popover.left-top > .arrow,[boat-popover-popup].popover.left-bottom > .arrow,[boat-popover-popup].popover.right-top > .arrow,[boat-popover-popup].popover.right-bottom > .arrow,[boat-popover-html-popup].popover.top-left > .arrow,[boat-popover-html-popup].popover.top-right > .arrow,[boat-popover-html-popup].popover.bottom-left > .arrow,[boat-popover-html-popup].popover.bottom-right > .arrow,[boat-popover-html-popup].popover.left-top > .arrow,[boat-popover-html-popup].popover.left-bottom > .arrow,[boat-popover-html-popup].popover.right-top > .arrow,[boat-popover-html-popup].popover.right-bottom > .arrow,[boat-popover-template-popup].popover.top-left > .arrow,[boat-popover-template-popup].popover.top-right > .arrow,[boat-popover-template-popup].popover.bottom-left > .arrow,[boat-popover-template-popup].popover.bottom-right > .arrow,[boat-popover-template-popup].popover.left-top > .arrow,[boat-popover-template-popup].popover.left-bottom > .arrow,[boat-popover-template-popup].popover.right-top > .arrow,[boat-popover-template-popup].popover.right-bottom > .arrow{top:auto;bottom:auto;left:auto;right:auto;margin:0;}[boat-popover-popup].popover,[boat-popover-html-popup].popover,[boat-popover-template-popup].popover{display:block !important;}</style><style type="text/css">.boat-position-measure{display:block !important;visibility:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;}.boat-position-scrollbar-measure{position:absolute !important;top:-9999px !important;width:50px !important;height:50px !important;overflow:scroll !important;}.boat-position-body-scrollbar-measure{overflow:scroll !important;}</style><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
<meta charset="utf-8">
<meta http-equiv="Cache-Control" content="no-transform">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="cloning vectors, recombinant dna vector, gene cloning, expression vector, E. coli
expression vector, eukaryotic expression vector, plasmid map, inducible vector,
reporter vector, over-expression vector, molecular cloning, construct plasmid">
<meta name="description" content="A free-to-use tool for scientists to design and order custom DNA vectors. Select
promoters/ORFs from our database or enter your own sequences.">
<meta name="renderer" content="webkit">
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//bio.vbio.top">
<link rel="dns-prefetch" href="//bio.vb.vbio.top">
<link rel="dns-prefetch" href="//pub.vbio.top">
<link rel="dns-prefetch" href="//media.vbio.top">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<title>Vector Design Studio - Mammalian Gene Expression Plasmid Vector</title>
<style>
[ng-cloak], .ng-cloak {
display: none !important;
}
</style>
<link rel="stylesheet" href="//beta.en.vb.vbio.top/static/dist/web.en.base.min.f3764e975da1d5e9cdc5fb739c9b3403.css">
<link rel="stylesheet" href="//beta.en.vb.vbio.top/static/dist/web.en.min.bfb8ed2c3fa96d774250a1997e982c53.css">
<style type="text/css"></style><script async="" src="//www.gstatic.com/wcm/impl-1_32.js" nonce="null"></script><script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js"></script><script src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/716583504/?random=1571723844628&cv=9&fst=1571723844628&num=1&bg=ffffff&guid=ON&resp=GooglemKTybQhCsO&u_h=1200&u_w=1920&u_ah=1160&u_aw=1920&u_cd=24&u_his=4&u_tz=480&u_java=false&u_nplug=3&u_nmime=4&gtm=2ouaa0&sendb=1&ig=1&data=event%3Dgtag.config&frm=0&url=https%3A%2F%2Fbeta.en.vb.vbio.top%2Fdesign%2FpRP_Ex_plus.html&ref=https%3A%2F%2Fbeta.en.vb.vbio.top%2Fdesign.html&tiba=Vector%20Design%20Studio%20-%20Mammalian%20Gene%20Expression%20Plasmid%20Vector&async=1&rfmt=3&fmt=4" nonce="null"></script></head>
<body class="web-public web-en" data-spy="scroll" data-target="#scroll_menu" style="position: relative;" data-offset="80" cg-busy="[$root.addCartItemPromise, $root.saceCartPromise]">
<div id="header" ng-controller="HeaderCtrl" class="ng-scope">
<div class="footbtn">
<a id="bonus-click" href="#" class="btn btn-xs" ng-click="feedbackOpen()" boat-tooltip="Give Feedback">Give Feedback</a>
</div>
<div class="ng-hide" style="z-index: 1000; position: absolute; width: 100%; text-align: center; display: block; height: 100%; padding-top: 300px;" ng-show="reviewAccount">
<div class="cg-busy cg-busy-animation">
<div class="cg-busy cg-busy-backdrop"></div>
<div class="cg-busy-default-wrapper" style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;">
<div class="cg-busy-default-sign">
<div class="cg-busy-default-spinner">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<div class="bar4"></div>
<div class="bar5"></div>
<div class="bar6"></div>
<div class="bar7"></div>
<div class="bar8"></div>
<div class="bar9"></div>
<div class="bar10"></div>
<div class="bar11"></div>
<div class="bar12"></div>
</div>
<div class="cg-busy-default-text ng-binding">Please Wait...</div>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-xs-12">
<div class="pull-left" id="header-left">
<a href="/" class="pull-left">
<img class="pl6" alt="vectorbuilder-logo" src="https://beta.en.vb.vbio.top/static/img/web/us/public/vectorbuilder3.png">
</a>
</div>
<div class="pull-left" id="header-right">
<div id="header-right-top" class="">
<div class="inline-block login-block" ng-class="{'has-dealer-login-block':account.info.is_dealer}">
<div id="login" class="header-logout dropdown inline-block" ng-show="account.info.is_login===true" style="">
<a href="" ng-mouseover="dropHide=false" class="user-display ng-binding">
Gretchen Qiu
</a>
<div class="dropdown-menu user-name" ng-class="{'dropHide': dropHide}" ng-click="dropHide=true">
<a id="profile-email" ng-if="account.info.username" href="/account.html" class="ng-binding ng-scope" style="">
gretchenqiu@vectorbuilder.net
</a>
</div>
</div>
<div class="header-logout inline-block" ng-show="account.info.is_login===true" style="">
|
<a href="" ng-click="account.logout()" id="logout-link">
Logout
</a>
</div>
</div>
<div id="account-title" class="mr10 dropdown inline-block">
<a href="/account.html" data-hover="dropdown" class="btn btn-xs btn-account dropdown-toggle mr0">
My Account
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-account">
<div class="row m0">
<div class="col-xs-12 simple-list">
<ul class="list-unstyled">
<label class="title">My Saved Designs</label>
<li>
<a href="/account/collection/vector.html">
Vectors
</a>
</li>
<li>
<a href="/account/collection/service-proposal.html">
Service Proposals
</a>
</li>
<label class="title mt10">
My Inquiries
</label>
<ul class="list-unstyled">
<li>
<a href="/account/business/inquiry.html">
Price Inquiries
</a>
</li>
<li>
<a href="/account/business/request.html">
Design Requests
</a>
</li>
</ul>
<label class="title mt10">
My Business
</label>
<ul class="list-unstyled">
<li>
<a href="/account/business/quote.html">
Quotes
</a>
</li>
<li>
<a href="/account/business/order.html">
Orders
</a>
</li>
<li>
<a href="/account/business/invoice.html">
Invoices
</a>
</li>
<li>
<a href="/account/business/order-request.html">
Order Requests
</a>
</li>
<li>
<a href="/account/business/store-credit.html">
Store Credit
</a>
</li>
</ul>
<label class="title mt10">
My Information
</label>
<ul class="list-unstyled">
<li>
<a href="/account/basic/message-center.html">
Message Center
</a>
</li>
<li>
<a href="/account/basic/profile.html">
Profile
</a>
</li>
<li>
<a href="/account/basic/contact.html">
Contacts
</a>
</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
<div class="dropdown inline-block shopping-cart ml25" id="shopping-cart">
<a id="btn-cart" data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" ng-click="viewCart()">
<span class="btn-cart ng-scope" ng-if="cart.selectedQty == 0 || cart.selectedQty == null">
<i class="icon-shopping-cart"> </i>
<span class="count">0</span>
</span>
</a>
<ul class="dropdown-menu dropdown-menu-right dropdown-cart ng-scope" ng-if="cart.qty == 0 || cart.qty == null" style="min-width: 500px">
<li class="msg-cart">
<div class="text-center text-heading mt0">Your Shopping Cart is empty</div>
<div class="text-body ml0 mr0 mb0">
You can fill it in several ways:<br>
<ul class="ul-format pb10">
<li>After designing a vector, add it to your cart.
</li>
<li>
Retrieve your saved vectors by going to menu item
"<a href="/account.html">My Account</a>" >
"<a href="/account/collection/vector.html">My Saved Designs - Vectors</a>",
and add selected vectors to your cart.
</li>
</ul>
Note: If a vector's price is not calculated automatically, you will need to inquire this information before you can add the vector to your cart.
</div>
</li>
</ul>
</div>
<div class="dropdown inline-block version-switch ml25">
<a href="" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
<img class="img-responsive" src="https://beta.en.vb.vbio.top/static/img/web/us/public/EN-flag.png" alt="">
<i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right dropdown-version">
<li ng-repeat="site in sites" class="ng-scope">
<a ng-class="{'disabled': site.disable}" href="" ng-click="versionSwitchConfirm(site)" class="ng-binding disabled">English</a>
</li><li ng-repeat="site in sites" class="ng-scope">
<a ng-class="{'disabled': site.disable}" href="" ng-click="versionSwitchConfirm(site)" class="ng-binding">Chinese</a>
</li><li ng-repeat="site in sites" class="ng-scope">
<a ng-class="{'disabled': site.disable}" href="" ng-click="versionSwitchConfirm(site)" class="ng-binding">Japanese</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="public-nav">
<div id="nav" class="container">
<div class="inline">
<ul class="nav nav-pills">
<li id="home">
<a href="/" class="">
<img src="https://beta.en.vb.vbio.top/static/img/web/us/public/icon-home.png" alt="" style="margin-top:-2px;margin-left:-2px;">
</a>
</li>
<li id="design" class="dropdown">
<a href="" class="active dropdown-toggle" data-delay="0" data-toggle="dropdown" data-hover="dropdown">
<span>Design Vector</span>
<i class="fa fa-caret-down pink-icon"></i>
</a>
<div class="dropdown-menu dropdown-menu-left" ng-class="{'dropHide': dropHide}" ng-click="dropHide=true">
<ul class="list-unstyled ">
<li>
<a href="/design.html">
Design My Vector
</a>
</li>
<li>
<a href="/design/request.html">
Send Design Request
</a>
</li>
<li>
<a href="/search/gene.html">
Find Popular Vectors
</a>
</li>
<li>
<hr class="mt5 mb5 ml5 mr5">
</li>
<li>
<a href="/design/retrieve.html">
Retrieve Vector Information
</a>
</li>
<li>
<a href="/design/retrieve/proposal.html">
Retrieve Service Proposal
</a>
</li>
</ul>
</div>
</li>
<li id="service-products" class="dropdown">
<a href="/products-services.html" class=" dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0">
<span>Products & Services</span>
<i class="fa fa-caret-down pink-icon"></i>
</a>
<div class="dropdown-menu dropdown-menu-center w500">
<div class="service-content float-left">
<ul class="list-unstyled pl5 float-left">
<label class="title">Services</label>
<li class="ml10">
<a href="/products-services/service/vector-construction.html">
Vector Construction
</a>
</li>
<li class="ml10">
<a href="/products-services/service/virus-packaging.html">
Virus Packaging
</a>
</li>
<li class="ml30">
<a href="/products-services/service/lentivirus-packaging.html">
Lentivirus Packaging
</a>
</li>
<li class="ml30">
<a href="/products-services/service/aav-packaging.html">
AAV Packaging
</a>
</li>
<li class="ml30">
<a href="/products-services/service/adenovirus-packaging.html">
Adenovirus Packaging
</a>
</li>
<li class="ml30">
<a href="/products-services/service/mmlv-retrovirus-packaging.html">
MMLV Retrovirus Packaging
</a>
</li>
<li class="ml30">
<a href="/products-services/service/mscv-retrovirus-packing.html">
MSCV Retrovirus Packaging
</a>
</li>
<li class="ml30">
<a href="/products-services/service/baculovirus-packaging.html">
Baculovirus Packaging
</a>
</li>
<li class="ml10">
<a href="/products-services/service/library-construction.html">
Pooled Library Construction
</a>
</li>
<li class="ml10">
<a href="/products-services/service/mutagenesis-for-vectors.html">
Mutagenesis (for Vectors)
</a>
</li>
<li class="ml10">
<a href="/products-services/service/bac-modification-recombineering.html">
BAC Modification (Recombineering)
</a>
</li>
<li class="ml10">
<a href="/products-services/service/plasmid-dna-preparation.html">
Plasmid DNA Preparation
</a>
</li>
<li class="ml10">
<a href="/products-services/service/stable-cell-line-generation.html">
Stable Cell Line Generation
</a>
</li>
</ul>
</div>
<hr class="hr-column">
<div class="product-content float-left">
<ul class="list-unstyled pl5">
<label class="title">Products</label>
<li class="ml10">
<a href="/products-services/product/pooled-shrna-libraries.html">
Pooled shRNA Libraries
</a>
</li>
<li class="ml10">
<a href="/products-services/product/dual-grna-crispr-libraries.html">
Dual-gRNA CRISPR Libraries
</a>
</li>
</ul>
</div>
</div>
</li>
<li id="tools" class="dropdown">
<a href="" data-toggle="drodown" data-hover="dropdown" data-delay="0" class="dropdown-toggle ">
<span>Tools</span>
<i class="fa fa-caret-down pink-icon"></i>
</a>
<div class="dropdown-menu dropdown-menu-center">
<ul class="list-unstyled">
<li>
<a id="seq-alignment-link" ng-click="pub.gtag('event', 'seqAlignmentLink:click')" href="/tool/sequence-alignment.html">
Sequence Alignment
</a>
</li>
<li>
<a id="nucleic-acid-dot-plot-link" ng-click="pub.gtag('event', 'nucleicAcidDotPlotLink:click')" href="/tool/sequence-dot-plot.html">
Sequence Dot Plot
</a>
</li>
<li>
<a id="shRNA-target-design-link" ng-click="pub.gtag('event', 'shRNATargetDesignLink:click')" href="/tool/shrna-target-design.html">
shRNA Target Design
</a>
</li>
<li>
<a id="codon-optimization-link" ng-click="pub.gtag('event', 'codonOptimizationLink:click')" href="/tool/codon-optimization.html">
Codon Optimization
</a>
</li>
<li>
<a id="gc-content-calculator-link" ng-click="pub.gtag('event', 'gcContentCalculatorLink:click')" href="/tool/gc-content-calculator.html">
GC Content Calculator
</a>
</li>
<li>
<a id="dna-secondary-structure-link" ng-click="pub.gtag('event', 'dnaSecondaryStructureLink:click')" href="/tool/dna-secondary-structure.html">
DNA Secondary Structure
</a>
</li>
<li>
<a id="dna-reverse-complement-link" ng-click="pub.gtag('event', 'dnaReverseComplementLink:click')" href="/tool/dna-reverse-complement.html">
DNA Reverse Complement
</a>
</li>
<li>
<a id="dna-translation-link" ng-click="pub.gtag('event', 'dnaTranslationLink:click')" href="/tool/dna-translation.html">
DNA Translation
</a>
</li>
</ul>
</div>
</li>
<li id="support" class="dropdown">
<a href="/support.html" data-toggle="dropdown" data-hover="dropdown" class=" dropdown-toggle" data-delay="0">
<span>Support</span>
<i class="fa fa-caret-down green-icon"></i>
</a>
<div class="dropdown-menu dropdown-menu-center">
<ul class="list-unstyled">
<li>
<a href="/support/place-order.html">
Place Order
</a>
</li>
<li>
<a href="/support/pay-invoice.html">
Pay Invoice
</a>
</li>
<li>
<a href="/support/track-shipment.html">
Track Shipment
</a>
</li>
<li>
<a href="/support/retrieve-coa.html">
Retrieve COA
</a>
</li>
<li>
<a href="/support/store-credit.html">
Purchase Store Credit
</a>
</li>
<li>
<a href="/material-submission.html">
Materials Submission Form
</a>
</li>
<li>
<hr class="mt5 mb5 ml5 mr5">
</li>
<li>
<a href="/support/contact.html">
Contact Us
</a>
</li>
<li>
<a href="/support/promotions.html">
Promotions
</a>
</li>
<li>
<a href="/support/careers.html">
Careers
</a>
</li>
<li>
<hr class="mt5 mb5 ml5 mr5">
</li>
<li>
<a href="http://v1.vectorbuilder.com" class="pink" rel="nofollow">
Go to VectorBuilder 1.0
</a>
</li>
<li>
<a class="pink" href="" ng-click="notifyVer2Url()">
Show Version Update Tips
</a>
</li>
</ul>
</div>
</li>
<li id="help" class="dropdown">
<a href="" data-toggle="dropdown" data-hover="dropdown" data-delay="0" class="dropdown-toggle ">
<span>Learning Center</span>
<i class="fa fa-caret-down green-icon"></i>
</a>
<div class="dropdown-menu dropdown-menu-right ">
<ul class="list-unstyled pl5">
<label class="title">VectorBuilder Help</label>
<li>
<a href="/learning-center/video-tutorials/vectorbuilder-in-99-seconds.html">
Video Tutorials
</a>
</li>
<li>
<a href="/learning-center/how-to-use.html">
How to Use VectorBuilder
</a>
</li>
<li>
<a href="/learning-center/legal-statement/intellectual-property-statement.html">
Legal Information
</a>
</li>
<li>
<a href="/learning-center/documentation.html">
Documentation
</a>
</li>
</ul>
<ul class="list-unstyled pl5 mt10">
<label class="title">VectorPedia</label>
<li>
<a href="/learning-center/vector-system/pRP_Ex_plus.html">
Guide to Vector Systems
</a>
</li>
<li>
<a href="/learning-center/vector-component/promoter.html">
Guide to Vector Components
</a>
</li>
<li>
<a href="/learning-center/strains">
Guide to Host Strains
</a>
</li>
<li>
<a href="/learning-center/faq.html">
Vector FAQ
</a>
</li>
</ul>
<ul class="list-unstyled pl5 mt10">
<label class="title">Community</label>
<li>
<a href="/learning-center/upcoming-event.html">
Upcoming Events
</a>
</li>
<li>
<a href="/learning-center/user-testimonials.html">
Testimonials
</a>
</li>
<li>
<a href="/learning-center/citations.html">
Citations
</a>
</li>
<li>
<a href="/learning-center/technical-bulletin.html">
Technical Bulletin
</a>
</li>
</ul>
</div>
</li>
<li id="about" class="dropdown">
<a href="/learning-center/about.html">
About
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<section id="content_body" style="min-height: 964px;">
<div class="container">
<div class="row">
<div class="col-xs-12">
<nav>
<ol class="breadcrumb">
<li><a href="/">Home</a></li>
<li><a href="/design.html">Choose Vector System</a></li>
<li class="active">Mammalian Gene Expression Vector</li>
</ol>
</nav>
</div>
</div>
<div class="design">
<div class="row">
<div class="col-xs-12">
<div class="page-title">
<h1 class="title">Vector Design Studio</h1>
</div>
</div>
</div>
</div>
<article class="vector design ng-scope" ng-controller="DesignDetailCtrl">
<app-panel-design obj="obj" marker-selectable="obj.markerSelectable" params="params" class="ng-isolate-scope"><div class="app-panel-design ng-scope" translate-namespace="appPanelDesign"><article><div class="vb-panel-design position-relative"><div class="row" cg-busy="[promiseCom,proSetName]" style="position: relative;"><div class="col-xs-12" cg-busy="promise"><div class="panel panel-default pb20 mb10"><div class="panel-heading col-xs-12"><div><h2 class="fs18 pull-left mb0 vs-title ng-binding" ng-bind-html="obj.vsTitle | boatFixI18nName: 'vectorSystem'| translate | boatHtml">Mammalian Gene Expression Vector</h2><a ng-show="obj.guideHas === 'True'" target="_blank" role="button" class="pull-left ml30 special-tooltip" style="padding-top: 2px;margin-top: 7px" href="/learning-center/vector-system/pRP_Ex_plus.html" boat-tooltip="View in new tab" tooltip-placement="right"><translate class="ng-scope">Guide</translate> <i class="fa fa-external-link" aria-hidden="true"></i></a></div><div><a class="btn btn-vb btn-finish" href="" ng-click="submit()" ng-disabled="finalDisable"><translate class="ng-scope">Finish Design</translate><i class="fa fa-play fa-sm ml5" aria-hidden="true"></i></a></div></div><div class="col-xs-3 jp-num-width"><div class="pt10 pl15 ng-scope" ng-if="orfNumShow" style=""><strong><translate class="ng-scope">Select number of ORFs</translate></strong> <span><i class="help fa fa-question-circle pink" tooltip-placement="right" tooltip-class="boat-tooltip-pon" boat-tooltip-html="'appPanelDesign.HOW_TO_CREATE_POLYCISTRON' | translate | boatHtml"></i></span><div class="btn-group mt5 orf-nums" id="orf-nums"><label class="btn btn-default ng-pristine ng-untouched ng-valid ng-not-empty active" ng-click="dlgOrfNum(1)" ng-model="opts.qty_orf" btn-radio="1">1</label><label class="btn btn-default ng-pristine ng-untouched ng-valid ng-not-empty" ng-click="dlgOrfNum(2)" ng-model="opts.qty_orf" btn-radio="2">2</label><label class="btn btn-default ng-pristine ng-untouched ng-valid ng-not-empty" ng-click="dlgOrfNum(3)" ng-model="opts.qty_orf" btn-radio="3">3</label><label class="btn btn-default ng-pristine ng-untouched ng-valid ng-not-empty" ng-click="dlgOrfNum(4)" ng-model="opts.qty_orf" btn-radio="4">4</label></div></div></div><div class="col-xs-9"><div class="panel-body pd0 pb20 ml30 pt10 ng-scope" ng-if="orfNumShow != null"><div><span class="msg-1 btn text-left msg1-on" ng-class="{'msg1-on': msg_1_on}" style=""><translate class="ng-scope">Click on steps on the vector map to design your vector.</translate></span></div><div><span class="msg-2 mt5 btn text-left ng-scope" ng-if="orfNumShow" style=""><translate class="ng-scope">To express multiple ORFs as a polycistron, select the number of ORFs on the left.</translate></span></div><div></div></div></div><div class="panel-body text-center pd0 pb20 ml30 pt10 ng-scope" ng-if="orfNumShow != null"><div class="pt70 ml30 mr80" ng-style="{'min-height':autoHeight?'760px':'auto'}" style="min-height: auto;"><div ng-if="imgData.seq&&obj.vs == 1" obj="imgData" class="ng-scope ng-isolate-scope" style="">
<boat-vector-viewer ng-if="imgData" opts="imgData" seq="imgData.seq" class="ng-scope ng-isolate-scope" style=""><div id="viewer-5dfb8bdceb214c2680861fa96b9794bd" translate-namespace="boatVectorViewer" ng-style="{'height':opts.vectorStyle.scrollHeight||'auto',
'overflow-y':opts.vectorStyle.scrollHeight?'auto':''}" class="ng-scope" style="height: auto;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="plasmid ng-isolate-scope" plasmidheight="600" autoheight="0" sequencelength="3450" plasmidwidth="1000" ng-mouseenter="rotEnter()" ng-mouseleave="rotLeave()" ng-class="{'svgBkg': opts.vectorStyle.trackRotate&&rotShow}" height="600" width="1000">
<style type="text/css">
.markerlabel {
fill: rgba(0, 0, 64, .7);
cursor: pointer;
font-size: 12px;
font-family: Arial;
stroke-width: 0;
}
.markerline {
stroke: #666;
stroke-width: 0.7;
fill: none;
}
.scale1 {
stroke: #999;
}
.scale2 {
font-size: 9px;
fill: #999;
font-weight: 300;
stroke-width: 0
}
.plasmid .marker-off {
stroke: #000;
stroke-width: 0.3px;
}
.pla-outRing-s1 {
fill: #ccc;
stroke: #999;
}
.trackCen {
font-size: 20px;
font-weight: 400;
fill: #000;
stroke-width: 0;
}
.trackCenBp {
font-size: 10px;
fill: #000;
stroke-width: 0;
}
tspan.red {
fill: red;
}
tspan.blue {
fill: blue;
}
tspan.bold {
font-weight: bold;
}
</style>
<g width="0" radius="132"><path class="pla-in-ring ng-scope ng-isolate-scope" fill-rule="evenodd" d="M 499.9769616539906 168.00000201047496 A 132 132 0 1 0 500 168 M 499.9769616539906 168.00000201047496 A 132 132 0 1 0 500 168"></path></g>
<g width="5" radius="143" class="pla-outRing-s1" style=""><path class="ng-scope ng-isolate-scope pla-outRing-s1" ng-class="{'pla-out-ring': opts.vectorStyle.plasmidStyle === 'style',
'pla-outRing-s1': opts.vectorStyle.plasmidStyle === 'style1',
'pla-outRing-s3': opts.vectorStyle.plasmidStyle === 'style3'}" fill-rule="evenodd" d="M 499.9750417918232 157.00000217801454 A 143 143 0 1 0 500 157 M 499.9741691272016 152.0000022541689 A 148 148 0 1 0 500 152" style=""></path>
<text text="" labelclass="trackCen" style="font-size: px" class="trackCen" text-anchor="middle" alignment-baseline="middle" x="500" y="300"></text>
<text text="" labelclass="trackCenBp" vadjust="40" class="trackCenBp" text-anchor="middle" alignment-baseline="middle" x="500" y="340"><title></title><title></title></text>
<g ng-repeat="f in opts.feat | orderBy: 'start' track by f.uuid" ng-if="!f.__hide__" start="21" end="522" ng-mousemove="trackMouseIn($event,f,true)" ng-mouseleave="trackMouseOut($event,f,false)" markerstyle="fill:#fff;stroke:#e04993;" arrowstartlength="0" arrowstartwidth="0" arrowendlength="7" arrowendwidth="5" arrowendangle="" wadjust="10" vadjust="-5" id="trackmarker-e7189b2bdde9a630762aa4fa11dcfacd" class="rect-on" style=""><path id="trackmarker-e7189b2bdde9a630762aa4fa11dcfacd" class="marker-off markerhover ng-scope ng-isolate-scope rect-on" ng-class="{
'rect-on':f.__custom__ && !f.__dirty__ && f.__line__.__rect_width__,
'tra-s2': opts.vectorStyle.plasmidStyle === 'style2',
'rotation': opts.vectorStyle.trackRotate&&rotShow
}" d="M 601.6947347792825 206.7145192531475 A 138 138 0 0 0 505.2765890795667 162.10091513108074 L 505.2765890795667 162.10091513108074 L 505.5633602251953 154.60639964907426 L 505.850131370824 147.11188416706779 L 505.850131370824 147.11188416706779 A 153 153 0 0 1 612.7485102987697 196.57479308501138 L 616.4331021385988 193.19488436229932 L 618.4089099969107 215.44481072492644 L 598.0101429394534 210.09442797585956 L 601.6947347792825 206.7145192531475 z" style="fill:#fff;stroke:#e04993;"></path>
<g ng-if="opts.vectorStyle.display.markerLabel == true && f.__line__" labelstyle="fill:#e04993;font-weight:700;" labelclass="markerlabel" rectclass="rect-on" line="{"__x1__":572.132487742149,"__y1__":166.20573924069564,"__x2__":577.3526019866466,"__y2__":156.52325984364072,"__x3__":591.5892771989128,"__y3__":130.11649785167276,"__x4__":596.5892771989128,"__y4__":130.11649785167276,"__text_y__":134.11649785167276,"__text_x__":602.0892771989128,"__rect_width__":144.375,"__rect_height__":18,"__rect_y__":121.11649785167276,"__rect_x__":598.5892771989128,"__tspan_y__":136.11649785167276,"__tspan_x__":747.9642771989128}" edit="" title="Step 1 | Add Promoter" search="" select="1" dottedline="" custom="1" dirty="" linevadjust="-5" lineclass="markerline" text="Step 1 | Add Promoter" hadjust="0" type="" showline="1" valign="outer" vadjust="50" category="Promoter" symbol="Promoter" id="e7189b2bdde9a630762aa4fa11dcfacd"> <path stroke-dasharray="" d="M 572.132487742149 166.20573924069564 L 577.3526019866466 156.52325984364072 L 591.5892771989128 130.11649785167276 L 596.5892771989128 130.11649785167276" class="markerline" style="stroke: rgb(102, 102, 102);"></path> <path id="TPATHebto" style="fill:none;stroke:none"></path> <rect text-anchor="middle" alignment-baseline="middle" id="e7189b2bdde9a630762aa4fa11dcfacd" class="rect-on" ng-class=" {blink: f.isActive === 1,
opaque: f.isActive === 2,
boldtxt: f.isActive === 2}" x="598.5892771989128" y="121.11649785167276" width="144.375" height="18" style="stroke: rgb(224, 73, 147); fill: none; stroke-width: 2;"></rect> <text id="text" class="markerlabel" style="fill:#e04993;font-weight:700;" text-anchor="start" x="602.0892771989128" y="134.11649785167276"> <title>Step 1 | Add Promoter</title> <tspan data-type="label" id="label" ng-class="{'red': category === 'Cutter', 'bold': category === 'Fragment', 'blue': symbol.match('attB')}">Step 1 | Add Promoter</tspan> <tspan data-type="custom" id="custom" style="font-family: FontAwesome;fill: #000;stroke-width:0;"> </tspan> </text> <text data-type="check" id="check"></text>
</g>
</g><g ng-repeat="f in opts.feat | orderBy: 'start' track by f.uuid" ng-if="!f.__hide__" start="546" end="552" ng-mousemove="trackMouseIn($event,f,true)" ng-mouseleave="trackMouseOut($event,f,false)" markerstyle="opacity: 0.5;fill:#46c6ef" arrowstartlength="0" arrowstartwidth="0" arrowendlength="0.6" arrowendwidth="5" arrowendangle="" wadjust="10" vadjust="-5" id="trackmarker-e31a12ef695f04ba031f4c40404eef23" class="" style=""><path id="trackmarker-e31a12ef695f04ba031f4c40404eef23" class="marker-off markerhover ng-scope ng-isolate-scope" ng-class="{
'rect-on':f.__custom__ && !f.__dirty__ && f.__line__.__rect_width__,
'tra-s2': opts.vectorStyle.plasmidStyle === 'style2',
'rotation': opts.vectorStyle.trackRotate&&rotShow
}" d="M 615.7365383764685 224.83981316792625 A 138 138 0 0 0 615.7023057016711 224.7871257342399 L 615.7023057016711 224.7871257342399 L 621.9904744898055 220.69946952414426 L 628.2786432779398 216.6118133140486 L 628.2786432779398 216.6118133140486 A 153 153 0 0 1 628.3165968956498 216.67022764270087 L 632.509949735377 213.94703246762572 L 622.8497131605432 222.037201330556 L 611.5431855367414 227.5630083430014 L 615.7365383764685 224.83981316792625 z" style="opacity: 0.5;fill:#46c6ef"></path>
<g ng-if="opts.vectorStyle.display.markerLabel == true && f.__line__" labelstyle="" labelclass="markerlabel" rectclass="rect-on" line="{"__x1__":627.8909415788112,"__y1__":217.85435457624615,"__x2__":637.1462070878042,"__y2__":211.90960392057974,"__x3__":662.3878402941484,"__y3__":195.69664758694412,"__x4__":667.3878402941484,"__y4__":195.69664758694412,"__text_y__":199.69664758694412,"__text_x__":672.8878402941484}" edit="" title="View details" search="" select="" dottedline="" custom="" dirty="" linevadjust="-5" lineclass="markerline" text="Kozak" hadjust="0" type="" showline="1" valign="outer" vadjust="50" category="Miscellaneous" symbol="Kozak" id="e31a12ef695f04ba031f4c40404eef23"> <path stroke-dasharray="" d="M 627.8909415788112 217.85435457624615 L 637.1462070878042 211.90960392057974 L 662.3878402941484 195.69664758694412 L 667.3878402941484 195.69664758694412" class="markerline"></path> <path id="TPATH2ivz" style="fill:none;stroke:none"></path> <rect text-anchor="middle" alignment-baseline="middle" id="e31a12ef695f04ba031f4c40404eef23" class="ng-scope ng-isolate-scope" ng-class=" {blink: f.isActive === 1,
opaque: f.isActive === 2,
boldtxt: f.isActive === 2}"></rect> <text id="text" class="markerlabel" text-anchor="start" x="672.8878402941484" y="199.69664758694412"> <title>View details</title> <tspan data-type="label" id="label" ng-class="{'red': category === 'Cutter', 'bold': category === 'Fragment', 'blue': symbol.match('attB')}">Kozak</tspan> <tspan data-type="custom" id="custom" style="font-family: FontAwesome;fill: #000;stroke-width:0;"></tspan> </text> <text data-type="check" id="check"></text>
</g>
</g><g ng-repeat="f in opts.feat | orderBy: 'start' track by f.uuid" ng-if="!f.__hide__" start="552" end="1153" ng-mousemove="trackMouseIn($event,f,true)" ng-mouseleave="trackMouseOut($event,f,false)" markerstyle="fill:#fff;" arrowstartlength="0" arrowstartwidth="0" arrowendlength="7" arrowendwidth="5" arrowendangle="" wadjust="10" vadjust="-5" id="trackmarker-bf5a2e7f76f0e80bc49612a7ba47f513" class="rect-on"><path id="trackmarker-bf5a2e7f76f0e80bc49612a7ba47f513" class="marker-off markerhover ng-scope ng-isolate-scope rect-on" ng-class="{
'rect-on':f.__custom__ && !f.__dirty__ && f.__line__.__rect_width__,
'tra-s2': opts.vectorStyle.plasmidStyle === 'style2',
'rotation': opts.vectorStyle.trackRotate&&rotShow
}" d="M 626.7331709126908 354.61413178303496 A 138 138 0 0 0 616.5172537192781 226.05590229289848 L 616.5172537192781 226.05590229289848 L 622.8497131605432 222.037201330556 L 629.1821726018084 218.01850036821352 L 629.1821726018084 218.01850036821352 A 153 153 0 0 1 640.5085155771137 360.550450455104 L 645.1002971319213 362.5292233457937 L 625.607337731351 373.43736588442107 L 622.1413893578831 352.6353588923453 L 626.7331709126908 354.61413178303496 z" style="fill:#fff;"></path>
<g ng-if="opts.vectorStyle.display.markerLabel == true && f.__line__" labelstyle="fill:#e04993;font-weight:700;" labelclass="markerlabel" rectclass="rect-on" line="{"__x1__":651.9747928854571,"__y1__":297.23190906536126,"__x2__":662.9729686863783,"__y2__":297.0315866950914,"__x3__":691.8541112408071,"__y3__":279,"__x4__":696.8541112408071,"__y4__":279,"__text_y__":283,"__text_x__":702.3541112408071,"__rect_width__":116.375,"__rect_height__":18,"__rect_y__":270,"__rect_x__":698.8541112408071,"__tspan_y__":285,"__tspan_x__":820.2291112408071}" edit="1" title="Step 2 | Add ORF" search="1" select="1" dottedline="" custom="1" dirty="" linevadjust="-5" lineclass="markerline" text="Step 2 | Add ORF" hadjust="0" type="" showline="1" valign="outer" vadjust="50" category="ORF" symbol="ORF" id="bf5a2e7f76f0e80bc49612a7ba47f513"> <path stroke-dasharray="" d="M 651.9747928854571 297.23190906536126 L 662.9729686863783 297.0315866950914 L 691.8541112408071 279 L 696.8541112408071 279" class="markerline"></path> <path id="TPATH0t7q" style="fill:none;stroke:none"></path> <rect text-anchor="middle" alignment-baseline="middle" id="bf5a2e7f76f0e80bc49612a7ba47f513" class="rect-on" ng-class=" {blink: f.isActive === 1,
opaque: f.isActive === 2,
boldtxt: f.isActive === 2}" x="698.8541112408071" y="270" width="116.375" height="18" style="stroke:#f04199;fill:none;stroke-width: 2"></rect> <text id="text" class="markerlabel" style="fill:#e04993;font-weight:700;" text-anchor="start" x="702.3541112408071" y="283"> <title>Step 2 | Add ORF</title> <tspan data-type="label" id="label" ng-class="{'red': category === 'Cutter', 'bold': category === 'Fragment', 'blue': symbol.match('attB')}">Step 2 | Add ORF</tspan> <tspan data-type="custom" id="custom" style="font-family: FontAwesome;fill: #000;stroke-width:0;"> </tspan> </text> <text data-type="check" id="check"></text>
</g>
</g><g ng-repeat="f in opts.feat | orderBy: 'start' track by f.uuid" ng-if="!f.__hide__" start="1197" end="1419" ng-mousemove="trackMouseIn($event,f,true)" ng-mouseleave="trackMouseOut($event,f,false)" markerstyle="opacity: 0.5;fill:#eda481" arrowstartlength="0" arrowstartwidth="0" arrowendlength="7" arrowendwidth="5" arrowendangle="" wadjust="10" vadjust="-5" id="trackmarker-7869d66ee8ced5cc97cbf4b0f02ed44f" class=""><path id="trackmarker-7869d66ee8ced5cc97cbf4b0f02ed44f" class="marker-off markerhover ng-scope ng-isolate-scope" ng-class="{
'rect-on':f.__custom__ && !f.__dirty__ && f.__line__.__rect_width__,
'tra-s2': opts.vectorStyle.plasmidStyle === 'style2',
'rotation': opts.vectorStyle.trackRotate&&rotShow
}" d="M 586.7159379294528 407.3515072507847 A 138 138 0 0 0 613.1749670471418 378.9647189185042 L 613.1749670471418 378.9647189185042 L 619.3257804736169 383.2562797292925 L 625.476593900092 387.54784054008076 L 625.476593900092 387.54784054008076 A 153 153 0 0 1 596.1415833565673 419.0201493432613 L 599.2834651656054 422.90969670742015 L 576.9533819482292 423.48452132445567 L 583.5740561204148 403.46195988662583 L 586.7159379294528 407.3515072507847 z" style="opacity: 0.5;fill:#eda481"></path>
<g ng-if="opts.vectorStyle.display.markerLabel == true && f.__line__" labelstyle="" labelclass="markerlabel" rectclass="rect-on" line="{"__x1__":604.6549929592766,"__y1__":410.233082369558,"__x2__":612.2287095550137,"__y2__":418.2104764884076,"__x3__":632.8843002706604,"__y3__":439.967005903452,"__x4__":637.8843002706604,"__y4__":439.967005903452,"__text_y__":443.967005903452,"__text_x__":643.3843002706604}" edit="" title="View details" search="" select="" dottedline="" custom="" dirty="" linevadjust="-5" lineclass="markerline" text="SV40 late pA" hadjust="0" type="" showline="1" valign="outer" vadjust="50" category="PolyA_signal" symbol="SV40 late pA" id="7869d66ee8ced5cc97cbf4b0f02ed44f"> <path stroke-dasharray="" d="M 604.6549929592766 410.233082369558 L 612.2287095550137 418.2104764884076 L 632.8843002706604 439.967005903452 L 637.8843002706604 439.967005903452" class="markerline"></path> <path id="TPATHbpg6" style="fill:none;stroke:none"></path> <rect text-anchor="middle" alignment-baseline="middle" id="7869d66ee8ced5cc97cbf4b0f02ed44f" class="ng-scope ng-isolate-scope" ng-class=" {blink: f.isActive === 1,
opaque: f.isActive === 2,
boldtxt: f.isActive === 2}"></rect> <text id="text" class="markerlabel" text-anchor="start" x="643.3843002706604" y="443.967005903452"> <title>View details</title> <tspan data-type="label" id="label" ng-class="{'red': category === 'Cutter', 'bold': category === 'Fragment', 'blue': symbol.match('attB')}">SV40 late pA</tspan> <tspan data-type="custom" id="custom" style="font-family: FontAwesome;fill: #000;stroke-width:0;"></tspan> </text> <text data-type="check" id="check"></text>
</g>
</g><g ng-repeat="f in opts.feat | orderBy: 'start' track by f.uuid" ng-if="!f.__hide__" start="1419" end="1419" ng-mousemove="trackMouseIn($event,f,true)" ng-mouseleave="trackMouseOut($event,f,false)" markerstyle="fill:#fff;" arrowstartlength="0" arrowstartwidth="0" arrowendlength="0.1" arrowendwidth="5" arrowendangle="" wadjust="10" vadjust="-5" id="trackmarker-3f44bab4365c2c6cd6b140cb7e19f0ec" class="rect-on"><path id="trackmarker-3f44bab4365c2c6cd6b140cb7e19f0ec" class="marker-off markerhover ng-scope ng-isolate-scope rect-on" ng-class="{
'rect-on':f.__custom__ && !f.__dirty__ && f.__line__.__rect_width__,
'tra-s2': opts.vectorStyle.plasmidStyle === 'style2',
'rotation': opts.vectorStyle.trackRotate&&rotShow
}" d="M 572.9867127756401 417.1193398128858 L 580.9200511208184 429.8497028360256" style="fill:#fff;"></path>
<g ng-if="opts.vectorStyle.display.markerLabel == true && f.__line__" labelstyle="fill:#e04993;font-weight:700;" labelclass="markerlabel" rectclass="rect-on" line="{"__x1__":580.3911618978065,"__y1__":429.0010119678162,"__x2__":586.2089433509373,"__y2__":438.33661151811873,"__x3__":602.0756200412937,"__y3__":463.7973375643983,"__x4__":607.0756200412937,"__y4__":463.7973375643983,"__text_y__":467.7973375643983,"__text_x__":612.5756200412937,"__rect_width__":130.390625,"__rect_height__":18,"__rect_y__":454.7973375643983,"__rect_x__":609.0756200412937,"__tspan_y__":469.7973375643983,"__tspan_x__":744.4662450412937}" edit="" title="Step 3 | Add Marker" search="" select="1" dottedline="" custom="1" dirty="" linevadjust="-5" lineclass="markerline" text="Step 3 | Add Marker" hadjust="0" type="" showline="1" valign="outer" vadjust="50" category="ORF" symbol="Marker" id="3f44bab4365c2c6cd6b140cb7e19f0ec"> <path stroke-dasharray="" d="M 580.3911618978065 429.0010119678162 L 586.2089433509373 438.33661151811873 L 602.0756200412937 463.7973375643983 L 607.0756200412937 463.7973375643983" class="markerline"></path> <path id="TPATH72jw" style="fill:none;stroke:none"></path> <rect text-anchor="middle" alignment-baseline="middle" id="3f44bab4365c2c6cd6b140cb7e19f0ec" class="rect-on" ng-class=" {blink: f.isActive === 1,
opaque: f.isActive === 2,
boldtxt: f.isActive === 2}" x="609.0756200412937" y="454.7973375643983" width="130.390625" height="18" style="stroke:#f04199;fill:none;stroke-width: 2"></rect> <text id="text" class="markerlabel" style="fill:#e04993;font-weight:700;" text-anchor="start" x="612.5756200412937" y="467.7973375643983"> <title>Step 3 | Add Marker</title> <tspan data-type="label" id="label" ng-class="{'red': category === 'Cutter', 'bold': category === 'Fragment', 'blue': symbol.match('attB')}">Step 3 | Add Marker</tspan> <tspan data-type="custom" id="custom" style="font-family: FontAwesome;fill: #000;stroke-width:0;"> </tspan> </text> <text data-type="check" id="check"></text>
</g>
</g><g ng-repeat="f in opts.feat | orderBy: 'start' track by f.uuid" ng-if="!f.__hide__" start="1614" end="2203" ng-mousemove="trackMouseIn($event,f,true)" ng-mouseleave="trackMouseOut($event,f,false)" markerstyle="opacity: 0.5;fill:#e4b930" arrowstartlength="7" arrowstartwidth="5" arrowendlength="0" arrowendwidth="0" arrowendangle="" wadjust="10" vadjust="-5" id="trackmarker-b36729511a9e590d668515be59b9d359" class=""><path id="trackmarker-b36729511a9e590d668515be59b9d359" class="marker-off markerhover ng-scope ng-isolate-scope" ng-class="{
'rect-on':f.__custom__ && !f.__dirty__ && f.__line__.__rect_width__,
'tra-s2': opts.vectorStyle.plasmidStyle === 'style2',
'rotation': opts.vectorStyle.trackRotate&&rotShow
}" d="M 394.4745805049343 388.9291056988116 A 138 138 0 0 0 511.0256980721563 437.5588382548415 L 510.6262162579477 432.5748223760429 L 529.2135738083904 442.5370727401883 L 512.6236253289906 457.49490177003594 L 512.224143514782 452.5108858912373 A 153 153 0 0 1 383.0044262119924 398.5953128399868 L 383.0044262119924 398.5953128399868 L 388.7395033584633 393.7622092693992 L 394.4745805049343 388.9291056988116 L 394.4745805049343 388.9291056988116 z" style="opacity: 0.5;fill:#e4b930"></path>
<g ng-if="opts.vectorStyle.display.markerLabel == true && f.__line__" labelstyle="" labelclass="markerlabel" rectclass="rect-on" line="{"__x1__":450.14300361190124,"__y1__":443.59066791110456,"__x2__":446.5349315048678,"__y2__":453.98209782572394,"__x3__":436.694734849322,"__y3__":482.32236122923143,"__x4__":431.694734849322,"__y4__":482.32236122923143,"__text_y__":486.32236122923143,"__text_x__":426.194734849322}" edit="" title="View details" search="" select="" dottedline="" custom="" dirty="" linevadjust="-5" lineclass="markerline" text="pUC ori" hadjust="0" type="" showline="1" valign="outer" vadjust="50" category="Rep_origin" symbol="pUC ori" id="b36729511a9e590d668515be59b9d359"> <path stroke-dasharray="" d="M 450.14300361190124 443.59066791110456 L 446.5349315048678 453.98209782572394 L 436.694734849322 482.32236122923143 L 431.694734849322 482.32236122923143" class="markerline"></path> <path id="TPATHrk1e" style="fill:none;stroke:none"></path> <rect text-anchor="middle" alignment-baseline="middle" id="b36729511a9e590d668515be59b9d359" class="ng-scope ng-isolate-scope" ng-class=" {blink: f.isActive === 1,
opaque: f.isActive === 2,
boldtxt: f.isActive === 2}"></rect> <text id="text" class="markerlabel" text-anchor="end" x="426.194734849322" y="486.32236122923143"> <title>View details</title> <tspan data-type="label" id="label" ng-class="{'red': category === 'Cutter', 'bold': category === 'Fragment', 'blue': symbol.match('attB')}">pUC ori</tspan> <tspan data-type="custom" id="custom" style="font-family: FontAwesome;fill: #000;stroke-width:0;"></tspan> </text> <text data-type="check" id="check"></text>
</g>
</g><g ng-repeat="f in opts.feat | orderBy: 'start' track by f.uuid" ng-if="!f.__hide__" start="2373" end="3234" ng-mousemove="trackMouseIn($event,f,true)" ng-mouseleave="trackMouseOut($event,f,false)" markerstyle="opacity: 0.5;fill:#7a00b5" arrowstartlength="7" arrowstartwidth="5" arrowendlength="0" arrowendwidth="0" arrowendangle="" wadjust="10" vadjust="-5" id="trackmarker-ebd3f2479f9ee3287b00506ba02ae91b" class=""><path id="trackmarker-ebd3f2479f9ee3287b00506ba02ae91b" class="marker-off markerhover ng-scope ng-isolate-scope" ng-class="{
'rect-on':f.__custom__ && !f.__dirty__ && f.__line__.__rect_width__,
'tra-s2': opts.vectorStyle.plasmidStyle === 'style2',
'rotation': opts.vectorStyle.trackRotate&&rotShow
}" d="M 447.10262506191134 172.54072130810064 A 138 138 0 0 0 366.9437167562053 336.6063585917403 L 371.76459658387904 335.28004125145986 L 365.4617285550886 355.404905167461 L 347.66019744551045 341.9116279528621 L 352.48107727318416 340.5853106125816 A 153 153 0 0 1 441.35291039472776 158.6864518850681 L 441.35291039472776 158.6864518850681 L 444.2277677283196 165.61358659658438 L 447.10262506191134 172.54072130810064 L 447.10262506191134 172.54072130810064 z" style="opacity: 0.5;fill:#7a00b5"></path>
<g ng-if="opts.vectorStyle.display.markerLabel == true && f.__line__" labelstyle="" labelclass="markerlabel" rectclass="rect-on" line="{"__x1__":359.61006984660355,"__y1__":241.73622470587338,"__x2__":349.4502722697131,"__y2__":237.51976728327213,"__x3__":321.74173342364793,"__y3__":226.02033794890502,"__x4__":316.74173342364793,"__y4__":226.02033794890502,"__text_y__":230.02033794890502,"__text_x__":311.24173342364793}" edit="" title="View details" search="" select="" dottedline="" custom="" dirty="" linevadjust="-5" lineclass="markerline" text="Ampicillin" hadjust="0" type="" showline="1" valign="outer" vadjust="50" category="ORF" symbol="Ampicillin" id="ebd3f2479f9ee3287b00506ba02ae91b"> <path stroke-dasharray="" d="M 359.61006984660355 241.73622470587338 L 349.4502722697131 237.51976728327213 L 321.74173342364793 226.02033794890502 L 316.74173342364793 226.02033794890502" class="markerline"></path> <path id="TPATHyu7c" style="fill:none;stroke:none"></path> <rect text-anchor="middle" alignment-baseline="middle" id="ebd3f2479f9ee3287b00506ba02ae91b" class="ng-scope ng-isolate-scope" ng-class=" {blink: f.isActive === 1,
opaque: f.isActive === 2,
boldtxt: f.isActive === 2}"></rect> <text id="text" class="markerlabel" text-anchor="end" x="311.24173342364793" y="230.02033794890502"> <title>View details</title> <tspan data-type="label" id="label" ng-class="{'red': category === 'Cutter', 'bold': category === 'Fragment', 'blue': symbol.match('attB')}">Ampicillin</tspan> <tspan data-type="custom" id="custom" style="font-family: FontAwesome;fill: #000;stroke-width:0;"></tspan> </text> <text data-type="check" id="check"></text>
</g>
</g>
</g>
</svg>
</div></boat-vector-viewer>
</div></div></div></div><div class="cg-busy cg-busy-backdrop cg-busy-backdrop-animation ng-scope ng-hide" ng-show="$cgBusyIsActive()" style=""></div><div class="cg-busy cg-busy-animation ng-scope ng-hide" ng-show="$cgBusyIsActive()" style=""><div class="cg-busy-default-wrapper ng-scope" translate-namespace="viewsModal" style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;">
<div class="cg-busy-default-sign">
<div class="cg-busy-default-spinner">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<div class="bar4"></div>
<div class="bar5"></div>
<div class="bar6"></div>
<div class="bar7"></div>
<div class="bar8"></div>
<div class="bar9"></div>
<div class="bar10"></div>
<div class="bar11"></div>
<div class="bar12"></div>
</div>
<div class="cg-busy-default-text ng-binding">Please Wait...</div>
</div>
</div></div></div><div class="cg-busy cg-busy-backdrop cg-busy-backdrop-animation ng-scope ng-hide" ng-show="$cgBusyIsActive()" style=""></div><div class="cg-busy cg-busy-animation ng-scope ng-hide" ng-show="$cgBusyIsActive()" style=""><div class="cg-busy-default-wrapper ng-scope" translate-namespace="viewsModal" style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;">
<div class="cg-busy-default-sign">
<div class="cg-busy-default-spinner">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<div class="bar4"></div>
<div class="bar5"></div>
<div class="bar6"></div>
<div class="bar7"></div>
<div class="bar8"></div>
<div class="bar9"></div>
<div class="bar10"></div>
<div class="bar11"></div>
<div class="bar12"></div>
</div>
<div class="cg-busy-default-text ng-binding">Please Wait...</div>
</div>
</div></div></div><div class="alert-block ng-hide" ng-hide="true"></div></div><div id="divList" class="drop_down_vector ng-hide" ng-show="showList"><ul class="list-unstyled"></ul></div></article></div></app-panel-design>
</article>
</div>
</section>
<footer class="footer" id="footer">
<div class="text-center" style="color: rgb(136, 136, 136); font-size: 11px;">
<span>
Copyright © 2019 VectorBuilder Inc. All Rights Reserved.
</span>
</div>
</footer>
<script type="text/javascript" async="" src="https://www.gstatic.com/wcm/loader.js"></script><script type="text/javascript" async="" src="https://www.googleadservices.com/pagead/conversion_async.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script>
var translationsEN = translationsEN || {},
translationsCN = translationsCN || {},
translationsJP = translationsJP || {};
var STAFF_USER = '';
var CFG = {"UPLOAD_TYPE": [["PO", "PO"], ["Manual", "Manual"], ["COA", "COA"], ["MSDS", "MSDS"], ["Logo", "Logo"], ["PDF", "PDF"], ["request", "request"], ["Other", "Other"]], "THEME": [["Cerulean", "Cerulean"]], "LANG": "EN", "ORG_INDUSTRY": [["Biotechnology", "Biotechnology"], ["Chemicals", "Chemicals"], ["Education", "Education"], ["Food and Beverage", "Food and Beverage"], ["Government", "Government"], ["Healthcare", "Healthcare"], ["Hospitality", "Hospitality"], ["Not For Profit", "Not For Profit"], ["Reseller", "Reseller"], ["Other", "Other"]], "ORG_TYPE": [["Competitor", "Competitor"], ["Customer", "Customer"], ["Integrator", "Integrator"], ["Investor", "Investor"], ["Other", "Other"], ["Partner", "Partner"], ["Press", "Press"], ["Prospect", "Prospect"], ["Reseller", "Reseller"]], "COMMENT_TYPE": [["Customer", "Customer"], ["VB", "VB"], ["Visible to user", "Visible to user"], ["Visible to staff only", "Visible to staff only"], ["Dealer", "Distributor"], ["Dealer order", "Dealer order"], ["System", "System"]], "COA_CATEGORY": [["Certificate of Analysis(Adenovirus)", "Certificate of Analysis(Adenovirus)"], ["Certificate of Analysis(Lentivirus)", "Certificate of Analysis(Lentivirus)"], ["Certificate of Analysis(Adeno-associated Virus)", "Certificate of Analysis(Adeno-associated Virus)"]], "TITER_COEFFICIENT": [["8", "8"], ["9", "9"], ["10", "10"], ["11", "11"], ["12", "12"], ["13", "13"]], "TITER_UNIT": [["TU/mL", "TU/mL"], ["GC/mL", "GC/mL"], ["PFU/mL", "PFU/mL"], ["VP/mL", "VP/mL"]], "DESIGN_REQUEST_STATUS": [["Created", "Created"], ["Accepted", "Accepted"], ["Rejected", "Rejected"], ["Replied directly", "Replied directly"], ["Send to PJM", "Send to PJM"], ["Replied by PJM", "Replied by PJM"], ["Void", "Void"]], "PRICE_INQUIRY_STATUS": [["Created", "Created"], ["Accepted", "Accepted"], ["Rejected", "Rejected"], ["Replaced", "Replaced"], ["Replied directly", "Replied directly"], ["Send to PJM", "Send to PJM"], ["Replied by PJM", "Replied by PJM"], ["Void", "Void"]], "OTHER_MESSAGE_STATUS": [["Created", "Created"], ["Accepted", "Accepted"], ["Rejected", "Rejected"], ["Replaced", "Replaced"], ["Replied directly", "Replied directly"], ["Send to PJM", "Send to PJM"], ["Replied by PJM", "Replied by PJM"], ["Void", "Void"]], "DOCUMENT_SIZE": [["A4 Size", "A4 Size"], ["Letter Size", "Letter Size"], ["210*285mm", "210*285mm"]], "DOCUMENT_CATEGORY": [["Other", "Other"], ["User Instructions", "User Instructions"], ["MSDS", "MSDS"]], "FAQ_CATEGORY": [["Drug-selection marker", "Drug-selection marker"], ["Fluorescent protein", "Fluorescent protein"], ["Genome editing", "Genome editing"], ["Protein expression", "Protein expression"], ["shRNA", "shRNA"], ["Virus packaging", "Virus packaging"], ["Others", "Others"]], "EVENT_CATEGORY": [["North America", "North America"], ["Europe", "Europe"], ["Others", "Others"]], "REGION_TYPE": [["Country", "Country"], ["Province", "Province"], ["City", "City"], ["Other", "Other"]], "SALES_TERRITORY": [["Northeast", "Northeast"], ["Southeast", "Southeast"], ["Northwest", "Northwest"], ["Southwest", "Southwest"], ["US: Northeast", "US: Northeast"], ["US: Southeast", "US: Southeast"], ["US: Northwest", "US: Northwest"], ["US: Southwest", "US: Southwest"], ["US: East", "US: East"], ["US: Mid-Atlantic", "US: Mid-Atlantic"], ["US: Central", "US: Central"], ["US: West", "US: West"], ["Europe", "Europe"], ["Asia-Pacific (AP)", "Asia-Pacific (AP)"], ["Domestic", "Domestic"], ["Old Japan distributor", "Old Japan distributor"], ["Japan (VB-En)", "Japan (VB-En)"], ["Other", "Other"], ["VB comprehensive", "VB comprehensive"]], "COUPON_CATEGORY": [["Discount Amount (on Subtotal)", "Discount Amount (on Subtotal)"], ["Discount Rate (on Subtotal)", "Discount Rate (on Subtotal)"], ["Discount Amount & Discount Rate (on Subtotal)", "Discount Amount & Discount Rate (on Subtotal)"], ["Free Shipping", "Free Shipping"], ["Free (on Grand total)", "Free (on Grand total)"]], "COUPON_USE_LIMIT": [["Once", "Once"], ["Multiple", "Multiple"], ["Unlimited", "Unlimited"]], "COUPON_STATUS": [["New", "New"], ["Used", "Used"], ["Obsoleted", "Obsoleted"]], "INVOICE_STATUS": [["Draft", "Draft"], ["Open", "Open"], ["Closed", "Closed"], ["Void", "Void"], ["Bad Debt", "Bad Debt"]], "ORDER_STATUS": [["Draft", "Draft"], ["Created", "Created"], ["Created Manually", "Created Manually"], ["Accepted", "Accepted"], ["Rejected", "Rejected"], ["In Production", "In Production"], ["Suspended", "Suspended"], ["Completed", "Completed"], ["Cancelled", "Cancelled"], ["Terminated", "Terminated"], ["Void", "Void"], ["User Submitted", "User Submitted"]], "ORDER_MANAGE_TYPE": [["VB only", "VB only"], ["VB comprehensive", "VB comprehensive"]], "CARRIER": [["FedEx", "FedEx"], ["S.F. Express", "S.F. Express"], ["UPS", "UPS"], ["USPS", "USPS"], ["DHL", "DHL"], ["BlueDart", "BlueDart"], ["TNT", "TNT"], ["Other", "Other"]], "PAYMENT_CATEGORY": [["Deposit Card", "Deposit Card"], ["Credit Card", "Credit Card"], ["Check", "Check"], ["Wire", "Wire"], ["Alipay", "Alipay"], ["Other", "Other"]], "PAYMENT_STATUS": [["Draft", "Draft"], ["Paid", "Paid"]], "PROFORMA_INVOICE_STATUS": [["Open", "Open"], ["Closed", "Closed"], ["Void", "Void"]], "QUOTE_STATUS": [["Created", "Created"], ["Ordered", "Ordered"], ["Void", "Void"]], "SHIPMENT_STATUS": [["Draft", "Draft"], ["Created", "Created"], ["Sent", "Sent"], ["Void", "Void"], ["Received", "Received"]], "SHIPMENT_EXTENT": [["All", "All"], ["Partial", "Partial"], ["Final", "Final"]], "RECEIVABLES_TYPE": [["VB only", "VB only"], ["Comprehensive-TC", "Comprehensive-TC"], ["Comprehensive-GZ", "Comprehensive-GZ"]], "CITATION_TYPE": [["Vector construction", "Vector construction"], ["Lentivirus packaging", "Lentivirus packaging"], ["Adenovirus packaging", "Adenovirus packaging"], ["AAV packaging", "AAV packaging"], ["Others", "Others"]], "ABOUT_CATEGORY": [["About VB", "About VB"], ["About Company", "About Company"]], "STORE_CREDIT_RECORD_CATEGORY": [["Store credit purchased", "Store credit purchased"], ["Store credit spent", "Store credit spent"], ["Store credit from VectorBuilder", "Store credit from VectorBuilder"], ["Store credit from Sender", "Store credit from Sender"]], "INVOICE_CATEGORY": [["Regular invoice", "Regular invoice"], ["Vat special invoice", "Vat special invoice"]], "COA_TEMPLATE_TYPE": [["Vector", "Vector"], ["Virus", "Virus"]], "MATERIAL_SUBMISSION_STATUS": [["Created", "Created"], ["Client sent", "Client sent"], ["US recevied", "US recevied"], ["US sent", "US sent"], ["HK received", "HK received"], ["HK sent", "HK sent"], ["GZ received", "GZ received"], ["In QC", "In QC"], ["QC'ed", "QC'ed"]], "MATERIAL_SUBMISSION_QC_STATUS": [["Passed", "Passed"], ["Not passed", "Not passed"], ["Pending", "Pending"]], "PDF_REVISION_CATEGORY": [["Legacy", "Legacy"]], "FILTER_CATEGORY": [["Private", "Private"], ["Public", "Public"], ["EDM", "EDM"]], "CAMPAIGN_STATUS": [["Draft", "Draft"], ["Send", "Send"]], "FILTER_STATUS": [["Draft", "Draft"], ["Created", "Created"]], "BASE_URL": "https://beta.en.vb.vbio.top", "VER": "d0c5fa16b", "MAP": {"web_cn_base_min_css": "dist/web.cn.base.min.f3764e975da1d5e9cdc5fb739c9b3403.css", "web_en_base_min_css": "dist/web.en.base.min.f3764e975da1d5e9cdc5fb739c9b3403.css", "web_jp_base_min_css": "dist/web.jp.base.min.ff2a19c9cd43e1fe0520e33e5e6dd849.css", "mobile_cn_base_min_css": "dist/mobile.cn.base.min.7a7ad45b4afbd48212ae1d2ea59c6edb.css", "mobile_en_base_min_css": "dist/mobile.en.base.min.7a7ad45b4afbd48212ae1d2ea59c6edb.css", "mobile_jp_base_min_css": "dist/mobile.jp.base.min.ab579f1f0a6caac1397c8590237b9667.css", "manage_base_min_css": "dist/manage.base.min.69511e25f7581437146d8a136d79d76f.css", "web_cn_min_css": "dist/web.cn.min.4ac98322abc877b8d5b20587d209458f.css", "web_en_min_css": "dist/web.en.min.bfb8ed2c3fa96d774250a1997e982c53.css", "web_jp_min_css": "dist/web.jp.min.5975004a7f555647fc7650925869fdf5.css", "mobile_cn_min_css": "dist/mobile.cn.min.7a00747d519aabceb3c6aab4d880ceb9.css", "mobile_en_min_css": "dist/mobile.en.min.c4de70b1ca40af0fcfe62702abae660a.css", "mobile_jp_min_css": "dist/mobile.jp.min.4ef0ba32ccd7bdf792a773f39b940b19.css", "manage_min_css": "dist/manage.min.bda17871e9b5151398886105c5c5e13f.css", "web_base_min_js": "dist/web.base.min.f0c5716e1ce12809b8d2bf2809ac57f6.js", "mobile_base_min_js": "dist/mobile.base.min.f0c5716e1ce12809b8d2bf2809ac57f6.js", "manage_base_min_js": "dist/manage.base.min.f9fc542be162899b3b802937fdaefc36.js", "web_min_js": "dist/web.min.355d1cca6d24764e0c07de25899d37f4.js", "mobile_min_js": "dist/mobile.min.f8848f085d3f823849abf8cec793028b.js", "manage_min_js": "dist/manage.min.7c4716d5aed0f80c17332e3d030c5523.js"}, "USE_CDN": false, "SERVICE_EMAILS": {"EN": "service@vectorbuilder.com", "JP": "service-jp@vectorbuilder.com", "CN": "service@vectorbuilder.cn"}, "SERVICE_EMAIL": "libbycao@vectorbuilder.net", "SERVICE_TEL": {"US": "(800) 517-2189", "CN": "28069042", "JP": "+81-45-628-9207", "EU": "+49 (0) 6102-2486890", "UK": "+44 (0) 7448341295"}, "USE_CSS_MIN": true, "USE_JS_MIN": true, "SITE_DOMAIN": "beta.en.vb.vbio.top", "PUBLIC_DOMAIN": "pub.vbio.top", "MIN_FILES_SERVER": "beta.en.vb.vbio.top", "VB_BIO_URL": "https://beta.bio.vb.vbio.top", "NCBI_APP_URL": "https://ncbi.vbio.top", "BIO_TOOLS_URL": "https://tools.vbio.top", "BIO_BASE_URL": "https://bio.vbio.top", "PMS_URL": "https://pms.vbio.top", "PMS_API_TOKEN": "17488dd2462fb2bf210c8d2e4b2b348b3af0ea14", "VB_BIO_API_TOKEN": "17488dd2462fb2bf210c8d2e4b2b348b3af0ea14", "RAVEN_CONFIG": {}, "VECTOR_COUNT": 240280, "IS_IE": false, "SITES": [{"name": "English", "link": "https://beta.en.vb.vbio.top", "disable": true}, {"name": "Chinese", "link": "https://beta.cn.vb.vbio.top", "disable": false}, {"name": "Japanese", "link": "https://beta.jp.vb.vbio.top", "disable": false}], "CHECK_VER": true, "PERSONALIZED_SETTINGS": {}, "SHOW_ORDER_REQUEST": false, "SHOW_ONLINE_TRACKING": true, "PUB_DEALER": {"total_count": 0, "objects": []}, "USE_ES_MODELS_RESOURCE": [], "HOST_SEQ_USERNAME": "tommyli", "HOST_SEQ_API_KEY": "513210e16ff3ad260a165be0a59c8eedad562cf1", "BIO_SHRNA_TRANSCRIPT": [{"gene_id": 1956, "filter_score": 10}], "SHOW_SERVICE_PROPOSAL": true, "SHOW_UPLOAD_MY_VECTOR": false, "SHOW_DEALER": false, "SHOW_PROFORMA_INVOICE": true, "SHOW_VB1_LINK": true, "SHOW_SEARCH_VECTOR": true, "SHOW_SEARCH_VECTOR_IN_STOCK": true, "BACK_TO_EDIT": true, "MANAGE_USE_ES": false, "SHOW_STORE_CREDIT": true, "SHOW_SOCIAL_LOGIN": true, "SHOW_MATERIAL_SUBMISSION": true, "FRONT_END_PROXY": true, "SHOW_MY_VECTOR_DESIGN_STUDIO": false, "SHOW_CREDIT_CARD": false, "SALES_TAX": true, "SHOW_ORDER_MESSAGE": false, "LANGUAGE_CODE": "en-us", "CURRENCY_SYMBOL": "USD"};
var INFO = "";
var USER_TIMEZONE = '';
var HOME_URL = '/';
var LOGIN_URL = '/account/login.html';
var ACCOUNT_HOME_URL = '/account.html';
var BIO_BASE_URL = 'https://bio.vbio.top' || 'http://bio.vbio.top';
var BIO_SEQ_BASE_URL = 'https://bio.vbio.top' || 'http://bio.vbio.top';
var API_BIO_BASE_URL = 'https://bio.vbio.top' || 'http://bio.vbio.top';
var SEARCH_GRNA = '';
var NOT_CHROME_MAX_SEQ_LEN = 16000;
var VB_BIO_BASE_URL = 'https://beta.bio.vb.vbio.top';
var FRONT_END_PROXY = CFG.FRONT_END_PROXY;
var VIEWER_INIT_OPTIONS = {
height: 500,
width: 500,
radius: 100,
plasmidStyle: 'style1',
trackRotate: false,
display: {
name: false,
len: false,
scale: false,
markerLabel: true,
labelType: false,
seqSelect: true
},
markerClick: true
};
var VIEWER_DESIGN_OPTIONS = {
height: 600,
width: 1000,
scene: 'design',
title: 'View details',
radius: 140,
plasmidStyle: 'style1',
trackRotate: false,
minHeight: 21,
display: {
name: false,
len: false,
scale: false,
markerLabel: true,
labelType: false,
seqSelect: false
},
markerClick: true
};
var VIEWER_DETAIL_OPTIONS = {
height: 400,
width: 500,
radius: 110,
plasmidStyle: 'style1',
title: 'Click to highlight feature Double-click to view annotation',
trackRotate: false,
trackSize: 15,
export: true,
display: {
name: true,
len: true,
scale: true,
markerLabel: true,
labelType: false,
seqSelect: true
},
markerClick: false
};
var EDITOR_DETAIL_OPTIONS = {
fullLen: false,
residue: false,
selLen: false,
lineSize: false,
readonly: true
};
</script>
<script src="//beta.en.vb.vbio.top/static/dist/web.base.min.f0c5716e1ce12809b8d2bf2809ac57f6.js"></script>
<script type="application/ld+json">
{}
</script>
<script>
var VS_ID = 2;
var VS_TITLE = 'Mammalian Gene Expression Vector';
var PARAMS = {"promoter": "ALL", "qty_orf": 1, "marker": "No marker", "nuclease": null};
var GUIDE_HAS = 'True';
</script>
<script>
var VS = '1';
var LSL = false;
var MARKER_SELECTABLE = true;
var SYMBOL = 'pRP_Ex_plus';
var GUIDE_LINK = '/learning-center/vector-system/pRP_Ex_plus.html';
var IGNORE_COMPONENTS = [""];
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-29751223-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-29751223-4');
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-716583504"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'AW-716583504');
</script>
<script>
gtag('config', 'AW-716583504/Rc1VCPL5z6sBENDk2NUC', {
'phone_conversion_number': '(800) 517-2189'
});
</script>
<div class="cg-busy cg-busy-backdrop cg-busy-backdrop-animation ng-hide ng-scope" ng-show="$cgBusyIsActive()"></div><div class="cg-busy cg-busy-animation ng-hide ng-scope" ng-show="$cgBusyIsActive()"><div class="cg-busy-default-wrapper ng-scope" translate-namespace="viewsModal" style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;">
<div class="cg-busy-default-sign">
<div class="cg-busy-default-spinner">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<div class="bar4"></div>
<div class="bar5"></div>
<div class="bar6"></div>
<div class="bar7"></div>
<div class="bar8"></div>
<div class="bar9"></div>
<div class="bar10"></div>
<div class="bar11"></div>
<div class="bar12"></div>
</div>
<div class="cg-busy-default-text ng-binding">Please Wait...</div>
</div>
</div></div></body></html>
.tooltip-inner{
color:white!important;
background-color:#e9832a!important;
font-size: 17px;
font-weight:550!important;
line-height: 20px;
width: 180px!important;
height: 60px;
border-radius: 5px!important;
border: 1px solid #e06f0c!important;
padding-top: 8px!important;
}
@keyframes delay-out-on{
from{
opacity: 1;
}
to{
opacity: 0;
}
}
.delay-out{
animation-duration: 10s;
animation-name: delay-out-on;
animation-iteration-count:unset;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}