Difference between revisions of "Team:GreatBay China/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{GreatBay_China}}
+
<html><title>GBC-Design</title>
−
<html>
+
  
−
<div class="column full_size">
+
<!--CREATOR OF THIS WIKI TEMPLATE: WEIQIAN LIN, KUANGYI WEI，Copyright Served. Any eligible editor using this template must be a member of the iGEM team: GreatBay_China 2018-->
−
<h1>Design</h1>
+
−
<p>
+
−
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
−
</p>
+
  
−
<p>
+
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
−
</p>
+
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 +
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
 +
<head>
 +
  <!-- Basic Page Needs
 +
  ================================================== -->
 +
<meta charset="utf-8">
 +
  <!--[if lt IE 9]>
 +
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 +
  <![endif]-->
 +
  <!-- Mobile Specific Metas
 +
  ================================================== -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 +
<!-- css bootstrap -->
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&amp;action=raw&amp;ctype=text/css" />
 +
<!-- js jquery -->
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&amp;action=raw&amp;ctype=text/javascript"></script>
 +
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
 +
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<!-- js menu -->
 +
<script type="text/javascript">
 +
$(function () { $("[data-toggle='popover']").popover(); });
 +
</script>
 +
<script type="text/javascript">
 +
　$(function(){
 +
　　$('.top-nav ul li span').hover(function(){
 +
　　 $(this).addClass('hover');
 +
},function(){
 +
$(this).removeClass('hover');
 +
});
 +
　　$('.top-nav ul li').mouseover(function(){
 +
　 　$(this).children('div').stop().slideDown().parent().siblings().children('div').stop().slideUp();
 +
});
 +
　　$('.top-nav ul li span').mouseleave(function(){
 +
　 　$(this).siblings('div').stop().slideUp()});
 +
　　$('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();});
 +
　})
 +
</script>
 +
<script>
 +
function changeface()
 +
{
 +
    element=document.getElementById('menuhead')
 +
    if (element.style.display='none')
 +
    {
 +
        element.style.display='block';
 +
    }
 +
    else
 +
    {
 +
        element.style.display='none';
 +
    }
 +
}
 +
</script>
 +
<!-- font -->
 +
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Delius" />
 +
<!-- css main -->
 +
<style>
 +
html {
 +
  font-family: sans-serif;
 +
  -webkit-text-size-adjust: 100%;
 +
      -ms-text-size-adjust: 100%;
 +
}
 +
body {
 +
  margin: 0;
 +
}
 +
article,
 +
aside,
 +
details,
 +
figcaption,
 +
figure,
 +
footer,
 +
header,
 +
hgroup,
 +
main,
 +
menu,
 +
nav,
 +
section,
 +
summary {
 +
  display: block;
 +
}
 +
audio,
 +
canvas,
 +
progress,
 +
video {
 +
  display: inline-block;
 +
  vertical-align: baseline;
 +
}
 +
audio:not([controls]) {
 +
  display: none;
 +
  height: 0;
 +
}
 +
[hidden],
 +
template {
 +
  display: none;
 +
}
 +
a {
 +
  background-color: transparent;
 +
}
 +
a:active,
 +
a:hover {
 +
  outline: 0;
 +
}
 +
abbr[title] {
 +
  border-bottom: 1px dotted;
 +
}
 +
b,
 +
strong {
 +
  font-weight: bold;
 +
}
 +
dfn {
 +
  font-style: italic;
 +
}
 +
h1 {
 +
  margin: .67em 0;
 +
  font-size: 2em;
 +
}
 +
mark {
 +
  color: #000;
 +
  background: #ff0;
 +
}
 +
small {
 +
  font-size: 80%;
 +
}
 +
sub,
 +
sup {
 +
  position: relative;
 +
  font-size: 75%;
 +
  line-height: 0;
 +
  vertical-align: baseline;
 +
}
 +
sup {
 +
  top: -.5em;
 +
}
 +
sub {
 +
  bottom: -.25em;
 +
}
 +
img {
 +
  border: 0;
 +
}
 +
svg:not(:root) {
 +
  overflow: hidden;
 +
}
 +
figure {
 +
  margin: 1em 40px;
 +
}
 +
hr {
 +
  height: 0;
 +
  -webkit-box-sizing: content-box;
 +
    -moz-box-sizing: content-box;
 +
          box-sizing: content-box;
 +
}
 +
pre {
 +
  overflow: auto;
 +
}
 +
code,
 +
kbd,
 +
pre,
 +
samp {
 +
  font-family: monospace, monospace;
 +
  font-size: 1em;
 +
}
 +
button,
 +
input,
 +
optgroup,
 +
select,
 +
textarea {
 +
  margin: 0;
 +
  font: inherit;
 +
  color: inherit;
 +
}
 +
button {
 +
  overflow: visible;
 +
}
 +
button,
 +
select {
 +
  text-transform: none;
 +
}
 +
button,
 +
html input[type="button"],
 +
input[type="reset"],
 +
input[type="submit"] {
 +
  -webkit-appearance: button;
 +
  cursor: pointer;
 +
}
 +
button[disabled],
 +
html input[disabled] {
 +
  cursor: default;
 +
}
 +
button::-moz-focus-inner,
 +
input::-moz-focus-inner {
 +
  padding: 0;
 +
  border: 0;
 +
}
 +
input {
 +
  line-height: normal;
 +
}
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
  -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
          box-sizing: border-box;
 +
  padding: 0;
 +
}
 +
input[type="number"]::-webkit-inner-spin-button,
 +
input[type="number"]::-webkit-outer-spin-button {
 +
  height: auto;
 +
}
 +
input[type="search"] {
 +
  -webkit-box-sizing: content-box;
 +
    -moz-box-sizing: content-box;
 +
          box-sizing: content-box;
 +
  -webkit-appearance: textfield;
 +
}
 +
input[type="search"]::-webkit-search-cancel-button,
 +
input[type="search"]::-webkit-search-decoration {
 +
  -webkit-appearance: none;
 +
}
 +
fieldset {
 +
  padding: .35em .625em .75em;
 +
  margin: 0 2px;
 +
  border: 1px solid #c0c0c0;
 +
}
 +
legend {
 +
  padding: 0;
 +
  border: 0;
 +
}
 +
textarea {
 +
  overflow: auto;
 +
}
 +
optgroup {
 +
  font-weight: bold;
 +
}
 +
table {
 +
  border-spacing: 0;
 +
  border-collapse: collapse;
 +
}
 +
td,
 +
th {
 +
  padding: 0;
 +
}
 +
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
 +
@media print {
 +
  *,
 +
  *:before,
 +
  *:after {
 +
    color: #000 !important;
 +
    text-shadow: none !important;
 +
    background: transparent !important;
 +
    -webkit-box-shadow: none !important;
 +
            box-shadow: none !important;
 +
  }
 +
  a,
 +
  a:visited {
 +
    text-decoration: underline;
 +
  }
 +
  a[href]:after {
 +
    content: " (" attr(href) ")";
 +
  }
 +
  abbr[title]:after {
 +
    content: " (" attr(title) ")";
 +
  }
 +
  a[href^="#"]:after,
 +
  a[href^="javascript:"]:after {
 +
    content: "";
 +
  }
 +
  pre,
 +
  blockquote {
 +
    border: 1px solid #999;
  
−
</div>
+
    page-break-inside: avoid;
 +
  }
 +
  thead {
 +
    display: table-header-group;
 +
  }
 +
  tr,
 +
  img {
 +
    page-break-inside: avoid;
 +
  }
 +
  img {
 +
    max-width: 100% !important;
 +
  }
 +
  p,
 +
  h2,
 +
  h3 {
 +
    orphans: 3;
 +
    widows: 3;
 +
  }
 +
  h2,
 +
  h3 {
 +
    page-break-after: avoid;
 +
  }
 +
  select {
 +
    background: #fff !important;
 +
  }
 +
  .navbar {
 +
    display: none;
 +
  }
 +
  .btn > .caret,
 +
  .dropup > .btn > .caret {
 +
    border-top-color: #000 !important;
 +
  }
 +
  .label {
 +
    border: 1px solid #000;
 +
  }
 +
  .table {
 +
    border-collapse: collapse !important;
 +
  }
 +
  .table td,
 +
  .table th {
 +
    background-color: #fff !important;
 +
  }
 +
  .table-bordered th,
 +
  .table-bordered td {
 +
    border: 1px solid #ddd !important;
 +
  }
 +
}
 +
@font-face {
 +
  font-family: 'Glyphicons Halflings';
  
 +
  src: url('../fonts/glyphicons-halflings-regular.eot');
 +
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
 +
}
 +
.glyphicon {
 +
  position: relative;
 +
  top: 1px;
 +
  display: inline-block;
 +
  font-family: 'Glyphicons Halflings';
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  line-height: 1;
  
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
}
 +
.glyphicon-asterisk:before {
 +
  content: "\2a";
 +
}
 +
.glyphicon-plus:before {
 +
  content: "\2b";
 +
}
 +
.glyphicon-euro:before,
 +
.glyphicon-eur:before {
 +
  content: "\20ac";
 +
}
 +
.glyphicon-minus:before {
 +
  content: "\2212";
 +
}
 +
.glyphicon-cloud:before {
 +
  content: "\2601";
 +
}
 +
.glyphicon-envelope:before {
 +
  content: "\2709";
 +
}
 +
.glyphicon-pencil:before {
 +
  content: "\270f";
 +
}
 +
.glyphicon-glass:before {
 +
  content: "\e001";
 +
}
 +
.glyphicon-music:before {
 +
  content: "\e002";
 +
}
 +
.glyphicon-search:before {
 +
  content: "\e003";
 +
}
 +
.glyphicon-heart:before {
 +
  content: "\e005";
 +
}
 +
.glyphicon-star:before {
 +
  content: "\e006";
 +
}
 +
.glyphicon-star-empty:before {
 +
  content: "\e007";
 +
}
 +
.glyphicon-user:before {
 +
  content: "\e008";
 +
}
 +
.glyphicon-film:before {
 +
  content: "\e009";
 +
}
 +
.glyphicon-th-large:before {
 +
  content: "\e010";
 +
}
 +
.glyphicon-th:before {
 +
  content: "\e011";
 +
}
 +
.glyphicon-th-list:before {
 +
  content: "\e012";
 +
}
 +
.glyphicon-ok:before {
 +
  content: "\e013";
 +
}
 +
.glyphicon-remove:before {
 +
  content: "\e014";
 +
}
 +
.glyphicon-zoom-in:before {
 +
  content: "\e015";
 +
}
 +
.glyphicon-zoom-out:before {
 +
  content: "\e016";
 +
}
 +
.glyphicon-off:before {
 +
  content: "\e017";
 +
}
 +
.glyphicon-signal:before {
 +
  content: "\e018";
 +
}
 +
.glyphicon-cog:before {
 +
  content: "\e019";
 +
}
 +
.glyphicon-trash:before {
 +
  content: "\e020";
 +
}
 +
.glyphicon-home:before {
 +
  content: "\e021";
 +
}
 +
.glyphicon-file:before {
 +
  content: "\e022";
 +
}
 +
.glyphicon-time:before {
 +
  content: "\e023";
 +
}
 +
.glyphicon-road:before {
 +
  content: "\e024";
 +
}
 +
.glyphicon-download-alt:before {
 +
  content: "\e025";
 +
}
 +
.glyphicon-download:before {
 +
  content: "\e026";
 +
}
 +
.glyphicon-upload:before {
 +
  content: "\e027";
 +
}
 +
.glyphicon-inbox:before {
 +
  content: "\e028";
 +
}
 +
.glyphicon-play-circle:before {
 +
  content: "\e029";
 +
}
 +
.glyphicon-repeat:before {
 +
  content: "\e030";
 +
}
 +
.glyphicon-refresh:before {
 +
  content: "\e031";
 +
}
 +
.glyphicon-list-alt:before {
 +
  content: "\e032";
 +
}
 +
.glyphicon-lock:before {
 +
  content: "\e033";
 +
}
 +
.glyphicon-flag:before {
 +
  content: "\e034";
 +
}
 +
.glyphicon-headphones:before {
 +
  content: "\e035";
 +
}
 +
.glyphicon-volume-off:before {
 +
  content: "\e036";
 +
}
 +
.glyphicon-volume-down:before {
 +
  content: "\e037";
 +
}
 +
.glyphicon-volume-up:before {
 +
  content: "\e038";
 +
}
 +
.glyphicon-qrcode:before {
 +
  content: "\e039";
 +
}
 +
.glyphicon-barcode:before {
 +
  content: "\e040";
 +
}
 +
.glyphicon-tag:before {
 +
  content: "\e041";
 +
}
 +
.glyphicon-tags:before {
 +
  content: "\e042";
 +
}
 +
.glyphicon-book:before {
 +
  content: "\e043";
 +
}
 +
.glyphicon-bookmark:before {
 +
  content: "\e044";
 +
}
 +
.glyphicon-print:before {
 +
  content: "\e045";
 +
}
 +
.glyphicon-camera:before {
 +
  content: "\e046";
 +
}
 +
.glyphicon-font:before {
 +
  content: "\e047";
 +
}
 +
.glyphicon-bold:before {
 +
  content: "\e048";
 +
}
 +
.glyphicon-italic:before {
 +
  content: "\e049";
 +
}
 +
.glyphicon-text-height:before {
 +
  content: "\e050";
 +
}
 +
.glyphicon-text-width:before {
 +
  content: "\e051";
 +
}
 +
.glyphicon-align-left:before {
 +
  content: "\e052";
 +
}
 +
.glyphicon-align-center:before {
 +
  content: "\e053";
 +
}
 +
.glyphicon-align-right:before {
 +
  content: "\e054";
 +
}
 +
.glyphicon-align-justify:before {
 +
  content: "\e055";
 +
}
 +
.glyphicon-list:before {
 +
  content: "\e056";
 +
}
 +
.glyphicon-indent-left:before {
 +
  content: "\e057";
 +
}
 +
.glyphicon-indent-right:before {
 +
  content: "\e058";
 +
}
 +
.glyphicon-facetime-video:before {
 +
  content: "\e059";
 +
}
 +
.glyphicon.responsiveture:before {
 +
  content: "\e060";
 +
}
 +
.glyphicon-map-marker:before {
 +
  content: "\e062";
 +
}
 +
.glyphicon-adjust:before {
 +
  content: "\e063";
 +
}
 +
.glyphicon-tint:before {
 +
  content: "\e064";
 +
}
 +
.glyphicon-edit:before {
 +
  content: "\e065";
 +
}
 +
.glyphicon-share:before {
 +
  content: "\e066";
 +
}
 +
.glyphicon-check:before {
 +
  content: "\e067";
 +
}
 +
.glyphicon-move:before {
 +
  content: "\e068";
 +
}
 +
.glyphicon-step-backward:before {
 +
  content: "\e069";
 +
}
 +
.glyphicon-fast-backward:before {
 +
  content: "\e070";
 +
}
 +
.glyphicon-backward:before {
 +
  content: "\e071";
 +
}
 +
.glyphicon-play:before {
 +
  content: "\e072";
 +
}
 +
.glyphicon-pause:before {
 +
  content: "\e073";
 +
}
 +
.glyphicon-stop:before {
 +
  content: "\e074";
 +
}
 +
.glyphicon-forward:before {
 +
  content: "\e075";
 +
}
 +
.glyphicon-fast-forward:before {
 +
  content: "\e076";
 +
}
 +
.glyphicon-step-forward:before {
 +
  content: "\e077";
 +
}
 +
.glyphicon-eject:before {
 +
  content: "\e078";
 +
}
 +
.glyphicon-chevron-left:before {
 +
  content: "\e079";
 +
}
 +
.glyphicon-chevron-right:before {
 +
  content: "\e080";
 +
}
 +
.glyphicon-plus-sign:before {
 +
  content: "\e081";
 +
}
 +
.glyphicon-minus-sign:before {
 +
  content: "\e082";
 +
}
 +
.glyphicon-remove-sign:before {
 +
  content: "\e083";
 +
}
 +
.glyphicon-ok-sign:before {
 +
  content: "\e084";
 +
}
 +
.glyphicon-question-sign:before {
 +
  content: "\e085";
 +
}
 +
.glyphicon-info-sign:before {
 +
  content: "\e086";
 +
}
 +
.glyphicon-screenshot:before {
 +
  content: "\e087";
 +
}
 +
.glyphicon-remove-circle:before {
 +
  content: "\e088";
 +
}
 +
.glyphicon-ok-circle:before {
 +
  content: "\e089";
 +
}
 +
.glyphicon-ban-circle:before {
 +
  content: "\e090";
 +
}
 +
.glyphicon-arrow-left:before {
 +
  content: "\e091";
 +
}
 +
.glyphicon-arrow-right:before {
 +
  content: "\e092";
 +
}
 +
.glyphicon-arrow-up:before {
 +
  content: "\e093";
 +
}
 +
.glyphicon-arrow-down:before {
 +
  content: "\e094";
 +
}
 +
.glyphicon-share-alt:before {
 +
  content: "\e095";
 +
}
 +
.glyphicon-resize-full:before {
 +
  content: "\e096";
 +
}
 +
.glyphicon-resize-small:before {
 +
  content: "\e097";
 +
}
 +
.glyphicon-exclamation-sign:before {
 +
  content: "\e101";
 +
}
 +
.glyphicon-gift:before {
 +
  content: "\e102";
 +
}
 +
.glyphicon-leaf:before {
 +
  content: "\e103";
 +
}
 +
.glyphicon-fire:before {
 +
  content: "\e104";
 +
}
 +
.glyphicon-eye-open:before {
 +
  content: "\e105";
 +
}
 +
.glyphicon-eye-close:before {
 +
  content: "\e106";
 +
}
 +
.glyphicon-warning-sign:before {
 +
  content: "\e107";
 +
}
 +
.glyphicon-plane:before {
 +
  content: "\e108";
 +
}
 +
.glyphicon-calendar:before {
 +
  content: "\e109";
 +
}
 +
.glyphicon-random:before {
 +
  content: "\e110";
 +
}
 +
.glyphicon-comment:before {
 +
  content: "\e111";
 +
}
 +
.glyphicon-magnet:before {
 +
  content: "\e112";
 +
}
 +
.glyphicon-chevron-up:before {
 +
  content: "\e113";
 +
}
 +
.glyphicon-chevron-down:before {
 +
  content: "\e114";
 +
}
 +
.glyphicon-retweet:before {
 +
  content: "\e115";
 +
}
 +
.glyphicon-shopping-cart:before {
 +
  content: "\e116";
 +
}
 +
.glyphicon-folder-close:before {
 +
  content: "\e117";
 +
}
 +
.glyphicon-folder-open:before {
 +
  content: "\e118";
 +
}
 +
.glyphicon-resize-vertical:before {
 +
  content: "\e119";
 +
}
 +
.glyphicon-resize-horizontal:before {
 +
  content: "\e120";
 +
}
 +
.glyphicon-hdd:before {
 +
  content: "\e121";
 +
}
 +
.glyphicon-bullhorn:before {
 +
  content: "\e122";
 +
}
 +
.glyphicon-bell:before {
 +
  content: "\e123";
 +
}
 +
.glyphicon-certificate:before {
 +
  content: "\e124";
 +
}
 +
.glyphicon-thumbs-up:before {
 +
  content: "\e125";
 +
}
 +
.glyphicon-thumbs-down:before {
 +
  content: "\e126";
 +
}
 +
.glyphicon-hand-right:before {
 +
  content: "\e127";
 +
}
 +
.glyphicon-hand-left:before {
 +
  content: "\e128";
 +
}
 +
.glyphicon-hand-up:before {
 +
  content: "\e129";
 +
}
 +
.glyphicon-hand-down:before {
 +
  content: "\e130";
 +
}
 +
.glyphicon-circle-arrow-right:before {
 +
  content: "\e131";
 +
}
 +
.glyphicon-circle-arrow-left:before {
 +
  content: "\e132";
 +
}
 +
.glyphicon-circle-arrow-up:before {
 +
  content: "\e133";
 +
}
 +
.glyphicon-circle-arrow-down:before {
 +
  content: "\e134";
 +
}
 +
.glyphicon-globe:before {
 +
  content: "\e135";
 +
}
 +
.glyphicon-wrench:before {
 +
  content: "\e136";
 +
}
 +
.glyphicon-tasks:before {
 +
  content: "\e137";
 +
}
 +
.glyphicon-filter:before {
 +
  content: "\e138";
 +
}
 +
.glyphicon-briefcase:before {
 +
  content: "\e139";
 +
}
 +
.glyphicon-fullscreen:before {
 +
  content: "\e140";
 +
}
 +
.glyphicon-dashboard:before {
 +
  content: "\e141";
 +
}
 +
.glyphicon-paperclip:before {
 +
  content: "\e142";
 +
}
 +
.glyphicon-heart-empty:before {
 +
  content: "\e143";
 +
}
 +
.glyphicon-link:before {
 +
  content: "\e144";
 +
}
 +
.glyphicon-phone:before {
 +
  content: "\e145";
 +
}
 +
.glyphicon-pushpin:before {
 +
  content: "\e146";
 +
}
 +
.glyphicon-usd:before {
 +
  content: "\e148";
 +
}
 +
.glyphicon-gbp:before {
 +
  content: "\e149";
 +
}
 +
.glyphicon-sort:before {
 +
  content: "\e150";
 +
}
 +
.glyphicon-sort-by-alphabet:before {
 +
  content: "\e151";
 +
}
 +
.glyphicon-sort-by-alphabet-alt:before {
 +
  content: "\e152";
 +
}
 +
.glyphicon-sort-by-order:before {
 +
  content: "\e153";
 +
}
 +
.glyphicon-sort-by-order-alt:before {
 +
  content: "\e154";
 +
}
 +
.glyphicon-sort-by-attributes:before {
 +
  content: "\e155";
 +
}
 +
.glyphicon-sort-by-attributes-alt:before {
 +
  content: "\e156";
 +
}
 +
.glyphicon-unchecked:before {
 +
  content: "\e157";
 +
}
 +
.glyphicon-expand:before {
 +
  content: "\e158";
 +
}
 +
.glyphicon-collapse-down:before {
 +
  content: "\e159";
 +
}
 +
.glyphicon-collapse-up:before {
 +
  content: "\e160";
 +
}
 +
.glyphicon-log-in:before {
 +
  content: "\e161";
 +
}
 +
.glyphicon-flash:before {
 +
  content: "\e162";
 +
}
 +
.glyphicon-log-out:before {
 +
  content: "\e163";
 +
}
 +
.glyphicon-new-window:before {
 +
  content: "\e164";
 +
}
 +
.glyphicon-record:before {
 +
  content: "\e165";
 +
}
 +
.glyphicon-save:before {
 +
  content: "\e166";
 +
}
 +
.glyphicon-open:before {
 +
  content: "\e167";
 +
}
 +
.glyphicon-saved:before {
 +
  content: "\e168";
 +
}
 +
.glyphicon-import:before {
 +
  content: "\e169";
 +
}
 +
.glyphicon-export:before {
 +
  content: "\e170";
 +
}
 +
.glyphicon-send:before {
 +
  content: "\e171";
 +
}
 +
.glyphicon-floppy-disk:before {
 +
  content: "\e172";
 +
}
 +
.glyphicon-floppy-saved:before {
 +
  content: "\e173";
 +
}
 +
.glyphicon-floppy-remove:before {
 +
  content: "\e174";
 +
}
 +
.glyphicon-floppy-save:before {
 +
  content: "\e175";
 +
}
 +
.glyphicon-floppy-open:before {
 +
  content: "\e176";
 +
}
 +
.glyphicon-credit-card:before {
 +
  content: "\e177";
 +
}
 +
.glyphicon-transfer:before {
 +
  content: "\e178";
 +
}
 +
.glyphicon-cutlery:before {
 +
  content: "\e179";
 +
}
 +
.glyphicon-header:before {
 +
  content: "\e180";
 +
}
 +
.glyphicon-compressed:before {
 +
  content: "\e181";
 +
}
 +
.glyphicon-earphone:before {
 +
  content: "\e182";
 +
}
 +
.glyphicon-phone-alt:before {
 +
  content: "\e183";
 +
}
 +
.glyphicon-tower:before {
 +
  content: "\e184";
 +
}
 +
.glyphicon-stats:before {
 +
  content: "\e185";
 +
}
 +
.glyphicon-sd-video:before {
 +
  content: "\e186";
 +
}
 +
.glyphicon-hd-video:before {
 +
  content: "\e187";
 +
}
 +
.glyphicon-subtitles:before {
 +
  content: "\e188";
 +
}
 +
.glyphicon-sound-stereo:before {
 +
  content: "\e189";
 +
}
 +
.glyphicon-sound-dolby:before {
 +
  content: "\e190";
 +
}
 +
.glyphicon-sound-5-1:before {
 +
  content: "\e191";
 +
}
 +
.glyphicon-sound-6-1:before {
 +
  content: "\e192";
 +
}
 +
.glyphicon-sound-7-1:before {
 +
  content: "\e193";
 +
}
 +
.glyphicon-copyright-mark:before {
 +
  content: "\e194";
 +
}
 +
.glyphicon-registration-mark:before {
 +
  content: "\e195";
 +
}
 +
.glyphicon-cloud-download:before {
 +
  content: "\e197";
 +
}
 +
.glyphicon-cloud-upload:before {
 +
  content: "\e198";
 +
}
 +
.glyphicon-tree-conifer:before {
 +
  content: "\e199";
 +
}
 +
.glyphicon-tree-deciduous:before {
 +
  content: "\e200";
 +
}
 +
.glyphicon-cd:before {
 +
  content: "\e201";
 +
}
 +
.glyphicon-save-file:before {
 +
  content: "\e202";
 +
}
 +
.glyphicon-open-file:before {
 +
  content: "\e203";
 +
}
 +
.glyphicon-level-up:before {
 +
  content: "\e204";
 +
}
 +
.glyphicon-copy:before {
 +
  content: "\e205";
 +
}
 +
.glyphicon-paste:before {
 +
  content: "\e206";
 +
}
 +
.glyphicon-alert:before {
 +
  content: "\e209";
 +
}
 +
.glyphicon-equalizer:before {
 +
  content: "\e210";
 +
}
 +
.glyphicon-king:before {
 +
  content: "\e211";
 +
}
 +
.glyphicon-queen:before {
 +
  content: "\e212";
 +
}
 +
.glyphicon-pawn:before {
 +
  content: "\e213";
 +
}
 +
.glyphicon-bishop:before {
 +
  content: "\e214";
 +
}
 +
.glyphicon-knight:before {
 +
  content: "\e215";
 +
}
 +
.glyphicon-baby-formula:before {
 +
  content: "\e216";
 +
}
 +
.glyphicon-tent:before {
 +
  content: "\26fa";
 +
}
 +
.glyphicon-blackboard:before {
 +
  content: "\e218";
 +
}
 +
.glyphicon-bed:before {
 +
  content: "\e219";
 +
}
 +
.glyphicon-apple:before {
 +
  content: "\f8ff";
 +
}
 +
.glyphicon-erase:before {
 +
  content: "\e221";
 +
}
 +
.glyphicon-hourglass:before {
 +
  content: "\231b";
 +
}
 +
.glyphicon-lamp:before {
 +
  content: "\e223";
 +
}
 +
.glyphicon-duplicate:before {
 +
  content: "\e224";
 +
}
 +
.glyphicon-piggy-bank:before {
 +
  content: "\e225";
 +
}
 +
.glyphicon-scissors:before {
 +
  content: "\e226";
 +
}
 +
.glyphicon-bitcoin:before {
 +
  content: "\e227";
 +
}
 +
.glyphicon-btc:before {
 +
  content: "\e227";
 +
}
 +
.glyphicon-xbt:before {
 +
  content: "\e227";
 +
}
 +
.glyphicon-yen:before {
 +
  content: "\00a5";
 +
}
 +
.glyphicon-jpy:before {
 +
  content: "\00a5";
 +
}
 +
.glyphicon-ruble:before {
 +
  content: "\20bd";
 +
}
 +
.glyphicon-rub:before {
 +
  content: "\20bd";
 +
}
 +
.glyphicon-scale:before {
 +
  content: "\e230";
 +
}
 +
.glyphicon-ice-lolly:before {
 +
  content: "\e231";
 +
}
 +
.glyphicon-ice-lolly-tasted:before {
 +
  content: "\e232";
 +
}
 +
.glyphicon-education:before {
 +
  content: "\e233";
 +
}
 +
.glyphicon-option-horizontal:before {
 +
  content: "\e234";
 +
}
 +
.glyphicon-option-vertical:before {
 +
  content: "\e235";
 +
}
 +
.glyphicon-menu-hamburger:before {
 +
  content: "\e236";
 +
}
 +
.glyphicon-modal-window:before {
 +
  content: "\e237";
 +
}
 +
.glyphicon-oil:before {
 +
  content: "\e238";
 +
}
 +
.glyphicon-grain:before {
 +
  content: "\e239";
 +
}
 +
.glyphicon-sunglasses:before {
 +
  content: "\e240";
 +
}
 +
.glyphicon-text-size:before {
 +
  content: "\e241";
 +
}
 +
.glyphicon-text-color:before {
 +
  content: "\e242";
 +
}
 +
.glyphicon-text-background:before {
 +
  content: "\e243";
 +
}
 +
.glyphicon-object-align-top:before {
 +
  content: "\e244";
 +
}
 +
.glyphicon-object-align-bottom:before {
 +
  content: "\e245";
 +
}
 +
.glyphicon-object-align-horizontal:before {
 +
  content: "\e246";
 +
}
 +
.glyphicon-object-align-left:before {
 +
  content: "\e247";
 +
}
 +
.glyphicon-object-align-vertical:before {
 +
  content: "\e248";
 +
}
 +
.glyphicon-object-align-right:before {
 +
  content: "\e249";
 +
}
 +
.glyphicon-triangle-right:before {
 +
  content: "\e250";
 +
}
 +
.glyphicon-triangle-left:before {
 +
  content: "\e251";
 +
}
 +
.glyphicon-triangle-bottom:before {
 +
  content: "\e252";
 +
}
 +
.glyphicon-triangle-top:before {
 +
  content: "\e253";
 +
}
 +
.glyphicon-console:before {
 +
  content: "\e254";
 +
}
 +
.glyphicon-superscript:before {
 +
  content: "\e255";
 +
}
 +
.glyphicon-subscript:before {
 +
  content: "\e256";
 +
}
 +
.glyphicon-menu-left:before {
 +
  content: "\e257";
 +
}
 +
.glyphicon-menu-right:before {
 +
  content: "\e258";
 +
}
 +
.glyphicon-menu-down:before {
 +
  content: "\e259";
 +
}
 +
.glyphicon-menu-up:before {
 +
  content: "\e260";
 +
}
 +
* {
 +
  -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
          box-sizing: border-box;
 +
}
 +
*:before,
 +
*:after {
 +
  -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
          box-sizing: border-box;
 +
}
 +
html {
 +
  font-size: 10px;
  
−
<div class="column two_thirds_size">
+
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
−
<h3>What should this page contain?</h3>
+
}
−
<ul>
+
body {
−
<li>Explanation of the engineering principles your team used in your design</li>
+
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
−
<li>Discussion of the design iterations your team went through</li>
+
  line-height: 1.42857143;
−
<li>Experimental plan to test your designs</li>
+
  color: #333;
−
</ul>
+
  background-color: #fff;
 +
}
 +
input,
 +
button,
 +
select,
 +
textarea {
 +
  font-family: inherit;
 +
  font-size: inherit;
 +
  line-height: inherit;
 +
}
 +
a {
 +
  color: #337ab7;
 +
  text-decoration: none;
 +
}
 +
a:hover,
 +
a:focus {
 +
  color: #23527c;
 +
  text-decoration: underline;
 +
}
 +
a:focus {
 +
  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
figure {
 +
  margin: 0;
 +
}
 +
img {
 +
  vertical-align: middle;
 +
}
 +
.img-responsive,
 +
.thumbnail > img,
 +
.thumbnail a > img,
 +
.carousel-inner > .item > img,
 +
.carousel-inner > .item > a > img {
 +
  display: block;
 +
  max-width: 100%;
 +
  height: auto;
 +
}
 +
.img-rounded {
 +
  border-radius: 6px;
 +
}
 +
.img-thumbnail {
 +
  display: inline-block;
 +
  max-width: 100%;
 +
  height: auto;
 +
  padding: 4px;
 +
  line-height: 1.42857143;
 +
  background-color: #fff;
 +
  border: 1px solid #ddd;
 +
  border-radius: 4px;
 +
  -webkit-transition: all .2s ease-in-out;
 +
      -o-transition: all .2s ease-in-out;
 +
          transition: all .2s ease-in-out;
 +
}
 +
.img-circle {
 +
  border-radius: 50%;
 +
}
 +
hr {
 +
  margin-top: 20px;
 +
  margin-bottom: 20px;
 +
  border: 0;
 +
  border-top: 1px solid #eee;
 +
}
 +
.sr-only {
 +
  position: absolute;
 +
  width: 1px;
 +
  height: 1px;
 +
  padding: 0;
 +
  margin: -1px;
 +
  overflow: hidden;
 +
  clip: rect(0, 0, 0, 0);
 +
  border: 0;
 +
}
 +
.sr-only-focusable:active,
 +
.sr-only-focusable:focus {
 +
  position: static;
 +
  width: auto;
 +
  height: auto;
 +
  margin: 0;
 +
  overflow: visible;
 +
  clip: auto;
 +
}
 +
[role="button"] {
 +
  cursor: pointer;
 +
}
 +
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6,
 +
.h1,
 +
.h2,
 +
.h3,
 +
.h4,
 +
.h5,
 +
.h6 {
 +
  font-family: inherit;
 +
  font-weight: 800;
 +
  line-height: 1.1;
 +
  color: inherit;
 +
}
 +
h1 small,
 +
h2 small,
 +
h3 small,
 +
h4 small,
 +
h5 small,
 +
h6 small,
 +
.h1 small,
 +
.h2 small,
 +
.h3 small,
 +
.h4 small,
 +
.h5 small,
 +
.h6 small,
 +
h1 .small,
 +
h2 .small,
 +
h3 .small,
 +
h4 .small,
 +
h5 .small,
 +
h6 .small,
 +
.h1 .small,
 +
.h2 .small,
 +
.h3 .small,
 +
.h4 .small,
 +
.h5 .small,
 +
.h6 .small {
 +
  font-weight: normal;
 +
  line-height: 1;
 +
  color: #777;
 +
}
 +
h1,
 +
.h1,
 +
h2,
 +
.h2,
 +
h3,
 +
.h3 {
 +
  margin-top: 20px;
 +
  margin-bottom: 10px;
 +
}
 +
h1 small,
 +
.h1 small,
 +
h2 small,
 +
.h2 small,
 +
h3 small,
 +
.h3 small,
 +
h1 .small,
 +
.h1 .small,
 +
h2 .small,
 +
.h2 .small,
 +
h3 .small,
 +
.h3 .small {
 +
  font-size: 65%;
 +
}
 +
h4,
 +
.h4,
 +
h5,
 +
.h5,
 +
h6,
 +
.h6 {
 +
  margin-top: 10px;
 +
  margin-bottom: 10px;
 +
}
 +
h4 small,
 +
.h4 small,
 +
h5 small,
 +
.h5 small,
 +
h6 small,
 +
.h6 small,
 +
h4 .small,
 +
.h4 .small,
 +
h5 .small,
 +
.h5 .small,
 +
h6 .small,
 +
.h6 .small {
 +
  font-size: 75%;
 +
}
 +
h1,
 +
.h1 {
 +
  font-size: 36px;
 +
}
 +
h2,
 +
.h2 {
 +
  font-size: 30px;
 +
}
 +
h3,
 +
.h3 {
 +
  font-size: 24px;
 +
}
 +
h4,
 +
.h4 {
 +
  font-size: 18px;
 +
}
 +
h5,
 +
.h5 {
 +
  font-size: 14px;
 +
}
 +
h6,
 +
.h6 {
 +
  font-size: 12px;
 +
}
 +
p {
 +
  margin: 0 0 10px;
 +
}
 +
.lead {
 +
  margin-bottom: 20px;
 +
  font-size: 16px;
 +
  font-weight: 300;
 +
  line-height: 1.4;
 +
}
 +
@media (min-width: 768px) {
 +
  .lead {
 +
    font-size: 21px;
 +
  }
 +
}
 +
small,
 +
.small {
 +
  font-size: 85%;
 +
}
 +
mark,
 +
.mark {
 +
  padding: .2em;
 +
  background-color: #fcf8e3;
 +
}
 +
.text-left {
 +
  text-align: left;
 +
}
 +
.text-right {
 +
  text-align: right;
 +
}
 +
.text-center {
 +
  text-align: center;
 +
}
 +
.text-justify {
 +
  text-align: justify;
 +
}
 +
.text-nowrap {
 +
  white-space: nowrap;
 +
}
 +
.text-lowercase {
 +
  text-transform: lowercase;
 +
}
 +
.text-uppercase {
 +
  text-transform: uppercase;
 +
}
 +
.text-capitalize {
 +
  text-transform: capitalize;
 +
}
 +
.text-muted {
 +
  color: #777;
 +
}
 +
.text-primary {
 +
  /*important for mint color change when you hover BY CHARLES WEI*/
 +
  color: #76BF8D;
 +
}
 +
a.text-primary:hover {
 +
  color:#76bf8d;
 +
}
 +
.text-success {
 +
  color: #3c763d;
 +
}
 +
a.text-success:hover {
 +
  color: #2b542c;
 +
}
 +
.text-info {
 +
  color: #31708f;
 +
}
 +
a.text-info:hover {
 +
  color: #245269;
 +
}
 +
.text-warning {
 +
  color: #8a6d3b;
 +
}
 +
a.text-warning:hover {
 +
  color: #66512c;
 +
}
 +
.text-danger {
 +
  color: #a94442;
 +
}
 +
a.text-danger:hover {
 +
  color: #843534;
 +
}
 +
.bg-primary {
 +
  color: #fff;
 +
  background-color: #337ab7;
 +
}
 +
a.bg-primary:hover {
 +
  background-color:#76bf8d;
 +
 
 +
}
 +
.bg-success {
 +
  background-color: #dff0d8;
 +
}
 +
a.bg-success:hover {
 +
  background-color: #c1e2b3;
 +
}
 +
.bg-info {
 +
  background-color: #d9edf7;
 +
}
 +
a.bg-info:hover {
 +
  background-color: #afd9ee;
 +
}
 +
.bg-warning {
 +
  background-color: #fcf8e3;
 +
}
 +
a.bg-warning:hover {
 +
  background-color: #f7ecb5;
 +
}
 +
.bg-danger {
 +
  background-color: #f2dede;
 +
}
 +
a.bg-danger:hover {
 +
  background-color: #e4b9b9;
 +
}
 +
.page-header {
 +
  padding-bottom: 9px;
 +
  margin: 40px 0 20px;
 +
  border-bottom: 1px solid #eee;
 +
}
 +
ul,
 +
ol {
 +
  margin-top: 0;
 +
  margin-bottom: 10px;
 +
}
 +
ul ul,
 +
ol ul,
 +
ul ol,
 +
ol ol {
 +
  margin-bottom: 0;
 +
}
 +
.list-unstyled {
 +
  padding-left: 0;
 +
  list-style: none;
 +
}
 +
.list-inline {
 +
  padding-left: 0;
 +
  margin-left: -5px;
 +
  list-style: none;
 +
}
 +
.list-inline > li {
 +
  display: inline-block;
 +
  padding-right: 5px;
 +
  padding-left: 5px;
 +
}
 +
dl {
 +
  margin-top: 0;
 +
  margin-bottom: 20px;
 +
}
 +
dt,
 +
dd {
 +
  line-height: 1.42857143;
 +
}
 +
dt {
 +
  font-weight: bold;
 +
}
 +
dd {
 +
  margin-left: 0;
 +
}
 +
@media (min-width: 768px) {
 +
  .dl-horizontal dt {
 +
    float: left;
 +
    width: 160px;
 +
    overflow: hidden;
 +
    clear: left;
 +
    text-align: right;
 +
    text-overflow: ellipsis;
 +
    white-space: nowrap;
 +
  }
 +
  .dl-horizontal dd {
 +
    margin-left: 180px;
 +
  }
 +
}
 +
abbr[title],
 +
abbr[data-original-title] {
 +
  cursor: help;
 +
  border-bottom: 1px dotted #777;
 +
}
 +
.initialism {
 +
  font-size: 90%;
 +
  text-transform: uppercase;
 +
}
 +
blockquote {
 +
  padding: 10px 20px;
 +
  margin: 0 0 20px;
 +
  font-size: 17.5px;
 +
  border-left: 5px solid #eee;
 +
}
 +
blockquote p:last-child,
 +
blockquote ul:last-child,
 +
blockquote ol:last-child {
 +
  margin-bottom: 0;
 +
}
 +
blockquote footer,
 +
blockquote small,
 +
blockquote .small {
 +
  display: block;
 +
  font-size: 80%;
 +
  line-height: 1.42857143;
 +
  color: #777;
 +
}
 +
blockquote footer:before,
 +
blockquote small:before,
 +
blockquote .small:before {
 +
  content: '\2014 \00A0';
 +
}
 +
.blockquote-reverse,
 +
blockquote.pull-right {
 +
  padding-right: 15px;
 +
  padding-left: 0;
 +
  text-align: right;
 +
  border-right: 5px solid #eee;
 +
  border-left: 0;
 +
}
 +
.blockquote-reverse footer:before,
 +
blockquote.pull-right footer:before,
 +
.blockquote-reverse small:before,
 +
blockquote.pull-right small:before,
 +
.blockquote-reverse .small:before,
 +
blockquote.pull-right .small:before {
 +
  content: '';
 +
}
 +
.blockquote-reverse footer:after,
 +
blockquote.pull-right footer:after,
 +
.blockquote-reverse small:after,
 +
blockquote.pull-right small:after,
 +
.blockquote-reverse .small:after,
 +
blockquote.pull-right .small:after {
 +
  content: '\00A0 \2014';
 +
}
 +
address {
 +
  margin-bottom: 20px;
 +
  font-style: normal;
 +
  line-height: 1.42857143;
 +
}
 +
code,
 +
kbd,
 +
pre,
 +
samp {
 +
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 +
}
 +
code {
 +
  padding: 2px 4px;
 +
  font-size: 90%;
 +
  color: #c7254e;
 +
  background-color: #f9f2f4;
 +
  border-radius: 4px;
 +
}
 +
kbd {
 +
  padding: 2px 4px;
 +
  font-size: 90%;
 +
  color: #fff;
 +
  background-color: #333;
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
 +
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
 +
}
 +
kbd kbd {
 +
  padding: 0;
 +
  font-size: 100%;
 +
  font-weight: bold;
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
}
 +
pre {
 +
  display: block;
 +
  padding: 9.5px;
 +
  margin: 0 0 10px;
 +
  font-size: 13px;
 +
  line-height: 1.42857143;
 +
  color: #333;
 +
  word-break: break-all;
 +
  word-wrap: break-word;
 +
  background-color: #f5f5f5;
 +
  border: 1px solid #ccc;
 +
  border-radius: 4px;
 +
}
 +
pre code {
 +
  padding: 0;
 +
  font-size: inherit;
 +
  color: inherit;
 +
  white-space: pre-wrap;
 +
  background-color: transparent;
 +
  border-radius: 0;
 +
}
 +
.pre-scrollable {
 +
  max-height: 340px;
 +
  overflow-y: scroll;
 +
}
  
−
</div>
+
@media (min-width: 768px) {
 +
  .rolldown {
 +
    width: 600px;
 +
  }
 +
}
 +
@media (min-width: 992px) {
 +
  .rolldown {
 +
    width: 740px;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .rolldown {
 +
    width: 950px;
 +
  }
 +
}
 +
<!-- .container-fluid { -->
 +
  <!-- padding-right: 15px; -->
 +
  <!-- padding-left: 15px; -->
 +
  <!-- margin-right: auto; -->
 +
  <!-- margin-left: auto; -->
 +
<!-- } -->
 +
.row {
 +
  margin-right: -15px;
 +
  margin-left: -15px;
 +
}
 +
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
 +
  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
 +
  float: left;
 +
}
 +
.col-xs-12 {
 +
  width: 100%;
 +
}
 +
.col-xs-11 {
 +
  width: 91.66666667%;
 +
}
 +
.col-xs-10 {
 +
  width: 83.33333333%;
 +
}
 +
.col-xs-9 {
 +
  width: 75%;
 +
}
 +
.col-xs-8 {
 +
  width: 66.66666667%;
 +
}
 +
.col-xs-7 {
 +
  width: 58.33333333%;
 +
}
 +
.col-xs-6 {
 +
  width: 50%;
 +
}
 +
.col-xs-5 {
 +
  width: 41.66666667%;
 +
}
 +
.col-xs-4 {
 +
  width: 33.33333333%;
 +
}
 +
.col-xs-3 {
 +
  width: 25%;
 +
}
 +
.col-xs-2 {
 +
  width: 16.66666667%;
 +
}
 +
.col-xs-1 {
 +
  width: 8.33333333%;
 +
}
 +
.col-xs-pull-12 {
 +
  right: 100%;
 +
}
 +
.col-xs-pull-11 {
 +
  right: 91.66666667%;
 +
}
 +
.col-xs-pull-10 {
 +
  right: 83.33333333%;
 +
}
 +
.col-xs-pull-9 {
 +
  right: 75%;
 +
}
 +
.col-xs-pull-8 {
 +
  right: 66.66666667%;
 +
}
 +
.col-xs-pull-7 {
 +
  right: 58.33333333%;
 +
}
 +
.col-xs-pull-6 {
 +
  right: 50%;
 +
}
 +
.col-xs-pull-5 {
 +
  right: 41.66666667%;
 +
}
 +
.col-xs-pull-4 {
 +
  right: 33.33333333%;
 +
}
 +
.col-xs-pull-3 {
 +
  right: 25%;
 +
}
 +
.col-xs-pull-2 {
 +
  right: 16.66666667%;
 +
}
 +
.col-xs-pull-1 {
 +
  right: 8.33333333%;
 +
}
 +
.col-xs-pull-0 {
 +
  right: auto;
 +
}
 +
.col-xs-push-12 {
 +
  left: 100%;
 +
}
 +
.col-xs-push-11 {
 +
  left: 91.66666667%;
 +
}
 +
.col-xs-push-10 {
 +
  left: 83.33333333%;
 +
}
 +
.col-xs-push-9 {
 +
  left: 75%;
 +
}
 +
.col-xs-push-8 {
 +
  left: 66.66666667%;
 +
}
 +
.col-xs-push-7 {
 +
  left: 58.33333333%;
 +
}
 +
.col-xs-push-6 {
 +
  left: 50%;
 +
}
 +
.col-xs-push-5 {
 +
  left: 41.66666667%;
 +
}
 +
.col-xs-push-4 {
 +
  left: 33.33333333%;
 +
}
 +
.col-xs-push-3 {
 +
  left: 25%;
 +
}
 +
.col-xs-push-2 {
 +
  left: 16.66666667%;
 +
}
 +
.col-xs-push-1 {
 +
  left: 8.33333333%;
 +
}
 +
.col-xs-push-0 {
 +
  left: auto;
 +
}
 +
.col-xs-offset-12 {
 +
  margin-left: 100%;
 +
}
 +
.col-xs-offset-11 {
 +
  margin-left: 91.66666667%;
 +
}
 +
.col-xs-offset-10 {
 +
  margin-left: 83.33333333%;
 +
}
 +
.col-xs-offset-9 {
 +
  margin-left: 75%;
 +
}
 +
.col-xs-offset-8 {
 +
  margin-left: 66.66666667%;
 +
}
 +
.col-xs-offset-7 {
 +
  margin-left: 58.33333333%;
 +
}
 +
.col-xs-offset-6 {
 +
  margin-left: 50%;
 +
}
 +
.col-xs-offset-5 {
 +
  margin-left: 41.66666667%;
 +
}
 +
.col-xs-offset-4 {
 +
  margin-left: 33.33333333%;
 +
}
 +
.col-xs-offset-3 {
 +
  margin-left: 25%;
 +
}
 +
.col-xs-offset-2 {
 +
  margin-left: 16.66666667%;
 +
}
 +
.col-xs-offset-1 {
 +
  margin-left: 8.33333333%;
 +
}
 +
.col-xs-offset-0 {
 +
  margin-left: 0;
 +
}
 +
@media (min-width: 768px) {
 +
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
 +
    float: left;
 +
  }
 +
  .col-sm-12 {
 +
    width: 100%;
 +
  }
 +
  .col-sm-11 {
 +
    width: 91.66666667%;
 +
  }
 +
  .col-sm-10 {
 +
    width: 83.33333333%;
 +
  }
 +
  .col-sm-9 {
 +
    width: 75%;
 +
  }
 +
  .col-sm-8 {
 +
    width: 66.66666667%;
 +
  }
 +
  .col-sm-7 {
 +
    width: 58.33333333%;
 +
  }
 +
  .col-sm-6 {
 +
    width: 50%;
 +
  }
 +
  .col-sm-5 {
 +
    width: 41.66666667%;
 +
  }
 +
  .col-sm-4 {
 +
    width: 33.33333333%;
 +
  }
 +
  .col-sm-3 {
 +
    width: 25%;
 +
  }
 +
  .col-sm-2 {
 +
    width: 16.66666667%;
 +
  }
 +
  .col-sm-1 {
 +
    width: 8.33333333%;
 +
  }
 +
  .col-sm-pull-12 {
 +
    right: 100%;
 +
  }
 +
  .col-sm-pull-11 {
 +
    right: 91.66666667%;
 +
  }
 +
  .col-sm-pull-10 {
 +
    right: 83.33333333%;
 +
  }
 +
  .col-sm-pull-9 {
 +
    right: 75%;
 +
  }
 +
  .col-sm-pull-8 {
 +
    right: 66.66666667%;
 +
  }
 +
  .col-sm-pull-7 {
 +
    right: 58.33333333%;
 +
  }
 +
  .col-sm-pull-6 {
 +
    right: 50%;
 +
  }
 +
  .col-sm-pull-5 {
 +
    right: 41.66666667%;
 +
  }
 +
  .col-sm-pull-4 {
 +
    right: 33.33333333%;
 +
  }
 +
  .col-sm-pull-3 {
 +
    right: 25%;
 +
  }
 +
  .col-sm-pull-2 {
 +
    right: 16.66666667%;
 +
  }
 +
  .col-sm-pull-1 {
 +
    right: 8.33333333%;
 +
  }
 +
  .col-sm-pull-0 {
 +
    right: auto;
 +
  }
 +
  .col-sm-push-12 {
 +
    left: 100%;
 +
  }
 +
  .col-sm-push-11 {
 +
    left: 91.66666667%;
 +
  }
 +
  .col-sm-push-10 {
 +
    left: 83.33333333%;
 +
  }
 +
  .col-sm-push-9 {
 +
    left: 75%;
 +
  }
 +
  .col-sm-push-8 {
 +
    left: 66.66666667%;
 +
  }
 +
  .col-sm-push-7 {
 +
    left: 58.33333333%;
 +
  }
 +
  .col-sm-push-6 {
 +
    left: 50%;
 +
  }
 +
  .col-sm-push-5 {
 +
    left: 41.66666667%;
 +
  }
 +
  .col-sm-push-4 {
 +
    left: 33.33333333%;
 +
  }
 +
  .col-sm-push-3 {
 +
    left: 25%;
 +
  }
 +
  .col-sm-push-2 {
 +
    left: 16.66666667%;
 +
  }
 +
  .col-sm-push-1 {
 +
    left: 8.33333333%;
 +
  }
 +
  .col-sm-push-0 {
 +
    left: auto;
 +
  }
 +
  .col-sm-offset-12 {
 +
    margin-left: 100%;
 +
  }
 +
  .col-sm-offset-11 {
 +
    margin-left: 91.66666667%;
 +
  }
 +
  .col-sm-offset-10 {
 +
    margin-left: 83.33333333%;
 +
  }
 +
  .col-sm-offset-9 {
 +
    margin-left: 75%;
 +
  }
 +
  .col-sm-offset-8 {
 +
    margin-left: 66.66666667%;
 +
  }
 +
  .col-sm-offset-7 {
 +
    margin-left: 58.33333333%;
 +
  }
 +
  .col-sm-offset-6 {
 +
    margin-left: 50%;
 +
  }
 +
  .col-sm-offset-5 {
 +
    margin-left: 41.66666667%;
 +
  }
 +
  .col-sm-offset-4 {
 +
    margin-left: 33.33333333%;
 +
  }
 +
  .col-sm-offset-3 {
 +
    margin-left: 25%;
 +
  }
 +
  .col-sm-offset-2 {
 +
    margin-left: 16.66666667%;
 +
  }
 +
  .col-sm-offset-1 {
 +
    margin-left: 8.33333333%;
 +
  }
 +
  .col-sm-offset-0 {
 +
    margin-left: 0;
 +
  }
 +
}
 +
@media (min-width: 992px) {
 +
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
 +
    float: left;
 +
  }
 +
  .col-md-12 {
 +
    width: 100%;
 +
  }
 +
  .col-md-11 {
 +
    width: 91.66666667%;
 +
  }
 +
  .col-md-10 {
 +
    width: 83.33333333%;
 +
  }
 +
  .col-md-9 {
 +
    width: 75%;
 +
  }
 +
  .col-md-8 {
 +
    width: 66.66666667%;
 +
  }
 +
  .col-md-7 {
 +
    width: 58.33333333%;
 +
  }
 +
  .col-md-6 {
 +
    width: 50%;
 +
  }
 +
  .col-md-5 {
 +
    width: 41.66666667%;
 +
  }
 +
  .col-md-4 {
 +
    width: 33.33333333%;
 +
  }
 +
  .col-md-3 {
 +
    width: 25%;
 +
  }
 +
  .col-md-2 {
 +
    width: 16.66666667%;
 +
  }
 +
  .col-md-1 {
 +
    width: 8.33333333%;
 +
  }
 +
  .col-md-pull-12 {
 +
    right: 100%;
 +
  }
 +
  .col-md-pull-11 {
 +
    right: 91.66666667%;
 +
  }
 +
  .col-md-pull-10 {
 +
    right: 83.33333333%;
 +
  }
 +
  .col-md-pull-9 {
 +
    right: 75%;
 +
  }
 +
  .col-md-pull-8 {
 +
    right: 66.66666667%;
 +
  }
 +
  .col-md-pull-7 {
 +
    right: 58.33333333%;
 +
  }
 +
  .col-md-pull-6 {
 +
    right: 50%;
 +
  }
 +
  .col-md-pull-5 {
 +
    right: 41.66666667%;
 +
  }
 +
  .col-md-pull-4 {
 +
    right: 33.33333333%;
 +
  }
 +
  .col-md-pull-3 {
 +
    right: 25%;
 +
  }
 +
  .col-md-pull-2 {
 +
    right: 16.66666667%;
 +
  }
 +
  .col-md-pull-1 {
 +
    right: 8.33333333%;
 +
  }
 +
  .col-md-pull-0 {
 +
    right: auto;
 +
  }
 +
  .col-md-push-12 {
 +
    left: 100%;
 +
  }
 +
  .col-md-push-11 {
 +
    left: 91.66666667%;
 +
  }
 +
  .col-md-push-10 {
 +
    left: 83.33333333%;
 +
  }
 +
  .col-md-push-9 {
 +
    left: 75%;
 +
  }
 +
  .col-md-push-8 {
 +
    left: 66.66666667%;
 +
  }
 +
  .col-md-push-7 {
 +
    left: 58.33333333%;
 +
  }
 +
  .col-md-push-6 {
 +
    left: 50%;
 +
  }
 +
  .col-md-push-5 {
 +
    left: 41.66666667%;
 +
  }
 +
  .col-md-push-4 {
 +
    left: 33.33333333%;
 +
  }
 +
  .col-md-push-3 {
 +
    left: 25%;
 +
  }
 +
  .col-md-push-2 {
 +
    left: 16.66666667%;
 +
  }
 +
  .col-md-push-1 {
 +
    left: 8.33333333%;
 +
  }
 +
  .col-md-push-0 {
 +
    left: auto;
 +
  }
 +
  .col-md-offset-12 {
 +
    margin-left: 100%;
 +
  }
 +
  .col-md-offset-11 {
 +
    margin-left: 91.66666667%;
 +
  }
 +
  .col-md-offset-10 {
 +
    margin-left: 83.33333333%;
 +
  }
 +
  .col-md-offset-9 {
 +
    margin-left: 75%;
 +
  }
 +
  .col-md-offset-8 {
 +
    margin-left: 66.66666667%;
 +
  }
 +
  .col-md-offset-7 {
 +
    margin-left: 58.33333333%;
 +
  }
 +
  .col-md-offset-6 {
 +
    margin-left: 50%;
 +
  }
 +
  .col-md-offset-5 {
 +
    margin-left: 41.66666667%;
 +
  }
 +
  .col-md-offset-4 {
 +
    margin-left: 33.33333333%;
 +
  }
 +
  .col-md-offset-3 {
 +
    margin-left: 25%;
 +
  }
 +
  .col-md-offset-2 {
 +
    margin-left: 16.66666667%;
 +
  }
 +
  .col-md-offset-1 {
 +
    margin-left: 8.33333333%;
 +
  }
 +
  .col-md-offset-0 {
 +
    margin-left: 0;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
 +
    float: left;
 +
  }
 +
  .col-lg-12 {
 +
    width: 100%;
 +
  }
 +
  .col-lg-11 {
 +
    width: 91.66666667%;
 +
  }
 +
  .col-lg-10 {
 +
    width: 83.33333333%;
 +
  }
 +
  .col-lg-9 {
 +
    width: 75%;
 +
  }
 +
  .col-lg-8 {
 +
    width: 66.66666667%;
 +
  }
 +
  .col-lg-7 {
 +
    width: 58.33333333%;
 +
  }
 +
  .col-lg-6 {
 +
    width: 50%;
 +
  }
 +
  .col-lg-5 {
 +
    width: 41.66666667%;
 +
  }
 +
  .col-lg-4 {
 +
    width: 33.33333333%;
 +
  }
 +
  .col-lg-3 {
 +
    width: 25%;
 +
  }
 +
  .col-lg-2 {
 +
    width: 16.66666667%;
 +
  }
 +
  .col-lg-1 {
 +
    width: 8.33333333%;
 +
  }
 +
  .col-lg-pull-12 {
 +
    right: 100%;
 +
  }
 +
  .col-lg-pull-11 {
 +
    right: 91.66666667%;
 +
  }
 +
  .col-lg-pull-10 {
 +
    right: 83.33333333%;
 +
  }
 +
  .col-lg-pull-9 {
 +
    right: 75%;
 +
  }
 +
  .col-lg-pull-8 {
 +
    right: 66.66666667%;
 +
  }
 +
  .col-lg-pull-7 {
 +
    right: 58.33333333%;
 +
  }
 +
  .col-lg-pull-6 {
 +
    right: 50%;
 +
  }
 +
  .col-lg-pull-5 {
 +
    right: 41.66666667%;
 +
  }
 +
  .col-lg-pull-4 {
 +
    right: 33.33333333%;
 +
  }
 +
  .col-lg-pull-3 {
 +
    right: 25%;
 +
  }
 +
  .col-lg-pull-2 {
 +
    right: 16.66666667%;
 +
  }
 +
  .col-lg-pull-1 {
 +
    right: 8.33333333%;
 +
  }
 +
  .col-lg-pull-0 {
 +
    right: auto;
 +
  }
 +
  .col-lg-push-12 {
 +
    left: 100%;
 +
  }
 +
  .col-lg-push-11 {
 +
    left: 91.66666667%;
 +
  }
 +
  .col-lg-push-10 {
 +
    left: 83.33333333%;
 +
  }
 +
  .col-lg-push-9 {
 +
    left: 75%;
 +
  }
 +
  .col-lg-push-8 {
 +
    left: 66.66666667%;
 +
  }
 +
  .col-lg-push-7 {
 +
    left: 58.33333333%;
 +
  }
 +
  .col-lg-push-6 {
 +
    left: 50%;
 +
  }
 +
  .col-lg-push-5 {
 +
    left: 41.66666667%;
 +
  }
 +
  .col-lg-push-4 {
 +
    left: 33.33333333%;
 +
  }
 +
  .col-lg-push-3 {
 +
    left: 25%;
 +
  }
 +
  .col-lg-push-2 {
 +
    left: 16.66666667%;
 +
  }
 +
  .col-lg-push-1 {
 +
    left: 8.33333333%;
 +
  }
 +
  .col-lg-push-0 {
 +
    left: auto;
 +
  }
 +
  .col-lg-offset-12 {
 +
    margin-left: 100%;
 +
  }
 +
  .col-lg-offset-11 {
 +
    margin-left: 91.66666667%;
 +
  }
 +
  .col-lg-offset-10 {
 +
    margin-left: 83.33333333%;
 +
  }
 +
  .col-lg-offset-9 {
 +
    margin-left: 75%;
 +
  }
 +
  .col-lg-offset-8 {
 +
    margin-left: 66.66666667%;
 +
  }
 +
  .col-lg-offset-7 {
 +
    margin-left: 58.33333333%;
 +
  }
 +
  .col-lg-offset-6 {
 +
    margin-left: 50%;
 +
  }
 +
  .col-lg-offset-5 {
 +
    margin-left: 41.66666667%;
 +
  }
 +
  .col-lg-offset-4 {
 +
    margin-left: 33.33333333%;
 +
  }
 +
  .col-lg-offset-3 {
 +
    margin-left: 25%;
 +
  }
 +
  .col-lg-offset-2 {
 +
    margin-left: 16.66666667%;
 +
  }
 +
  .col-lg-offset-1 {
 +
    margin-left: 8.33333333%;
 +
  }
 +
  .col-lg-offset-0 {
 +
    margin-left: 0;
 +
  }
 +
}
 +
table {
 +
  background-color: transparent;
 +
}
 +
caption {
 +
  padding-top: 8px;
 +
  padding-bottom: 8px;
 +
  color: #777;
 +
  text-align: left;
 +
}
 +
th {
 +
  text-align: left;
 +
}
 +
.table {
 +
  width: 100%;
 +
  max-width: 100%;
 +
  margin-bottom: 20px;
 +
}
 +
.table > thead > tr > th,
 +
.table > tbody > tr > th,
 +
.table > tfoot > tr > th,
 +
.table > thead > tr > td,
 +
.table > tbody > tr > td,
 +
.table > tfoot > tr > td {
 +
  padding: 8px;
 +
  line-height: 1.42857143;
 +
  vertical-align: top;
 +
  border-top: 1px solid #ddd;
 +
}
 +
.table > thead > tr > th {
 +
  vertical-align: bottom;
 +
  border-bottom: 2px solid #ddd;
 +
}
 +
.table > caption + thead > tr:first-child > th,
 +
.table > colgroup + thead > tr:first-child > th,
 +
.table > thead:first-child > tr:first-child > th,
 +
.table > caption + thead > tr:first-child > td,
 +
.table > colgroup + thead > tr:first-child > td,
 +
.table > thead:first-child > tr:first-child > td {
 +
  border-top: 0;
 +
}
 +
.table > tbody + tbody {
 +
  border-top: 2px solid #ddd;
 +
}
 +
.table .table {
 +
  background-color: #fff;
 +
}
 +
.table-condensed > thead > tr > th,
 +
.table-condensed > tbody > tr > th,
 +
.table-condensed > tfoot > tr > th,
 +
.table-condensed > thead > tr > td,
 +
.table-condensed > tbody > tr > td,
 +
.table-condensed > tfoot > tr > td {
 +
  padding: 5px;
 +
}
 +
.table-bordered {
 +
  border: 1px solid #ddd;
 +
}
 +
.table-bordered > thead > tr > th,
 +
.table-bordered > tbody > tr > th,
 +
.table-bordered > tfoot > tr > th,
 +
.table-bordered > thead > tr > td,
 +
.table-bordered > tbody > tr > td,
 +
.table-bordered > tfoot > tr > td {
 +
  border: 1px solid #ddd;
 +
}
 +
.table-bordered > thead > tr > th,
 +
.table-bordered > thead > tr > td {
 +
  border-bottom-width: 2px;
 +
}
 +
.table-striped > tbody > tr:nth-of-type(odd) {
 +
  background-color: #f9f9f9;
 +
}
 +
.table-hover > tbody > tr:hover {
 +
  background-color: #f5f5f5;
 +
}
 +
table col[class*="col-"] {
 +
  position: static;
 +
  display: table-column;
 +
  float: none;
 +
}
 +
table td[class*="col-"],
 +
table th[class*="col-"] {
 +
  position: static;
 +
  display: table-cell;
 +
  float: none;
 +
}
 +
.table > thead > tr > td.active,
 +
.table > tbody > tr > td.active,
 +
.table > tfoot > tr > td.active,
 +
.table > thead > tr > th.active,
 +
.table > tbody > tr > th.active,
 +
.table > tfoot > tr > th.active,
 +
.table > thead > tr.active > td,
 +
.table > tbody > tr.active > td,
 +
.table > tfoot > tr.active > td,
 +
.table > thead > tr.active > th,
 +
.table > tbody > tr.active > th,
 +
.table > tfoot > tr.active > th {
 +
  background-color: #f5f5f5;
 +
}
 +
.table-hover > tbody > tr > td.active:hover,
 +
.table-hover > tbody > tr > th.active:hover,
 +
.table-hover > tbody > tr.active:hover > td,
 +
.table-hover > tbody > tr:hover > .active,
 +
.table-hover > tbody > tr.active:hover > th {
 +
  background-color: #e8e8e8;
 +
}
 +
.table > thead > tr > td.success,
 +
.table > tbody > tr > td.success,
 +
.table > tfoot > tr > td.success,
 +
.table > thead > tr > th.success,
 +
.table > tbody > tr > th.success,
 +
.table > tfoot > tr > th.success,
 +
.table > thead > tr.success > td,
 +
.table > tbody > tr.success > td,
 +
.table > tfoot > tr.success > td,
 +
.table > thead > tr.success > th,
 +
.table > tbody > tr.success > th,
 +
.table > tfoot > tr.success > th {
 +
  background-color: #dff0d8;
 +
}
 +
.table-hover > tbody > tr > td.success:hover,
 +
.table-hover > tbody > tr > th.success:hover,
 +
.table-hover > tbody > tr.success:hover > td,
 +
.table-hover > tbody > tr:hover > .success,
 +
.table-hover > tbody > tr.success:hover > th {
 +
  background-color: #d0e9c6;
 +
}
 +
.table > thead > tr > td.info,
 +
.table > tbody > tr > td.info,
 +
.table > tfoot > tr > td.info,
 +
.table > thead > tr > th.info,
 +
.table > tbody > tr > th.info,
 +
.table > tfoot > tr > th.info,
 +
.table > thead > tr.info > td,
 +
.table > tbody > tr.info > td,
 +
.table > tfoot > tr.info > td,
 +
.table > thead > tr.info > th,
 +
.table > tbody > tr.info > th,
 +
.table > tfoot > tr.info > th {
 +
  background-color: #d9edf7;
 +
}
 +
.table-hover > tbody > tr > td.info:hover,
 +
.table-hover > tbody > tr > th.info:hover,
 +
.table-hover > tbody > tr.info:hover > td,
 +
.table-hover > tbody > tr:hover > .info,
 +
.table-hover > tbody > tr.info:hover > th {
 +
  background-color: #c4e3f3;
 +
}
 +
.table > thead > tr > td.warning,
 +
.table > tbody > tr > td.warning,
 +
.table > tfoot > tr > td.warning,
 +
.table > thead > tr > th.warning,
 +
.table > tbody > tr > th.warning,
 +
.table > tfoot > tr > th.warning,
 +
.table > thead > tr.warning > td,
 +
.table > tbody > tr.warning > td,
 +
.table > tfoot > tr.warning > td,
 +
.table > thead > tr.warning > th,
 +
.table > tbody > tr.warning > th,
 +
.table > tfoot > tr.warning > th {
 +
  background-color: #fcf8e3;
 +
}
 +
.table-hover > tbody > tr > td.warning:hover,
 +
.table-hover > tbody > tr > th.warning:hover,
 +
.table-hover > tbody > tr.warning:hover > td,
 +
.table-hover > tbody > tr:hover > .warning,
 +
.table-hover > tbody > tr.warning:hover > th {
 +
  background-color: #faf2cc;
 +
}
 +
.table > thead > tr > td.danger,
 +
.table > tbody > tr > td.danger,
 +
.table > tfoot > tr > td.danger,
 +
.table > thead > tr > th.danger,
 +
.table > tbody > tr > th.danger,
 +
.table > tfoot > tr > th.danger,
 +
.table > thead > tr.danger > td,
 +
.table > tbody > tr.danger > td,
 +
.table > tfoot > tr.danger > td,
 +
.table > thead > tr.danger > th,
 +
.table > tbody > tr.danger > th,
 +
.table > tfoot > tr.danger > th {
 +
  background-color: #f2dede;
 +
}
 +
.table-hover > tbody > tr > td.danger:hover,
 +
.table-hover > tbody > tr > th.danger:hover,
 +
.table-hover > tbody > tr.danger:hover > td,
 +
.table-hover > tbody > tr:hover > .danger,
 +
.table-hover > tbody > tr.danger:hover > th {
 +
  background-color: #ebcccc;
 +
}
 +
.table-responsive {
 +
  min-height: .01%;
 +
  overflow-x: auto;
 +
}
 +
@media screen and (max-width: 767px) {
 +
  .table-responsive {
 +
    width: 100%;
 +
    margin-bottom: 15px;
 +
    overflow-y: hidden;
 +
    -ms-overflow-style: -ms-autohiding-scrollbar;
 +
    border: 1px solid #ddd;
 +
  }
 +
  .table-responsive > .table {
 +
    margin-bottom: 0;
 +
  }
 +
  .table-responsive > .table > thead > tr > th,
 +
  .table-responsive > .table > tbody > tr > th,
 +
  .table-responsive > .table > tfoot > tr > th,
 +
  .table-responsive > .table > thead > tr > td,
 +
  .table-responsive > .table > tbody > tr > td,
 +
  .table-responsive > .table > tfoot > tr > td {
 +
    white-space: nowrap;
 +
  }
 +
  .table-responsive > .table-bordered {
 +
    border: 0;
 +
  }
 +
  .table-responsive > .table-bordered > thead > tr > th:first-child,
 +
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
 +
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
 +
  .table-responsive > .table-bordered > thead > tr > td:first-child,
 +
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
 +
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
 +
    border-left: 0;
 +
  }
 +
  .table-responsive > .table-bordered > thead > tr > th:last-child,
 +
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
 +
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
 +
  .table-responsive > .table-bordered > thead > tr > td:last-child,
 +
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
 +
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
 +
    border-right: 0;
 +
  }
 +
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
 +
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
 +
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
 +
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
 +
    border-bottom: 0;
 +
  }
 +
}
 +
fieldset {
 +
  min-width: 0;
 +
  padding: 0;
 +
  margin: 0;
 +
  border: 0;
 +
}
 +
legend {
 +
  display: block;
 +
  width: 100%;
 +
  padding: 0;
 +
  margin-bottom: 20px;
 +
  font-size: 21px;
 +
  line-height: inherit;
 +
  color: #333;
 +
  border: 0;
 +
  border-bottom: 1px solid #e5e5e5;
 +
}
 +
label {
 +
  display: inline-block;
 +
  max-width: 100%;
 +
  margin-bottom: 5px;
 +
  font-weight: bold;
 +
}
 +
input[type="search"] {
 +
  -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
          box-sizing: border-box;
 +
}
 +
input[type="radio"],
 +
input[type="checkbox"] {
 +
  margin: 4px 0 0;
 +
  margin-top: 1px \9;
 +
  line-height: normal;
 +
}
 +
input[type="file"] {
 +
  display: block;
 +
}
 +
input[type="range"] {
 +
  display: block;
 +
  width: 100%;
 +
}
 +
select[multiple],
 +
select[size] {
 +
  height: auto;
 +
}
 +
input[type="file"]:focus,
 +
input[type="radio"]:focus,
 +
input[type="checkbox"]:focus {
 +
  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
output {
 +
  display: block;
 +
  padding-top: 7px;
 +
  font-size: 14px;
 +
  line-height: 1.42857143;
 +
  color: #555;
 +
}
 +
.form-control {
 +
  display: block;
 +
  width: 100%;
 +
  height: 34px;
 +
  padding: 6px 12px;
 +
  font-size: 14px;
 +
  line-height: 1.42857143;
 +
  color: #555;
 +
  background-color: #fff;
 +
  background-image: none;
 +
  border: 1px solid #ccc;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 +
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 +
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 +
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 +
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 +
}
 +
.form-control:focus {
 +
  border-color: #66afe9;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
 +
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
 +
}
 +
.form-control::-moz-placeholder {
 +
  color: #999;
 +
  opacity: 1;
 +
}
 +
.form-control:-ms-input-placeholder {
 +
  color: #999;
 +
}
 +
.form-control::-webkit-input-placeholder {
 +
  color: #999;
 +
}
 +
.form-control[disabled],
 +
.form-control[readonly],
 +
fieldset[disabled] .form-control {
 +
  background-color: #eee;
 +
  opacity: 1;
 +
}
 +
.form-control[disabled],
 +
fieldset[disabled] .form-control {
 +
  cursor: not-allowed;
 +
}
 +
textarea.form-control {
 +
  height: auto;
 +
}
 +
input[type="search"] {
 +
  -webkit-appearance: none;
 +
}
 +
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 +
  input[type="date"],
 +
  input[type="time"],
 +
  input[type="datetime-local"],
 +
  input[type="month"] {
 +
    line-height: 34px;
 +
  }
 +
  input[type="date"].input-sm,
 +
  input[type="time"].input-sm,
 +
  input[type="datetime-local"].input-sm,
 +
  input[type="month"].input-sm,
 +
  .input-group-sm input[type="date"],
 +
  .input-group-sm input[type="time"],
 +
  .input-group-sm input[type="datetime-local"],
 +
  .input-group-sm input[type="month"] {
 +
    line-height: 30px;
 +
  }
 +
  input[type="date"].input-lg,
 +
  input[type="time"].input-lg,
 +
  input[type="datetime-local"].input-lg,
 +
  input[type="month"].input-lg,
 +
  .input-group-lg input[type="date"],
 +
  .input-group-lg input[type="time"],
 +
  .input-group-lg input[type="datetime-local"],
 +
  .input-group-lg input[type="month"] {
 +
    line-height: 46px;
 +
  }
 +
}
 +
.form-group {
 +
  margin-bottom: 15px;
 +
}
 +
.radio,
 +
.checkbox {
 +
  position: relative;
 +
  display: block;
 +
  margin-top: 10px;
 +
  margin-bottom: 10px;
 +
}
 +
.radio label,
 +
.checkbox label {
 +
  min-height: 20px;
 +
  padding-left: 20px;
 +
  margin-bottom: 0;
 +
  font-weight: normal;
 +
  cursor: pointer;
 +
}
 +
.radio input[type="radio"],
 +
.radio-inline input[type="radio"],
 +
.checkbox input[type="checkbox"],
 +
.checkbox-inline input[type="checkbox"] {
 +
  position: absolute;
 +
  margin-top: 4px \9;
 +
  margin-left: -20px;
 +
}
 +
.radio + .radio,
 +
.checkbox + .checkbox {
 +
  margin-top: -5px;
 +
}
 +
.radio-inline,
 +
.checkbox-inline {
 +
  position: relative;
 +
  display: inline-block;
 +
  padding-left: 20px;
 +
  margin-bottom: 0;
 +
  font-weight: normal;
 +
  vertical-align: middle;
 +
  cursor: pointer;
 +
}
 +
.radio-inline + .radio-inline,
 +
.checkbox-inline + .checkbox-inline {
 +
  margin-top: 0;
 +
  margin-left: 10px;
 +
}
 +
input[type="radio"][disabled],
 +
input[type="checkbox"][disabled],
 +
input[type="radio"].disabled,
 +
input[type="checkbox"].disabled,
 +
fieldset[disabled] input[type="radio"],
 +
fieldset[disabled] input[type="checkbox"] {
 +
  cursor: not-allowed;
 +
}
 +
.radio-inline.disabled,
 +
.checkbox-inline.disabled,
 +
fieldset[disabled] .radio-inline,
 +
fieldset[disabled] .checkbox-inline {
 +
  cursor: not-allowed;
 +
}
 +
.radio.disabled label,
 +
.checkbox.disabled label,
 +
fieldset[disabled] .radio label,
 +
fieldset[disabled] .checkbox label {
 +
  cursor: not-allowed;
 +
}
 +
.form-control-static {
 +
  min-height: 34px;
 +
  padding-top: 7px;
 +
  padding-bottom: 7px;
 +
  margin-bottom: 0;
 +
}
 +
.form-control-static.input-lg,
 +
.form-control-static.input-sm {
 +
  padding-right: 0;
 +
  padding-left: 0;
 +
}
 +
.input-sm {
 +
  height: 30px;
 +
  padding: 5px 10px;
 +
  font-size: 12px;
 +
  line-height: 1.5;
 +
  border-radius: 3px;
 +
}
 +
select.input-sm {
 +
  height: 30px;
 +
  line-height: 30px;
 +
}
 +
textarea.input-sm,
 +
select[multiple].input-sm {
 +
  height: auto;
 +
}
 +
.form-group-sm .form-control {
 +
  height: 30px;
 +
  padding: 5px 10px;
 +
  font-size: 12px;
 +
  line-height: 1.5;
 +
  border-radius: 3px;
 +
}
 +
select.form-group-sm .form-control {
 +
  height: 30px;
 +
  line-height: 30px;
 +
}
 +
textarea.form-group-sm .form-control,
 +
select[multiple].form-group-sm .form-control {
 +
  height: auto;
 +
}
 +
.form-group-sm .form-control-static {
 +
  height: 30px;
 +
  min-height: 32px;
 +
  padding: 5px 10px;
 +
  font-size: 12px;
 +
  line-height: 1.5;
 +
}
 +
.input-lg {
 +
  height: 46px;
 +
  padding: 10px 16px;
 +
  font-size: 18px;
 +
  line-height: 1.3333333;
 +
  border-radius: 6px;
 +
}
 +
select.input-lg {
 +
  height: 46px;
 +
  line-height: 46px;
 +
}
 +
textarea.input-lg,
 +
select[multiple].input-lg {
 +
  height: auto;
 +
}
 +
.form-group-lg .form-control {
 +
  height: 46px;
 +
  padding: 10px 16px;
 +
  font-size: 18px;
 +
  line-height: 1.3333333;
 +
  border-radius: 6px;
 +
}
 +
select.form-group-lg .form-control {
 +
  height: 46px;
 +
  line-height: 46px;
 +
}
 +
textarea.form-group-lg .form-control,
 +
select[multiple].form-group-lg .form-control {
 +
  height: auto;
 +
}
 +
.form-group-lg .form-control-static {
 +
  height: 46px;
 +
  min-height: 38px;
 +
  padding: 10px 16px;
 +
  font-size: 18px;
 +
  line-height: 1.3333333;
 +
}
 +
.has-feedback {
 +
  position: relative;
 +
}
 +
.has-feedback .form-control {
 +
  padding-right: 42.5px;
 +
}
 +
.form-control-feedback {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  z-index: 2;
 +
  display: block;
 +
  width: 34px;
 +
  height: 34px;
 +
  line-height: 34px;
 +
  text-align: center;
 +
  pointer-events: none;
 +
}
 +
.input-lg + .form-control-feedback {
 +
  width: 46px;
 +
  height: 46px;
 +
  line-height: 46px;
 +
}
 +
.input-sm + .form-control-feedback {
 +
  width: 30px;
 +
  height: 30px;
 +
  line-height: 30px;
 +
}
 +
.has-success .help-block,
 +
.has-success .control-label,
 +
.has-success .radio,
 +
.has-success .checkbox,
 +
.has-success .radio-inline,
 +
.has-success .checkbox-inline,
 +
.has-success.radio label,
 +
.has-success.checkbox label,
 +
.has-success.radio-inline label,
 +
.has-success.checkbox-inline label {
 +
  color: #3c763d;
 +
}
 +
.has-success .form-control {
 +
  border-color: #3c763d;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 +
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 +
}
 +
.has-success .form-control:focus {
 +
  border-color: #2b542c;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
 +
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
 +
}
 +
.has-success .input-group-addon {
 +
  color: #3c763d;
 +
  background-color: #dff0d8;
 +
  border-color: #3c763d;
 +
}
 +
.has-success .form-control-feedback {
 +
  color: #3c763d;
 +
}
 +
.has-warning .help-block,
 +
.has-warning .control-label,
 +
.has-warning .radio,
 +
.has-warning .checkbox,
 +
.has-warning .radio-inline,
 +
.has-warning .checkbox-inline,
 +
.has-warning.radio label,
 +
.has-warning.checkbox label,
 +
.has-warning.radio-inline label,
 +
.has-warning.checkbox-inline label {
 +
  color: #8a6d3b;
 +
}
 +
.has-warning .form-control {
 +
  border-color: #8a6d3b;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 +
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 +
}
 +
.has-warning .form-control:focus {
 +
  border-color: #66512c;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
 +
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
 +
}
 +
.has-warning .input-group-addon {
 +
  color: #8a6d3b;
 +
  background-color: #fcf8e3;
 +
  border-color: #8a6d3b;
 +
}
 +
.has-warning .form-control-feedback {
 +
  color: #8a6d3b;
 +
}
 +
.has-error .help-block,
 +
.has-error .control-label,
 +
.has-error .radio,
 +
.has-error .checkbox,
 +
.has-error .radio-inline,
 +
.has-error .checkbox-inline,
 +
.has-error.radio label,
 +
.has-error.checkbox label,
 +
.has-error.radio-inline label,
 +
.has-error.checkbox-inline label {
 +
  color: #a94442;
 +
}
 +
.has-error .form-control {
 +
  border-color: #a94442;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 +
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 +
}
 +
.has-error .form-control:focus {
 +
  border-color: #843534;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
 +
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
 +
}
 +
.has-error .input-group-addon {
 +
  color: #a94442;
 +
  background-color: #f2dede;
 +
  border-color: #a94442;
 +
}
 +
.has-error .form-control-feedback {
 +
  color: #a94442;
 +
}
 +
.has-feedback label ~ .form-control-feedback {
 +
  top: 25px;
 +
}
 +
.has-feedback label.sr-only ~ .form-control-feedback {
 +
  top: 0;
 +
}
 +
.help-block {
 +
  display: block;
 +
  margin-top: 5px;
 +
  margin-bottom: 10px;
 +
  color: #737373;
 +
}
 +
@media (min-width: 768px) {
 +
  .form-inline .form-group {
 +
    display: inline-block;
 +
    margin-bottom: 0;
 +
    vertical-align: middle;
 +
  }
 +
  .form-inline .form-control {
 +
    display: inline-block;
 +
    width: auto;
 +
    vertical-align: middle;
 +
  }
 +
  .form-inline .form-control-static {
 +
    display: inline-block;
 +
  }
 +
  .form-inline .input-group {
 +
    display: inline-table;
 +
    vertical-align: middle;
 +
  }
 +
  .form-inline .input-group .input-group-addon,
 +
  .form-inline .input-group .input-group-btn,
 +
  .form-inline .input-group .form-control {
 +
    width: auto;
 +
  }
 +
  .form-inline .input-group > .form-control {
 +
    width: 100%;
 +
  }
 +
  .form-inline .control-label {
 +
    margin-bottom: 0;
 +
    vertical-align: middle;
 +
  }
 +
  .form-inline .radio,
 +
  .form-inline .checkbox {
 +
    display: inline-block;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
    vertical-align: middle;
 +
  }
 +
  .form-inline .radio label,
 +
  .form-inline .checkbox label {
 +
    padding-left: 0;
 +
  }
 +
  .form-inline .radio input[type="radio"],
 +
  .form-inline .checkbox input[type="checkbox"] {
 +
    position: relative;
 +
    margin-left: 0;
 +
  }
 +
  .form-inline .has-feedback .form-control-feedback {
 +
    top: 0;
 +
  }
 +
}
 +
.form-horizontal .radio,
 +
.form-horizontal .checkbox,
 +
.form-horizontal .radio-inline,
 +
.form-horizontal .checkbox-inline {
 +
  padding-top: 7px;
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
}
 +
.form-horizontal .radio,
 +
.form-horizontal .checkbox {
 +
  min-height: 27px;
 +
}
 +
.form-horizontal .form-group {
 +
  margin-right: -15px;
 +
  margin-left: -15px;
 +
}
 +
@media (min-width: 768px) {
 +
  .form-horizontal .control-label {
 +
    padding-top: 7px;
 +
    margin-bottom: 0;
 +
    text-align: right;
 +
  }
 +
}
 +
.form-horizontal .has-feedback .form-control-feedback {
 +
  right: 15px;
 +
}
 +
@media (min-width: 768px) {
 +
  .form-horizontal .form-group-lg .control-label {
 +
    padding-top: 14.333333px;
 +
  }
 +
}
 +
@media (min-width: 768px) {
 +
  .form-horizontal .form-group-sm .control-label {
 +
    padding-top: 6px;
 +
  }
 +
}
 +
.btn {
 +
  display: inline;
 +
  margin: 0;
 +
  font-size: inherit;
 +
  text-align: center;
 +
  white-space: none;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
    border-color:none;
 +
}
 +
.btn:focus,
 +
.btn:active:focus,
 +
.btn.active:focus,
 +
.btn.focus,
 +
.btn:active.focus,
 +
.btn.active.focus {
 +
  outline: none;
 +
}
 +
.btn:hover,
 +
.btn:focus,
 +
.btn.focus {
 +
  color: #333;
 +
  text-decoration: none;
 +
    border-color:none;
 +
}
 +
.btn:active,
 +
.btn.active {
 +
  background-image: none;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
 
 +
}
 +
.btn.disabled,
 +
.btn[disabled],
 +
fieldset[disabled] .btn {
 +
  pointer-events: none;
 +
  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn-default {
 +
  color: black;
 +
  background-color: none;
 +
  border-color: none;
 +
 
 +
}
 +
.btn-default:hover,
 +
.btn-default:focus,
 +
.btn-default.focus,
 +
.btn-default:active,
 +
.btn-default.active,
 +
.open > .dropdown-toggle.btn-default {
 +
  color: #333;
 +
  <!-- background-color: #e6e6e6; -->
 +
  <!-- border-color: #adadad; -->
 +
}
 +
.btn-default:active,
 +
.btn-default.active,
 +
.open > .dropdown-toggle.btn-default {
 +
  background-image: none;
 +
}
 +
.btn-default.disabled,
 +
.btn-default[disabled],
 +
fieldset[disabled] .btn-default,
 +
.btn-default.disabled:hover,
 +
.btn-default[disabled]:hover,
 +
fieldset[disabled] .btn-default:hover,
 +
.btn-default.disabled:focus,
 +
.btn-default[disabled]:focus,
 +
fieldset[disabled] .btn-default:focus,
 +
.btn-default.disabled.focus,
 +
.btn-default[disabled].focus,
 +
fieldset[disabled] .btn-default.focus,
 +
.btn-default.disabled:active,
 +
.btn-default[disabled]:active,
 +
fieldset[disabled] .btn-default:active,
 +
.btn-default.disabled.active,
 +
.btn-default[disabled].active,
 +
fieldset[disabled] .btn-default.active {
 +
  background-color: #fff;
 +
  border-color: #ccc;
 +
}
 +
.btn-default .badge {
 +
  color: #fff;
 +
  background-color: #333;
 +
}
 +
.btn-primary {
 +
  text-decoration:underline;
 +
  color:black;
 +
  font-size:inherit;
 +
  font-weight:inherit;
 +
  background-color:inherit;
 +
  border-color:none;
 +
  border:none;
 +
}
 +
.btn-primary:hover,
 +
.btn-primary:focus,
 +
.btn-primary.focus,
 +
.btn-primary:active,
 +
.btn-primary.active,
 +
.open > .dropdown-toggle.btn-primary {
 +
  /* important for color change when you hover BY CHARLES WEI*/
 +
  color: #fff;
 +
  background-color: #76BF8D;
 +
  border-color:none;
 +
}
 +
.btn-primary:active,
 +
.btn-primary.active,
 +
.open > .dropdown-toggle.btn-primary {
 +
  background-image: none;
 +
  border-color:none;
 +
}
 +
.btn-primary.disabled,
 +
.btn-primary[disabled],
 +
fieldset[disabled] .btn-primary,
 +
.btn-primary.disabled:hover,
 +
.btn-primary[disabled]:hover,
 +
fieldset[disabled] .btn-primary:hover,
 +
.btn-primary.disabled:focus,
 +
.btn-primary[disabled]:focus,
 +
fieldset[disabled] .btn-primary:focus,
 +
.btn-primary.disabled.focus,
 +
.btn-primary[disabled].focus,
 +
fieldset[disabled] .btn-primary.focus,
 +
.btn-primary.disabled:active,
 +
.btn-primary[disabled]:active,
 +
fieldset[disabled] .btn-primary:active,
 +
.btn-primary.disabled.active,
 +
.btn-primary[disabled].active,
 +
fieldset[disabled] .btn-primary.active {
 +
  background-color:none;
 +
  border:none;
 +
}
 +
.btn-primary .badge {
 +
  color: #337ab7;
 +
  background-color: #fff;
 +
}
 +
.btn-success {
 +
  color: #fff;
 +
  background-color: #5cb85c;
 +
  border-color: #4cae4c;
 +
}
 +
.btn-success:hover,
 +
.btn-success:focus,
 +
.btn-success.focus,
 +
.btn-success:active,
 +
.btn-success.active,
 +
.open > .dropdown-toggle.btn-success {
 +
  color: #fff;
 +
  background-color: #449d44;
 +
  border-color: #398439;
 +
}
 +
.btn-success:active,
 +
.btn-success.active,
 +
.open > .dropdown-toggle.btn-success {
 +
  background-image: none;
 +
}
 +
.btn-success.disabled,
 +
.btn-success[disabled],
 +
fieldset[disabled] .btn-success,
 +
.btn-success.disabled:hover,
 +
.btn-success[disabled]:hover,
 +
fieldset[disabled] .btn-success:hover,
 +
.btn-success.disabled:focus,
 +
.btn-success[disabled]:focus,
 +
fieldset[disabled] .btn-success:focus,
 +
.btn-success.disabled.focus,
 +
.btn-success[disabled].focus,
 +
fieldset[disabled] .btn-success.focus,
 +
.btn-success.disabled:active,
 +
.btn-success[disabled]:active,
 +
fieldset[disabled] .btn-success:active,
 +
.btn-success.disabled.active,
 +
.btn-success[disabled].active,
 +
fieldset[disabled] .btn-success.active {
 +
  background-color: #5cb85c;
 +
  border-color: #4cae4c;
 +
}
 +
.btn-success .badge {
 +
  color: #5cb85c;
 +
  background-color: #fff;
 +
}
 +
.btn-info {
 +
  color: #fff;
 +
  background-color: #5bc0de;
 +
  border-color: #46b8da;
 +
}
 +
.btn-info:hover,
 +
.btn-info:focus,
 +
.btn-info.focus,
 +
.btn-info:active,
 +
.btn-info.active,
 +
.open > .dropdown-toggle.btn-info {
 +
  color: #fff;
 +
  background-color: #31b0d5;
 +
  border-color: #269abc;
 +
}
 +
.btn-info:active,
 +
.btn-info.active,
 +
.open > .dropdown-toggle.btn-info {
 +
  background-image: none;
 +
}
 +
.btn-info.disabled,
 +
.btn-info[disabled],
 +
fieldset[disabled] .btn-info,
 +
.btn-info.disabled:hover,
 +
.btn-info[disabled]:hover,
 +
fieldset[disabled] .btn-info:hover,
 +
.btn-info.disabled:focus,
 +
.btn-info[disabled]:focus,
 +
fieldset[disabled] .btn-info:focus,
 +
.btn-info.disabled.focus,
 +
.btn-info[disabled].focus,
 +
fieldset[disabled] .btn-info.focus,
 +
.btn-info.disabled:active,
 +
.btn-info[disabled]:active,
 +
fieldset[disabled] .btn-info:active,
 +
.btn-info.disabled.active,
 +
.btn-info[disabled].active,
 +
fieldset[disabled] .btn-info.active {
 +
  background-color: #5bc0de;
 +
  border-color: #46b8da;
 +
}
 +
.btn-info .badge {
 +
  color: #5bc0de;
 +
  background-color: #fff;
 +
}
 +
.btn-warning {
 +
  color: #fff;
 +
  background-color: #f0ad4e;
 +
  border-color: #eea236;
 +
}
 +
.btn-warning:hover,
 +
.btn-warning:focus,
 +
.btn-warning.focus,
 +
.btn-warning:active,
 +
.btn-warning.active,
 +
.open > .dropdown-toggle.btn-warning {
 +
  color: #fff;
 +
  background-color: #ec971f;
 +
  border-color: #d58512;
 +
}
 +
.btn-warning:active,
 +
.btn-warning.active,
 +
.open > .dropdown-toggle.btn-warning {
 +
  background-image: none;
 +
}
 +
.btn-warning.disabled,
 +
.btn-warning[disabled],
 +
fieldset[disabled] .btn-warning,
 +
.btn-warning.disabled:hover,
 +
.btn-warning[disabled]:hover,
 +
fieldset[disabled] .btn-warning:hover,
 +
.btn-warning.disabled:focus,
 +
.btn-warning[disabled]:focus,
 +
fieldset[disabled] .btn-warning:focus,
 +
.btn-warning.disabled.focus,
 +
.btn-warning[disabled].focus,
 +
fieldset[disabled] .btn-warning.focus,
 +
.btn-warning.disabled:active,
 +
.btn-warning[disabled]:active,
 +
fieldset[disabled] .btn-warning:active,
 +
.btn-warning.disabled.active,
 +
.btn-warning[disabled].active,
 +
fieldset[disabled] .btn-warning.active {
 +
  background-color: #f0ad4e;
 +
  border-color: #eea236;
 +
}
 +
.btn-warning .badge {
 +
  color: #f0ad4e;
 +
  background-color: #fff;
 +
}
 +
.btn-danger {
 +
  color: #fff;
 +
  background-color: #d9534f;
 +
  border-color: #d43f3a;
 +
}
 +
.btn-danger:hover,
 +
.btn-danger:focus,
 +
.btn-danger.focus,
 +
.btn-danger:active,
 +
.btn-danger.active,
 +
.open > .dropdown-toggle.btn-danger {
 +
  color: #fff;
 +
  background-color: #c9302c;
 +
  border-color: #ac2925;
 +
}
 +
.btn-danger:active,
 +
.btn-danger.active,
 +
.open > .dropdown-toggle.btn-danger {
 +
  background-image: none;
 +
}
 +
.btn-danger.disabled,
 +
.btn-danger[disabled],
 +
fieldset[disabled] .btn-danger,
 +
.btn-danger.disabled:hover,
 +
.btn-danger[disabled]:hover,
 +
fieldset[disabled] .btn-danger:hover,
 +
.btn-danger.disabled:focus,
 +
.btn-danger[disabled]:focus,
 +
fieldset[disabled] .btn-danger:focus,
 +
.btn-danger.disabled.focus,
 +
.btn-danger[disabled].focus,
 +
fieldset[disabled] .btn-danger.focus,
 +
.btn-danger.disabled:active,
 +
.btn-danger[disabled]:active,
 +
fieldset[disabled] .btn-danger:active,
 +
.btn-danger.disabled.active,
 +
.btn-danger[disabled].active,
 +
fieldset[disabled] .btn-danger.active {
 +
  background-color: #d9534f;
 +
  border-color: #d43f3a;
 +
}
 +
.btn-danger .badge {
 +
  color: #d9534f;
 +
  background-color: #fff;
 +
}
 +
.btn-link {
 +
  font-weight: normal;
 +
  color: #337ab7;
 +
  border-radius: 0;
 +
}
 +
.btn-link,
 +
.btn-link:active,
 +
.btn-link.active,
 +
.btn-link[disabled],
 +
fieldset[disabled] .btn-link {
 +
  background-color: transparent;
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
}
 +
.btn-link,
 +
.btn-link:hover,
 +
.btn-link:focus,
 +
.btn-link:active {
 +
  border-color: transparent;
 +
}
 +
.btn-link:hover,
 +
.btn-link:focus {
 +
  color: #23527c;
 +
  text-decoration: underline;
 +
  background-color: transparent;
 +
}
 +
.btn-link[disabled]:hover,
 +
fieldset[disabled] .btn-link:hover,
 +
.btn-link[disabled]:focus,
 +
fieldset[disabled] .btn-link:focus {
 +
  color: #777;
 +
  text-decoration: none;
 +
}
 +
.btn-lg,
 +
.btn-group-lg > .btn {
 +
  padding: 10px 16px;
 +
  font-size: 18px;
 +
  line-height: 1.3333333;
 +
  border-radius: 6px;
 +
}
 +
.btn-sm,
 +
.btn-group-sm > .btn {
 +
  padding: 5px 10px;
 +
  font-size: 12px;
 +
  line-height: 1.5;
 +
  border-radius: 3px;
 +
}
 +
.btn-xs,
 +
.btn-group-xs > .btn {
 +
  padding: 1px 5px;
 +
  font-size: 12px;
 +
  line-height: 1.5;
 +
  border-radius: 3px;
 +
}
 +
.btn-block {
 +
  display: block;
 +
  width: 100%;
 +
}
 +
.btn-block + .btn-block {
 +
  margin-top: 5px;
 +
}
 +
input[type="submit"].btn-block,
 +
input[type="reset"].btn-block,
 +
input[type="button"].btn-block {
 +
  width: 100%;
 +
}
 +
.fade {
 +
  opacity: 0;
 +
  -webkit-transition: opacity .15s linear;
 +
      -o-transition: opacity .15s linear;
 +
          transition: opacity .15s linear;
 +
}
 +
.fade.in {
 +
  opacity: 1;
 +
}
 +
.collapse {
 +
  display: none;
 +
}
 +
.collapse.in {
 +
  display: block;
 +
}
 +
tr.collapse.in {
 +
  display: table-row;
 +
}
 +
tbody.collapse.in {
 +
  display: table-row-group;
 +
}
 +
.collapsing {
 +
  position: relative;
 +
  height: 0;
 +
  overflow: hidden;
 +
  -webkit-transition-timing-function: ease;
 +
      -o-transition-timing-function: ease;
 +
          transition-timing-function: ease;
 +
  -webkit-transition-duration: .35s;
 +
      -o-transition-duration: .35s;
 +
          transition-duration: .35s;
 +
  -webkit-transition-property: height, visibility;
 +
      -o-transition-property: height, visibility;
 +
          transition-property: height, visibility;
 +
}
 +
.caret {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  margin-left: 2px;
 +
  vertical-align: middle;
 +
  border-top: 4px dashed;
 +
  border-right: 4px solid transparent;
 +
  border-left: 4px solid transparent;
 +
}
 +
.dropup,
 +
.dropdown {
 +
  position: relative;
 +
}
 +
.dropdown-toggle:focus {
 +
  outline: 0;
 +
}
 +
.dropdown-menu {
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  z-index: 1000;
 +
  display: none;
 +
  float: left;
 +
  min-width: 160px;
 +
  padding: 5px 0;
 +
  margin: 2px 0 0;
 +
  font-size: 14px;
 +
  text-align: left;
 +
  list-style: none;
 +
  background-color: #fff;
 +
  -webkit-background-clip: padding-box;
 +
          background-clip: padding-box;
 +
  border: 1px solid #ccc;
 +
  border: 1px solid rgba(0, 0, 0, .15);
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
}
 +
.dropdown-menu.pull-right {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
.dropdown-menu .divider {
 +
  height: 1px;
 +
  margin: 9px 0;
 +
  overflow: hidden;
 +
  background-color: #e5e5e5;
 +
}
 +
.dropdown-menu > li > a {
 +
  display: block;
 +
  padding: 3px 20px;
 +
  clear: both;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  color: #333;
 +
  white-space: nowrap;
 +
}
 +
.dropdown-menu > li > a:hover,
 +
.dropdown-menu > li > a:focus {
 +
  color: #262626;
 +
  text-decoration: none;
 +
  background-color: #f5f5f5;
 +
}
 +
.dropdown-menu > .active > a,
 +
.dropdown-menu > .active > a:hover,
 +
.dropdown-menu > .active > a:focus {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  background-color: #337ab7;
 +
  outline: 0;
 +
}
 +
.dropdown-menu > .disabled > a,
 +
.dropdown-menu > .disabled > a:hover,
 +
.dropdown-menu > .disabled > a:focus {
 +
  color: #777;
 +
}
 +
.dropdown-menu > .disabled > a:hover,
 +
.dropdown-menu > .disabled > a:focus {
 +
  text-decoration: none;
 +
  cursor: not-allowed;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +
}
 +
.open > .dropdown-menu {
 +
  display: block;
 +
}
 +
.open > a {
 +
  outline: 0;
 +
}
 +
.dropdown-menu-right {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
.dropdown-menu-left {
 +
  right: auto;
 +
  left: 0;
 +
}
 +
.dropdown-header {
 +
  display: block;
 +
  padding: 3px 20px;
 +
  font-size: 12px;
 +
  line-height: 1.42857143;
 +
  color: #777;
 +
  white-space: nowrap;
 +
}
 +
.dropdown-backdrop {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  z-index: 990;
 +
}
 +
.pull-right > .dropdown-menu {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
.dropup .caret,
 +
.navbar-fixed-bottom .dropdown .caret {
 +
  content: "";
 +
  border-top: 0;
 +
  border-bottom: 4px solid;
 +
}
 +
.dropup .dropdown-menu,
 +
.navbar-fixed-bottom .dropdown .dropdown-menu {
 +
  top: auto;
 +
  bottom: 100%;
 +
  margin-bottom: 2px;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-right .dropdown-menu {
 +
    right: 0;
 +
    left: auto;
 +
  }
 +
  .navbar-right .dropdown-menu-left {
 +
    right: auto;
 +
    left: 0;
 +
  }
 +
}
 +
.btn-group,
 +
.btn-group-vertical {
 +
  position: relative;
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
}
 +
.btn-group > .btn,
 +
.btn-group-vertical > .btn {
 +
  position: relative;
 +
  float: left;
 +
}
 +
.btn-group > .btn:hover,
 +
.btn-group-vertical > .btn:hover,
 +
.btn-group > .btn:focus,
 +
.btn-group-vertical > .btn:focus,
 +
.btn-group > .btn:active,
 +
.btn-group-vertical > .btn:active,
 +
.btn-group > .btn.active,
 +
.btn-group-vertical > .btn.active {
 +
  z-index: 2;
 +
}
 +
.btn-group .btn + .btn,
 +
.btn-group .btn + .btn-group,
 +
.btn-group .btn-group + .btn,
 +
.btn-group .btn-group + .btn-group {
 +
  margin-left: -1px;
 +
}
 +
.btn-toolbar {
 +
  margin-left: -5px;
 +
}
 +
.btn-toolbar .btn-group,
 +
.btn-toolbar .input-group {
 +
  float: left;
 +
}
 +
.btn-toolbar > .btn,
 +
.btn-toolbar > .btn-group,
 +
.btn-toolbar > .input-group {
 +
  margin-left: 5px;
 +
}
 +
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
 +
  border-radius: 0;
 +
}
 +
.btn-group > .btn:first-child {
 +
  margin-left: 0;
 +
}
 +
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0;
 +
}
 +
.btn-group > .btn:last-child:not(:first-child),
 +
.btn-group > .dropdown-toggle:not(:first-child) {
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.btn-group > .btn-group {
 +
  float: left;
 +
}
 +
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
 +
  border-radius: 0;
 +
}
 +
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
 +
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0;
 +
}
 +
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.btn-group .dropdown-toggle:active,
 +
.btn-group.open .dropdown-toggle {
 +
  outline: 0;
 +
}
 +
.btn-group > .btn + .dropdown-toggle {
 +
  padding-right: 8px;
 +
  padding-left: 8px;
 +
}
 +
.btn-group > .btn-lg + .dropdown-toggle {
 +
  padding-right: 12px;
 +
  padding-left: 12px;
 +
}
 +
.btn-group.open .dropdown-toggle {
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
}
 +
.btn-group.open .dropdown-toggle.btn-link {
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
}
 +
.btn .caret {
 +
  margin-left: 0;
 +
}
 +
.btn-lg .caret {
 +
  border-width: 5px 5px 0;
 +
  border-bottom-width: 0;
 +
}
 +
.dropup .btn-lg .caret {
 +
  border-width: 0 5px 5px;
 +
}
 +
.btn-group-vertical > .btn,
 +
.btn-group-vertical > .btn-group,
 +
.btn-group-vertical > .btn-group > .btn {
 +
  display: block;
 +
  float: none;
 +
  width: 100%;
 +
  max-width: 100%;
 +
}
 +
.btn-group-vertical > .btn-group > .btn {
 +
  float: none;
 +
}
 +
.btn-group-vertical > .btn + .btn,
 +
.btn-group-vertical > .btn + .btn-group,
 +
.btn-group-vertical > .btn-group + .btn,
 +
.btn-group-vertical > .btn-group + .btn-group {
 +
  margin-top: -1px;
 +
  margin-left: 0;
 +
}
 +
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
 +
  border-radius: 0;
 +
}
 +
.btn-group-vertical > .btn:first-child:not(:last-child) {
 +
  border-top-right-radius: 4px;
 +
  border-bottom-right-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.btn-group-vertical > .btn:last-child:not(:first-child) {
 +
  border-top-left-radius: 0;
 +
  border-top-right-radius: 0;
 +
  border-bottom-left-radius: 4px;
 +
}
 +
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
 +
  border-radius: 0;
 +
}
 +
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
 +
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
 +
  border-bottom-right-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
 +
  border-top-left-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
.btn-group-justified {
 +
  display: table;
 +
  width: 100%;
 +
  table-layout: fixed;
 +
  border-collapse: separate;
 +
}
 +
.btn-group-justified > .btn,
 +
.btn-group-justified > .btn-group {
 +
  display: table-cell;
 +
  float: none;
 +
  width: 1%;
 +
}
 +
.btn-group-justified > .btn-group .btn {
 +
  width: 100%;
 +
}
 +
.btn-group-justified > .btn-group .dropdown-menu {
 +
  left: auto;
 +
}
 +
[data-toggle="buttons"] > .btn input[type="radio"],
 +
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
 +
[data-toggle="buttons"] > .btn input[type="checkbox"],
 +
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
 +
  position: absolute;
 +
  clip: rect(0, 0, 0, 0);
 +
  pointer-events: none;
 +
}
 +
.input-group {
 +
  position: relative;
 +
  display: table;
 +
  border-collapse: separate;
 +
}
 +
.input-group[class*="col-"] {
 +
  float: none;
 +
  padding-right: 0;
 +
  padding-left: 0;
 +
}
 +
.input-group .form-control {
 +
  position: relative;
 +
  z-index: 2;
 +
  float: left;
 +
  width: 100%;
 +
  margin-bottom: 0;
 +
}
 +
.input-group-lg > .form-control,
 +
.input-group-lg > .input-group-addon,
 +
.input-group-lg > .input-group-btn > .btn {
 +
  height: 46px;
 +
  padding: 10px 16px;
 +
  font-size: 18px;
 +
  line-height: 1.3333333;
 +
  border-radius: 6px;
 +
}
 +
select.input-group-lg > .form-control,
 +
select.input-group-lg > .input-group-addon,
 +
select.input-group-lg > .input-group-btn > .btn {
 +
  height: 46px;
 +
  line-height: 46px;
 +
}
 +
textarea.input-group-lg > .form-control,
 +
textarea.input-group-lg > .input-group-addon,
 +
textarea.input-group-lg > .input-group-btn > .btn,
 +
select[multiple].input-group-lg > .form-control,
 +
select[multiple].input-group-lg > .input-group-addon,
 +
select[multiple].input-group-lg > .input-group-btn > .btn {
 +
  height: auto;
 +
}
 +
.input-group-sm > .form-control,
 +
.input-group-sm > .input-group-addon,
 +
.input-group-sm > .input-group-btn > .btn {
 +
  height: 30px;
 +
  padding: 5px 10px;
 +
  font-size: 12px;
 +
  line-height: 1.5;
 +
  border-radius: 3px;
 +
}
 +
select.input-group-sm > .form-control,
 +
select.input-group-sm > .input-group-addon,
 +
select.input-group-sm > .input-group-btn > .btn {
 +
  height: 30px;
 +
  line-height: 30px;
 +
}
 +
textarea.input-group-sm > .form-control,
 +
textarea.input-group-sm > .input-group-addon,
 +
textarea.input-group-sm > .input-group-btn > .btn,
 +
select[multiple].input-group-sm > .form-control,
 +
select[multiple].input-group-sm > .input-group-addon,
 +
select[multiple].input-group-sm > .input-group-btn > .btn {
 +
  height: auto;
 +
}
 +
.input-group-addon,
 +
.input-group-btn,
 +
.input-group .form-control {
 +
  display: table-cell;
 +
}
 +
.input-group-addon:not(:first-child):not(:last-child),
 +
.input-group-btn:not(:first-child):not(:last-child),
 +
.input-group .form-control:not(:first-child):not(:last-child) {
 +
  border-radius: 0;
 +
}
 +
.input-group-addon,
 +
.input-group-btn {
 +
  width: 1%;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
}
 +
.input-group-addon {
 +
  padding: 6px 12px;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1;
 +
  color: #555;
 +
  text-align: center;
 +
  background-color: #eee;
 +
  border: 1px solid #ccc;
 +
  border-radius: 4px;
 +
}
 +
.input-group-addon.input-sm {
 +
  padding: 5px 10px;
 +
  font-size: 12px;
 +
  border-radius: 3px;
 +
}
 +
.input-group-addon.input-lg {
 +
  padding: 10px 16px;
 +
  font-size: 18px;
 +
  border-radius: 6px;
 +
}
 +
.input-group-addon input[type="radio"],
 +
.input-group-addon input[type="checkbox"] {
 +
  margin-top: 0;
 +
}
 +
.input-group .form-control:first-child,
 +
.input-group-addon:first-child,
 +
.input-group-btn:first-child > .btn,
 +
.input-group-btn:first-child > .btn-group > .btn,
 +
.input-group-btn:first-child > .dropdown-toggle,
 +
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
 +
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0;
 +
}
 +
.input-group-addon:first-child {
 +
  border-right: 0;
 +
}
 +
.input-group .form-control:last-child,
 +
.input-group-addon:last-child,
 +
.input-group-btn:last-child > .btn,
 +
.input-group-btn:last-child > .btn-group > .btn,
 +
.input-group-btn:last-child > .dropdown-toggle,
 +
.input-group-btn:first-child > .btn:not(:first-child),
 +
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.input-group-addon:last-child {
 +
  border-left: 0;
 +
}
 +
.input-group-btn {
 +
  position: relative;
 +
  font-size: 0;
 +
  white-space: nowrap;
 +
}
 +
.input-group-btn > .btn {
 +
  position: relative;
 +
}
 +
.input-group-btn > .btn + .btn {
 +
  margin-left: -1px;
 +
}
 +
.input-group-btn > .btn:hover,
 +
.input-group-btn > .btn:focus,
 +
.input-group-btn > .btn:active {
 +
  z-index: 2;
 +
}
 +
.input-group-btn:first-child > .btn,
 +
.input-group-btn:first-child > .btn-group {
 +
  margin-right: -1px;
 +
}
 +
.input-group-btn:last-child > .btn,
 +
.input-group-btn:last-child > .btn-group {
 +
  margin-left: -1px;
 +
}
 +
.nav {
 +
  padding-left: 0;
 +
  margin-bottom: 0;
 +
  list-style: none;
 +
}
 +
.nav > li {
 +
  position: relative;
 +
  display: block;
 +
}
 +
.nav > li > a {
 +
  position: relative;
 +
  display: block;
 +
  padding: 10px 15px;
 +
}
 +
.nav > li > a:hover,
 +
.nav > li > a:focus {
 +
  text-decoration: none;
 +
  background-color: #eee;
 +
}
 +
.nav > li.disabled > a {
 +
  color: #777;
 +
}
 +
.nav > li.disabled > a:hover,
 +
.nav > li.disabled > a:focus {
 +
  color: #777;
 +
  text-decoration: none;
 +
  cursor: not-allowed;
 +
  background-color: transparent;
 +
}
 +
.nav .open > a,
 +
.nav .open > a:hover,
 +
.nav .open > a:focus {
 +
  background-color: #eee;
 +
  border-color: #337ab7;
 +
}
 +
.nav .nav-divider {
 +
  height: 1px;
 +
  margin: 9px 0;
 +
  overflow: hidden;
 +
  background-color: #e5e5e5;
 +
}
 +
.nav > li > a > img {
 +
  max-width: none;
 +
}
 +
.nav-tabs {
 +
  border-bottom: 1px solid #ddd;
 +
}
 +
.nav-tabs > li {
 +
  float: left;
 +
  margin-bottom: -1px;
 +
}
 +
.nav-tabs > li > a {
 +
  margin-right: 2px;
 +
  line-height: 1.42857143;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px 4px 0 0;
 +
}
 +
.nav-tabs > li > a:hover {
 +
  border-color: #eee #eee #ddd;
 +
}
 +
.nav-tabs > li.active > a,
 +
.nav-tabs > li.active > a:hover,
 +
.nav-tabs > li.active > a:focus {
 +
  color: #555;
 +
  cursor: default;
 +
  background-color: #fff;
 +
  border: 1px solid #ddd;
 +
  border-bottom-color: transparent;
 +
}
 +
.nav-tabs.nav-justified {
 +
  width: 100%;
 +
  border-bottom: 0;
 +
}
 +
.nav-tabs.nav-justified > li {
 +
  float: none;
 +
}
 +
.nav-tabs.nav-justified > li > a {
 +
  margin-bottom: 5px;
 +
  text-align: center;
 +
}
 +
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
 +
  top: auto;
 +
  left: auto;
 +
}
 +
@media (min-width: 768px) {
 +
  .nav-tabs.nav-justified > li {
 +
    display: table-cell;
 +
    width: 1%;
 +
  }
 +
  .nav-tabs.nav-justified > li > a {
 +
    margin-bottom: 0;
 +
  }
 +
}
 +
.nav-tabs.nav-justified > li > a {
 +
  margin-right: 0;
 +
  border-radius: 4px;
 +
}
 +
.nav-tabs.nav-justified > .active > a,
 +
.nav-tabs.nav-justified > .active > a:hover,
 +
.nav-tabs.nav-justified > .active > a:focus {
 +
  border: 1px solid #ddd;
 +
}
 +
@media (min-width: 768px) {
 +
  .nav-tabs.nav-justified > li > a {
 +
    border-bottom: 1px solid #ddd;
 +
    border-radius: 4px 4px 0 0;
 +
  }
 +
  .nav-tabs.nav-justified > .active > a,
 +
  .nav-tabs.nav-justified > .active > a:hover,
 +
  .nav-tabs.nav-justified > .active > a:focus {
 +
    border-bottom-color: #fff;
 +
  }
 +
}
 +
.nav-pills > li {
 +
  float: left;
 +
}
 +
.nav-pills > li > a {
 +
  border-radius: 4px;
 +
}
 +
.nav-pills > li + li {
 +
  margin-left: 2px;
 +
}
 +
.nav-pills > li.active > a,
 +
.nav-pills > li.active > a:hover,
 +
.nav-pills > li.active > a:focus {
 +
  color: #fff;
 +
  background-color: #337ab7;
 +
}
 +
.nav-stacked > li {
 +
  float: none;
 +
}
 +
.nav-stacked > li + li {
 +
  margin-top: 2px;
 +
  margin-left: 0;
 +
}
 +
.nav-justified {
 +
  width: 100%;
 +
}
 +
.nav-justified > li {
 +
  float: none;
 +
}
 +
.nav-justified > li > a {
 +
  margin-bottom: 5px;
 +
  text-align: center;
 +
}
 +
.nav-justified > .dropdown .dropdown-menu {
 +
  top: auto;
 +
  left: auto;
 +
}
 +
@media (min-width: 768px) {
 +
  .nav-justified > li {
 +
    display: table-cell;
 +
    width: 1%;
 +
  }
 +
  .nav-justified > li > a {
 +
    margin-bottom: 0;
 +
  }
 +
}
 +
.nav-tabs-justified {
 +
  border-bottom: 0;
 +
}
 +
.nav-tabs-justified > li > a {
 +
  margin-right: 0;
 +
  border-radius: 4px;
 +
}
 +
.nav-tabs-justified > .active > a,
 +
.nav-tabs-justified > .active > a:hover,
 +
.nav-tabs-justified > .active > a:focus {
 +
  border: 1px solid #ddd;
 +
}
 +
@media (min-width: 768px) {
 +
  .nav-tabs-justified > li > a {
 +
    border-bottom: 1px solid #ddd;
 +
    border-radius: 4px 4px 0 0;
 +
  }
 +
  .nav-tabs-justified > .active > a,
 +
  .nav-tabs-justified > .active > a:hover,
 +
  .nav-tabs-justified > .active > a:focus {
 +
    border-bottom-color: #fff;
 +
  }
 +
}
 +
.tab-content > .tab-pane {
 +
  display: none;
 +
}
 +
.tab-content > .active {
 +
  display: block;
 +
}
 +
.nav-tabs .dropdown-menu {
 +
  margin-top: -1px;
 +
  border-top-left-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
.navbar {
 +
  position: relative;
 +
  min-height: 50px;
 +
  margin-bottom: 20px;
 +
  border: 1px solid transparent;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar {
 +
    border-radius: 4px;
 +
  }
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-header {
 +
    float: left;
 +
  }
 +
}
 +
.navbar-collapse {
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
  overflow-x: visible;
 +
  -webkit-overflow-scrolling: touch;
 +
  border-top: 1px solid transparent;
 +
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
 +
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
 +
}
 +
.navbar-collapse.in {
 +
  overflow-y: auto;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-collapse {
 +
    width: auto;
 +
    border-top: 0;
 +
    -webkit-box-shadow: none;
 +
            box-shadow: none;
 +
  }
 +
  .navbar-collapse.collapse {
 +
    display: block !important;
 +
    height: auto !important;
 +
    padding-bottom: 0;
 +
    overflow: visible !important;
 +
  }
 +
  .navbar-collapse.in {
 +
    overflow-y: visible;
 +
  }
 +
  .navbar-fixed-top .navbar-collapse,
 +
  .navbar-static-top .navbar-collapse,
 +
  .navbar-fixed-bottom .navbar-collapse {
 +
    padding-right: 0;
 +
    padding-left: 0;
 +
  }
 +
}
 +
.navbar-fixed-top .navbar-collapse,
 +
.navbar-fixed-bottom .navbar-collapse {
 +
  max-height: 340px;
 +
}
 +
@media (max-device-width: 480px) and (orientation: landscape) {
 +
  .navbar-fixed-top .navbar-collapse,
 +
  .navbar-fixed-bottom .navbar-collapse {
 +
    max-height: 200px;
 +
  }
 +
}
 +
.container > .navbar-header,
 +
.container-fluid > .navbar-header,
 +
.container > .navbar-collapse,
 +
.container-fluid > .navbar-collapse {
 +
 
 +
}
 +
@media (min-width: 768px) {
 +
  .container > .navbar-header,
 +
  .container-fluid > .navbar-header,
 +
  .container > .navbar-collapse,
 +
  .container-fluid > .navbar-collapse {
 +
    margin-right: 0;
 +
    margin-left: 0;
 +
  }
 +
}
 +
.navbar-static-top {
 +
  z-index: 1000;
 +
  border-width: 0 0 1px;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-static-top {
 +
    border-radius: 0;
 +
  }
 +
}
 +
.navbar-fixed-top,
 +
.navbar-fixed-bottom {
 +
  position: fixed;
 +
  right: 0;
 +
  left: 0;
 +
  z-index: 1030;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-fixed-top,
 +
  .navbar-fixed-bottom {
 +
    border-radius: 0;
 +
  }
 +
}
 +
.navbar-fixed-top {
 +
  top: 0;
 +
  border-width: 0 0 1px;
 +
}
 +
.navbar-fixed-bottom {
 +
  bottom: 0;
 +
  margin-bottom: 0;
 +
  border-width: 1px 0 0;
 +
}
 +
.navbar-brand {
 +
  float: left;
 +
  height: 50px;
 +
  padding: 15px 15px;
 +
  font-size: 18px;
 +
  line-height: 20px;
 +
}
 +
.navbar-brand:hover,
 +
.navbar-brand:focus {
 +
  text-decoration: none;
 +
}
 +
.navbar-brand > img {
 +
  display: block;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar > .container .navbar-brand,
 +
  .navbar > .container-fluid .navbar-brand {
 +
 
 +
  }
 +
}
 +
.navbar-toggle {
 +
  position: relative;
 +
  float: right;
 +
  padding: 9px 10px;
 +
  margin-top: 8px;
 +
  margin-right: 15px;
 +
  margin-bottom: 8px;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.navbar-toggle:focus {
 +
  outline: 0;
 +
}
 +
.navbar-toggle .icon-bar {
 +
  display: block;
 +
  width: 22px;
 +
  height: 2px;
 +
  border-radius: 1px;
 +
}
 +
.navbar-toggle .icon-bar + .icon-bar {
 +
  margin-top: 4px;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-toggle {
 +
    display: none;
 +
  }
 +
}
 +
.navbar-nav {
 +
  margin: 7.5px -15px;
 +
}
 +
.navbar-nav > li > a {
 +
  padding-top: 10px;
 +
  padding-bottom: 10px;
 +
  line-height: 20px;
 +
}
 +
@media (max-width: 767px) {
 +
  .navbar-nav .open .dropdown-menu {
 +
    position: static;
 +
    float: none;
 +
    width: auto;
 +
    margin-top: 0;
 +
    background-color: transparent;
 +
    border: 0;
 +
    -webkit-box-shadow: none;
 +
            box-shadow: none;
 +
  }
 +
  .navbar-nav .open .dropdown-menu > li > a,
 +
  .navbar-nav .open .dropdown-menu .dropdown-header {
 +
    padding: 5px 15px 5px 25px;
 +
  }
 +
  .navbar-nav .open .dropdown-menu > li > a {
 +
    line-height: 20px;
 +
  }
 +
  .navbar-nav .open .dropdown-menu > li > a:hover,
 +
  .navbar-nav .open .dropdown-menu > li > a:focus {
 +
    background-image: none;
 +
  }
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-nav {
 +
    float: left;
 +
    margin: 0;
 +
  }
 +
  .navbar-nav > li {
 +
    float: left;
 +
  }
 +
  .navbar-nav > li > a {
 +
    padding-top: 15px;
 +
    padding-bottom: 15px;
 +
  }
 +
}
 +
.navbar-form {
 +
  padding: 10px 15px;
 +
  margin-top: 8px;
 +
  margin-right: -15px;
 +
  margin-bottom: 8px;
 +
  margin-left: -15px;
 +
  border-top: 1px solid transparent;
 +
  border-bottom: 1px solid transparent;
 +
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
 +
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-form .form-group {
 +
    display: inline-block;
 +
    margin-bottom: 0;
 +
    vertical-align: middle;
 +
  }
 +
  .navbar-form .form-control {
 +
    display: inline-block;
 +
    width: auto;
 +
    vertical-align: middle;
 +
  }
 +
  .navbar-form .form-control-static {
 +
    display: inline-block;
 +
  }
 +
  .navbar-form .input-group {
 +
    display: inline-table;
 +
    vertical-align: middle;
 +
  }
 +
  .navbar-form .input-group .input-group-addon,
 +
  .navbar-form .input-group .input-group-btn,
 +
  .navbar-form .input-group .form-control {
 +
    width: auto;
 +
  }
 +
  .navbar-form .input-group > .form-control {
 +
    width: 100%;
 +
  }
 +
  .navbar-form .control-label {
 +
    margin-bottom: 0;
 +
    vertical-align: middle;
 +
  }
 +
  .navbar-form .radio,
 +
  .navbar-form .checkbox {
 +
    display: inline-block;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
    vertical-align: middle;
 +
  }
 +
  .navbar-form .radio label,
 +
  .navbar-form .checkbox label {
 +
    padding-left: 0;
 +
  }
 +
  .navbar-form .radio input[type="radio"],
 +
  .navbar-form .checkbox input[type="checkbox"] {
 +
    position: relative;
 +
    margin-left: 0;
 +
  }
 +
  .navbar-form .has-feedback .form-control-feedback {
 +
    top: 0;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .navbar-form .form-group {
 +
    margin-bottom: 5px;
 +
  }
 +
  .navbar-form .form-group:last-child {
 +
    margin-bottom: 0;
 +
  }
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-form {
 +
    width: auto;
 +
    padding-top: 0;
 +
    padding-bottom: 0;
 +
    margin-right: 0;
 +
    margin-left: 0;
 +
    border: 0;
 +
    -webkit-box-shadow: none;
 +
            box-shadow: none;
 +
  }
 +
}
 +
.navbar-nav > li > .dropdown-menu {
 +
  margin-top: 0;
 +
  border-top-left-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
 +
  margin-bottom: 0;
 +
  border-top-left-radius: 4px;
 +
  border-top-right-radius: 4px;
 +
  border-bottom-right-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.navbar-btn {
 +
  margin-top: 8px;
 +
  margin-bottom: 8px;
 +
}
 +
.navbar-btn.btn-sm {
 +
  margin-top: 10px;
 +
  margin-bottom: 10px;
 +
}
 +
.navbar-btn.btn-xs {
 +
  margin-top: 14px;
 +
  margin-bottom: 14px;
 +
}
 +
.navbar-text {
 +
  margin-top: 15px;
 +
  margin-bottom: 15px;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-text {
 +
    float: left;
 +
    margin-right: 15px;
 +
    margin-left: 15px;
 +
  }
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-left {
 +
    float: left !important;
 +
  }
 +
  .navbar-right {
 +
    float: right !important;
 +
    margin-right: -15px;
 +
  }
 +
  .navbar-right ~ .navbar-right {
 +
    margin-right: 0;
 +
  }
 +
}
 +
.navbar-default {
 +
  background-color: #f8f8f8;
 +
  border-color: #e7e7e7;
 +
}
 +
.navbar-default .navbar-brand {
 +
  color: #777;
 +
}
 +
.navbar-default .navbar-brand:hover,
 +
.navbar-default .navbar-brand:focus {
 +
  color: #5e5e5e;
 +
  background-color: transparent;
 +
}
 +
.navbar-default .navbar-text {
 +
  color: #777;
 +
}
 +
.navbar-default .navbar-nav > li > a {
 +
  color: #777;
 +
}
 +
.navbar-default .navbar-nav > li > a:hover,
 +
.navbar-default .navbar-nav > li > a:focus {
 +
  color: #333;
 +
  background-color: transparent;
 +
}
 +
.navbar-default .navbar-nav > .active > a,
 +
.navbar-default .navbar-nav > .active > a:hover,
 +
.navbar-default .navbar-nav > .active > a:focus {
 +
  color: #555;
 +
  background-color: #e7e7e7;
 +
}
 +
.navbar-default .navbar-nav > .disabled > a,
 +
.navbar-default .navbar-nav > .disabled > a:hover,
 +
.navbar-default .navbar-nav > .disabled > a:focus {
 +
  color: #ccc;
 +
  background-color: transparent;
 +
}
 +
.navbar-default .navbar-toggle {
 +
  border-color: #ddd;
 +
}
 +
.navbar-default .navbar-toggle:hover,
 +
.navbar-default .navbar-toggle:focus {
 +
  background-color: #ddd;
 +
}
 +
.navbar-default .navbar-toggle .icon-bar {
 +
  background-color: #888;
 +
}
 +
.navbar-default .navbar-collapse,
 +
.navbar-default .navbar-form {
 +
  border-color: #e7e7e7;
 +
}
 +
.navbar-default .navbar-nav > .open > a,
 +
.navbar-default .navbar-nav > .open > a:hover,
 +
.navbar-default .navbar-nav > .open > a:focus {
 +
  color: #555;
 +
  background-color: #e7e7e7;
 +
}
 +
@media (max-width: 767px) {
 +
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 +
    color: #777;
 +
  }
 +
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 +
    color: #333;
 +
    background-color: transparent;
 +
  }
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #555;
 +
    background-color: #e7e7e7;
 +
  }
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 +
    color: #ccc;
 +
    background-color: transparent;
 +
  }
 +
}
 +
.navbar-default .navbar-link {
 +
  color: #777;
 +
}
 +
.navbar-default .navbar-link:hover {
 +
  color: #333;
 +
}
 +
.navbar-default .btn-link {
 +
  color: #777;
 +
}
 +
.navbar-default .btn-link:hover,
 +
.navbar-default .btn-link:focus {
 +
  color: #333;
 +
}
 +
.navbar-default .btn-link[disabled]:hover,
 +
fieldset[disabled] .navbar-default .btn-link:hover,
 +
.navbar-default .btn-link[disabled]:focus,
 +
fieldset[disabled] .navbar-default .btn-link:focus {
 +
  color: #ccc;
 +
}
 +
.navbar-inverse {
 +
  background-color: #222;
 +
  border-color: #080808;
 +
}
 +
.navbar-inverse .navbar-brand {
 +
  color: #9d9d9d;
 +
}
 +
.navbar-inverse .navbar-brand:hover,
 +
.navbar-inverse .navbar-brand:focus {
 +
  color: #fff;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-text {
 +
  color: #9d9d9d;
 +
}
 +
.navbar-inverse .navbar-nav > li > a {
 +
  color: #9d9d9d;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:hover,
 +
.navbar-inverse .navbar-nav > li > a:focus {
 +
  color: #fff;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav > .active > a,
 +
.navbar-inverse .navbar-nav > .active > a:hover,
 +
.navbar-inverse .navbar-nav > .active > a:focus {
 +
  color: #fff;
 +
  background-color: #080808;
 +
}
 +
.navbar-inverse .navbar-nav > .disabled > a,
 +
.navbar-inverse .navbar-nav > .disabled > a:hover,
 +
.navbar-inverse .navbar-nav > .disabled > a:focus {
 +
  color: #444;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-toggle {
 +
  border-color: #333;
 +
}
 +
.navbar-inverse .navbar-toggle:hover,
 +
.navbar-inverse .navbar-toggle:focus {
 +
  background-color: #333;
 +
}
 +
.navbar-inverse .navbar-toggle .icon-bar {
 +
  background-color: #fff;
 +
}
 +
.navbar-inverse .navbar-collapse,
 +
.navbar-inverse .navbar-form {
 +
  border-color: #101010;
 +
}
 +
.navbar-inverse .navbar-nav > .open > a,
 +
.navbar-inverse .navbar-nav > .open > a:hover,
 +
.navbar-inverse .navbar-nav > .open > a:focus {
 +
  color: #fff;
 +
  background-color: #080808;
 +
}
 +
@media (max-width: 767px) {
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
 +
    border-color: #080808;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
 +
    background-color: #080808;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 +
    color: #9d9d9d;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
 +
    color: #fff;
 +
    background-color: transparent;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #fff;
 +
    background-color: #080808;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 +
    color: #444;
 +
    background-color: transparent;
 +
  }
 +
}
 +
.navbar-inverse .navbar-link {
 +
  color: #9d9d9d;
 +
}
 +
.navbar-inverse .navbar-link:hover {
 +
  color: #fff;
 +
}
 +
.navbar-inverse .btn-link {
 +
  color: #9d9d9d;
 +
}
 +
.navbar-inverse .btn-link:hover,
 +
.navbar-inverse .btn-link:focus {
 +
  color: #fff;
 +
}
 +
.navbar-inverse .btn-link[disabled]:hover,
 +
fieldset[disabled] .navbar-inverse .btn-link:hover,
 +
.navbar-inverse .btn-link[disabled]:focus,
 +
fieldset[disabled] .navbar-inverse .btn-link:focus {
 +
  color: #444;
 +
}
 +
.breadcrumb {
 +
  padding: 8px 15px;
 +
  margin-bottom: 20px;
 +
  list-style: none;
 +
  background-color: #f5f5f5;
 +
  border-radius: 4px;
 +
}
 +
.breadcrumb > li {
 +
  display: inline-block;
 +
}
 +
.breadcrumb > li + li:before {
 +
  padding: 0 5px;
 +
  color: #ccc;
 +
  content: "/\00a0";
 +
}
 +
.breadcrumb > .active {
 +
  color: #777;
 +
}
 +
.pagination {
 +
  display: inline-block;
 +
  padding-left: 0;
 +
  margin: 20px 0;
 +
  border-radius: 4px;
 +
}
 +
.pagination > li {
 +
  display: inline;
 +
}
 +
.pagination > li > a,
 +
.pagination > li > span {
 +
  position: relative;
 +
  float: left;
 +
  padding: 6px 12px;
 +
  margin-left: -1px;
 +
  line-height: 1.42857143;
 +
  color: #337ab7;
 +
  text-decoration: none;
 +
  background-color: #fff;
 +
  border: 1px solid #ddd;
 +
}
 +
.pagination > li:first-child > a,
 +
.pagination > li:first-child > span {
 +
  margin-left: 0;
 +
  border-top-left-radius: 4px;
 +
  border-bottom-left-radius: 4px;
 +
}
 +
.pagination > li:last-child > a,
 +
.pagination > li:last-child > span {
 +
  border-top-right-radius: 4px;
 +
  border-bottom-right-radius: 4px;
 +
}
 +
.pagination > li > a:hover,
 +
.pagination > li > span:hover,
 +
.pagination > li > a:focus,
 +
.pagination > li > span:focus {
 +
  color: #23527c;
 +
  background-color: #eee;
 +
  border-color: #ddd;
 +
}
 +
.pagination > .active > a,
 +
.pagination > .active > span,
 +
.pagination > .active > a:hover,
 +
.pagination > .active > span:hover,
 +
.pagination > .active > a:focus,
 +
.pagination > .active > span:focus {
 +
  z-index: 2;
 +
  color: #fff;
 +
  cursor: default;
 +
  background-color: #337ab7;
 +
  border-color: #337ab7;
 +
}
 +
.pagination > .disabled > span,
 +
.pagination > .disabled > span:hover,
 +
.pagination > .disabled > span:focus,
 +
.pagination > .disabled > a,
 +
.pagination > .disabled > a:hover,
 +
.pagination > .disabled > a:focus {
 +
  color: #777;
 +
  cursor: not-allowed;
 +
  background-color: #fff;
 +
  border-color: #ddd;
 +
}
 +
.pagination-lg > li > a,
 +
.pagination-lg > li > span {
 +
  padding: 10px 16px;
 +
  font-size: 18px;
 +
}
 +
.pagination-lg > li:first-child > a,
 +
.pagination-lg > li:first-child > span {
 +
  border-top-left-radius: 6px;
 +
  border-bottom-left-radius: 6px;
 +
}
 +
.pagination-lg > li:last-child > a,
 +
.pagination-lg > li:last-child > span {
 +
  border-top-right-radius: 6px;
 +
  border-bottom-right-radius: 6px;
 +
}
 +
.pagination-sm > li > a,
 +
.pagination-sm > li > span {
 +
  padding: 5px 10px;
 +
  font-size: 12px;
 +
}
 +
.pagination-sm > li:first-child > a,
 +
.pagination-sm > li:first-child > span {
 +
  border-top-left-radius: 3px;
 +
  border-bottom-left-radius: 3px;
 +
}
 +
.pagination-sm > li:last-child > a,
 +
.pagination-sm > li:last-child > span {
 +
  border-top-right-radius: 3px;
 +
  border-bottom-right-radius: 3px;
 +
}
 +
.pager {
 +
  padding-left: 0;
 +
  margin: 20px 0;
 +
  text-align: center;
 +
  list-style: none;
 +
}
 +
.pager li {
 +
  display: inline;
 +
}
 +
.pager li > a,
 +
.pager li > span {
 +
  display: inline-block;
 +
  padding: 5px 14px;
 +
  background-color: #fff;
 +
  border: 1px solid #ddd;
 +
  border-radius: 15px;
 +
}
 +
.pager li > a:hover,
 +
.pager li > a:focus {
 +
  text-decoration: none;
 +
  background-color: #eee;
 +
}
 +
.pager .next > a,
 +
.pager .next > span {
 +
  float: right;
 +
}
 +
.pager .previous > a,
 +
.pager .previous > span {
 +
  float: left;
 +
}
 +
.pager .disabled > a,
 +
.pager .disabled > a:hover,
 +
.pager .disabled > a:focus,
 +
.pager .disabled > span {
 +
  color: #777;
 +
  cursor: not-allowed;
 +
  background-color: #fff;
 +
}
 +
.label {
 +
  display: inline;
 +
  padding: .2em .6em .3em;
 +
  font-size: 75%;
 +
  font-weight: bold;
 +
  line-height: 1;
 +
  color: #fff;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: baseline;
 +
  border-radius: .25em;
 +
}
 +
a.label:hover,
 +
a.label:focus {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
.label:empty {
 +
  display: none;
 +
}
 +
.btn .label {
 +
  position: relative;
 +
  top: -1px;
 +
}
 +
.label-default {
 +
  background-color: #777;
 +
}
 +
.label-default[href]:hover,
 +
.label-default[href]:focus {
 +
  background-color: #5e5e5e;
 +
}
 +
.label-primary {
 +
  background-color: #337ab7;
 +
}
 +
.label-primary[href]:hover,
 +
.label-primary[href]:focus {
 +
  background-color: #76bf8d;
 +
}
 +
.label-success {
 +
  background-color: #5cb85c;
 +
}
 +
.label-success[href]:hover,
 +
.label-success[href]:focus {
 +
  background-color: #449d44;
 +
}
 +
.label-info {
 +
  background-color: #5bc0de;
 +
}
 +
.label-info[href]:hover,
 +
.label-info[href]:focus {
 +
  background-color: #31b0d5;
 +
}
 +
.label-warning {
 +
  background-color: #f0ad4e;
 +
}
 +
.label-warning[href]:hover,
 +
.label-warning[href]:focus {
 +
  background-color: #ec971f;
 +
}
 +
.label-danger {
 +
  background-color: #d9534f;
 +
}
 +
.label-danger[href]:hover,
 +
.label-danger[href]:focus {
 +
  background-color: #c9302c;
 +
}
 +
.badge {
 +
  display: inline-block;
 +
  min-width: 10px;
 +
  padding: 3px 7px;
 +
  font-size: 12px;
 +
  font-weight: bold;
 +
  line-height: 1;
 +
  color: #fff;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: baseline;
 +
  background-color: #777;
 +
  border-radius: 10px;
 +
}
 +
.badge:empty {
 +
  display: none;
 +
}
 +
.btn .badge {
 +
  position: relative;
 +
  top: -1px;
 +
}
 +
.btn-xs .badge,
 +
.btn-group-xs > .btn .badge {
 +
  top: 0;
 +
  padding: 1px 5px;
 +
}
 +
a.badge:hover,
 +
a.badge:focus {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
.list-group-item.active > .badge,
 +
.nav-pills > .active > a > .badge {
 +
  color: #337ab7;
 +
  background-color: #fff;
 +
}
 +
.list-group-item > .badge {
 +
  float: right;
 +
}
 +
.list-group-item > .badge + .badge {
 +
  margin-right: 5px;
 +
}
 +
.nav-pills > li > a > .badge {
 +
  margin-left: 3px;
 +
}
 +
.jumbotron {
 +
  padding:50px;
 +
  margin:50px;
 +
  color: inherit;
 +
  background-color:rgba(125, 63, 152, 0.9);
 +
}
 +
.jumbotron h1,
 +
.jumbotron .h1 {
 +
  color: inherit;
 +
}
 +
.jumbotron p {
 +
  margin-bottom: 15px;
 +
  font-size: 21px;
 +
  font-weight: 200;
 +
  line-height:80%;
 +
}
 +
.jumbotron > hr {
 +
  border-top-color: #d5d5d5;
 +
}
 +
.rolldown .jumbotron,
 +
.rolldown-fluid .jumbotron {
 +
  border-radius: 6px;
 +
}
 +
.jumbotron .rolldown {
 +
  max-width: 100%;
 +
}
 +
@media screen and (min-width: 768px) {
 +
  .jumbotron {
 +
    padding: 48px 0;
 +
  }
 +
  .rolldown .jumbotron,
 +
  .rolldown-fluid .jumbotron {
 +
    padding-right: 60px;
 +
    padding-left: 60px;
 +
  }
 +
  .jumbotron h1,
 +
  .jumbotron .h1 {
 +
    font-size: 63px;
 +
  }
 +
}
 +
.thumbnail {
 +
  display: block;
 +
  padding: 4px;
 +
  margin-bottom: 20px;
 +
  line-height: 1.42857143;
 +
  background-color: #fff;
 +
  border: 1px solid #ddd;
 +
  border-radius: 4px;
 +
  -webkit-transition: border .2s ease-in-out;
 +
      -o-transition: border .2s ease-in-out;
 +
          transition: border .2s ease-in-out;
 +
}
 +
.thumbnail > img,
 +
.thumbnail a > img {
 +
  margin-right: auto;
 +
  margin-left: auto;
 +
}
 +
a.thumbnail:hover,
 +
a.thumbnail:focus,
 +
a.thumbnail.active {
 +
  border-color: #337ab7;
 +
}
 +
.thumbnail .caption {
 +
  padding: 9px;
 +
  color: #333;
 +
}
 +
.alert {
 +
  padding: 15px;
 +
  margin-bottom: 20px;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.alert h4 {
 +
  margin-top: 0;
 +
  color: inherit;
 +
}
 +
.alert .alert-link {
 +
  font-weight: bold;
 +
}
 +
.alert > p,
 +
.alert > ul {
 +
  margin-bottom: 0;
 +
}
 +
.alert > p + p {
 +
  margin-top: 5px;
 +
}
 +
.alert-dismissable,
 +
.alert-dismissible {
 +
  padding-right: 35px;
 +
}
 +
.alert-dismissable .close,
 +
.alert-dismissible .close {
 +
  position: relative;
 +
  top: -2px;
 +
  right: -21px;
 +
  color: inherit;
 +
}
 +
.alert-success {
 +
  color: #3c763d;
 +
  background-color: #dff0d8;
 +
  border-color: #d6e9c6;
 +
}
 +
.alert-success hr {
 +
  border-top-color: #c9e2b3;
 +
}
 +
.alert-success .alert-link {
 +
  color: #2b542c;
 +
}
 +
.alert-info {
 +
  color: #31708f;
 +
  background-color: #d9edf7;
 +
  border-color: #bce8f1;
 +
}
 +
.alert-info hr {
 +
  border-top-color: #a6e1ec;
 +
}
 +
.alert-info .alert-link {
 +
  color: #245269;
 +
}
 +
.alert-warning {
 +
  color: #8a6d3b;
 +
  background-color: #fcf8e3;
 +
  border-color: #faebcc;
 +
}
 +
.alert-warning hr {
 +
  border-top-color: #f7e1b5;
 +
}
 +
.alert-warning .alert-link {
 +
  color: #66512c;
 +
}
 +
.alert-danger {
 +
  color: #a94442;
 +
  background-color: #f2dede;
 +
  border-color: #ebccd1;
 +
}
 +
.alert-danger hr {
 +
  border-top-color: #e4b9c0;
 +
}
 +
.alert-danger .alert-link {
 +
  color: #843534;
 +
}
 +
@-webkit-keyframes progress-bar-stripes {
 +
  from {
 +
    background-position: 40px 0;
 +
  }
 +
  to {
 +
    background-position: 0 0;
 +
  }
 +
}
 +
@-o-keyframes progress-bar-stripes {
 +
  from {
 +
    background-position: 40px 0;
 +
  }
 +
  to {
 +
    background-position: 0 0;
 +
  }
 +
}
 +
@keyframes progress-bar-stripes {
 +
  from {
 +
    background-position: 40px 0;
 +
  }
 +
  to {
 +
    background-position: 0 0;
 +
  }
 +
}
 +
.progress {
 +
  height: 20px;
 +
  margin-bottom: 20px;
 +
  overflow: hidden;
 +
  background-color: #f5f5f5;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
 +
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
 +
}
 +
.progress-bar {
 +
  float: left;
 +
  width: 0;
 +
  height: 100%;
 +
  font-size: 12px;
 +
  line-height: 20px;
 +
  color: #fff;
 +
  text-align: center;
 +
  background-color: #337ab7;
 +
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
 +
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
 +
  -webkit-transition: width .6s ease;
 +
      -o-transition: width .6s ease;
 +
          transition: width .6s ease;
 +
}
 +
.progress-striped .progress-bar,
 +
.progress-bar-striped {
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  -webkit-background-size: 40px 40px;
 +
          background-size: 40px 40px;
 +
}
 +
.progress.active .progress-bar,
 +
.progress-bar.active {
 +
  -webkit-animation: progress-bar-stripes 2s linear infinite;
 +
      -o-animation: progress-bar-stripes 2s linear infinite;
 +
          animation: progress-bar-stripes 2s linear infinite;
 +
}
 +
.progress-bar-success {
 +
  background-color: #5cb85c;
 +
}
 +
.progress-striped .progress-bar-success {
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
}
 +
.progress-bar-info {
 +
  background-color: #5bc0de;
 +
}
 +
.progress-striped .progress-bar-info {
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
}
 +
.progress-bar-warning {
 +
  background-color: #f0ad4e;
 +
}
 +
.progress-striped .progress-bar-warning {
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
}
 +
.progress-bar-danger {
 +
  background-color: #d9534f;
 +
}
 +
.progress-striped .progress-bar-danger {
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
}
 +
.media {
 +
  margin-top: 15px;
 +
}
 +
.media:first-child {
 +
  margin-top: 0;
 +
}
 +
.media,
 +
.media-body {
 +
  overflow: hidden;
 +
  zoom: 1;
 +
}
 +
.media-body {
 +
  width: 10000px;
 +
}
 +
.media-object {
 +
  display: block;
 +
}
 +
.media-right,
 +
.media > .pull-right {
 +
  padding-left: 10px;
 +
}
 +
.media-left,
 +
.media > .pull-left {
 +
  padding-right: 10px;
 +
}
 +
.media-left,
 +
.media-right,
 +
.media-body {
 +
  display: table-cell;
 +
  vertical-align: top;
 +
}
 +
.media-middle {
 +
  vertical-align: middle;
 +
}
 +
.media-bottom {
 +
  vertical-align: bottom;
 +
}
 +
.media-heading {
 +
  margin-top: 0;
 +
  margin-bottom: 5px;
 +
}
 +
.media-list {
 +
  padding-left: 0;
 +
  list-style: none;
 +
}
 +
.list-group {
 +
  padding-left: 0;
 +
  margin-bottom: 20px;
 +
}
 +
.list-group-item {
 +
  position: relative;
 +
  display: block;
 +
  padding: 10px 15px;
 +
  margin-bottom: -1px;
 +
  background-color: #fff;
 +
  border: 1px solid #ddd;
 +
}
 +
.list-group-item:first-child {
 +
  border-top-left-radius: 4px;
 +
  border-top-right-radius: 4px;
 +
}
 +
.list-group-item:last-child {
 +
  margin-bottom: 0;
 +
  border-bottom-right-radius: 4px;
 +
  border-bottom-left-radius: 4px;
 +
}
 +
a.list-group-item {
 +
  color: #555;
 +
}
 +
a.list-group-item .list-group-item-heading {
 +
  color: #333;
 +
}
 +
a.list-group-item:hover,
 +
a.list-group-item:focus {
 +
  color: #555;
 +
  text-decoration: none;
 +
  background-color: #f5f5f5;
 +
}
 +
.list-group-item.disabled,
 +
.list-group-item.disabled:hover,
 +
.list-group-item.disabled:focus {
 +
  color: #777;
 +
  cursor: not-allowed;
 +
  background-color: #eee;
 +
}
 +
.list-group-item.disabled .list-group-item-heading,
 +
.list-group-item.disabled:hover .list-group-item-heading,
 +
.list-group-item.disabled:focus .list-group-item-heading {
 +
  color: inherit;
 +
}
 +
.list-group-item.disabled .list-group-item-text,
 +
.list-group-item.disabled:hover .list-group-item-text,
 +
.list-group-item.disabled:focus .list-group-item-text {
 +
  color: #777;
 +
}
 +
.list-group-item.active,
 +
.list-group-item.active:hover,
 +
.list-group-item.active:focus {
 +
  z-index: 2;
 +
  color: #fff;
 +
  background-color: #337ab7;
 +
  border-color: #337ab7;
 +
}
 +
.list-group-item.active .list-group-item-heading,
 +
.list-group-item.active:hover .list-group-item-heading,
 +
.list-group-item.active:focus .list-group-item-heading,
 +
.list-group-item.active .list-group-item-heading > small,
 +
.list-group-item.active:hover .list-group-item-heading > small,
 +
.list-group-item.active:focus .list-group-item-heading > small,
 +
.list-group-item.active .list-group-item-heading > .small,
 +
.list-group-item.active:hover .list-group-item-heading > .small,
 +
.list-group-item.active:focus .list-group-item-heading > .small {
 +
  color: inherit;
 +
}
 +
.list-group-item.active .list-group-item-text,
 +
.list-group-item.active:hover .list-group-item-text,
 +
.list-group-item.active:focus .list-group-item-text {
 +
  color: #c7ddef;
 +
}
 +
.list-group-item-success {
 +
  color: #3c763d;
 +
  background-color: #dff0d8;
 +
}
 +
a.list-group-item-success {
 +
  color: #3c763d;
 +
}
 +
a.list-group-item-success .list-group-item-heading {
 +
  color: inherit;
 +
}
 +
a.list-group-item-success:hover,
 +
a.list-group-item-success:focus {
 +
  color: #3c763d;
 +
  background-color: #d0e9c6;
 +
}
 +
a.list-group-item-success.active,
 +
a.list-group-item-success.active:hover,
 +
a.list-group-item-success.active:focus {
 +
  color: #fff;
 +
  background-color: #3c763d;
 +
  border-color: #3c763d;
 +
}
 +
.list-group-item-info {
 +
  color: #31708f;
 +
  background-color: #d9edf7;
 +
}
 +
a.list-group-item-info {
 +
  color: #31708f;
 +
}
 +
a.list-group-item-info .list-group-item-heading {
 +
  color: inherit;
 +
}
 +
a.list-group-item-info:hover,
 +
a.list-group-item-info:focus {
 +
  color: #31708f;
 +
  background-color: #c4e3f3;
 +
}
 +
a.list-group-item-info.active,
 +
a.list-group-item-info.active:hover,
 +
a.list-group-item-info.active:focus {
 +
  color: #fff;
 +
  background-color: #31708f;
 +
  border-color: #31708f;
 +
}
 +
.list-group-item-warning {
 +
  color: #8a6d3b;
 +
  background-color: #fcf8e3;
 +
}
 +
a.list-group-item-warning {
 +
  color: #8a6d3b;
 +
}
 +
a.list-group-item-warning .list-group-item-heading {
 +
  color: inherit;
 +
}
 +
a.list-group-item-warning:hover,
 +
a.list-group-item-warning:focus {
 +
  color: #8a6d3b;
 +
  background-color: #faf2cc;
 +
}
 +
a.list-group-item-warning.active,
 +
a.list-group-item-warning.active:hover,
 +
a.list-group-item-warning.active:focus {
 +
  color: #fff;
 +
  background-color: #8a6d3b;
 +
  border-color: #8a6d3b;
 +
}
 +
.list-group-item-danger {
 +
  color: #a94442;
 +
  background-color: #f2dede;
 +
}
 +
a.list-group-item-danger {
 +
  color: #a94442;
 +
}
 +
a.list-group-item-danger .list-group-item-heading {
 +
  color: inherit;
 +
}
 +
a.list-group-item-danger:hover,
 +
a.list-group-item-danger:focus {
 +
  color: #a94442;
 +
  background-color: #ebcccc;
 +
}
 +
a.list-group-item-danger.active,
 +
a.list-group-item-danger.active:hover,
 +
a.list-group-item-danger.active:focus {
 +
  color: #fff;
 +
  background-color: #a94442;
 +
  border-color: #a94442;
 +
}
 +
.list-group-item-heading {
 +
  margin-top: 0;
 +
  margin-bottom: 5px;
 +
}
 +
.list-group-item-text {
 +
  margin-bottom: 0;
 +
  line-height: 1.3;
 +
}
 +
.panel {
 +
  margin-bottom: 20px;
 +
  background-color: #fff;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 +
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 +
}
 +
.panel-body {
 +
  padding: 15px;
 +
}
 +
.panel-heading {
 +
  padding: 10px 15px;
 +
  border-bottom: 1px solid transparent;
 +
  border-top-left-radius: 3px;
 +
  border-top-right-radius: 3px;
 +
}
 +
.panel-heading > .dropdown .dropdown-toggle {
 +
  color: inherit;
 +
}
 +
.panel-title {
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
  font-size: 16px;
 +
  color: inherit;
 +
}
 +
.panel-title > a,
 +
.panel-title > small,
 +
.panel-title > .small,
 +
.panel-title > small > a,
 +
.panel-title > .small > a {
 +
  color: inherit;
 +
}
 +
.panel-footer {
 +
  padding: 10px 15px;
 +
  background-color: #f5f5f5;
 +
  border-top: 1px solid #ddd;
 +
  border-bottom-right-radius: 3px;
 +
  border-bottom-left-radius: 3px;
 +
}
 +
.panel > .list-group,
 +
.panel > .panel-collapse > .list-group {
 +
  margin-bottom: 0;
 +
}
 +
.panel > .list-group .list-group-item,
 +
.panel > .panel-collapse > .list-group .list-group-item {
 +
  border-width: 1px 0;
 +
  border-radius: 0;
 +
}
 +
.panel > .list-group:first-child .list-group-item:first-child,
 +
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
 +
  border-top: 0;
 +
  border-top-left-radius: 3px;
 +
  border-top-right-radius: 3px;
 +
}
 +
.panel > .list-group:last-child .list-group-item:last-child,
 +
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
 +
  border-bottom: 0;
 +
  border-bottom-right-radius: 3px;
 +
  border-bottom-left-radius: 3px;
 +
}
 +
.panel-heading + .list-group .list-group-item:first-child {
 +
  border-top-width: 0;
 +
}
 +
.list-group + .panel-footer {
 +
  border-top-width: 0;
 +
}
 +
.panel > .table,
 +
.panel > .table-responsive > .table,
 +
.panel > .panel-collapse > .table {
 +
  margin-bottom: 0;
 +
}
 +
.panel > .table caption,
 +
.panel > .table-responsive > .table caption,
 +
.panel > .panel-collapse > .table caption {
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
}
 +
.panel > .table:first-child,
 +
.panel > .table-responsive:first-child > .table:first-child {
 +
  border-top-left-radius: 3px;
 +
  border-top-right-radius: 3px;
 +
}
 +
.panel > .table:first-child > thead:first-child > tr:first-child,
 +
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
 +
.panel > .table:first-child > tbody:first-child > tr:first-child,
 +
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
 +
  border-top-left-radius: 3px;
 +
  border-top-right-radius: 3px;
 +
}
 +
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
 +
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
 +
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
 +
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
 +
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
 +
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
 +
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
 +
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
 +
  border-top-left-radius: 3px;
 +
}
 +
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
 +
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
 +
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
 +
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
 +
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
 +
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
 +
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
 +
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
 +
  border-top-right-radius: 3px;
 +
}
 +
.panel > .table:last-child,
 +
.panel > .table-responsive:last-child > .table:last-child {
 +
  border-bottom-right-radius: 3px;
 +
  border-bottom-left-radius: 3px;
 +
}
 +
.panel > .table:last-child > tbody:last-child > tr:last-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
 +
.panel > .table:last-child > tfoot:last-child > tr:last-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
 +
  border-bottom-right-radius: 3px;
 +
  border-bottom-left-radius: 3px;
 +
}
 +
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
 +
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
 +
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
 +
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
 +
  border-bottom-left-radius: 3px;
 +
}
 +
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
 +
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
 +
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
 +
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
 +
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
 +
  border-bottom-right-radius: 3px;
 +
}
 +
.panel > .panel-body + .table,
 +
.panel > .panel-body + .table-responsive,
 +
.panel > .table + .panel-body,
 +
.panel > .table-responsive + .panel-body {
 +
  border-top: 1px solid #ddd;
 +
}
 +
.panel > .table > tbody:first-child > tr:first-child th,
 +
.panel > .table > tbody:first-child > tr:first-child td {
 +
  border-top: 0;
 +
}
 +
.panel > .table-bordered,
 +
.panel > .table-responsive > .table-bordered {
 +
  border: 0;
 +
}
 +
.panel > .table-bordered > thead > tr > th:first-child,
 +
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
 +
.panel > .table-bordered > tbody > tr > th:first-child,
 +
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
 +
.panel > .table-bordered > tfoot > tr > th:first-child,
 +
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
 +
.panel > .table-bordered > thead > tr > td:first-child,
 +
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
 +
.panel > .table-bordered > tbody > tr > td:first-child,
 +
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
 +
.panel > .table-bordered > tfoot > tr > td:first-child,
 +
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
 +
  border-left: 0;
 +
}
 +
.panel > .table-bordered > thead > tr > th:last-child,
 +
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
 +
.panel > .table-bordered > tbody > tr > th:last-child,
 +
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
 +
.panel > .table-bordered > tfoot > tr > th:last-child,
 +
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
 +
.panel > .table-bordered > thead > tr > td:last-child,
 +
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
 +
.panel > .table-bordered > tbody > tr > td:last-child,
 +
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
 +
.panel > .table-bordered > tfoot > tr > td:last-child,
 +
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
 +
  border-right: 0;
 +
}
 +
.panel > .table-bordered > thead > tr:first-child > td,
 +
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
 +
.panel > .table-bordered > tbody > tr:first-child > td,
 +
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
 +
.panel > .table-bordered > thead > tr:first-child > th,
 +
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
 +
.panel > .table-bordered > tbody > tr:first-child > th,
 +
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
 +
  border-bottom: 0;
 +
}
 +
.panel > .table-bordered > tbody > tr:last-child > td,
 +
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
 +
.panel > .table-bordered > tfoot > tr:last-child > td,
 +
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
 +
.panel > .table-bordered > tbody > tr:last-child > th,
 +
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
 +
.panel > .table-bordered > tfoot > tr:last-child > th,
 +
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
 +
  border-bottom: 0;
 +
}
 +
.panel > .table-responsive {
 +
  margin-bottom: 0;
 +
  border: 0;
 +
}
 +
.panel-group {
 +
  margin-bottom: 20px;
 +
}
 +
.panel-group .panel {
 +
  margin-bottom: 0;
 +
  border-radius: 4px;
 +
}
 +
.panel-group .panel + .panel {
 +
  margin-top: 5px;
 +
}
 +
.panel-group .panel-heading {
 +
  border-bottom: 0;
 +
}
 +
.panel-group .panel-heading + .panel-collapse > .panel-body,
 +
.panel-group .panel-heading + .panel-collapse > .list-group {
 +
  border-top: 1px solid #ddd;
 +
}
 +
.panel-group .panel-footer {
 +
  border-top: 0;
 +
}
 +
.panel-group .panel-footer + .panel-collapse .panel-body {
 +
  border-bottom: 1px solid #ddd;
 +
}
 +
.panel-default {
 +
  border-color: #ddd;
 +
}
 +
.panel-default > .panel-heading {
 +
  color: #333;
 +
  background-color: #f5f5f5;
 +
  border-color: #ddd;
 +
}
 +
.panel-default > .panel-heading + .panel-collapse > .panel-body {
 +
  border-top-color: #ddd;
 +
}
 +
.panel-default > .panel-heading .badge {
 +
  color: #f5f5f5;
 +
  background-color: #333;
 +
}
 +
.panel-default > .panel-footer + .panel-collapse > .panel-body {
 +
  border-bottom-color: #ddd;
 +
}
 +
.panel-primary {
 +
  border-color: #337ab7;
 +
}
 +
.panel-primary > .panel-heading {
 +
  color: #fff;
 +
  background-color: #337ab7;
 +
  border-color: #337ab7;
 +
}
 +
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
 +
  border-top-color: #337ab7;
 +
}
 +
.panel-primary > .panel-heading .badge {
 +
  color: #337ab7;
 +
  background-color: #fff;
 +
}
 +
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
 +
  border-bottom-color: #337ab7;
 +
}
 +
.panel-success {
 +
  border-color: #d6e9c6;
 +
}
 +
.panel-success > .panel-heading {
 +
  color: #3c763d;
 +
  background-color: #dff0d8;
 +
  border-color: #d6e9c6;
 +
}
 +
.panel-success > .panel-heading + .panel-collapse > .panel-body {
 +
  border-top-color: #d6e9c6;
 +
}
 +
.panel-success > .panel-heading .badge {
 +
  color: #dff0d8;
 +
  background-color: #3c763d;
 +
}
 +
.panel-success > .panel-footer + .panel-collapse > .panel-body {
 +
  border-bottom-color: #d6e9c6;
 +
}
 +
.panel-info {
 +
  border-color: #bce8f1;
 +
}
 +
.panel-info > .panel-heading {
 +
  color: #31708f;
 +
  background-color: #d9edf7;
 +
  border-color: #bce8f1;
 +
}
 +
.panel-info > .panel-heading + .panel-collapse > .panel-body {
 +
  border-top-color: #bce8f1;
 +
}
 +
.panel-info > .panel-heading .badge {
 +
  color: #d9edf7;
 +
  background-color: #31708f;
 +
}
 +
.panel-info > .panel-footer + .panel-collapse > .panel-body {
 +
  border-bottom-color: #bce8f1;
 +
}
 +
.panel-warning {
 +
  border-color: #faebcc;
 +
}
 +
.panel-warning > .panel-heading {
 +
  color: #8a6d3b;
 +
  background-color: #fcf8e3;
 +
  border-color: #faebcc;
 +
}
 +
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
 +
  border-top-color: #faebcc;
 +
}
 +
.panel-warning > .panel-heading .badge {
 +
  color: #fcf8e3;
 +
  background-color: #8a6d3b;
 +
}
 +
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
 +
  border-bottom-color: #faebcc;
 +
}
 +
.panel-danger {
 +
  border-color: #ebccd1;
 +
}
 +
.panel-danger > .panel-heading {
 +
  color: #a94442;
 +
  background-color: #f2dede;
 +
  border-color: #ebccd1;
 +
}
 +
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
 +
  border-top-color: #ebccd1;
 +
}
 +
.panel-danger > .panel-heading .badge {
 +
  color: #f2dede;
 +
  background-color: #a94442;
 +
}
 +
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
 +
  border-bottom-color: #ebccd1;
 +
}
 +
.embed-responsive {
 +
  position: relative;
 +
  display: block;
 +
  height: 0;
 +
  padding: 0;
 +
  overflow: hidden;
 +
}
 +
.embed-responsive .embed-responsive-item,
 +
.embed-responsive iframe,
 +
.embed-responsive embed,
 +
.embed-responsive object,
 +
.embed-responsive video {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  border: 0;
 +
}
 +
.embed-responsive-16by9 {
 +
  padding-bottom: 56.25%;
 +
}
 +
.embed-responsive-4by3 {
 +
  padding-bottom: 75%;
 +
}
 +
.well {
 +
  min-height: 20px;
 +
  padding: 19px;
 +
  margin-bottom: 20px;
 +
  background-color: #f5f5f5;
 +
  border: 1px solid #e3e3e3;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 +
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 +
}
 +
.well blockquote {
 +
  border-color: #ddd;
 +
  border-color: rgba(0, 0, 0, .15);
 +
}
 +
.well-lg {
 +
  padding: 24px;
 +
  border-radius: 6px;
 +
}
 +
.well-sm {
 +
  padding: 9px;
 +
  border-radius: 3px;
 +
}
 +
.close {
 +
  float: right;
 +
  font-size: 21px;
 +
  font-weight: bold;
 +
  line-height: 1;
 +
  color: #000;
 +
  text-shadow: 0 1px 0 #fff;
 +
  filter: alpha(opacity=20);
 +
  opacity: .2;
 +
}
 +
.close:hover,
 +
.close:focus {
 +
  color: #000;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
  filter: alpha(opacity=50);
 +
  opacity: .5;
 +
}
 +
button.close {
 +
  -webkit-appearance: none;
 +
  padding: 0;
 +
  cursor: pointer;
 +
  background: transparent;
 +
  border: 0;
 +
}
 +
.modal-open {
 +
  overflow: hidden;
 +
}
 +
.modal {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  z-index: 1050;
 +
  display: none;
 +
  overflow: hidden;
 +
  -webkit-overflow-scrolling: touch;
 +
  outline: 0;
 +
}
 +
.modal.fade .modal-dialog {
 +
  -webkit-transition: -webkit-transform .3s ease-out;
 +
      -o-transition:      -o-transform .3s ease-out;
 +
          transition:        transform .3s ease-out;
 +
  -webkit-transform: translate(0, -25%);
 +
      -ms-transform: translate(0, -25%);
 +
      -o-transform: translate(0, -25%);
 +
          transform: translate(0, -25%);
 +
}
 +
.modal.in .modal-dialog {
 +
  -webkit-transform: translate(0, 0);
 +
      -ms-transform: translate(0, 0);
 +
      -o-transform: translate(0, 0);
 +
          transform: translate(0, 0);
 +
}
 +
.modal-open .modal {
 +
  overflow-x: hidden;
 +
  overflow-y: auto;
 +
}
 +
.modal-dialog {
 +
  position: relative;
 +
  width: auto;
 +
  margin: 10px;
 +
}
 +
.modal-content {
 +
  position: relative;
 +
  background-color: #fff;
 +
  -webkit-background-clip: padding-box;
 +
          background-clip: padding-box;
 +
  border: 1px solid #999;
 +
  border: 1px solid rgba(0, 0, 0, .2);
 +
  border-radius: 6px;
 +
  outline: 0;
 +
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
 +
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
 +
}
 +
.modal-backdrop {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  z-index: 1040;
 +
  background-color: #000;
 +
}
 +
.modal-backdrop.fade {
 +
  filter: alpha(opacity=0);
 +
  opacity: 0;
 +
}
 +
.modal-backdrop.in {
 +
  filter: alpha(opacity=50);
 +
  opacity: .5;
 +
}
 +
.modal-header {
 +
  min-height: 16.42857143px;
 +
  padding: 15px;
 +
  border-bottom: 1px solid #e5e5e5;
 +
}
 +
.modal-header .close {
 +
  margin-top: -2px;
 +
}
 +
.modal-title {
 +
  margin: 0;
 +
  line-height: 1.42857143;
 +
}
 +
.modal-body {
 +
  position: relative;
 +
  padding: 15px;
 +
}
 +
.modal-footer {
 +
  padding: 15px;
 +
  text-align: right;
 +
  border-top: 1px solid #e5e5e5;
 +
}
 +
.modal-footer .btn + .btn {
 +
  margin-bottom: 0;
 +
  margin-left: 5px;
 +
}
 +
.modal-footer .btn-group .btn + .btn {
 +
  margin-left: -1px;
 +
}
 +
.modal-footer .btn-block + .btn-block {
 +
  margin-left: 0;
 +
}
 +
.modal-scrollbar-measure {
 +
  position: absolute;
 +
  top: -9999px;
 +
  width: 50px;
 +
  height: 50px;
 +
  overflow: scroll;
 +
}
 +
@media (min-width: 768px) {
 +
  .modal-dialog {
 +
    width: 600px;
 +
    margin: 30px auto;
 +
  }
 +
  .modal-content {
 +
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
 +
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
 +
  }
 +
  .modal-sm {
 +
    width: 300px;
 +
  }
 +
}
 +
@media (min-width: 992px) {
 +
  .modal-lg {
 +
    width: 900px;
 +
  }
 +
}
 +
.tooltip {
 +
  position: absolute;
 +
  z-index: 1070;
 +
  display: block;
 +
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
  font-size: 12px;
 +
  font-weight: normal;
 +
  line-height: 1.4;
 +
  filter: alpha(opacity=0);
 +
  opacity: 0;
 +
}
 +
.tooltip.in {
 +
  filter: alpha(opacity=90);
 +
  opacity: .9;
 +
}
 +
.tooltip.top {
 +
  padding: 5px 0;
 +
  margin-top: -3px;
 +
}
 +
.tooltip.right {
 +
  padding: 0 5px;
 +
  margin-left: 3px;
 +
}
 +
.tooltip.bottom {
 +
  padding: 5px 0;
 +
  margin-top: 3px;
 +
}
 +
.tooltip.left {
 +
  padding: 0 5px;
 +
  margin-left: -3px;
 +
}
 +
.tooltip-inner {
 +
  max-width: 200px;
 +
  padding: 3px 8px;
 +
  color: #fff;
 +
  text-align: center;
 +
  text-decoration: none;
 +
  background-color: #000;
 +
  border-radius: 4px;
 +
}
 +
.tooltip-arrow {
 +
  position: absolute;
 +
  width: 0;
 +
  height: 0;
 +
  border-color: transparent;
 +
  border-style: solid;
 +
}
 +
.tooltip.top .tooltip-arrow {
 +
  bottom: 0;
 +
  left: 50%;
 +
  margin-left: -5px;
 +
  border-width: 5px 5px 0;
 +
  border-top-color: #000;
 +
}
 +
.tooltip.top-left .tooltip-arrow {
 +
  right: 5px;
 +
  bottom: 0;
 +
  margin-bottom: -5px;
 +
  border-width: 5px 5px 0;
 +
  border-top-color: #000;
 +
}
 +
.tooltip.top-right .tooltip-arrow {
 +
  bottom: 0;
 +
  left: 5px;
 +
  margin-bottom: -5px;
 +
  border-width: 5px 5px 0;
 +
  border-top-color: #000;
 +
}
 +
.tooltip.right .tooltip-arrow {
 +
  top: 50%;
 +
  left: 0;
 +
  margin-top: -5px;
 +
  border-width: 5px 5px 5px 0;
 +
  border-right-color: #000;
 +
}
 +
.tooltip.left .tooltip-arrow {
 +
  top: 50%;
 +
  right: 0;
 +
  margin-top: -5px;
 +
  border-width: 5px 0 5px 5px;
 +
  border-left-color: #000;
 +
}
 +
.tooltip.bottom .tooltip-arrow {
 +
  top: 0;
 +
  left: 50%;
 +
  margin-left: -5px;
 +
  border-width: 0 5px 5px;
 +
  border-bottom-color: #000;
 +
}
 +
.tooltip.bottom-left .tooltip-arrow {
 +
  top: 0;
 +
  right: 5px;
 +
  margin-top: -5px;
 +
  border-width: 0 5px 5px;
 +
  border-bottom-color: #000;
 +
}
 +
.tooltip.bottom-right .tooltip-arrow {
 +
  top: 0;
 +
  left: 5px;
 +
  margin-top: -5px;
 +
  border-width: 0 5px 5px;
 +
  border-bottom-color: #000;
 +
}
 +
.popover {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 1060;
 +
  display: none;
 +
  max-width: 276px;
 +
  padding: 1px;
 +
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: left;
 +
  white-space: normal;
 +
  background-color: #fff;
 +
  -webkit-background-clip: padding-box;
 +
          background-clip: padding-box;
 +
  border: 1px solid #ccc;
 +
  border: 1px solid rgba(0, 0, 0, .2);
 +
  border-radius: 6px;
 +
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 +
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 +
}
 +
.popover.top {
 +
  margin-top: -10px;
 +
}
 +
.popover.right {
 +
  margin-left: 10px;
 +
}
 +
.popover.bottom {
 +
  margin-top: 10px;
 +
}
 +
.popover.left {
 +
  margin-left: -10px;
 +
}
 +
.popover-title {
 +
  padding: 8px 14px;
 +
  margin: 0;
 +
  font-size: 14px;
 +
  background-color: #f7f7f7;
 +
  border-bottom: 1px solid #ebebeb;
 +
  border-radius: 5px 5px 0 0;
 +
}
 +
.popover-content {
 +
  padding: 9px 14px;
 +
}
 +
.popover > .arrow,
 +
.popover > .arrow:after {
 +
  position: absolute;
 +
  display: block;
 +
  width: 0;
 +
  height: 0;
 +
  border-color: transparent;
 +
  border-style: solid;
 +
}
 +
.popover > .arrow {
 +
  border-width: 11px;
 +
}
 +
.popover > .arrow:after {
 +
  content: "";
 +
  border-width: 10px;
 +
}
 +
.popover.top > .arrow {
 +
  bottom: -11px;
 +
  left: 50%;
 +
  margin-left: -11px;
 +
  border-top-color: #999;
 +
  border-top-color: rgba(0, 0, 0, .25);
 +
  border-bottom-width: 0;
 +
}
 +
.popover.top > .arrow:after {
 +
  bottom: 1px;
 +
  margin-left: -10px;
 +
  content: " ";
 +
  border-top-color: #fff;
 +
  border-bottom-width: 0;
 +
}
 +
.popover.right > .arrow {
 +
  top: 50%;
 +
  left: -11px;
 +
  margin-top: -11px;
 +
  border-right-color: #999;
 +
  border-right-color: rgba(0, 0, 0, .25);
 +
  border-left-width: 0;
 +
}
 +
.popover.right > .arrow:after {
 +
  bottom: -10px;
 +
  left: 1px;
 +
  content: " ";
 +
  border-right-color: #fff;
 +
  border-left-width: 0;
 +
}
 +
.popover.bottom > .arrow {
 +
  top: -11px;
 +
  left: 50%;
 +
  margin-left: -11px;
 +
  border-top-width: 0;
 +
  border-bottom-color: #999;
 +
  border-bottom-color: rgba(0, 0, 0, .25);
 +
}
 +
.popover.bottom > .arrow:after {
 +
  top: 1px;
 +
  margin-left: -10px;
 +
  content: " ";
 +
  border-top-width: 0;
 +
  border-bottom-color: #fff;
 +
}
 +
.popover.left > .arrow {
 +
  top: 50%;
 +
  right: -11px;
 +
  margin-top: -11px;
 +
  border-right-width: 0;
 +
  border-left-color: #999;
 +
  border-left-color: rgba(0, 0, 0, .25);
 +
}
 +
.popover.left > .arrow:after {
 +
  right: 1px;
 +
  bottom: -10px;
 +
  content: " ";
 +
  border-right-width: 0;
 +
  border-left-color: #fff;
 +
}
 +
.carousel {
 +
  position: relative;
 +
}
 +
.carousel-inner {
 +
  position: relative;
 +
  width: 100%;
 +
  overflow: hidden;
 +
}
 +
.carousel-inner > .item {
 +
  position: relative;
 +
  display: none;
 +
  -webkit-transition: .6s ease-in-out left;
 +
      -o-transition: .6s ease-in-out left;
 +
          transition: .6s ease-in-out left;
 +
}
 +
.carousel-inner > .item > img,
 +
.carousel-inner > .item > a > img {
 +
  line-height: 1;
 +
}
 +
@media all and (transform-3d), (-webkit-transform-3d) {
 +
  .carousel-inner > .item {
 +
    -webkit-transition: -webkit-transform .6s ease-in-out;
 +
        -o-transition:      -o-transform .6s ease-in-out;
 +
            transition:        transform .6s ease-in-out;
 +
 
 +
    -webkit-backface-visibility: hidden;
 +
            backface-visibility: hidden;
 +
    -webkit-perspective: 1000;
 +
            perspective: 1000;
 +
  }
 +
  .carousel-inner > .item.next,
 +
  .carousel-inner > .item.active.right {
 +
    left: 0;
 +
    -webkit-transform: translate3d(100%, 0, 0);
 +
            transform: translate3d(100%, 0, 0);
 +
  }
 +
  .carousel-inner > .item.prev,
 +
  .carousel-inner > .item.active.left {
 +
    left: 0;
 +
    -webkit-transform: translate3d(-100%, 0, 0);
 +
            transform: translate3d(-100%, 0, 0);
 +
  }
 +
  .carousel-inner > .item.next.left,
 +
  .carousel-inner > .item.prev.right,
 +
  .carousel-inner > .item.active {
 +
    left: 0;
 +
    -webkit-transform: translate3d(0, 0, 0);
 +
            transform: translate3d(0, 0, 0);
 +
  }
 +
}
 +
.carousel-inner > .active,
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  display: block;
 +
}
 +
.carousel-inner > .active {
 +
  left: 0;
 +
}
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  position: absolute;
 +
  top: 0;
 +
  width: 100%;
 +
}
 +
.carousel-inner > .next {
 +
  left: 100%;
 +
}
 +
.carousel-inner > .prev {
 +
  left: -100%;
 +
}
 +
.carousel-inner > .next.left,
 +
.carousel-inner > .prev.right {
 +
  left: 0;
 +
}
 +
.carousel-inner > .active.left {
 +
  left: -100%;
 +
}
 +
.carousel-inner > .active.right {
 +
  left: 100%;
 +
}
 +
.carousel-control {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  width: 15%;
 +
  font-size: 20px;
 +
  color: #fff;
 +
  text-align: center;
 +
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
 +
  filter: alpha(opacity=50);
 +
  opacity: .5;
 +
}
 +
.carousel-control.left {
 +
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
 +
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
 +
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
 +
  background-image:        linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 +
  background-repeat: repeat-x;
 +
}
 +
.carousel-control.right {
 +
  right: 0;
 +
  left: auto;
 +
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
 +
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
 +
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
 +
  background-image:        linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 +
  background-repeat: repeat-x;
 +
}
 +
.carousel-control:hover,
 +
.carousel-control:focus {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  filter: alpha(opacity=90);
 +
  outline: 0;
 +
  opacity: .9;
 +
}
 +
.carousel-control .icon-prev,
 +
.carousel-control .icon-next,
 +
.carousel-control .glyphicon-chevron-left,
 +
.carousel-control .glyphicon-chevron-right {
 +
  position: absolute;
 +
  top: 50%;
 +
  z-index: 5;
 +
  display: inline-block;
 +
}
 +
.carousel-control .icon-prev,
 +
.carousel-control .glyphicon-chevron-left {
 +
  left: 50%;
 +
  margin-left: -10px;
 +
}
 +
.carousel-control .icon-next,
 +
.carousel-control .glyphicon-chevron-right {
 +
  right: 50%;
 +
  margin-right: -10px;
 +
}
 +
.carousel-control .icon-prev,
 +
.carousel-control .icon-next {
 +
  width: 20px;
 +
  height: 20px;
 +
  margin-top: -10px;
 +
  font-family: serif;
 +
  line-height: 1;
 +
}
 +
.carousel-control .icon-prev:before {
 +
  content: '\2039';
 +
}
 +
.carousel-control .icon-next:before {
 +
  content: '\203a';
 +
}
 +
.carousel-indicators {
 +
  position: absolute;
 +
  bottom: 10px;
 +
  left: 50%;
 +
  z-index: 15;
 +
  width: 60%;
 +
  padding-left: 0;
 +
  margin-left: -30%;
 +
  text-align: center;
 +
  list-style: none;
 +
}
 +
.carousel-indicators li {
 +
  display: inline-block;
 +
  width: 10px;
 +
  height: 10px;
 +
  margin: 1px;
 +
  text-indent: -999px;
 +
  cursor: pointer;
 +
  background-color: #000 \9;
 +
  background-color: rgba(0, 0, 0, 0);
 +
  border: 1px solid #fff;
 +
  border-radius: 10px;
 +
}
 +
.carousel-indicators .active {
 +
  width: 12px;
 +
  height: 12px;
 +
  margin: 0;
 +
  background-color: #fff;
 +
}
 +
.carousel-caption {
 +
  position: absolute;
 +
  right: 15%;
 +
  bottom: 20px;
 +
  left: 15%;
 +
  z-index: 10;
 +
  padding-top: 20px;
 +
  padding-bottom: 20px;
 +
  color: #fff;
 +
  text-align: center;
 +
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
 +
}
 +
.carousel-caption .btn {
 +
  text-shadow: none;
 +
}
 +
@media screen and (min-width: 768px) {
 +
  .carousel-control .glyphicon-chevron-left,
 +
  .carousel-control .glyphicon-chevron-right,
 +
  .carousel-control .icon-prev,
 +
  .carousel-control .icon-next {
 +
    width: 30px;
 +
    height: 30px;
 +
    margin-top: -15px;
 +
    font-size: 30px;
 +
  }
 +
  .carousel-control .glyphicon-chevron-left,
 +
  .carousel-control .icon-prev {
 +
    margin-left: -15px;
 +
  }
 +
  .carousel-control .glyphicon-chevron-right,
 +
  .carousel-control .icon-next {
 +
    margin-right: -15px;
 +
  }
 +
  .carousel-caption {
 +
    right: 20%;
 +
    left: 20%;
 +
    padding-bottom: 30px;
 +
  }
 +
  .carousel-indicators {
 +
    bottom: 20px;
 +
  }
 +
}
 +
.clearfix:before,
 +
.clearfix:after,
 +
.dl-horizontal dd:before,
 +
.dl-horizontal dd:after,
 +
.rolldown:before,
 +
.rolldown:after,
 +
.rolldown-fluid:before,
 +
.rolldown-fluid:after,
 +
.row:before,
 +
.row:after,
 +
.form-horizontal .form-group:before,
 +
.form-horizontal .form-group:after,
 +
.btn-toolbar:before,
 +
.btn-toolbar:after,
 +
.btn-group-vertical > .btn-group:before,
 +
.btn-group-vertical > .btn-group:after,
 +
.nav:before,
 +
.nav:after,
 +
.navbar:before,
 +
.navbar:after,
 +
.navbar-header:before,
 +
.navbar-header:after,
 +
.navbar-collapse:before,
 +
.navbar-collapse:after,
 +
.pager:before,
 +
.pager:after,
 +
.panel-body:before,
 +
.panel-body:after,
 +
.modal-footer:before,
 +
.modal-footer:after {
 +
  display: table;
 +
  content: " ";
 +
}
 +
.clearfix:after,
 +
.dl-horizontal dd:after,
 +
.rolldown:after,
 +
.rolldown-fluid:after,
 +
.row:after,
 +
.form-horizontal .form-group:after,
 +
.btn-toolbar:after,
 +
.btn-group-vertical > .btn-group:after,
 +
.nav:after,
 +
.navbar:after,
 +
.navbar-header:after,
 +
.navbar-collapse:after,
 +
.pager:after,
 +
.panel-body:after,
 +
.modal-footer:after {
 +
  clear: both;
 +
}
 +
.center-block {
 +
  display: block;
 +
  margin-right: auto;
 +
  margin-left: auto;
 +
}
 +
.pull-right {
 +
  float: right !important;
 +
}
 +
.pull-left {
 +
  float: left !important;
 +
}
 +
.hide {
 +
  display: none !important;
 +
}
 +
.show {
 +
  display: block !important;
 +
}
 +
.invisible {
 +
  visibility: hidden;
 +
}
 +
.text-hide {
 +
  font: 0/0 a;
 +
  color: transparent;
 +
  text-shadow: none;
 +
  background-color: transparent;
 +
  border: 0;
 +
}
 +
.hidden {
 +
  display: none !important;
 +
}
 +
.affix {
 +
  position: fixed;
 +
}
 +
@-ms-viewport {
 +
  width: device-width;
 +
}
 +
.visible-xs,
 +
.visible-sm,
 +
.visible-md,
 +
.visible-lg {
 +
  display: none !important;
 +
}
 +
.visible-xs-block,
 +
.visible-xs-inline,
 +
.visible-xs-inline-block,
 +
.visible-sm-block,
 +
.visible-sm-inline,
 +
.visible-sm-inline-block,
 +
.visible-md-block,
 +
.visible-md-inline,
 +
.visible-md-inline-block,
 +
.visible-lg-block,
 +
.visible-lg-inline,
 +
.visible-lg-inline-block {
 +
  display: none !important;
 +
}
 +
.row{
 +
  width:950px;
 +
  padding-left:15px;
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-xs {
 +
    display: block !important;
 +
  }
 +
  table.visible-xs {
 +
    display: table;
 +
  }
 +
  tr.visible-xs {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-xs,
 +
  td.visible-xs {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-xs-block {
 +
    display: block !important;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-xs-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-xs-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-sm {
 +
    display: block !important;
 +
  }
 +
  table.visible-sm {
 +
    display: table;
 +
  }
 +
  tr.visible-sm {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-sm,
 +
  td.visible-sm {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-sm-block {
 +
    display: block !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-sm-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-sm-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-md {
 +
    display: block !important;
 +
  }
 +
  table.visible-md {
 +
    display: table;
 +
  }
 +
  tr.visible-md {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-md,
 +
  td.visible-md {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-md-block {
 +
    display: block !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-md-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-md-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-lg {
 +
    display: block !important;
 +
  }
 +
  table.visible-lg {
 +
    display: table;
 +
  }
 +
  tr.visible-lg {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-lg,
 +
  td.visible-lg {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-lg-block {
 +
    display: block !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-lg-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-lg-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .hidden-xs {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .hidden-sm {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .hidden-md {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .hidden-lg {
 +
    display: none !important;
 +
  }
 +
}
 +
.visible-print {
 +
  display: none !important;
 +
}
 +
@media print {
 +
  .visible-print {
 +
    display: block !important;
 +
  }
 +
  table.visible-print {
 +
    display: table;
 +
  }
 +
  tr.visible-print {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-print,
 +
  td.visible-print {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
.visible-print-block {
 +
  display: none !important;
 +
}
 +
@media print {
 +
  .visible-print-block {
 +
    display: block !important;
 +
  }
 +
}
 +
.visible-print-inline {
 +
  display: none !important;
 +
}
 +
@media print {
 +
  .visible-print-inline {
 +
    display: inline !important;
 +
  }
 +
}
 +
.visible-print-inline-block {
 +
  display: none !important;
 +
}
 +
@media print {
 +
  .visible-print-inline-block {
 +
    display: inline-block !important;
 +
  }
 +
}
 +
@media print {
 +
  .hidden-print {
 +
    display: none !important;
 +
  }
 +
}
 +
/*# sourceMappingURL=bootstrap.css.map */
 +
</style>
 +
<style type="text/css">
 +
 
 +
 
 +
 
 +
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 +
 
 +
#sideMenu,
 +
#top_title {
 +
  display: none;
 +
}
 +
 
 +
#content {
 +
  padding: 0px;
 +
  width: 100%;
 +
}
 +
 
 +
body {
 +
  background-color: white;
 +
  width: 100%;
 +
}
 +
 
 +
#bodyContent h1,
 +
#bodyContent h2,
 +
#bodyContent h3,
 +
#bodyContent h4,
 +
#bodyContent h5 {
 +
  margin-bottom: 0px;
 +
}
 +
 
 +
#bodyContent {
 +
  padding-right: 0px;
 +
}
 +
 
 +
#globalWrapper {
 +
  font-size: 100%;
 +
  padding: 0px;
 +
  margin: -10px -20px -20px -20px;
 +
}
 +
 
 +
.navbar-collapse {
 +
  padding-left: 0px;
 +
}
 +
 
 +
#banner {
 +
  margin-top: 50px;
 +
}
 +
 
 +
#sideMenu {
 +
  margin-top: 10px;
 +
}
 +
 
 +
.dropdown-menu li:hover .sub-menu {
 +
  visibility: visible;
 +
}
 +
 
 +
.dropdown:hover .dropdown-menu {
 +
  display: block;
 +
}
 +
 
 +
.navbar-nav .dropdown-menu,
 +
.navbar .dropdown-menu {
 +
  margin-top: 0;
 +
}
 +
body a{
 +
  transition: 0.5s all;
 +
  -webkit-transition: 0.5s all;
 +
  -o-transition: 0.5s all;
 +
  -moz-transition: 0.5s all;
 +
  -ms-transition: 0.5s all;
 +
}
 +
 
 +
 
 +
h1,h2,h3,h4,h5,h6,label,p{
 +
  margin:0;
 +
}
 +
.client-js{
 +
  margin:0;
 +
  border:none;
 +
}
 +
#top_title,#sideMenu,#firstHeading,#logo_2018{
 +
  display: none;
 +
  margin-bottom:0;
 +
}
 +
 
 +
#content{
 +
  width:100%;
 +
  height:auto;
 +
    border: none;
 +
  z-index: -99999;
 +
  background-size:100%;
 +
  padding:0 0 0 0;
 +
  border:none;
 +
  margin-top:-12px;
 +
  margin-left:0;
 +
}
 +
html,body,#globalWrapper,#top_menu_14,#top_menu_inside,#top_title,#firstHeading,#logo_2018{
 +
  margin-top:0;
 +
  margin-left:0;
 +
  margin-bottom:0;
 +
  margin-right:0;
 +
  padding-bottom:0
 +
  border:none;
 +
}
 +
 
 +
html,body{
 +
  font-family: Delius;
 +
 
 +
  background:#fff2e6;
 +
  font-size:90%;
 +
 
 +
}
 +
h1 { font-family: Delius; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height:80%; } h3 { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } p { font-family: Delius; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 700;line-height:110%;  } blockquote { font-family: Delius; font-size: 29px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } pre { font-family: Delius; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 500; line-height:110%; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h4,  {
 +
margin-bottom: 0px;
 +
}
 +
h1,h2,h3,h4,h5,h6,p{
 +
  line-height:150%;
 +
  font-weight:500;
 +
}
 +
 
 +
.row ul,ol{
 +
  font-size:14px;
 +
}
 +
/* navigator */
 +
/* the entire div */
 +
.top-nav{
 +
  display:inline-block;
 +
  width:200px;
 +
  z-index:1;
 +
  background-image:url('https://static.igem.org/mediawiki/2018/e/ee/T--GreatBay_China--MenuNew.png');
 +
  background-repeat:no-repeat;
 +
  background-position:center;
 +
  background-size:450px;
 +
  position:fixed;
 +
  font-size:120%;
 +
  top:80px;
 +
  left:70px;
 +
  padding-bottom:120px;
 +
}
 +
 
 +
 
 +
*{
 +
  margin:0; padding:0
 +
}
 +
 
 +
.top-nav a,a:hover{
 +
  text-decoration:none;color:#000;
 +
}
 +
/* the menu position and color*/
 +
.top-nav ul{
 +
  position:relative;
 +
  top:55px;
 +
  list-style:none;margin:0 auto;
 +
  width:90px;
 +
  line-height:2;
 +
  text-align:center;
 +
  font-size:1em;
 +
  padding-bottom:100px;
 +
  color:rgb(88,73,63);
 +
  left:-12px;
 +
}
 +
/* the pull out menu */
 +
.top-nav ul li{
 +
  position:relative;
 +
  height:31px;
 +
  _float:left;
 +
}
 +
/* style for menu */
 +
.top-nav ul li span,ul li div a{
 +
  color:rgb(88,73,63);
 +
  display:block;
 +
  width:90px;
 +
  min-height:2em;
 +
  line-height:2em;
 +
  text-align:center;
 +
}
 +
<!-- .top-nav ul li div span{ -->
 +
  <!-- display:block; -->
 +
  <!-- height:20px; -->
 +
  <!-- background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png'); -->
 +
  <!-- background-width:90px; -->
 +
  <!-- background-height:20px; -->
 +
  <!-- position:relative; -->
 +
  <!-- left:-20px; -->
 +
<!-- } -->
 +
.top-nav ul li div img{
 +
  width:95px;
 +
  margin-top:-3px;
 +
  position:relative;
 +
  left:-15px;
 +
}
 +
#top{
 +
  color:white;
 +
  width:90px;
 +
  min-height:2em;
 +
  line-height:2em;
 +
  text-align:center;
 +
 
 +
}
 +
 
 +
.top-nav ul li div a{
 +
  width:80px;
 +
 
 +
}
 +
/* menu when you hover */
 +
.top-nav ul li .hover{
 +
  background:rgb(118,191,141);
 +
}
 +
/* sub menu when you hover */
 +
.top-nav ul li div{
 +
  font-size:0.9em;
 +
  width:83px;
 +
  display:none;
 +
  position:relative;
 +
  left:-83px;
 +
  top:-30px;
 +
 
 +
}
 +
.top-nav ul li div .long{
 +
  line-height:1.1em;
 +
  padding:8px;
 +
  font-size:0.85em;
 +
 
 +
}
 +
/* link style */
 +
.top-nav ul li div a{
 +
  background:rgb(118,191,141);
 +
  color:rgb(88,73,63);
 +
}
 +
/* submenu link style */
 +
.top-nav ul li div span:hover{
 +
  background:rgba(125, 63, 152, 0.4);;
 +
 
 +
}
 +
 
 +
/* submenu link style */
 +
.top-nav ul li div a:hover{
 +
  color:rgb(88,73,63);
 +
  background:rgb(203,170,199);
 +
}
 +
/* special  */
 +
.top-nav #active{
 +
  background:rgb(118,191,141);
 +
}
 +
 
 +
 
 +
/* logo */
 +
 
 +
.logo{
 +
  width:50px;
 +
  position:fixed;
 +
  bottom:15px;
 +
  left:1250px;
 +
  z-index: 10;
 +
}
 +
/*footer*/
 +
.footer{
 +
    padding-top:0px;
 +
    z-index:300;
 +
    width: 100%;
 +
    height:220px; 
 +
    position:absolute;
 +
    bottom:-220px;
 +
    left:0;
 +
    background-color:rgba(125, 63, 152, 0.9);
 +
 
 +
 
 +
}
 +
/* head, cat staring at the jar */
 +
 
 +
 
 +
/* the purple colomn at middle */
 +
.rolldown{
 +
  display:inline-block;
 +
  z-index:200;
 +
  position:absolute;
 +
  left:250px;
 +
  width:950px;
 +
  background:rgba(125, 63, 152, 0.4);
 +
  min-height:2000px;
 +
 
 +
}
 +
 
 +
.header img{
 +
  max-width: 950px;
 +
    height: auto;
 +
}
 +
 
 +
.responsive .img-title{
 +
  font-size:20px;
 +
  color:rgb(88,73,63);
 +
  background-color:white;
 +
  padding-bottom:10px;
 +
  margin:0;
 +
  font-family:Delius;
 +
  text-align:center;
 +
}
 +
.responsive div.img {
 +
    margin: 5px;
 +
  border:8px solid rgb(123,83,142);
 +
    float: left;
 +
    width: 210px;
 +
}
 +
 
 +
.responsive div.img:hover {
 +
   
 +
  border:8px solid rgb(123,83,133);
 +
}
 +
 
 +
.responsive div.img img {
 +
    width: 100%;
 +
    height: auto;
 +
  background-color:#fff;
 +
}
 +
 
 +
.responsive div.desc {
 +
  min-height:220px;
 +
    padding: 15px;
 +
    text-align: center;
 +
  color:rgb(88,73,63);
 +
  background-color:rgb(215,196,221);
 +
}
 +
#tail
 +
{
 +
position:absolute;
 +
top:340px
 +
}
 +
#cattail{
 +
 
 +
 
 +
  position: absolute;
 +
  left:-2px;
 +
  top:-9px;
 +
  z-index:10;
 +
}
 +
 
 +
#myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 #myModal21
 +
{
 +
  z-index:1;
 +
}
 +
.line
 +
{
 +
  display:block;
 +
  margin:20px;
 +
}
 +
.members
 +
{
 +
  display:inline-block;
 +
  padding:5px;
 +
    width:20%；
 +
    left:100%;
 +
}
 +
.modal-backdrop.in {
 +
    filter: alpha(opacity=50);
 +
    opacity: 1;
 +
}
 +
opacity.less:4
 +
.modal-backdrop.fade {
 +
    filter: alpha(opacity=0);
 +
    opacity: 0;
 +
}
 +
.fade.in {
 +
    opacity: 1;
 +
}
 +
 
 +
.modal-backdrop {
 +
  display:none;
 +
    position: fixed;
 +
    top: 0;
 +
    right: 0;
 +
    bottom: 0;
 +
    left: 0;
 +
    z-index: -1040;
 +
    background-color: #fff;
 +
}
 +
.title{
 +
  position:left;
 +
  color:rgb(88,73,63);
 +
  font-size:30px;
 +
 
 +
}
 +
.btn{
 +
  background-color:rgba(125, 63, 152, 0.9);
 +
}
 +
#menuhead{
 +
  position: absolute;
 +
  z-index: 10;
 +
  left:10px;
 +
}
 +
.contact
 +
{
 +
  display:inline-block;
 +
  padding:5px;
 +
    width:20%；
 +
    left:100%;
 +
}
 +
#menuhead h5{
 +
 
 +
 
 +
  position:absolute;
 +
  left:-40px;
 +
  top:-59px;
 +
  z-index:10;
 +
}
 +
#menuhead img{
 +
  position:absolute;
 +
  width: 490%;
 +
  left:-160px;
 +
  top:-42px; 
 +
}
 +
.logos
 +
{
 +
  padding:10px;
 +
  margin:10px;
 +
  color: white;
 +
  background-color:rgba(125, 63, 152, 0.9);
 +
  display:inline-block;
 +
  width:250px;
 +
  height:260px;
 +
  vertical-align:top;
 +
 
 +
}
 +
 
 +
.photo{
 +
  padding-left:10px;
 +
}
 +
.sameline
 +
{
 +
  display:inline-block;
 +
  padding:5px;
 +
  padding-right:10px;
 +
}
 +
th{
 +
  width:120px;
 +
}
 +
</style>
 +
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> -->
 +
</head>
 +
<body>
 +
 
 +
  <div class="logo"><a><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></a></div>
 +
 
 +
  <div class="container">
 +
   
 +
      <div class="top-nav">
 +
        <ul>
 +
          <li>
 +
            <div class="res" target="_self" id="menuhead">
 +
               
 +
               
 +
                <h5> Meow~</h5>
 +
                <img onclick="changeface()"  src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width="800px"></div>
 +
         
 +
        </li>
 +
         
 +
                  <li>
 +
            <a href="#"><span>Team</span></a>                   
 +
              <div>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Team">Team</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a>
 +
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
        </div>
 +
          </li>
 +
          <li>
 +
            <a href="#"><span>Project</span></a>
 +
              <div>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Results</a>
 +
               
 +
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
       
 +
        </div>
 +
          </li>
 +
          <li>
 +
            <a href="#"><span>Parts</span></a>
 +
              <div>
 +
             
 +
              <a href="https://2018.igem.org/Team:GreatBay_China/Parts">Parts</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a> 
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a>
 +
                  <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a> 
 +
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
       
 +
        </div>
 +
         
 +
          </li>
 +
          <li id="active">
 +
            <a href="#"><span>HP</span></a>
 +
              <div>
 +
              <a href="https://2018.igem.org/Team:GreatBay_China/HP">Background</a>
 +
                <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Human_Practices">Integrated HP</a>
 +
                <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Hardware">Hardware</a>
 +
                <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Engagement">Public Engagement</a>
 +
               
 +
               
 +
                 
 +
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
       
 +
        </div>
 +
          </li>
 +
          <li>
 +
            <a href="#"><span>Lab</span></a>
 +
              <div>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a>
 +
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
       
 +
        </div>
 +
          </li>
 +
          <li>
 +
            <a href="https://2018.igem.org/Team:GreatBay_China/Judging"><span>Judging</span></a>
 +
              <div>
 +
              </div>
 +
          </li>
 +
          <li>
 +
            <a href="https://2018.igem.org/Team:GreatBay_China/Safety"><span>Safety</span></a>
 +
              <div>
 +
              </div>
 +
          </li>
 +
          <li>
 +
            <a href="https://2018.igem.org/Team:GreatBay_China/Model"><span>Model</span></a>
 +
          </li>
 +
              <div>
 +
              </div>
 +
          <li>
 +
            <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
 +
          </li> 
 +
 
 +
          <li id="tail">
 +
          <a href="#top" target="_self"><span id="cattail"><img width="90" src="https://static.igem.org/mediawiki/2018/3/3b/T--GreatBay_China--MenuNewTail.png"/></span></a >
 +
        </li>
 +
       
 +
        </ul>
 +
 
 +
       
 +
       
 +
    </div> 
 +
       
 +
       
 +
 
 +
    <div class="rolldown">
 +
     
 +
      <div class="container">
 +
      <div class="footer">
 +
        <br>
 +
        <div class="row" style="padding-left:50px">
 +
 
 +
          <div class="contact">
 +
          <img src="https://static.igem.org/mediawiki/2018/d/dd/T--GreatBay_China--footer1.png" width="50px">
 +
          </div>
 +
          <div class="contact" style="width:450px">
 +
          <h5 style="color:white;">mCATNIP2018@outlook.com</h5>
 +
          </div>
 +
          <div class="contact">
 +
          <img src="https://static.igem.org/mediawiki/2018/e/ed/T--GreatBay_China--footer10.jpeg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/4/41/T--GreatBay_China--footer3.jpg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/d/d9/T--GreatBay_China--footer4.png" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/0/05/T--GreatBay_China--footer5.png" width="80px" height="80px">
 +
          </div>
 +
        </div>
 +
        <div class="row" style="padding-left:50px">
 +
          <div class="contact">
 +
          <img src="https://static.igem.org/mediawiki/2018/b/b6/T--GreatBay_China--footer2.png" width="50px">
 +
          </div>
 +
          <div class="contact" style="width:450px">
 +
          <h5 style="color:white;">@Igem2018C</h5>
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/d/dc/T--GreatBay_China--footer6.jpeg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/5/5c/T--GreatBay_China--footer7.jpeg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/7/7c/T--GreatBay_China--footer8.jpeg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/0/0e/T--GreatBay_China--footer9.jpeg" width="80px">
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="row">
 +
        <div class="header" style="margin-left: -14px;">
 +
          <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
 +
        </div>
 +
      </div>
 +
 
 +
      <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)-->     
 +
 
 +
       
 +
      <div class="row ">
 +
        <span style="height:250px"></span>
 +
        <div class="jumbotron" style="color:white;">
 +
          <h2>Project Design</h2>
 +
          <ul>
 +
            <li>Geraniol production</li>
 +
            <li>Conversion of geraniol to nepetalactol by yeast</li>
 +
            <li>Optimisation</li>
 +
              <dd>TALE stabilised promoters</dd>
 +
              <dd>Gene deletion</dd>
 +
            <li>Co- culture</li>
 +
          </ul>
 +
        </div>
 +
      </div>
 +
 
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;background-color: #fff;">
 +
        <img style="align-self: center; padding-left: 50px"src="" width="800px">
 +
        <h6 style="text-align: center;">Figure. 1 Distributing the biosynthesis pathway of nepetalactol between <em>E. coli</em> and <em>S. cerevisiae</em></h6>
 +
      </div>
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
        <h1 class="title"> Geraniol Production by <em>E. coli</em></h1>
 +
        <img style="align-self: center; padding-left: 50px"src="" width="800px">
 +
        <h6 style="text-align: center;">Figure. 2 Geraniol synthesis pathway and genetic parts design. (A) The biosynthetic route for obtaining geraniol from acetyl-coA, which requires either a MVA or MEP pathway, a GPPS, and a GES. (B) Plasmid design for strategy one. GPPS and GES are arranged in operon regulated by pTac, placed on a high copy vector pUC20. (C) Design of pMVA only. The MVA pathway is split into two clusters and placed on a low copy vector with the upper cluster containing three genes and the downstream containing four. (D) A combined plasmid with GPPS&GES operon and MVA pathway with a low copy p15A origin.</h6>
 +
      </div>
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
        <p style="font-family: Delius; font-size: 18px;">In this study, we have planned two strategies for engineering a geraniol-producing <em>E. coli</em> strain. </p><br>
 +
        <h4>Strategy one: over-expressing only GPPS and GES</h4>
 +
        <p style="font-family: Delius; font-size: 18px;">Because of the presence of endogenous MEP pathway in <em>E. coli</em>, we want to investigate whether <em>E. coli</em> is able to produce geraniol with the heterologous expression of only GPPS and GES. So we used a colE1 high-copy plasmid backbone for constructing the vector pUC20-GPPS-GES for over-expressing an <em>Abies Grandis</em> GPPS and an <em>Ocimum basilicum</em> GES upon the induction by IPTG. The two synthases are arranged in an operon similar to the characterised limonene synthesis operon by J. Keasling.<sup>[1][2]</sup> An inducible promoter pTac is chosen to prevent bringing to much burden to the host by silencing the expression until it’s needed.</p><br>
 +
        <h4>Strategy two: supplementing a MVA pathway</h4>
 +
        <p style="font-family: Delius; font-size: 18px;">From our early research, we know that introducing an upstream heterologous yeast MVA pathway beside monoterpenoid synthase is an effective approach to enhance monoterpenoid production.<sup>[3]</sup> So our second plasmid contains the yeast MVA pathway, the GPPS&GES operon. A single low-copy p15A origin is used to avoid heavy cellular burden. </p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">In addition, we need a plasmid containing only the yeast MVA pathway same as the one on pMVA-GPPS-GES as a negative control.</p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">Although E. coli strain DH1 was reported to be suitable for monoterpene synthesis<sup>[4]</sup>, we directly use our cloning host DH5alpha for geraniol synthesis because it saves time without needing to extract plasmids and transform it into a new host.</p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">To verify geraniol yield, we carry out shake-flask fermentations with LB medium. 25μM of IPTG is added when OD600 reached 1<sup>[1]</sup> and the fermentation continued for 24h. and analysed the result using gas chromatography (GC). A more accurate method would be using gas chromatography-mass spectrum (GC-MS) for result analysis. However, due to difficulties in accessing GC-MS, we are only able used GC and have referred to the time when peaks appeared for qualitative analysis.</p><br>
 +
      </div><br>
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
        <h1 class="title"> Conversion of geraniol to nepetalactol by <em>S. cerevisiae</em></h1>
 +
        <img style="align-self: center; padding-left: 50px"src="" width="800px">
 +
        <h6 style="text-align: center;">Figure. 3 Heterologous biocatalytic route in <em>S. cerevisiae</em> and relevant plasmids design. (A) Three cytochrome P-450, G8H, GOR, and ISY, are needed for converting geraniol to nepetalactol. (B) <em>S. cerevisiae</em> expression vector design. G8H expression is under the regulation of a strong constitutive promoter pTDH3 and terminator tADH1, but later we abandoned this design and changed pTDH3 to a galactose-inducible promoter pGAL. pTEF1 and tENO1 control the expression of GOR. pRP18B and tTDH3 control the expression of ISY.</h6>
 +
      </div>
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
        <p style="font-family: Delius; font-size: 18px;">Though being the most common eukaryotic engineering chassis, yeast doesn’t have as many available, well-characterized parts compared to <em>E. coli</em>. In this study, we have selected most of the parts used in this subproject from an established yeast toolbox developed by J.M. Dueber<sup>[5]</sup>. </p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">We designed three separate genetic circuits encoding for G8H, GOR and ISY from the species <em>Catharanthus</em> roseus in order to enhance the expression of G8H. To ensure a higher expression of G8H, we have selected the strongest constitutive promoter pTDH3 from the toolbox for G8H over-expression. Worrying that high constant expression of G8H would pose to much stress to the host, we created another version of G8H genetic circuit using galactose-inducible promoter pGAL instead of pTDH3. GOR and ISY are under the regulation of pTEF1 and pRP18B which are two consensus promoters of similar strength lower than that of pTDH3. </p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">Initially, we have chosen the following terminators from the toolbox: tENO1, tENO2, and tTDH1. However, later we found that tENO1 and tENO2 had near 100% similarity, which might induce homologous recombination in the host, so tENO1 was replaced by tADH1 in the 2018 distribution kits. </p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">The three genetic circuits were put together on a single yeast expression vector pYES whose copy number was 50~100 per cell. We used www.syntegron.org to generate random spacers of 25bp between circuits.</p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">BY4741 is the strain we chose to for nepetalactol biosynthesis as the highest biosynthetic nepetalactol titre was achieved with this strain.</p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">Above all, the design of genetic circuits for <em>S. cerevisiae</em> was what we found the most challenging.</p><br>
 +
      </div><br>
 +
 
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
        <h1 class="title"> Designing, Building, and Testing Transcription-activator-like Effector Stabilized Promoters for Geraniol Synthesis</h1>
 +
        <img style="align-self: center; padding-left: 50px"src="" width="800px">
 +
        <h6 style="text-align: center;">Figure. 5 Transcription-activator-like effector stabilized promoters design. (A) Transcription-activator-like-effector stabilised promoters (TALEsp) achieve independence of expression level to copy number using a non-cooperative repression by TALE which binds specifically to DNA sequence (B) By employing incoherent feedforward loop (iFFL), copy number accretes both gene expression and the repression to the gene expression, thus the effect of copy number on expression level is canceled out. (C) TALE1 and TALE2 are two TALEs used in TALEsps. By changing the core promoter that they repress, we can obtain new TALEsps. A sfGFP is placed downstream of the promoter for characterization. (D) Core promoter sequences used in the library. Each contains a binding site of the corresponding TALE.</h6>
 +
      </div>
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
        <p style="font-family: Delius; font-size: 18px;">Genetic engineering requires elaborative design and a sensible proportion of different components<sup>[6</sup>]. For instance, unbalanced enzyme expression in metabolic engineering would lead to not only shunted flux to the product, but also an unnecessary waste of carbon source and host growth inhibition<sup>[7]</sup>.  Plasmids are common engineering tools used to tune gene expression. People often assume that plasmids exist in stable copies, but this is a misleading assumption to make as plasmid copy number is actually subjected to huge variability. Altered chassis strains, new culture medium composition, different temperature, and the difference in growth phase all hugely affect plasmid copy number<sup>[8][9]</sup>. In our case, although E. coli and yeast are engineered separately, they eventually would be cultured together and probably using very different conditions because compromise is made to meet both requirements of both species. Subsequently, gene expression regulated by such design is easily agitated, leading to potential failure of a synthetic device. </p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">Transcription-activator-like-effector (TALE) stabilised promoters are a type of promoters able to untie gene expression level from gene copy number using an incoherent feedforward loop (iFFL) in which transcription-activator-like effectors (TALEs) function as a perfectly non-cooperative negative regulation. While copy number accretes gene expression, it also elevates the repression to the gene expression, thus has canceled out the effect of copy number on expression level<sup>[10]</sup>. This design can also eliminate the impact of the location of genes (whether they are placed on plasmids or in the genome, and wherein the genome) on gene expression.</p><br>
 +
 
 +
        <img style="align-self: center; padding-left: 50px"src="" width="800px">
 +
        <h6 style="text-align: center;">Table. 1 The source of all promoters in the library</h6><br>
 +
 
 +
        <p style="font-family: Delius; font-size: 18px;">Having comprehended the incredible capability and potential of TALEsp, we were deeply inspired yet felt sorry that there were only six TALEsp available to use<sup>[11]</sup>. In metabolic engineering and other areas of synthetic biology, people select promoters very carefully to ensure the most suitable strength is chosen, which seems difficult given so few candidates. Therefore, we expanded the TALEsp library through mutating core promoters of existing TALEsp, and adding TALE binding sites to the classical consensus promoter J23119, we created six more TALEsp, and have added all of twelve TALEsps to the iGEM Registry.</p><br>
 +
 
 +
        <h4>TALE1:</h4>
 +
        <ul>
 +
          <li>TALE1 sp1 (http://parts.igem.org/Parts:BBa_K2753030)</li>
 +
          <li>TALE1 sp2 (http://parts.igem.org/Parts:BBa_K2753024)</li>
 +
          <li>TALE1 sp3 (http://parts.igem.org/Parts:BBa_K2753025)</li>
 +
          <li>TALE1 sp4 (http://parts.igem.org/Parts:BBa_K2753026)</li>
 +
          <li>TALE1 sp5 (http://parts.igem.org/Parts:BBa_K2753027)</li>
 +
          <li>TALE1 sp6 (http://parts.igem.org/Parts:BBa_K2753029)</li>
 +
        </ul><br>
 +
 
 +
        <h4>TALE2:</h4>
 +
        <ul>
 +
          <li>TALE2 sp1 (http://parts.igem.org/Parts:BBa_K2753018)</li>
 +
          <li>TALE2 sp2 (http://parts.igem.org/Parts:BBa_K2753019)</li>
 +
          <li>TALE2 sp3 (http://parts.igem.org/Parts:BBa_K2753020)</li>
 +
          <li>TALE2 sp4 (http://parts.igem.org/Parts:BBa_K2753021)</li>
 +
          <li>TALE2 sp5 (http://parts.igem.org/Parts:BBa_K2753022)</li>
 +
          <li>TALE2 sp6 (http://parts.igem.org/Parts:BBa_K2753023)</li>
 +
        </ul><br>
 +
 
 +
        <img style="align-self: center; padding-left: 50px"src="" width="800px">
 +
        <h6 style="text-align: center;">Figure. 6 Twelve plasmids designs for geraniol synthesis, generated by combinations of four promoters with three vectors. They are transformed into <em>E. coli</em> with pMVA for geraniol synthesis characterization.</h6>
 +
 
 +
       
 +
        <p style="font-family: Delius; font-size: 18px;">Then, using three TALEsp in the library varying in strength (TALE1 sp1, TALE2 sp1, TALE2 sp6) along with an inducible-promoter pTac with low (pSC101), medium (pR6K), and high (pUC20) copy vectors in order to find out the optimum expression level of the geraniol synthesis operon as well as to investigate the impact of using TALEsp in metabolic engineering. In total, we tested twelve combinations of promoter and vector, and have co-expressed them with pMVA in E. coli. 25μM IPTG is added to the culture when OD600 reached 1. Geraniol yield is measured using gas chromatography 24h after induction.</p><br>
 +
      </div>
 +
 
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
        <h1 class="title"> Deletion of Endogenous Genes from <em>S. cerevisiae</em> to reduce Shunt Products</h1>
 +
        <img style="align-self: center; padding-left: 50px"src="" width="800px">
 +
        <h6 style="text-align: center;">Figure. 7 Preventing carbon source diversion from nepetalactol synthesis by knocking out <em>oye2</em>, <em>oye3</em>, <em>adh7</em> using CRISPR-Cas9. (A) Carbon source flux is diverted to other pathways at geraniol, 8-hydroxygeraniol, and 8-oxogeranial respectively. OYE2 and ATF1 show unwanted biocatalytic activity upon geraniol. OYE2 and OYE3 metabolize 8-hydroxygeraniol. 8-oxogeranial is subjected by dehydrogenation by ADH6 and ADH7. (B) An ultrahigh copy number plasmid pCRCT harboring both Cas9 and sgRNA. (C) An 8bp deletion is made between two homologous recombination disruption donor upon disruption by CRISPR</h6>
 +
      </div>
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
 
 +
        <p style="font-family: Delius; font-size: 18px;">The crosstalk between the heterologous synthesis pathway, endogenous ‘ene’-reduction and alcohol dehydrogenation pathways is the main factor preventing effective biosynthesis of nepetalactol in <em>S. cerevisiae</em>, making the deletion of promiscuous endogenous enzymes a requisite. A number of genes including <em>oye2, oye3, atf1, ari1, adh6, adh7</em> were reported by negatively affect nepetalactol production. However, as time is limited we only targeted three genes, which were <em>oye2, oye3</em>, and <em>adh7</em>.</p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">Homologous recombination and CRISPR-Cas9 are two common tools for gene deletion in <em>S. cerevisiae</em>. In addition, a Homology-Integrated CRISPR−Cas (HI-CRISPR) System was reported able to generate multiple gene disruption in yeast.</p><br>
 +
        <p style="font-family: Delius; font-size: 18px;">At first, we tried to use a selection marker to replace the target gene by homologous recombination. But after the success of the substitution, we experienced difficulties in losing the selection marker. Since recycling is necessary with only a limited number of selection markers, we eventually gave up this method and went for Hi-CRISPR which sounded very efficient. However, although Hi-CRISPR achieved deletion of <em>oye2</em>, it failed to knock out <em>oye3</em> and <em>adh7</em>. It was mentioned that the efficiency of gene deletion using Hi-CRISPR is influenced by the order in which sgRNAs of multiple targets are arranged, so we then use the receiver plasmid of Hi-CRISPR, pCRCT, to perform single gene disruption at each time. Once the success in gene knock-out was verified, we plated yeast culture on 5-FOA plate, forcing it to abandon pCRCT which contains URA3 and would be changed to produced toxic materials by 5-FOA. After, another pCRCT carrying the sgRNA of next gene would be transformed into yeast again. This process repeated until all three genes were knocked out.</p><br>
 +
       
 +
      </div>
 +
 
 +
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
        <h1 class="title"> Creating a Stable, Mutualistic Microbial Consortium using Xylose as the Carbon Source</h1>
 +
        <p style="font-family: Delius; font-size: 18px;">Functional reconstitution of nepetalactol biosynthesis pathway in <em>E. coli</em> and yeast is a promising tool for enhancing nepetalactol yield. However, maintaining an equilibrium of such a co-culture system could be a difficult task due to difference in metabolism and optimal growth conditions. To be more specific, co-culturing <em>E. coli</em> and yeast is challenging for the following reasons:</p><br>
 +
 
 +
        <ul>
 +
          <li>E. coli has a doubling time much shorter than <em>S. cerevisiae</em>, resulting in the domination of bacteria over fungus in the system<sup>[12]</sup></li>
 +
          <li>When fed glucose, <em>S. cerevisiae</em> produces toxic metabolites such as ethanol which inhibit the growth of E. coli</li>
 +
          <li>Determining the growth conditions like temperature and pH is a time-consuming drudgery</li>
 +
        </ul>
 +
 
 +
        <p style="font-family: Delius; font-size: 18px;">In this case, replacing the carbon source from glucose to xylose provides an ingenious solution<sup>[13][14]</sup>.  <em>S. cerevisiae</em> cannot utilize xylose as a carbon source. So, it can only rely on <em>E. coli</em> to provide it with acetate, a product of metabolizing xylose but is inhibitory to and excreted by <em>E. coli</em>, which is then consumed by <em>S. cerevisiae</em> as energy-supplying fuel. Since acetate in yeast is a downstream product of ethanol, when fed acetate yeast would not synthesize ethanol. </p><br>
 +
 
 +
        <p style="font-family: Delius; font-size: 18px;">Yeast provides a better growing environment for <em>E. coli</em>, meanwhile <em>E. coli</em> supply to yeast its only available food. With these mutually beneficial interactions, we would only need to inoculate an overpopulation of yeast at the beginning to create a stable microbial consortium.</p><br>
 +
 
 +
        <a href="https://2018.igem.org/Team:GreatBay_China/Model">
 +
        <p style="font-family: Delius; font-size: 18px;">We have developed a model to describe and predict the change in cell numbers of E. coli and yeast over time. Click here to check our model!</p><br>
 +
        </a>
 +
 
 +
 
 +
        <p style="font-family: Delius; font-size: 18px;">We set the initial inoculation ratio of <em>E. coli</em> and yeast to about 1:40 to offset the slower growth rate of yeast and culture them using a previously reported medium for co-culture supplemented with ammonium phosphate to improve their growth.</p><br>
 +
 
 +
 
 +
        <br><br><br><br><br><br><br><br><br>
 +
 
 +
        <div class="row" style="padding-left:50px; padding-right: 50px;">
 +
          <h2>References</h2><br>
 +
          <ol>
 +
            <li> Alonso-gutierrez, J., Chan, R., Batth, T. S., Adams, P. D., Keasling, J. D., Petzold, C. J., & Soon, T. (2013). Metabolic engineering of Escherichia coli for limonene and perillyl alcohol production. Metabolic Engineering, 19, 33–41. https://doi.org/10.1016/j.ymben.2013.05.004</li>
 +
            <li> Smanski, M. J., Bhatia, S., Zhao, D., Park, Y., Woodruff, L. B. A., Giannoukos, G., … Voigt, C. A. (2014). Functional optimization of gene clusters by combinatorial design and assembly. Nature Biotechnology, (November). https://doi.org/10.1038/nbt.3063</li>
 +
            <li> Martin, V. J. J., Pitera, D. J., Withers, S. T., Newman, J. D., & Keasling, J. D. (2003). Engineering a mevalonate pathway in Escherichia coli for production of terpenoids, 21(7), 796–802.</li>
 +
            <li></li>
 +
            <li> Redding-Johanson, A. M., Batth, T. S., Chan, R., Krupa, R., Szmidt, H. L., Adams, P. D., … Petzold, C. J. (2011). Targeted proteomics for metabolic pathway optimization: Application to terpene production. Metabolic Engineering, 13(2), 194–203. doi:10.1016/j.ymben.2010.12.005</li>
 +
            <li> Lee, M. E., DeLoache, W. C., Cervantes, B., & Dueber, J. E. (2015). A Highly Characterized Yeast Toolkit for Modular, Multipart Assembly. ACS Synthetic Biology, 4(9), 975–986. doi:10.1021/sb500366v</li>
 +
            <li> Li, G.-W., Burkhardt, D., Gross, C. & Weissman, J.S. Quantifying absolute protein synthesis rates reveals principles underlying allocation of cellular resources. Cell 157, 624–635 (2014).</li>
 +
            <li> Pfleger, B.F., Pitera, D.J., Smolke, C.D. & Keasling, J.D. Combinatorial engineering of intergenic regions in operons tunes expression of multiple genes. Nat. Biotechnol. 24, 1027–1032 (2006).</li>
 +
            <li> Lin-Chao, S. & Bremer, H. Effect of the bacterial growth rate on replication control of plasmid pBR322 in. Escherichia coli. Mol. Gen. Genet. 203, 143–149.</li>
 +
            <li> Węgrzyn, G. Replication of plasmids during bacterial response to amino acid starvation. Plasmid 41, 1–16 (1999).</li>
 +
            <li> Mangan, S. & Alon, U. Structure and function of the feedforward-loop network motif. Proc. Natl. Acad. Sci. USA 100, 11980–11985 (2003).</li>
 +
            <li> Segall-shapiro, T. H., Sontag, E. D., & Voigt, C. A. (2018). Engineered promoters enable constant gene expression at any copy number in bacteria, (March). https://doi.org/10.1038/nbt.4111</li>
 +
            <li> Davison, B. H., & Stephanopoulos, G. (1986). Effect of pH oscillations on a competing mixed culture. Biotechnology and Bioengineering, 28(8), 1127–1137. doi:10.1002/bit.260280802</li>
 +
            <li> Zhou, K., Qiao, K., Edgar, S., & Stephanopoulos, G. (2015). Distributing a metabolic pathway among a microbial consortium enhances production of natural products. Nature Biotechnology, (November 2014). https://doi.org/10.1038/nbt.3095</li>
 +
            <li> Wei Zhang, Hong Liu, Xia Li, Duo Liu, Xiu-Tao Dong, Fei-Fei Li, En-Xu Wang, Bing-Zhi Li, Y.-J. Y. (2017). Production of naringenin from D-xylose with co-culture of E. coli and S. cerevisiae. Engineering in Life Sciences, 2–27. https://doi.org/10.1002/elsc.201700039</li>
 +
          </ol>
 +
        </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
      </div>
 +
 
 +
      <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI (I wonder why I am writing this cuz only Lucinda and I will edit here.)-->
 +
<br><br><br><br>
 +
      </div>
 +
 
 +
  </div>
  
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
 
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
 
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
 
−
</ul>
 
−
</div>
 
 
</div>
 
</div>
  
 +
 
 +
 +
 +
 +
 +
</body>
 +
 +
</p>
  
 +
</div>                <div class="visualClear"></div>
 +
              </div>
 +
        </div>
  
 +
        </div>
 +
    </div>
 +
<!-- Life sucks by Lucinda Lin. Sometimes working out a template can be so goddamn hard, and it is not responsive. -->
 +
<!-- Well life has to go on by Charles Wei. Sometimes correcting a template can be so tiring, and it is a recursive.-->
 
</html>
 
</html>

Revision as of 01:00, 16 October 2018

GBC-Design


mCATNIP2018@outlook.com
@Igem2018C

Project Design

  • Geraniol production
  • Conversion of geraniol to nepetalactol by yeast
  • Optimisation
    • TALE stabilised promoters
    Gene deletion
  • Co- culture
Figure. 1 Distributing the biosynthesis pathway of nepetalactol between E. coli and S. cerevisiae

Geraniol Production by E. coli

Figure. 2 Geraniol synthesis pathway and genetic parts design. (A) The biosynthetic route for obtaining geraniol from acetyl-coA, which requires either a MVA or MEP pathway, a GPPS, and a GES. (B) Plasmid design for strategy one. GPPS and GES are arranged in operon regulated by pTac, placed on a high copy vector pUC20. (C) Design of pMVA only. The MVA pathway is split into two clusters and placed on a low copy vector with the upper cluster containing three genes and the downstream containing four. (D) A combined plasmid with GPPS&GES operon and MVA pathway with a low copy p15A origin.

In this study, we have planned two strategies for engineering a geraniol-producing E. coli strain.


Strategy one: over-expressing only GPPS and GES

Because of the presence of endogenous MEP pathway in E. coli, we want to investigate whether E. coli is able to produce geraniol with the heterologous expression of only GPPS and GES. So we used a colE1 high-copy plasmid backbone for constructing the vector pUC20-GPPS-GES for over-expressing an Abies Grandis GPPS and an Ocimum basilicum GES upon the induction by IPTG. The two synthases are arranged in an operon similar to the characterised limonene synthesis operon by J. Keasling.[1][2] An inducible promoter pTac is chosen to prevent bringing to much burden to the host by silencing the expression until it’s needed.


Strategy two: supplementing a MVA pathway

From our early research, we know that introducing an upstream heterologous yeast MVA pathway beside monoterpenoid synthase is an effective approach to enhance monoterpenoid production.[3] So our second plasmid contains the yeast MVA pathway, the GPPS&GES operon. A single low-copy p15A origin is used to avoid heavy cellular burden.


In addition, we need a plasmid containing only the yeast MVA pathway same as the one on pMVA-GPPS-GES as a negative control.


Although E. coli strain DH1 was reported to be suitable for monoterpene synthesis[4], we directly use our cloning host DH5alpha for geraniol synthesis because it saves time without needing to extract plasmids and transform it into a new host.


To verify geraniol yield, we carry out shake-flask fermentations with LB medium. 25μM of IPTG is added when OD600 reached 1[1] and the fermentation continued for 24h. and analysed the result using gas chromatography (GC). A more accurate method would be using gas chromatography-mass spectrum (GC-MS) for result analysis. However, due to difficulties in accessing GC-MS, we are only able used GC and have referred to the time when peaks appeared for qualitative analysis.



Conversion of geraniol to nepetalactol by S. cerevisiae

Figure. 3 Heterologous biocatalytic route in S. cerevisiae and relevant plasmids design. (A) Three cytochrome P-450, G8H, GOR, and ISY, are needed for converting geraniol to nepetalactol. (B) S. cerevisiae expression vector design. G8H expression is under the regulation of a strong constitutive promoter pTDH3 and terminator tADH1, but later we abandoned this design and changed pTDH3 to a galactose-inducible promoter pGAL. pTEF1 and tENO1 control the expression of GOR. pRP18B and tTDH3 control the expression of ISY.

Though being the most common eukaryotic engineering chassis, yeast doesn’t have as many available, well-characterized parts compared to E. coli. In this study, we have selected most of the parts used in this subproject from an established yeast toolbox developed by J.M. Dueber[5].


We designed three separate genetic circuits encoding for G8H, GOR and ISY from the species Catharanthus roseus in order to enhance the expression of G8H. To ensure a higher expression of G8H, we have selected the strongest constitutive promoter pTDH3 from the toolbox for G8H over-expression. Worrying that high constant expression of G8H would pose to much stress to the host, we created another version of G8H genetic circuit using galactose-inducible promoter pGAL instead of pTDH3. GOR and ISY are under the regulation of pTEF1 and pRP18B which are two consensus promoters of similar strength lower than that of pTDH3.


Initially, we have chosen the following terminators from the toolbox: tENO1, tENO2, and tTDH1. However, later we found that tENO1 and tENO2 had near 100% similarity, which might induce homologous recombination in the host, so tENO1 was replaced by tADH1 in the 2018 distribution kits.


The three genetic circuits were put together on a single yeast expression vector pYES whose copy number was 50~100 per cell. We used www.syntegron.org to generate random spacers of 25bp between circuits.


BY4741 is the strain we chose to for nepetalactol biosynthesis as the highest biosynthetic nepetalactol titre was achieved with this strain.


Above all, the design of genetic circuits for S. cerevisiae was what we found the most challenging.



Designing, Building, and Testing Transcription-activator-like Effector Stabilized Promoters for Geraniol Synthesis

Figure. 5 Transcription-activator-like effector stabilized promoters design. (A) Transcription-activator-like-effector stabilised promoters (TALEsp) achieve independence of expression level to copy number using a non-cooperative repression by TALE which binds specifically to DNA sequence (B) By employing incoherent feedforward loop (iFFL), copy number accretes both gene expression and the repression to the gene expression, thus the effect of copy number on expression level is canceled out. (C) TALE1 and TALE2 are two TALEs used in TALEsps. By changing the core promoter that they repress, we can obtain new TALEsps. A sfGFP is placed downstream of the promoter for characterization. (D) Core promoter sequences used in the library. Each contains a binding site of the corresponding TALE.

Genetic engineering requires elaborative design and a sensible proportion of different components[6]. For instance, unbalanced enzyme expression in metabolic engineering would lead to not only shunted flux to the product, but also an unnecessary waste of carbon source and host growth inhibition[7]. Plasmids are common engineering tools used to tune gene expression. People often assume that plasmids exist in stable copies, but this is a misleading assumption to make as plasmid copy number is actually subjected to huge variability. Altered chassis strains, new culture medium composition, different temperature, and the difference in growth phase all hugely affect plasmid copy number[8][9]. In our case, although E. coli and yeast are engineered separately, they eventually would be cultured together and probably using very different conditions because compromise is made to meet both requirements of both species. Subsequently, gene expression regulated by such design is easily agitated, leading to potential failure of a synthetic device.


Transcription-activator-like-effector (TALE) stabilised promoters are a type of promoters able to untie gene expression level from gene copy number using an incoherent feedforward loop (iFFL) in which transcription-activator-like effectors (TALEs) function as a perfectly non-cooperative negative regulation. While copy number accretes gene expression, it also elevates the repression to the gene expression, thus has canceled out the effect of copy number on expression level[10]. This design can also eliminate the impact of the location of genes (whether they are placed on plasmids or in the genome, and wherein the genome) on gene expression.


Table. 1 The source of all promoters in the library

Having comprehended the incredible capability and potential of TALEsp, we were deeply inspired yet felt sorry that there were only six TALEsp available to use[11]. In metabolic engineering and other areas of synthetic biology, people select promoters very carefully to ensure the most suitable strength is chosen, which seems difficult given so few candidates. Therefore, we expanded the TALEsp library through mutating core promoters of existing TALEsp, and adding TALE binding sites to the classical consensus promoter J23119, we created six more TALEsp, and have added all of twelve TALEsps to the iGEM Registry.


TALE1:

  • TALE1 sp1 (http://parts.igem.org/Parts:BBa_K2753030)
  • TALE1 sp2 (http://parts.igem.org/Parts:BBa_K2753024)
  • TALE1 sp3 (http://parts.igem.org/Parts:BBa_K2753025)
  • TALE1 sp4 (http://parts.igem.org/Parts:BBa_K2753026)
  • TALE1 sp5 (http://parts.igem.org/Parts:BBa_K2753027)
  • TALE1 sp6 (http://parts.igem.org/Parts:BBa_K2753029)

TALE2:

  • TALE2 sp1 (http://parts.igem.org/Parts:BBa_K2753018)
  • TALE2 sp2 (http://parts.igem.org/Parts:BBa_K2753019)
  • TALE2 sp3 (http://parts.igem.org/Parts:BBa_K2753020)
  • TALE2 sp4 (http://parts.igem.org/Parts:BBa_K2753021)
  • TALE2 sp5 (http://parts.igem.org/Parts:BBa_K2753022)
  • TALE2 sp6 (http://parts.igem.org/Parts:BBa_K2753023)

Figure. 6 Twelve plasmids designs for geraniol synthesis, generated by combinations of four promoters with three vectors. They are transformed into E. coli with pMVA for geraniol synthesis characterization.

Then, using three TALEsp in the library varying in strength (TALE1 sp1, TALE2 sp1, TALE2 sp6) along with an inducible-promoter pTac with low (pSC101), medium (pR6K), and high (pUC20) copy vectors in order to find out the optimum expression level of the geraniol synthesis operon as well as to investigate the impact of using TALEsp in metabolic engineering. In total, we tested twelve combinations of promoter and vector, and have co-expressed them with pMVA in E. coli. 25μM IPTG is added to the culture when OD600 reached 1. Geraniol yield is measured using gas chromatography 24h after induction.


Deletion of Endogenous Genes from S. cerevisiae to reduce Shunt Products

Figure. 7 Preventing carbon source diversion from nepetalactol synthesis by knocking out oye2, oye3, adh7 using CRISPR-Cas9. (A) Carbon source flux is diverted to other pathways at geraniol, 8-hydroxygeraniol, and 8-oxogeranial respectively. OYE2 and ATF1 show unwanted biocatalytic activity upon geraniol. OYE2 and OYE3 metabolize 8-hydroxygeraniol. 8-oxogeranial is subjected by dehydrogenation by ADH6 and ADH7. (B) An ultrahigh copy number plasmid pCRCT harboring both Cas9 and sgRNA. (C) An 8bp deletion is made between two homologous recombination disruption donor upon disruption by CRISPR

The crosstalk between the heterologous synthesis pathway, endogenous ‘ene’-reduction and alcohol dehydrogenation pathways is the main factor preventing effective biosynthesis of nepetalactol in S. cerevisiae, making the deletion of promiscuous endogenous enzymes a requisite. A number of genes including oye2, oye3, atf1, ari1, adh6, adh7 were reported by negatively affect nepetalactol production. However, as time is limited we only targeted three genes, which were oye2, oye3, and adh7.


Homologous recombination and CRISPR-Cas9 are two common tools for gene deletion in S. cerevisiae. In addition, a Homology-Integrated CRISPR−Cas (HI-CRISPR) System was reported able to generate multiple gene disruption in yeast.


At first, we tried to use a selection marker to replace the target gene by homologous recombination. But after the success of the substitution, we experienced difficulties in losing the selection marker. Since recycling is necessary with only a limited number of selection markers, we eventually gave up this method and went for Hi-CRISPR which sounded very efficient. However, although Hi-CRISPR achieved deletion of oye2, it failed to knock out oye3 and adh7. It was mentioned that the efficiency of gene deletion using Hi-CRISPR is influenced by the order in which sgRNAs of multiple targets are arranged, so we then use the receiver plasmid of Hi-CRISPR, pCRCT, to perform single gene disruption at each time. Once the success in gene knock-out was verified, we plated yeast culture on 5-FOA plate, forcing it to abandon pCRCT which contains URA3 and would be changed to produced toxic materials by 5-FOA. After, another pCRCT carrying the sgRNA of next gene would be transformed into yeast again. This process repeated until all three genes were knocked out.


Creating a Stable, Mutualistic Microbial Consortium using Xylose as the Carbon Source

Functional reconstitution of nepetalactol biosynthesis pathway in E. coli and yeast is a promising tool for enhancing nepetalactol yield. However, maintaining an equilibrium of such a co-culture system could be a difficult task due to difference in metabolism and optimal growth conditions. To be more specific, co-culturing E. coli and yeast is challenging for the following reasons:


  • E. coli has a doubling time much shorter than S. cerevisiae, resulting in the domination of bacteria over fungus in the system[12]
  • When fed glucose, S. cerevisiae produces toxic metabolites such as ethanol which inhibit the growth of E. coli
  • Determining the growth conditions like temperature and pH is a time-consuming drudgery

In this case, replacing the carbon source from glucose to xylose provides an ingenious solution[13][14]. S. cerevisiae cannot utilize xylose as a carbon source. So, it can only rely on E. coli to provide it with acetate, a product of metabolizing xylose but is inhibitory to and excreted by E. coli, which is then consumed by S. cerevisiae as energy-supplying fuel. Since acetate in yeast is a downstream product of ethanol, when fed acetate yeast would not synthesize ethanol.


Yeast provides a better growing environment for E. coli, meanwhile E. coli supply to yeast its only available food. With these mutually beneficial interactions, we would only need to inoculate an overpopulation of yeast at the beginning to create a stable microbial consortium.


We have developed a model to describe and predict the change in cell numbers of E. coli and yeast over time. Click here to check our model!

We set the initial inoculation ratio of E. coli and yeast to about 1:40 to offset the slower growth rate of yeast and culture them using a previously reported medium for co-culture supplemented with ammonium phosphate to improve their growth.











References


  1. Alonso-gutierrez, J., Chan, R., Batth, T. S., Adams, P. D., Keasling, J. D., Petzold, C. J., & Soon, T. (2013). Metabolic engineering of Escherichia coli for limonene and perillyl alcohol production. Metabolic Engineering, 19, 33–41. https://doi.org/10.1016/j.ymben.2013.05.004
  2. Smanski, M. J., Bhatia, S., Zhao, D., Park, Y., Woodruff, L. B. A., Giannoukos, G., … Voigt, C. A. (2014). Functional optimization of gene clusters by combinatorial design and assembly. Nature Biotechnology, (November). https://doi.org/10.1038/nbt.3063
  3. Martin, V. J. J., Pitera, D. J., Withers, S. T., Newman, J. D., & Keasling, J. D. (2003). Engineering a mevalonate pathway in Escherichia coli for production of terpenoids, 21(7), 796–802.
  5. Redding-Johanson, A. M., Batth, T. S., Chan, R., Krupa, R., Szmidt, H. L., Adams, P. D., … Petzold, C. J. (2011). Targeted proteomics for metabolic pathway optimization: Application to terpene production. Metabolic Engineering, 13(2), 194–203. doi:10.1016/j.ymben.2010.12.005
  6. Lee, M. E., DeLoache, W. C., Cervantes, B., & Dueber, J. E. (2015). A Highly Characterized Yeast Toolkit for Modular, Multipart Assembly. ACS Synthetic Biology, 4(9), 975–986. doi:10.1021/sb500366v
  7. Li, G.-W., Burkhardt, D., Gross, C. & Weissman, J.S. Quantifying absolute protein synthesis rates reveals principles underlying allocation of cellular resources. Cell 157, 624–635 (2014).
  8. Pfleger, B.F., Pitera, D.J., Smolke, C.D. & Keasling, J.D. Combinatorial engineering of intergenic regions in operons tunes expression of multiple genes. Nat. Biotechnol. 24, 1027–1032 (2006).
  9. Lin-Chao, S. & Bremer, H. Effect of the bacterial growth rate on replication control of plasmid pBR322 in. Escherichia coli. Mol. Gen. Genet. 203, 143–149.
  10. Węgrzyn, G. Replication of plasmids during bacterial response to amino acid starvation. Plasmid 41, 1–16 (1999).
  11. Mangan, S. & Alon, U. Structure and function of the feedforward-loop network motif. Proc. Natl. Acad. Sci. USA 100, 11980–11985 (2003).
  12. Segall-shapiro, T. H., Sontag, E. D., & Voigt, C. A. (2018). Engineered promoters enable constant gene expression at any copy number in bacteria, (March). https://doi.org/10.1038/nbt.4111
  13. Davison, B. H., & Stephanopoulos, G. (1986). Effect of pH oscillations on a competing mixed culture. Biotechnology and Bioengineering, 28(8), 1127–1137. doi:10.1002/bit.260280802
  14. Zhou, K., Qiao, K., Edgar, S., & Stephanopoulos, G. (2015). Distributing a metabolic pathway among a microbial consortium enhances production of natural products. Nature Biotechnology, (November 2014). https://doi.org/10.1038/nbt.3095
  15. Wei Zhang, Hong Liu, Xia Li, Duo Liu, Xiu-Tao Dong, Fei-Fei Li, En-Xu Wang, Bing-Zhi Li, Y.-J. Y. (2017). Production of naringenin from D-xylose with co-culture of E. coli and S. cerevisiae. Engineering in Life Sciences, 2–27. https://doi.org/10.1002/elsc.201700039