
 /*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * 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:#0d0cb5;
 --purple:#7971ea;
 --pink:#e83e8c;
 --red:#f23a2e;
 --orange:#ef6c57;
 --yellow:#f89d13;
 --green:#8bc34a;
 --teal:#48d494;
 --cyan:#17a2b8;
 --white:#fff;
 --gray:#6c757d;
 --gray-dark:#343a40;
 --primary:#51be78;
 --secondary:#6c757d;
 --success:#8bc34a;
 --info:#17a2b8;
 --warning:#f89d13;
 --danger:#f23a2e;
 --light:#f8f9fa;
 --dark:#343a40;
 --breakpoint-xs:0;
 --breakpoint-sm:576px;
 --breakpoint-md:768px;
 --breakpoint-lg:992px;
 --breakpoint-xl:1200px;
 --font-family-sans-serif:"Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 --font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
 *,
:after,
:before {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
h1,
h2,
h3,
h4,
h5,
h6 {
 margin-top:0;
 margin-bottom:0.5rem
}
p {
 margin-top:0;
 margin-bottom:1rem
}
.modal-content {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -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, 0.2);
 border-radius:0.3rem;
 outline:0
}

.modal-dialog {
 position:relative;
 width:auto;
 margin:0.5rem;
 pointer-events:none
}
.modal.fade .modal-dialog {
 -webkit-transition:-webkit-transform 0.3s ease-out;
 transition:-webkit-transform 0.3s ease-out;
 -o-transition:transform 0.3s ease-out;
 transition:transform 0.3s ease-out;
 transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
 -webkit-transform:translate(0, -25%);
 -ms-transform:translate(0, -25%);
 transform:translate(0, -25%)
}
@media screen and (prefers-reduced-motion:reduce) {
 .modal.fade .modal-dialog {
  -webkit-transition:none;
  -o-transition:none;
  transition:none
 }
}
.modal.show .modal-dialog {
 -webkit-transform:translate(0, 0);
 -ms-transform:translate(0, 0);
 transform:translate(0, 0)
}
.modal-dialog-centered {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 min-height:calc(100% - (0.5rem * 2))
}
.modal-dialog-centered:before {
 display:block;
 height:calc(100vh - (0.5rem * 2));
 content:""
}
.modal-content {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -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, 0.2);
 border-radius:0.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:0.5
}
.modal-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 padding:1rem;
 border-bottom:1px solid #e9ecef;
 border-top-left-radius:0.3rem;
 border-top-right-radius:0.3rem
}
.modal-header .close {
 padding:1rem;
 margin:-1rem -1rem -1rem auto
}
.modal-title {
 margin-bottom:0;
 line-height:1.5
}
.modal-body {
 position:relative;
 -webkit-box-flex:1;
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 padding:1rem
}
.shadow {
 -webkit-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important;
 box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important
}
.text-center {
 text-align:center!important
}
@media (min-width:576px) {
 .text-sm-left {
  text-align:left!important
 }