Loading menubar.....

Difference between revisions of "Team:CAU China/Results"

 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{CAU_China/CSS/Top}}
+
<html><style> /*!
<html>
+
* Bootstrap v4.1.0 (https://getbootstrap.com/)
<style>
+
* Copyright 2011-2018 The Bootstrap Authors
 +
* Copyright 2011-2018 Twitter, Inc.
 +
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 +
*/
 +
:root {
 +
  --blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
  
.pictureTitle{
+
*,::after,::before {
    background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url("");
+
  box-sizing: border-box
    background-repeat: no-repeat;
+
}
    background-size: cover;
+
html {
    background-position:center;
+
  font-family: sans-serif;
 +
  line-height: 1.15;
 +
  -webkit-text-size-adjust: 100%;
 +
  -ms-text-size-adjust: 100%;
 +
  -ms-overflow-style: scrollbar;
 +
  -webkit-tap-highlight-color: transparent
 +
}
 +
@-ms-viewport {
 +
  width: device-width
 
}
 
}
  
#accordion .card {
+
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
    margin-bottom: 10px;
+
  display: block
    border: 2px solid rgba(0,0,0,.4);
+
 
}
 
}
#accordion .card-header {
+
 
padding:0;
+
body {
background-color:#00A7D4;
+
  margin: 0;
 +
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 +
  font-size: 1rem;
 +
  font-weight: 400;
 +
  line-height: 1.5;
 +
  color: #212529;
 +
  text-align: left;
 +
  background-color: #fff
 
}
 
}
#accordion h5 {
+
 
padding:0;
+
[tabindex="-1"]:focus {
 +
  outline: 0!important
 
}
 
}
#accordion .card button{
+
 
width: 100%;
+
hr {
text-align: left!important;
+
  box-sizing: content-box;
 +
  height: 0;
 +
  overflow: visible
 
}
 
}
#accordion button span {
+
 
    font-size: 1.5rem;
+
h1,h2,h3,h4,h5,h6 {
 +
  margin-top: 0;
 +
  margin-bottom: .5rem
 
}
 
}
  
@media only screen and (max-width: 809.99px) {
+
p {
    #accordion button span {
+
  margin-top: 0;
    font-size: 1rem;
+
  margin-bottom: 1rem
    }
+
 
}
 
}
  
@media only screen and (max-width: 575.98px) {}
+
abbr[data-original-title],abbr[title] {
 +
  text-decoration: underline;
 +
  -webkit-text-decoration: underline dotted;
 +
  text-decoration: underline dotted;
 +
  cursor: help;
 +
  border-bottom: 0
 +
}
  
@media only screen and (max-width: 767.98px) {}
+
address {
 +
  margin-bottom: 1rem;
 +
  font-style: normal;
 +
  line-height: inherit
 +
}
  
@media only screen and (max-width: 991.98px) {}
+
dl,ol,ul {
 +
  margin-top: 0;
 +
  margin-bottom: 1rem
 +
}
  
@media only screen and (max-width: 1199.98px) {}
+
ol ol,ol ul,ul ol,ul ul {
</style>
+
  margin-bottom: 0
 +
}
  
<div class="pictureTitle container-fluid text-center mb-0 align-items-center text-light">
+
dt {
 +
  font-weight: 700
 +
}
  
                    <div class="display-2 mb-0">
+
dd {
                    Results
+
  margin-bottom: .5rem;
                    </div>
+
  margin-left: 0
        <h4></h4>
+
}
  
</div>
+
blockquote {
 +
  margin: 0 0 1rem
 +
}
  
 +
dfn {
 +
  font-style: italic
 +
}
  
<div class="phaContainer">
+
b,strong {
   <aside id="phaContentsOuter">
+
   font-weight: bolder
  <aside id="phaContents" class="table-of-contents">
+
}
    <!-- will be generated with JS -->
+
  </aside>
+
  </aside>
+
  
   <main class="post-content">
+
small {
<!---
+
   font-size: 80%
    <div class="row">
+
}
    <div class="col-12 text-center">
+
    <figure class="figure" >
+
    <img src="http://2018.igem.org/wiki/images/2/2b/T--Munich--MS_3S_phage.png" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
+
    <figcaption class="figure-caption">BIG BROTHER IS WATCHING YOU</figcaption>
+
    </figure>
+
    </div>
+
    </div>
+
--->
+
<div class="row">
+
<div class="col-12">
+
  
</div>
+
sub,sup {
</div>
+
  position: relative;
 +
  font-size: 75%;
 +
  line-height: 0;
 +
  vertical-align: baseline
 +
}
  
<h2></h2>
+
sub {
<div class="row" style="background-color: rgba(200,200,200,1);">
+
  bottom: -.25em
<div class="col-12">
+
}
  
</div>
+
sup {
</div>
+
  top: -.5em
 +
}
  
<div class="row" style="background-color: rgba(200,200,200,1);">
+
a {
<div class="col-12">
+
  color: #007bff;
<ul style="">
+
  text-decoration: none;
 +
  background-color: transparent;
 +
  -webkit-text-decoration-skip: objects
 +
}
  
</ul>
+
a:hover {
</div>
+
  color: #0056b3;
</div>
+
  text-decoration: underline
 +
}
  
<div class="row" style="background-color: rgba(200,200,200,1);">
+
a:not([href]):not([tabindex]) {
<div class="col-12">
+
  color: inherit;
 +
  text-decoration: none
 +
}
  
</div>
+
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
</div>
+
  color: inherit;
 +
  text-decoration: none
 +
}
  
<div class="row" style="background-color: rgba(200,200,200,1);">
+
a:not([href]):not([tabindex]):focus {
<div class="col-12">
+
  outline: 0
<ul style="">
+
}
  
</ul>
+
code,kbd,pre,samp {
</div>
+
  font-family: monospace,monospace;
</div>
+
  font-size: 1em
 +
}
  
<div class="row" style="background-color: rgba(200,200,200,1);">
+
pre {
<div class="col-12">
+
  margin-top: 0;
<p>
+
  margin-bottom: 1rem;
<br>
+
  overflow: auto;
</p>
+
  -ms-overflow-style: scrollbar
</div>
+
}
</div>
+
  
<div class="row" style="background-color: rgba(200,200,200,1);">
+
figure {
<div class="col-12">
+
  margin: 0 0 1rem
<ul style=""></ul>
+
}
</div>
+
</div>
+
<!---
+
--->
+
  
 +
img {
 +
  vertical-align: middle;
 +
  border-style: none
 +
}
  
<hr>
+
svg:not(:root) {
 +
  overflow: hidden
 +
}
  
<h3>
+
table {
</h3>
+
  border-collapse: collapse
 +
}
  
    <div class="row">
+
caption {
    <div class="col-12 col-md-6">
+
  padding-top: .75rem;
    </div>
+
  padding-bottom: .75rem;
    <div class="col-12 col-md-6">
+
  color: #6c757d;
<figure class="figure">
+
  text-align: left;
   
+
  caption-side: bottom
    </figure>
+
}
    </div>
+
    </div>
+
  
    <div class="row">
+
th {
    <div class="col-12 col-md-6">
+
  text-align: inherit
 +
}
  
 +
label {
 +
  display: inline-block;
 +
  margin-bottom: .5rem
 +
}
  
    </div>
+
button {
    <div class="col-12 col-md-6">
+
   border-radius: 0
   <figure class="figure">
+
}
    <img src="" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
+
    <figcaption class="figure-caption"></figcaption>
+
    </figure>
+
    </div>
+
    </div>
+
  
<div class="row">
+
button:focus {
<div class="col-12">
+
  outline: 1px dotted;
 +
  outline: 5px auto -webkit-focus-ring-color
 +
}
  
</div>
+
button,input,optgroup,select,textarea {
</div>
+
  margin: 0;
 +
  font-family: inherit;
 +
  font-size: inherit;
 +
  line-height: inherit
 +
}
  
<hr>
+
button,input {
 +
  overflow: visible
 +
}
  
<h3>
+
button,select {
</h3>
+
  text-transform: none
<h5>Sonication</h5>
+
}
<div class="row">
+
<div class="col-12">
+
</div>
+
</div>
+
  
<div class="row">
+
[type=reset],[type=submit],button,html [type=button] {
    <div class="col-12 col-md-6">
+
  -webkit-appearance: button
 +
}
  
    </div>
+
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    <div class="col-12 col-md-6">
+
  padding: 0;
 +
  border-style: none
 +
}
  
<figure class="figure">
+
input[type=checkbox],input[type=radio] {
   
+
  box-sizing: border-box;
</figure>
+
  padding: 0
 +
}
  
    </div>
+
input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    </div>
+
  -webkit-appearance: listbox
 +
}
  
<div class="row">
+
textarea {
<div class="col-12">
+
  overflow: auto;
 +
  resize: vertical
 +
}
  
</div>
+
fieldset {
</div>
+
  min-width: 0;
 +
  padding: 0;
 +
  margin: 0;
 +
  border: 0
 +
}
  
<div class="row">
+
legend {
<div class="col-12 col-md-6">
+
  display: block;
<figure class="figure">
+
  width: 100%;
 +
  max-width: 100%;
 +
  padding: 0;
 +
  margin-bottom: .5rem;
 +
  font-size: 1.5rem;
 +
  line-height: inherit;
 +
  color: inherit;
 +
  white-space: normal
 +
}
  
</figure>
+
progress {
</div>
+
  vertical-align: baseline
<div class="col-12 col-md-6">
+
}
<figure class="figure">
+
</figure>
+
</div>
+
</div>
+
  
<div class="row">
+
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
<div class="col-12">
+
  height: auto
 
+
}
</div>
+
</div>
+
  
<div class="row">
+
[type=search] {
    <div class="col-12">
+
  outline-offset: -2px;
 +
  -webkit-appearance: none
 +
}
  
 +
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
 +
  -webkit-appearance: none
 +
}
  
    <h5></h5>
+
::-webkit-file-upload-button {
    <div class="row">
+
  font: inherit;
    <div class="col-12">
+
  -webkit-appearance: button
 
+
}
    </div>
+
    </div>
+
  
 +
output {
 +
  display: inline-block
 +
}
  
    <div class="row">
+
summary {
        <div class="col-12 col-md-6">
+
  display: list-item;
        <figure class="figure">
+
  cursor: pointer
        <img src="" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
+
}
        </figure>
+
        </div>
+
        <div class="col-12 col-md-6">
+
        <figure class="figure">
+
        <img src="" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
+
        </figure>
+
        </div>
+
    </div>
+
  
    <div class="row">
+
template {
    <div class="col-12">
+
  display: none
        <figcaption class="figure-caption"></figcaption>
+
}
    </div>
+
    </div>
+
  
    <div class="row">
+
[hidden] {
    <div class="col-12">
+
  display: none!important
   
+
}
    </div>
+
    </div>
+
  
    <h5>Cell Extract Processing</h5>
+
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    <div class="row">
+
  margin-bottom: .5rem;
    <div class="col-12">
+
  font-family: inherit;
   
+
  font-weight: 500;
    </div>
+
  line-height: 1.2;
    </div>
+
  color: inherit
    <div class="row">
+
}
    <div class="col-12">
+
    <ul style="">
+
   
+
    </ul>
+
    </div>
+
    </div>
+
  
<hr>
+
.h1,h1 {
 +
  font-size: 2.5rem
 +
}
  
<h3> </h3>
+
.h2,h2 {
 +
  font-size: 2.5rem
 +
}
  
<div class="row">
+
.h3,h3 {
<div class="col-12">
+
  font-size: 1.75rem
 +
}
  
</div>
+
.h4,h4 {
</div>
+
  font-size: 1.5rem
 +
}
  
<div class="row">
+
.h5,h5 {
<div class="col-12 col-md-6">
+
  font-size: 1.25rem
 +
}
  
</div>
+
.h6,h6 {
<div class="col-12 col-md-6">
+
  font-size: 1rem
  <figure class="figure">
+
}
 
+
  </figure>
+
</div>
+
</div>
+
  
<div class="row">
+
.lead {
<div class="col-12 col-md-6">
+
  font-size: 1.25rem;
 +
  font-weight: 300
 +
}
  
</div>
+
.display-1 {
<div class="col-12 col-md-6">
+
  font-size: 6rem;
    
+
   font-weight: 300;
</div>
+
  line-height: 1.2
</div>
+
}
  
<h3>
+
.display-2 {
</h3>
+
  font-size: 5.5rem;
 +
  font-weight: 300;
 +
  line-height: 1.2
 +
}
  
 +
.display-3 {
 +
  font-size: 4.5rem;
 +
  font-weight: 300;
 +
  line-height: 1.2
 +
}
  
<div class="row">
+
.display-4 {
    <div class="col-12 col-md-6">
+
  font-size: 3.5rem;
   
+
  font-weight: 300;
    </div>
+
  line-height: 1.2
    <div class="col-12 col-md-6">
+
}
<figure class="figure">
+
   
+
   
+
    </figure>
+
    </div>
+
    </div>
+
  
 +
hr {
 +
  margin-top: 1rem;
 +
  margin-bottom: 1rem;
 +
  border: 0;
 +
  border-top: 1px solid rgba(0,0,0,.1)
 +
}
  
<div class="row">
+
.small,small {
    <div class="col-12 col-md-4">
+
  font-size: 80%;
<figure class="figure">
+
   font-weight: 400
   
+
}
        </figure>
+
</div>
+
    <div class="col-12 col-md-4">
+
   <figure class="figure">
+
   
+
      </figure>
+
    </div>
+
  <div class="col-12 col-md-4">
+
  <figure class="figure">
+
   
+
      </figure>
+
    </div>
+
   
+
    </div>
+
  
<hr>
+
.mark,mark {
 +
  padding: .2em;
 +
  background-color: #fcf8e3
 +
}
  
<h3>
 
  
</h3>
+
.img-fluid {
<div class="row">
+
  max-width: 100%;
<div class="col-12">
+
  height: auto
 +
}
  
<ul style="">
+
.img-thumbnail {
</ul>
+
  padding: .25rem;
<br>
+
  background-color: #fff;
<br>
+
  border: 1px solid #dee2e6;
</div>
+
  border-radius: .25rem;
</div>
+
  max-width: 100%;
 +
  height: auto
 +
}
  
    <div class="row">
+
.figure {
    <div class="col-12 col-md-6">
+
  display: inline-block
 +
}
  
<ul style="">
+
.figure-img {
 +
  margin-bottom: .5rem;
 +
  line-height: 1
 +
}
  
</ul>
+
.figure-caption {
    </div>
+
  font-size: 90%;
    <div class="col-12 col-md-6">
+
  color: #6c757d
<figure class="figure">
+
}
   
+
    </figure>
+
    </div>
+
    </div>
+
  
<h2>
+
code,kbd,pre,samp {
</h2>
+
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
 +
}
  
<div class="row" style="background-color: rgba(200,200,200,1);">
+
code {
<div class="col-12">
+
  font-size: 87.5%;
<p></p>
+
  color: #e83e8c;
</div>
+
  word-break: break-word
</div>
+
}
  
<div class="row" style="background-color: rgba(200,200,200,1);">
+
a>code {
<div class="col-12">
+
  color: inherit
<ul style="">
+
}
  
</ul>
+
kbd {
</div>
+
  padding: .2rem .4rem;
</div>
+
  font-size: 87.5%;
<h3>
+
  color: #fff;
 +
  background-color: #212529;
 +
  border-radius: .2rem
 +
}
  
</h3>
+
kbd kbd {
<div class="row">
+
  padding: 0;
    <div class="col-12 col-md-6">
+
  font-size: 100%;
 +
  font-weight: 700
 +
}
  
</div>
+
pre {
<div class="col-12 col-md-6">
+
  display: block;
<figure class="figure">
+
  font-size: 87.5%;
   
+
  color: #212529
 +
}
  
</div>
+
pre code {
<div class="col-12 col-md-6">
+
  font-size: inherit;
<figure class="figure">
+
  color: inherit;
   
+
  word-break: normal
    </figure>
+
}
  
 +
.pre-scrollable {
 +
  max-height: 340px;
 +
  overflow-y: scroll
 +
}
  
</div>
+
.container {
</div>
+
  width: 100%;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
  margin-right: auto;
 +
  margin-left: auto
 +
}
  
 +
@media (min-width: 576px) {
 +
  .container {
 +
    max-width:540px
 +
  }
 +
}
  
 +
@media (min-width: 768px) {
 +
  .container {
 +
    max-width:720px
 +
  }
 +
}
  
<h3>
+
@media (min-width: 992px) {
 +
  .container {
 +
    max-width:960px
 +
  }
 +
}
  
</h3>
+
@media (min-width: 1200px) {
 +
  .container {
 +
    max-width:1140px
 +
  }
 +
}
  
<div class="row">
+
.container-fluid {
    <div class="col-12 col-md-6">
+
  width: 100%;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
  margin-right: auto;
 +
  margin-left: auto
 +
}
  
    </div>
+
.row {
    <div class="col-12 col-md-6">
+
  display: -ms-flexbox;
<figure class="figure">
+
  display: flex;
   
+
  -ms-flex-wrap: wrap;
    </div>
+
  flex-wrap: wrap;
    </div>
+
  margin-right: -15px;
 +
  margin-left: -15px
 +
}
  
 +
.no-gutters {
 +
  margin-right: 0;
 +
  margin-left: 0
 +
}
  
<hr>
+
.no-gutters>.col,.no-gutters>[class*=col-] {
 +
  padding-right: 0;
 +
  padding-left: 0
 +
}
  
<h3>
+
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
 +
  position: relative;
 +
  width: 100%;
 +
  min-height: 1px;
 +
  padding-right: 15px;
 +
  padding-left: 15px
 +
}
  
</h3>
+
.col {
 +
  -ms-flex-preferred-size: 0;
 +
  flex-basis: 0;
 +
  -ms-flex-positive: 1;
 +
  flex-grow: 1;
 +
  max-width: 100%
 +
}
  
<div class="row">
+
.col-auto {
<div class="col-12">
+
  -ms-flex: 0 0 auto;
<p>
+
  flex: 0 0 auto;
 +
  width: auto;
 +
  max-width: none
 +
}
  
</p>
+
.col-1 {
<br>
+
  -ms-flex: 0 0 8.333333%;
<br>
+
  flex: 0 0 8.333333%;
</div>
+
  max-width: 8.333333%
</div>
+
}
  
    <div class="row">
+
.col-2 {
    <div class="col-12 col-md-6">
+
  -ms-flex: 0 0 16.666667%;
    </div>
+
  flex: 0 0 16.666667%;
    <div class="col-12 col-md-6">
+
  max-width: 16.666667%
 +
}
  
   
+
.col-3 {
    </div>
+
  -ms-flex: 0 0 25%;
    </div>
+
  flex: 0 0 25%;
 +
  max-width: 25%
 +
}
  
 +
.col-4 {
 +
  -ms-flex: 0 0 33.333333%;
 +
  flex: 0 0 33.333333%;
 +
  max-width: 33.333333%
 +
}
  
<div class="row">
+
.col-5 {
<div class="col-12 col-md-3">
+
   -ms-flex: 0 0 41.666667%;
   <figure class="figure">
+
   flex: 0 0 41.666667%;
     
+
   max-width: 41.666667%
      </figure>
+
}
</div>
+
<div class="col-12 col-md-3">
+
   <figure class="figure">
+
     
+
      </figure>
+
</div>
+
<div class="col-12 col-md-3">
+
   <figure class="figure">
+
     
+
      </figure>
+
</div>
+
<div class="col-12 col-md-3">
+
  <figure class="figure">
+
     
+
      </figure>
+
</div>
+
</div>
+
  
<div class="row">
+
.col-6 {
  <div class="col-12 col-md-3">
+
   -ms-flex: 0 0 50%;
    <figure class="figure">
+
   flex: 0 0 50%;
       
+
   max-width: 50%
        </figure>
+
}
   </div>
+
  <div class="col-12 col-md-3">
+
    <figure class="figure">
+
       
+
        </figure>
+
   </div>
+
   <div class="col-12 col-md-3">
+
    <figure class="figure">
+
       
+
        </figure>
+
  </div>
+
  <div class="col-12 col-md-3">
+
  <figure class="figure">
+
 
+
  </figure>
+
</div>
+
</div>
+
<div class="row">
+
<div class="col-12">
+
 
+
</div>
+
</div>
+
  
 +
.col-7 {
 +
  -ms-flex: 0 0 58.333333%;
 +
  flex: 0 0 58.333333%;
 +
  max-width: 58.333333%
 +
}
  
<hr>
+
.col-8 {
 +
  -ms-flex: 0 0 66.666667%;
 +
  flex: 0 0 66.666667%;
 +
  max-width: 66.666667%
 +
}
  
<div class="row">
+
.col-9 {
    <div class="col-12">
+
  -ms-flex: 0 0 75%;
 +
  flex: 0 0 75%;
 +
  max-width: 75%
 +
}
  
    </div>
+
.col-10 {
    </div>
+
  -ms-flex: 0 0 83.333333%;
 +
  flex: 0 0 83.333333%;
 +
  max-width: 83.333333%
 +
}
  
    <div class="row">
+
.col-11 {
        <div class="col-12 col-md-6">
+
  -ms-flex: 0 0 91.666667%;
    <figure class="figure">
+
  flex: 0 0 91.666667%;
       
+
  max-width: 91.666667%
            </figure>
+
}
    </div>
+
        <div class="col-12 col-md-6">
+
      <figure class="figure">
+
       
+
          </figure>
+
        </div>
+
        </div>
+
  
 +
.col-12 {
 +
  -ms-flex: 0 0 100%;
 +
  flex: 0 0 100%;
 +
  max-width: 100%
 +
}
  
 +
.order-first {
 +
  -ms-flex-order: -1;
 +
  order: -1
 +
}
  
<h5></h5>
+
.order-last {
<div class="row">
+
  -ms-flex-order: 13;
    <div class="col-12 col-md-6">
+
  order: 13
 +
}
  
 +
.order-0 {
 +
  -ms-flex-order: 0;
 +
  order: 0
 +
}
  
 +
.order-1 {
 +
  -ms-flex-order: 1;
 +
  order: 1
 +
}
 +
 +
.order-2 {
 +
  -ms-flex-order: 2;
 +
  order: 2
 +
}
 +
 +
.order-3 {
 +
  -ms-flex-order: 3;
 +
  order: 3
 +
}
 +
 +
.order-4 {
 +
  -ms-flex-order: 4;
 +
  order: 4
 +
}
 +
 +
.order-5 {
 +
  -ms-flex-order: 5;
 +
  order: 5
 +
}
 +
 +
.order-6 {
 +
  -ms-flex-order: 6;
 +
  order: 6
 +
}
 +
 +
.order-7 {
 +
  -ms-flex-order: 7;
 +
  order: 7
 +
}
 +
 +
.order-8 {
 +
  -ms-flex-order: 8;
 +
  order: 8
 +
}
 +
 +
.order-9 {
 +
  -ms-flex-order: 9;
 +
  order: 9
 +
}
 +
 +
.order-10 {
 +
  -ms-flex-order: 10;
 +
  order: 10
 +
}
 +
 +
.order-11 {
 +
  -ms-flex-order: 11;
 +
  order: 11
 +
}
 +
 +
.order-12 {
 +
  -ms-flex-order: 12;
 +
  order: 12
 +
}
 +
 +
.offset-1 {
 +
  margin-left: 8.333333%
 +
}
 +
 +
.offset-2 {
 +
  margin-left: 16.666667%
 +
}
 +
 +
.offset-3 {
 +
  margin-left: 25%
 +
}
 +
 +
.offset-4 {
 +
  margin-left: 33.333333%
 +
}
 +
 +
.offset-5 {
 +
  margin-left: 41.666667%
 +
}
 +
 +
.offset-6 {
 +
  margin-left: 50%
 +
}
 +
 +
.offset-7 {
 +
  margin-left: 58.333333%
 +
}
 +
 +
.offset-8 {
 +
  margin-left: 66.666667%
 +
}
 +
 +
.offset-9 {
 +
  margin-left: 75%
 +
}
 +
 +
.offset-10 {
 +
  margin-left: 83.333333%
 +
}
 +
 +
.offset-11 {
 +
  margin-left: 91.666667%
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .col-sm {
 +
    -ms-flex-preferred-size:0;
 +
    flex-basis: 0;
 +
    -ms-flex-positive: 1;
 +
    flex-grow: 1;
 +
    max-width: 100%
 +
  }
 +
 +
  .col-sm-auto {
 +
    -ms-flex: 0 0 auto;
 +
    flex: 0 0 auto;
 +
    width: auto;
 +
    max-width: none
 +
  }
 +
 +
  .col-sm-1 {
 +
    -ms-flex: 0 0 8.333333%;
 +
    flex: 0 0 8.333333%;
 +
    max-width: 8.333333%
 +
  }
 +
 +
  .col-sm-2 {
 +
    -ms-flex: 0 0 16.666667%;
 +
    flex: 0 0 16.666667%;
 +
    max-width: 16.666667%
 +
  }
 +
 +
  .col-sm-3 {
 +
    -ms-flex: 0 0 25%;
 +
    flex: 0 0 25%;
 +
    max-width: 25%
 +
  }
 +
 +
  .col-sm-4 {
 +
    -ms-flex: 0 0 33.333333%;
 +
    flex: 0 0 33.333333%;
 +
    max-width: 33.333333%
 +
  }
 +
 +
  .col-sm-5 {
 +
    -ms-flex: 0 0 41.666667%;
 +
    flex: 0 0 41.666667%;
 +
    max-width: 41.666667%
 +
  }
 +
 +
  .col-sm-6 {
 +
    -ms-flex: 0 0 50%;
 +
    flex: 0 0 50%;
 +
    max-width: 50%
 +
  }
 +
 +
  .col-sm-7 {
 +
    -ms-flex: 0 0 58.333333%;
 +
    flex: 0 0 58.333333%;
 +
    max-width: 58.333333%
 +
  }
 +
 +
  .col-sm-8 {
 +
    -ms-flex: 0 0 66.666667%;
 +
    flex: 0 0 66.666667%;
 +
    max-width: 66.666667%
 +
  }
 +
 +
  .col-sm-9 {
 +
    -ms-flex: 0 0 75%;
 +
    flex: 0 0 75%;
 +
    max-width: 75%
 +
  }
 +
 +
  .col-sm-10 {
 +
    -ms-flex: 0 0 83.333333%;
 +
    flex: 0 0 83.333333%;
 +
    max-width: 83.333333%
 +
  }
 +
 +
  .col-sm-11 {
 +
    -ms-flex: 0 0 91.666667%;
 +
    flex: 0 0 91.666667%;
 +
    max-width: 91.666667%
 +
  }
 +
 +
  .col-sm-12 {
 +
    -ms-flex: 0 0 100%;
 +
    flex: 0 0 100%;
 +
    max-width: 100%
 +
  }
 +
 +
  .order-sm-first {
 +
    -ms-flex-order: -1;
 +
    order: -1
 +
  }
 +
 +
  .order-sm-last {
 +
    -ms-flex-order: 13;
 +
    order: 13
 +
  }
 +
 +
  .order-sm-0 {
 +
    -ms-flex-order: 0;
 +
    order: 0
 +
  }
 +
 +
  .order-sm-1 {
 +
    -ms-flex-order: 1;
 +
    order: 1
 +
  }
 +
 +
  .order-sm-2 {
 +
    -ms-flex-order: 2;
 +
    order: 2
 +
  }
 +
 +
  .order-sm-3 {
 +
    -ms-flex-order: 3;
 +
    order: 3
 +
  }
 +
 +
  .order-sm-4 {
 +
    -ms-flex-order: 4;
 +
    order: 4
 +
  }
 +
 +
  .order-sm-5 {
 +
    -ms-flex-order: 5;
 +
    order: 5
 +
  }
 +
 +
  .order-sm-6 {
 +
    -ms-flex-order: 6;
 +
    order: 6
 +
  }
 +
 +
  .order-sm-7 {
 +
    -ms-flex-order: 7;
 +
    order: 7
 +
  }
 +
 +
  .order-sm-8 {
 +
    -ms-flex-order: 8;
 +
    order: 8
 +
  }
 +
 +
  .order-sm-9 {
 +
    -ms-flex-order: 9;
 +
    order: 9
 +
  }
 +
 +
  .order-sm-10 {
 +
    -ms-flex-order: 10;
 +
    order: 10
 +
  }
 +
 +
  .order-sm-11 {
 +
    -ms-flex-order: 11;
 +
    order: 11
 +
  }
 +
 +
  .order-sm-12 {
 +
    -ms-flex-order: 12;
 +
    order: 12
 +
  }
 +
 +
  .offset-sm-0 {
 +
    margin-left: 0
 +
  }
 +
 +
  .offset-sm-1 {
 +
    margin-left: 8.333333%
 +
  }
 +
 +
  .offset-sm-2 {
 +
    margin-left: 16.666667%
 +
  }
 +
 +
  .offset-sm-3 {
 +
    margin-left: 25%
 +
  }
 +
 +
  .offset-sm-4 {
 +
    margin-left: 33.333333%
 +
  }
 +
 +
  .offset-sm-5 {
 +
    margin-left: 41.666667%
 +
  }
 +
 +
  .offset-sm-6 {
 +
    margin-left: 50%
 +
  }
 +
 +
  .offset-sm-7 {
 +
    margin-left: 58.333333%
 +
  }
 +
 +
  .offset-sm-8 {
 +
    margin-left: 66.666667%
 +
  }
 +
 +
  .offset-sm-9 {
 +
    margin-left: 75%
 +
  }
 +
 +
  .offset-sm-10 {
 +
    margin-left: 83.333333%
 +
  }
 +
 +
  .offset-sm-11 {
 +
    margin-left: 91.666667%
 +
  }
 +
}
 +
 +
@media (min-width: 768px) {
 +
  .col-md {
 +
    -ms-flex-preferred-size:0;
 +
    flex-basis: 0;
 +
    -ms-flex-positive: 1;
 +
    flex-grow: 1;
 +
    max-width: 100%
 +
  }
 +
 +
  .col-md-auto {
 +
    -ms-flex: 0 0 auto;
 +
    flex: 0 0 auto;
 +
    width: auto;
 +
    max-width: none
 +
  }
 +
 +
  .col-md-1 {
 +
    -ms-flex: 0 0 8.333333%;
 +
    flex: 0 0 8.333333%;
 +
    max-width: 8.333333%
 +
  }
 +
 +
  .col-md-2 {
 +
    -ms-flex: 0 0 16.666667%;
 +
    flex: 0 0 16.666667%;
 +
    max-width: 16.666667%
 +
  }
 +
 +
  .col-md-3 {
 +
    -ms-flex: 0 0 25%;
 +
    flex: 0 0 25%;
 +
    max-width: 25%
 +
  }
 +
 +
  .col-md-4 {
 +
    -ms-flex: 0 0 33.333333%;
 +
    flex: 0 0 33.333333%;
 +
    max-width: 33.333333%
 +
  }
 +
 +
  .col-md-5 {
 +
    -ms-flex: 0 0 41.666667%;
 +
    flex: 0 0 41.666667%;
 +
    max-width: 41.666667%
 +
  }
 +
 +
  .col-md-6 {
 +
    -ms-flex: 0 0 50%;
 +
    flex: 0 0 50%;
 +
    max-width: 50%
 +
  }
 +
 +
  .col-md-7 {
 +
    -ms-flex: 0 0 58.333333%;
 +
    flex: 0 0 58.333333%;
 +
    max-width: 58.333333%
 +
  }
 +
 +
  .col-md-8 {
 +
    -ms-flex: 0 0 66.666667%;
 +
    flex: 0 0 66.666667%;
 +
    max-width: 66.666667%
 +
  }
 +
 +
  .col-md-9 {
 +
    -ms-flex: 0 0 75%;
 +
    flex: 0 0 75%;
 +
    max-width: 75%
 +
  }
 +
 +
  .col-md-10 {
 +
    -ms-flex: 0 0 83.333333%;
 +
    flex: 0 0 83.333333%;
 +
    max-width: 83.333333%
 +
  }
 +
 +
  .col-md-11 {
 +
    -ms-flex: 0 0 91.666667%;
 +
    flex: 0 0 91.666667%;
 +
    max-width: 91.666667%
 +
  }
 +
 +
  .col-md-12 {
 +
    -ms-flex: 0 0 100%;
 +
    flex: 0 0 100%;
 +
    max-width: 100%
 +
  }
 +
 +
  .order-md-first {
 +
    -ms-flex-order: -1;
 +
    order: -1
 +
  }
 +
 +
  .order-md-last {
 +
    -ms-flex-order: 13;
 +
    order: 13
 +
  }
 +
 +
  .order-md-0 {
 +
    -ms-flex-order: 0;
 +
    order: 0
 +
  }
 +
 +
  .order-md-1 {
 +
    -ms-flex-order: 1;
 +
    order: 1
 +
  }
 +
 +
  .order-md-2 {
 +
    -ms-flex-order: 2;
 +
    order: 2
 +
  }
 +
 +
  .order-md-3 {
 +
    -ms-flex-order: 3;
 +
    order: 3
 +
  }
 +
 +
  .order-md-4 {
 +
    -ms-flex-order: 4;
 +
    order: 4
 +
  }
 +
 +
  .order-md-5 {
 +
    -ms-flex-order: 5;
 +
    order: 5
 +
  }
 +
 +
  .order-md-6 {
 +
    -ms-flex-order: 6;
 +
    order: 6
 +
  }
 +
 +
  .order-md-7 {
 +
    -ms-flex-order: 7;
 +
    order: 7
 +
  }
 +
 +
  .order-md-8 {
 +
    -ms-flex-order: 8;
 +
    order: 8
 +
  }
 +
 +
  .order-md-9 {
 +
    -ms-flex-order: 9;
 +
    order: 9
 +
  }
 +
 +
  .order-md-10 {
 +
    -ms-flex-order: 10;
 +
    order: 10
 +
  }
 +
 +
  .order-md-11 {
 +
    -ms-flex-order: 11;
 +
    order: 11
 +
  }
 +
 +
  .order-md-12 {
 +
    -ms-flex-order: 12;
 +
    order: 12
 +
  }
 +
 +
  .offset-md-0 {
 +
    margin-left: 0
 +
  }
 +
 +
  .offset-md-1 {
 +
    margin-left: 8.333333%
 +
  }
 +
 +
  .offset-md-2 {
 +
    margin-left: 16.666667%
 +
  }
 +
 +
  .offset-md-3 {
 +
    margin-left: 25%
 +
  }
 +
 +
  .offset-md-4 {
 +
    margin-left: 33.333333%
 +
  }
 +
 +
  .offset-md-5 {
 +
    margin-left: 41.666667%
 +
  }
 +
 +
  .offset-md-6 {
 +
    margin-left: 50%
 +
  }
 +
 +
  .offset-md-7 {
 +
    margin-left: 58.333333%
 +
  }
 +
 +
  .offset-md-8 {
 +
    margin-left: 66.666667%
 +
  }
 +
 +
  .offset-md-9 {
 +
    margin-left: 75%
 +
  }
 +
 +
  .offset-md-10 {
 +
    margin-left: 83.333333%
 +
  }
 +
 +
  .offset-md-11 {
 +
    margin-left: 91.666667%
 +
  }
 +
}
 +
 +
@media (min-width: 992px) {
 +
  .col-lg {
 +
    -ms-flex-preferred-size:0;
 +
    flex-basis: 0;
 +
    -ms-flex-positive: 1;
 +
    flex-grow: 1;
 +
    max-width: 100%
 +
  }
 +
 +
  .col-lg-auto {
 +
    -ms-flex: 0 0 auto;
 +
    flex: 0 0 auto;
 +
    width: auto;
 +
    max-width: none
 +
  }
 +
 +
  .col-lg-1 {
 +
    -ms-flex: 0 0 8.333333%;
 +
    flex: 0 0 8.333333%;
 +
    max-width: 8.333333%
 +
  }
 +
 +
  .col-lg-2 {
 +
    -ms-flex: 0 0 16.666667%;
 +
    flex: 0 0 16.666667%;
 +
    max-width: 16.666667%
 +
  }
 +
 +
  .col-lg-3 {
 +
    -ms-flex: 0 0 25%;
 +
    flex: 0 0 25%;
 +
    max-width: 25%
 +
  }
 +
 +
  .col-lg-4 {
 +
    -ms-flex: 0 0 33.333333%;
 +
    flex: 0 0 33.333333%;
 +
    max-width: 33.333333%
 +
  }
 +
 +
  .col-lg-5 {
 +
    -ms-flex: 0 0 41.666667%;
 +
    flex: 0 0 41.666667%;
 +
    max-width: 41.666667%
 +
  }
 +
 +
  .col-lg-6 {
 +
    -ms-flex: 0 0 50%;
 +
    flex: 0 0 50%;
 +
    max-width: 50%
 +
  }
 +
 +
  .col-lg-7 {
 +
    -ms-flex: 0 0 58.333333%;
 +
    flex: 0 0 58.333333%;
 +
    max-width: 58.333333%
 +
  }
 +
 +
  .col-lg-8 {
 +
    -ms-flex: 0 0 66.666667%;
 +
    flex: 0 0 66.666667%;
 +
    max-width: 66.666667%
 +
  }
 +
 +
  .col-lg-9 {
 +
    -ms-flex: 0 0 75%;
 +
    flex: 0 0 75%;
 +
    max-width: 75%
 +
  }
 +
 +
  .col-lg-10 {
 +
    -ms-flex: 0 0 83.333333%;
 +
    flex: 0 0 83.333333%;
 +
    max-width: 83.333333%
 +
  }
 +
 +
  .col-lg-11 {
 +
    -ms-flex: 0 0 91.666667%;
 +
    flex: 0 0 91.666667%;
 +
    max-width: 91.666667%
 +
  }
 +
 +
  .col-lg-12 {
 +
    -ms-flex: 0 0 100%;
 +
    flex: 0 0 100%;
 +
    max-width: 100%
 +
  }
 +
 +
  .order-lg-first {
 +
    -ms-flex-order: -1;
 +
    order: -1
 +
  }
 +
 +
  .order-lg-last {
 +
    -ms-flex-order: 13;
 +
    order: 13
 +
  }
 +
 +
  .order-lg-0 {
 +
    -ms-flex-order: 0;
 +
    order: 0
 +
  }
 +
 +
  .order-lg-1 {
 +
    -ms-flex-order: 1;
 +
    order: 1
 +
  }
 +
 +
  .order-lg-2 {
 +
    -ms-flex-order: 2;
 +
    order: 2
 +
  }
 +
 +
  .order-lg-3 {
 +
    -ms-flex-order: 3;
 +
    order: 3
 +
  }
 +
 +
  .order-lg-4 {
 +
    -ms-flex-order: 4;
 +
    order: 4
 +
  }
 +
 +
  .order-lg-5 {
 +
    -ms-flex-order: 5;
 +
    order: 5
 +
  }
 +
 +
  .order-lg-6 {
 +
    -ms-flex-order: 6;
 +
    order: 6
 +
  }
 +
 +
  .order-lg-7 {
 +
    -ms-flex-order: 7;
 +
    order: 7
 +
  }
 +
 +
  .order-lg-8 {
 +
    -ms-flex-order: 8;
 +
    order: 8
 +
  }
 +
 +
  .order-lg-9 {
 +
    -ms-flex-order: 9;
 +
    order: 9
 +
  }
 +
 +
  .order-lg-10 {
 +
    -ms-flex-order: 10;
 +
    order: 10
 +
  }
 +
 +
  .order-lg-11 {
 +
    -ms-flex-order: 11;
 +
    order: 11
 +
  }
 +
 +
  .order-lg-12 {
 +
    -ms-flex-order: 12;
 +
    order: 12
 +
  }
 +
 +
  .offset-lg-0 {
 +
    margin-left: 0
 +
  }
 +
 +
  .offset-lg-1 {
 +
    margin-left: 8.333333%
 +
  }
 +
 +
  .offset-lg-2 {
 +
    margin-left: 16.666667%
 +
  }
 +
 +
  .offset-lg-3 {
 +
    margin-left: 25%
 +
  }
 +
 +
  .offset-lg-4 {
 +
    margin-left: 33.333333%
 +
  }
 +
 +
  .offset-lg-5 {
 +
    margin-left: 41.666667%
 +
  }
 +
 +
  .offset-lg-6 {
 +
    margin-left: 50%
 +
  }
 +
 +
  .offset-lg-7 {
 +
    margin-left: 58.333333%
 +
  }
 +
 +
  .offset-lg-8 {
 +
    margin-left: 66.666667%
 +
  }
 +
 +
  .offset-lg-9 {
 +
    margin-left: 75%
 +
  }
 +
 +
  .offset-lg-10 {
 +
    margin-left: 83.333333%
 +
  }
 +
 +
  .offset-lg-11 {
 +
    margin-left: 91.666667%
 +
  }
 +
}
 +
 +
@media (min-width: 1200px) {
 +
  .col-xl {
 +
    -ms-flex-preferred-size:0;
 +
    flex-basis: 0;
 +
    -ms-flex-positive: 1;
 +
    flex-grow: 1;
 +
    max-width: 100%
 +
  }
 +
 +
  .col-xl-auto {
 +
    -ms-flex: 0 0 auto;
 +
    flex: 0 0 auto;
 +
    width: auto;
 +
    max-width: none
 +
  }
 +
 +
  .col-xl-1 {
 +
    -ms-flex: 0 0 8.333333%;
 +
    flex: 0 0 8.333333%;
 +
    max-width: 8.333333%
 +
  }
 +
 +
  .col-xl-2 {
 +
    -ms-flex: 0 0 16.666667%;
 +
    flex: 0 0 16.666667%;
 +
    max-width: 16.666667%
 +
  }
 +
 +
  .col-xl-3 {
 +
    -ms-flex: 0 0 25%;
 +
    flex: 0 0 25%;
 +
    max-width: 25%
 +
  }
 +
 +
  .col-xl-4 {
 +
    -ms-flex: 0 0 33.333333%;
 +
    flex: 0 0 33.333333%;
 +
    max-width: 33.333333%
 +
  }
 +
 +
  .col-xl-5 {
 +
    -ms-flex: 0 0 41.666667%;
 +
    flex: 0 0 41.666667%;
 +
    max-width: 41.666667%
 +
  }
 +
 +
  .col-xl-6 {
 +
    -ms-flex: 0 0 50%;
 +
    flex: 0 0 50%;
 +
    max-width: 50%
 +
  }
 +
 +
  .col-xl-7 {
 +
    -ms-flex: 0 0 58.333333%;
 +
    flex: 0 0 58.333333%;
 +
    max-width: 58.333333%
 +
  }
 +
 +
  .col-xl-8 {
 +
    -ms-flex: 0 0 66.666667%;
 +
    flex: 0 0 66.666667%;
 +
    max-width: 66.666667%
 +
  }
 +
 +
  .col-xl-9 {
 +
    -ms-flex: 0 0 75%;
 +
    flex: 0 0 75%;
 +
    max-width: 75%
 +
  }
 +
 +
  .col-xl-10 {
 +
    -ms-flex: 0 0 83.333333%;
 +
    flex: 0 0 83.333333%;
 +
    max-width: 83.333333%
 +
  }
 +
 +
  .col-xl-11 {
 +
    -ms-flex: 0 0 91.666667%;
 +
    flex: 0 0 91.666667%;
 +
    max-width: 91.666667%
 +
  }
 +
 +
  .col-xl-12 {
 +
    -ms-flex: 0 0 100%;
 +
    flex: 0 0 100%;
 +
    max-width: 100%
 +
  }
 +
 +
  .order-xl-first {
 +
    -ms-flex-order: -1;
 +
    order: -1
 +
  }
 +
 +
  .order-xl-last {
 +
    -ms-flex-order: 13;
 +
    order: 13
 +
  }
 +
 +
  .order-xl-0 {
 +
    -ms-flex-order: 0;
 +
    order: 0
 +
  }
 +
 +
  .order-xl-1 {
 +
    -ms-flex-order: 1;
 +
    order: 1
 +
  }
 +
 +
  .order-xl-2 {
 +
    -ms-flex-order: 2;
 +
    order: 2
 +
  }
 +
 +
  .order-xl-3 {
 +
    -ms-flex-order: 3;
 +
    order: 3
 +
  }
 +
 +
  .order-xl-4 {
 +
    -ms-flex-order: 4;
 +
    order: 4
 +
  }
 +
 +
  .order-xl-5 {
 +
    -ms-flex-order: 5;
 +
    order: 5
 +
  }
 +
 +
  .order-xl-6 {
 +
    -ms-flex-order: 6;
 +
    order: 6
 +
  }
 +
 +
  .order-xl-7 {
 +
    -ms-flex-order: 7;
 +
    order: 7
 +
  }
 +
 +
  .order-xl-8 {
 +
    -ms-flex-order: 8;
 +
    order: 8
 +
  }
 +
 +
  .order-xl-9 {
 +
    -ms-flex-order: 9;
 +
    order: 9
 +
  }
 +
 +
  .order-xl-10 {
 +
    -ms-flex-order: 10;
 +
    order: 10
 +
  }
 +
 +
  .order-xl-11 {
 +
    -ms-flex-order: 11;
 +
    order: 11
 +
  }
 +
 +
  .order-xl-12 {
 +
    -ms-flex-order: 12;
 +
    order: 12
 +
  }
 +
 +
  .offset-xl-0 {
 +
    margin-left: 0
 +
  }
 +
 +
  .offset-xl-1 {
 +
    margin-left: 8.333333%
 +
  }
 +
 +
  .offset-xl-2 {
 +
    margin-left: 16.666667%
 +
  }
 +
 +
  .offset-xl-3 {
 +
    margin-left: 25%
 +
  }
 +
 +
  .offset-xl-4 {
 +
    margin-left: 33.333333%
 +
  }
 +
 +
  .offset-xl-5 {
 +
    margin-left: 41.666667%
 +
  }
 +
 +
  .offset-xl-6 {
 +
    margin-left: 50%
 +
  }
 +
 +
  .offset-xl-7 {
 +
    margin-left: 58.333333%
 +
  }
 +
 +
  .offset-xl-8 {
 +
    margin-left: 66.666667%
 +
  }
 +
 +
  .offset-xl-9 {
 +
    margin-left: 75%
 +
  }
 +
 +
  .offset-xl-10 {
 +
    margin-left: 83.333333%
 +
  }
 +
 +
  .offset-xl-11 {
 +
    margin-left: 91.666667%
 +
  }
 +
}
 +
 +
.table {
 +
  width: 100%;
 +
  max-width: 100%;
 +
  margin-bottom: 1rem;
 +
  background-color: transparent
 +
}
 +
 +
.table td,.table th {
 +
  padding: .75rem;
 +
  vertical-align: top;
 +
  border-top: 1px solid #dee2e6
 +
}
 +
 +
.table thead th {
 +
  vertical-align: bottom;
 +
  border-bottom: 2px solid #dee2e6
 +
}
 +
 +
.table tbody+tbody {
 +
  border-top: 2px solid #dee2e6
 +
}
 +
 +
.table .table {
 +
  background-color: #fff
 +
}
 +
 +
.table-sm td,.table-sm th {
 +
  padding: .3rem
 +
}
 +
 +
.table-bordered {
 +
  border: 1px solid #dee2e6
 +
}
 +
 +
.table-bordered td,.table-bordered th {
 +
  border: 1px solid #dee2e6
 +
}
 +
 +
.table-bordered thead td,.table-bordered thead th {
 +
  border-bottom-width: 2px
 +
}
 +
 +
.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
 +
  border: 0
 +
}
 +
 +
.table-striped tbody tr:nth-of-type(odd) {
 +
  background-color: rgba(0,0,0,.05)
 +
}
 +
 +
.table-hover tbody tr:hover {
 +
  background-color: rgba(0,0,0,.075)
 +
}
 +
 +
.table-primary,.table-primary>td,.table-primary>th {
 +
  background-color: #b8daff
 +
}
 +
 +
.table-hover .table-primary:hover {
 +
  background-color: #9fcdff
 +
}
 +
 +
.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
 +
  background-color: #9fcdff
 +
}
 +
 +
.table-secondary,.table-secondary>td,.table-secondary>th {
 +
  background-color: #d6d8db
 +
}
 +
 +
.table-hover .table-secondary:hover {
 +
  background-color: #c8cbcf
 +
}
 +
 +
.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
 +
  background-color: #c8cbcf
 +
}
 +
 +
.table-success,.table-success>td,.table-success>th {
 +
  background-color: #c3e6cb
 +
}
 +
 +
.table-hover .table-success:hover {
 +
  background-color: #b1dfbb
 +
}
 +
 +
.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
 +
  background-color: #b1dfbb
 +
}
 +
 +
.table-info,.table-info>td,.table-info>th {
 +
  background-color: #bee5eb
 +
}
 +
 +
.table-hover .table-info:hover {
 +
  background-color: #abdde5
 +
}
 +
 +
.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
 +
  background-color: #abdde5
 +
}
 +
 +
.table-warning,.table-warning>td,.table-warning>th {
 +
  background-color: #ffeeba
 +
}
 +
 +
.table-hover .table-warning:hover {
 +
  background-color: #ffe8a1
 +
}
 +
 +
.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
 +
  background-color: #ffe8a1
 +
}
 +
 +
.table-danger,.table-danger>td,.table-danger>th {
 +
  background-color: #f5c6cb
 +
}
 +
 +
.table-hover .table-danger:hover {
 +
  background-color: #f1b0b7
 +
}
 +
 +
.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
 +
  background-color: #f1b0b7
 +
}
 +
 +
.table-light,.table-light>td,.table-light>th {
 +
  background-color: #fdfdfe
 +
}
 +
 +
.table-hover .table-light:hover {
 +
  background-color: #ececf6
 +
}
 +
 +
.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
 +
  background-color: #ececf6
 +
}
 +
 +
.table-dark,.table-dark>td,.table-dark>th {
 +
  background-color: #c6c8ca
 +
}
 +
 +
.table-hover .table-dark:hover {
 +
  background-color: #b9bbbe
 +
}
 +
 +
.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
 +
  background-color: #b9bbbe
 +
}
 +
 +
.table-active,.table-active>td,.table-active>th {
 +
  background-color: rgba(0,0,0,.075)
 +
}
 +
 +
.table-hover .table-active:hover {
 +
  background-color: rgba(0,0,0,.075)
 +
}
 +
 +
.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
 +
  background-color: rgba(0,0,0,.075)
 +
}
 +
 +
.table .thead-dark th {
 +
  color: #fff;
 +
  background-color: #212529;
 +
  border-color: #32383e
 +
}
 +
 +
.table .thead-light th {
 +
  color: #495057;
 +
  background-color: #e9ecef;
 +
  border-color: #dee2e6
 +
}
 +
 +
.table-dark {
 +
  color: #fff;
 +
  background-color: #212529
 +
}
 +
 +
.table-dark td,.table-dark th,.table-dark thead th {
 +
  border-color: #32383e
 +
}
 +
 +
.table-dark.table-bordered {
 +
  border: 0
 +
}
 +
 +
.table-dark.table-striped tbody tr:nth-of-type(odd) {
 +
  background-color: rgba(255,255,255,.05)
 +
}
 +
 +
.table-dark.table-hover tbody tr:hover {
 +
  background-color: rgba(255,255,255,.075)
 +
}
 +
 +
@media (max-width: 575.98px) {
 +
  .table-responsive-sm {
 +
    display:block;
 +
    width: 100%;
 +
    overflow-x: auto;
 +
    -webkit-overflow-scrolling: touch;
 +
    -ms-overflow-style: -ms-autohiding-scrollbar
 +
  }
 +
 +
  .table-responsive-sm>.table-bordered {
 +
    border: 0
 +
  }
 +
}
 +
 +
@media (max-width: 767.98px) {
 +
  .table-responsive-md {
 +
    display:block;
 +
    width: 100%;
 +
    overflow-x: auto;
 +
    -webkit-overflow-scrolling: touch;
 +
    -ms-overflow-style: -ms-autohiding-scrollbar
 +
  }
 +
 +
  .table-responsive-md>.table-bordered {
 +
    border: 0
 +
  }
 +
}
 +
 +
@media (max-width: 991.98px) {
 +
  .table-responsive-lg {
 +
    display:block;
 +
    width: 100%;
 +
    overflow-x: auto;
 +
    -webkit-overflow-scrolling: touch;
 +
    -ms-overflow-style: -ms-autohiding-scrollbar
 +
  }
 +
 +
  .table-responsive-lg>.table-bordered {
 +
    border: 0
 +
  }
 +
}
 +
 +
@media (max-width: 1199.98px) {
 +
  .table-responsive-xl {
 +
    display:block;
 +
    width: 100%;
 +
    overflow-x: auto;
 +
    -webkit-overflow-scrolling: touch;
 +
    -ms-overflow-style: -ms-autohiding-scrollbar
 +
  }
 +
 +
  .table-responsive-xl>.table-bordered {
 +
    border: 0
 +
  }
 +
}
 +
 +
.table-responsive {
 +
  display: block;
 +
  width: 100%;
 +
  overflow-x: auto;
 +
  -webkit-overflow-scrolling: touch;
 +
  -ms-overflow-style: -ms-autohiding-scrollbar
 +
}
 +
 +
.table-responsive>.table-bordered {
 +
  border: 0
 +
}
 +
 +
.form-control {
 +
  display: block;
 +
  width: 100%;
 +
  padding: .375rem .75rem;
 +
  font-size: 1rem;
 +
  line-height: 1.5;
 +
  color: #495057;
 +
  background-color: #fff;
 +
  background-clip: padding-box;
 +
  border: 1px solid #ced4da;
 +
  border-radius: .25rem;
 +
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
 +
}
 +
 +
@media screen and (prefers-reduced-motion:reduce) {
 +
  .form-control {
 +
    transition: none
 +
  }
 +
}
 +
 +
.form-control::-ms-expand {
 +
  background-color: transparent;
 +
  border: 0
 +
}
 +
 +
.form-control:focus {
 +
  color: #495057;
 +
  background-color: #fff;
 +
  border-color: #80bdff;
 +
  outline: 0;
 +
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
 +
}
 +
 +
.form-control::-webkit-input-placeholder {
 +
  color: #6c757d;
 +
  opacity: 1
 +
}
 +
 +
.form-control::-moz-placeholder {
 +
  color: #6c757d;
 +
  opacity: 1
 +
}
 +
 +
.form-control:-ms-input-placeholder {
 +
  color: #6c757d;
 +
  opacity: 1
 +
}
 +
 +
.form-control::-ms-input-placeholder {
 +
  color: #6c757d;
 +
  opacity: 1
 +
}
 +
 +
.form-control::placeholder {
 +
  color: #6c757d;
 +
  opacity: 1
 +
}
 +
 +
.form-control:disabled,.form-control[readonly] {
 +
  background-color: #e9ecef;
 +
  opacity: 1
 +
}
 +
 +
select.form-control:not([size]):not([multiple]) {
 +
  height: calc(2.25rem + 2px)
 +
}
 +
 +
select.form-control:focus::-ms-value {
 +
  color: #495057;
 +
  background-color: #fff
 +
}
 +
 +
.form-control-file,.form-control-range {
 +
  display: block;
 +
  width: 100%
 +
}
 +
 +
.col-form-label {
 +
  padding-top: calc(.375rem + 1px);
 +
  padding-bottom: calc(.375rem + 1px);
 +
  margin-bottom: 0;
 +
  font-size: inherit;
 +
  line-height: 1.5
 +
}
 +
 +
.col-form-label-lg {
 +
  padding-top: calc(.5rem + 1px);
 +
  padding-bottom: calc(.5rem + 1px);
 +
  font-size: 1.25rem;
 +
  line-height: 1.5
 +
}
 +
 +
.col-form-label-sm {
 +
  padding-top: calc(.25rem + 1px);
 +
  padding-bottom: calc(.25rem + 1px);
 +
  font-size: .875rem;
 +
  line-height: 1.5
 +
}
 +
 +
.form-control-plaintext {
 +
  display: block;
 +
  width: 100%;
 +
  padding-top: .375rem;
 +
  padding-bottom: .375rem;
 +
  margin-bottom: 0;
 +
  line-height: 1.5;
 +
  color: #212529;
 +
  background-color: transparent;
 +
  border: solid transparent;
 +
  border-width: 1px 0
 +
}
 +
 +
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
 +
  padding-right: 0;
 +
  padding-left: 0
 +
}
 +
 +
.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
 +
  padding: .25rem .5rem;
 +
  font-size: .875rem;
 +
  line-height: 1.5;
 +
  border-radius: .2rem
 +
}
 +
 +
.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]) {
 +
  height: calc(1.8125rem + 2px)
 +
}
 +
 +
.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
 +
  padding: .5rem 1rem;
 +
  font-size: 1.25rem;
 +
  line-height: 1.5;
 +
  border-radius: .3rem
 +
}
 +
 +
.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]) {
 +
  height: calc(2.875rem + 2px)
 +
}
 +
 +
.form-group {
 +
  margin-bottom: 1rem
 +
}
 +
 +
.form-text {
 +
  display: block;
 +
  margin-top: .25rem
 +
}
 +
 +
.form-row {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  margin-right: -5px;
 +
  margin-left: -5px
 +
}
 +
 +
.form-row>.col,.form-row>[class*=col-] {
 +
  padding-right: 5px;
 +
  padding-left: 5px
 +
}
 +
 +
.form-check {
 +
  position: relative;
 +
  display: block;
 +
  padding-left: 1.25rem
 +
}
 +
 +
.form-check-input {
 +
  position: absolute;
 +
  margin-top: .3rem;
 +
  margin-left: -1.25rem
 +
}
 +
 +
.form-check-input:disabled~.form-check-label {
 +
  color: #6c757d
 +
}
 +
 +
.form-check-label {
 +
  margin-bottom: 0
 +
}
 +
 +
.form-check-inline {
 +
  display: -ms-inline-flexbox;
 +
  display: inline-flex;
 +
  -ms-flex-align: center;
 +
  align-items: center;
 +
  padding-left: 0;
 +
  margin-right: .75rem
 +
}
 +
 +
.form-check-inline .form-check-input {
 +
  position: static;
 +
  margin-top: 0;
 +
  margin-right: .3125rem;
 +
  margin-left: 0
 +
}
 +
 +
.valid-feedback {
 +
  display: none;
 +
  width: 100%;
 +
  margin-top: .25rem;
 +
  font-size: 80%;
 +
  color: #28a745
 +
}
 +
 +
.valid-tooltip {
 +
  position: absolute;
 +
  top: 100%;
 +
  z-index: 5;
 +
  display: none;
 +
  max-width: 100%;
 +
  padding: .5rem;
 +
  margin-top: .1rem;
 +
  font-size: .875rem;
 +
  line-height: 1;
 +
  color: #fff;
 +
  background-color: rgba(40,167,69,.8);
 +
  border-radius: .2rem
 +
}
 +
 +
.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid {
 +
  border-color: #28a745
 +
}
 +
 +
.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus {
 +
  border-color: #28a745;
 +
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
 +
}
 +
 +
.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
 +
  display: block
 +
}
 +
 +
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
 +
  color: #28a745
 +
}
 +
 +
.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
 +
  display: block
 +
}
 +
 +
.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
 +
  color: #28a745
 +
}
 +
 +
.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
 +
  background-color: #71dd8a
 +
}
 +
 +
.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
 +
  display: block
 +
}
 +
 +
.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
 +
  background-color: #34ce57
 +
}
 +
 +
.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
 +
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)
 +
}
 +
 +
.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
 +
  border-color: #28a745
 +
}
 +
 +
.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before {
 +
  border-color: inherit
 +
}
 +
 +
.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
 +
  display: block
 +
}
 +
 +
.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
 +
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
 +
}
 +
 +
.invalid-feedback {
 +
  display: none;
 +
  width: 100%;
 +
  margin-top: .25rem;
 +
  font-size: 80%;
 +
  color: #dc3545
 +
}
 +
 +
.invalid-tooltip {
 +
  position: absolute;
 +
  top: 100%;
 +
  z-index: 5;
 +
  display: none;
 +
  max-width: 100%;
 +
  padding: .5rem;
 +
  margin-top: .1rem;
 +
  font-size: .875rem;
 +
  line-height: 1;
 +
  color: #fff;
 +
  background-color: rgba(220,53,69,.8);
 +
  border-radius: .2rem
 +
}
 +
 +
.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid {
 +
  border-color: #dc3545
 +
}
 +
 +
.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus {
 +
  border-color: #dc3545;
 +
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
 +
}
 +
 +
.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
 +
  display: block
 +
}
 +
 +
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
 +
  color: #dc3545
 +
}
 +
 +
.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
 +
  display: block
 +
}
 +
 +
.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
 +
  color: #dc3545
 +
}
 +
 +
.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
 +
  background-color: #efa2a9
 +
}
 +
 +
.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
 +
  display: block
 +
}
 +
 +
.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
 +
  background-color: #e4606d
 +
}
 +
 +
.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
 +
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)
 +
}
 +
 +
.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
 +
  border-color: #dc3545
 +
}
 +
 +
.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before {
 +
  border-color: inherit
 +
}
 +
 +
.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
 +
  display: block
 +
}
 +
 +
.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
 +
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
 +
}
 +
 +
.form-inline {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-flow: row wrap;
 +
  flex-flow: row wrap;
 +
  -ms-flex-align: center;
 +
  align-items: center
 +
}
 +
 +
.form-inline .form-check {
 +
  width: 100%
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .form-inline label {
 +
    display:-ms-flexbox;
 +
    display: flex;
 +
    -ms-flex-align: center;
 +
    align-items: center;
 +
    -ms-flex-pack: center;
 +
    justify-content: center;
 +
    margin-bottom: 0
 +
  }
 +
 +
  .form-inline .form-group {
 +
    display: -ms-flexbox;
 +
    display: flex;
 +
    -ms-flex: 0 0 auto;
 +
    flex: 0 0 auto;
 +
    -ms-flex-flow: row wrap;
 +
    flex-flow: row wrap;
 +
    -ms-flex-align: center;
 +
    align-items: center;
 +
    margin-bottom: 0
 +
  }
 +
 +
  .form-inline .form-control {
 +
    display: inline-block;
 +
    width: auto;
 +
    vertical-align: middle
 +
  }
 +
 +
  .form-inline .form-control-plaintext {
 +
    display: inline-block
 +
  }
 +
 +
  .form-inline .custom-select,.form-inline .input-group {
 +
    width: auto
 +
  }
 +
 +
  .form-inline .form-check {
 +
    display: -ms-flexbox;
 +
    display: flex;
 +
    -ms-flex-align: center;
 +
    align-items: center;
 +
    -ms-flex-pack: center;
 +
    justify-content: center;
 +
    width: auto;
 +
    padding-left: 0
 +
  }
 +
 +
  .form-inline .form-check-input {
 +
    position: relative;
 +
    margin-top: 0;
 +
    margin-right: .25rem;
 +
    margin-left: 0
 +
  }
 +
 +
  .form-inline .custom-control {
 +
    -ms-flex-align: center;
 +
    align-items: center;
 +
    -ms-flex-pack: center;
 +
    justify-content: center
 +
  }
 +
 +
  .form-inline .custom-control-label {
 +
    margin-bottom: 0
 +
  }
 +
}
 +
 +
.btn {
 +
  display: inline-block;
 +
  font-weight: 400;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 +
  border: 1px solid transparent;
 +
  padding: .375rem .75rem;
 +
  font-size: 1rem;
 +
  line-height: 1.5;
 +
  border-radius: .25rem;
 +
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
 +
}
 +
 +
@media screen and (prefers-reduced-motion:reduce) {
 +
  .btn {
 +
    transition: none
 +
  }
 +
}
 +
 +
.btn:focus,.btn:hover {
 +
  text-decoration: none
 +
}
 +
 +
.btn.focus,.btn:focus {
 +
  outline: 0;
 +
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
 +
}
 +
 +
.btn.disabled,.btn:disabled {
 +
  opacity: .65
 +
}
 +
 +
.btn:not(:disabled):not(.disabled) {
 +
  cursor: pointer
 +
}
 +
 +
.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active {
 +
  background-image: none
 +
}
 +
 +
a.btn.disabled,fieldset:disabled a.btn {
 +
  pointer-events: none
 +
}
 +
 +
.btn-primary {
 +
  color: #fff;
 +
  background-color: #007bff;
 +
  border-color: #007bff
 +
}
 +
 +
.btn-primary:hover {
 +
  color: #fff;
 +
  background-color: #0069d9;
 +
  border-color: #0062cc
 +
}
 +
 +
.btn-primary.focus,.btn-primary:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
 +
}
 +
 +
.btn-primary.disabled,.btn-primary:disabled {
 +
  color: #fff;
 +
  background-color: #007bff;
 +
  border-color: #007bff
 +
}
 +
 +
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #0062cc;
 +
  border-color: #005cbf
 +
}
 +
 +
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
 +
}
 +
 +
.btn-secondary {
 +
  color: #fff;
 +
  background-color: #6c757d;
 +
  border-color: #6c757d
 +
}
 +
 +
.btn-secondary:hover {
 +
  color: #fff;
 +
  background-color: #5a6268;
 +
  border-color: #545b62
 +
}
 +
 +
.btn-secondary.focus,.btn-secondary:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
 +
}
 +
 +
.btn-secondary.disabled,.btn-secondary:disabled {
 +
  color: #fff;
 +
  background-color: #6c757d;
 +
  border-color: #6c757d
 +
}
 +
 +
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #545b62;
 +
  border-color: #4e555b
 +
}
 +
 +
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
 +
}
 +
 +
.btn-success {
 +
  color: #fff;
 +
  background-color: #28a745;
 +
  border-color: #28a745
 +
}
 +
 +
.btn-success:hover {
 +
  color: #fff;
 +
  background-color: #218838;
 +
  border-color: #1e7e34
 +
}
 +
 +
.btn-success.focus,.btn-success:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
 +
}
 +
 +
.btn-success.disabled,.btn-success:disabled {
 +
  color: #fff;
 +
  background-color: #28a745;
 +
  border-color: #28a745
 +
}
 +
 +
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #1e7e34;
 +
  border-color: #1c7430
 +
}
 +
 +
.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
 +
}
 +
 +
.btn-info {
 +
  color: #fff;
 +
  background-color: #17a2b8;
 +
  border-color: #17a2b8
 +
}
 +
 +
.btn-info:hover {
 +
  color: #fff;
 +
  background-color: #138496;
 +
  border-color: #117a8b
 +
}
 +
 +
.btn-info.focus,.btn-info:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
 +
}
 +
 +
.btn-info.disabled,.btn-info:disabled {
 +
  color: #fff;
 +
  background-color: #17a2b8;
 +
  border-color: #17a2b8
 +
}
 +
 +
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #117a8b;
 +
  border-color: #10707f
 +
}
 +
 +
.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
 +
}
 +
 +
.btn-warning {
 +
  color: #212529;
 +
  background-color: #ffc107;
 +
  border-color: #ffc107
 +
}
 +
 +
.btn-warning:hover {
 +
  color: #212529;
 +
  background-color: #e0a800;
 +
  border-color: #d39e00
 +
}
 +
 +
.btn-warning.focus,.btn-warning:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
 +
}
 +
 +
.btn-warning.disabled,.btn-warning:disabled {
 +
  color: #212529;
 +
  background-color: #ffc107;
 +
  border-color: #ffc107
 +
}
 +
 +
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
 +
  color: #212529;
 +
  background-color: #d39e00;
 +
  border-color: #c69500
 +
}
 +
 +
.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
 +
}
 +
 +
.btn-danger {
 +
  color: #fff;
 +
  background-color: #dc3545;
 +
  border-color: #dc3545
 +
}
 +
 +
.btn-danger:hover {
 +
  color: #fff;
 +
  background-color: #c82333;
 +
  border-color: #bd2130
 +
}
 +
 +
.btn-danger.focus,.btn-danger:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
 +
}
 +
 +
.btn-danger.disabled,.btn-danger:disabled {
 +
  color: #fff;
 +
  background-color: #dc3545;
 +
  border-color: #dc3545
 +
}
 +
 +
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #bd2130;
 +
  border-color: #b21f2d
 +
}
 +
 +
.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
 +
}
 +
 +
.btn-light {
 +
  color: #212529;
 +
  background-color: #f8f9fa;
 +
  border-color: #f8f9fa
 +
}
 +
 +
.btn-light:hover {
 +
  color: #212529;
 +
  background-color: #e2e6ea;
 +
  border-color: #dae0e5
 +
}
 +
 +
.btn-light.focus,.btn-light:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
 +
}
 +
 +
.btn-light.disabled,.btn-light:disabled {
 +
  color: #212529;
 +
  background-color: #f8f9fa;
 +
  border-color: #f8f9fa
 +
}
 +
 +
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
 +
  color: #212529;
 +
  background-color: #dae0e5;
 +
  border-color: #d3d9df
 +
}
 +
 +
.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
 +
}
 +
 +
.btn-dark {
 +
  color: #fff;
 +
  background-color: #343a40;
 +
  border-color: #343a40
 +
}
 +
 +
.btn-dark:hover {
 +
  color: #fff;
 +
  background-color: #23272b;
 +
  border-color: #1d2124
 +
}
 +
 +
.btn-dark.focus,.btn-dark:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
 +
}
 +
 +
.btn-dark.disabled,.btn-dark:disabled {
 +
  color: #fff;
 +
  background-color: #343a40;
 +
  border-color: #343a40
 +
}
 +
 +
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #1d2124;
 +
  border-color: #171a1d
 +
}
 +
 +
.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
 +
}
 +
 +
.btn-outline-primary {
 +
  color: #007bff;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-color: #007bff
 +
}
 +
 +
.btn-outline-primary:hover {
 +
  color: #fff;
 +
  background-color: #007bff;
 +
  border-color: #007bff
 +
}
 +
 +
.btn-outline-primary.focus,.btn-outline-primary:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
 +
}
 +
 +
.btn-outline-primary.disabled,.btn-outline-primary:disabled {
 +
  color: #007bff;
 +
  background-color: transparent
 +
}
 +
 +
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #007bff;
 +
  border-color: #007bff
 +
}
 +
 +
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
 +
}
 +
 +
.btn-outline-secondary {
 +
  color: #6c757d;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-color: #6c757d
 +
}
 +
 +
.btn-outline-secondary:hover {
 +
  color: #fff;
 +
  background-color: #6c757d;
 +
  border-color: #6c757d
 +
}
 +
 +
.btn-outline-secondary.focus,.btn-outline-secondary:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
 +
}
 +
 +
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
 +
  color: #6c757d;
 +
  background-color: transparent
 +
}
 +
 +
.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #6c757d;
 +
  border-color: #6c757d
 +
}
 +
 +
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
 +
}
 +
 +
.btn-outline-success {
 +
  color: #28a745;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-color: #28a745
 +
}
 +
 +
.btn-outline-success:hover {
 +
  color: #fff;
 +
  background-color: #28a745;
 +
  border-color: #28a745
 +
}
 +
 +
.btn-outline-success.focus,.btn-outline-success:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
 +
}
 +
 +
.btn-outline-success.disabled,.btn-outline-success:disabled {
 +
  color: #28a745;
 +
  background-color: transparent
 +
}
 +
 +
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #28a745;
 +
  border-color: #28a745
 +
}
 +
 +
.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
 +
}
 +
 +
.btn-outline-info {
 +
  color: #17a2b8;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-color: #17a2b8
 +
}
 +
 +
.btn-outline-info:hover {
 +
  color: #fff;
 +
  background-color: #17a2b8;
 +
  border-color: #17a2b8
 +
}
 +
 +
.btn-outline-info.focus,.btn-outline-info:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
 +
}
 +
 +
.btn-outline-info.disabled,.btn-outline-info:disabled {
 +
  color: #17a2b8;
 +
  background-color: transparent
 +
}
 +
 +
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #17a2b8;
 +
  border-color: #17a2b8
 +
}
 +
 +
.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
 +
}
 +
 +
.btn-outline-warning {
 +
  color: #ffc107;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-color: #ffc107
 +
}
 +
 +
.btn-outline-warning:hover {
 +
  color: #212529;
 +
  background-color: #ffc107;
 +
  border-color: #ffc107
 +
}
 +
 +
.btn-outline-warning.focus,.btn-outline-warning:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
 +
}
 +
 +
.btn-outline-warning.disabled,.btn-outline-warning:disabled {
 +
  color: #ffc107;
 +
  background-color: transparent
 +
}
 +
 +
.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
 +
  color: #212529;
 +
  background-color: #ffc107;
 +
  border-color: #ffc107
 +
}
 +
 +
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
 +
}
 +
 +
.btn-outline-danger {
 +
  color: #dc3545;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-color: #dc3545
 +
}
 +
 +
.btn-outline-danger:hover {
 +
  color: #fff;
 +
  background-color: #dc3545;
 +
  border-color: #dc3545
 +
}
 +
 +
.btn-outline-danger.focus,.btn-outline-danger:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
 +
}
 +
 +
.btn-outline-danger.disabled,.btn-outline-danger:disabled {
 +
  color: #dc3545;
 +
  background-color: transparent
 +
}
 +
 +
.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #dc3545;
 +
  border-color: #dc3545
 +
}
 +
 +
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
 +
}
 +
 +
.btn-outline-light {
 +
  color: #f8f9fa;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-color: #f8f9fa
 +
}
 +
 +
.btn-outline-light:hover {
 +
  color: #212529;
 +
  background-color: #f8f9fa;
 +
  border-color: #f8f9fa
 +
}
 +
 +
.btn-outline-light.focus,.btn-outline-light:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
 +
}
 +
 +
.btn-outline-light.disabled,.btn-outline-light:disabled {
 +
  color: #f8f9fa;
 +
  background-color: transparent
 +
}
 +
 +
.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
 +
  color: #212529;
 +
  background-color: #f8f9fa;
 +
  border-color: #f8f9fa
 +
}
 +
 +
.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
 +
}
 +
 +
.btn-outline-dark {
 +
  color: #343a40;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-color: #343a40
 +
}
 +
 +
.btn-outline-dark:hover {
 +
  color: #fff;
 +
  background-color: #343a40;
 +
  border-color: #343a40
 +
}
 +
 +
.btn-outline-dark.focus,.btn-outline-dark:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
 +
}
 +
 +
.btn-outline-dark.disabled,.btn-outline-dark:disabled {
 +
  color: #343a40;
 +
  background-color: transparent
 +
}
 +
 +
.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #343a40;
 +
  border-color: #343a40
 +
}
 +
 +
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
 +
}
 +
 +
.btn-link {
 +
  font-weight: 400;
 +
  color: #007bff;
 +
  background-color: transparent
 +
}
 +
 +
.btn-link:hover {
 +
  color: #0056b3;
 +
  text-decoration: underline;
 +
  background-color: transparent;
 +
  border-color: transparent
 +
}
 +
 +
.btn-link.focus,.btn-link:focus {
 +
  text-decoration: underline;
 +
  border-color: transparent;
 +
  box-shadow: none
 +
}
 +
 +
.btn-link.disabled,.btn-link:disabled {
 +
  color: #6c757d;
 +
  pointer-events: none
 +
}
 +
 +
.btn-group-lg>.btn,.btn-lg {
 +
  padding: .5rem 1rem;
 +
  font-size: 1.25rem;
 +
  line-height: 1.5;
 +
  border-radius: .3rem
 +
}
 +
 +
.btn-group-sm>.btn,.btn-sm {
 +
  padding: .25rem .5rem;
 +
  font-size: .875rem;
 +
  line-height: 1.5;
 +
  border-radius: .2rem
 +
}
 +
 +
.btn-block {
 +
  display: block;
 +
  width: 100%
 +
}
 +
 +
.btn-block+.btn-block {
 +
  margin-top: .5rem
 +
}
 +
 +
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
 +
  width: 100%
 +
}
 +
 +
.fade {
 +
  transition: opacity .15s linear
 +
}
 +
 +
@media screen and (prefers-reduced-motion:reduce) {
 +
  .fade {
 +
    transition: none
 +
  }
 +
}
 +
 +
.fade:not(.show) {
 +
  opacity: 0
 +
}
 +
 +
.collapse:not(.show) {
 +
  display: none
 +
}
 +
 +
.collapsing {
 +
  position: relative;
 +
  height: 0;
 +
  overflow: hidden;
 +
  transition: height .35s ease
 +
}
 +
 +
@media screen and (prefers-reduced-motion:reduce) {
 +
  .collapsing {
 +
    transition: none
 +
  }
 +
}
 +
 +
.dropdown,.dropleft,.dropright,.dropup {
 +
  position: relative
 +
}
 +
 +
.dropdown-toggle::after {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  margin-left: .255em;
 +
  vertical-align: .255em;
 +
  content: "";
 +
  border-top: .3em solid;
 +
  border-right: .3em solid transparent;
 +
  border-bottom: 0;
 +
  border-left: .3em solid transparent
 +
}
 +
 +
.dropdown-toggle:empty::after {
 +
  margin-left: 0
 +
}
 +
 +
.dropdown-menu {
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  z-index: 1000;
 +
  display: none;
 +
  float: left;
 +
  min-width: 10rem;
 +
  padding: 0rem 1.5rem;
 +
  padding-bottom:1rem;
 +
  margin: .125rem 0 0;
 +
  font-size: 1rem;
 +
  color: #212529;
 +
  text-align: left;
 +
  list-style: none;
 +
  background-color: #fff;
 +
  background-clip: padding-box;
 +
  border: 1px solid rgba(0,0,0,.15);
 +
  border-radius: .25rem
 +
}
 +
 +
.dropdown-menu-right {
 +
  right: 0;
 +
  left: auto
 +
}
 +
 +
.dropup .dropdown-menu {
 +
  top: auto;
 +
  bottom: 100%;
 +
  margin-top: 0;
 +
  margin-bottom: .125rem
 +
}
 +
 +
.dropup .dropdown-toggle::after {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  margin-left: .255em;
 +
  vertical-align: .255em;
 +
  content: "";
 +
  border-top: 0;
 +
  border-right: .3em solid transparent;
 +
  border-bottom: .3em solid;
 +
  border-left: .3em solid transparent
 +
}
 +
 +
.dropup .dropdown-toggle:empty::after {
 +
  margin-left: 0
 +
}
 +
 +
.dropright .dropdown-menu {
 +
  top: 0;
 +
  right: auto;
 +
  left: 100%;
 +
  margin-top: 0;
 +
  margin-left: .125rem
 +
}
 +
 +
.dropright .dropdown-toggle::after {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  margin-left: .255em;
 +
  vertical-align: .255em;
 +
  content: "";
 +
  border-top: .3em solid transparent;
 +
  border-right: 0;
 +
  border-bottom: .3em solid transparent;
 +
  border-left: .3em solid
 +
}
 +
 +
.dropright .dropdown-toggle:empty::after {
 +
  margin-left: 0
 +
}
 +
 +
.dropright .dropdown-toggle::after {
 +
  vertical-align: 0
 +
}
 +
 +
.dropleft .dropdown-menu {
 +
  top: 0;
 +
  right: 100%;
 +
  left: auto;
 +
  margin-top: 0;
 +
  margin-right: .125rem
 +
}
 +
 +
.dropleft .dropdown-toggle::after {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  margin-left: .255em;
 +
  vertical-align: .255em;
 +
  content: ""
 +
}
 +
 +
.dropleft .dropdown-toggle::after {
 +
  display: none
 +
}
 +
 +
.dropleft .dropdown-toggle::before {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  margin-right: .255em;
 +
  vertical-align: .255em;
 +
  content: "";
 +
  border-top: .3em solid transparent;
 +
  border-right: .3em solid;
 +
  border-bottom: .3em solid transparent
 +
}
 +
 +
.dropleft .dropdown-toggle:empty::after {
 +
  margin-left: 0
 +
}
 +
 +
.dropleft .dropdown-toggle::before {
 +
  vertical-align: 0
 +
}
 +
 +
.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
 +
  right: auto;
 +
  bottom: auto
 +
}
 +
 +
.dropdown-divider {
 +
  height: 0;
 +
  margin: .5rem 0;
 +
  overflow: hidden;
 +
  border-top: 1px solid #e9ecef
 +
}
 +
 +
.dropdown-item {
 +
  display: block;
 +
  width: 100%;
 +
  padding: .25rem 1.5rem;
 +
  clear: both;
 +
  font-weight: 400;
 +
  color: #212529;
 +
  text-align: inherit;
 +
  white-space: nowrap;
 +
  background-color: transparent;
 +
  border: 0
 +
}
 +
 +
.dropdown-item:focus,.dropdown-item:hover {
 +
  color: #16181b;
 +
  text-decoration: none;
 +
  background-color: #f8f9fa
 +
}
 +
 +
.dropdown-item.active,.dropdown-item:active {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  background-color: #007bff
 +
}
 +
 +
.dropdown-item.disabled,.dropdown-item:disabled {
 +
  color: #6c757d;
 +
  background-color: transparent
 +
}
 +
 +
.dropdown-menu.show {
 +
  display: block
 +
}
 +
 +
.dropdown-header {
 +
  display: block;
 +
  padding: .5rem 1.5rem;
 +
  margin-bottom: 0;
 +
  font-size: .875rem;
 +
  color: #6c757d;
 +
  white-space: nowrap
 +
}
 +
 +
.dropdown-item-text {
 +
  display: block;
 +
  padding: .25rem 1.5rem;
 +
  color: #212529
 +
}
 +
 +
.btn-group,.btn-group-vertical {
 +
  position: relative;
 +
  display: -ms-inline-flexbox;
 +
  display: inline-flex;
 +
  vertical-align: middle
 +
}
 +
 +
.btn-group-vertical>.btn,.btn-group>.btn {
 +
  position: relative;
 +
  -ms-flex: 0 1 auto;
 +
  flex: 0 1 auto
 +
}
 +
 +
.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
 +
  z-index: 1
 +
}
 +
 +
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus {
 +
  z-index: 1
 +
}
 +
 +
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.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-left: -1px
 +
}
 +
 +
.btn-toolbar {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -ms-flex-pack: start;
 +
  justify-content: flex-start
 +
}
 +
 +
.btn-toolbar .input-group {
 +
  width: auto
 +
}
 +
 +
.btn-group>.btn:first-child {
 +
  margin-left: 0
 +
}
 +
 +
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0
 +
}
 +
 +
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0
 +
}
 +
 +
.dropdown-toggle-split {
 +
  padding-right: .5625rem;
 +
  padding-left: .5625rem
 +
}
 +
 +
.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
 +
  margin-left: 0
 +
}
 +
 +
.dropleft .dropdown-toggle-split::before {
 +
  margin-right: 0
 +
}
 +
 +
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
 +
  padding-right: .375rem;
 +
  padding-left: .375rem
 +
}
 +
 +
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
 +
  padding-right: .75rem;
 +
  padding-left: .75rem
 +
}
 +
 +
.btn-group-vertical {
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  -ms-flex-align: start;
 +
  align-items: flex-start;
 +
  -ms-flex-pack: center;
 +
  justify-content: center
 +
}
 +
 +
.btn-group-vertical .btn,.btn-group-vertical .btn-group {
 +
  width: 100%
 +
}
 +
 +
.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-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
 +
  border-bottom-right-radius: 0;
 +
  border-bottom-left-radius: 0
 +
}
 +
 +
.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
 +
  border-top-left-radius: 0;
 +
  border-top-right-radius: 0
 +
}
 +
 +
.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
 +
  margin-bottom: 0
 +
}
 +
 +
.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] {
 +
  position: absolute;
 +
  clip: rect(0,0,0,0);
 +
  pointer-events: none
 +
}
 +
 +
.input-group {
 +
  position: relative;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -ms-flex-align: stretch;
 +
  align-items: stretch;
 +
  width: 100%
 +
}
 +
 +
.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
 +
  position: relative;
 +
  -ms-flex: 1 1 auto;
 +
  flex: 1 1 auto;
 +
  width: 1%;
 +
  margin-bottom: 0
 +
}
 +
 +
.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus {
 +
  z-index: 3
 +
}
 +
 +
.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control {
 +
  margin-left: -1px
 +
}
 +
 +
.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) {
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0
 +
}
 +
 +
.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0
 +
}
 +
 +
.input-group>.custom-file {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-align: center;
 +
  align-items: center
 +
}
 +
 +
.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after {
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0
 +
}
 +
 +
.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::after {
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0
 +
}
 +
 +
.input-group-append,.input-group-prepend {
 +
  display: -ms-flexbox;
 +
  display: flex
 +
}
 +
 +
.input-group-append .btn,.input-group-prepend .btn {
 +
  position: relative;
 +
  z-index: 2
 +
}
 +
 +
.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
 +
  margin-left: -1px
 +
}
 +
 +
.input-group-prepend {
 +
  margin-right: -1px
 +
}
 +
 +
.input-group-append {
 +
  margin-left: -1px
 +
}
 +
 +
.input-group-text {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-align: center;
 +
  align-items: center;
 +
  padding: .375rem .75rem;
 +
  margin-bottom: 0;
 +
  font-size: 1rem;
 +
  font-weight: 400;
 +
  line-height: 1.5;
 +
  color: #495057;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  background-color: #e9ecef;
 +
  border: 1px solid #ced4da;
 +
  border-radius: .25rem
 +
}
 +
 +
.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
 +
  margin-top: 0
 +
}
 +
 +
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0
 +
}
 +
 +
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0
 +
}
 +
 +
.custom-control {
 +
  position: relative;
 +
  display: block;
 +
  min-height: 1.5rem;
 +
  padding-left: 1.5rem
 +
}
 +
 +
.custom-control-inline {
 +
  display: -ms-inline-flexbox;
 +
  display: inline-flex;
 +
  margin-right: 1rem
 +
}
 +
 +
.custom-control-input {
 +
  position: absolute;
 +
  z-index: -1;
 +
  opacity: 0
 +
}
 +
 +
.custom-control-input:checked~.custom-control-label::before {
 +
  color: #fff;
 +
  background-color: #007bff
 +
}
 +
 +
.custom-control-input:focus~.custom-control-label::before {
 +
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
 +
}
 +
 +
.custom-control-input:active~.custom-control-label::before {
 +
  color: #fff;
 +
  background-color: #b3d7ff
 +
}
 +
 +
.custom-control-input:disabled~.custom-control-label {
 +
  color: #6c757d
 +
}
 +
 +
.custom-control-input:disabled~.custom-control-label::before {
 +
  background-color: #e9ecef
 +
}
 +
 +
.custom-control-label {
 +
  margin-bottom: 0
 +
}
 +
 +
.custom-control-label::before {
 +
  position: absolute;
 +
  top: .25rem;
 +
  left: 0;
 +
  display: block;
 +
  width: 1rem;
 +
  height: 1rem;
 +
  pointer-events: none;
 +
  content: "";
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 +
  background-color: #dee2e6
 +
}
 +
 +
.custom-control-label::after {
 +
  position: absolute;
 +
  top: .25rem;
 +
  left: 0;
 +
  display: block;
 +
  width: 1rem;
 +
  height: 1rem;
 +
  content: "";
 +
  background-repeat: no-repeat;
 +
  background-position: center center;
 +
  background-size: 70% 50%
 +
}
 +
 +
.custom-checkbox .custom-control-label::before {
 +
  border-radius: .25rem
 +
}
 +
 +
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
 +
  background-color: #007bff
 +
}
 +
 +
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
 +
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
 +
}
 +
 +
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
 +
  background-color: #007bff
 +
}
 +
 +
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
 +
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
 +
}
 +
 +
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
 +
  background-color: rgba(0,123,255,.5)
 +
}
 +
 +
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
 +
  background-color: rgba(0,123,255,.5)
 +
}
 +
 +
.custom-radio .custom-control-label::before {
 +
  border-radius: 50%
 +
}
 +
 +
.custom-radio .custom-control-input:checked~.custom-control-label::before {
 +
  background-color: #007bff
 +
}
 +
 +
.custom-radio .custom-control-input:checked~.custom-control-label::after {
 +
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
 +
}
 +
 +
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
 +
  background-color: rgba(0,123,255,.5)
 +
}
 +
 +
.custom-select {
 +
  display: inline-block;
 +
  width: 100%;
 +
  height: calc(2.25rem + 2px);
 +
  padding: .375rem 1.75rem .375rem .75rem;
 +
  line-height: 1.5;
 +
  color: #495057;
 +
  vertical-align: middle;
 +
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
 +
  background-size: 8px 10px;
 +
  border: 1px solid #ced4da;
 +
  border-radius: .25rem;
 +
  -webkit-appearance: none;
 +
  -moz-appearance: none;
 +
  appearance: none
 +
}
 +
 +
.custom-select:focus {
 +
  border-color: #80bdff;
 +
  outline: 0;
 +
  box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)
 +
}
 +
 +
.custom-select:focus::-ms-value {
 +
  color: #495057;
 +
  background-color: #fff
 +
}
 +
 +
.custom-select[multiple],.custom-select[size]:not([size="1"]) {
 +
  height: auto;
 +
  padding-right: .75rem;
 +
  background-image: none
 +
}
 +
 +
.custom-select:disabled {
 +
  color: #6c757d;
 +
  background-color: #e9ecef
 +
}
 +
 +
.custom-select::-ms-expand {
 +
  opacity: 0
 +
}
 +
 +
.custom-select-sm {
 +
  height: calc(1.8125rem + 2px);
 +
  padding-top: .375rem;
 +
  padding-bottom: .375rem;
 +
  font-size: 75%
 +
}
 +
 +
.custom-select-lg {
 +
  height: calc(2.875rem + 2px);
 +
  padding-top: .375rem;
 +
  padding-bottom: .375rem;
 +
  font-size: 125%
 +
}
 +
 +
.custom-file {
 +
  position: relative;
 +
  display: inline-block;
 +
  width: 100%;
 +
  height: calc(2.25rem + 2px);
 +
  margin-bottom: 0
 +
}
 +
 +
.custom-file-input {
 +
  position: relative;
 +
  z-index: 2;
 +
  width: 100%;
 +
  height: calc(2.25rem + 2px);
 +
  margin: 0;
 +
  opacity: 0
 +
}
 +
 +
.custom-file-input:focus~.custom-file-label {
 +
  border-color: #80bdff;
 +
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
 +
}
 +
 +
.custom-file-input:focus~.custom-file-label::after {
 +
  border-color: #80bdff
 +
}
 +
 +
.custom-file-input:lang(en)~.custom-file-label::after {
 +
  content: "Browse"
 +
}
 +
 +
.custom-file-label {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  left: 0;
 +
  z-index: 1;
 +
  height: calc(2.25rem + 2px);
 +
  padding: .375rem .75rem;
 +
  line-height: 1.5;
 +
  color: #495057;
 +
  background-color: #fff;
 +
  border: 1px solid #ced4da;
 +
  border-radius: .25rem
 +
}
 +
 +
.custom-file-label::after {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  z-index: 3;
 +
  display: block;
 +
  height: calc(calc(2.25rem + 2px) - 1px * 2);
 +
  padding: .375rem .75rem;
 +
  line-height: 1.5;
 +
  color: #495057;
 +
  content: "Browse";
 +
  background-color: #e9ecef;
 +
  border-left: 1px solid #ced4da;
 +
  border-radius: 0 .25rem .25rem 0
 +
}
 +
 +
.custom-range {
 +
  width: 100%;
 +
  padding-left: 0;
 +
  background-color: transparent;
 +
  -webkit-appearance: none;
 +
  -moz-appearance: none;
 +
  appearance: none
 +
}
 +
 +
.custom-range:focus {
 +
  outline: 0
 +
}
 +
 +
.custom-range::-moz-focus-outer {
 +
  border: 0
 +
}
 +
 +
.custom-range::-webkit-slider-thumb {
 +
  width: 1rem;
 +
  height: 1rem;
 +
  margin-top: -.25rem;
 +
  background-color: #007bff;
 +
  border: 0;
 +
  border-radius: 1rem;
 +
  -webkit-appearance: none;
 +
  appearance: none
 +
}
 +
 +
.custom-range::-webkit-slider-thumb:focus {
 +
  outline: 0;
 +
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
 +
}
 +
 +
.custom-range::-webkit-slider-thumb:active {
 +
  background-color: #b3d7ff
 +
}
 +
 +
.custom-range::-webkit-slider-runnable-track {
 +
  width: 100%;
 +
  height: .5rem;
 +
  color: transparent;
 +
  cursor: pointer;
 +
  background-color: #dee2e6;
 +
  border-color: transparent;
 +
  border-radius: 1rem
 +
}
 +
 +
.custom-range::-moz-range-thumb {
 +
  width: 1rem;
 +
  height: 1rem;
 +
  background-color: #007bff;
 +
  border: 0;
 +
  border-radius: 1rem;
 +
  -moz-appearance: none;
 +
  appearance: none
 +
}
 +
 +
.custom-range::-moz-range-thumb:focus {
 +
  outline: 0;
 +
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
 +
}
 +
 +
.custom-range::-moz-range-thumb:active {
 +
  background-color: #b3d7ff
 +
}
 +
 +
.custom-range::-moz-range-track {
 +
  width: 100%;
 +
  height: .5rem;
 +
  color: transparent;
 +
  cursor: pointer;
 +
  background-color: #dee2e6;
 +
  border-color: transparent;
 +
  border-radius: 1rem
 +
}
 +
 +
.custom-range::-ms-thumb {
 +
  width: 1rem;
 +
  height: 1rem;
 +
  background-color: #007bff;
 +
  border: 0;
 +
  border-radius: 1rem;
 +
  appearance: none
 +
}
 +
 +
.custom-range::-ms-thumb:focus {
 +
  outline: 0;
 +
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
 +
}
 +
 +
.custom-range::-ms-thumb:active {
 +
  background-color: #b3d7ff
 +
}
 +
 +
.custom-range::-ms-track {
 +
  width: 100%;
 +
  height: .5rem;
 +
  color: transparent;
 +
  cursor: pointer;
 +
  background-color: transparent;
 +
  border-color: transparent;
 +
  border-width: .5rem
 +
}
 +
 +
.custom-range::-ms-fill-lower {
 +
  background-color: #dee2e6;
 +
  border-radius: 1rem
 +
}
 +
 +
.custom-range::-ms-fill-upper {
 +
  margin-right: 15px;
 +
  background-color: #dee2e6;
 +
  border-radius: 1rem
 +
}
 +
 +
.nav {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  padding-left: 0;
 +
  margin-bottom: 0;
 +
  list-style: none
 +
}
 +
 +
.nav-link {
 +
  display: block;
 +
  padding: .5rem 1rem
 +
}
 +
 +
.nav-link:focus,.nav-link:hover {
 +
  text-decoration: none
 +
}
 +
 +
.nav-link.disabled {
 +
  color: #6c757d
 +
}
 +
 +
.nav-tabs {
 +
  border-bottom: 1px solid #dee2e6
 +
}
 +
 +
.nav-tabs .nav-item {
 +
  margin-bottom: -1px
 +
}
 +
 +
.nav-tabs .nav-link {
 +
  border: 1px solid transparent;
 +
  border-top-left-radius: .25rem;
 +
  border-top-right-radius: .25rem
 +
}
 +
 +
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
 +
  border-color: #e9ecef #e9ecef #dee2e6
 +
}
 +
 +
.nav-tabs .nav-link.disabled {
 +
  color: #6c757d;
 +
  background-color: transparent;
 +
  border-color: transparent
 +
}
 +
 +
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
 +
  color: #495057;
 +
  background-color: #fff;
 +
  border-color: #dee2e6 #dee2e6 #fff
 +
}
 +
 +
.nav-tabs .dropdown-menu {
 +
  margin-top: -1px;
 +
  border-top-left-radius: 0;
 +
  border-top-right-radius: 0
 +
}
 +
 +
.nav-pills .nav-link {
 +
  border-radius: .25rem
 +
}
 +
 +
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
 +
  color: #fff;
 +
  background-color: #007bff
 +
}
 +
 +
.nav-fill .nav-item {
 +
  -ms-flex: 1 1 auto;
 +
  flex: 1 1 auto;
 +
  text-align: center
 +
}
 +
 +
.nav-justified .nav-item {
 +
  -ms-flex-preferred-size: 0;
 +
  flex-basis: 0;
 +
  -ms-flex-positive: 1;
 +
  flex-grow: 1;
 +
  text-align: center
 +
}
 +
 +
.tab-content>.tab-pane {
 +
  display: none
 +
}
 +
 +
.tab-content>.active {
 +
  display: block
 +
}
 +
 +
.navbar {
 +
  position: relative;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -ms-flex-align: center;
 +
  align-items: center;
 +
  -ms-flex-pack: justify;
 +
  justify-content: space-between;
 +
  padding: .5rem 1rem
 +
}
 +
 +
.navbar>.container,.navbar>.container-fluid {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -ms-flex-align: center;
 +
  align-items: center;
 +
  -ms-flex-pack: justify;
 +
  justify-content: space-between
 +
}
 +
 +
.navbar-brand {
 +
  display: inline-block;
 +
  padding-top: .3125rem;
 +
  padding-bottom: .3125rem;
 +
  margin-right: 1rem;
 +
  font-size: 1.25rem;
 +
  line-height: inherit;
 +
  white-space: nowrap
 +
}
 +
 +
.navbar-brand:focus,.navbar-brand:hover {
 +
  text-decoration: none
 +
}
 +
 +
.navbar-nav {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  padding-left: 0;
 +
  margin-bottom: 0;
 +
  list-style: none
 +
}
 +
 +
.navbar-nav .nav-link {
 +
  padding-right: 0;
 +
  padding-left: 0
 +
}
 +
 +
.navbar-nav .dropdown-menu {
 +
  position: static;
 +
  float: none
 +
}
 +
 +
.navbar-text {
 +
  display: inline-block;
 +
  padding-top: .5rem;
 +
  padding-bottom: .5rem
 +
}
 +
 +
.navbar-collapse {
 +
  -ms-flex-preferred-size: 100%;
 +
  flex-basis: 100%;
 +
  -ms-flex-positive: 1;
 +
  flex-grow: 1;
 +
  -ms-flex-align: center;
 +
  align-items: center
 +
}
 +
 +
.navbar-toggler {
 +
  padding: .25rem .75rem;
 +
  font-size: 1.25rem;
 +
  line-height: 1;
 +
  background-color: transparent;
 +
  border: 1px solid transparent;
 +
  border-radius: .25rem
 +
}
 +
 +
.navbar-toggler:focus,.navbar-toggler:hover {
 +
  text-decoration: none
 +
}
 +
 +
.navbar-toggler:not(:disabled):not(.disabled) {
 +
  cursor: pointer
 +
}
 +
 +
.navbar-toggler-icon {
 +
  display: inline-block;
 +
  width: 1.5em;
 +
  height: 1.5em;
 +
  vertical-align: middle;
 +
  content: "";
 +
  background: no-repeat center center;
 +
  background-size: 100% 100%
 +
}
 +
 +
@media (max-width: 575.98px) {
 +
  .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
 +
    padding-right:0;
 +
    padding-left: 0
 +
  }
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .navbar-expand-sm {
 +
    -ms-flex-flow:row nowrap;
 +
    flex-flow: row nowrap;
 +
    -ms-flex-pack: start;
 +
    justify-content: flex-start
 +
  }
 +
 +
  .navbar-expand-sm .navbar-nav {
 +
    -ms-flex-direction: row;
 +
    flex-direction: row
 +
  }
 +
 +
  .navbar-expand-sm .navbar-nav .dropdown-menu {
 +
    position: absolute
 +
  }
 +
 +
  .navbar-expand-sm .navbar-nav .nav-link {
 +
    padding-right: .5rem;
 +
    padding-left: .5rem
 +
  }
 +
 +
  .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
 +
    -ms-flex-wrap: nowrap;
 +
    flex-wrap: nowrap
 +
  }
 +
 +
  .navbar-expand-sm .navbar-collapse {
 +
    display: -ms-flexbox!important;
 +
    display: flex!important;
 +
    -ms-flex-preferred-size: auto;
 +
    flex-basis: auto
 +
  }
 +
 +
  .navbar-expand-sm .navbar-toggler {
 +
    display: none
 +
  }
 +
}
 +
 +
@media (max-width: 767.98px) {
 +
  .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
 +
    padding-right:0;
 +
    padding-left: 0
 +
  }
 +
}
 +
 +
@media (min-width: 768px) {
 +
  .navbar-expand-md {
 +
    -ms-flex-flow:row nowrap;
 +
    flex-flow: row nowrap;
 +
    -ms-flex-pack: start;
 +
    justify-content: flex-start
 +
  }
 +
 +
  .navbar-expand-md .navbar-nav {
 +
    -ms-flex-direction: row;
 +
    flex-direction: row
 +
  }
 +
 +
  .navbar-expand-md .navbar-nav .dropdown-menu {
 +
    position: absolute
 +
  }
 +
 +
  .navbar-expand-md .navbar-nav .nav-link {
 +
    padding-right: .5rem;
 +
    padding-left: .5rem
 +
  }
 +
 +
  .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
 +
    -ms-flex-wrap: nowrap;
 +
    flex-wrap: nowrap
 +
  }
 +
 +
  .navbar-expand-md .navbar-collapse {
 +
    display: -ms-flexbox!important;
 +
    display: flex!important;
 +
    -ms-flex-preferred-size: auto;
 +
    flex-basis: auto
 +
  }
 +
 +
  .navbar-expand-md .navbar-toggler {
 +
    display: none
 +
  }
 +
}
 +
 +
@media (max-width: 991.98px) {
 +
  .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
 +
    padding-right:0;
 +
    padding-left: 0
 +
  }
 +
}
 +
 +
@media (min-width: 992px) {
 +
  .navbar-expand-lg {
 +
    -ms-flex-flow:row nowrap;
 +
    flex-flow: row nowrap;
 +
    -ms-flex-pack: start;
 +
    justify-content: flex-start
 +
  }
 +
 +
  .navbar-expand-lg .navbar-nav {
 +
    -ms-flex-direction: row;
 +
    flex-direction: row
 +
  }
 +
 +
  .navbar-expand-lg .navbar-nav .dropdown-menu {
 +
    position: absolute
 +
  }
 +
 +
  .navbar-expand-lg .navbar-nav .nav-link {
 +
    padding-right: .5rem;
 +
    padding-left: .5rem
 +
  }
 +
 +
  .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
 +
    -ms-flex-wrap: nowrap;
 +
    flex-wrap: nowrap
 +
  }
 +
 +
  .navbar-expand-lg .navbar-collapse {
 +
    display: -ms-flexbox!important;
 +
    display: flex!important;
 +
    -ms-flex-preferred-size: auto;
 +
    flex-basis: auto
 +
  }
 +
 +
  .navbar-expand-lg .navbar-toggler {
 +
    display: none
 +
  }
 +
}
 +
 +
@media (max-width: 1199.98px) {
 +
  .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
 +
    padding-right:0;
 +
    padding-left: 0
 +
  }
 +
}
 +
 +
@media (min-width: 1200px) {
 +
  .navbar-expand-xl {
 +
    -ms-flex-flow:row nowrap;
 +
    flex-flow: row nowrap;
 +
    -ms-flex-pack: start;
 +
    justify-content: flex-start
 +
  }
 +
 +
  .navbar-expand-xl .navbar-nav {
 +
    -ms-flex-direction: row;
 +
    flex-direction: row
 +
  }
 +
 +
  .navbar-expand-xl .navbar-nav .dropdown-menu {
 +
    position: absolute
 +
  }
 +
 +
  .navbar-expand-xl .navbar-nav .nav-link {
 +
    padding-right: .5rem;
 +
    padding-left: .5rem
 +
  }
 +
 +
  .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
 +
    -ms-flex-wrap: nowrap;
 +
    flex-wrap: nowrap
 +
  }
 +
 +
  .navbar-expand-xl .navbar-collapse {
 +
    display: -ms-flexbox!important;
 +
    display: flex!important;
 +
    -ms-flex-preferred-size: auto;
 +
    flex-basis: auto
 +
  }
 +
 +
  .navbar-expand-xl .navbar-toggler {
 +
    display: none
 +
  }
 +
}
 +
 +
.navbar-expand {
 +
  -ms-flex-flow: row nowrap;
 +
  flex-flow: row nowrap;
 +
  -ms-flex-pack: start;
 +
  justify-content: flex-start
 +
}
 +
 +
.navbar-expand>.container,.navbar-expand>.container-fluid {
 +
  padding-right: 0;
 +
  padding-left: 0
 +
}
 +
 +
.navbar-expand .navbar-nav {
 +
  -ms-flex-direction: row;
 +
  flex-direction: row
 +
}
 +
 +
.navbar-expand .navbar-nav .dropdown-menu {
 +
  position: absolute
 +
}
 +
 +
.navbar-expand .navbar-nav .nav-link {
 +
  padding-right: .5rem;
 +
  padding-left: .5rem
 +
}
 +
 +
.navbar-expand>.container,.navbar-expand>.container-fluid {
 +
  -ms-flex-wrap: nowrap;
 +
  flex-wrap: nowrap
 +
}
 +
 +
.navbar-expand .navbar-collapse {
 +
  display: -ms-flexbox!important;
 +
  display: flex!important;
 +
  -ms-flex-preferred-size: auto;
 +
  flex-basis: auto
 +
}
 +
 +
.navbar-expand .navbar-toggler {
 +
  display: none
 +
}
 +
 +
.navbar-light .navbar-brand {
 +
  color: rgba(0,0,0,.9)
 +
}
 +
 +
.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
 +
  color: rgba(0,0,0,.9)
 +
}
 +
 +
.navbar-light .navbar-nav .nav-link {
 +
  color: rgba(0,0,0,.5)
 +
}
 +
 +
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
 +
  color: rgba(0,0,0,.7)
 +
}
 +
 +
.navbar-light .navbar-nav .nav-link.disabled {
 +
  color: rgba(0,0,0,.3)
 +
}
 +
 +
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
 +
  color: rgba(0,0,0,.9)
 +
}
 +
 +
.navbar-light .navbar-toggler {
 +
  color: rgba(0,0,0,.5);
 +
  border-color: rgba(0,0,0,.1)
 +
}
 +
 +
.navbar-light .navbar-toggler-icon {
 +
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 +
}
 +
 +
.navbar-light .navbar-text {
 +
  color: rgba(0,0,0,.5)
 +
}
 +
 +
.navbar-light .navbar-text a {
 +
  color: rgba(0,0,0,.9)
 +
}
 +
 +
.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
 +
  color: rgba(0,0,0,.9)
 +
}
 +
 +
.navbar-dark .navbar-brand {
 +
  color: #fff
 +
}
 +
 +
.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
 +
  color: #fff
 +
}
 +
 +
.navbar-dark .navbar-nav .nav-link {
 +
  color: rgba(255,255,255,.5)
 +
}
 +
 +
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
 +
  color: rgba(255,255,255,.75)
 +
}
 +
 +
.navbar-dark .navbar-nav .nav-link.disabled {
 +
  color: rgba(255,255,255,.25)
 +
}
 +
 +
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
 +
  color: #fff
 +
}
 +
 +
.navbar-dark .navbar-toggler {
 +
  color: rgba(255,255,255,.5);
 +
  border-color: rgba(255,255,255,.1)
 +
}
 +
 +
.navbar-dark .navbar-toggler-icon {
 +
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap=round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 +
}
 +
 +
.navbar-dark .navbar-text {
 +
  color: rgba(255,255,255,.5)
 +
}
 +
 +
.navbar-dark .navbar-text a {
 +
  color: #fff
 +
}
 +
 +
.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
 +
  color: #fff
 +
}
 +
 +
.card {
 +
  position: relative;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  min-width: 0;
 +
  word-wrap: break-word;
 +
  background-color: #fff;
 +
  background-clip: border-box;
 +
  border: 1px solid rgba(0,0,0,.125);
 +
  border-radius: .25rem
 +
}
 +
 +
.card>hr {
 +
  margin-right: 0;
 +
  margin-left: 0
 +
}
 +
 +
.card>.list-group:first-child .list-group-item:first-child {
 +
  border-top-left-radius: .25rem;
 +
  border-top-right-radius: .25rem
 +
}
 +
 +
.card>.list-group:last-child .list-group-item:last-child {
 +
  border-bottom-right-radius: .25rem;
 +
  border-bottom-left-radius: .25rem
 +
}
 +
 +
.card-body {
 +
  -ms-flex: 1 1 auto;
 +
  flex: 1 1 auto;
 +
  padding: 1.25rem
 +
}
 +
 +
.card-title {
 +
  margin-bottom: .75rem
 +
}
 +
 +
.card-subtitle {
 +
  margin-top: -.375rem;
 +
  margin-bottom: 0
 +
}
 +
 +
.card-text:last-child {
 +
  margin-bottom: 0
 +
}
 +
 +
.card-link:hover {
 +
  text-decoration: none
 +
}
 +
 +
.card-link+.card-link {
 +
  margin-left: 1.25rem
 +
}
 +
 +
.card-header {
 +
  padding: .75rem 1.25rem;
 +
  margin-bottom: 0;
 +
  background-color: rgba(0,0,0,.03);
 +
  border-bottom: 1px solid rgba(0,0,0,.125)
 +
}
 +
 +
.card-header:first-child {
 +
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
 +
}
 +
 +
.card-header+.list-group .list-group-item:first-child {
 +
  border-top: 0
 +
}
 +
 +
.card-footer {
 +
  padding: .75rem 1.25rem;
 +
  background-color: rgba(0,0,0,.03);
 +
  border-top: 1px solid rgba(0,0,0,.125)
 +
}
 +
 +
.card-footer:last-child {
 +
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
 +
}
 +
 +
.card-header-tabs {
 +
  margin-right: -.625rem;
 +
  margin-bottom: -.75rem;
 +
  margin-left: -.625rem;
 +
  border-bottom: 0
 +
}
 +
 +
.card-header-pills {
 +
  margin-right: -.625rem;
 +
  margin-left: -.625rem
 +
}
 +
 +
.card-img-overlay {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  padding: 1.25rem
 +
}
 +
 +
.card-img {
 +
  width: 100%;
 +
  border-radius: calc(.25rem - 1px)
 +
}
 +
 +
.card-img-top {
 +
  width: 100%;
 +
  border-top-left-radius: calc(.25rem - 1px);
 +
  border-top-right-radius: calc(.25rem - 1px)
 +
}
 +
 +
.card-img-bottom {
 +
  width: 100%;
 +
  border-bottom-right-radius: calc(.25rem - 1px);
 +
  border-bottom-left-radius: calc(.25rem - 1px)
 +
}
 +
 +
.card-deck {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column
 +
}
 +
 +
.card-deck .card {
 +
  margin-bottom: 15px
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .card-deck {
 +
    -ms-flex-flow:row wrap;
 +
    flex-flow: row wrap;
 +
    margin-right: -15px;
 +
    margin-left: -15px
 +
  }
 +
 +
  .card-deck .card {
 +
    display: -ms-flexbox;
 +
    display: flex;
 +
    -ms-flex: 1 0 0%;
 +
    flex: 1 0 0%;
 +
    -ms-flex-direction: column;
 +
    flex-direction: column;
 +
    margin-right: 15px;
 +
    margin-bottom: 0;
 +
    margin-left: 15px
 +
  }
 +
}
 +
 +
.card-group {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column
 +
}
 +
 +
.card-group>.card {
 +
  margin-bottom: 15px
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .card-group {
 +
    -ms-flex-flow:row wrap;
 +
    flex-flow: row wrap
 +
  }
 +
 +
  .card-group>.card {
 +
    -ms-flex: 1 0 0%;
 +
    flex: 1 0 0%;
 +
    margin-bottom: 0
 +
  }
 +
 +
  .card-group>.card+.card {
 +
    margin-left: 0;
 +
    border-left: 0
 +
  }
 +
 +
  .card-group>.card:first-child {
 +
    border-top-right-radius: 0;
 +
    border-bottom-right-radius: 0
 +
  }
 +
 +
  .card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top {
 +
    border-top-right-radius: 0
 +
  }
 +
 +
  .card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom {
 +
    border-bottom-right-radius: 0
 +
  }
 +
 +
  .card-group>.card:last-child {
 +
    border-top-left-radius: 0;
 +
    border-bottom-left-radius: 0
 +
  }
 +
 +
  .card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top {
 +
    border-top-left-radius: 0
 +
  }
 +
 +
  .card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom {
 +
    border-bottom-left-radius: 0
 +
  }
 +
 +
  .card-group>.card:only-child {
 +
    border-radius: .25rem
 +
  }
 +
 +
  .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top {
 +
    border-top-left-radius: .25rem;
 +
    border-top-right-radius: .25rem
 +
  }
 +
 +
  .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom {
 +
    border-bottom-right-radius: .25rem;
 +
    border-bottom-left-radius: .25rem
 +
  }
 +
 +
  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
 +
    border-radius: 0
 +
  }
 +
 +
  .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
 +
    border-radius: 0
 +
  }
 +
}
 +
 +
.card-columns .card {
 +
  margin-bottom: .75rem
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .card-columns {
 +
    -webkit-column-count:3;
 +
    -moz-column-count: 3;
 +
    column-count: 3;
 +
    -webkit-column-gap: 1.25rem;
 +
    -moz-column-gap: 1.25rem;
 +
    column-gap: 1.25rem;
 +
    orphans: 1;
 +
    widows: 1
 +
  }
 +
 +
  .card-columns .card {
 +
    display: inline-block;
 +
    width: 100%
 +
  }
 +
}
 +
 +
.accordion .card:not(:first-of-type):not(:last-of-type) {
 +
  border-bottom: 0;
 +
  border-radius: 0
 +
}
 +
 +
.accordion .card:not(:first-of-type) .card-header:first-child {
 +
  border-radius: 0
 +
}
 +
 +
.accordion .card:first-of-type {
 +
  border-bottom: 0;
 +
  border-bottom-right-radius: 0;
 +
  border-bottom-left-radius: 0
 +
}
 +
 +
.accordion .card:last-of-type {
 +
  border-top-left-radius: 0;
 +
  border-top-right-radius: 0
 +
}
 +
 +
.breadcrumb {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  padding: .75rem 1rem;
 +
  margin-bottom: 1rem;
 +
  list-style: none;
 +
  background-color: #e9ecef;
 +
  border-radius: .25rem
 +
}
 +
 +
.breadcrumb-item+.breadcrumb-item {
 +
  padding-left: .5rem
 +
}
 +
 +
.breadcrumb-item+.breadcrumb-item::before {
 +
  display: inline-block;
 +
  padding-right: .5rem;
 +
  color: #6c757d;
 +
  content: "/"
 +
}
 +
 +
.breadcrumb-item+.breadcrumb-item:hover::before {
 +
  text-decoration: underline
 +
}
 +
 +
.breadcrumb-item+.breadcrumb-item:hover::before {
 +
  text-decoration: none
 +
}
 +
 +
.breadcrumb-item.active {
 +
  color: #6c757d
 +
}
 +
 +
.pagination {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  padding-left: 0;
 +
  list-style: none;
 +
  border-radius: .25rem
 +
}
 +
 +
.page-link {
 +
  position: relative;
 +
  display: block;
 +
  padding: .5rem .75rem;
 +
  margin-left: -1px;
 +
  line-height: 1.25;
 +
  color: #007bff;
 +
  background-color: #fff;
 +
  border: 1px solid #dee2e6
 +
}
 +
 +
.page-link:hover {
 +
  z-index: 2;
 +
  color: #0056b3;
 +
  text-decoration: none;
 +
  background-color: #e9ecef;
 +
  border-color: #dee2e6
 +
}
 +
 +
.page-link:focus {
 +
  z-index: 2;
 +
  outline: 0;
 +
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
 +
}
 +
 +
.page-link:not(:disabled):not(.disabled) {
 +
  cursor: pointer
 +
}
 +
 +
.page-item:first-child .page-link {
 +
  margin-left: 0;
 +
  border-top-left-radius: .25rem;
 +
  border-bottom-left-radius: .25rem
 +
}
 +
 +
.page-item:last-child .page-link {
 +
  border-top-right-radius: .25rem;
 +
  border-bottom-right-radius: .25rem
 +
}
 +
 +
.page-item.active .page-link {
 +
  z-index: 1;
 +
  color: #fff;
 +
  background-color: #007bff;
 +
  border-color: #007bff
 +
}
 +
 +
.page-item.disabled .page-link {
 +
  color: #6c757d;
 +
  pointer-events: none;
 +
  cursor: auto;
 +
  background-color: #fff;
 +
  border-color: #dee2e6
 +
}
 +
 +
.pagination-lg .page-link {
 +
  padding: .75rem 1.5rem;
 +
  font-size: 1.25rem;
 +
  line-height: 1.5
 +
}
 +
 +
.pagination-lg .page-item:first-child .page-link {
 +
  border-top-left-radius: .3rem;
 +
  border-bottom-left-radius: .3rem
 +
}
 +
 +
.pagination-lg .page-item:last-child .page-link {
 +
  border-top-right-radius: .3rem;
 +
  border-bottom-right-radius: .3rem
 +
}
 +
 +
.pagination-sm .page-link {
 +
  padding: .25rem .5rem;
 +
  font-size: .875rem;
 +
  line-height: 1.5
 +
}
 +
 +
.pagination-sm .page-item:first-child .page-link {
 +
  border-top-left-radius: .2rem;
 +
  border-bottom-left-radius: .2rem
 +
}
 +
 +
.pagination-sm .page-item:last-child .page-link {
 +
  border-top-right-radius: .2rem;
 +
  border-bottom-right-radius: .2rem
 +
}
 +
 +
.badge {
 +
  display: inline-block;
 +
  padding: .25em .4em;
 +
  font-size: 75%;
 +
  font-weight: 700;
 +
  line-height: 1;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: baseline;
 +
  border-radius: .25rem
 +
}
 +
 +
.badge:empty {
 +
  display: none
 +
}
 +
 +
.btn .badge {
 +
  position: relative;
 +
  top: -1px
 +
}
 +
 +
.badge-pill {
 +
  padding-right: .6em;
 +
  padding-left: .6em;
 +
  border-radius: 10rem
 +
}
 +
 +
.badge-primary {
 +
  color: #fff;
 +
  background-color: #007bff
 +
}
 +
 +
.badge-primary[href]:focus,.badge-primary[href]:hover {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  background-color: #0062cc
 +
}
 +
 +
.badge-secondary {
 +
  color: #fff;
 +
  background-color: #6c757d
 +
}
 +
 +
.badge-secondary[href]:focus,.badge-secondary[href]:hover {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  background-color: #545b62
 +
}
 +
 +
.badge-success {
 +
  color: #fff;
 +
  background-color: #28a745
 +
}
 +
 +
.badge-success[href]:focus,.badge-success[href]:hover {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  background-color: #1e7e34
 +
}
 +
 +
.badge-info {
 +
  color: #fff;
 +
  background-color: #17a2b8
 +
}
 +
 +
.badge-info[href]:focus,.badge-info[href]:hover {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  background-color: #117a8b
 +
}
 +
 +
.badge-warning {
 +
  color: #212529;
 +
  background-color: #ffc107
 +
}
 +
 +
.badge-warning[href]:focus,.badge-warning[href]:hover {
 +
  color: #212529;
 +
  text-decoration: none;
 +
  background-color: #d39e00
 +
}
 +
 +
.badge-danger {
 +
  color: #fff;
 +
  background-color: #dc3545
 +
}
 +
 +
.badge-danger[href]:focus,.badge-danger[href]:hover {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  background-color: #bd2130
 +
}
 +
 +
.badge-light {
 +
  color: #212529;
 +
  background-color: #f8f9fa
 +
}
 +
 +
.badge-light[href]:focus,.badge-light[href]:hover {
 +
  color: #212529;
 +
  text-decoration: none;
 +
  background-color: #dae0e5
 +
}
 +
 +
.badge-dark {
 +
  color: #fff;
 +
  background-color: #343a40
 +
}
 +
 +
.badge-dark[href]:focus,.badge-dark[href]:hover {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  background-color: #1d2124
 +
}
 +
 +
.jumbotron {
 +
  padding: 2rem 1rem;
 +
  margin-bottom: 2rem;
 +
  background-color: #e9ecef;
 +
  border-radius: .3rem
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .jumbotron {
 +
    padding:4rem 2rem
 +
  }
 +
}
 +
 +
.jumbotron-fluid {
 +
  padding-right: 0;
 +
  padding-left: 0;
 +
  border-radius: 0
 +
}
 +
 +
.alert {
 +
  position: relative;
 +
  padding: .75rem 1.25rem;
 +
  margin-bottom: 1rem;
 +
  border: 1px solid transparent;
 +
  border-radius: .25rem
 +
}
 +
 +
.alert-heading {
 +
  color: inherit
 +
}
 +
 +
.alert-link {
 +
  font-weight: 700
 +
}
 +
 +
.alert-dismissible {
 +
  padding-right: 4rem
 +
}
 +
 +
.alert-dismissible .close {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  padding: .75rem 1.25rem;
 +
  color: inherit
 +
}
 +
 +
.alert-primary {
 +
  color: #004085;
 +
  background-color: #cce5ff;
 +
  border-color: #b8daff
 +
}
 +
 +
.alert-primary hr {
 +
  border-top-color: #9fcdff
 +
}
 +
 +
.alert-primary .alert-link {
 +
  color: #002752
 +
}
 +
 +
.alert-secondary {
 +
  color: #383d41;
 +
  background-color: #e2e3e5;
 +
  border-color: #d6d8db
 +
}
 +
 +
.alert-secondary hr {
 +
  border-top-color: #c8cbcf
 +
}
 +
 +
.alert-secondary .alert-link {
 +
  color: #202326
 +
}
 +
 +
.alert-success {
 +
  color: #155724;
 +
  background-color: #d4edda;
 +
  border-color: #c3e6cb
 +
}
 +
 +
.alert-success hr {
 +
  border-top-color: #b1dfbb
 +
}
 +
 +
.alert-success .alert-link {
 +
  color: #0b2e13
 +
}
 +
 +
.alert-info {
 +
  color: #0c5460;
 +
  background-color: #d1ecf1;
 +
  border-color: #bee5eb
 +
}
 +
 +
.alert-info hr {
 +
  border-top-color: #abdde5
 +
}
 +
 +
.alert-info .alert-link {
 +
  color: #062c33
 +
}
 +
 +
.alert-warning {
 +
  color: #856404;
 +
  background-color: #fff3cd;
 +
  border-color: #ffeeba
 +
}
 +
 +
.alert-warning hr {
 +
  border-top-color: #ffe8a1
 +
}
 +
 +
.alert-warning .alert-link {
 +
  color: #533f03
 +
}
 +
 +
.alert-danger {
 +
  color: #721c24;
 +
  background-color: #f8d7da;
 +
  border-color: #f5c6cb
 +
}
 +
 +
.alert-danger hr {
 +
  border-top-color: #f1b0b7
 +
}
 +
 +
.alert-danger .alert-link {
 +
  color: #491217
 +
}
 +
 +
.alert-light {
 +
  color: #818182;
 +
  background-color: #fefefe;
 +
  border-color: #fdfdfe
 +
}
 +
 +
.alert-light hr {
 +
  border-top-color: #ececf6
 +
}
 +
 +
.alert-light .alert-link {
 +
  color: #686868
 +
}
 +
 +
.alert-dark {
 +
  color: #1b1e21;
 +
  background-color: #d6d8d9;
 +
  border-color: #c6c8ca
 +
}
 +
 +
.alert-dark hr {
 +
  border-top-color: #b9bbbe
 +
}
 +
 +
.alert-dark .alert-link {
 +
  color: #040505
 +
}
 +
 +
@-webkit-keyframes progress-bar-stripes {
 +
  from {
 +
    background-position: 1rem 0
 +
  }
 +
 +
  to {
 +
    background-position: 0 0
 +
  }
 +
}
 +
 +
@keyframes progress-bar-stripes {
 +
  from {
 +
    background-position: 1rem 0
 +
  }
 +
 +
  to {
 +
    background-position: 0 0
 +
  }
 +
}
 +
 +
.progress {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  height: 1rem;
 +
  overflow: hidden;
 +
  font-size: .75rem;
 +
  background-color: #e9ecef;
 +
  border-radius: .25rem
 +
}
 +
 +
.progress-bar {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  -ms-flex-pack: center;
 +
  justify-content: center;
 +
  color: #fff;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  background-color: #007bff;
 +
  transition: width .6s ease
 +
}
 +
 +
@media screen and (prefers-reduced-motion:reduce) {
 +
  .progress-bar {
 +
    transition: none
 +
  }
 +
}
 +
 +
.progress-bar-striped {
 +
  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);
 +
  background-size: 1rem 1rem
 +
}
 +
 +
.progress-bar-animated {
 +
  -webkit-animation: progress-bar-stripes 1s linear infinite;
 +
  animation: progress-bar-stripes 1s linear infinite
 +
}
 +
 +
.media {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-align: start;
 +
  align-items: flex-start
 +
}
 +
 +
.media-body {
 +
  -ms-flex: 1;
 +
  flex: 1
 +
}
 +
 +
.list-group {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  padding-left: 0;
 +
  margin-bottom: 0
 +
}
 +
 +
.list-group-item-action {
 +
  width: 100%;
 +
  color: #495057;
 +
  text-align: inherit
 +
}
 +
 +
.list-group-item-action:focus,.list-group-item-action:hover {
 +
  color: #495057;
 +
  text-decoration: none;
 +
  background-color: #f8f9fa
 +
}
 +
 +
.list-group-item-action:active {
 +
  color: #212529;
 +
  background-color: #e9ecef
 +
}
 +
 +
.list-group-item {
 +
  position: relative;
 +
  display: block;
 +
  padding: .75rem 1.25rem;
 +
  margin-bottom: -1px;
 +
  background-color: #fff;
 +
  border: 1px solid rgba(0,0,0,.125)
 +
}
 +
 +
.list-group-item:first-child {
 +
  border-top-left-radius: .25rem;
 +
  border-top-right-radius: .25rem
 +
}
 +
 +
.list-group-item:last-child {
 +
  margin-bottom: 0;
 +
  border-bottom-right-radius: .25rem;
 +
  border-bottom-left-radius: .25rem
 +
}
 +
 +
.list-group-item:focus,.list-group-item:hover {
 +
  z-index: 1;
 +
  text-decoration: none
 +
}
 +
 +
.list-group-item.disabled,.list-group-item:disabled {
 +
  color: #6c757d;
 +
  background-color: #fff
 +
}
 +
 +
.list-group-item.active {
 +
  z-index: 2;
 +
  color: #fff;
 +
  background-color: #007bff;
 +
  border-color: #007bff
 +
}
 +
 +
.list-group-flush .list-group-item {
 +
  border-right: 0;
 +
  border-left: 0;
 +
  border-radius: 0
 +
}
 +
 +
.list-group-flush:first-child .list-group-item:first-child {
 +
  border-top: 0
 +
}
 +
 +
.list-group-flush:last-child .list-group-item:last-child {
 +
  border-bottom: 0
 +
}
 +
 +
.list-group-item-primary {
 +
  color: #004085;
 +
  background-color: #b8daff
 +
}
 +
 +
.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
 +
  color: #004085;
 +
  background-color: #9fcdff
 +
}
 +
 +
.list-group-item-primary.list-group-item-action.active {
 +
  color: #fff;
 +
  background-color: #004085;
 +
  border-color: #004085
 +
}
 +
 +
.list-group-item-secondary {
 +
  color: #383d41;
 +
  background-color: #d6d8db
 +
}
 +
 +
.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
 +
  color: #383d41;
 +
  background-color: #c8cbcf
 +
}
 +
 +
.list-group-item-secondary.list-group-item-action.active {
 +
  color: #fff;
 +
  background-color: #383d41;
 +
  border-color: #383d41
 +
}
 +
 +
.list-group-item-success {
 +
  color: #155724;
 +
  background-color: #c3e6cb
 +
}
 +
 +
.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
 +
  color: #155724;
 +
  background-color: #b1dfbb
 +
}
 +
 +
.list-group-item-success.list-group-item-action.active {
 +
  color: #fff;
 +
  background-color: #155724;
 +
  border-color: #155724
 +
}
 +
 +
.list-group-item-info {
 +
  color: #0c5460;
 +
  background-color: #bee5eb
 +
}
 +
 +
.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
 +
  color: #0c5460;
 +
  background-color: #abdde5
 +
}
 +
 +
.list-group-item-info.list-group-item-action.active {
 +
  color: #fff;
 +
  background-color: #0c5460;
 +
  border-color: #0c5460
 +
}
 +
 +
.list-group-item-warning {
 +
  color: #856404;
 +
  background-color: #ffeeba
 +
}
 +
 +
.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
 +
  color: #856404;
 +
  background-color: #ffe8a1
 +
}
 +
 +
.list-group-item-warning.list-group-item-action.active {
 +
  color: #fff;
 +
  background-color: #856404;
 +
  border-color: #856404
 +
}
 +
 +
.list-group-item-danger {
 +
  color: #721c24;
 +
  background-color: #f5c6cb
 +
}
 +
 +
.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
 +
  color: #721c24;
 +
  background-color: #f1b0b7
 +
}
 +
 +
.list-group-item-danger.list-group-item-action.active {
 +
  color: #fff;
 +
  background-color: #721c24;
 +
  border-color: #721c24
 +
}
 +
 +
.list-group-item-light {
 +
  color: #818182;
 +
  background-color: #fdfdfe
 +
}
 +
 +
.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
 +
  color: #818182;
 +
  background-color: #ececf6
 +
}
 +
 +
.list-group-item-light.list-group-item-action.active {
 +
  color: #fff;
 +
  background-color: #818182;
 +
  border-color: #818182
 +
}
 +
 +
.list-group-item-dark {
 +
  color: #1b1e21;
 +
  background-color: #c6c8ca
 +
}
 +
 +
.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
 +
  color: #1b1e21;
 +
  background-color: #b9bbbe
 +
}
 +
 +
.list-group-item-dark.list-group-item-action.active {
 +
  color: #fff;
 +
  background-color: #1b1e21;
 +
  border-color: #1b1e21
 +
}
 +
 +
.close {
 +
  float: right;
 +
  font-size: 1.5rem;
 +
  font-weight: 700;
 +
  line-height: 1;
 +
  color: #000;
 +
  text-shadow: 0 1px 0 #fff;
 +
  opacity: .5
 +
}
 +
 +
.close:focus,.close:hover {
 +
  color: #000;
 +
  text-decoration: none;
 +
  opacity: .75
 +
}
 +
 +
.close:not(:disabled):not(.disabled) {
 +
  cursor: pointer
 +
}
 +
 +
button.close {
 +
  padding: 0;
 +
  background-color: transparent;
 +
  border: 0;
 +
  -webkit-appearance: none
 +
}
 +
 +
.modal-open {
 +
  overflow: hidden
 +
}
 +
 +
.modal {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  z-index: 1050;
 +
  display: none;
 +
  overflow: hidden;
 +
  outline: 0
 +
}
 +
 +
.modal-open .modal {
 +
  overflow-x: hidden;
 +
  overflow-y: auto
 +
}
 +
 +
.modal-dialog {
 +
  position: relative;
 +
  width: auto;
 +
  margin: .5rem;
 +
  pointer-events: none
 +
}
 +
 +
.modal.fade .modal-dialog {
 +
  transition: -webkit-transform .3s ease-out;
 +
  transition: transform .3s ease-out;
 +
  transition: transform .3s ease-out,-webkit-transform .3s ease-out;
 +
  -webkit-transform: translate(0,-25%);
 +
  transform: translate(0,-25%)
 +
}
 +
 +
@media screen and (prefers-reduced-motion:reduce) {
 +
  .modal.fade .modal-dialog {
 +
    transition: none
 +
  }
 +
}
 +
 +
.modal.show .modal-dialog {
 +
  -webkit-transform: translate(0,0);
 +
  transform: translate(0,0)
 +
}
 +
 +
.modal-dialog-centered {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-align: center;
 +
  align-items: center;
 +
  min-height: calc(100% - (.5rem * 2))
 +
}
 +
 +
.modal-content {
 +
  position: relative;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  width: 100%;
 +
  pointer-events: auto;
 +
  background-color: #fff;
 +
  background-clip: padding-box;
 +
  border: 1px solid rgba(0,0,0,.2);
 +
  border-radius: .3rem;
 +
  outline: 0
 +
}
 +
 +
.modal-backdrop {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  z-index: 1040;
 +
  background-color: #000
 +
}
 +
 +
.modal-backdrop.fade {
 +
  opacity: 0
 +
}
 +
 +
.modal-backdrop.show {
 +
  opacity: .5
 +
}
 +
 +
.modal-header {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-align: start;
 +
  align-items: flex-start;
 +
  -ms-flex-pack: justify;
 +
  justify-content: space-between;
 +
  padding: 1rem;
 +
  border-bottom: 1px solid #e9ecef;
 +
  border-top-left-radius: .3rem;
 +
  border-top-right-radius: .3rem
 +
}
 +
 +
.modal-header .close {
 +
  padding: 1rem;
 +
  margin: -1rem -1rem -1rem auto
 +
}
 +
 +
.modal-title {
 +
  margin-bottom: 0;
 +
  line-height: 1.5
 +
}
 +
 +
.modal-body {
 +
  position: relative;
 +
  -ms-flex: 1 1 auto;
 +
  flex: 1 1 auto;
 +
  padding: 1rem
 +
}
 +
 +
.modal-footer {
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-align: center;
 +
  align-items: center;
 +
  -ms-flex-pack: end;
 +
  justify-content: flex-end;
 +
  padding: 1rem;
 +
  border-top: 1px solid #e9ecef
 +
}
 +
 +
.modal-footer>:not(:first-child) {
 +
  margin-left: .25rem
 +
}
 +
 +
.modal-footer>:not(:last-child) {
 +
  margin-right: .25rem
 +
}
 +
 +
.modal-scrollbar-measure {
 +
  position: absolute;
 +
  top: -9999px;
 +
  width: 50px;
 +
  height: 50px;
 +
  overflow: scroll
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .modal-dialog {
 +
    max-width:500px;
 +
    margin: 1.75rem auto
 +
  }
 +
 +
  .modal-dialog-centered {
 +
    min-height: calc(100% - (1.75rem * 2))
 +
  }
 +
 +
  .modal-sm {
 +
    max-width: 300px
 +
  }
 +
}
 +
 +
@media (min-width: 992px) {
 +
  .modal-lg {
 +
    max-width:800px
 +
  }
 +
}
 +
 +
.tooltip {
 +
  position: absolute;
 +
  z-index: 1070;
 +
  display: block;
 +
  margin: 0;
 +
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  line-height: 1.5;
 +
  text-align: left;
 +
  text-align: start;
 +
  text-decoration: none;
 +
  text-shadow: none;
 +
  text-transform: none;
 +
  letter-spacing: normal;
 +
  word-break: normal;
 +
  word-spacing: normal;
 +
  white-space: normal;
 +
  line-break: auto;
 +
  font-size: .875rem;
 +
  word-wrap: break-word;
 +
  opacity: 0
 +
}
 +
 +
.tooltip.show {
 +
  opacity: .9
 +
}
 +
 +
.tooltip .arrow {
 +
  position: absolute;
 +
  display: block;
 +
  width: .8rem;
 +
  height: .4rem
 +
}
 +
 +
.tooltip .arrow::before {
 +
  position: absolute;
 +
  content: "";
 +
  border-color: transparent;
 +
  border-style: solid
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
 +
  padding: .4rem 0
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
 +
  bottom: 0
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before {
 +
  top: 0;
 +
  border-width: .4rem .4rem 0;
 +
  border-top-color: #000
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
 +
  padding: 0 .4rem
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
 +
  left: 0;
 +
  width: .4rem;
 +
  height: .8rem
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before {
 +
  right: 0;
 +
  border-width: .4rem .4rem .4rem 0;
 +
  border-right-color: #000
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
 +
  padding: .4rem 0
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
 +
  top: 0
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before {
 +
  bottom: 0;
 +
  border-width: 0 .4rem .4rem;
 +
  border-bottom-color: #000
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
 +
  padding: 0 .4rem
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
 +
  right: 0;
 +
  width: .4rem;
 +
  height: .8rem
 +
}
 +
 +
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
 +
  left: 0;
 +
  border-width: .4rem 0 .4rem .4rem;
 +
  border-left-color: #000
 +
}
 +
 +
.tooltip-inner {
 +
  max-width: 200px;
 +
  padding: .25rem .5rem;
 +
  color: #fff;
 +
  text-align: center;
 +
  background-color: #000;
 +
  border-radius: .25rem
 +
}
 +
 +
.popover {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 1060;
 +
  display: block;
 +
  max-width: 276px;
 +
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  line-height: 1.5;
 +
  text-align: left;
 +
  text-align: start;
 +
  text-decoration: none;
 +
  text-shadow: none;
 +
  text-transform: none;
 +
  letter-spacing: normal;
 +
  word-break: normal;
 +
  word-spacing: normal;
 +
  white-space: normal;
 +
  line-break: auto;
 +
  font-size: .875rem;
 +
  word-wrap: break-word;
 +
  background-color: #fff;
 +
  background-clip: padding-box;
 +
  border: 1px solid rgba(0,0,0,.2);
 +
  border-radius: .3rem
 +
}
 +
 +
.popover .arrow {
 +
  position: absolute;
 +
  display: block;
 +
  width: 1rem;
 +
  height: .5rem;
 +
  margin: 0 .3rem
 +
}
 +
 +
.popover .arrow::after,.popover .arrow::before {
 +
  position: absolute;
 +
  display: block;
 +
  content: "";
 +
  border-color: transparent;
 +
  border-style: solid
 +
}
 +
 +
.bs-popover-auto[x-placement^=top],.bs-popover-top {
 +
  margin-bottom: .5rem
 +
}
 +
 +
.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow {
 +
  bottom: calc((.5rem + 1px) * -1)
 +
}
 +
 +
.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before {
 +
  border-width: .5rem .5rem 0
 +
}
 +
 +
.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before {
 +
  bottom: 0;
 +
  border-top-color: rgba(0,0,0,.25)
 +
}
 +
 +
.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after {
 +
  bottom: 1px;
 +
  border-top-color: #fff
 +
}
 +
 +
.bs-popover-auto[x-placement^=right],.bs-popover-right {
 +
  margin-left: .5rem
 +
}
 +
 +
.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow {
 +
  left: calc((.5rem + 1px) * -1);
 +
  width: .5rem;
 +
  height: 1rem;
 +
  margin: .3rem 0
 +
}
 +
 +
.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before {
 +
  border-width: .5rem .5rem .5rem 0
 +
}
 +
 +
.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before {
 +
  left: 0;
 +
  border-right-color: rgba(0,0,0,.25)
 +
}
 +
 +
.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after {
 +
  left: 1px;
 +
  border-right-color: #fff
 +
}
 +
 +
.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
 +
  margin-top: .5rem
 +
}
 +
 +
.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow {
 +
  top: calc((.5rem + 1px) * -1)
 +
}
 +
 +
.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before {
 +
  border-width: 0 .5rem .5rem .5rem
 +
}
 +
 +
.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before {
 +
  top: 0;
 +
  border-bottom-color: rgba(0,0,0,.25)
 +
}
 +
 +
.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after {
 +
  top: 1px;
 +
  border-bottom-color: #fff
 +
}
 +
 +
.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 50%;
 +
  display: block;
 +
  width: 1rem;
 +
  margin-left: -.5rem;
 +
  content: "";
 +
  border-bottom: 1px solid #f7f7f7
 +
}
 +
 +
.bs-popover-auto[x-placement^=left],.bs-popover-left {
 +
  margin-right: .5rem
 +
}
 +
 +
.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow {
 +
  right: calc((.5rem + 1px) * -1);
 +
  width: .5rem;
 +
  height: 1rem;
 +
  margin: .3rem 0
 +
}
 +
 +
.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before {
 +
  border-width: .5rem 0 .5rem .5rem
 +
}
 +
 +
.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before {
 +
  right: 0;
 +
  border-left-color: rgba(0,0,0,.25)
 +
}
 +
 +
.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after {
 +
  right: 1px;
 +
  border-left-color: #fff
 +
}
 +
 +
.popover-header {
 +
  padding: .5rem .75rem;
 +
  margin-bottom: 0;
 +
  font-size: 1rem;
 +
  color: inherit;
 +
  background-color: #f7f7f7;
 +
  border-bottom: 1px solid #ebebeb;
 +
  border-top-left-radius: calc(.3rem - 1px);
 +
  border-top-right-radius: calc(.3rem - 1px)
 +
}
 +
 +
.popover-header:empty {
 +
  display: none
 +
}
 +
 +
.popover-body {
 +
  padding: .5rem .75rem;
 +
  color: #212529
 +
}
 +
 +
.carousel {
 +
  position: relative
 +
}
 +
 +
.carousel-inner {
 +
  position: relative;
 +
  width: 100%;
 +
  overflow: hidden
 +
}
 +
 +
.carousel-item {
 +
  position: relative;
 +
  display: none;
 +
  -ms-flex-align: center;
 +
  align-items: center;
 +
  width: 100%;
 +
  transition: -webkit-transform .6s ease;
 +
  transition: transform .6s ease;
 +
  transition: transform .6s ease,-webkit-transform .6s ease;
 +
  -webkit-backface-visibility: hidden;
 +
  backface-visibility: hidden;
 +
  -webkit-perspective: 1000px;
 +
  perspective: 1000px
 +
}
 +
 +
@media screen and (prefers-reduced-motion:reduce) {
 +
  .carousel-item {
 +
    transition: none
 +
  }
 +
}
 +
 +
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
 +
  display: block
 +
}
 +
 +
.carousel-item-next,.carousel-item-prev {
 +
  position: absolute;
 +
  top: 0
 +
}
 +
 +
.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
 +
  -webkit-transform: translateX(0);
 +
  transform: translateX(0)
 +
}
 +
 +
@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
 +
  .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
 +
    -webkit-transform:translate3d(0,0,0);
 +
    transform: translate3d(0,0,0)
 +
  }
 +
}
 +
 +
.active.carousel-item-right,.carousel-item-next {
 +
  -webkit-transform: translateX(100%);
 +
  transform: translateX(100%)
 +
}
 +
 +
@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
 +
  .active.carousel-item-right,.carousel-item-next {
 +
    -webkit-transform:translate3d(100%,0,0);
 +
    transform: translate3d(100%,0,0)
 +
  }
 +
}
 +
 +
.active.carousel-item-left,.carousel-item-prev {
 +
  -webkit-transform: translateX(-100%);
 +
  transform: translateX(-100%)
 +
}
 +
 +
@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
 +
  .active.carousel-item-left,.carousel-item-prev {
 +
    -webkit-transform:translate3d(-100%,0,0);
 +
    transform: translate3d(-100%,0,0)
 +
  }
 +
}
 +
 +
.carousel-fade .carousel-item {
 +
  opacity: 0;
 +
  transition-duration: .6s;
 +
  transition-property: opacity
 +
}
 +
 +
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
 +
  opacity: 1
 +
}
 +
 +
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
 +
  opacity: 0
 +
}
 +
 +
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
 +
  -webkit-transform: translateX(0);
 +
  transform: translateX(0)
 +
}
 +
 +
@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
 +
  .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
 +
    -webkit-transform:translate3d(0,0,0);
 +
    transform: translate3d(0,0,0)
 +
  }
 +
}
 +
 +
.carousel-control-next,.carousel-control-prev {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-align: center;
 +
  align-items: center;
 +
  -ms-flex-pack: center;
 +
  justify-content: center;
 +
  width: 1%;
 +
  color: #ff9ea6;
 +
  text-align: center;
 +
  opacity: .5
 +
}
 +
 +
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  outline: 0;
 +
  opacity: .9
 +
}
 +
 +
.carousel-control-prev {
 +
  left: 0
 +
}
 +
 +
.carousel-control-next {
 +
  right: 0
 +
}
 +
 +
.carousel-control-next-icon,.carousel-control-prev-icon {
 +
  display: inline-block;
 +
  width: 20px;
 +
  height: 20px;
 +
  background: transparent no-repeat center center;
 +
  background-size: 100% 100%
 +
}
 +
 +
.carousel-control-prev-icon {
 +
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
 +
}
 +
 +
.carousel-control-next-icon {
 +
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
 +
}
 +
 +
.carousel-indicators {
 +
  position: absolute;
 +
  right: 0;
 +
  bottom: 10px;
 +
  left: 0;
 +
  z-index: 15;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -ms-flex-pack: center;
 +
  justify-content: center;
 +
  padding-left: 0;
 +
  margin-right: 15%;
 +
  margin-left: 15%;
 +
  list-style: none
 +
}
 +
 +
.carousel-indicators li {
 +
  position: relative;
 +
  -ms-flex: 0 1 auto;
 +
  flex: 0 1 auto;
 +
  width: 30px;
 +
  height: 3px;
 +
  margin-right: 3px;
 +
  margin-left: 3px;
 +
  text-indent: -999px;
 +
  background-color: rgba(255,255,255,.5)
 +
}
 +
 +
.carousel-indicators li::before {
 +
  position: absolute;
 +
  top: -10px;
 +
  left: 0;
 +
  display: inline-block;
 +
  width: 100%;
 +
  height: 10px;
 +
  content: ""
 +
}
 +
 +
.carousel-indicators li::after {
 +
  position: absolute;
 +
  bottom: -10px;
 +
  left: 0;
 +
  display: inline-block;
 +
  width: 100%;
 +
  height: 10px;
 +
  content: ""
 +
}
 +
 +
.carousel-indicators .active {
 +
  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
 +
}
 +
 +
.align-baseline {
 +
  vertical-align: baseline!important
 +
}
 +
 +
.align-top {
 +
  vertical-align: top!important
 +
}
 +
 +
.align-middle {
 +
  vertical-align: middle!important
 +
}
 +
 +
.align-bottom {
 +
  vertical-align: bottom!important
 +
}
 +
 +
.align-text-bottom {
 +
  vertical-align: text-bottom!important
 +
}
 +
 +
.align-text-top {
 +
  vertical-align: text-top!important
 +
}
 +
 +
.bg-primary {
 +
  background-color: #007bff!important
 +
}
 +
 +
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
 +
  background-color: #0062cc!important
 +
}
 +
 +
.bg-secondary {
 +
  background-color: #6c757d!important
 +
}
 +
 +
a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
 +
  background-color: #545b62!important
 +
}
 +
 +
.bg-success {
 +
  background-color: #28a745!important
 +
}
 +
 +
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
 +
  background-color: #1e7e34!important
 +
}
 +
 +
.bg-info {
 +
  background-color: #17a2b8!important
 +
}
 +
 +
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
 +
  background-color: #117a8b!important
 +
}
 +
 +
.bg-warning {
 +
  background-color: #ffc107!important
 +
}
 +
 +
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
 +
  background-color: #d39e00!important
 +
}
 +
 +
.bg-danger {
 +
  background-color: #dc3545!important
 +
}
 +
 +
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
 +
  background-color: #bd2130!important
 +
}
 +
 +
.bg-light {
 +
  background-color: #f8f9fa!important
 +
}
 +
 +
a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
 +
  background-color: #dae0e5!important
 +
}
 +
 +
.bg-dark {
 +
  background-color: #343a40!important
 +
}
 +
 +
a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
 +
  background-color: #1d2124!important
 +
}
 +
 +
.bg-white {
 +
  background-color: #fff!important
 +
}
 +
 +
.bg-transparent {
 +
  background-color: transparent!important
 +
}
 +
 +
.border {
 +
  border: 1px solid #dee2e6!important
 +
}
 +
 +
.border-top {
 +
  border-top: 1px solid #dee2e6!important
 +
}
 +
 +
.border-right {
 +
  border-right: 1px solid #dee2e6!important
 +
}
 +
 +
.border-bottom {
 +
  border-bottom: 1px solid #dee2e6!important
 +
}
 +
 +
.border-left {
 +
  border-left: 1px solid #dee2e6!important
 +
}
 +
 +
.border-0 {
 +
  border: 0!important
 +
}
 +
 +
.border-top-0 {
 +
  border-top: 0!important
 +
}
 +
 +
.border-right-0 {
 +
  border-right: 0!important
 +
}
 +
 +
.border-bottom-0 {
 +
  border-bottom: 0!important
 +
}
 +
 +
.border-left-0 {
 +
  border-left: 0!important
 +
}
 +
 +
.border-primary {
 +
  border-color: #007bff!important
 +
}
 +
 +
.border-secondary {
 +
  border-color: #6c757d!important
 +
}
 +
 +
.border-success {
 +
  border-color: #28a745!important
 +
}
 +
 +
.border-info {
 +
  border-color: #17a2b8!important
 +
}
 +
 +
.border-warning {
 +
  border-color: #ffc107!important
 +
}
 +
 +
.border-danger {
 +
  border-color: #dc3545!important
 +
}
 +
 +
.border-light {
 +
  border-color: #f8f9fa!important
 +
}
 +
 +
.border-dark {
 +
  border-color: #343a40!important
 +
}
 +
 +
.border-white {
 +
  border-color: #fff!important
 +
}
 +
 +
.rounded {
 +
  border-radius: .25rem!important
 +
}
 +
 +
.rounded-top {
 +
  border-top-left-radius: .25rem!important;
 +
  border-top-right-radius: .25rem!important
 +
}
 +
 +
.rounded-right {
 +
  border-top-right-radius: .25rem!important;
 +
  border-bottom-right-radius: .25rem!important
 +
}
 +
 +
.rounded-bottom {
 +
  border-bottom-right-radius: .25rem!important;
 +
  border-bottom-left-radius: .25rem!important
 +
}
 +
 +
.rounded-left {
 +
  border-top-left-radius: .25rem!important;
 +
  border-bottom-left-radius: .25rem!important
 +
}
 +
 +
.rounded-circle {
 +
  border-radius: 50%!important
 +
}
 +
 +
.rounded-0 {
 +
  border-radius: 0!important
 +
}
 +
 +
.clearfix::after {
 +
  display: block;
 +
  clear: both;
 +
  content: ""
 +
}
 +
 +
.d-none {
 +
  display: none!important
 +
}
 +
 +
.d-inline {
 +
  display: inline!important;
 +
  font-size:1.75rem
 +
}
 +
 +
.d-inline-block {
 +
  display: inline-block!important
 +
}
 +
 +
.d-block {
 +
  display: block!important
 +
}
 +
 +
.d-table {
 +
  display: table!important
 +
}
 +
 +
.d-table-row {
 +
  display: table-row!important
 +
}
 +
 +
.d-table-cell {
 +
  display: table-cell!important
 +
}
 +
 +
.d-flex {
 +
  display: -ms-flexbox!important;
 +
  display: flex!important
 +
}
 +
 +
.d-inline-flex {
 +
  display: -ms-inline-flexbox!important;
 +
  display: inline-flex!important
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .d-sm-none {
 +
    display:none!important
 +
  }
 +
 +
  .d-sm-inline {
 +
    display: inline!important
 +
  }
 +
 +
  .d-sm-inline-block {
 +
    display: inline-block!important
 +
  }
 +
 +
  .d-sm-block {
 +
    display: block!important
 +
  }
 +
 +
  .d-sm-table {
 +
    display: table!important
 +
  }
 +
 +
  .d-sm-table-row {
 +
    display: table-row!important
 +
  }
 +
 +
  .d-sm-table-cell {
 +
    display: table-cell!important
 +
  }
 +
 +
  .d-sm-flex {
 +
    display: -ms-flexbox!important;
 +
    display: flex!important
 +
  }
 +
 +
  .d-sm-inline-flex {
 +
    display: -ms-inline-flexbox!important;
 +
    display: inline-flex!important
 +
  }
 +
}
 +
 +
@media (min-width: 768px) {
 +
  .d-md-none {
 +
    display:none!important
 +
  }
 +
 +
  .d-md-inline {
 +
    display: inline!important
 +
  }
 +
 +
  .d-md-inline-block {
 +
    display: inline-block!important
 +
  }
 +
 +
  .d-md-block {
 +
    display: block!important
 +
  }
 +
 +
  .d-md-table {
 +
    display: table!important
 +
  }
 +
 +
  .d-md-table-row {
 +
    display: table-row!important
 +
  }
 +
 +
  .d-md-table-cell {
 +
    display: table-cell!important
 +
  }
 +
 +
  .d-md-flex {
 +
    display: -ms-flexbox!important;
 +
    display: flex!important
 +
  }
 +
 +
  .d-md-inline-flex {
 +
    display: -ms-inline-flexbox!important;
 +
    display: inline-flex!important
 +
  }
 +
}
 +
 +
@media (min-width: 992px) {
 +
  .d-lg-none {
 +
    display:none!important
 +
  }
 +
 +
  .d-lg-inline {
 +
    display: inline!important
 +
  }
 +
 +
  .d-lg-inline-block {
 +
    display: inline-block!important
 +
  }
 +
 +
  .d-lg-block {
 +
    display: block!important
 +
  }
 +
 +
  .d-lg-table {
 +
    display: table!important
 +
  }
 +
 +
  .d-lg-table-row {
 +
    display: table-row!important
 +
  }
 +
 +
  .d-lg-table-cell {
 +
    display: table-cell!important
 +
  }
 +
 +
  .d-lg-flex {
 +
    display: -ms-flexbox!important;
 +
    display: flex!important
 +
  }
 +
 +
  .d-lg-inline-flex {
 +
    display: -ms-inline-flexbox!important;
 +
    display: inline-flex!important
 +
  }
 +
}
 +
 +
@media (min-width: 1200px) {
 +
  .d-xl-none {
 +
    display:none!important
 +
  }
 +
 +
  .d-xl-inline {
 +
    display: inline!important
 +
  }
 +
 +
  .d-xl-inline-block {
 +
    display: inline-block!important
 +
  }
 +
 +
  .d-xl-block {
 +
    display: block!important
 +
  }
 +
 +
  .d-xl-table {
 +
    display: table!important
 +
  }
 +
 +
  .d-xl-table-row {
 +
    display: table-row!important
 +
  }
 +
 +
  .d-xl-table-cell {
 +
    display: table-cell!important
 +
  }
 +
 +
  .d-xl-flex {
 +
    display: -ms-flexbox!important;
 +
    display: flex!important
 +
  }
 +
 +
  .d-xl-inline-flex {
 +
    display: -ms-inline-flexbox!important;
 +
    display: inline-flex!important
 +
  }
 +
}
 +
 +
@media print {
 +
  .d-print-none {
 +
    display: none!important
 +
  }
 +
 +
  .d-print-inline {
 +
    display: inline!important
 +
  }
 +
 +
  .d-print-inline-block {
 +
    display: inline-block!important
 +
  }
 +
 +
  .d-print-block {
 +
    display: block!important
 +
  }
 +
 +
  .d-print-table {
 +
    display: table!important
 +
  }
 +
 +
  .d-print-table-row {
 +
    display: table-row!important
 +
  }
 +
 +
  .d-print-table-cell {
 +
    display: table-cell!important
 +
  }
 +
 +
  .d-print-flex {
 +
    display: -ms-flexbox!important;
 +
    display: flex!important
 +
  }
 +
 +
  .d-print-inline-flex {
 +
    display: -ms-inline-flexbox!important;
 +
    display: inline-flex!important
 +
  }
 +
}
 +
 +
.embed-responsive {
 +
  position: relative;
 +
  display: block;
 +
  width: 100%;
 +
  padding: 0;
 +
  overflow: hidden
 +
}
 +
 +
.embed-responsive::before {
 +
  display: block;
 +
  content: ""
 +
}
 +
 +
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  border: 0
 +
}
 +
 +
.embed-responsive-21by9::before {
 +
  padding-top: 42.857143%
 +
}
 +
 +
.embed-responsive-16by9::before {
 +
  padding-top: 56.25%
 +
}
 +
 +
.embed-responsive-4by3::before {
 +
  padding-top: 75%
 +
}
 +
 +
.embed-responsive-1by1::before {
 +
  padding-top: 100%
 +
}
 +
 +
.flex-row {
 +
  -ms-flex-direction: row!important;
 +
  flex-direction: row!important
 +
}
 +
 +
.flex-column {
 +
  -ms-flex-direction: column!important;
 +
  flex-direction: column!important
 +
}
 +
 +
.flex-row-reverse {
 +
  -ms-flex-direction: row-reverse!important;
 +
  flex-direction: row-reverse!important
 +
}
 +
 +
.flex-column-reverse {
 +
  -ms-flex-direction: column-reverse!important;
 +
  flex-direction: column-reverse!important
 +
}
 +
 +
.flex-wrap {
 +
  -ms-flex-wrap: wrap!important;
 +
  flex-wrap: wrap!important
 +
}
 +
 +
.flex-nowrap {
 +
  -ms-flex-wrap: nowrap!important;
 +
  flex-wrap: nowrap!important
 +
}
 +
 +
.flex-wrap-reverse {
 +
  -ms-flex-wrap: wrap-reverse!important;
 +
  flex-wrap: wrap-reverse!important
 +
}
 +
 +
.flex-fill {
 +
  -ms-flex: 1 1 auto!important;
 +
  flex: 1 1 auto!important
 +
}
 +
 +
.flex-grow-0 {
 +
  -ms-flex-positive: 0!important;
 +
  flex-grow: 0!important
 +
}
 +
 +
.flex-grow-1 {
 +
  -ms-flex-positive: 1!important;
 +
  flex-grow: 1!important
 +
}
 +
 +
.flex-shrink-0 {
 +
  -ms-flex-negative: 0!important;
 +
  flex-shrink: 0!important
 +
}
 +
 +
.flex-shrink-1 {
 +
  -ms-flex-negative: 1!important;
 +
  flex-shrink: 1!important
 +
}
 +
 +
.justify-content-start {
 +
  -ms-flex-pack: start!important;
 +
  justify-content: flex-start!important
 +
}
 +
 +
.justify-content-end {
 +
  -ms-flex-pack: end!important;
 +
  justify-content: flex-end!important
 +
}
 +
 +
.justify-content-center {
 +
  -ms-flex-pack: center!important;
 +
  justify-content: center!important
 +
}
 +
 +
.justify-content-between {
 +
  -ms-flex-pack: justify!important;
 +
  justify-content: space-between!important
 +
}
 +
 +
.justify-content-around {
 +
  -ms-flex-pack: distribute!important;
 +
  justify-content: space-around!important
 +
}
 +
 +
.align-items-start {
 +
  -ms-flex-align: start!important;
 +
  align-items: flex-start!important
 +
}
 +
 +
.align-items-end {
 +
  -ms-flex-align: end!important;
 +
  align-items: flex-end!important
 +
}
 +
 +
.align-items-center {
 +
  -ms-flex-align: center!important;
 +
  align-items: center!important
 +
}
 +
 +
.align-items-baseline {
 +
  -ms-flex-align: baseline!important;
 +
  align-items: baseline!important
 +
}
 +
 +
.align-items-stretch {
 +
  -ms-flex-align: stretch!important;
 +
  align-items: stretch!important
 +
}
 +
 +
.align-content-start {
 +
  -ms-flex-line-pack: start!important;
 +
  align-content: flex-start!important
 +
}
 +
 +
.align-content-end {
 +
  -ms-flex-line-pack: end!important;
 +
  align-content: flex-end!important
 +
}
 +
 +
.align-content-center {
 +
  -ms-flex-line-pack: center!important;
 +
  align-content: center!important
 +
}
 +
 +
.align-content-between {
 +
  -ms-flex-line-pack: justify!important;
 +
  align-content: space-between!important
 +
}
 +
 +
.align-content-around {
 +
  -ms-flex-line-pack: distribute!important;
 +
  align-content: space-around!important
 +
}
 +
 +
.align-content-stretch {
 +
  -ms-flex-line-pack: stretch!important;
 +
  align-content: stretch!important
 +
}
 +
 +
.align-self-auto {
 +
  -ms-flex-item-align: auto!important;
 +
  align-self: auto!important
 +
}
 +
 +
.align-self-start {
 +
  -ms-flex-item-align: start!important;
 +
  align-self: flex-start!important
 +
}
 +
 +
.align-self-end {
 +
  -ms-flex-item-align: end!important;
 +
  align-self: flex-end!important
 +
}
 +
 +
.align-self-center {
 +
  -ms-flex-item-align: center!important;
 +
  align-self: center!important
 +
}
 +
 +
.align-self-baseline {
 +
  -ms-flex-item-align: baseline!important;
 +
  align-self: baseline!important
 +
}
 +
 +
.align-self-stretch {
 +
  -ms-flex-item-align: stretch!important;
 +
  align-self: stretch!important
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .flex-sm-row {
 +
    -ms-flex-direction:row!important;
 +
    flex-direction: row!important
 +
  }
 +
 +
  .flex-sm-column {
 +
    -ms-flex-direction: column!important;
 +
    flex-direction: column!important
 +
  }
 +
 +
  .flex-sm-row-reverse {
 +
    -ms-flex-direction: row-reverse!important;
 +
    flex-direction: row-reverse!important
 +
  }
 +
 +
  .flex-sm-column-reverse {
 +
    -ms-flex-direction: column-reverse!important;
 +
    flex-direction: column-reverse!important
 +
  }
 +
 +
  .flex-sm-wrap {
 +
    -ms-flex-wrap: wrap!important;
 +
    flex-wrap: wrap!important
 +
  }
 +
 +
  .flex-sm-nowrap {
 +
    -ms-flex-wrap: nowrap!important;
 +
    flex-wrap: nowrap!important
 +
  }
 +
 +
  .flex-sm-wrap-reverse {
 +
    -ms-flex-wrap: wrap-reverse!important;
 +
    flex-wrap: wrap-reverse!important
 +
  }
 +
 +
  .flex-sm-fill {
 +
    -ms-flex: 1 1 auto!important;
 +
    flex: 1 1 auto!important
 +
  }
 +
 +
  .flex-sm-grow-0 {
 +
    -ms-flex-positive: 0!important;
 +
    flex-grow: 0!important
 +
  }
 +
 +
  .flex-sm-grow-1 {
 +
    -ms-flex-positive: 1!important;
 +
    flex-grow: 1!important
 +
  }
 +
 +
  .flex-sm-shrink-0 {
 +
    -ms-flex-negative: 0!important;
 +
    flex-shrink: 0!important
 +
  }
 +
 +
  .flex-sm-shrink-1 {
 +
    -ms-flex-negative: 1!important;
 +
    flex-shrink: 1!important
 +
  }
 +
 +
  .justify-content-sm-start {
 +
    -ms-flex-pack: start!important;
 +
    justify-content: flex-start!important
 +
  }
 +
 +
  .justify-content-sm-end {
 +
    -ms-flex-pack: end!important;
 +
    justify-content: flex-end!important
 +
  }
 +
 +
  .justify-content-sm-center {
 +
    -ms-flex-pack: center!important;
 +
    justify-content: center!important
 +
  }
 +
 +
  .justify-content-sm-between {
 +
    -ms-flex-pack: justify!important;
 +
    justify-content: space-between!important
 +
  }
 +
 +
  .justify-content-sm-around {
 +
    -ms-flex-pack: distribute!important;
 +
    justify-content: space-around!important
 +
  }
 +
 +
  .align-items-sm-start {
 +
    -ms-flex-align: start!important;
 +
    align-items: flex-start!important
 +
  }
 +
 +
  .align-items-sm-end {
 +
    -ms-flex-align: end!important;
 +
    align-items: flex-end!important
 +
  }
 +
 +
  .align-items-sm-center {
 +
    -ms-flex-align: center!important;
 +
    align-items: center!important
 +
  }
 +
 +
  .align-items-sm-baseline {
 +
    -ms-flex-align: baseline!important;
 +
    align-items: baseline!important
 +
  }
 +
 +
  .align-items-sm-stretch {
 +
    -ms-flex-align: stretch!important;
 +
    align-items: stretch!important
 +
  }
 +
 +
  .align-content-sm-start {
 +
    -ms-flex-line-pack: start!important;
 +
    align-content: flex-start!important
 +
  }
 +
 +
  .align-content-sm-end {
 +
    -ms-flex-line-pack: end!important;
 +
    align-content: flex-end!important
 +
  }
 +
 +
  .align-content-sm-center {
 +
    -ms-flex-line-pack: center!important;
 +
    align-content: center!important
 +
  }
 +
 +
  .align-content-sm-between {
 +
    -ms-flex-line-pack: justify!important;
 +
    align-content: space-between!important
 +
  }
 +
 +
  .align-content-sm-around {
 +
    -ms-flex-line-pack: distribute!important;
 +
    align-content: space-around!important
 +
  }
 +
 +
  .align-content-sm-stretch {
 +
    -ms-flex-line-pack: stretch!important;
 +
    align-content: stretch!important
 +
  }
 +
 +
  .align-self-sm-auto {
 +
    -ms-flex-item-align: auto!important;
 +
    align-self: auto!important
 +
  }
 +
 +
  .align-self-sm-start {
 +
    -ms-flex-item-align: start!important;
 +
    align-self: flex-start!important
 +
  }
 +
 +
  .align-self-sm-end {
 +
    -ms-flex-item-align: end!important;
 +
    align-self: flex-end!important
 +
  }
 +
 +
  .align-self-sm-center {
 +
    -ms-flex-item-align: center!important;
 +
    align-self: center!important
 +
  }
 +
 +
  .align-self-sm-baseline {
 +
    -ms-flex-item-align: baseline!important;
 +
    align-self: baseline!important
 +
  }
 +
 +
  .align-self-sm-stretch {
 +
    -ms-flex-item-align: stretch!important;
 +
    align-self: stretch!important
 +
  }
 +
}
 +
 +
@media (min-width: 768px) {
 +
  .flex-md-row {
 +
    -ms-flex-direction:row!important;
 +
    flex-direction: row!important
 +
  }
 +
 +
  .flex-md-column {
 +
    -ms-flex-direction: column!important;
 +
    flex-direction: column!important
 +
  }
 +
 +
  .flex-md-row-reverse {
 +
    -ms-flex-direction: row-reverse!important;
 +
    flex-direction: row-reverse!important
 +
  }
 +
 +
  .flex-md-column-reverse {
 +
    -ms-flex-direction: column-reverse!important;
 +
    flex-direction: column-reverse!important
 +
  }
 +
 +
  .flex-md-wrap {
 +
    -ms-flex-wrap: wrap!important;
 +
    flex-wrap: wrap!important
 +
  }
 +
 +
  .flex-md-nowrap {
 +
    -ms-flex-wrap: nowrap!important;
 +
    flex-wrap: nowrap!important
 +
  }
 +
 +
  .flex-md-wrap-reverse {
 +
    -ms-flex-wrap: wrap-reverse!important;
 +
    flex-wrap: wrap-reverse!important
 +
  }
 +
 +
  .flex-md-fill {
 +
    -ms-flex: 1 1 auto!important;
 +
    flex: 1 1 auto!important
 +
  }
 +
 +
  .flex-md-grow-0 {
 +
    -ms-flex-positive: 0!important;
 +
    flex-grow: 0!important
 +
  }
 +
 +
  .flex-md-grow-1 {
 +
    -ms-flex-positive: 1!important;
 +
    flex-grow: 1!important
 +
  }
 +
 +
  .flex-md-shrink-0 {
 +
    -ms-flex-negative: 0!important;
 +
    flex-shrink: 0!important
 +
  }
 +
 +
  .flex-md-shrink-1 {
 +
    -ms-flex-negative: 1!important;
 +
    flex-shrink: 1!important
 +
  }
 +
 +
  .justify-content-md-start {
 +
    -ms-flex-pack: start!important;
 +
    justify-content: flex-start!important
 +
  }
 +
 +
  .justify-content-md-end {
 +
    -ms-flex-pack: end!important;
 +
    justify-content: flex-end!important
 +
  }
 +
 +
  .justify-content-md-center {
 +
    -ms-flex-pack: center!important;
 +
    justify-content: center!important
 +
  }
 +
 +
  .justify-content-md-between {
 +
    -ms-flex-pack: justify!important;
 +
    justify-content: space-between!important
 +
  }
 +
 +
  .justify-content-md-around {
 +
    -ms-flex-pack: distribute!important;
 +
    justify-content: space-around!important
 +
  }
 +
 +
  .align-items-md-start {
 +
    -ms-flex-align: start!important;
 +
    align-items: flex-start!important
 +
  }
 +
 +
  .align-items-md-end {
 +
    -ms-flex-align: end!important;
 +
    align-items: flex-end!important
 +
  }
 +
 +
  .align-items-md-center {
 +
    -ms-flex-align: center!important;
 +
    align-items: center!important
 +
  }
 +
 +
  .align-items-md-baseline {
 +
    -ms-flex-align: baseline!important;
 +
    align-items: baseline!important
 +
  }
 +
 +
  .align-items-md-stretch {
 +
    -ms-flex-align: stretch!important;
 +
    align-items: stretch!important
 +
  }
 +
 +
  .align-content-md-start {
 +
    -ms-flex-line-pack: start!important;
 +
    align-content: flex-start!important
 +
  }
 +
 +
  .align-content-md-end {
 +
    -ms-flex-line-pack: end!important;
 +
    align-content: flex-end!important
 +
  }
 +
 +
  .align-content-md-center {
 +
    -ms-flex-line-pack: center!important;
 +
    align-content: center!important
 +
  }
 +
 +
  .align-content-md-between {
 +
    -ms-flex-line-pack: justify!important;
 +
    align-content: space-between!important
 +
  }
 +
 +
  .align-content-md-around {
 +
    -ms-flex-line-pack: distribute!important;
 +
    align-content: space-around!important
 +
  }
 +
 +
  .align-content-md-stretch {
 +
    -ms-flex-line-pack: stretch!important;
 +
    align-content: stretch!important
 +
  }
 +
 +
  .align-self-md-auto {
 +
    -ms-flex-item-align: auto!important;
 +
    align-self: auto!important
 +
  }
 +
 +
  .align-self-md-start {
 +
    -ms-flex-item-align: start!important;
 +
    align-self: flex-start!important
 +
  }
 +
 +
  .align-self-md-end {
 +
    -ms-flex-item-align: end!important;
 +
    align-self: flex-end!important
 +
  }
 +
 +
  .align-self-md-center {
 +
    -ms-flex-item-align: center!important;
 +
    align-self: center!important
 +
  }
 +
 +
  .align-self-md-baseline {
 +
    -ms-flex-item-align: baseline!important;
 +
    align-self: baseline!important
 +
  }
 +
 +
  .align-self-md-stretch {
 +
    -ms-flex-item-align: stretch!important;
 +
    align-self: stretch!important
 +
  }
 +
}
 +
 +
@media (min-width: 992px) {
 +
  .flex-lg-row {
 +
    -ms-flex-direction:row!important;
 +
    flex-direction: row!important
 +
  }
 +
 +
  .flex-lg-column {
 +
    -ms-flex-direction: column!important;
 +
    flex-direction: column!important
 +
  }
 +
 +
  .flex-lg-row-reverse {
 +
    -ms-flex-direction: row-reverse!important;
 +
    flex-direction: row-reverse!important
 +
  }
 +
 +
  .flex-lg-column-reverse {
 +
    -ms-flex-direction: column-reverse!important;
 +
    flex-direction: column-reverse!important
 +
  }
 +
 +
  .flex-lg-wrap {
 +
    -ms-flex-wrap: wrap!important;
 +
    flex-wrap: wrap!important
 +
  }
 +
 +
  .flex-lg-nowrap {
 +
    -ms-flex-wrap: nowrap!important;
 +
    flex-wrap: nowrap!important
 +
  }
 +
 +
  .flex-lg-wrap-reverse {
 +
    -ms-flex-wrap: wrap-reverse!important;
 +
    flex-wrap: wrap-reverse!important
 +
  }
 +
 +
  .flex-lg-fill {
 +
    -ms-flex: 1 1 auto!important;
 +
    flex: 1 1 auto!important
 +
  }
 +
 +
  .flex-lg-grow-0 {
 +
    -ms-flex-positive: 0!important;
 +
    flex-grow: 0!important
 +
  }
 +
 +
  .flex-lg-grow-1 {
 +
    -ms-flex-positive: 1!important;
 +
    flex-grow: 1!important
 +
  }
 +
 +
  .flex-lg-shrink-0 {
 +
    -ms-flex-negative: 0!important;
 +
    flex-shrink: 0!important
 +
  }
 +
 +
  .flex-lg-shrink-1 {
 +
    -ms-flex-negative: 1!important;
 +
    flex-shrink: 1!important
 +
  }
 +
 +
  .justify-content-lg-start {
 +
    -ms-flex-pack: start!important;
 +
    justify-content: flex-start!important
 +
  }
 +
 +
  .justify-content-lg-end {
 +
    -ms-flex-pack: end!important;
 +
    justify-content: flex-end!important
 +
  }
 +
 +
  .justify-content-lg-center {
 +
    -ms-flex-pack: center!important;
 +
    justify-content: center!important
 +
  }
 +
 +
  .justify-content-lg-between {
 +
    -ms-flex-pack: justify!important;
 +
    justify-content: space-between!important
 +
  }
 +
 +
  .justify-content-lg-around {
 +
    -ms-flex-pack: distribute!important;
 +
    justify-content: space-around!important
 +
  }
 +
 +
  .align-items-lg-start {
 +
    -ms-flex-align: start!important;
 +
    align-items: flex-start!important
 +
  }
 +
 +
  .align-items-lg-end {
 +
    -ms-flex-align: end!important;
 +
    align-items: flex-end!important
 +
  }
 +
 +
  .align-items-lg-center {
 +
    -ms-flex-align: center!important;
 +
    align-items: center!important
 +
  }
 +
 +
  .align-items-lg-baseline {
 +
    -ms-flex-align: baseline!important;
 +
    align-items: baseline!important
 +
  }
 +
 +
  .align-items-lg-stretch {
 +
    -ms-flex-align: stretch!important;
 +
    align-items: stretch!important
 +
  }
 +
 +
  .align-content-lg-start {
 +
    -ms-flex-line-pack: start!important;
 +
    align-content: flex-start!important
 +
  }
 +
 +
  .align-content-lg-end {
 +
    -ms-flex-line-pack: end!important;
 +
    align-content: flex-end!important
 +
  }
 +
 +
  .align-content-lg-center {
 +
    -ms-flex-line-pack: center!important;
 +
    align-content: center!important
 +
  }
 +
 +
  .align-content-lg-between {
 +
    -ms-flex-line-pack: justify!important;
 +
    align-content: space-between!important
 +
  }
 +
 +
  .align-content-lg-around {
 +
    -ms-flex-line-pack: distribute!important;
 +
    align-content: space-around!important
 +
  }
 +
 +
  .align-content-lg-stretch {
 +
    -ms-flex-line-pack: stretch!important;
 +
    align-content: stretch!important
 +
  }
 +
 +
  .align-self-lg-auto {
 +
    -ms-flex-item-align: auto!important;
 +
    align-self: auto!important
 +
  }
 +
 +
  .align-self-lg-start {
 +
    -ms-flex-item-align: start!important;
 +
    align-self: flex-start!important
 +
  }
 +
 +
  .align-self-lg-end {
 +
    -ms-flex-item-align: end!important;
 +
    align-self: flex-end!important
 +
  }
 +
 +
  .align-self-lg-center {
 +
    -ms-flex-item-align: center!important;
 +
    align-self: center!important
 +
  }
 +
 +
  .align-self-lg-baseline {
 +
    -ms-flex-item-align: baseline!important;
 +
    align-self: baseline!important
 +
  }
 +
 +
  .align-self-lg-stretch {
 +
    -ms-flex-item-align: stretch!important;
 +
    align-self: stretch!important
 +
  }
 +
}
 +
 +
@media (min-width: 1200px) {
 +
  .flex-xl-row {
 +
    -ms-flex-direction:row!important;
 +
    flex-direction: row!important
 +
  }
 +
 +
  .flex-xl-column {
 +
    -ms-flex-direction: column!important;
 +
    flex-direction: column!important
 +
  }
 +
 +
  .flex-xl-row-reverse {
 +
    -ms-flex-direction: row-reverse!important;
 +
    flex-direction: row-reverse!important
 +
  }
 +
 +
  .flex-xl-column-reverse {
 +
    -ms-flex-direction: column-reverse!important;
 +
    flex-direction: column-reverse!important
 +
  }
 +
 +
  .flex-xl-wrap {
 +
    -ms-flex-wrap: wrap!important;
 +
    flex-wrap: wrap!important
 +
  }
 +
 +
  .flex-xl-nowrap {
 +
    -ms-flex-wrap: nowrap!important;
 +
    flex-wrap: nowrap!important
 +
  }
 +
 +
  .flex-xl-wrap-reverse {
 +
    -ms-flex-wrap: wrap-reverse!important;
 +
    flex-wrap: wrap-reverse!important
 +
  }
 +
 +
  .flex-xl-fill {
 +
    -ms-flex: 1 1 auto!important;
 +
    flex: 1 1 auto!important
 +
  }
 +
 +
  .flex-xl-grow-0 {
 +
    -ms-flex-positive: 0!important;
 +
    flex-grow: 0!important
 +
  }
 +
 +
  .flex-xl-grow-1 {
 +
    -ms-flex-positive: 1!important;
 +
    flex-grow: 1!important
 +
  }
 +
 +
  .flex-xl-shrink-0 {
 +
    -ms-flex-negative: 0!important;
 +
    flex-shrink: 0!important
 +
  }
 +
 +
  .flex-xl-shrink-1 {
 +
    -ms-flex-negative: 1!important;
 +
    flex-shrink: 1!important
 +
  }
 +
 +
  .justify-content-xl-start {
 +
    -ms-flex-pack: start!important;
 +
    justify-content: flex-start!important
 +
  }
 +
 +
  .justify-content-xl-end {
 +
    -ms-flex-pack: end!important;
 +
    justify-content: flex-end!important
 +
  }
 +
 +
  .justify-content-xl-center {
 +
    -ms-flex-pack: center!important;
 +
    justify-content: center!important
 +
  }
 +
 +
  .justify-content-xl-between {
 +
    -ms-flex-pack: justify!important;
 +
    justify-content: space-between!important
 +
  }
 +
 +
  .justify-content-xl-around {
 +
    -ms-flex-pack: distribute!important;
 +
    justify-content: space-around!important
 +
  }
 +
 +
  .align-items-xl-start {
 +
    -ms-flex-align: start!important;
 +
    align-items: flex-start!important
 +
  }
 +
 +
  .align-items-xl-end {
 +
    -ms-flex-align: end!important;
 +
    align-items: flex-end!important
 +
  }
 +
 +
  .align-items-xl-center {
 +
    -ms-flex-align: center!important;
 +
    align-items: center!important
 +
  }
 +
 +
  .align-items-xl-baseline {
 +
    -ms-flex-align: baseline!important;
 +
    align-items: baseline!important
 +
  }
 +
 +
  .align-items-xl-stretch {
 +
    -ms-flex-align: stretch!important;
 +
    align-items: stretch!important
 +
  }
 +
 +
  .align-content-xl-start {
 +
    -ms-flex-line-pack: start!important;
 +
    align-content: flex-start!important
 +
  }
 +
 +
  .align-content-xl-end {
 +
    -ms-flex-line-pack: end!important;
 +
    align-content: flex-end!important
 +
  }
 +
 +
  .align-content-xl-center {
 +
    -ms-flex-line-pack: center!important;
 +
    align-content: center!important
 +
  }
 +
 +
  .align-content-xl-between {
 +
    -ms-flex-line-pack: justify!important;
 +
    align-content: space-between!important
 +
  }
 +
 +
  .align-content-xl-around {
 +
    -ms-flex-line-pack: distribute!important;
 +
    align-content: space-around!important
 +
  }
 +
 +
  .align-content-xl-stretch {
 +
    -ms-flex-line-pack: stretch!important;
 +
    align-content: stretch!important
 +
  }
 +
 +
  .align-self-xl-auto {
 +
    -ms-flex-item-align: auto!important;
 +
    align-self: auto!important
 +
  }
 +
 +
  .align-self-xl-start {
 +
    -ms-flex-item-align: start!important;
 +
    align-self: flex-start!important
 +
  }
 +
 +
  .align-self-xl-end {
 +
    -ms-flex-item-align: end!important;
 +
    align-self: flex-end!important
 +
  }
 +
 +
  .align-self-xl-center {
 +
    -ms-flex-item-align: center!important;
 +
    align-self: center!important
 +
  }
 +
 +
  .align-self-xl-baseline {
 +
    -ms-flex-item-align: baseline!important;
 +
    align-self: baseline!important
 +
  }
 +
 +
  .align-self-xl-stretch {
 +
    -ms-flex-item-align: stretch!important;
 +
    align-self: stretch!important
 +
  }
 +
}
 +
 +
.float-left {
 +
  float: left!important
 +
}
 +
 +
.float-right {
 +
  float: right!important
 +
}
 +
 +
.float-none {
 +
  float: none!important
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .float-sm-left {
 +
    float:left!important
 +
  }
 +
 +
  .float-sm-right {
 +
    float: right!important
 +
  }
 +
 +
  .float-sm-none {
 +
    float: none!important
 +
  }
 +
}
 +
 +
@media (min-width: 768px) {
 +
  .float-md-left {
 +
    float:left!important
 +
  }
 +
 +
  .float-md-right {
 +
    float: right!important
 +
  }
 +
 +
  .float-md-none {
 +
    float: none!important
 +
  }
 +
}
 +
 +
@media (min-width: 992px) {
 +
  .float-lg-left {
 +
    float:left!important
 +
  }
 +
 +
  .float-lg-right {
 +
    float: right!important
 +
  }
 +
 +
  .float-lg-none {
 +
    float: none!important
 +
  }
 +
}
 +
 +
@media (min-width: 1200px) {
 +
  .float-xl-left {
 +
    float:left!important
 +
  }
 +
 +
  .float-xl-right {
 +
    float: right!important
 +
  }
 +
 +
  .float-xl-none {
 +
    float: none!important
 +
  }
 +
}
 +
 +
.position-static {
 +
  position: static!important
 +
}
 +
 +
.position-relative {
 +
  position: relative!important
 +
}
 +
 +
.position-absolute {
 +
  position: absolute!important
 +
}
 +
 +
.position-fixed {
 +
  position: fixed!important
 +
}
 +
 +
.position-sticky {
 +
  position: -webkit-sticky!important;
 +
  position: sticky!important
 +
}
 +
 +
.fixed-top {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  left: 0;
 +
  z-index: 1030
 +
}
 +
 +
.fixed-bottom {
 +
  position: fixed;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  z-index: 1030
 +
}
 +
 +
@supports ((position: -webkit-sticky) or (position:sticky)) {
 +
  .sticky-top {
 +
    position:-webkit-sticky;
 +
    position: sticky;
 +
    top: 0;
 +
    z-index: 1020
 +
  }
 +
}
 +
 +
.sr-only {
 +
  position: absolute;
 +
  width: 1px;
 +
  height: 1px;
 +
  padding: 0;
 +
  overflow: hidden;
 +
  clip: rect(0,0,0,0);
 +
  white-space: nowrap;
 +
  border: 0
 +
}
 +
 +
.sr-only-focusable:active,.sr-only-focusable:focus {
 +
  position: static;
 +
  width: auto;
 +
  height: auto;
 +
  overflow: visible;
 +
  clip: auto;
 +
  white-space: normal
 +
}
 +
 +
.shadow-sm {
 +
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
 +
}
 +
 +
.shadow {
 +
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
 +
}
 +
 +
.shadow-lg {
 +
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
 +
}
 +
 +
.shadow-none {
 +
  box-shadow: none!important
 +
}
 +
 +
.w-25 {
 +
  width: 25%!important
 +
}
 +
 +
.w-50 {
 +
  width: 50%!important
 +
}
 +
 +
.w-75 {
 +
  width: 75%!important
 +
}
 +
 +
.w-100 {
 +
  width: 100%!important
 +
}
 +
 +
.w-auto {
 +
  width: auto!important
 +
}
 +
 +
.h-25 {
 +
  height: 25%!important
 +
}
 +
 +
.h-50 {
 +
  height: 50%!important
 +
}
 +
 +
.h-75 {
 +
  height: 75%!important
 +
}
 +
 +
.h-100 {
 +
  height: 100%!important
 +
}
 +
 +
.h-auto {
 +
  height: auto!important
 +
}
 +
 +
.mw-100 {
 +
  max-width: 100%!important
 +
}
 +
 +
.mh-100 {
 +
  max-height: 100%!important
 +
}
 +
 +
.m-0 {
 +
  margin: 0!important
 +
}
 +
 +
.mt-0,.my-0 {
 +
  margin-top: 0!important
 +
}
 +
 +
.mr-0,.mx-0 {
 +
  margin-right: 0!important
 +
}
 +
 +
.mb-0,.my-0 {
 +
  margin-bottom: 0!important
 +
}
 +
 +
.ml-0,.mx-0 {
 +
  margin-left: 0!important
 +
}
 +
 +
.m-1 {
 +
  margin: .25rem!important
 +
}
 +
 +
.mt-1,.my-1 {
 +
  margin-top: .25rem!important
 +
}
 +
 +
.mr-1,.mx-1 {
 +
  margin-right: .25rem!important
 +
}
 +
 +
.mb-1,.my-1 {
 +
  margin-bottom: .25rem!important
 +
}
 +
 +
.ml-1,.mx-1 {
 +
  margin-left: .25rem!important
 +
}
 +
 +
.m-2 {
 +
  margin: .5rem!important
 +
}
 +
 +
.mt-2,.my-2 {
 +
  margin-top: .5rem!important
 +
}
 +
 +
.mr-2,.mx-2 {
 +
  margin-right: .5rem!important
 +
}
 +
 +
.mb-2,.my-2 {
 +
  margin-bottom: .5rem!important
 +
}
 +
 +
.ml-2,.mx-2 {
 +
  margin-left: .5rem!important
 +
}
 +
 +
.m-3 {
 +
  margin: 1rem!important
 +
}
 +
 +
.mt-3,.my-3 {
 +
  margin-top: 1rem!important
 +
}
 +
 +
.mr-3,.mx-3 {
 +
  margin-right: 1rem!important
 +
}
 +
 +
.mb-3,.my-3 {
 +
  margin-bottom: 1rem!important
 +
}
 +
 +
.ml-3,.mx-3 {
 +
  margin-left: 1rem!important
 +
}
 +
 +
.m-4 {
 +
  margin: 1.5rem!important
 +
}
 +
 +
.mt-4,.my-4 {
 +
  margin-top: 1.5rem!important
 +
}
 +
 +
.mr-4,.mx-4 {
 +
  margin-right: 1.5rem!important
 +
}
 +
 +
.mb-4,.my-4 {
 +
  margin-bottom: 1.5rem!important
 +
}
 +
 +
.ml-4,.mx-4 {
 +
  margin-left: 1.5rem!important
 +
}
 +
 +
.m-5 {
 +
  margin: 3rem!important
 +
}
 +
 +
.mt-5,.my-5 {
 +
  margin-top: 3rem!important
 +
}
 +
 +
.mr-5,.mx-5 {
 +
  margin-right: 3rem!important
 +
}
 +
 +
.mb-5,.my-5 {
 +
  margin-bottom: 3rem!important
 +
}
 +
 +
.ml-5,.mx-5 {
 +
  margin-left: 3rem!important
 +
}
 +
 +
.p-0 {
 +
  padding: 0!important
 +
}
 +
 +
.pt-0,.py-0 {
 +
  padding-top: 0!important
 +
}
 +
 +
.pr-0,.px-0 {
 +
  padding-right: 0!important
 +
}
 +
 +
.pb-0,.py-0 {
 +
  padding-bottom: 0!important
 +
}
 +
 +
.pl-0,.px-0 {
 +
  padding-left: 0!important
 +
}
 +
 +
.p-1 {
 +
  padding: .25rem!important
 +
}
 +
 +
.pt-1,.py-1 {
 +
  padding-top: .25rem!important
 +
}
 +
 +
.pr-1,.px-1 {
 +
  padding-right: .25rem!important
 +
}
 +
 +
.pb-1,.py-1 {
 +
  padding-bottom: .25rem!important
 +
}
 +
 +
.pl-1,.px-1 {
 +
  padding-left: .25rem!important
 +
}
 +
 +
.p-2 {
 +
  padding: .5rem!important
 +
}
 +
 +
.pt-2,.py-2 {
 +
  padding-top: .5rem!important
 +
}
 +
 +
.pr-2,.px-2 {
 +
  padding-right: .5rem!important
 +
}
 +
 +
.pb-2,.py-2 {
 +
  padding-bottom: .5rem!important
 +
}
 +
 +
.pl-2,.px-2 {
 +
  padding-left: .5rem!important
 +
}
 +
 +
.p-3 {
 +
  padding: 1rem!important
 +
}
 +
 +
.pt-3,.py-3 {
 +
  padding-top: 1rem!important
 +
}
 +
 +
.pr-3,.px-3 {
 +
  padding-right: 1rem!important
 +
}
 +
 +
.pb-3,.py-3 {
 +
  padding-bottom: 1rem!important
 +
}
 +
 +
.pl-3,.px-3 {
 +
  padding-left: 1rem!important
 +
}
 +
 +
.p-4 {
 +
  padding: 1.5rem!important
 +
}
 +
 +
.pt-4,.py-4 {
 +
  padding-top: 1.5rem!important
 +
}
 +
 +
.pr-4,.px-4 {
 +
  padding-right: 1.5rem!important
 +
}
 +
 +
.pb-4,.py-4 {
 +
  padding-bottom: 1.5rem!important
 +
}
 +
 +
.pl-4,.px-4 {
 +
  padding-left: 1.5rem!important
 +
}
 +
 +
.p-5 {
 +
  padding: 3rem!important
 +
}
 +
 +
.pt-5,.py-5 {
 +
  padding-top: 3rem!important
 +
}
 +
 +
.pr-5,.px-5 {
 +
  padding-right: 3rem!important
 +
}
 +
 +
.pb-5,.py-5 {
 +
  padding-bottom: 3rem!important
 +
}
 +
 +
.pl-5,.px-5 {
 +
  padding-left: 3rem!important
 +
}
 +
 +
.m-auto {
 +
  margin: auto!important
 +
}
 +
 +
.mt-auto,.my-auto {
 +
  margin-top: auto!important
 +
}
 +
 +
.mr-auto,.mx-auto {
 +
  margin-right: auto!important
 +
}
 +
 +
.mb-auto,.my-auto {
 +
  margin-bottom: auto!important
 +
}
 +
 +
.ml-auto,.mx-auto {
 +
  margin-left: auto!important
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .m-sm-0 {
 +
    margin:0!important
 +
  }
 +
 +
  .mt-sm-0,.my-sm-0 {
 +
    margin-top: 0!important
 +
  }
 +
 +
  .mr-sm-0,.mx-sm-0 {
 +
    margin-right: 0!important
 +
  }
 +
 +
  .mb-sm-0,.my-sm-0 {
 +
    margin-bottom: 0!important
 +
  }
 +
 +
  .ml-sm-0,.mx-sm-0 {
 +
    margin-left: 0!important
 +
  }
 +
 +
  .m-sm-1 {
 +
    margin: .25rem!important
 +
  }
 +
 +
  .mt-sm-1,.my-sm-1 {
 +
    margin-top: .25rem!important
 +
  }
 +
 +
  .mr-sm-1,.mx-sm-1 {
 +
    margin-right: .25rem!important
 +
  }
 +
 +
  .mb-sm-1,.my-sm-1 {
 +
    margin-bottom: .25rem!important
 +
  }
 +
 +
  .ml-sm-1,.mx-sm-1 {
 +
    margin-left: .25rem!important
 +
  }
 +
 +
  .m-sm-2 {
 +
    margin: .5rem!important
 +
  }
 +
 +
  .mt-sm-2,.my-sm-2 {
 +
    margin-top: .5rem!important
 +
  }
 +
 +
  .mr-sm-2,.mx-sm-2 {
 +
    margin-right: .5rem!important
 +
  }
 +
 +
  .mb-sm-2,.my-sm-2 {
 +
    margin-bottom: .5rem!important
 +
  }
 +
 +
  .ml-sm-2,.mx-sm-2 {
 +
    margin-left: .5rem!important
 +
  }
 +
 +
  .m-sm-3 {
 +
    margin: 1rem!important
 +
  }
 +
 +
  .mt-sm-3,.my-sm-3 {
 +
    margin-top: 1rem!important
 +
  }
 +
 +
  .mr-sm-3,.mx-sm-3 {
 +
    margin-right: 1rem!important
 +
  }
 +
 +
  .mb-sm-3,.my-sm-3 {
 +
    margin-bottom: 1rem!important
 +
  }
 +
 +
  .ml-sm-3,.mx-sm-3 {
 +
    margin-left: 1rem!important
 +
  }
 +
 +
  .m-sm-4 {
 +
    margin: 1.5rem!important
 +
  }
 +
 +
  .mt-sm-4,.my-sm-4 {
 +
    margin-top: 1.5rem!important
 +
  }
 +
 +
  .mr-sm-4,.mx-sm-4 {
 +
    margin-right: 1.5rem!important
 +
  }
 +
 +
  .mb-sm-4,.my-sm-4 {
 +
    margin-bottom: 1.5rem!important
 +
  }
 +
 +
  .ml-sm-4,.mx-sm-4 {
 +
    margin-left: 1.5rem!important
 +
  }
 +
 +
  .m-sm-5 {
 +
    margin: 3rem!important
 +
  }
 +
 +
  .mt-sm-5,.my-sm-5 {
 +
    margin-top: 3rem!important
 +
  }
 +
 +
  .mr-sm-5,.mx-sm-5 {
 +
    margin-right: 3rem!important
 +
  }
 +
 +
  .mb-sm-5,.my-sm-5 {
 +
    margin-bottom: 3rem!important
 +
  }
 +
 +
  .ml-sm-5,.mx-sm-5 {
 +
    margin-left: 3rem!important
 +
  }
 +
 +
  .p-sm-0 {
 +
    padding: 0!important
 +
  }
 +
 +
  .pt-sm-0,.py-sm-0 {
 +
    padding-top: 0!important
 +
  }
 +
 +
  .pr-sm-0,.px-sm-0 {
 +
    padding-right: 0!important
 +
  }
 +
 +
  .pb-sm-0,.py-sm-0 {
 +
    padding-bottom: 0!important
 +
  }
 +
 +
  .pl-sm-0,.px-sm-0 {
 +
    padding-left: 0!important
 +
  }
 +
 +
  .p-sm-1 {
 +
    padding: .25rem!important
 +
  }
 +
 +
  .pt-sm-1,.py-sm-1 {
 +
    padding-top: .25rem!important
 +
  }
 +
 +
  .pr-sm-1,.px-sm-1 {
 +
    padding-right: .25rem!important
 +
  }
 +
 +
  .pb-sm-1,.py-sm-1 {
 +
    padding-bottom: .25rem!important
 +
  }
 +
 +
  .pl-sm-1,.px-sm-1 {
 +
    padding-left: .25rem!important
 +
  }
 +
 +
  .p-sm-2 {
 +
    padding: .5rem!important
 +
  }
 +
 +
  .pt-sm-2,.py-sm-2 {
 +
    padding-top: .5rem!important
 +
  }
 +
 +
  .pr-sm-2,.px-sm-2 {
 +
    padding-right: .5rem!important
 +
  }
 +
 +
  .pb-sm-2,.py-sm-2 {
 +
    padding-bottom: .5rem!important
 +
  }
 +
 +
  .pl-sm-2,.px-sm-2 {
 +
    padding-left: .5rem!important
 +
  }
 +
 +
  .p-sm-3 {
 +
    padding: 1rem!important
 +
  }
 +
 +
  .pt-sm-3,.py-sm-3 {
 +
    padding-top: 1rem!important
 +
  }
 +
 +
  .pr-sm-3,.px-sm-3 {
 +
    padding-right: 1rem!important
 +
  }
 +
 +
  .pb-sm-3,.py-sm-3 {
 +
    padding-bottom: 1rem!important
 +
  }
 +
 +
  .pl-sm-3,.px-sm-3 {
 +
    padding-left: 1rem!important
 +
  }
 +
 +
  .p-sm-4 {
 +
    padding: 1.5rem!important
 +
  }
 +
 +
  .pt-sm-4,.py-sm-4 {
 +
    padding-top: 1.5rem!important
 +
  }
 +
 +
  .pr-sm-4,.px-sm-4 {
 +
    padding-right: 1.5rem!important
 +
  }
 +
 +
  .pb-sm-4,.py-sm-4 {
 +
    padding-bottom: 1.5rem!important
 +
  }
 +
 +
  .pl-sm-4,.px-sm-4 {
 +
    padding-left: 1.5rem!important
 +
  }
 +
 +
  .p-sm-5 {
 +
    padding: 3rem!important
 +
  }
 +
 +
  .pt-sm-5,.py-sm-5 {
 +
    padding-top: 3rem!important
 +
  }
 +
 +
  .pr-sm-5,.px-sm-5 {
 +
    padding-right: 3rem!important
 +
  }
 +
 +
  .pb-sm-5,.py-sm-5 {
 +
    padding-bottom: 3rem!important
 +
  }
 +
 +
  .pl-sm-5,.px-sm-5 {
 +
    padding-left: 3rem!important
 +
  }
 +
 +
  .m-sm-auto {
 +
    margin: auto!important
 +
  }
 +
 +
  .mt-sm-auto,.my-sm-auto {
 +
    margin-top: auto!important
 +
  }
 +
 +
  .mr-sm-auto,.mx-sm-auto {
 +
    margin-right: auto!important
 +
  }
 +
 +
  .mb-sm-auto,.my-sm-auto {
 +
    margin-bottom: auto!important
 +
  }
 +
 +
  .ml-sm-auto,.mx-sm-auto {
 +
    margin-left: auto!important
 +
  }
 +
}
 +
 +
@media (min-width: 768px) {
 +
  .m-md-0 {
 +
    margin:0!important
 +
  }
 +
 +
  .mt-md-0,.my-md-0 {
 +
    margin-top: 0!important
 +
  }
 +
 +
  .mr-md-0,.mx-md-0 {
 +
    margin-right: 0!important
 +
  }
 +
 +
  .mb-md-0,.my-md-0 {
 +
    margin-bottom: 0!important
 +
  }
 +
 +
  .ml-md-0,.mx-md-0 {
 +
    margin-left: 0!important
 +
  }
 +
 +
  .m-md-1 {
 +
    margin: .25rem!important
 +
  }
 +
 +
  .mt-md-1,.my-md-1 {
 +
    margin-top: .25rem!important
 +
  }
 +
 +
  .mr-md-1,.mx-md-1 {
 +
    margin-right: .25rem!important
 +
  }
 +
 +
  .mb-md-1,.my-md-1 {
 +
    margin-bottom: .25rem!important
 +
  }
 +
 +
  .ml-md-1,.mx-md-1 {
 +
    margin-left: .25rem!important
 +
  }
 +
 +
  .m-md-2 {
 +
    margin: .5rem!important
 +
  }
 +
 +
  .mt-md-2,.my-md-2 {
 +
    margin-top: .5rem!important
 +
  }
 +
 +
  .mr-md-2,.mx-md-2 {
 +
    margin-right: .5rem!important
 +
  }
 +
 +
  .mb-md-2,.my-md-2 {
 +
    margin-bottom: .5rem!important
 +
  }
 +
 +
  .ml-md-2,.mx-md-2 {
 +
    margin-left: .5rem!important
 +
  }
 +
 +
  .m-md-3 {
 +
    margin: 1rem!important
 +
  }
 +
 +
  .mt-md-3,.my-md-3 {
 +
    margin-top: 1rem!important
 +
  }
 +
 +
  .mr-md-3,.mx-md-3 {
 +
    margin-right: 1rem!important
 +
  }
 +
 +
  .mb-md-3,.my-md-3 {
 +
    margin-bottom: 1rem!important
 +
  }
 +
 +
  .ml-md-3,.mx-md-3 {
 +
    margin-left: 1rem!important
 +
  }
 +
 +
  .m-md-4 {
 +
    margin: 1.5rem!important
 +
  }
 +
 +
  .mt-md-4,.my-md-4 {
 +
    margin-top: 1.5rem!important
 +
  }
 +
 +
  .mr-md-4,.mx-md-4 {
 +
    margin-right: 1.5rem!important
 +
  }
 +
 +
  .mb-md-4,.my-md-4 {
 +
    margin-bottom: 1.5rem!important
 +
  }
 +
 +
  .ml-md-4,.mx-md-4 {
 +
    margin-left: 1.5rem!important
 +
  }
 +
 +
  .m-md-5 {
 +
    margin: 3rem!important
 +
  }
 +
 +
  .mt-md-5,.my-md-5 {
 +
    margin-top: 3rem!important
 +
  }
 +
 +
  .mr-md-5,.mx-md-5 {
 +
    margin-right: 3rem!important
 +
  }
 +
 +
  .mb-md-5,.my-md-5 {
 +
    margin-bottom: 3rem!important
 +
  }
 +
 +
  .ml-md-5,.mx-md-5 {
 +
    margin-left: 3rem!important
 +
  }
 +
 +
  .p-md-0 {
 +
    padding: 0!important
 +
  }
 +
 +
  .pt-md-0,.py-md-0 {
 +
    padding-top: 0!important
 +
  }
 +
 +
  .pr-md-0,.px-md-0 {
 +
    padding-right: 0!important
 +
  }
 +
 +
  .pb-md-0,.py-md-0 {
 +
    padding-bottom: 0!important
 +
  }
 +
 +
  .pl-md-0,.px-md-0 {
 +
    padding-left: 0!important
 +
  }
 +
 +
  .p-md-1 {
 +
    padding: .25rem!important
 +
  }
 +
 +
  .pt-md-1,.py-md-1 {
 +
    padding-top: .25rem!important
 +
  }
 +
 +
  .pr-md-1,.px-md-1 {
 +
    padding-right: .25rem!important
 +
  }
 +
 +
  .pb-md-1,.py-md-1 {
 +
    padding-bottom: .25rem!important
 +
  }
 +
 +
  .pl-md-1,.px-md-1 {
 +
    padding-left: .25rem!important
 +
  }
 +
 +
  .p-md-2 {
 +
    padding: .5rem!important
 +
  }
 +
 +
  .pt-md-2,.py-md-2 {
 +
    padding-top: .5rem!important
 +
  }
 +
 +
  .pr-md-2,.px-md-2 {
 +
    padding-right: .5rem!important
 +
  }
 +
 +
  .pb-md-2,.py-md-2 {
 +
    padding-bottom: .5rem!important
 +
  }
 +
 +
  .pl-md-2,.px-md-2 {
 +
    padding-left: .5rem!important
 +
  }
 +
 +
  .p-md-3 {
 +
    padding: 1rem!important
 +
  }
 +
 +
  .pt-md-3,.py-md-3 {
 +
    padding-top: 1rem!important
 +
  }
 +
 +
  .pr-md-3,.px-md-3 {
 +
    padding-right: 1rem!important
 +
  }
 +
 +
  .pb-md-3,.py-md-3 {
 +
    padding-bottom: 1rem!important
 +
  }
 +
 +
  .pl-md-3,.px-md-3 {
 +
    padding-left: 1rem!important
 +
  }
 +
 +
  .p-md-4 {
 +
    padding: 1.5rem!important
 +
  }
 +
 +
  .pt-md-4,.py-md-4 {
 +
    padding-top: 1.5rem!important
 +
  }
 +
 +
  .pr-md-4,.px-md-4 {
 +
    padding-right: 1.5rem!important
 +
  }
 +
 +
  .pb-md-4,.py-md-4 {
 +
    padding-bottom: 1.5rem!important
 +
  }
 +
 +
  .pl-md-4,.px-md-4 {
 +
    padding-left: 1.5rem!important
 +
  }
 +
 +
  .p-md-5 {
 +
    padding: 3rem!important
 +
  }
 +
 +
  .pt-md-5,.py-md-5 {
 +
    padding-top: 3rem!important
 +
  }
 +
 +
  .pr-md-5,.px-md-5 {
 +
    padding-right: 3rem!important
 +
  }
 +
 +
  .pb-md-5,.py-md-5 {
 +
    padding-bottom: 3rem!important
 +
  }
 +
 +
  .pl-md-5,.px-md-5 {
 +
    padding-left: 3rem!important
 +
  }
 +
 +
  .m-md-auto {
 +
    margin: auto!important
 +
  }
 +
 +
  .mt-md-auto,.my-md-auto {
 +
    margin-top: auto!important
 +
  }
 +
 +
  .mr-md-auto,.mx-md-auto {
 +
    margin-right: auto!important
 +
  }
 +
 +
  .mb-md-auto,.my-md-auto {
 +
    margin-bottom: auto!important
 +
  }
 +
 +
  .ml-md-auto,.mx-md-auto {
 +
    margin-left: auto!important
 +
  }
 +
}
 +
 +
@media (min-width: 992px) {
 +
  .m-lg-0 {
 +
    margin:0!important
 +
  }
 +
 +
  .mt-lg-0,.my-lg-0 {
 +
    margin-top: 0!important
 +
  }
 +
 +
  .mr-lg-0,.mx-lg-0 {
 +
    margin-right: 0!important
 +
  }
 +
 +
  .mb-lg-0,.my-lg-0 {
 +
    margin-bottom: 0!important
 +
  }
 +
 +
  .ml-lg-0,.mx-lg-0 {
 +
    margin-left: 0!important
 +
  }
 +
 +
  .m-lg-1 {
 +
    margin: .25rem!important
 +
  }
 +
 +
  .mt-lg-1,.my-lg-1 {
 +
    margin-top: .25rem!important
 +
  }
 +
 +
  .mr-lg-1,.mx-lg-1 {
 +
    margin-right: .25rem!important
 +
  }
 +
 +
  .mb-lg-1,.my-lg-1 {
 +
    margin-bottom: .25rem!important
 +
  }
 +
 +
  .ml-lg-1,.mx-lg-1 {
 +
    margin-left: .25rem!important
 +
  }
 +
 +
  .m-lg-2 {
 +
    margin: .5rem!important
 +
  }
 +
 +
  .mt-lg-2,.my-lg-2 {
 +
    margin-top: .5rem!important
 +
  }
 +
 +
  .mr-lg-2,.mx-lg-2 {
 +
    margin-right: .5rem!important
 +
  }
 +
 +
  .mb-lg-2,.my-lg-2 {
 +
    margin-bottom: .5rem!important
 +
  }
 +
 +
  .ml-lg-2,.mx-lg-2 {
 +
    margin-left: .5rem!important
 +
  }
 +
 +
  .m-lg-3 {
 +
    margin: 1rem!important
 +
  }
 +
 +
  .mt-lg-3,.my-lg-3 {
 +
    margin-top: 1rem!important
 +
  }
 +
 +
  .mr-lg-3,.mx-lg-3 {
 +
    margin-right: 1rem!important
 +
  }
 +
 +
  .mb-lg-3,.my-lg-3 {
 +
    margin-bottom: 1rem!important
 +
  }
 +
 +
  .ml-lg-3,.mx-lg-3 {
 +
    margin-left: 1rem!important
 +
  }
 +
 +
  .m-lg-4 {
 +
    margin: 1.5rem!important
 +
  }
 +
 +
  .mt-lg-4,.my-lg-4 {
 +
    margin-top: 1.5rem!important
 +
  }
 +
 +
  .mr-lg-4,.mx-lg-4 {
 +
    margin-right: 1.5rem!important
 +
  }
 +
 +
  .mb-lg-4,.my-lg-4 {
 +
    margin-bottom: 1.5rem!important
 +
  }
 +
 +
  .ml-lg-4,.mx-lg-4 {
 +
    margin-left: 1.5rem!important
 +
  }
 +
 +
  .m-lg-5 {
 +
    margin: 3rem!important
 +
  }
 +
 +
  .mt-lg-5,.my-lg-5 {
 +
    margin-top: 3rem!important
 +
  }
 +
 +
  .mr-lg-5,.mx-lg-5 {
 +
    margin-right: 3rem!important
 +
  }
 +
 +
  .mb-lg-5,.my-lg-5 {
 +
    margin-bottom: 3rem!important
 +
  }
 +
 +
  .ml-lg-5,.mx-lg-5 {
 +
    margin-left: 3rem!important
 +
  }
 +
 +
  .p-lg-0 {
 +
    padding: 0!important
 +
  }
 +
 +
  .pt-lg-0,.py-lg-0 {
 +
    padding-top: 0!important
 +
  }
 +
 +
  .pr-lg-0,.px-lg-0 {
 +
    padding-right: 0!important
 +
  }
 +
 +
  .pb-lg-0,.py-lg-0 {
 +
    padding-bottom: 0!important
 +
  }
 +
 +
  .pl-lg-0,.px-lg-0 {
 +
    padding-left: 0!important
 +
  }
 +
 +
  .p-lg-1 {
 +
    padding: .25rem!important
 +
  }
 +
 +
  .pt-lg-1,.py-lg-1 {
 +
    padding-top: .25rem!important
 +
  }
 +
 +
  .pr-lg-1,.px-lg-1 {
 +
    padding-right: .25rem!important
 +
  }
 +
 +
  .pb-lg-1,.py-lg-1 {
 +
    padding-bottom: .25rem!important
 +
  }
 +
 +
  .pl-lg-1,.px-lg-1 {
 +
    padding-left: .25rem!important
 +
  }
 +
 +
  .p-lg-2 {
 +
    padding: .5rem!important
 +
  }
 +
 +
  .pt-lg-2,.py-lg-2 {
 +
    padding-top: .5rem!important
 +
  }
 +
 +
  .pr-lg-2,.px-lg-2 {
 +
    padding-right: .5rem!important
 +
  }
 +
 +
  .pb-lg-2,.py-lg-2 {
 +
    padding-bottom: .5rem!important
 +
  }
 +
 +
  .pl-lg-2,.px-lg-2 {
 +
    padding-left: .5rem!important
 +
  }
 +
 +
  .p-lg-3 {
 +
    padding: 1rem!important
 +
  }
 +
 +
  .pt-lg-3,.py-lg-3 {
 +
    padding-top: 1rem!important
 +
  }
 +
 +
  .pr-lg-3,.px-lg-3 {
 +
    padding-right: 1rem!important
 +
  }
 +
 +
  .pb-lg-3,.py-lg-3 {
 +
    padding-bottom: 1rem!important
 +
  }
 +
 +
  .pl-lg-3,.px-lg-3 {
 +
    padding-left: 1rem!important
 +
  }
 +
 +
  .p-lg-4 {
 +
    padding: 1.5rem!important
 +
  }
 +
 +
  .pt-lg-4,.py-lg-4 {
 +
    padding-top: 1.5rem!important
 +
  }
 +
 +
  .pr-lg-4,.px-lg-4 {
 +
    padding-right: 1.5rem!important
 +
  }
 +
 +
  .pb-lg-4,.py-lg-4 {
 +
    padding-bottom: 1.5rem!important
 +
  }
 +
 +
  .pl-lg-4,.px-lg-4 {
 +
    padding-left: 1.5rem!important
 +
  }
 +
 +
  .p-lg-5 {
 +
    padding: 3rem!important
 +
  }
 +
 +
  .pt-lg-5,.py-lg-5 {
 +
    padding-top: 3rem!important
 +
  }
 +
 +
  .pr-lg-5,.px-lg-5 {
 +
    padding-right: 3rem!important
 +
  }
 +
 +
  .pb-lg-5,.py-lg-5 {
 +
    padding-bottom: 3rem!important
 +
  }
 +
 +
  .pl-lg-5,.px-lg-5 {
 +
    padding-left: 3rem!important
 +
  }
 +
 +
  .m-lg-auto {
 +
    margin: auto!important
 +
  }
 +
 +
  .mt-lg-auto,.my-lg-auto {
 +
    margin-top: auto!important
 +
  }
 +
 +
  .mr-lg-auto,.mx-lg-auto {
 +
    margin-right: auto!important
 +
  }
 +
 +
  .mb-lg-auto,.my-lg-auto {
 +
    margin-bottom: auto!important
 +
  }
 +
 +
  .ml-lg-auto,.mx-lg-auto {
 +
    margin-left: auto!important
 +
  }
 +
}
 +
 +
@media (min-width: 1200px) {
 +
  .m-xl-0 {
 +
    margin:0!important
 +
  }
 +
 +
  .mt-xl-0,.my-xl-0 {
 +
    margin-top: 0!important
 +
  }
 +
 +
  .mr-xl-0,.mx-xl-0 {
 +
    margin-right: 0!important
 +
  }
 +
 +
  .mb-xl-0,.my-xl-0 {
 +
    margin-bottom: 0!important
 +
  }
 +
 +
  .ml-xl-0,.mx-xl-0 {
 +
    margin-left: 0!important
 +
  }
 +
 +
  .m-xl-1 {
 +
    margin: .25rem!important
 +
  }
 +
 +
  .mt-xl-1,.my-xl-1 {
 +
    margin-top: .25rem!important
 +
  }
 +
 +
  .mr-xl-1,.mx-xl-1 {
 +
    margin-right: .25rem!important
 +
  }
 +
 +
  .mb-xl-1,.my-xl-1 {
 +
    margin-bottom: .25rem!important
 +
  }
 +
 +
  .ml-xl-1,.mx-xl-1 {
 +
    margin-left: .25rem!important
 +
  }
 +
 +
  .m-xl-2 {
 +
    margin: .5rem!important
 +
  }
 +
 +
  .mt-xl-2,.my-xl-2 {
 +
    margin-top: .5rem!important
 +
  }
 +
 +
  .mr-xl-2,.mx-xl-2 {
 +
    margin-right: .5rem!important
 +
  }
 +
 +
  .mb-xl-2,.my-xl-2 {
 +
    margin-bottom: .5rem!important
 +
  }
 +
 +
  .ml-xl-2,.mx-xl-2 {
 +
    margin-left: .5rem!important
 +
  }
 +
 +
  .m-xl-3 {
 +
    margin: 1rem!important
 +
  }
 +
 +
  .mt-xl-3,.my-xl-3 {
 +
    margin-top: 1rem!important
 +
  }
 +
 +
  .mr-xl-3,.mx-xl-3 {
 +
    margin-right: 1rem!important
 +
  }
 +
 +
  .mb-xl-3,.my-xl-3 {
 +
    margin-bottom: 1rem!important
 +
  }
 +
 +
  .ml-xl-3,.mx-xl-3 {
 +
    margin-left: 1rem!important
 +
  }
 +
 +
  .m-xl-4 {
 +
    margin: 1.5rem!important
 +
  }
 +
 +
  .mt-xl-4,.my-xl-4 {
 +
    margin-top: 1.5rem!important
 +
  }
 +
 +
  .mr-xl-4,.mx-xl-4 {
 +
    margin-right: 1.5rem!important
 +
  }
 +
 +
  .mb-xl-4,.my-xl-4 {
 +
    margin-bottom: 1.5rem!important
 +
  }
 +
 +
  .ml-xl-4,.mx-xl-4 {
 +
    margin-left: 1.5rem!important
 +
  }
 +
 +
  .m-xl-5 {
 +
    margin: 3rem!important
 +
  }
 +
 +
  .mt-xl-5,.my-xl-5 {
 +
    margin-top: 3rem!important
 +
  }
 +
 +
  .mr-xl-5,.mx-xl-5 {
 +
    margin-right: 3rem!important
 +
  }
 +
 +
  .mb-xl-5,.my-xl-5 {
 +
    margin-bottom: 3rem!important
 +
  }
 +
 +
  .ml-xl-5,.mx-xl-5 {
 +
    margin-left: 3rem!important
 +
  }
 +
 +
  .p-xl-0 {
 +
    padding: 0!important
 +
  }
 +
 +
  .pt-xl-0,.py-xl-0 {
 +
    padding-top: 0!important
 +
  }
 +
 +
  .pr-xl-0,.px-xl-0 {
 +
    padding-right: 0!important
 +
  }
 +
 +
  .pb-xl-0,.py-xl-0 {
 +
    padding-bottom: 0!important
 +
  }
 +
 +
  .pl-xl-0,.px-xl-0 {
 +
    padding-left: 0!important
 +
  }
 +
 +
  .p-xl-1 {
 +
    padding: .25rem!important
 +
  }
 +
 +
  .pt-xl-1,.py-xl-1 {
 +
    padding-top: .25rem!important
 +
  }
 +
 +
  .pr-xl-1,.px-xl-1 {
 +
    padding-right: .25rem!important
 +
  }
 +
 +
  .pb-xl-1,.py-xl-1 {
 +
    padding-bottom: .25rem!important
 +
  }
 +
 +
  .pl-xl-1,.px-xl-1 {
 +
    padding-left: .25rem!important
 +
  }
 +
 +
  .p-xl-2 {
 +
    padding: .5rem!important
 +
  }
 +
 +
  .pt-xl-2,.py-xl-2 {
 +
    padding-top: .5rem!important
 +
  }
 +
 +
  .pr-xl-2,.px-xl-2 {
 +
    padding-right: .5rem!important
 +
  }
 +
 +
  .pb-xl-2,.py-xl-2 {
 +
    padding-bottom: .5rem!important
 +
  }
 +
 +
  .pl-xl-2,.px-xl-2 {
 +
    padding-left: .5rem!important
 +
  }
 +
 +
  .p-xl-3 {
 +
    padding: 1rem!important
 +
  }
 +
 +
  .pt-xl-3,.py-xl-3 {
 +
    padding-top: 1rem!important
 +
  }
 +
 +
  .pr-xl-3,.px-xl-3 {
 +
    padding-right: 1rem!important
 +
  }
 +
 +
  .pb-xl-3,.py-xl-3 {
 +
    padding-bottom: 1rem!important
 +
  }
 +
 +
  .pl-xl-3,.px-xl-3 {
 +
    padding-left: 1rem!important
 +
  }
 +
 +
  .p-xl-4 {
 +
    padding: 1.5rem!important
 +
  }
 +
 +
  .pt-xl-4,.py-xl-4 {
 +
    padding-top: 1.5rem!important
 +
  }
 +
 +
  .pr-xl-4,.px-xl-4 {
 +
    padding-right: 1.5rem!important
 +
  }
 +
 +
  .pb-xl-4,.py-xl-4 {
 +
    padding-bottom: 1.5rem!important
 +
  }
 +
 +
  .pl-xl-4,.px-xl-4 {
 +
    padding-left: 1.5rem!important
 +
  }
 +
 +
  .p-xl-5 {
 +
    padding: 3rem!important
 +
  }
 +
 +
  .pt-xl-5,.py-xl-5 {
 +
    padding-top: 3rem!important
 +
  }
 +
 +
  .pr-xl-5,.px-xl-5 {
 +
    padding-right: 3rem!important
 +
  }
 +
 +
  .pb-xl-5,.py-xl-5 {
 +
    padding-bottom: 3rem!important
 +
  }
 +
 +
  .pl-xl-5,.px-xl-5 {
 +
    padding-left: 3rem!important
 +
  }
 +
 +
  .m-xl-auto {
 +
    margin: auto!important
 +
  }
 +
 +
  .mt-xl-auto,.my-xl-auto {
 +
    margin-top: auto!important
 +
  }
 +
 +
  .mr-xl-auto,.mx-xl-auto {
 +
    margin-right: auto!important
 +
  }
 +
 +
  .mb-xl-auto,.my-xl-auto {
 +
    margin-bottom: auto!important
 +
  }
 +
 +
  .ml-xl-auto,.mx-xl-auto {
 +
    margin-left: auto!important
 +
  }
 +
}
 +
 +
.text-monospace {
 +
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
 +
}
 +
 +
.text-justify {
 +
  text-align: justify!important
 +
}
 +
 +
.text-nowrap {
 +
  white-space: nowrap!important
 +
}
 +
 +
.text-truncate {
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap
 +
}
 +
 +
.text-left {
 +
  text-align: left!important
 +
}
 +
 +
.text-right {
 +
  text-align: right!important
 +
}
 +
 +
.text-center {
 +
  text-align: center!important
 +
}
 +
 +
@media (min-width: 576px) {
 +
  .text-sm-left {
 +
    text-align:left!important
 +
  }
 +
 +
  .text-sm-right {
 +
    text-align: right!important
 +
  }
 +
 +
  .text-sm-center {
 +
    text-align: center!important
 +
  }
 +
}
 +
 +
@media (min-width: 768px) {
 +
  .text-md-left {
 +
    text-align:left!important
 +
  }
 +
 +
  .text-md-right {
 +
    text-align: right!important
 +
  }
 +
 +
  .text-md-center {
 +
    text-align: center!important
 +
  }
 +
}
 +
 +
@media (min-width: 992px) {
 +
  .text-lg-left {
 +
    text-align:left!important
 +
  }
 +
 +
  .text-lg-right {
 +
    text-align: right!important
 +
  }
 +
 +
  .text-lg-center {
 +
    text-align: center!important
 +
  }
 +
}
 +
 +
@media (min-width: 1200px) {
 +
  .text-xl-left {
 +
    text-align:left!important
 +
  }
 +
 +
  .text-xl-right {
 +
    text-align: right!important
 +
  }
 +
 +
  .text-xl-center {
 +
    text-align: center!important
 +
  }
 +
}
 +
 +
.text-lowercase {
 +
  text-transform: lowercase!important
 +
}
 +
 +
.text-uppercase {
 +
  text-transform: uppercase!important
 +
}
 +
 +
.text-capitalize {
 +
  text-transform: capitalize!important
 +
}
 +
 +
.font-weight-light {
 +
  font-weight: 300!important
 +
}
 +
 +
.font-weight-normal {
 +
  font-weight: 400!important
 +
}
 +
 +
.font-weight-bold {
 +
  font-weight: 700!important
 +
}
 +
 +
.font-italic {
 +
  font-style: italic!important
 +
}
 +
 +
.text-white {
 +
  color: #fff!important
 +
}
 +
 +
.text-primary {
 +
  color: #007bff!important
 +
}
 +
 +
a.text-primary:focus,a.text-primary:hover {
 +
  color: #0062cc!important
 +
}
 +
 +
.text-secondary {
 +
  color: #6c757d!important
 +
}
 +
 +
a.text-secondary:focus,a.text-secondary:hover {
 +
  color: #545b62!important
 +
}
 +
 +
.text-success {
 +
  color: #28a745!important
 +
}
 +
 +
a.text-success:focus,a.text-success:hover {
 +
  color: #1e7e34!important
 +
}
 +
 +
.text-info {
 +
  color: #17a2b8!important
 +
}
 +
 +
a.text-info:focus,a.text-info:hover {
 +
  color: #117a8b!important
 +
}
 +
 +
.text-warning {
 +
  color: #ffc107!important
 +
}
 +
 +
a.text-warning:focus,a.text-warning:hover {
 +
  color: #d39e00!important
 +
}
 +
 +
.text-danger {
 +
  color: #dc3545!important
 +
}
 +
 +
a.text-danger:focus,a.text-danger:hover {
 +
  color: #bd2130!important
 +
}
 +
 +
.text-light {
 +
  color: #f8f9fa!important
 +
}
 +
 +
a.text-light:focus,a.text-light:hover {
 +
  color: #dae0e5!important
 +
}
 +
 +
.text-dark {
 +
  color: #343a40!important
 +
}
 +
 +
a.text-dark:focus,a.text-dark:hover {
 +
  color: #1d2124!important
 +
}
 +
 +
.text-body {
 +
  color: #212529!important
 +
}
 +
 +
.text-muted {
 +
  color: #6c757d!important
 +
}
 +
 +
.text-black-50 {
 +
  color: rgba(0,0,0,.5)!important
 +
}
 +
 +
.text-white-50 {
 +
  color: rgba(255,255,255,.5)!important
 +
}
 +
 +
.text-hide {
 +
  font: 0/0 a;
 +
  color: transparent;
 +
  text-shadow: none;
 +
  background-color: transparent;
 +
  border: 0
 +
}
 +
 +
.visible {
 +
  visibility: visible!important
 +
}
 +
 +
.invisible {
 +
  visibility: hidden!important
 +
}
 +
 +
@media print {
 +
  *,::after,::before {
 +
    text-shadow: none!important;
 +
    box-shadow: none!important
 +
  }
 +
 +
  a:not(.btn) {
 +
    text-decoration: underline
 +
  }
 +
 +
  abbr[title]::after {
 +
    content: " (" attr(title) ")"
 +
  }
 +
 +
  pre {
 +
    white-space: pre-wrap!important
 +
  }
 +
 +
  blockquote,pre {
 +
    border: 1px solid #adb5bd;
 +
    page-break-inside: avoid
 +
  }
 +
 +
  thead {
 +
    display: table-header-group
 +
  }
 +
 +
  img,tr {
 +
    page-break-inside: avoid
 +
  }
 +
 +
  h2,h3,p {
 +
    orphans: 3;
 +
    widows: 3
 +
  }
 +
 +
  h2,h3 {
 +
    page-break-after: avoid
 +
  }
 +
 +
  @page {
 +
    size: a3
 +
  }
 +
 +
  body {
 +
    min-width: 992px!important
 +
  }
 +
 +
  .container {
 +
    min-width: 992px!important
 +
  }
 +
 +
  .navbar {
 +
    display: none
 +
  }
 +
 +
  .badge {
 +
    border: 1px solid #000
 +
  }
 +
 +
  .table {
 +
    border-collapse: collapse!important
 +
  }
 +
 +
  .table td,.table th {
 +
    background-color: #fff!important
 +
  }
 +
 +
  .table-bordered td,.table-bordered th {
 +
    border: 1px solid #dee2e6!important
 +
  }
 +
}
 +
 +
/*# sourceMappingURL=bootstrap.min.css.map */
 +
</style> </html><!---{{CAU_China/CSS/CAUBootstrapCSS}} ---><html>
 +
<style>
 +
  /* DEFAULT WIKI SETTINGS */
 +
  /**************************************************************************************************************************************************************************************************/
 +
 +
 +
  #home_logo, #sideMenu { display:none; }
 +
  #sideMenu, #top_title, .patrollink  {display:none;}
 +
  #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;line-height:1;}
 +
  body {background-color:white; }
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
  /* OWN Global Settings */
 +
  /**************************************************************************************************************************************************************************************************/
 +
  #top_menu_under{
 +
    height: 7px;
 +
  }
 +
 +
  #globalWrapper{
 +
    font-size:100%;
 +
  }
 +
 +
  .fixed-top{
 +
    top:16px;
 +
  }
 +
 +
  #HQ_page h1, h2, h3, h4, h5{
 +
    font-family: inherit;
 +
  }
 +
 +
  /* table reboot from wiki */
 +
  #HQ_page th {
 +
    background-color:rgba(0, 158, 198,0.3);
 +
    color: inherit;
 +
  }
 +
  #HQ_page table .highlightBox {
 +
    background-color:rgba(0, 158, 198,1);
 +
  }
 +
  #HQ_page table {
 +
    margin-right: 0;
 +
    margin-left: 0;
 +
  }
 +
 +
  table{
 +
    text-align: left;
 +
  }
 +
 +
  .display-1{
 +
    font-weight:300 !important;
 +
  }
 +
 +
  #HQ_page p{
 +
    font-family: inherit;
 +
    font-size: 100%;
 +
  }
 +
  #bodyContent a[href ^="https://"], .link-https {
 +
    padding-right: 0px;
 +
  }
 +
  /* important for layout not overflow */
 +
  .row{
 +
    margin: 0;
 +
  }
 +
  /* color codes */
 +
  .bg-phactory1{
 +
    background-color: rgba(0,203,177,1);
 +
    color: white;
 +
  }
 +
  .bg-phactory1dark{
 +
    background-color: rgba(1,101,224,1);
 +
    color: white;
 +
  }
 +
  .text-phactory1{
 +
    color: #009ec6;
 +
  }
 +
  .text-phactory1dark{
 +
    color: rgba(1,101,224,1);
 +
  }
 +
  .text-phactoryTran {
 +
    background: -webkit-linear-gradient(rgba(1,101,224,1), rgba(0,203,177,1));
 +
    -webkit-background-clip: text;
 +
    -webkit-text-fill-color: transparent;
 +
  }
 +
  .bg-phactory2{
 +
    background-color: rgba(213,59,72,1);
 +
    color: white;
 +
  }
 +
  .bg-phactory2dark{
 +
    background-color: rgba(247,148,77,1);
 +
    color: white;
 +
  }
 +
  .text-phactory2{
 +
    color: rgba(213,59,72,1);
 +
  }
 +
  .text-phactory2dark{
 +
    color: rgba(247,148,77,1);
 +
  }
 +
  .bg-phactory3{
 +
    background-color: rgba(153, 0, 204,1);
 +
    color: black;
 +
  }
 +
  .bg-phactory3dark{
 +
    background-color: rgba(153, 51, 102,1);
 +
    color: black;
 +
  }
 +
  /* title area */
 +
  .pictureTitle{
 +
    height: 250px;
 +
    padding-top: 90px;
 +
  }
 +
 +
  /* social media */
 +
  .fa {
 +
    font-size: 20px;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    color:  #ff9ea6 !important;
 +
    opacity: 0.7;
 +
  }
 +
 +
  .fa:hover {
 +
    text-decoration: none;
 +
    color: black;
 +
    opacity: 1;
 +
  }
 +
 +
 +
  /* sponsor foooter */
 +
  .sponsorLogo img{
 +
    padding: 1px;
 +
  }
 +
  .sponsorLogo img {
 +
    -webkit-filter: grayscale(100%); /*  修改到合适Safari 6.0 - 9.0 */
 +
    filter: grayscale(100%);
 +
    max-height: 80px;
 +
  }
 +
  .sponsorLogo img:hover{
 +
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 +
    filter: grayscale(0%);
 +
  }
 +
 +
  /*++++++++++++++++++++++++++++++++
 +
  Nav CSS ++++++++++++++++++++++++++++++*/
 +
  .dropdown-menu{
 +
    background-color: rgba(100,100,100,1);
 +
  }
 +
  .dropdown-item, .dropdown-item:visited{
 +
    color: white;
 +
  }
 +
 +
  .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{
 +
    color: white;
 +
    background-color: rgba(0, 158, 198,1);
 +
  }
 +
  /*++++++++++++++++++++++++++++++++
 +
  contents CSS ++++++++++++++++++++++++++++++*/
 +
  * {
 +
    box-sizing: border-box;
 +
  }
 +
 +
 +
  .phaContainer {
 +
    display: flex;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 1em auto 0;
 +
  }
 +
 +
  .phaContainer > * {
 +
    padding: 20px 25px;
 +
  }
 +
  /* Both Needed */
 +
  #phaContentsOuter{
 +
    position: relative;
 +
    flex-basis: 15vw;
 +
    width: 15vw;
 +
 +
  }
 +
  /* Both Needed */
 +
  .table-of-contents {
 +
    position: relative;
 +
    flex-basis: 15vw;
 +
    width: 15vw;
 +
 +
  }
 +
  .stickyContents {
 +
    position: fixed;
 +
    top: 120px;
 +
  }
 +
  .table-of-contents p {
 +
    text-transform: uppercase;
 +
    letter-spacing: 0.125em;
 +
    color: #555;
 +
  }
 +
 +
  .table-of-contents ul {
 +
    position: fixed;
 +
    /* Chrome (asshole) */
 +
    position: sticky;
 +
    /* Firefox */
 +
    margin-top: 2em;
 +
    top: 4em;
 +
  }
 +
 +
  h1:first-child {
 +
    margin-top: 0;
 +
  }
 +
 +
  .post-content {
 +
    flex-basis: 70vw;
 +
    max-width: 100%;
 +
    margin-left: 5vw;
 +
  }
 +
  .post-content h1{
 +
    padding-top: 30px;
 +
    color:rgba(64,224,208,1);
 +
  }
 +
 +
  .post-content h2{
 +
    padding-top: 150px;
 +
    color:rgba(64,224,208,1);
 +
  }
 +
 +
  /* link color */
 +
  .post-content a{
 +
    color:#40E0D0;
 +
  }
 +
 +
  .post-content p1{
 +
    color:#000000;
 +
    font-size: 1.5rem;
 +
  }
 +
 +
  .post-content li{
 +
    color:#000000;
 +
    font-size: 1.5rem;
 +
  }
 +
 +
  #phareferences a{
 +
    color:  #2f4a98;
 +
  }
 +
 +
 +
  /* TOC part */
 +
 +
  .table-of-contents svg {
 +
    position: absolute;
 +
    left: 0;
 +
    top: 50%;
 +
    bottom: auto;
 +
    display: none;
 +
    stroke: #40E0D0;
 +
    transform: translateY(-50%);
 +
  }
 +
 +
  .toc-reading svg {
 +
    display: block;
 +
  }
 +
 +
  .table-of-contents ul {
 +
    width: 200px;
 +
    counter-reset: articles;
 +
    padding: 0;
 +
    margin-left: 0;
 +
  }
 +
 +
  .table-of-contents li {
 +
    display: block;
 +
    counter-increment: articles;
 +
  }
 +
 +
  .table-of-contents li + li {
 +
    margin-top: 2em;
 +
  }
 +
 +
  .table-of-contents a {
 +
    display: block;
 +
    padding: 0 1.1em 0 3.2em;
 +
    position: relative;
 +
    text-decoration: none;
 +
    color: #333;
 +
    font-weight: bold;
 +
  }
 +
 +
  a.toc-reading,
 +
  a.toc-already-read.toc-reading {
 +
    color: #40E0D0;
 +
    opacity: 1;
 +
  }
 +
 +
  a.toc-already-read {
 +
    opacity: 0.4;
 +
  }
 +
 +
  .table-of-contents a:before {
 +
    content: counter(articles, decimal);
 +
    position: absolute;
 +
    bottom: auto;
 +
    left: 0;
 +
    top: 50%;
 +
    width: 36px;
 +
    height: 36px;
 +
    line-height: 34px;
 +
    text-align: center;
 +
    transform: translateY(-50%);
 +
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 +
    border-radius: 80%;
 +
    box-shadow: 0 0 0 1px  #000000 inset;
 +
    color: #4d4d4d;
 +
  }
 +
 +
  .post-content .row{
 +
    text-align: justify;
 +
  }
 +
  /*++++++++++++++++++++++++++++++++
 +
  contents End ++++++++++++++++++++++++++++++*/
 +
 +
 +
  /*++++++++++++++++++++++++++++++++
 +
  slide in Start ++++++++++++++++++++++++++++++*/
 +
 +
  .slide-left.slide-in {
 +
    transform: translateX(-3%);
 +
  }
 +
 +
  .slide-right.slide-in {
 +
    transform: translateX(3%);
 +
  }
 +
  .slide-bottom.slide-in {
 +
    transform: translateY(3%);
 +
  }
 +
 +
  .slide-top.slide-in {
 +
    transform: translateY(-3%);
 +
  }
 +
  .slide-there.slide-in {
 +
    transform: scale(0.95);
 +
  }
 +
  .slide-in {
 +
    opacity: 0;
 +
    transition: all 0.8s;
 +
  }
 +
  .slide-in.active {
 +
    opacity: 1;
 +
    transform: translateX(0%) scale(1);
 +
  }
 +
 +
 +
  /*++++++++++++++++++++++++++++++++
 +
  slide in End ++++++++++++++++++++++++++++++*/
 +
 +
 +
  /*++++++++++++++++++++++++++++++++
 +
  quotes Start ++++++++++++++++++++++++++++++*/
 +
  .quote-card {
 +
    background: #fff;
 +
    color: #222;
 +
    padding: 20px;
 +
    padding-left: 50px;
 +
    box-sizing: border-box;
 +
    box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
 +
    position: relative;
 +
    overflow: hidden;
 +
    min-height: 120px;
 +
  }
 +
  .quote-card p {
 +
    font-size: 22px !important;
 +
    line-height: 1.5;
 +
    margin: 0;
 +
    max-width: 80%;
 +
  }
 +
  .quote-card cite {
 +
    font-size: 16px;
 +
    margin-top: 10px;
 +
    display: block;
 +
    font-weight: 200;
 +
    opacity: 0.8;
 +
  }
 +
  .quote-card:before {
 +
    font-family: Georgia, serif;
 +
    content: "“";
 +
    position: absolute;
 +
    top: 10px;
 +
    left: 10px;
 +
    font-size: 5em;
 +
    color: rgba(238, 238, 238, 0.8);
 +
    font-weight: normal;
 +
  }
 +
  .quote-card:after {
 +
    font-family: Georgia, serif;
 +
    content: "”";
 +
    position: absolute;
 +
    bottom: -110px;
 +
    line-height: 100px;
 +
    right: -32px;
 +
    font-size: 25em;
 +
    color: rgba(238, 238, 238, 0.8);
 +
    font-weight: normal;
 +
  }
 +
  @media (max-width: 640px) {
 +
    .quote-card:after {
 +
      font-size: 10em;
 +
      right: 0px;
 +
      bottom: 0px;
 +
    }
 +
  }
 +
  .quote-card.blue-card {
 +
    background: rgba(0, 158, 198, 1);
 +
    color: #fff;
 +
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
 +
  }
 +
  .quote-card.blue-card:before, .quote-card.blue-card:after {
 +
    color: rgba(0,203,177,1);
 +
  }
 +
  .quote-card.red-card {
 +
    background: #d32f2f;
 +
    color: #fff;
 +
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
 +
  }
 +
  .quote-card.red-card:before, .quote-card.red-card:after {
 +
    color: #f44336;
 +
  }
 +
  .quote-card.yellow-card {
 +
    background: #f9a825;
 +
    color: #222;
 +
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
 +
  }
 +
  .quote-card.yellow-card:before, .quote-card.yellow-card:after {
 +
    color: #fbc02d;
 +
  }
 +
  .credits {
 +
    margin-top: 80px;
 +
  }
 +
  .credits a {
 +
    color: #222;
 +
    text-decoration: none;
 +
    text-shadow: 0 0 2px rgba(34, 34, 34, 0.24);
 +
    padding-bottom: 1px;
 +
    display: inline-block;
 +
    border-bottom: 1px dashed rgba(34, 34, 34, 0.24);
 +
    opacity: 0.6;
 +
    transition: 0.3s all ease-in;
 +
  }
 +
  .credits a:hover {
 +
    border-bottom-style: solid;
 +
    opacity: 1;
 +
  }
 +
  /*++++++++++++++++++++++++++++++++
 +
  quotes End ++++++++++++++++++++++++++++++*/
 +
 +
 +
  /*++++++++++++++++++++++++++++++++
 +
  gallery Start ++++++++++++++++++++++++++++++*/
 +
 +
  /* The grid: Four equal columns that floats next to each other */
 +
 +
  /* Style the images inside the grid */
 +
  .gaGallery .col img {
 +
    opacity: 0.8;
 +
    cursor: pointer;
 +
  }
 +
 +
  .gaGallery .col img:hover {
 +
    opacity: 1;
 +
  }
 +
 +
  /* The expanding image container */
 +
  .ga-container {
 +
    position: relative;
 +
    display: block;
 +
  }
 +
 +
  /* Expanding image text */
 +
  #imgtext {
 +
    position: absolute;
 +
    bottom: 15px;
 +
    left: 15px;
 +
    color: white;
 +
    font-size: 20px;
 +
  }
 +
 +
  /* Closable button inside the expanded image */
 +
  .closebtn {
 +
    position: absolute;
 +
    top: 10px;
 +
    right: 15px;
 +
    color: white;
 +
    font-size: 35px;
 +
    cursor: pointer;
 +
  }
 +
  /*++++++++++++++++++++++++++++++++
 +
  gallery End ++++++++++++++++++++++++++++++*/
 +
 +
  @media only screen and (max-width: 575.98px) {}
 +
 +
  @media only screen and (max-width: 767.98px) {
 +
    .pictureTitle{
 +
      height: 200px;
 +
    }
 +
    .pictureTitle .display-2{
 +
      font-size: 2rem;
 +
    }
 +
 +
    .pictureTitle h4{
 +
      font-size: 1rem;
 +
    }
 +
 +
    #phaContentsOuter{
 +
      display: none;
 +
    }
 +
    .phaContainer {
 +
      width: 100%;
 +
      margin: 0;
 +
      padding: 0 auto;
 +
    }
 +
 +
    .phaContainer > * {
 +
      padding: 0;
 +
    }
 +
    .post-content {
 +
      flex-basis: 90vw;
 +
      max-width: 100%;
 +
      margin:0 3vw;
 +
    }
 +
    /* important to the link position of the headings */
 +
    .post-content h2{
 +
      padding-top: 50px;
 +
    }
 +
    table{
 +
      font-size: .8rem;
 +
    }
 +
    .quote-card p {
 +
      font-size: 1rem !important;
 +
    }
 +
  }
 +
 +
 +
  @media only screen and (max-width: 1199.98px) {
 +
 +
  }
 +
 +
  @media only screen and (max-width: 1400px) {
 +
    .table-of-contents a{
 +
      font-size: 0.8rem;
 +
    }
 +
    .table-of-contents li + li{
 +
      margin-top: 1.5em;
 +
    }
 +
  }
 +
</style>
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
  <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/1test_js?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/2test_js?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/3test_js?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/4test_js?action=raw&amp;ctype=text/javascript"></script>
 +
</head>
 +
</html>
 +
<!---{{CAU_China/CSS/CAUCSS}} --->
 +
<!---{{CAU_China/CSS/Top}} --->
 +
<html lang="en">
 +
<body style="">
 +
<section id="nav-placeholder">
 +
  <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top" style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
 +
    <a class="navbar-brand" href="https://2019.igem.org/Team:CAU_China">
 +
      <img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="logo" style="width:70px;height:28px">
 +
      <h5  class="d-inline ml-3">CAU_China</h5>
 +
    </a>
 +
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 +
      <span class="navbar-toggler-icon"></span>
 +
    </button>
 +
    <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
 +
      <ul class="navbar-nav">
 +
        <li id="homeButton" class="nav-item mx-3">
 +
          <a class="nav-link" href="https://2019.igem.org/Team:CAU_China">HOME</a>
 +
        </li>
 +
        <li class="nav-item dropdown mx-3">
 +
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
 +
            TEAM
 +
          </a>
 +
          <div class="dropdown-menu">
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Team">Team Members</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Collaborations">Collaborations</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Attributions">Attributions</a>
 +
          </div>
 +
        </li>
 +
        <li class="nav-item dropdown mx-3">
 +
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
 +
            PROJECT
 +
          </a>
 +
          <div class="dropdown-menu">
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Description">Description</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Design">Design</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Notebook">Notebook</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Results">Results</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Demonstrate">Demonstrate</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Method">Method</a>
 +
          </div>
 +
        </li>
 +
 +
 +
        <li class="nav-item mx-3">
 +
          <a class="nav-link" href="https://2019.igem.org/Team:CAU_China/Parts">PARTS</a>
 +
        </li>
 +
 +
        <li class="nav-item mx-3">
 +
          <a class="nav-link" href="https://2019.igem.org/Team:CAU_China/Safety">SAFETY</a>
 +
        </li>
 +
 +
        <li class="nav-item dropdown mx-3">
 +
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
 +
            HUMAN PRACTICES
 +
          </a>
 +
          <div class="dropdown-menu">
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Human_Practices">Overview</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Integrated_HP">Integrated_HP</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Public_Engagement">Education & Engagement</a>
 +
          </div>
 +
        </li>
 +
        <li class="nav-item dropdown mx-3">
 +
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
 +
            MODEL
 +
          </a>
 +
          <div class="dropdown-menu">
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Overview</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Decision_Model">Decision Model</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Dynamics_Model">Dynamics Model</a>
 +
          </div>
 +
        </li>
 +
        <li class="nav-item mx-3">
 +
          <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=CAU_China" target="_blank">JUDGING FORM ⇗</a>
 +
        </li>
 +
 +
        <li class="nav-item mx-1 pt-2">
 +
          <a href="https://twitter.com/cau_china" class="fa fa-twitter" target="_blank"></a>
 +
        </li>
 +
      </ul>
 
     </div>
 
     </div>
    <div class="col-12 col-md-6">
+
  </nav>
<figure class="figure">
+
</section>
      
+
<script>
     </figure>
+
  var url = window.location.href;
    </div>
+
  $(function() {
    </div>
+
    $('.nav-link[href="'+url+'"]').addClass("active");
 +
     $('.dropdown-item[href="'+url+'"]').addClass("active");
 +
     $('.dropdown-item[href="'+url+'"]').parent().parent().addClass("active");
 +
  });
 +
</script>
 +
</body>
 +
</html>
 +
<!---{{CAU_China/CSS/Mainbody}} --->
 +
<html>
 +
<style>
  
<h2>
+
  .pictureTitle{
 +
    background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url("");
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
    background-position:center;
 +
  }
  
</h2>
+
  #accordion .card {
<div class="row" style="background-color: rgba(200,200,200,1);">
+
    margin-bottom: 10px;
<div class="col-12">
+
    border: 2px solid rgba(0,0,0,.4);
 +
  }
 +
  #accordion .card-header {
 +
    padding:0;
 +
    background-color:#00A7D4;
 +
  }
 +
  #accordion h5 {
 +
    padding:0;
 +
  }
 +
  #accordion .card button{
 +
    width: 100%;
 +
    text-align: left!important;
 +
  }
 +
  #accordion button span {
 +
    font-size: 1.5rem;
 +
  }
  
</div>
+
  @media only screen and (max-width: 809.99px) {
</div>
+
    #accordion button span {
<h3>
+
      font-size: 1rem;
 +
    }
 +
  }
  
</h3>
+
  @media only screen and (max-width: 575.98px) {}
  
 +
  @media only screen and (max-width: 767.98px) {}
  
<div class="row">
+
  @media only screen and (max-width: 991.98px) {}
<div class="col-12 col-md-6">
+
 
     <figure class="figure">
+
  @media only screen and (max-width: 1199.98px) {}
       
+
</style>
         </figure>
+
 
</div>
+
 
<div class="col-12 col-md-6">
+
<script type="text/x-mathjax-config">
 +
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]},
 +
                    jax: ["input/TeX","output/fast-preview"],
 +
                      "fast-preview": {
 +
                        Chunks: {EqnChunk: 10000, EqnChunkFactor: 1, EqnChunkDelay: 0},
 +
                        color: "inherit!important",
 +
                        updateTime: 30, updateDelay: 6,
 +
                        messageStyle: "none",
 +
                        disabled: false
 +
                      }
 +
});
 +
</script>
 +
<script type="text/javascript" async src="http://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 +
</script>
 +
 
 +
<div class="main-container">
 +
  <section style="
 +
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 +
     <div class="main-container" style="
 +
height: 100%;">
 +
      <center style="
 +
height: 100%;>
 +
         <div class="col-md-10" style="height: 100%;margin-top: 4em;">
 +
      <div id="logoPrinteria" class="item" style="
 +
    background-image: url(https://2019.igem.org/wiki/images/e/e9/T--CAU_China--Lab23.jpg);
 +
    height: 100%;
 +
    width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/1/15/T--CAU_China--word-results.png" style=" margin-top: 0px;">
 +
 
 +
        <i class="stack-interface stack-down-open-big"></i>
 +
        </a>
 +
      </div>
 +
 
 +
 
 +
    </div>
  
 +
    </center>
 
</div>
 
</div>
 +
</section>
 
</div>
 
</div>
  
     </div>
+
 
 +
<div class="phaContainer">
 +
  <aside id="phaContentsOuter">
 +
     <aside id="phaContents" class="table-of-contents">
 +
      <!-- will be generated with JS -->
 +
    </aside>
 +
  </aside>
 +
 
 +
  <main class="post-content">
 +
    <h2>Expression of Cellulases </h2>
 +
 
 +
    <div class="row">
 +
      <div class="col-12">
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;We obtained the sequence of β-1, 4-endoglucanase (CenA) and β-1,4-exoglucanase (Cex) from team UESTC-China, and the gene encoding β-glucosidase is amplified from Streptomyces coelicolor`s genomic DNA. We linked the genes into the pET30a(+) backbone respectively and induced these genes to express by IPTG in the E.coli strain BL21(DE3). After a few trials, we determined the optimal inducting conditions, which is with 0.08 mM IPTG at 16℃ overnight (about 15h). After confirming the expression and determined the activities of the original cellulases, we added INP-N (N terminus of ice-nucleation protein) sequence to the N terminus of each cellulase and conducted the same procedures to INP-N fused cellulases. Due to the time limit, we only created INPN-CenA and INPN-Cex successfully.
 +
        </p>
 +
      </div>
 
     </div>
 
     </div>
  
     <div class="row mt-3">
+
     <div class="row">
    <div class="col-12">
+
       <div class=""style="margin-bottom: 5%" >
    <div id="accordion">
+
       <div class="card" style="background-color:#017FD4;">
+
        <div class="card-header" id="headingOne">
+
          <h5 class="mb-0">
+
            <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
+
                <span class="pl-3" style="color: white;">Protein Purification</span>
+
            </button>
+
          </h5>
+
        </div>
+
      <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
+
          <div class="card-body bg-white">
+
              <figure class="figure">
+
       
+
          </figure>
+
  
          </div>
+
        <img  style="width:800px;height:400px;margin-left: 9%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/e/e4/T--CAU_China--re14.png" alt="Third slide">
         </div>
+
         <p><b style="margin-left: 3%;">Figure 1</b> cenA, cex and β-glucosidase genes acquisition and expression. (a) three genes are obtained by PCR amplification. (b) The expression of Cex, CenA and fused INPN-Cellulases are confirmed by SDS-PAGE assay.</p>
 
       </div>
 
       </div>
  
          </div>
+
    </div>
        </div>
+
 
 +
    <h2>Surface Display of Cellulases </h2>
 +
    <div class="row">
 +
      <div class="col-12">
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;To determine if the enzymes were anchored on the surface of the cell, we detected the presence of the fusion protein by immunofluorescence staining, then employed the undisrupted cells expressing fused enzymes to the enzyme activity assays.
 +
        </p>
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;6His tag was added to present after the original cellulases (CenA and Cex) sequence and the fused cellulases (INPN-CenA and INPN-Cex) sequence as the antigen to be targeted by the primary antibody. Since the Cellulase-6His is originally expressed in the interior of the cell, we would not detect the fluorescent signals in the sample of CenA and Cex, while the fluorescent signals are detectable for INPN-Cellulase-6His due to the cell outer membrane anchoring effect. We observed the E.coli cells expressing the original proteins (CenA and Cex)and the fusion proteins (INPN-CenA and INPN-Cex)under the fluorescence microscopy`s 20X objective (Fig 2)
 +
        </p>
 
       </div>
 
       </div>
 +
    </div>
  
 
     <div class="row">
 
     <div class="row">
    <div class="col-12">
+
      <div class=""style="margin-bottom: 5%" >
 +
 
 +
        <img  style="width:800px;height:400px;margin-left: 9%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/6/6c/T--CAU_China--re15.png" alt="Third slide">
 +
        <p><b style="margin-left: 10%;">Figure 2</b> E.coli cell immunofluorescence staining observation via fluorescence microscopy 20x objective</p>
 +
      </div>
  
  </div>
 
 
     </div>
 
     </div>
  
     <div class="row mt-3">
+
     <div class="row">
    <div class="col-12">
+
      <div class="col-12">
    <div id="accordion">
+
         <p>
      <div class="card" style="background-color:#017FD4;">
+
           &nbsp;&nbsp;&nbsp;&nbsp;Under the same condition of 20X magnification and 355ms for exposure, we noted that the fluorescent signals of the unfused cellulases field are dimmer than those of the fused cellulases field on average. To examine it more clearly, we observed the slices with the confocal fluorescence microscopy (Fig 3). The field of fusion protein samples showed that some foci are located on the borders of the cells, while this phenomenon was not observed in the field of the unfused protein samples. But due to the minuscule size of E.coli cells, our equipment falls short when trying to determine whether the fluorescent dot on a single cell is located on the outer membrane surface or not.
         <div class="card-header" id="headingTwo">
+
         </p>
           <h5 class="mb-0">
+
            <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+
                <span class="pl-3" style="color: white;">Protein Characterization</span>
+
            </button>
+
          </h5>
+
         </div>
+
      <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
+
          <div class="card-body bg-white">
+
    <figure class="figure">
+
       
+
        </figure>
+
              <figure class="figure">
+
       
+
        </figure>
+
          </div>
+
          <div class="card-body bg-white">
+
              <div class="col-12 col-md-6">
+
         
+
              </figure>
+
              </div>
+
              </div>
+
        </div>
+
 
       </div>
 
       </div>
 +
    </div>
  
          </div>
+
    <div class="row">
         </div>
+
      <div class=""style="margin-bottom: 5%" >
 +
 
 +
         <img  style="width:600px;height:600px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/4/48/T--CAU_China--re16.png" alt="Third slide">
 +
        <p><b style="margin-left:10%;">Figure 3</b> E.coli cell immunofluorescence staining observation via confocal fluorescence microscopy, 100x objective (images are locally zoomed)</p>
 
       </div>
 
       </div>
 +
    </div>
  
<div class="row">
+
    <h2>Activity Assay</h2>
    <div class="col-12 col-md-6">
+
  
 +
    <div class="row">
 +
      <div class="col-12">
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;After confirming the expression of the cellulases, the recombinant cells are disrupted by ultrasonication to obtain the crude enzyme. We measured the enzyme activity by the method of CMC-Na (sodium carboxymethyl cellulose) assay. The activity of unfused and fused cellulases are determined respectively. We determined the activities of cellulases based on the standard curve of glucose concentrations. Considering the relatively weak cellulose degradation capacity of β-glucosidase and relatively low activity of CenA we measured, we also mixed these crude enzymes and determined the mixed cellulases activity as well as the activity of the single cellulase Cex. The data and results are shown on Table 1 to 4 and Fig.4.
 +
        </p>
 +
      </div>
 
     </div>
 
     </div>
     <div class="col-12 col-md-3">
+
     <div class="row">
<figure class="figure">
+
      <div class=""style="margin-bottom: 5%" >
   
+
 
 +
        <img  style="width:800px;height:700px;margin-left: 9%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/c/c0/T--CAU_China--re17.png" alt="Third slide">
 +
      </div>
 
     </div>
 
     </div>
     <div class="col-12 col-md-3">
+
     <div class="row">
<figure class="figure">
+
      <div class=""style="margin-bottom: 5%" >
   
+
 
    </figure>
+
        <img  style="width:800px;height:400px;margin-left: 9%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/9/95/T--CAU_China--re18.png" alt="Third slide">
 +
        <b style="margin-left: 18%;">Figure 4</b>.Enzyme activity assay. (a)The standard curve of glucose concentration. (b)Mixed cellulases (CenA and beta-glucosidase) activity assay. (c) Cex activity assay. (d) Fusion cellulases activity assay. The activities are determined under both cell-undisrupted and cell-disrupted conditions.
 +
      </div>
 
     </div>
 
     </div>
    </div>   
 
<div class="row">
 
<div class="col-12 col-md-6">
 
  </div>
 
<div class="col-12 col-md-6">
 
      <figcaption class="figure-caption"></figcaption>
 
</div>
 
</div>
 
     
 
<h3>
 
</h3>
 
<div class="row">
 
<div class="col-12 col-md-6">
 
  
 +
    <div class="row">
 +
      <div class="col-12">
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;We also measured the cellulose degradation abilities of the supernatant of disrupted cell contents as well as the undisrupted cell suspensions. According to the standard curve of glucose concentration, we determined the activities of unfused enzymes CenA and Cex, and fusion enzymes INP-CenA and INP-Cex.
 +
        </p>
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;From the data above, we summarized that the cellulases` activities were not affected remarkably with the presence of INP-N. Also, the difference of enzyme activities between the ultrasonic-disrupted samples and undisrupted samples may also provide evidence of the anchoring effect of INP-N. Since the fusion protein is anchored in the outer membrane surface, which would appear in the sediments after centrifugation, the samples of suspension with fused cellulases showed the relatively low level of the activity, compared with samples of unfused ones.
 +
        </p>
 +
      </div>
 +
    </div>
  
</div>
 
<div class="col-12 col-md-6">
 
<figure class="figure">
 
  
</figure>
 
</div>
 
</div>
 
  
  
 +
    <h2>The acquisition of individual genes</h2>
  
  
 +
    <div class="row">
 +
      <div class="col-12">
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;CrtE, CrtB, CrtI, CrtY, CrtZ and BKT are crucial genes in the astaxanthin synthesis pathway. CrtE and CrtB can be amplified by PCR using Rhodobacter sphaeroides's genomic DNA as templete, while CrtI and CrtY can be amplified using Rhodospirillum rubrum’s and Pantoea agglomerans’s genomic DNA respectively. Figure 1 shows the agarose gel electrophoresis test results.
 +
        </p>
  
<hr>
+
      </div>
  
<h3>
+
    </div>
 
+
</h3>
+
  
 
     <div class="row">
 
     <div class="row">
    <div class="col-12 col-md-6">
+
      <div class=""style="margin-bottom: 5%" >
 +
 
 +
        <img  style="width:600px;height:513px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/a/ae/T--CAU_China--re1.png" alt="Third slide">
 +
        <p>
 +
          <b style="margin-left: 10%;">Figure 5</b> Astaxanthin synthesis genes were amplified from several bacteria's genomic sequences.(a)The CrtE gene was amplified from Rhodobacter sphaeroides's genomic sequence by PCR. The length of CrtE was 879 bp;(b)The CrtB gene was amplified from Rhodobacter sphaeroides's genomic sequence by PCR. The length of CrtB was 1068 bp;(c)The CrtI gene was amplified from Rhodospirillum rubrum's genomic sequence by PCR. The length of CrtI was 1524 bp;(d)The CrtY gene was amplified from Pantoea agglomerans 's genomic sequence by PCR. The length of CrtY was 1161 bp.</p>
 +
      </div>
  
    </div>
 
    <div class="col-12 col-md-6">
 
<figure class="figure">
 
 
 
    </figure>
 
    </div>
 
 
     </div>
 
     </div>
  
  
 +
    <div class="row">
 +
      <div class="col-12">
  
<h2>
+
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;There are bright bands in Figure 1a. The size of those bands is between 750 bp and 1 kb, which coincides with the size of the CrtE gene (879 bp). No obvious non-specific bands were observed. CrtB is 1068 bp in length while CrtY is 1161 bp. Bright bands between 1 kb and 1.5 kb can be seen in Figure 1b and Figure 1d, so CrtB and CrtY are amplified successfully.  Some non-specific bands can be seen in the first three lanes in Figure 1c, but the destination bands are bright and their length is in the correct range so CrtI is also amplified successfully.
 +
        </p>
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;The last two genes in the pathway, CrtZ and BKT, were optimized and synthesized by the company, so the gene sequences used in the pathway have been all obtained.
 +
        </p>
 +
        <h2>Successfully induced each protein </h2>
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;In order to determine the activity of individual enzymes in the astaxanthin synthesis pathway, we induced individual enzymes separately. In the experiment, we used gradient IPTG concentration and gradient temperature to induce each protein and explore the optimal IPTG concentration and temperature of single protein expression. Although low temperature induction is not conducive to protein expression, it is beneficial to avoid the formation of inclusion bodies and the subsequent determination of enzyme activity. Therefore, gradient IPTG concentration from 0 mM to 1 mM was used to induce the proteins at 25 °C, 30 °C and 37 °C respectively.
 +
        </p>
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;In this part, we successfully induced genes CrtE, CrtB, CrtI, CrtY (Fig. 2) and BKT (FIg. 3), and recorded the optimal conditions (chart 1).
 +
        </p>
 +
      </div>
  
</h2>
+
    </div>
<div class="row" style="background-color: rgba(200,200,200,1);">
+
<div class="col-12">
+
  
</div>
+
    <div class="row">
</div>
+
      <div class=""style="margin-bottom: 5%" >
<div class="row" style="background-color: rgba(200,200,200,1);">
+
<div class="col-12">
+
<ul style="">
+
  
</ul>
+
        <img  style="width:800px;height:571.4px;margin-left: 4%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/a/ad/T--CAU_China--re2.png" alt="Third slide">
</div>
+
        <b style="margin-left: 28%;">Figure 6</b> SDS-PAGE assay for CrtE, CrtB, CrtI and CrtY proteins.
</div>
+
      </div>
  
 +
    </div>
 +
    <div class="row">
 +
      <div class=""style="margin-bottom: 5%" >
  
<h3>
+
        <img  style="width:500px;height:263px;margin-left: 28%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/7/74/T--CAU_China--re3.png" alt="Third slide">
</h3>
+
        <b style="margin-left: 35%;">Figure 7</b>  SDS-PAGE assay for BKT protein.
 +
      </div>
 +
 
 +
    </div>
 
     <div class="row">
 
     <div class="row">
    <div class="col-12">
+
      <div class=""style="margin-bottom: 5%" >
 +
 
 +
        <img  style="width:500px;height:238px;margin-left: 23%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/1/19/T--CAU_China--re4.PNG" alt="Third slide">
 +
        <b style="margin-left: 28%;">Chart 1</b>  The optimal induction condition of each protain.
 +
      </div>
  
    </div>
 
 
     </div>
 
     </div>
  
  
<div class="row">
+
    <div class="row">
    <div class="col-12 col-md-12">
+
      <div class="col-12">
  <figure class="figure">
+
        <p>
   
+
          &nbsp;&nbsp;&nbsp;&nbsp;However, we induced CrtZ with gradient IPTG concentration (0 mM-1 mM), under 25℃, 30℃ and 37℃ respectively, still didn't see the target band. Subsequently, plasmid ptrc99A-M-Z with gene CrtZ and recombinant plasmid pACYC184-M-EBI-Y were co-transformed into E. coli BL21, and the yellow strain was successfully obtained. However, whether the strain did produce zeaxanthin exactly still remained further verification.
 +
        </p>
 +
        <h2>Produced lycopene successfully</h2>
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;In the actual process of construction of lycopene producing strain, we successfully use overlap PCR to connect the first two genes (CrtE, CrtB,figure 4), but the CrtI gene has been unable to overlap with the CrtE-CrtB junction product.  Therefore, we use the seamless cloning kit to connect CrtE - CrtB junction product and CrtI, thus successfully build the lycopene production strains. Figure 5a shows the atlas of successfully constructed pACYC184-M-EBI plasmid. Figure 5b shows our construction results: the colonies (2, 3, 4, 8) with the successfully constructed plasmid turned red significantly, while those colonies (1, 5, 6, 7) with misconnected plasmid remained white. Then we extracted the plasmid of strain 8 and sequenced it. The sequencing results confirmed that the plasmid we constructed is correct.
 +
        </p>
 +
      </div>
  
        </figure>
 
 
     </div>
 
     </div>
 +
    <div class="row">
 +
      <div class=""style="margin-bottom: 5%" >
 +
 +
        <img  style="width:600px;height:211px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/c/ca/T--CAU_China--re5.png" alt="Third slide">
 +
        <p><b style="margin-left: 10%;">Figure 8</b>  CrtE gene was linked with CrtB by overlap PCR. (a) The linked band appeared after 7  overlap PCR cycles;(b) The linked sequence was amplified after 30 cycles.</p>
 +
      </div>
 +
 
     </div>
 
     </div>
<div class="row">
+
    <div class="row">
    <div class="col-12 col-md-12">
+
      <div class=""style="margin-bottom: 5%" >
  <figure class="figure">
+
 
   
+
        <img  style="width:800px;height:400px;margin-left: 4%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/e/e4/T--CAU_China--re6.png" alt="Third slide">
         </figure>
+
         <p><b style="margin-left: 10%;">Figure 9</b>  The first three genes (CrtE, CrtB and CrtI) were cloned into plasmid pACYC184-M. (a) The constructed plasmid map. (b) The colonies (2, 3, 4, 8) with the successfully constructed plasmid turned red significantly, while those colonies (1, 5, 6, 7) with misconnected plasmid remained white.</p>
    </div>
+
      </div>
 +
 
 
     </div>
 
     </div>
  
  
<!---
+
    <div class="row">
<h5>
+
      <div class="col-12">
Bacteriophages From Phactory Assemble And Are Fully Functional
+
</h5>
+
  
  
<div class="row">
+
        <p>
    <div class="col-12 col-md-6">
+
          &nbsp;&nbsp;&nbsp;&nbsp;In order to further confirm that our engineering bacteria produced lycopene, we transferred the constructed plasmid (184M-EBI) into E. coli BL21 and induced it with IPTG, using E. coli BL21 with pACYC184-M empty plasmid as control. After induced by 0.1 mM IPTG for 10 hours, we could see that E. coli cells with the constructed plasmid (184M-EBI) turned red significantly, while those with empty vectors remained white (see Figure 6a). Then we extracted lycopene with acetone and measured its absorbance at its maximum absorption peak at 473 nm and the yield of lycopene was calibrated using a standard curve (see Figure 6b and Figure 6c).
<p>Discussion goes here
+
        </p>
</p>
+
      </div>
 +
 
 
     </div>
 
     </div>
     <div class="col-12 col-md-6">
+
 
<figure class="figure">
+
     <div class="row">
    <img src="http://2018.igem.org/wiki/images/7/7f/T--Munich--Results_QPCR_Nils.png" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
+
      <div class=""style="margin-bottom: 5%" >
    <figcaption class="figure-caption">qpcr</figcaption>
+
 
    </figure>
+
        <img style="width:600px;height:577px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/2/2d/T--CAU_China--re7.png" alt="Third slide">
 +
        <p><b style="margin-left: 10%;">Figure 10</b> Induce the engineered E.coli cells to produce lycopene. (a) E. coli cells with the constructed plasmid (184M-EBI) turned red significantly; (b) Lycopene production of engineered E.coli cells after being induced by 0.1 mM IPTG for 10 hours; (c) Standard curve of lycopene concentration.</p>
 +
      </div>
 +
 
 
     </div>
 
     </div>
  </div>
 
  
<h5>
 
RNA-Detection via RT-qPCR
 
</h5>
 
<div class="row">
 
<div class="col-12">
 
<p>
 
To rapidly detect functionality of the phages, reverse transcription-quantitative PCR (RT-qPCR) was applied to pellets of T7-infected host cells at different timepoints. The RT-qPCR protocol was used. Using the delta-delta-Ct method3, relative expression was determined and normalized to the value at 3 minutes after addition of the phages. Whereas expression of E. coli genes remains stable, expression of three T7 genes is elevated throughout the experiment. The change of expression of all three phage genes reaches a first peak after 12 minutes and a second peak after 18 or 21 minutes.
 
</p>
 
    <p>
 
        The sharp increase of phage gene expression in the first phase of the experiment displays the ability of the phages to successfully infect the bacteria and initiate reproduction. The second and even higher increase of expression is likely attributed to a second wave of infection of previously replicated phages. This indicates that the phages are capable of reproducing inside their host bacteria, resulting in multiplication of functional phages.
 
The increase of expression of T7P01 is more pronounced than that of T7P07, which is in turn is stronger than that of T7P29. This circumstance is likely caused by differences in primer efficacy, a value describing the doubling rate in between every PCR cycle. For better reliability of the RT-qPCR quality control, primer efficacy should be assessed by creating a standard curve.
 
</p>
 
<p>All RNA samples were pooled and checked for DNA contamination, which could have interfered with the RT-qPCR. Absence of DNA was determined electrophoresis in a  gel electrophoresis</p>
 
<br>
 
<br>
 
</div>
 
</div>--->
 
  
<h3></h3>
 
<h5></h5>
 
 
     <div class="row">
 
     <div class="row">
    <div class="col-12 col-md-6">
+
      <div class="col-12">
  
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;We also detected the yield of lycopene in engineered bacteria under different IPTG concentration conditions, and the change of lycopene production with time after IPTG induction (see Figure 7a and Figure 7b). We found that lycopene production peaked at an IPTG concentration of 0.3 mM. But to our surprise, leaky expression of the three lycopene synthesis genes was observed when there is no inducer. This suggested that the switch that controlled the synthesis of lycopene may not completely shut down the expression of all the three genes. Figure 7b was measured under 0.1 mM IPTG concentration and 30℃, lycopene production increased in the first 700 minutes and remained stable in the following period.
 +
        </p>
 +
      </div>
 
     </div>
 
     </div>
     <div class="col-12 col-md-6">
+
 
<figure class="figure">
+
     <div class="row">
   
+
      <div class=""style="margin-bottom: 5%" >
    </figure>
+
 
 +
        <img  style="width:800px;height:331px;margin-left: 4%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/f/ff/T--CAU_China--re8.png" alt="Third slide">
 +
        <p><b style="margin-left: 10%;">Figure 11</b> The yield of lycopene in engineered bacteria under different IPTG concentration conditions. (a) The changes of lycopene production with IPTG concentration; (b) The changes of lycopene production with induction time.</p>
 +
      </div>
 +
 
 +
 
 
     </div>
 
     </div>
 +
 +
    <h2>Successfully produced β-carotene</h2>
 +
    <div class="row">
 +
      <div class="col-12">
 +
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;On the basis of pACYC184-M-EBI plasmid, we inserted the fourth gene CrtY between BamHI and HindIII, and then obtained the constructed plasmid pACYC184-M-EBI-Y for β-carotene production (see Figure 8a for plasmid atlas ).
 +
        </p>
 +
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;s expected, we obtained yellow colonies. Colony PCR was carried out to verify the existence of the CrtY gene in the engineered bacteria. (Figure 8b, 8c). Then we extracted the plasmid of strain 7 and sequenced it. The sequencing results confirmed that the plasmid we constructed is correct.
 +
        </p>
 +
      </div>
 
     </div>
 
     </div>
  
 
     <div class="row">
 
     <div class="row">
    <div class="col-12">
+
      <div class=""style="margin-bottom: 5%" >
 +
 
 +
        <img  style="width:600px;height:451px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/0/0d/T--CAU_China--re9.png" alt="Third slide">
 +
        <p><b style="margin-left: 10%;">Figure 12</b> The construction of pACYC184-M-EBI-Y plasmid. (a) Recombinant plasmid atlas for β-carotene production; (b) Colonies with the constructed plasmid turned yellow; (c) Colony PCR verified that CrtY did exist in colony 1 to 7 and colony 9, 10, 12, 13, 14, 15.</p>
 +
      </div>
 +
 
  
 
     </div>
 
     </div>
 +
 +
 +
    <div class="row">
 +
      <div class="col-12">
 +
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;In order to further confirm that our engineering bacteria produced β-carotene, we transferred the constructed plasmid (pACYC184-M-EBI-Y) into E. coli BL21 and induced it with IPTG, using E. coli BL21 with pACYC184-M empty plasmid as control. After induced by 0.1 mM IPTG for 10 hours, we could see that E. coli cells with the constructed plasmid (pACYC184-M-EBI-Y) turned orange significantly, while those with empty vectors remained white (see Figure 9a). Then we extracted β-carotene with acetone and measured its absorbance at its maximum absorption peak at 453 nm and the yield of β-carotene was calibrated using a standard curve (see Figure 9b and Figure 9c).
 +
        </p>
 +
 +
      </div>
 
     </div>
 
     </div>
 +
  
 
     <div class="row">
 
     <div class="row">
    <div class="col-12">
+
      <div class=""style="margin-bottom: 5%" >
 +
 
 +
        <img  style="width:600px;height:588px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/a/ac/T--CAU_China--re10.png" alt="Third slide">
 +
        <p><b style="margin-left: 10%;">Figure 13</b> Induce the engineered E.coli cells to produce lycopene. (a) E. coli cells with the constructed plasmid (184M-EBI-Y) turned orange significantly; (b) β-carotene production of engineered E.coli cells after being induced by 0.1 mM IPTG for 10 hours; (c) Standard curve of β-carotene concentration.</p>
 +
      </div>
 +
 
  
 
     </div>
 
     </div>
    </div>
 
<h3>
 
  
</h3>
 
<div class="row">
 
  <div class="col-12 col-md-6">
 
  
 +
 +
    <div class="row">
 +
      <div class="col-12">
 +
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;After successfully obtaining the strain producing β-carotene, we also explored the relationship between the β-carotene production level and the IPTG concentration (Figure 14a). The result was similar to that of lycopene production, the β-carotene production increased firstly and peaked at an IPTG concentration of approximately 0.3 mM. And the optimal induced time for β-carotene producing is 550 min (Figure 14b).
 +
        </p>
 +
 +
      </div>
 
     </div>
 
     </div>
    <div class="col-12 col-md-6">
 
  
<figure class="figure">
+
    <div class="row">
   
+
      <div class=""style="margin-bottom: 5%" >
    </figure>
+
 
    </div>
+
        <img  style="width:800px;height:306px;margin-left: 4%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/2/28/T--CAU_China--re11.png" alt="Third slide">
 +
        <p><b style="margin-left: 10%;">Figure 14</b> The yield of β-carotene in engineered bacteria under different IPTG concentration conditions. (a) The changes ofβ-carotene production with IPTG concentration; (b) The changes ofβ-carotene production with induction time.</p>
 +
      </div>
 +
 
 +
 
 
     </div>
 
     </div>
  
 +
 +
    <h2>Co-transformation of pACYC184-M-EBI-Y and ptrc99A-M-CrtZ</h2>
  
  
    <h3></h3>
 
 
     <div class="row">
 
     <div class="row">
    <div class="col-12">
+
      <div class="col-12">
    <table class="table">
+
   
+
      <thead>
+
        <tr>
+
         
+
        </tr>
+
      </thead>
+
      <tbody>
+
        <tr>
+
            <th scope="row">T7</th>
+
            <td>12h 02min</td>
+
            <td>424,198</td>
+
            <td>1.27 &times; 10<sup>9</sup></td>
+
        </tr>
+
        <tr>
+
            <th scope="row">3S</th>
+
            <td>3h 42min</td>
+
            <td>77,092</td>
+
            <td>2.53 &times; 10<sup>8</sup></td>
+
        </tr>
+
        <tr>
+
            <th scope="row">NES</th>
+
            <td>3h 58min</td>
+
            <td>39,501</td>
+
            <td>2.31 &times; 10<sup>8</sup></td>
+
        </tr>
+
        <tr>
+
            <th scope="row">NFFP</th>
+
            <td>5h 42min</td>
+
            <td>27,633</td>
+
            <td>1.23 &times; 10<sup>8</sup></td>
+
        </tr>
+
      </tbody>
+
    </table>
+
  
 +
        <p>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;In subsequent experiments, we cloned CrtZ into ptrc99A-M plasmid and carried out a colony PCR assay to verify the success of ligation (Figure 12a). We also sequenced the constructed plasmid and result furtherly verified that the CrtZ gene had been cloned into ptrc99A-M. Then the two plasmids pACYC184-M-EBI-Y and ptrc99A-M-CrtZ were co-transformation into E. coli BL21. Colonies
 +
        </p>
  
    <div class="row">
+
      </div>
        <div class="col-12 col-md-6">
+
          <figure class="figure">
+
            </figure>
+
            </div>
+
        <div class="col-12 col-md-6">
+
           
+
                    </figure>
+
        </div>
+
 
     </div>
 
     </div>
  
      
+
     <div class="row">
 +
      <div class=""style="margin-bottom: 5%" >
  
 +
        <img  style="width:500px;height:500px;margin-left: 25%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/7/76/T--CAU_China--re12.png" alt="Third slide">
 +
        <b style="margin-left: 30%;">Figure 15</b>Atlas of constructed plasmid ptrc99A-M-Z.
 +
 +
      </div>
 
     </div>
 
     </div>
 +
 +
    <div class="row">
 +
      <div class="col-12">
 +
 +
        <p>
 +
          with these two plasmids could grow both on chloramphenicol plate and ampicillin plate (Figure 12b, 12c). The engineered E.coli cells seemed to have different color comparing with lycopene producing E.coli and β-carotene producing E.coli cells (Figure 12d). But whether the colonies produced zeaxanthin still needs further verification.
 +
        </p>
 +
 +
      </div>
 
     </div>
 
     </div>
  
 +
    <div class="row">
 +
      <div class=""style="margin-bottom: 5%" >
 +
 +
        <img  style="width:600px;height:600px;margin-left: 15%;margin-top: -0%;" src="https://2019.igem.org/wiki/images/6/6b/T--CAU_China--re13.png" alt="Third slide">
 +
        <p><b style="margin-left: 10%;">Figure 16</b> Construct E.coli cells to produce zeaxanthin. (a) Colony PCR verified the CrtZ gene had been cloned into ptrc99A-M;(b) Colonies with the two constructed plasmids pACYC184-M-EBI-Y and ptrc99A-M-CrtZ could grow on chloramphenicol plate;(c) Colonies with the two constructed  plasmids could grow on ampicillin plate; (d) E.coli cells with plasmids pACYC184-M-EBI-Y and ptrc99A-M-CrtZ appeared different color comparing with lycopene producing E.coli and β-carotene producing E.coli cells.</p>
 +
      </div>
 +
    </div>
  
 
     <div class="row">
 
     <div class="row">
        <div class="col-12 col-md-4">
+
      <div class="col-12">
    <figure class="figure">
+
 
          
+
        <p>
            </figure>
+
          It is a pity that we have not built an astaxanthin-producing engineered bacteria before the deadline, but we are willing to work on our project continuously and make it finally be put into production practice.
 +
         </p>
 +
 
 +
      </div>
 
     </div>
 
     </div>
        <div class="col-12 col-md-4">
 
      <figure class="figure">
 
       
 
          </figure>
 
        </div>
 
      <div class="col-12 col-md-4">
 
      <figure class="figure">
 
       
 
          </figure>
 
        </div>
 
        </div>
 
    <div></div>
 
 
 
  
  
  
<h2>
 
  
</h2>
 
  
<div class="row" style="background-color: rgba(200,200,200,1);">
 
<div class="col-12">
 
  
</div>
+
  </main>
 
</div>
 
</div>
  
<h3></h3>
 
<div class="row">
 
    <div class="col-12 col-md-4">
 
 
</div>
 
    <div class="col-12 col-md-4">
 
 
 
    </div>
 
  <div class="col-12 col-md-4">
 
 
 
    </div>
 
    </div>
 
<div class="row">
 
    <div class="col-12 col-md-6">
 
  
    </div>
 
    <div class="col-12 col-md-6">
 
  
    </div>
 
    </div>
 
<hr>
 
  
<h3>
 
  
</h3>
+
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/5test_js?action=raw&amp;ctype=text/javascript"></script>
  
<div class="row">
+
</html>
    <div class="col-12 col-md-6">
+
<!----{{CAU_China/CSS/Footer}} --->
  
    </div>
+
<html>
    <div class="col-12 col-md-6">
+
<figure class="figure">
+
   
+
    </div>
+
    </div>
+
  
    <div class="row">
+
<style>
     <div class="col-12 col-md-6">
+
  .footer-s{
 +
     text-align: center;
 +
    background:White;
 +
    line-height: 5vh;
 +
    padding: .75vh 0 0 0;
 +
    width: 100%;
 +
    margin-bottom: 0;
 +
  }
 +
  .footer-bottom {
 +
    margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px;
 +
    text-align: center;
 +
    background: rgba(0,0,0,.7);
 +
    background-size:cover;
 +
    line-height: 3vh;
 +
    width: 100%;
 +
    padding: .75vh 0 0 0;
 +
    margin-bottom: 0;
 +
  }
  
 +
  .contact-info {
 +
    padding: .75vh 0 .75vh 0;
 +
    position: relative;
 +
    bottom: 0;
 +
    width: 100%;
 +
  }
 +
  .contact-info ul{
 +
    margin: 0;
 +
    padding-left: 0;
 +
    height: 2.25vh
 +
    text-align: middle;
 +
    font-size: 1.5rem;
 +
  }
 +
  .contact-info ul li {
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
    margin: 0 .375vh 0 .375vh;
 +
    text-align: center;
 +
  }
 +
  .contact-info ul .icon{
 +
    height: 2rem;
 +
    width: 2rem;
 +
    border-radius: 100%;
 +
    background: #A65CA4;
 +
  }
 +
  .contact-info ul li a{
 +
    text-decoration: none;
 +
    color: white;
 +
    font-size: 1.35rem;
 +
  }
 +
  .contact-info #fb:hover{
 +
    background: #3B5998;
 +
  }
 +
  .contact-info #ig:hover{
 +
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
 +
  }
 +
  .contact-info #em:hover{
 +
    background: #B23121;
 +
  }
 +
  .contact-info a i{
 +
    line-height: 2rem;
 +
  }
 +
 +
</style>
 +
 +
<style>
 +
  /**** Font Awesome *****/
 +
 +
  @font-face {
 +
    font-family: 'FontAwesome';
 +
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
 +
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
  }
 +
  .fa {
 +
    display: inline-block;
 +
    font: normal normal normal 14px/1 FontAwesome;
 +
    font-size: inherit;
 +
    text-rendering: auto;
 +
    -webkit-font-smoothing: antialiased;
 +
    -moz-osx-font-smoothing: grayscale;
 +
  }
 +
 +
 +
  .fa-envelope:before {
 +
    content: "\f0e0";
 +
  }
 +
  .fa-phone:before {
 +
    content: "\f095";
 +
  }
 +
  .fa-twitter:before {
 +
    content: "\f099";
 +
  }
 +
  .fa-linkedin:before {
 +
    content: "\f0e1";
 +
  }
 +
  .fa-linkedin-square:before {
 +
    content: "\f08c";
 +
  }
 +
  .fa-youtube:before {
 +
    content: "\f16a";
 +
  }
 +
 +
 +
  /**** Bootstrap *****/
 +
 +
  html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
 +
  body{margin:0;}
 +
  article,
 +
  aside,
 +
  details,
 +
  figcaption,
 +
  figure,
 +
  footer,
 +
  header,
 +
  hgroup,
 +
  main,
 +
  menu,
 +
  nav,
 +
  section,
 +
  summary,hero{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;}
 +
  b,
 +
  strong{font-weight:bold;}
 +
  h1{font-size:2em;}
 +
  img{border:0;max-width:100%;}
 +
  figure{margin:1em 40px;}
 +
  hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
 +
  button,
 +
  input,
 +
  optgroup,
 +
  select,
 +
  textarea{color:inherit;font:inherit;margin:0;}
 +
  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{border:0;padding: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;}
 +
  textarea{overflow:auto;}
 +
  table{border-collapse:collapse;border-spacing:0;width:100%;}
 +
  td,
 +
  th{padding:0;}
 +
  *{-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;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
 +
  input,
 +
  button,
 +
  select,
 +
  textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
 +
  figure{margin:0;}
 +
  img{vertical-align:middle;}
 +
  .img-responsive{display:block;max-width:100%;height:auto;}
 +
  hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee;}
 +
  [role="button"]{cursor:pointer;}
 +
  .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
 +
  .right{float:right;}
 +
  @media (min-width:768px){.container{width:750px;}
 +
  }
 +
  @media (min-width:992px){.container{width:970px;}
 +
  }
 +
  @media (min-width:1200px){.container{width:1170px;}
 +
  }
 +
  .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
 +
  .row{margin-left:-15px;margin-right:-15px;}
 +
 +
 +
 +
  label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold;}
 +
  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;}
 +
  .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-left:-20px;margin-top:4px \9;}
 +
  .radio + .radio,
 +
  .checkbox + .checkbox{margin-top:-5px;}
 +
  .radio-inline,
 +
  .checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;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;}
 +
  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;}
 +
  select.input-sm{height:30px;line-height:30px;}
 +
  textarea.input-sm,
 +
  select[multiple].input-sm{height:auto;}
 +
  .collapse{display:none;}
 +
  .collapse.in{display:block;}
 +
  tr.collapse.in{display:table-row;}
 +
  tbody.collapse.in{display:table-row-group;}
 +
 +
  .container:before,
 +
  .container:after,
 +
  .container-fluid:before,
 +
  .container-fluid:after,
 +
  .row:before,
 +
  .row:after,
 +
  .form-horizontal .form-group:before,
 +
  .form-horizontal .form-group:after,
 +
  .navbar-collapse:before,
 +
  .navbar-collapse:after{content:" ";display:table;}
 +
  .clearfix:after,
 +
  .container:after,
 +
  .container-fluid:after,
 +
  .row:after,
 +
  .form-horizontal .form-group:after,
 +
  .navbar:after,
 +
 +
  .navbar-collapse:after{clear:both;}
 +
  body{font-size:16px;line-height:1.42857143;color:#000;background-color:#ffffff;}
 +
  a{font-size:16px;color: #2f4a98;text-decoration:none;padding-left: 4px;padding-right: 24px}
 +
  a:hover,
 +
  a:focus{color:#23527c;text-decoration:underline;}
 +
  a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
 +
 +
 +
 +
  section.pad{padding:30px 0;}
 +
 +
 +
  /*** Footer ****/
 +
 +
  footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid  #ff9ea6;}
 +
  footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; }
 +
 +
 +
  .footer_links { margin-top: 20px; color: #004a98; }
 +
  .footer_links p{margin:0;}
 +
  .footer_links a { margin-right: 15px;  font-size: 20px; vertical-align: middle; }
 +
 +
  footer a{color: #004a98;}
 +
  footer a i{color: #004a98;}
 +
  footer img{margin-bottom:15px;}
 +
  footer .fa-twitter{color: #55acee;}
 +
  footer .fa-linkedin{color: #007bb5;}
 +
  footer .fa-youtube{color: #b00;}
 +
  footer .fa-instagram{color:#fb3958;}
 +
 +
  /*** End ***/
 +
 +
  #end{background-color: #004a98;font-size:10px;padding:10px 0;color:#fff;}
 +
  #end .links{margin:10px 0;display: inline-block;}
 +
  #end .links a{color:#fff;margin-right: 5px;display: inline-block;text-decoration:none;}
 +
  #end .links a:hover{text-decoration:underline;}
 +
  #end .links a:before{content:"|";margin-right:5px;}
 +
  #end .links a:first-of-type:before{display:none;}
 +
  #end .col-sm-7{text-align:left;}
 +
  #end .col-sm-5{text-align:right;}
 +
  end .ue{color:  #2f4a98;}
 +
  end .ue1{color: #F5FFFA;}
 +
 +
 +
 +
  @media (min-width: 768px){
 +
    .navbar{border:none;}
 +
    header.main { background: #fff; border-bottom: 3px solid #58b4e5; }
 +
    header.main .top{/* margin-bottom:-20px; */}
 +
    .navbar-brand{margin-top: -20px;}
 +
    .social_links a:after{margin:0 10px;}
 +
    .half{width:50%;display:table-cell;float:left;}
 +
    section.pad{padding:20px 0;}
 +
    .btn{font-size:14px; text-align: center;}
 +
    footer{padding:10px 0;}
 +
    .footer_logo { float: left; width: 15%;margin-left: 0%}
 +
    .footer_address { float: left; width: 33%; margin-left: 4%; }
 +
    .footer_contact { float: left; width: 35%; margin-left: 3%; }
 +
    .footer_links{float: right; text-align: right;margin:0;}
 +
    #end .col-sm-7{text-align:left;}
 +
    #end .col-sm-5{text-align:right;}
 +
    #end .links{margin:0;}
 +
    #end .links a:first-of-type:before{display:inline-block;}
 +
    .team_member img { margin-bottom: 0; }
 +
  }
 +
 +
  @media (min-width: 768px) and (max-width: 991px){
 +
    .hero_h1 { font-size: 28px; line-height: 32px; }
 +
    .hero_half{bottom: 40px; padding: 15px; margin: 0 10%;width:80%;background:rgba(0, 88, 163, 0.75);}
 +
    #end .col-sm-7{text-align:left;}
 +
    #end .col-sm-5{text-align:right;}
 +
  }
 +
 +
  @media (min-width:992px){
 +
    .hero .container { position: relative; height: 100%; }
 +
    .navbar-brand{margin:0;}
 +
    .footer_logo { float: left; width: 18%; } .footer_address { float: left; width: 25%; margin-left: 5%; }
 +
    .footer_contact { float: left; width: 28%; margin-left: 4%; }
 +
    .footer_links { float: right; text-align: right; width: 20%; }
 +
    .footer_links a, .footer_links img { display: inline-block; }
 +
    .footer_links a{margin-left:0px;}
 +
    #end{font-size:12px;}
 +
    #end .col-sm-7{text-align:left;}
 +
    #end .col-sm-5{text-align:right;}
 +
    .team_member .thin-left, .team_member .thin-right{visibility:visible;}
 +
  }
 +
 +
 +
 +
  .fa-twitter, .secondary_menu .top .social_links a > .fa-linkedin, .secondary_menu .top .social_links a > .fa-youtube {color:#FFF;}
 +
 +
 +
 +
 +
 +
</style>
 +
 +
 +
<footer>
 +
 +
  <div class="footer-s ">
 +
    <div class='row align-items-center'>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://www.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/4/48/T--CAU_China--CAU.png"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://cbs.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/a/a8/T--CAU_China--CBS.jpg"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://cbs.cau.edu.cn/sys/" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/f/f2/T--CAU_China--LAB.jpg"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="https://www.mathworks.com" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/c/ce/T--CAU_China--MW.png"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://sklppb.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/a/a3/T--CAU_China--SKPPB.jpg"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://www.tib.cas.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/e/e5/T--CAU_China--TIIB.jpg"></a>
 +
      </div>
 
     </div>
 
     </div>
    <div class="col-12 col-md-6">
+
  </div>
<figure class="figure">
+
   
+
    </figure>
+
    </div>
+
    </div>
+
  
  
<!---
+
</footer>
    <div class="row">
+
   
+
--->
+
  
<hr>
 
  
<div id="phareferences" class="row">
+
 
<h2>References</h2>
+
 
<div class="col-12">
+
 
 +
<div class="container">
 +
  <div class="footer_logo">
 +
    <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px;margin-left: 40%;margin-top: -16%;">
 +
  </div>
 +
  <div class="footer_address">
 +
    <h4>China Agricultural University</h4>
 +
    <p style="font-size: 14px">Tsinghua East Road 17#<br>
 +
      Haidian District <br>
 +
      Beijing 100083<br>
 +
      China</p>
 +
  </div>
 +
  <div class="footer_contact">
 +
    <h4>Registered in China </h4>
 +
 
 +
    <p><a href="tel:+86(0)-6273 7682"style="font-size: 14px"><i class="fa fa-phone"></i> +86(0)-6273 7682 </a><br>
 +
      <a href="mailto:igem2019cau@gmail.com"style="font-size: 14px"><i class="fa fa-envelope"></i> igem2019cau@gmail.com </a></p>
 +
 
 +
  </div>
 +
  <div class="footer_links">
 +
    <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:150px;height:35;padding-right: 40%"></a>
 +
    <p style="font-size: 14px">Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank" style="padding: 0rem 0rem"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"style="padding: 0rem 0rem"><i class="fa fa-wechat"></i> </a></p>
 +
  </div>
 +
</div>
 +
 
  
 
</div>
 
</div>
Line 942: Line 10,502:
  
  
</main>
 
</div>
 
  
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/5test_js?action=raw&amp;ctype=text/javascript"></script>
+
 
 +
 
 +
 
  
 
</html>
 
</html>
 +
<html>
 +
</div>
  
{{CAU_China/CSS/Footer}}
+
 
 +
<end>
 +
  <div class="footer-bottom">
 +
    <div class="row">
 +
      <div class="col-sm-7 col-md-6 "><a href="" target="_blank" class="ue1" style="font-size:14px;padding: 0rem 0rem">
 +
        Copyright &copy;
 +
        2019
 +
        CAU_ESPA. All rights reserved | <a href="" target="_blank" class="ue1"style="font-size:14px;padding: 0rem 0rem">Website Design by</a><a href="https://2019.igem.org/Team:CAU_China/Team" target="_blank" class="ue" style="font-size:14px;padding: 0rem 0rem"> Leland</a>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</end>
 +
 
 +
</html>

Latest revision as of 14:31, 12 December 2019

Expression of Cellulases

    We obtained the sequence of β-1, 4-endoglucanase (CenA) and β-1,4-exoglucanase (Cex) from team UESTC-China, and the gene encoding β-glucosidase is amplified from Streptomyces coelicolor`s genomic DNA. We linked the genes into the pET30a(+) backbone respectively and induced these genes to express by IPTG in the E.coli strain BL21(DE3). After a few trials, we determined the optimal inducting conditions, which is with 0.08 mM IPTG at 16℃ overnight (about 15h). After confirming the expression and determined the activities of the original cellulases, we added INP-N (N terminus of ice-nucleation protein) sequence to the N terminus of each cellulase and conducted the same procedures to INP-N fused cellulases. Due to the time limit, we only created INPN-CenA and INPN-Cex successfully.

Third slide

Figure 1 cenA, cex and β-glucosidase genes acquisition and expression. (a) three genes are obtained by PCR amplification. (b) The expression of Cex, CenA and fused INPN-Cellulases are confirmed by SDS-PAGE assay.

Surface Display of Cellulases

    To determine if the enzymes were anchored on the surface of the cell, we detected the presence of the fusion protein by immunofluorescence staining, then employed the undisrupted cells expressing fused enzymes to the enzyme activity assays.

    6His tag was added to present after the original cellulases (CenA and Cex) sequence and the fused cellulases (INPN-CenA and INPN-Cex) sequence as the antigen to be targeted by the primary antibody. Since the Cellulase-6His is originally expressed in the interior of the cell, we would not detect the fluorescent signals in the sample of CenA and Cex, while the fluorescent signals are detectable for INPN-Cellulase-6His due to the cell outer membrane anchoring effect. We observed the E.coli cells expressing the original proteins (CenA and Cex)and the fusion proteins (INPN-CenA and INPN-Cex)under the fluorescence microscopy`s 20X objective (Fig 2)

Third slide

Figure 2 E.coli cell immunofluorescence staining observation via fluorescence microscopy 20x objective

    Under the same condition of 20X magnification and 355ms for exposure, we noted that the fluorescent signals of the unfused cellulases field are dimmer than those of the fused cellulases field on average. To examine it more clearly, we observed the slices with the confocal fluorescence microscopy (Fig 3). The field of fusion protein samples showed that some foci are located on the borders of the cells, while this phenomenon was not observed in the field of the unfused protein samples. But due to the minuscule size of E.coli cells, our equipment falls short when trying to determine whether the fluorescent dot on a single cell is located on the outer membrane surface or not.

Third slide

Figure 3 E.coli cell immunofluorescence staining observation via confocal fluorescence microscopy, 100x objective (images are locally zoomed)

Activity Assay

    After confirming the expression of the cellulases, the recombinant cells are disrupted by ultrasonication to obtain the crude enzyme. We measured the enzyme activity by the method of CMC-Na (sodium carboxymethyl cellulose) assay. The activity of unfused and fused cellulases are determined respectively. We determined the activities of cellulases based on the standard curve of glucose concentrations. Considering the relatively weak cellulose degradation capacity of β-glucosidase and relatively low activity of CenA we measured, we also mixed these crude enzymes and determined the mixed cellulases activity as well as the activity of the single cellulase Cex. The data and results are shown on Table 1 to 4 and Fig.4.

Third slide
Third slide Figure 4.Enzyme activity assay. (a)The standard curve of glucose concentration. (b)Mixed cellulases (CenA and beta-glucosidase) activity assay. (c) Cex activity assay. (d) Fusion cellulases activity assay. The activities are determined under both cell-undisrupted and cell-disrupted conditions.

    We also measured the cellulose degradation abilities of the supernatant of disrupted cell contents as well as the undisrupted cell suspensions. According to the standard curve of glucose concentration, we determined the activities of unfused enzymes CenA and Cex, and fusion enzymes INP-CenA and INP-Cex.

    From the data above, we summarized that the cellulases` activities were not affected remarkably with the presence of INP-N. Also, the difference of enzyme activities between the ultrasonic-disrupted samples and undisrupted samples may also provide evidence of the anchoring effect of INP-N. Since the fusion protein is anchored in the outer membrane surface, which would appear in the sediments after centrifugation, the samples of suspension with fused cellulases showed the relatively low level of the activity, compared with samples of unfused ones.

The acquisition of individual genes

    CrtE, CrtB, CrtI, CrtY, CrtZ and BKT are crucial genes in the astaxanthin synthesis pathway. CrtE and CrtB can be amplified by PCR using Rhodobacter sphaeroides's genomic DNA as templete, while CrtI and CrtY can be amplified using Rhodospirillum rubrum’s and Pantoea agglomerans’s genomic DNA respectively. Figure 1 shows the agarose gel electrophoresis test results.

Third slide

Figure 5 Astaxanthin synthesis genes were amplified from several bacteria's genomic sequences.(a)The CrtE gene was amplified from Rhodobacter sphaeroides's genomic sequence by PCR. The length of CrtE was 879 bp;(b)The CrtB gene was amplified from Rhodobacter sphaeroides's genomic sequence by PCR. The length of CrtB was 1068 bp;(c)The CrtI gene was amplified from Rhodospirillum rubrum's genomic sequence by PCR. The length of CrtI was 1524 bp;(d)The CrtY gene was amplified from Pantoea agglomerans 's genomic sequence by PCR. The length of CrtY was 1161 bp.

    There are bright bands in Figure 1a. The size of those bands is between 750 bp and 1 kb, which coincides with the size of the CrtE gene (879 bp). No obvious non-specific bands were observed. CrtB is 1068 bp in length while CrtY is 1161 bp. Bright bands between 1 kb and 1.5 kb can be seen in Figure 1b and Figure 1d, so CrtB and CrtY are amplified successfully. Some non-specific bands can be seen in the first three lanes in Figure 1c, but the destination bands are bright and their length is in the correct range so CrtI is also amplified successfully.

    The last two genes in the pathway, CrtZ and BKT, were optimized and synthesized by the company, so the gene sequences used in the pathway have been all obtained.

Successfully induced each protein

    In order to determine the activity of individual enzymes in the astaxanthin synthesis pathway, we induced individual enzymes separately. In the experiment, we used gradient IPTG concentration and gradient temperature to induce each protein and explore the optimal IPTG concentration and temperature of single protein expression. Although low temperature induction is not conducive to protein expression, it is beneficial to avoid the formation of inclusion bodies and the subsequent determination of enzyme activity. Therefore, gradient IPTG concentration from 0 mM to 1 mM was used to induce the proteins at 25 °C, 30 °C and 37 °C respectively.

    In this part, we successfully induced genes CrtE, CrtB, CrtI, CrtY (Fig. 2) and BKT (FIg. 3), and recorded the optimal conditions (chart 1).

Third slide Figure 6 SDS-PAGE assay for CrtE, CrtB, CrtI and CrtY proteins.
Third slide Figure 7 SDS-PAGE assay for BKT protein.
Third slide Chart 1 The optimal induction condition of each protain.

    However, we induced CrtZ with gradient IPTG concentration (0 mM-1 mM), under 25℃, 30℃ and 37℃ respectively, still didn't see the target band. Subsequently, plasmid ptrc99A-M-Z with gene CrtZ and recombinant plasmid pACYC184-M-EBI-Y were co-transformed into E. coli BL21, and the yellow strain was successfully obtained. However, whether the strain did produce zeaxanthin exactly still remained further verification.

Produced lycopene successfully

    In the actual process of construction of lycopene producing strain, we successfully use overlap PCR to connect the first two genes (CrtE, CrtB,figure 4), but the CrtI gene has been unable to overlap with the CrtE-CrtB junction product. Therefore, we use the seamless cloning kit to connect CrtE - CrtB junction product and CrtI, thus successfully build the lycopene production strains. Figure 5a shows the atlas of successfully constructed pACYC184-M-EBI plasmid. Figure 5b shows our construction results: the colonies (2, 3, 4, 8) with the successfully constructed plasmid turned red significantly, while those colonies (1, 5, 6, 7) with misconnected plasmid remained white. Then we extracted the plasmid of strain 8 and sequenced it. The sequencing results confirmed that the plasmid we constructed is correct.

Third slide

Figure 8 CrtE gene was linked with CrtB by overlap PCR. (a) The linked band appeared after 7 overlap PCR cycles;(b) The linked sequence was amplified after 30 cycles.

Third slide

Figure 9 The first three genes (CrtE, CrtB and CrtI) were cloned into plasmid pACYC184-M. (a) The constructed plasmid map. (b) The colonies (2, 3, 4, 8) with the successfully constructed plasmid turned red significantly, while those colonies (1, 5, 6, 7) with misconnected plasmid remained white.

    In order to further confirm that our engineering bacteria produced lycopene, we transferred the constructed plasmid (184M-EBI) into E. coli BL21 and induced it with IPTG, using E. coli BL21 with pACYC184-M empty plasmid as control. After induced by 0.1 mM IPTG for 10 hours, we could see that E. coli cells with the constructed plasmid (184M-EBI) turned red significantly, while those with empty vectors remained white (see Figure 6a). Then we extracted lycopene with acetone and measured its absorbance at its maximum absorption peak at 473 nm and the yield of lycopene was calibrated using a standard curve (see Figure 6b and Figure 6c).

Third slide

Figure 10 Induce the engineered E.coli cells to produce lycopene. (a) E. coli cells with the constructed plasmid (184M-EBI) turned red significantly; (b) Lycopene production of engineered E.coli cells after being induced by 0.1 mM IPTG for 10 hours; (c) Standard curve of lycopene concentration.

    We also detected the yield of lycopene in engineered bacteria under different IPTG concentration conditions, and the change of lycopene production with time after IPTG induction (see Figure 7a and Figure 7b). We found that lycopene production peaked at an IPTG concentration of 0.3 mM. But to our surprise, leaky expression of the three lycopene synthesis genes was observed when there is no inducer. This suggested that the switch that controlled the synthesis of lycopene may not completely shut down the expression of all the three genes. Figure 7b was measured under 0.1 mM IPTG concentration and 30℃, lycopene production increased in the first 700 minutes and remained stable in the following period.

Third slide

Figure 11 The yield of lycopene in engineered bacteria under different IPTG concentration conditions. (a) The changes of lycopene production with IPTG concentration; (b) The changes of lycopene production with induction time.

Successfully produced β-carotene

    On the basis of pACYC184-M-EBI plasmid, we inserted the fourth gene CrtY between BamHI and HindIII, and then obtained the constructed plasmid pACYC184-M-EBI-Y for β-carotene production (see Figure 8a for plasmid atlas ).

    s expected, we obtained yellow colonies. Colony PCR was carried out to verify the existence of the CrtY gene in the engineered bacteria. (Figure 8b, 8c). Then we extracted the plasmid of strain 7 and sequenced it. The sequencing results confirmed that the plasmid we constructed is correct.

Third slide

Figure 12 The construction of pACYC184-M-EBI-Y plasmid. (a) Recombinant plasmid atlas for β-carotene production; (b) Colonies with the constructed plasmid turned yellow; (c) Colony PCR verified that CrtY did exist in colony 1 to 7 and colony 9, 10, 12, 13, 14, 15.

    In order to further confirm that our engineering bacteria produced β-carotene, we transferred the constructed plasmid (pACYC184-M-EBI-Y) into E. coli BL21 and induced it with IPTG, using E. coli BL21 with pACYC184-M empty plasmid as control. After induced by 0.1 mM IPTG for 10 hours, we could see that E. coli cells with the constructed plasmid (pACYC184-M-EBI-Y) turned orange significantly, while those with empty vectors remained white (see Figure 9a). Then we extracted β-carotene with acetone and measured its absorbance at its maximum absorption peak at 453 nm and the yield of β-carotene was calibrated using a standard curve (see Figure 9b and Figure 9c).

Third slide

Figure 13 Induce the engineered E.coli cells to produce lycopene. (a) E. coli cells with the constructed plasmid (184M-EBI-Y) turned orange significantly; (b) β-carotene production of engineered E.coli cells after being induced by 0.1 mM IPTG for 10 hours; (c) Standard curve of β-carotene concentration.

    After successfully obtaining the strain producing β-carotene, we also explored the relationship between the β-carotene production level and the IPTG concentration (Figure 14a). The result was similar to that of lycopene production, the β-carotene production increased firstly and peaked at an IPTG concentration of approximately 0.3 mM. And the optimal induced time for β-carotene producing is 550 min (Figure 14b).

Third slide

Figure 14 The yield of β-carotene in engineered bacteria under different IPTG concentration conditions. (a) The changes ofβ-carotene production with IPTG concentration; (b) The changes ofβ-carotene production with induction time.

Co-transformation of pACYC184-M-EBI-Y and ptrc99A-M-CrtZ

    In subsequent experiments, we cloned CrtZ into ptrc99A-M plasmid and carried out a colony PCR assay to verify the success of ligation (Figure 12a). We also sequenced the constructed plasmid and result furtherly verified that the CrtZ gene had been cloned into ptrc99A-M. Then the two plasmids pACYC184-M-EBI-Y and ptrc99A-M-CrtZ were co-transformation into E. coli BL21. Colonies

Third slide Figure 15Atlas of constructed plasmid ptrc99A-M-Z.

with these two plasmids could grow both on chloramphenicol plate and ampicillin plate (Figure 12b, 12c). The engineered E.coli cells seemed to have different color comparing with lycopene producing E.coli and β-carotene producing E.coli cells (Figure 12d). But whether the colonies produced zeaxanthin still needs further verification.

Third slide

Figure 16 Construct E.coli cells to produce zeaxanthin. (a) Colony PCR verified the CrtZ gene had been cloned into ptrc99A-M;(b) Colonies with the two constructed plasmids pACYC184-M-EBI-Y and ptrc99A-M-CrtZ could grow on chloramphenicol plate;(c) Colonies with the two constructed plasmids could grow on ampicillin plate; (d) E.coli cells with plasmids pACYC184-M-EBI-Y and ptrc99A-M-CrtZ appeared different color comparing with lycopene producing E.coli and β-carotene producing E.coli cells.

It is a pity that we have not built an astaxanthin-producing engineered bacteria before the deadline, but we are willing to work on our project continuously and make it finally be put into production practice.