body aside {
  width: 40rem;
  height: 100vh;
  background: #323232;
  position: fixed;
  z-index: 2;
  left: 0;
}
body.open aside {
  left: 0;
}
body.open .lite {
  left: 40rem;
}

.huebee {
  /* disable reveal/hide transition */
  transition: auto;
}

.huebee__cursor {
  width: 30px;
  height: 30px;
}

#position-alert {
  position: absolute;
  right: 3.5rem;
  top: 4.5rem;
  display: none;
}
#position-alert.active {
  display: block;
}
#position-alert.alert .btn-close {
  right: 0;
}
#position-alert.alert-warning {
  color: #323232;
  background-color: rgba(245, 255, 238, 0.6);
  border-color: #c3ffb5;
  padding: 0.75rem 1rem;
}

#refresh-btn {
  display: none;
}
#refresh-btn.visible {
  display: inline-block;
}

.btn-outline-secondary {
  color: #000;
  border-color: #000;
}

.form-text {
  color: #000;
  font-style: italic;
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #898989;
  background-color: #dfdfdf;
  border-color: #959595;
  text-shadow: 1px 1px 1px white;
}

.modal-dialog.modal-xl {
  max-width: 651px;
}

.alert-success {
  color: #00361d;
  background-color: #f1fff9;
  border-color: #badbcc;
}

.alert-danger {
  color: #000;
}

.alert .btn-close {
  position: absolute;
  right: 1rem;
}

.btn-outline-primary:hover {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
  background-color: #fff;
  color: #0d6efd;
}

.fillup_link {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.fillup-edit label#img_label:hover {
  color: white;
}
.fillup-edit .ck.ck-editor__main {
  overflow-y: auto;
  max-height: none;
}
.fillup-edit .form-label {
  font-weight: 500;
  font-size: 1.25rem;
}
.fillup-edit .ck.ck-content {
  min-height: 100px;
}
.fillup-edit form {
  padding-top: 4rem;
  margin-bottom: 8rem;
}
.fillup-edit .fixed {
  position: fixed;
  bottom: 0;
  background: white;
  width: 100%;
  left: 0;
  padding-bottom: 1rem;
  box-shadow: 0px -7px 7px rgba(1, 1, 1, 0.15);
  z-index: 9;
}
.fillup-edit .fixed div {
  max-width: 935px;
  margin: auto;
}

#maincol .form-label {
  font-weight: 500;
  font-size: 1.5rem;
}

span.ck.ck-toolbar__separator {
  display: none;
}

.fillup-block-edit label#img_label:hover {
  color: white;
}
.fillup-block-edit .ck.ck-editor__main {
  overflow-y: auto;
  max-height: none;
}
.fillup-block-edit .form-label {
  font-weight: 500;
  font-size: 1.25rem;
}
.fillup-block-edit .ck.ck-content {
  min-height: 100px;
}
.fillup-block-edit form {
  padding: 1rem 1rem;
  margin-bottom: 8rem;
  margin-top: 4rem;
}
.fillup-block-edit .fixed {
  position: fixed;
  bottom: 0;
  background: white;
  width: 100%;
  left: 0;
  padding-bottom: 1rem;
  box-shadow: 0px -7px 7px rgba(1, 1, 1, 0.15);
  z-index: 9;
}
.fillup-block-edit .fixed div {
  max-width: 935px;
  margin: auto;
}
.fillup-block-edit nav.navbar.navbar-light {
  padding: 0.5rem 1rem;
  background: #f9f9f9;
  margin: 0rem 1rem 0;
  box-shadow: none;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
}
.fillup-block-edit nav.navbar.navbar-light .container-fluid {
  padding: 0;
}

.ck.ck-editor__main {
  overflow-y: scroll;
  max-height: none;
}

iframe {
  width: 100%;
  height: 100%;
  z-index: 2;
}

#iframe-close {
  position: absolute;
  z-index: 2;
  right: 1rem;
  top: 1rem;
}

.fancybox-slide.fancybox-slide--html.fancybox-slide--current.fancybox-slide--complete {
  overflow: hidden;
}

.fancybox-bg {
  display: none;
}

.fancy_custom_close {
  padding: 1px 11px;
  font-weight: bold;
  background: #0d6efd;
  box-shadow: none;
  border: 1px solid #0d6efd;
  color: white;
  border-radius: 4px;
  font-size: 1.25rem;
  position: absolute;
  top: 0;
  right: 0;
}
.fancy_custom_close.warning {
  background: #db1f1f;
  border: 1px solid #ff0000;
}

form#block_form {
  position: absolute;
  left: 0;
  padding: 0;
}

.alert.alert-secondary {
  position: absolute;
  z-index: 1;
  top: 3rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  animation-name: opac;
  animation-duration: 4s;
}

@keyframes opac {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#refresh {
  display: none;
}
#refresh.visible {
  display: block;
}

#form.fancybox-content {
  position: absolute;
  left: 1%;
  width: 46rem;
  height: 97%;
  overflow-y: hidden;
  top: 1.5%;
  box-shadow: 1px 1px 9px rgba(50, 50, 50, 0.37);
  border-radius: 1%;
  padding: 0;
}
#form.fancybox-content textarea.form-control, #form.fancybox-content .remarks {
  height: calc( 90vh - 13rem );
  font-size: 2.5vh;
  font-weight: 500;
}
#form.fancybox-content .remarks {
  overflow-y: auto;
  padding: 1rem;
  background: #f8f9fa;
}

#form.fancybox-content.page {
  padding: 3rem 1rem 0;
}
#form.fancybox-content.page button.fancybox-button.fancybox-close-small {
  display: block;
}

.accordion-item .collapse.show {
  background: #f4f9ff;
}
.accordion-item button, .accordion-item .dropdown-item {
  font-size: 1.15rem;
}

.fillup-block-edit {
  margin-top: 0;
}
.fillup-block-edit .fixed-top {
  top: 0;
  background: white;
  padding-top: 1rem;
}

.fancy_custom_close {
  position: relative;
  top: 0.5rem;
  right: 1rem;
  z-index: 9;
}

.st34 {
  fill: #71ad46 !important;
}

label#img_label:hover {
  background: #008dee;
  cursor: pointer;
}

.img-form {
  max-height: 4rem;
}

div#bg svg {
  height: 900px;
  position: absolute;
  top: 3rem;
  z-index: -1;
}

.move {
  cursor: move;
}

div#title_head {
  position: absolute;
  font-size: 2rem;
  font-weight: 700;
  left: 3.9rem;
  top: 7rem;
}
div#title_head img {
  position: relative;
  top: -12px;
}

div.stages {
  position: absolute;
  z-index: 0;
  font-size: 1.5rem;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}

div#stage_one {
  left: 4rem;
  top: 10.5rem;
  width: 58rem;
}

div#stage_two {
  left: 51rem;
  top: 13.1rem;
}

div#stage_three {
  left: 98rem;
  top: 10.45rem;
  width: 23rem;
  text-align: center;
}

div#stage_four {
  left: 145rem;
  top: 13.3rem;
  width: 18rem;
  text-align: center;
}

div#stage_one:before {
  width: 2px;
  height: 54rem;
  content: " ";
  background: #6f3996;
  position: absolute;
  left: 0;
  opacity: 0.5;
}

div#stage_one:after {
  width: 2px;
  height: 54rem;
  content: " ";
  background: #6f3996;
  position: absolute;
  right: 0;
  opacity: 0.5;
}

div#stage_two:before {
  width: 2px;
  height: 52rem;
  content: " ";
  background: #ff7211;
  position: absolute;
  left: 0;
  opacity: 0.5;
}

div#stage_two:after {
  width: 2px;
  height: 52rem;
  content: " ";
  background: #ff7211;
  position: absolute;
  right: 0;
  opacity: 0.5;
}

div#stage_three:before {
  width: 2px;
  height: 52rem;
  content: " ";
  background: #54823b;
  position: absolute;
  left: 0;
  opacity: 0.5;
}

div#stage_three:after {
  width: 2px;
  height: 52rem;
  content: " ";
  background: #54823b;
  position: absolute;
  right: 0;
  opacity: 0.5;
}

div#stage_four:before {
  width: 2px;
  height: 50rem;
  content: " ";
  background: #20285c;
  position: absolute;
  left: 0;
  opacity: 0.5;
}

div#stage_four:after {
  width: 2px;
  height: 50rem;
  content: " ";
  background: #20285c;
  position: absolute;
  right: 0;
  opacity: 0.5;
}

div#stage_one:after,
div#stage_one:before,
div#stage_three:before,
div#stage_three:after {
  height: 43rem;
}

div#stage_two:before,
div#stage_two:after,
div#stage_four:before,
div#stage_four:after {
  height: 40.5rem;
}

.long-lines div#stage_one:after,
.long-lines div#stage_one:before,
.long-lines div#stage_three:before,
.long-lines div#stage_three:after {
  height: 48rem;
}
.long-lines div#stage_two:before,
.long-lines div#stage_two:after,
.long-lines div#stage_four:before,
.long-lines div#stage_four:after {
  height: 45.5rem;
}

.longer-lines div#stage_one:after,
.longer-lines div#stage_one:before,
.longer-lines div#stage_three:before,
.longer-lines div#stage_three:after {
  height: 54rem;
}
.longer-lines div#stage_two:before,
.longer-lines div#stage_two:after,
.longer-lines div#stage_four:before,
.longer-lines div#stage_four:after {
  height: 51.5rem;
}

.front_page div#stage_one:before,
.front_page div#stage_one:after,
.front_page div#stage_three:before,
.front_page div#stage_three:after {
  height: 44.8rem;
}
.front_page div#stage_two:before,
.front_page div#stage_two:after,
.front_page div#stage_four:before,
.front_page div#stage_four:after {
  height: 42rem;
}

#form .ck.ck-toolbar__items {
  display: none;
}
#form .ck-read-only {
  background: #e9ecef !important;
  cursor: default;
}
#form .btn-outline-danger {
  display: none;
}
#form.writeOnly .btn-outline-danger {
  display: block;
}

.form-check.inline-block {
  display: inline-block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.edited {
  text-align: right;
  color: black;
}

.edit_btn {
  position: absolute;
  top: 0;
  right: 0;
}

.table_o .edit_btn {
  right: 0;
  left: 0;
  margin: auto;
  top: -1rem;
}

form.edited {
  width: 100%;
}

a.link {
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: black;
}

a.link i {
  position: relative;
  top: -18px;
  left: 12px;
  padding: 3px 7px;
}

a.link:hover i {
  background: #0d6efd;
}

#title a.link i.pencil,
#title a.link i.pencil_edited,
#title a i.bi-pencil-square, #front a.link i.pencil,
#front a.link i.pencil_edited,
#front a i.bi-pencil-square {
  opacity: 0;
}
#title a.link i.pencil.see,
#title a.link i.pencil_edited.see,
#title a i.bi-pencil-square.see, #front a.link i.pencil.see,
#front a.link i.pencil_edited.see,
#front a i.bi-pencil-square.see {
  opacity: 1;
}

.hollow a.link i {
  top: -8px !important;
  left: 2rem !important;
}

.pencil_edited {
  background: #0d6efd;
  color: white;
  border-radius: 4px;
}

.pencil {
  background: #000;
  color: white;
  border-radius: 4px;
}

.pencil, .pencil_edited {
  font-size: 19px;
}

.hide-on-read-only {
  display: none;
}

.fancybox-content button.fancybox-button.fancybox-close-small {
  display: none;
}

#form.writeOnly .ck.ck-toolbar__items, #form.writeOnly .hide-on-read-only {
  display: block;
}
input.block-name.form-control {
  line-height: 1;
  font-size: 2rem;
  font-weight: 700;
}

.ck h3 {
  margin-bottom: 2rem;
}

.remarks h3 {
  margin-bottom: 0;
  margin-top: 2rem;
}
.remarks p {
  background: white;
}
.remarks .card {
  padding: 1rem 1rem 0;
}

#update, #restore-drop {
  display: none;
}

iframe {
  position: relative;
}

#form ul.nav.nav-pills {
  margin-bottom: 0.5rem;
}
#form .btn-check:focus + .btn-light, #form .btn-light:focus,
#form .btn-check:focus + .btn-primary, #form .btn-primary:focus {
  box-shadow: none;
}
#form button#edit.active {
  background: #f2f2f2;
  color: #323232;
}
#form button#edit.active i {
  color: #000;
}
#form .btn-light {
  background-color: #e9ecef;
  border-color: #ced4da;
}

#ipd svg {
  height: 900px;
}

.hidden {
  display: none;
}

#head {
  position: fixed;
  left: 0;
  right: 0;
  top: 1rem;
  width: 64rem;
  margin: auto;
}

a.blockbtn {
  position: absolute;
  width: 20px;
  right: 0;
  height: 20px;
  top: 0;
}

.modal-backdrop.show {
  opacity: 0.9;
  display: none;
}

.modal-backdrop {
  background-color: #f2f2f2;
}

.upload_text {
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  left: 2rem;
  top: 3rem;
  width: 5rem;
  background: white;
  text-align: center;
  color: #323232;
}

.fancybox-navigation .fancybox-button {
  top: calc(92% - 50px);
}

.fancybox-button--arrow_right {
  position: absolute;
  left: 2rem;
}

.fancybox-loading {
  background: white;
  border: 7px solid #ff7211;
  opacity: 1;
  border-bottom-color: #4c2767;
  height: 75px;
  width: 75px;
  box-shadow: 0 0 10px black;
}

.vw30 {
  width: 25vw;
}

#img_label .upload_text {
  opacity: 0;
}
#img_label:hover .upload_text {
  opacity: 1;
}

header#header {
  width: 100%;
  height: 4rem;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 9;
  box-shadow: 0 4px 7px rgba(50, 50, 50, 0.1);
  padding-top: 0.75rem;
}
header#header nav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0 3.5rem;
  max-width: 119rem;
  width: 100%;
  margin: auto;
}

body.bg {
  background: url(img/ipd_bg.jpg);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.contain {
  max-width: 30rem !important;
  background: white;
  border-radius: 4px;
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  margin: auto;
  padding: 3rem 2rem;
  box-shadow: 0 4px 4px rgba(50, 50, 50, 0.35);
}

.form-group {
  margin-bottom: 1rem;
}

.fancybox-infobar {
  top: unset;
  bottom: 0;
}

.btn.toggled {
  background: #323232;
  border: 1px solid #000;
}

.lite.remove {
  clip-path: unset;
}

.st35 {
  fill: #3d7a39 !important;
  filter: drop-shadow(3px 5px 1px #58cc66);
}

.modal-footer {
  display: block;
}

.btn svg {
  position: relative;
  bottom: 2px;
}

g#Layer_17, g#Layer_20 {
  display: none;
}

.block {
  font-size: clamp(1rem, 0.5vw, 2rem);
  height: 3.4rem;
  width: 10rem;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-right: 24px;
  margin-left: 0px;
  text-align: center;
  vertical-align: middle;
}
.block.hide-me {
  background: #fff;
  border: 3px solid #c5c5c5;
}

.lite {
  position: absolute;
  height: 100%;
  width: 180rem;
  top: 250px;
  padding: 0;
  left: 78px;
}

.grey, .block.grey {
  background: #e8eaed;
}

.teal, .block.teal {
  background: #e1fff7;
}

.dblue, .block.dblue {
  background: #cbf0f8;
}

.brown, .block.brown {
  background: #ffe9d4;
}

.red, .block.red {
  background: #ffd4d2;
}

.blue, .block.blue {
  background: #e1e1ff;
}

.purple, .block.purple {
  background: #f2e6ff;
}

.pink, .block.pink {
  background: #ffc7e4;
}

.orange, .block.orange {
  background: #ffd364;
}

.yellow, .block.yellow {
  background: #fff5ab;
}

.green, .block.green {
  background: #f4ffe3;
}

.cyan, .block.cyan {
  background: #ebf9ff;
}

.lime, .block.lime {
  background: #eef1bb;
}

.beige, .block.beige {
  background: #faf9db;
}

.grey-hl {
  background: #a6a6a6;
}

.teal-hl {
  background: #008080;
}

.dblue-hl {
  background: #4ec3dd;
}

.brown-hl {
  background: #703800;
}

.red-hl {
  background: #d2222d;
}

.blue-hl {
  background: #2828a5;
}

.purple-hl {
  background: #7d0b7f;
}

.pink-hl {
  background: #ec3392;
}

.orange-hl {
  background: #ff6600;
}

.yellow-hl {
  background: #ef9b0f;
}

.green-hl {
  background: #146614;
}

.cyan-hl {
  background: #00b1e4;
}

.lime-hl {
  background: #89a03c;
}

.beige-hl {
  background: #b5a933;
}

.border-grey-hl {
  border-bottom: 4px solid #a6a6a6;
}

.border-teal-hl {
  border-bottom: 4px solid #008080;
}

.border-dblue-hl {
  border-bottom: 4px solid #4ec3dd;
}

.border-brown-hl {
  border-bottom: 4px solid #703800;
}

.border-red-hl {
  border-bottom: 4px solid #d2222d;
}

.border-blue-hl {
  border-bottom: 4px solid #2828a5;
}

.border-purple-hl {
  border-bottom: 4px solid #7d0b7f;
}

.border-pink-hl {
  border-bottom: 4px solid #ec3392;
}

.border-orange-hl {
  border-bottom: 4px solid #ff6600;
}

.border-yellow-hl {
  border-bottom: 4px solid #ef9b0f;
}

.border-green-hl {
  border-bottom: 4px solid #146614;
}

.border-cyan-hl {
  border-bottom: 4px solid #00b1e4;
}

.border-lime-hl {
  border-bottom: 4px solid #89a03c;
}

.border-beige-hl {
  border-bottom: 4px solid #b5a933;
}

.block.grey {
  border: 3px solid #a6a6a6;
}

.block.teal {
  border: 3px solid #008080;
}

.block.dblue {
  border: 3px solid #4ec3dd;
}

.block.brown {
  border: 3px solid #703800;
}

.block.red {
  border: 3px solid #d2222d;
}

.block.blue {
  border: 3px solid #2828a5;
}

.block.purple {
  border: 3px solid #7d0b7f;
}

.block.pink {
  border: 3px solid #ec3392;
}

.block.orange {
  border: 3px solid #ff6600;
}

.block.yellow {
  border: 3px solid #ef9b0f;
}

.block.green {
  border: 3px solid #146614;
}

.block.cyan {
  border: 3px solid #00b1e4;
}

.block.lime {
  border: 3px solid #89a03c;
}

.block.beige {
  border: 3px solid #b5a933;
}

.bg-secondary {
  background-color: #000 !important;
}

.block {
  background: #faf9db;
  border: 3px solid #b5a933;
  border-radius: 8px;
}
.block.hollow {
  border: none;
}
.block.hidden .text {
  display: none;
}
.block.hollow {
  margin-bottom: 1px !important;
  margin-top: 1px !important;
  background: transparent;
  padding: 0 1.5rem;
}
.block.hollow .text, .block.hollow .text a, .block.circle .text a {
  color: white;
}
.block.hollow.circle {
  top: 20.8rem;
}
.block.hollow.circle {
  padding: 0;
}
.block.text-dark span {
  color: #323232;
}
.block.large {
  width: 21.8rem;
}
.block:hover {
  opacity: 0.8;
}
.block.hollow:hover {
  background: transparent;
}
.block.circle {
  background: #71AD46 !important;
  width: 120px;
  border: 2px solid #327439 !important;
  border-radius: 50%;
  color: white !important;
  height: 120px;
  margin-left: 20px;
  margin-right: 45px;
}
.block.cubebox {
  width: 155px !important;
  height: 124px !important;
  margin-left: 5px;
  color: white !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 71% !important;
}
.block.circle.cubebox {
  width: 120px !important;
  height: 120px !important;
}
.block.greencubebox {
  background-image: url(../../../img/greencubebox.png) !important;
}
.block.orangecubebox {
  background-image: url(../../../img/orangecubebox.png) !important;
}
.block.hide-me {
  opacity: 0.5 !important;
}

.block.border-none {
  border: none;
}

.block.border-thick {
  border-width: 3px;
}

.block.border-thin {
  border-width: 1px;
}

.body_preview .block.hidden {
  opacity: 0;
}

.block.row-empty {
  z-index: 1;
  background: #f2f2f2;
  border: 2px solid #d6d6d6;
}
.block.row-empty:hover {
  cursor: pointer;
  background: #ffffd7;
}
.block.row-empty:hover:after {
  color: #323232;
}
.block.row-empty a:after {
  content: "+";
  line-height: 1;
  font-size: 2rem;
  width: 1rem;
  text-align: center;
  display: block;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  color: #d6d6d6;
}

.text {
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  display: table-cell;
  vertical-align: middle;
  padding: 0.25rem;
}

.table_c {
  position: relative;
  display: table;
  margin-bottom: 0;
  height: 3rem;
  width: 100%;
}

.table_o {
  position: relative;
  display: table;
  margin-top: 2rem;
  text-align: center;
  width: 100%;
}

.block {
  counter-increment: mega-step;
  z-index: 2;
}

.block:before {
  display: none;
  position: absolute;
  top: 0;
  right: 0.25rem;
  content: counter(mega-step);
  opacity: 0.5;
  font-size: 0.75rem;
}

div#ipd {
  position: absolute;
  z-index: -1;
  top: 3rem;
  height: 33rem;
  clip-path: inset(12rem -58% 0 0);
}

.lite.unhide {
  height: auto;
}

#ipd.unhide {
  height: 55rem;
  clip-path: inset(21% -58% 0% 0);
}

form#form h4 {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background: #f2f2f2;
  border: 1px solid #dedede;
  border-bottom: 0;
}
form#form .card {
  padding: 1rem;
  border-radius: 0 0 4px 4px;
}

.btn-group span {
  display: none;
}

.hide {
  display: none;
  animation: spin-animation 0.5s infinite;
}

#loadme.visible {
  display: inline-block;
}

div#sidebar {
  position: fixed;
  width: 24rem;
  height: 100%;
  background: #323232;
  top: 0;
  z-index: 1;
  padding: 0.5rem 2rem 2rem;
  overflow-y: auto;
}

div#sidebar {
  background: #323232;
}
div#sidebar a {
  color: #fff;
  text-decoration: none;
  display: block;
}
div#sidebar .fill-menu {
  background: #323232;
}
div#sidebar .fill-menu div.col {
  margin-bottom: 1rem;
}
div#sidebar .fill-menu a {
  color: #fff;
  text-decoration: none;
  display: block;
}
div#sidebar .fill-menu a.is-active {
  background: #0d6efd;
  color: #fff;
  padding: 1px 7px;
  font-weight: 700;
}
div#sidebar .fill-menu a:hover {
  background: #0d6efd;
  color: #fff;
}
div#sidebar .fill-menu a.bck-btn {
  background: #323232;
  color: #fff;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  border: 1px solid white;
  border-radius: 0.5rem;
  display: inline-block;
  font-size: 1rem;
  text-transform: uppercase;
}
div#sidebar .fill-menu a.bck-btn:hover {
  background: #0d6efd;
  color: #fff;
}

div#maincol {
  position: relative;
  z-index: 0;
}
div#maincol textarea {
  display: none;
}

div#maincol, #navbar {
  padding-left: 25rem;
}

#admin {
  margin-top: 8rem;
}

div#bg_bar {
  background: #bad9a3;
  height: 80px;
  position: absolute;
  top: 16.22rem;
  left: 0;
  width: 182rem;
  z-index: -1;
  margin: 0 0 15px 0;
}
div#bg_bar .arrow-right {
  width: 0px;
  height: 0px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid green;
  position: absolute;
  top: 2.25rem;
}
div#bg_bar .arrow-right:after {
  content: " ";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #00d700;
  position: absolute;
  top: -12px;
  z-index: -1;
  left: -19px;
}
div#bg_bar .arrow-right#a01 {
  left: 15.2rem;
}
div#bg_bar .arrow-right#a02 {
  left: 27rem;
}
div#bg_bar .arrow-right#a03 {
  left: 38.7rem;
}
div#bg_bar .arrow-right#a04 {
  left: 51.9rem;
}
div#bg_bar .arrow-right#a05 {
  left: 62.7rem;
}
div#bg_bar .arrow-right#a06 {
  left: 74rem;
}
div#bg_bar .arrow-right#a07 {
  left: 86rem;
}
div#bg_bar .arrow-right#a08 {
  left: 98rem;
}
div#bg_bar .arrow-right#a09 {
  left: 110rem;
}
div#bg_bar .arrow-right#a10 {
  left: 121rem;
}
div#bg_bar .arrow-right#a11 {
  left: 133rem;
}
div#bg_bar .arrow-right#a12 {
  left: 145rem;
}
div#bg_bar .arrow-right#a13 {
  left: 156.5rem;
}
div#bg_bar .arrow-right#a14 {
  left: 167.5rem;
}

@media (min-width: 992px) {
  #navbarNav {
    display: flex;
    flex-basis: auto;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
}
@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@media (min-width: 768px) {
  .btn-group span {
    display: inline-block;
  }
}

/*# sourceMappingURL=extras.css.map */