var bvapproot = document.getElementById("bvapp-root");
var bvdiv = document.createElement("div");
bvdiv.innerHTML = '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <style>     .btn-orange {         background-color: #f37a1f;         color: #ffffff;     }     a:hover {         text-decoration: none !important;     }     .page_content h3 {         color: unset !important;     }     .form-control:focus {         border-color: #f37a1f;         outline: 0;         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(243, 122, 31, .6);         box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(243, 122, 31, .6);     } </style> <div id="bvps-app" style="padding: 10px;">     <div class="row" style="margin-bottom: 10px">         <div class="col-md-12">             <div class="input-group">                 <input data-role="none" type="text" class="form-control" v-on:keyup.enter="search" v-model="searchText"                        placeholder="Search for product...">                 <div class="input-group-btn">                     <button data-role="none" class="btn btn-orange" v-bind:class="{ disabled: searchBlocked }" @click="search" type="button" style="height: 34px">                         <i class="glyphicon glyphicon-search"></i>                     </button>                 </div>             </div>         </div>     </div>     <div class="row">         <div class="col-md-12">             <div v-if="loading">                 <div class="row">                     <div class="col-sm-12">                         <img src="/Content/images/layout/loading.gif" />                     </div>                 </div>             </div>             <div v-if="noResults" class="panel panel-default">                 <div class="panel-heading"></div>                 <div class="panel-body">                     <div class="text-center">                         No Results                     </div>                 </div>             </div>             <div v-if="products" v-for="product in products" class="panel panel-default">                 <div class="panel-heading">                     <h3 class="panel-title">                         {{ product.Name }}                     </h3>                 </div>                 <div class="panel-body">                     <div class="row">                         <div class="col-xs-12 col-md-3 text-center">                             <img :src="product.Image" />                         </div>                         <div class="col-xs-12 col-md-5 text-center" v-html="product.ShortDescription"></div>                         <div class="cox-xs-12 col-md-4 text-center">                             <button type="button" data-role="none" @click="productLink(product.ReviewLink)" class="btn btn-orange">Write a Review</button>                         </div>                     </div>                 </div>             </div>         </div>     </div> </div>';
bvapproot.appendChild(bvdiv);

var bvinjscript = document.createElement("script");
bvinjscript.src = "/scripts/embeds/bvproductselector/bvproductselector-vue.js";
bvapproot.appendChild(bvinjscript);