@font-face {
  font-family: 'icomoon_outline';
  src: url('../assets/fonts/icomoon_outline/icomoon.eot?&v=1593598488&it50ls');
  src: url('../assets/fonts/icomoon_outline/icomoon.eot?&v=1593598488&it50ls#iefix') format('embedded-opentype'), url('../assets/fonts/icomoon_outline/icomoon.ttf?&v=1593598488&it50ls') format('truetype'), url('../assets/fonts/icomoon_outline/icomoon.woff?&v=1593598488&it50ls') format('woff'), url('../assets/fonts/icomoon_outline/icomoon.svg?&v=1593598488&it50ls#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon_outline' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-delegations:before {
  content: "\e900";
}

.icon-event-appearance:before {
  content: "\e901";
}

.icon-event-documents:before {
  content: "\e902";
}

.icon-event-general:before {
  content: "\e903";
}

.icon-event-schedule:before {
  content: "\e904";
}

.icon-event:before {
  content: "\e905";
}

.icon-group:before {
  content: "\e906";
}

.icon-logout:before {
  content: "\e907";
}

.icon-payment:before {
  content: "\e908";
}

.icon-pco:before {
  content: "\e909";
}

.icon-post:before {
  content: "\e90a";
}

.icon-qrcode:before {
  content: "\e90b";
}

.icon-secretariat-stuff:before {
  content: "\e90c";
}

.icon-settings:before {
  content: "\e90d";
}

.icon-slides:before {
  content: "\e90e";
}

.icon-speaker:before {
  content: "\e90f";
}

.icon-subscriber:before {
  content: "\e910";
}

.icon-user:before {
  content: "\e911";
}

@font-face {
  font-family: 'icomoon';
  src: url('../assets/fonts/icomoon/icomoon.eot?&v=1593598488&it50ls');
  src: url('../assets/fonts/icomoon/icomoon.eot?&v=1593598488&it50ls#iefix') format('embedded-opentype'), url('../assets/fonts/icomoon/icomoon.ttf?&v=1593598488&it50ls') format('truetype'), url('../assets/fonts/icomoon/icomoon.woff?&v=1593598488&it50ls') format('woff'), url('../assets/fonts/icomoon/icomoon.svg?&v=1593598488&it50ls#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="i-"],
[class*=" i-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-activation:before {
  content: "\e900";
}

.i-api:before {
  content: "\e901";
}

.i-aside:before {
  content: "\e902";
}

.i-barcode:before {
  content: "\e903";
}

.i-bell:before {
  content: "\e904";
}

.i-board:before {
  content: "\e905";
}

.i-calendar:before {
  content: "\e906";
}

.i-camera:before {
  content: "\e907";
}

.i-check:before {
  content: "\e908";
}

.i-circle-stroke:before {
  content: "\e909";
}

.i-circle:before {
  content: "\e90a";
}

.i-clock:before {
  content: "\e90b";
}

.i-dots:before {
  content: "\e90c";
}

.i-export:before {
  content: "\e90d";
}

.i-eye:before {
  content: "\e90e";
}

.i-filter:before {
  content: "\e90f";
}

.i-finance:before {
  content: "\e910";
}

.i-gear:before {
  content: "\e911";
}

.i-import:before {
  content: "\e912";
}

.i-invoice:before {
  content: "\e913";
}

.i-list:before {
  content: "\e914";
}

.i-location:before {
  content: "\e915";
}

.i-logo:before {
  content: "\e916";
}

.i-mail:before {
  content: "\e917";
}

.i-photo:before {
  content: "\e918";
}

.i-plus:before {
  content: "\e919";
}

.i-print:before {
  content: "\e91a";
}

.i-server:before {
  content: "\e91b";
}

.i-times:before {
  content: "\e91c";
}

.i-trash:before {
  content: "\e91d";
}

.popover-container {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(0.5rem);
  -ms-transform: translateY(0.5rem);
  transform: translateY(0.5rem);
  position: absolute;
  padding: .5rem .92rem;
  max-width: 192px;
  border-radius: 4px;
  z-index: 9999;
  background-color: #333;
  color: #FFF;
  font-size: .92rem;
  text-align: left;
  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.08)
}

@media (max-width:991px) {
  .popover-container {
    top: 50%!important;
    left: 50%!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important
  }
}

@media (min-width:992px) {
  .popover-container:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    top: -8px;
    left: 0;
    border-width: 16px 0 0 16px;
    border-color: transparent transparent transparent #333;
    z-index: 10
  }
  .popover-container.xflipped:before {
    left: auto;
    right: 0;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #333 transparent
  }
  .popover-container.yflipped {
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem)
  }
  .popover-container.yflipped:before {
    top: auto;
    bottom: -8px;
    border-width: 16px 16px 0 0;
    border-color: #333 transparent transparent transparent
  }
  .popover-container.yflipped.xflipped:before {
    border-width: 0 16px 16px 0;
    border-color: transparent #333 transparent transparent
  }
}

.popover-container.visible {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.faro-trigger-click {
  position: absolute;
  z-index: 10001;
  -webkit-box-shadow: 0 0 0 0 yellow;
  box-shadow: 0 0 0 0 yellow;
  border-radius: 50%;
  width: 1px;
  height: 1px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: faro-pulse 1.25s cubic-bezier(0.66, 0, 0, 1);
  animation: faro-pulse 1.25s cubic-bezier(0.66, 0, 0, 1)
}

@-webkit-keyframes faro-pulse {
  to {
    -webkit-box-shadow: 0 0 0 4rem yellow;
    box-shadow: 0 0 0 4rem yellow;
    opacity: 0
  }
}

@keyframes faro-pulse {
  to {
    -webkit-box-shadow: 0 0 0 4rem yellow;
    box-shadow: 0 0 0 4rem yellow;
    opacity: 0
  }
}

.faro-first-act {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  color: #FFF;
  text-align: center;
  z-index: 10001
}

@media (min-width:992px) {
  .faro-first-act {
    width: 320px
  }
}

@media (max-width:991px) {
  .faro-first-act {
    width: calc(100vw - 2rem)
  }
}

.faro-first-act .faro-first-act-footer {
  padding: 1rem
}

.faro-first-act .faro-btn {
  width: 100%
}

.faro-btn {
  font-size: 1rem;
  background-color: #FFF;
  color: #4D4D4D;
  margin: 0;
  padding: 1rem;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

.faro-btn:hover {
  opacity: .6
}

.faro-btn[data-event=end],
.faro-btn[data-event=start] {
  font-weight: bold
}

.faro-light .faro-btn {
  background-color: rgba(0, 0, 0, 0.06);
  color: currentColor
}

.faro-light .faro-btn[data-event=end],
.faro-light .faro-btn[data-event=start] {
  background-color: #4D4D4D;
  color: #F4F4F4
}

.faro-dark .faro-btn {
  background-color: #111;
  color: currentColor
}

.faro-dark .faro-btn[data-event=end],
.faro-dark .faro-btn[data-event=start] {
  background-color: #F4F4F4;
  color: #222
}

.faro-box {
  border-radius: .25rem;
  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.06);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open sans, Helvetica Neue, sans-serif
}

.faro-box.faro-light {
  background-color: #F4F4F4;
  color: #4D4D4D
}

.faro-box.faro-light:before {
  background-color: #F4F4F4
}

.faro-box.faro-dark {
  background-color: #222;
  color: #F4F4F4
}

.faro-box.faro-dark:before {
  background-color: #222
}

.faro-headlight,
.faro-infobox {
  position: absolute;
  top: 50%;
  left: 50%
}

.faro.faro-hidden {
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  -o-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  opacity: 0!important;
  visibility: hidden!important
}

.faro-infobox {
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
  -o-transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 10001
}

.faro-infobox * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.faro-infobox:before {
  position: absolute;
  content: "";
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 1rem;
  height: 1rem
}

.faro-infobox.visible {
  opacity: 1;
  visibility: visible
}

@media (min-width:992px) {
  .faro-infobox {
    min-width: 240px;
    max-width: 320px
  }
  .faro-infobox.right {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  .faro-infobox.right:before {
    top: 50%;
    left: 0
  }
  .faro-infobox.right.visible {
    -webkit-transform: translateX(2rem);
    -ms-transform: translateX(2rem);
    transform: translateX(2rem)
  }
  .faro-infobox.left {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  .faro-infobox.left:before {
    top: 50%;
    left: 100%
  }
  .faro-infobox.left.visible {
    -webkit-transform: translateX(-2rem);
    -ms-transform: translateX(-2rem);
    transform: translateX(-2rem)
  }
}

@media (max-width:991px) {
  .faro-infobox {
    left: 1rem!important;
    right: 1rem!important
  }
  .faro-infobox.top {
    -webkit-transform: translate(0, 2rem);
    -ms-transform: translate(0, 2rem);
    transform: translate(0, 2rem)
  }
  .faro-infobox.top:before {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
  }
  .faro-infobox.top.visible {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
  }
  .faro-infobox.bottom {
    -webkit-transform: translate(0, -2rem);
    -ms-transform: translate(0, -2rem);
    transform: translate(0, -2rem)
  }
  .faro-infobox.bottom:before {
    top: 0;
    left: 50%
  }
  .faro-infobox.bottom.visible {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.faro-infobox>div:first-of-type {
  padding: 1rem;
  padding-bottom: 0
}

.faro-infobox>div:last-of-type {
  margin: 0 -0.5rem;
  padding: 1rem;
  clear: both
}

.faro-infobox>div:last-of-type:after,
.faro-infobox>div:last-of-type:before {
  content: "";
  clear: both;
  display: table
}

.faro-infobox>div:last-of-type>div {
  width: 50%;
  float: left;
  padding-left: .5rem;
  padding-right: .5rem
}

.faro-infobox>div:last-of-type>div button {
  width: 100%
}

.faro {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: hidden
}

@supports (mix-blend-mode:darken) {
  .faro.faro-fx {
    background: #000;
    mix-blend-mode: darken;
    opacity: .5
  }
  .faro.faro-fx .faro-headlight {
    background-color: white
  }
}

.faro.faro-simple .faro-headlight {
  -webkit-animation: faro-pulse 2s infinite;
  animation: faro-pulse 2s infinite
}

.faro .faro-headlight {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: border-radius 0.4s ease, width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;
  -o-transition: border-radius 0.4s ease, width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;
  transition: border-radius 0.4s ease, width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease
}

.faro .faro-headlight.faro-spot {
  min-width: 96px!important;
  min-height: 96px!important
}

.pre {
  background: rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  position: relative
}

.pre [data-trigger] {
  position: relative;
  color: #FFFFFF;
  background: #CCC;
  text-align: center;
  cursor: pointer;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  width: 4rem
}

.pre [data-trigger]:after,
.pre [data-trigger]:before {
  opacity: 0;
  visibility: hidden;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.2s cubic-bezier(0.7, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.175, 1);
  transition: opacity 0.2s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.2s cubic-bezier(0.7, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.175, 1);
  -o-transition: transform 0.2s cubic-bezier(0.7, 0, 0.175, 1), opacity 0.2s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.2s cubic-bezier(0.7, 0, 0.175, 1);
  transition: transform 0.2s cubic-bezier(0.7, 0, 0.175, 1), opacity 0.2s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.2s cubic-bezier(0.7, 0, 0.175, 1);
  transition: transform 0.2s cubic-bezier(0.7, 0, 0.175, 1), opacity 0.2s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.2s cubic-bezier(0.7, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.175, 1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px
}

.pre [data-trigger]:before {
  content: "";
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAXtJREFUWAljZMAD/v//rw6UdgJicTzKSJH6D1T8DIj3MDIy3serEWh5PhD/BmJagO9AQ+NBDmDE5gqgpAFQ/AwQM2OTp5LYD6A5Wiw4DPMEisMsPwVkb8ehjhzhYKAmHSDmAGIXXA6QQjJ5MTC+piDxKWICQxekH+QAEJBigtADRjKyAF0ESgcuQCyL5AxNJLYFUM03JD4pTJA+UIp/g0sTKAqmA3E6LgVA8WgoxqMEr9RzoAf0cDkCFAVxeLVTLikJNAIUwlgBKAQ4kWTmIbEpZdoCDVCFGsKFyzCQA+AAGEzJcA6FDGCwzwUaAXMATtMGOhcwjDpgNARGQ2A0BEZDYMBDAKUywlljUC7hBKycYDUiqL0JAy8ZgBJwABOlBg00dC7cYOwMUJNffaCi4C/Qk6XA6v8mvaJgL9DC69CQfQ6ktwEtvwDi08sBy4AWYm1tDVQUQAMDLQRAaQUuQycGKASe0MGux7jsADkgjYaO+A40ewYQ7wFirAAAH07U85+Jno4AAAAASUVORK5CYII=')
}

.pre [data-trigger]:after {
  content: "";
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(2);
  -ms-transform: translate(-50%, -50%) scale(2);
  transform: translate(-50%, -50%) scale(2);
  visibility: hidden;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAXtJREFUWAljZMAD/v//rw6UdgJicTzKSJH6D1T8DIj3MDIy3serEWh5PhD/BmJagO9AQ+NBDmDE5gqgpAFQ/AwQM2OTp5LYD6A5Wiw4DPMEisMsPwVkb8ehjhzhYKAmHSDmAGIXXA6QQjJ5MTC+piDxKWICQxekH+QAEJBigtADRjKyAF0ESgcuQCyL5AxNJLYFUM03JD4pTJA+UIp/g0sTKAqmA3E6LgVA8WgoxqMEr9RzoAf0cDkCFAVxeLVTLikJNAIUwlgBKAQ4kWTmIbEpZdoCDVCFGsKFyzCQA+AAGEzJcA6FDGCwzwUaAXMATtMGOhcwjDpgNARGQ2A0BEZDYMBDAKUywlljUC7hBKycYDUiqL0JAy8ZgBJwABOlBg00dC7cYOwMUJNffaCi4C/Qk6XA6v8mvaJgL9DC69CQfQ6ktwEtvwDi08sBy4AWYm1tDVQUQAMDLQRAaQUuQycGKASe0MGux7jsADkgjYaO+A40ewYQ7wFirAAAH07U85+Jno4AAAAASUVORK5CYII=')
}

.pre [data-trigger].copied {
  background: var(--color-success)
}

.pre [data-trigger].copied:before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0)
}

.pre [data-trigger].copied:after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1)
}

.pre [data-trigger]:hover {
  opacity: .6
}

.modal {
  cursor: pointer;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 1px 0;
  left: 0;
  top: 0;
  width: 100vw;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  height: 100%
}

.modal.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.modal .w {
  margin: 3rem auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 4px;
  overflow: hidden;
  width: 640px
}

.modal .w.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

@media (min-width:900px) {
  .modal .w.lg {
    width: 900px
  }
  .modal .w.sm {
    width: 320px
  }
}

@media (max-width:899px) {
  .modal .w {
    width: calc(100vw - 1rem);
    width: -moz-calc(100vw - 1rem);
    width: -webkit-calc(100vw - 1rem);
    width: -o-calc(100vw - 1rem)
  }
}

.tooltip {
  position: absolute;
  background-color: #FFF;
  border-radius: 4px;
  z-index: 9999;
  -webkit-box-shadow: 0 0 128px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 128px rgba(0, 0, 0, 0.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem)
}

.tooltip.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

@media (min-width:992px) {
  .tooltip {
    width: 192px
  }
}

.tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid
}

.tooltip.top.left:before {
  top: -8px;
  left: 0;
  border-width: 16px 0 0 16px;
  border-color: transparent transparent transparent #FFF
}

.tooltip.bottom.left:before {
  bottom: -8px;
  left: 0;
  border-width: 16px 16px 0 0;
  border-color: #FFF transparent transparent transparent
}

.tooltip.top.right:before {
  top: -8px;
  right: 0;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #FFF transparent
}

.tooltip.bottom.right:before {
  bottom: -8px;
  right: 0;
  border-width: 0 16px 16px 0;
  border-color: transparent #FFF transparent transparent
}

.selectList {
  position: relative;
}

.selectList-dialog {
  display: none;
  position: absolute;
  z-index: 9999999;
  background-color: #FFF;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.05);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.05);
}

.selectList-input {
  padding: 1rem;
  border-radius: 4px;
  width: calc(100% - 1rem);
  margin: .5rem;
  background-color: rgba(0, 0, 0, 0.05);
}

.selectList-list {
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.selectList-list-item {
  padding: 1rem;
  cursor: pointer;
}

.selectList-list-item:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.selectList-list-item:hover {
  background-color: rgba(0, 0, 0, 0.015);
}

.selectList-list-item.current {
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: bold;
}

.tagator_element * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-decoration: none;
}

#tagator_dimmer {
  background-color: rgba(0, 0, 0, .1);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
}

.tagator_element {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: 1rem;
}

.tagator_element.options-visible {
  position: relative;
  z-index: 101;
}

.tagator_placeholder {
  position: absolute;
  color: #999;
  left: 4px;
  top: 4px;
  font-size: 13px;
}

.tagator_tags {
  display: inline;
}

.tagator_tag {
  display: inline-block;
  background-color: var(--color-primary);
  border-radius: 2px;
  color: #fff;
  padding: 2px 24px 2px 6px;
  line-height: 1.5;
  margin: 2px;
  position: relative;
  vertical-align: top;
}

.tagator_tag_remove {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  padding: 2px 8px;
  cursor: pointer;
  vertical-align: top;
  border-radius: 0 2px 2px 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.tagator_tag_remove:hover {
  opacity: 0.5;
}

.tagator_input,
.tagator_textlength {
  border: 0;
  display: inline-block;
  margin: 0;
  background-color: transparent;
  outline: none;
  position: relative;
  z-index: 1;
  padding: 4px 0 4px 4px;
}

.tagator_input {}

.tagator_options {
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  z-index: 101;
  background-color: #fff;
  overflow: auto;
  max-height: 250px;
  list-style: none;
  left: -1px;
  right: -1px;
}

.tagator_element.options-hidden .tagator_options {
  display: none;
}

.tagator_option {
  padding: 1rem;
  cursor: pointer;
}

.tagator_option.active {
  background-color: rgba(0, 0, 0, 0.05);
}

.trumbowyg-h2-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid' class='' style='display:block;'%3E%3Cpath d='m21 17.9v.6a.5.5 0 0 1 -.5.5h-4.9a.6.6 0 0 1 -.6-.6v-.346a1 1 0 0 1 .342-.753l2.217-1.939c1.141-1.062 1.441-1.403 1.441-1.862a1.022 1.022 0 0 0 -1.1-1 1.033 1.033 0 0 0 -1.049.739.49.49 0 0 1 -.465.361h-.827a.5.5 0 0 1 -.487-.614 2.749 2.749 0 0 1 2.928-1.986c1.732 0 2.9.924 2.9 2.3 0 .864-.511 1.641-1.883 2.872l-1.417 1.228h2.9a.5.5 0 0 1 .5.5zm-8.5 1.1h-2a.5.5 0 0 1 -.5-.5v-5.5h-4v5.5a.5.5 0 0 1 -.5.5h-2a.5.5 0 0 1 -.5-.5v-13a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v4.5h4v-4.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v13a.5.5 0 0 1 -.5.5z'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-h3-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid' class='' style='display:block;'%3E%3Cpath d='m19.6 14.925a.01.01 0 0 0 0 .019 1.928 1.928 0 0 1 1.7 1.868c0 1.407-1.32 2.388-3.215 2.388a2.848 2.848 0 0 1 -2.992-1.865.5.5 0 0 1 .483-.635h.934a.484.484 0 0 1 .447.321 1.086 1.086 0 0 0 1.138.579 1.009 1.009 0 0 0 1.2-.9 1.038 1.038 0 0 0 -1.2-1h-.752a.25.25 0 0 1 -.25-.25v-.9a.25.25 0 0 1 .25-.25h.751a.945.945 0 0 0 1.1-.9.932.932 0 0 0 -1.1-.9 1.146 1.146 0 0 0 -1.137.672.5.5 0 0 1 -.47.328h-.829a.5.5 0 0 1 -.487-.622 2.736 2.736 0 0 1 2.923-1.878c1.717 0 2.921.869 2.921 2.125a1.829 1.829 0 0 1 -1.415 1.8zm-7.1 4.075h-2a.5.5 0 0 1 -.5-.5v-5.5h-4v5.5a.5.5 0 0 1 -.5.5h-2a.5.5 0 0 1 -.5-.5v-13a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v4.5h4v-4.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v13a.5.5 0 0 1 -.5.5z'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-p-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid' class='' style='display:block;'%3E%3Cpath d='m19.5 7h-3.5v11.5a.5.5 0 0 1 -.5.5h-1a.5.5 0 0 1 -.5-.5v-11.5h-3v11.5a.5.5 0 0 1 -.5.5h-1a.5.5 0 0 1 -.5-.5v-5.5h-1v-.008a4 4 0 0 1 .007-8c.021 0 .04.005.06.006h11.433a.5.5 0 0 1 .5.5v1a.5.5 0 0 1 -.5.502z'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-unorderedList-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ck ck-icon ck-button__icon' viewBox='0 0 20 20'%3E%3Cpath d='M7 5.75c0 .414.336.75.75.75h9.5a.75.75 0 1 0 0-1.5h-9.5a.75.75 0 0 0-.75.75zm-6 0C1 4.784 1.777 4 2.75 4c.966 0 1.75.777 1.75 1.75 0 .966-.777 1.75-1.75 1.75C1.784 7.5 1 6.723 1 5.75zm6 9c0 .414.336.75.75.75h9.5a.75.75 0 1 0 0-1.5h-9.5a.75.75 0 0 0-.75.75zm-6 0c0-.966.777-1.75 1.75-1.75.966 0 1.75.777 1.75 1.75 0 .966-.777 1.75-1.75 1.75-.966 0-1.75-.777-1.75-1.75z' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-orderedList-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ck ck-icon ck-button__icon' viewBox='0 0 20 20'%3E%3Cpath d='M7 5.75c0 .414.336.75.75.75h9.5a.75.75 0 1 0 0-1.5h-9.5a.75.75 0 0 0-.75.75zM3.5 3v5H2V3.7H1v-1h2.5V3zM.343 17.857l2.59-3.257H2.92a.6.6 0 1 0-1.04 0H.302a2 2 0 1 1 3.995 0h-.001c-.048.405-.16.734-.333.988-.175.254-.59.692-1.244 1.312H4.3v1h-4l.043-.043zM7 14.75a.75.75 0 0 1 .75-.75h9.5a.75.75 0 1 1 0 1.5h-9.5a.75.75 0 0 1-.75-.75z' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-link-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ck ck-icon ck-button__icon' viewBox='0 0 20 20'%3E%3Cpath d='M11.077 15l.991-1.416a.75.75 0 1 1 1.229.86l-1.148 1.64a.748.748 0 0 1-.217.206 5.251 5.251 0 0 1-8.503-5.955c.02-.095.06-.189.12-.274l1.147-1.639a.75.75 0 1 1 1.228.86L4.933 10.7l.006.003a3.75 3.75 0 0 0 6.132 4.294l.006.004zm5.494-5.335a.748.748 0 0 1-.12.274l-1.147 1.639a.75.75 0 1 1-1.228-.86l.86-1.23a3.75 3.75 0 0 0-6.144-4.301l-.86 1.229a.75.75 0 0 1-1.229-.86l1.148-1.64a.748.748 0 0 1 .217-.206 5.251 5.251 0 0 1 8.503 5.955zm-4.563-2.532a.75.75 0 0 1 .184 1.045l-3.155 4.505a.75.75 0 1 1-1.229-.86l3.155-4.506a.75.75 0 0 1 1.045-.184z' fill='%23000' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-em-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid' class='' style='display:block; fill-rule:evenodd;'%3E%3Cpath d='m15.5 7h-1.667l-1.666 10h1.333a.5.5 0 0 1 .5.5v1a.5.5 0 0 1 -.5.5h-5a.5.5 0 0 1 -.5-.5v-1a.5.5 0 0 1 .5-.5h1.667l1.666-10h-1.333a.5.5 0 0 1 -.5-.5v-1a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1 -.5.5z'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-strong-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid' class='' style='display:block; fill-rule:evenodd;'%3E%3Cpath d='m17 15a4 4 0 0 1 -4 4h-6v-14h5a3.98 3.98 0 0 1 3.037 6.575 3.984 3.984 0 0 1 1.963 3.425zm-5-8h-3v4h3a2 2 0 0 0 0-4zm1 6h-4v4h4a2 2 0 0 0 0-4z'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-table-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ck ck-icon ck-button__icon' viewBox='0 0 20 20'%3E%3Cpath d='M3 6v3h4V6H3zm0 4v3h4v-3H3zm0 4v3h4v-3H3zm5 3h4v-3H8v3zm5 0h4v-3h-4v3zm4-4v-3h-4v3h4zm0-4V6h-4v3h4zm1.5 8a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 17V4c.222-.863 1.068-1.5 2-1.5h13c.932 0 1.778.637 2 1.5v13zM12 13v-3H8v3h4zm0-4V6H8v3h4z' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-upload-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ck ck-icon ck-button__icon' viewBox='0 0 20 20'%3E%3Cpath d='M6.91 10.54c.26-.23.64-.21.88.03l3.36 3.14 2.23-2.06a.64.64 0 0 1 .87 0l2.52 2.97V4.5H3.2v10.12l3.71-4.08zm10.27-7.51c.6 0 1.09.47 1.09 1.05v11.84c0 .59-.49 1.06-1.09 1.06H2.79c-.6 0-1.09-.47-1.09-1.06V4.08c0-.58.49-1.05 1.1-1.05h14.38zm-5.22 5.56a1.96 1.96 0 1 1 3.4-1.96 1.96 1.96 0 0 1-3.4 1.96z' fill='%23000' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-del-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid' class='' style='display:block; fill-rule:evenodd;'%3E%3Cpath d='m19.5 13h-3.345a4.284 4.284 0 0 1 .459 1.994c0 3.289-2.97 4.375-4.541 4.49-.02 0-.12.008-.281.008a5.487 5.487 0 0 1 -4.178-1.763l-.314-.386a.5.5 0 0 1 .069-.7l.77-.643a.5.5 0 0 1 .7.069l.321.39a3.652 3.652 0 0 0 2.769 1.029c.27-.022 2.686-.287 2.686-2.5a2.2 2.2 0 0 0 -1.141-1.988h-8.974a.5.5 0 0 1 -.5-.5v-1a.5.5 0 0 1 .5-.5h4.162a3.683 3.683 0 0 1 -.874-2.493c0-3.012 2.726-3.929 4.168-3.993a5.1 5.1 0 0 1 4.014 1.566l.33.379a.5.5 0 0 1 -.052.705l-.757.653a.5.5 0 0 1 -.705-.052l-.327-.379a3.126 3.126 0 0 0 -2.37-.877c-.414.023-2.3.219-2.3 2 0 1.841 2.026 1.984 2.257 1.995a5.984 5.984 0 0 1 1.887.5h5.567a.5.5 0 0 1 .5.5v1a.5.5 0 0 1 -.5.496z'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-viewHTML-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid' class='' style='display:block;'%3E%3Cpath d='m19 20h-14a3 3 0 0 1 -3-3v-10a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3zm1-13a1 1 0 0 0 -1-1h-14a1 1 0 0 0 -1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1zm-12.513 9.03a.25.25 0 0 1 -.354 0l-1.06-1.06a.25.25 0 0 1 0-.354l2.527-2.528a.125.125 0 0 0 0-.177l-2.527-2.527a.25.25 0 0 1 0-.354l1.061-1.06a.25.25 0 0 1 .354 0l3.853 3.853a.25.25 0 0 1 0 .354z'%3E%3C/path%3E%3Crect height='2' opacity='.55' rx='.25' width='7' x='11' y='14'%3E%3C/rect%3E%3C/svg%3E")
}

.trumbowyg-underline-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid' class='' style='display:block; fill-rule:evenodd;'%3E%3Cpath d='M16.5,19h-9A0.5,0.5,0,0,1,7,18.5v-1A0.5,0.5,0,0,1,7.5,17h9a0.5,0.5,0,0,1,.5.5v1A0.5,0.5,0,0,1,16.5,19ZM12,15.5a5,5,0,0,1-5-5v-5A0.5,0.5,0,0,1,7.5,5h1a0.5,0.5,0,0,1,.5.5v5a3,3,0,0,0,6,0v-5A0.5,0.5,0,0,1,15.5,5h1a0.5,0.5,0,0,1,.5.5v5A5,5,0,0,1,12,15.5Z'%3E%3C/path%3E%3C/svg%3E")
}

.trumbowyg-align-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ck ck-icon ck-button__icon' viewBox='0 0 20 20'%3E%3Cpath d='M2 3.75c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75zm0 8c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75zm0 4c0 .414.336.75.75.75h9.929a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75zm0-8c0 .414.336.75.75.75h9.929a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75z'%3E%3C/path%3E%3C/svg%3E")
}

#trumbowyg-icons {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0
}

#trumbowyg-icons svg {
  height: 0;
  width: 0
}

.trumbowyg-box *,
.trumbowyg-box :after,
.trumbowyg-box :before,
.trumbowyg-modal *,
.trumbowyg-modal :after,
.trumbowyg-modal :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.trumbowyg-box svg,
.trumbowyg-modal svg {
  width: 17px;
  height: 100%;
  fill: #222;
  display: none
}

.full .trumbowyg-box,
.full .trumbowyg-editor,
.full .trumbowyg-textarea {
  min-height: 300px
}

.unbordered .trumbowyg-box,
.unbordered .trumbowyg-editor {
  border: 0;
  margin: 0;
  border-radius: 0
}

.trumbowyg-box,
.trumbowyg-editor {
  display: block;
  position: relative;
  border: 1px solid #DDD;
  width: 100%;
  margin: 17px auto;
  border-radius: 4px
}

.trumbowyg-box .trumbowyg-editor {
  margin: 0 auto
}

.trumbowyg-box.trumbowyg-fullscreen {
  background: #FEFEFE;
  border: none!important
}

.trumbowyg-editor,
.trumbowyg-textarea {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: none;
  overflow: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.trumbowyg-editor.trumbowyg-autogrow-on-enter,
.trumbowyg-textarea.trumbowyg-autogrow-on-enter {
  -webkit-transition: height 300ms ease-out;
  -o-transition: height 300ms ease-out;
  transition: height 300ms ease-out
}

.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-box-blur .trumbowyg-editor:before {
  color: transparent!important;
  text-shadow: 0 0 7px #333
}

@media screen and (min-width:0 \0) {
  .trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-box-blur .trumbowyg-editor:before {
    color: rgba(200, 200, 200, 0.6)!important
  }
}

@supports (-ms-accelerator:true) {
  .trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-box-blur .trumbowyg-editor:before {
    color: rgba(200, 200, 200, 0.6)!important
  }
}

.trumbowyg-box-blur .trumbowyg-editor hr,
.trumbowyg-box-blur .trumbowyg-editor img {
  opacity: 0.2
}

.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  font-family: "Consolas", "Courier", "Courier New", sans-serif;
  line-height: 18px
}

.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px!important;
  width: 25%;
  min-height: 0!important;
  padding: 0!important;
  background: none;
  opacity: 0!important
}

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block;
  margin-bottom: 1px
}

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none
}

.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: 0.8;
  background: none
}

.trumbowyg-editor[contenteditable=true]:empty:not(:focus):before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none
}

.trumbowyg-button-pane {
  width: 100%;
  background: white;
  background: #f9f9f9;
  border-bottom: 1px solid #d7e0e2;
  margin: 0;
  padding: 8px;
  position: relative;
  list-style-type: none;
  line-height: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 11;
  position: -webkit-sticky;
  position: sticky;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden
}

.trumbowyg-button-pane:after {
  content: " ";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #d7e0e2
}

.trumbowyg-button-pane .trumbowyg-button-group {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: transparent
}

.trumbowyg-button-pane .trumbowyg-button-group:after {
  content: " ";
  display: inline-block;
  width: 1px;
  background: #d7e0e2;
  margin: 0 5px;
  height: 35px;
  vertical-align: top
}

.trumbowyg-button-pane .trumbowyg-button-group:last-child:after {
  content: none
}

.trumbowyg-button-pane button {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  -webkit-transition: background-color 150ms, opacity 150ms;
  -o-transition: background-color 150ms, opacity 150ms;
  transition: background-color 150ms, opacity 150ms;
  opacity: .5
}

.trumbowyg-button-pane button:not(:last-of-type) {
  margin-right: 4px
}

.trumbowyg-button-pane button.trumbowyg-textual-button {
  width: auto;
  line-height: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
.trumbowyg-button-pane button.trumbowyg-disable,
.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
  opacity: 0.2;
  cursor: default
}

.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group:before,
.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group:before {
  background: #e3e9eb
}

.trumbowyg-button-pane button.trumbowyg-active,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
  background-color: #DDD;
  outline: none
}

.trumbowyg-button-pane .trumbowyg-open-dropdown:after {
  display: block;
  content: " ";
  position: absolute;
  top: 25px;
  right: 3px;
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-top-color: #555
}

.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
  padding-left: 10px!important;
  padding-right: 18px!important
}

.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button:after {
  top: 17px;
  right: 7px
}

.trumbowyg-button-pane .trumbowyg-right {
  float: right
}

.trumbowyg-dropdown {
  max-width: 300px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  border: 1px solid #ecf0f1;
  padding: 5px 0;
  border-top: none;
  background: #FFF;
  margin-left: -1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
  z-index: 12
}

.trumbowyg-dropdown button {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  background: #FFF;
  padding: 0 20px 0 10px;
  color: #333!important;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 15px;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms
}

.trumbowyg-dropdown button:focus,
.trumbowyg-dropdown button:hover {
  background: #ecf0f1
}

.trumbowyg-dropdown button svg {
  float: left;
  margin-right: 14px
}

.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 12;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.trumbowyg-modal-box {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  font-size: 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 32px, rgba(0, 0, 0, 0.1) 0 0 0 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 32px, rgba(0, 0, 0, 0.1) 0 0 0 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 4px
}

.trumbowyg-modal-box .trumbowyg-modal-title {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0 13px;
  display: block;
  border-bottom: 1px solid #EEE;
  color: #333;
  background: #fbfcfc
}

.trumbowyg-modal-box .trumbowyg-progress {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 58px
}

.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
  background: #2BC06A;
  width: 0;
  height: 100%;
  -webkit-transition: width 150ms linear;
  -o-transition: width 150ms linear;
  transition: width 150ms linear
}

.trumbowyg-modal-box label {
  display: block;
  position: relative;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}

.trumbowyg-modal-box label .trumbowyg-input-infos {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.025);
  border-right: 1px solid #DEDEDE;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%
}

.trumbowyg-modal-box label .trumbowyg-input-infos span {
  padding: 16px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  color: #69878f
}

.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
  color: #e74c3c
}

.trumbowyg-modal-box label.trumbowyg-input-error input,
.trumbowyg-modal-box label.trumbowyg-input-error textarea {
  border: 1px solid #e74c3c
}

.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
  margin-top: -27px
}

.trumbowyg-modal-box label input {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #fff;
  padding: 16px;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
  outline: none
}

.trumbowyg-modal-box label input[type=checkbox] {
  left: 6px;
  top: 6px;
  right: auto;
  height: 16px;
  width: 16px
}

.trumbowyg-modal-box label input[type=checkbox]+.trumbowyg-input-infos span {
  width: auto;
  padding-left: 25px
}

.trumbowyg-modal-box .error {
  margin-top: 25px;
  display: block;
  color: red
}

.trumbowyg-modal-box form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 16px
}

.trumbowyg-modal-box form label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

.trumbowyg-modal-box form label:not(:last-of-type) {
  margin-bottom: 8px
}

.trumbowyg-modal-box form label:last-of-type {
  margin-bottom: 16px
}

.trumbowyg-modal-box .trumbowyg-modal-button {
  right: 0;
  text-decoration: none;
  color: #FFF;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100px;
  margin: 8px;
  background-color: #333;
  border: none;
  border-radius: 64px;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
  padding: 8px 16px
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  right: 110px;
  background: #5dd89d
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
  background: #7ee0b0;
  outline: none
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #40d18b
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  color: #555;
  background: #e6e6e6
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
  background: #fbfbfb;
  outline: none
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #d5d5d5
}

.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  left: 0;
  display: none;
  top: 0;
  z-index: 10
}

body.trumbowyg-body-fullscreen {
  overflow: hidden
}

.trumbowyg-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999
}

.trumbowyg-fullscreen.trumbowyg-box,
.trumbowyg-fullscreen .trumbowyg-editor {
  border: none
}

.trumbowyg-fullscreen .trumbowyg-editor,
.trumbowyg-fullscreen .trumbowyg-textarea {
  height: calc(100% - 37px)!important;
  overflow: auto
}

.trumbowyg-fullscreen .trumbowyg-overlay {
  height: 100%!important
}

.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #222;
  fill: transparent
}

.trumbowyg-editor {}

.trumbowyg-editor embed,
.trumbowyg-editor img,
.trumbowyg-editor object,
.trumbowyg-editor video {
  max-width: 100%
}

.trumbowyg-editor img,
.trumbowyg-editor video {
  height: auto
}

.trumbowyg-editor img {
  cursor: move
}

.trumbowyg-editor.trumbowyg-reset-css {
  background: #FEFEFE!important;
  font-size: 14px!important;
  line-height: 1.45em!important;
  color: #333
}

.trumbowyg-editor.trumbowyg-reset-css a {
  color: #15c!important;
  text-decoration: underline!important
}

.trumbowyg-editor.trumbowyg-reset-css blockquote,
.trumbowyg-editor.trumbowyg-reset-css div,
.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css p,
.trumbowyg-editor.trumbowyg-reset-css ul {
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  background: none!important;
  margin: 0!important;
  margin-bottom: 15px!important;
  line-height: 1.4em!important;
  font-size: 14px!important;
  border: none
}

.trumbowyg-editor.trumbowyg-reset-css hr,
.trumbowyg-editor.trumbowyg-reset-css iframe,
.trumbowyg-editor.trumbowyg-reset-css object {
  margin-bottom: 15px!important
}

.trumbowyg-editor.trumbowyg-reset-css blockquote {
  margin-left: 32px!important;
  font-style: italic!important;
  color: #555
}

.trumbowyg-editor.trumbowyg-reset-css ul {
  list-style: disc
}

.trumbowyg-editor.trumbowyg-reset-css ol {
  list-style: decimal
}

.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css ul {
  padding-left: 20px!important
}

.trumbowyg-editor.trumbowyg-reset-css ol ol,
.trumbowyg-editor.trumbowyg-reset-css ol ul,
.trumbowyg-editor.trumbowyg-reset-css ul ol,
.trumbowyg-editor.trumbowyg-reset-css ul ul {
  border: none;
  margin: 2px!important;
  padding: 0!important;
  padding-left: 24px!important
}

.trumbowyg-editor.trumbowyg-reset-css hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #CCC
}

.trumbowyg-editor.trumbowyg-reset-css h1,
.trumbowyg-editor.trumbowyg-reset-css h2,
.trumbowyg-editor.trumbowyg-reset-css h3,
.trumbowyg-editor.trumbowyg-reset-css h4 {
  color: #111;
  background: none;
  margin: 0!important;
  padding: 0!important;
  font-weight: bold
}

.trumbowyg-editor.trumbowyg-reset-css h1 {
  font-size: 32px!important;
  line-height: 38px!important;
  margin-bottom: 20px!important
}

.trumbowyg-editor.trumbowyg-reset-css h2 {
  font-size: 26px!important;
  line-height: 34px!important;
  margin-bottom: 15px!important
}

.trumbowyg-editor.trumbowyg-reset-css h3 {
  font-size: 22px!important;
  line-height: 28px!important;
  margin-bottom: 7px!important
}

.trumbowyg-editor.trumbowyg-reset-css h4 {
  font-size: 16px!important;
  line-height: 22px!important;
  margin-bottom: 7px!important
}

.trumbowyg-dark .trumbowyg-textarea {
  background: #111;
  color: #ddd
}

.trumbowyg-dark .trumbowyg-box {
  border: 1px solid #343434
}

.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
  background: #111
}

.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor:before {
  text-shadow: 0 0 7px #ccc
}

@media screen and (min-width:0 \0) {
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor:before {
    color: rgba(20, 20, 20, 0.6)!important
  }
}

@supports (-ms-accelerator:true) {
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor:before {
    color: rgba(20, 20, 20, 0.6)!important
  }
}

.trumbowyg-dark .trumbowyg-box svg {
  fill: #ecf0f1;
  color: #ecf0f1
}

.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #222;
  border-bottom-color: #343434
}

.trumbowyg-dark .trumbowyg-button-pane:after {
  background: #343434
}

.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty):after {
  background-color: #343434
}

.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
  color: transparent
}

.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group:after {
  background-color: #2a2a2a
}

.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active,
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
  background-color: #333
}

.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown:after {
  border-top-color: #fff
}

.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
  color: #ecf0f1;
  fill: transparent
}

.trumbowyg-dark .trumbowyg-dropdown {
  border-color: #222;
  background: #333;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px
}

.trumbowyg-dark .trumbowyg-dropdown button {
  background: #333;
  color: #fff!important
}

.trumbowyg-dark .trumbowyg-dropdown button:focus,
.trumbowyg-dark .trumbowyg-dropdown button:hover {
  background: #222
}

.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #222
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
  border-bottom: 1px solid #555;
  color: #fff;
  background: #3c3c3c
}

.trumbowyg-dark .trumbowyg-modal-box label {
  display: block;
  position: relative;
  margin: 15px 12px;
  overflow: hidden
}

.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
  color: #eee;
  background-color: #2f2f2f;
  border-color: #222
}

.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
  color: #e74c3c
}

.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
  border-color: #e74c3c
}

.trumbowyg-dark .trumbowyg-modal-box label input {
  border-color: #222;
  color: #eee;
  background: #333
}

.trumbowyg-dark .trumbowyg-modal-box label input:focus,
.trumbowyg-dark .trumbowyg-modal-box label input:hover {
  border-color: #626262
}

.trumbowyg-dark .trumbowyg-modal-box label input:focus {
  background-color: #2f2f2f
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  background: #2bb371
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
  background: #40d18b
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #269e64
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  background: #333;
  color: #ccc
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
  background: #444
}

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #111
}

.trumbowyg-dark .trumbowyg-overlay {
  background-color: rgba(15, 15, 15, 0.6)
}

.trumbowyg-editor table {
  width: 100%
}

.trumbowyg-dropdown-table table {
  margin: 10px;
  display: inline-block
}

.trumbowyg-dropdown-table table td {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 1px;
  padding: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #cecece inset;
  box-shadow: 0 0 0 1px #cecece inset
}

.trumbowyg-dropdown-table table td.active {
  background-color: #00b393;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer
}

.trumbowyg-dropdown-table .trumbowyg-table-size {
  text-align: center
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width:899px) {
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }
}

article,
aside,
audio,
body,
canvas,
caption,
details,
div,
figure,
footer,
header,
hgroup,
html,
iframe,
img,
mark,
menu,
nav,
object,
section,
span,
summary,
table,
tbody,
td,
tfoot,
thead,
tr,
video {
  border: 0;
  margin: 0;
  padding: 0
}

a,
abbr,
address,
b,
blockquote,
cit,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
i,
ins,
label,
legend,
li,
ol,
p,
pre,
q,
samp,
small,
strong,
sub,
sup,
ul {
  border: 0;
  font-size: 100%;
  vertical-align: baseline
}

h1,
h2,
h3,
h4,
h5,
h6,
hr,
p {
  margin: 0;
  padding: 0
}

article,
aside,
audio,
canvas,
figcaption,
figure,
figure img,
footer,
header,
hgroup,
nav,
section,
video {
  display: block
}

table {
  border-collapse: separate;
  border-spacing: 0
}

table caption,
table td,
table th {
  text-align: left;
  vertical-align: middle
}

a img {
  border: 0
}

:focus {
  outline: 0
}

.sans-serif {
  font-family:  -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open sans, Helvetica Neue, sans-serif
}

.monospace {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open sans, Helvetica Neue, sans-serif
}

html {
  font-size: 15px;
  line-height: 1.4;
  word-wrap: break-word;
  font-family:  -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open sans, Helvetica Neue, sans-serif
}

@media (max-width:599px) {
  html {
    min-width: 320px
  }
}

body {
  font-family:  -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open sans, Helvetica Neue, sans-serif
}

.boxed,
.wrap {
  width: 1200px;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:1800px) {
  .boxed,
  .wrap {
    width: 1800px
  }
}

@media (max-width:1799px) {
  .boxed,
  .wrap {
    width: 1200px
  }
}

@media (max-width:1199px) {
  .boxed,
  .wrap {
    width: auto
  }
}

.clearfix,
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:899px) {
  .m-clearfix {
    clear: both
  }
  .m-clearfix:after,
  .m-clearfix:before {
    content: "";
    clear: both;
    display: table
  }
}

.float-left {
  float: left
}

.float-right {
  float: right
}

.float-none {
  float: none
}

.dn {
  display: none!important
}

.list-none li {
  display: none!important
}

.dib {
  display: inline-block!important
}

.list-inline-block li {
  display: inline-block!important
}

.db {
  display: block!important
}

.list-block li {
  display: block!important
}

.df {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}

.list-flex li {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}

@media (max-width:899px) {
  .break-dn {
    display: none!important
  }
  .break-list-none li {
    display: none!important
  }
  .break-dib {
    display: inline-block!important
  }
  .break-list-inline-block li {
    display: inline-block!important
  }
  .break-db {
    display: block!important
  }
  .break-list-block li {
    display: block!important
  }
  .break-df {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
  .break-list-flex li {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
}

@media (max-width:1199px) {
  .break-d-dn {
    display: none!important
  }
  .break-d-list-none li {
    display: none!important
  }
  .break-d-dib {
    display: inline-block!important
  }
  .break-d-list-inline-block li {
    display: inline-block!important
  }
  .break-d-db {
    display: block!important
  }
  .break-d-list-block li {
    display: block!important
  }
  .break-d-df {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
  .break-d-list-flex li {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
}

.oh {
  overflow: hidden
}

.pointer {
  cursor: pointer
}

.grabbable {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab
}

.grabbable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing
}

.flex-column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.align-items-start {
  -webkit-box-align: start!important;
  -ms-flex-align: start!important;
  align-items: start!important
}

.align-items-center {
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

.align-items-end {
  -webkit-box-align: end!important;
  -ms-flex-align: end!important;
  align-items: end!important
}

.align-items-stretch {
  -webkit-box-align: stretch!important;
  -ms-flex-align: stretch!important;
  align-items: stretch!important
}

@media (max-width:899px) {
  .break-align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: start!important
  }
  .break-align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
  }
  .break-align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: end!important
  }
  .break-align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
  }
}

.justify-content-start {
  -webkit-box-pack: start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important
}

.justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

.justify-content-end {
  -webkit-box-pack: end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}

.justify-content-around {
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important
}

.justify-content-between {
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

@media (max-width:899px) {
  .break-justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }
  .break-justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }
  .break-justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
  }
  .break-justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
  }
  .break-justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
  }
}

.border-0 {
  border-width: 0!important;
  border-style: solid!important
}

.border {
  border-width: 1px!important;
  border-style: solid!important
}

.border-top {
  border-style: solid!important;
  border-top-width: 1px!important
}

.border-top-0 {
  border-top-width: 0!important
}

.border-left {
  border-style: solid!important;
  border-left-width: 1px!important
}

.border-left-0 {
  border-left-width: 0!important
}

.border-bottom {
  border-style: solid!important;
  border-bottom-width: 1px!important
}

.border-bottom-0 {
  border-bottom-width: 0!important
}

.border-right {
  border-style: solid!important;
  border-right-width: 1px!important
}

.border-right-0 {
  border-right-width: 0!important
}

@media (max-width:899px) {
  .break-border-0 {
    border-width: 0!important;
    border-style: solid!important
  }
  .break-border {
    border-width: 1px!important;
    border-style: solid!important
  }
  .break-border-top {
    border-style: solid!important;
    border-top-width: 1px!important
  }
  .break-border-top-0 {
    border-top-width: 0!important
  }
  .break-border-left {
    border-style: solid!important;
    border-left-width: 1px!important
  }
  .break-border-left-0 {
    border-left-width: 0!important
  }
  .break-border-bottom {
    border-style: solid!important;
    border-bottom-width: 1px!important
  }
  .break-border-bottom-0 {
    border-bottom-width: 0!important
  }
  .break-border-right {
    border-style: solid!important;
    border-right-width: 1px!important
  }
  .break-border-right-0 {
    border-right-width: 0!important
  }
}

.txt-left {
  text-align: left!important
}

.txt-center {
  text-align: center!important
}

.txt-right {
  text-align: right!important
}

@media (max-width:899px) {
  .break-txt-left {
    text-align: left!important
  }
  .break-txt-center {
    text-align: center!important
  }
  .break-txt-right {
    text-align: right!important
  }
}

.vat {
  vertical-align: top!important
}

.vam {
  vertical-align: middle!important
}

.vab {
  vertical-align: bottom!important
}

@media (max-width:899px) {
  .break-vat {
    vertical-align: top!important
  }
  .break-vam {
    vertical-align: middle!important
  }
  .break-vab {
    vertical-align: bottom!important
  }
}

.u {
  text-decoration: underline
}

.upcs {
  text-transform: uppercase
}

.line-through {
  text-decoration: line-through
}

.txt-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.txt-xs {
  font-size: 0.65rem
}

.txt-sm {
  font-size: 0.85rem
}

.txt-md {
  font-size: 1rem
}

.txt-lg {
  font-size: 1.25rem
}

.txt-xl {
  font-size: 1.5rem
}

.title-md {
  font-size: 2rem
}

.title-lg {
  font-size: 3rem
}

.title-xl {
  font-size: 4rem
}

.txt-l {
  font-weight: 300
}

.txt-n {
  font-weight: 400
}

.txt-b {
  font-weight: 700
}

.txt-i {
  font-style: italic
}

a {
  color: currentColor;
  text-decoration: none
}

.uh:hover {
  text-decoration: underline
}

.rounded {
  border-radius: 4px!important
}

.unrounded {
  border-radius: 0!important
}

@media (max-width:899px) {
  .break-no-rounded {
    border-radius: 0
  }
}

.fixed {
  position: fixed!important
}

.relative {
  position: relative!important
}

.absolute {
  position: absolute!important
}

@media (max-width:899px) {
  .break-fixed {
    position: fixed!important
  }
  .break-relative {
    position: relative!important
  }
  .break-absolute {
    position: absolute!important
  }
}

.top-center,
.top-left,
.top-right {
  top: 0!important
}

.bottom-center,
.bottom-left,
.bottom-right {
  bottom: 0!important
}

.bottom-left,
.center-left,
.top-left {
  left: 0!important
}

.bottom-right,
.center-right,
.top-right {
  right: 0!important
}

.center-center {
  top: 50%!important;
  left: 50%!important;
  -webkit-transform: translate(-50%, -50%)!important;
  -ms-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important
}

.bottom-center,
.top-center {
  left: 50%!important;
  -webkit-transform: translateX(-50%)!important;
  -ms-transform: translateX(-50%)!important;
  transform: translateX(-50%)!important
}

.center-left,
.center-right {
  top: 50%!important;
  -webkit-transform: translateY(-50%)!important;
  -ms-transform: translateY(-50%)!important;
  transform: translateY(-50%)!important
}

.z-index-0 {
  z-index: 0!important
}

.z-index-1 {
  z-index: 1!important
}

.z-index-2 {
  z-index: 2!important
}

.z-index-3 {
  z-index: 3!important
}

.z-index-4 {
  z-index: 4!important
}

.z-index-5 {
  z-index: 5!important
}

.z-index-6 {
  z-index: 6!important
}

.z-index-7 {
  z-index: 7!important
}

.z-index-8 {
  z-index: 8!important
}

.z-index-9 {
  z-index: 9!important
}

.z-index-10 {
  z-index: 10!important
}

.shape.shape-0 {
  line-height: 0
}

.shape.shape-0.shape-square {
  height: 0;
  width: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.shape.shape-0.shape-circle {
  border-radius: 0
}

.shape.shape-xs {
  line-height: 0.25rem
}

.shape.shape-xs.shape-square {
  height: 0.25rem;
  width: 0.25rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.shape.shape-xs.shape-circle {
  border-radius: 0.25rem
}

.shape.shape-sm {
  line-height: 0.5rem
}

.shape.shape-sm.shape-square {
  height: 0.5rem;
  width: 0.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.shape.shape-sm.shape-circle {
  border-radius: 0.5rem
}

.shape.shape-md {
  line-height: 1rem
}

.shape.shape-md.shape-square {
  height: 1rem;
  width: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.shape.shape-md.shape-circle {
  border-radius: 1rem
}

.shape.shape-lg {
  line-height: 2rem
}

.shape.shape-lg.shape-square {
  height: 2rem;
  width: 2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.shape.shape-lg.shape-circle {
  border-radius: 2rem
}

.shape.shape-xl {
  line-height: 3rem
}

.shape.shape-xl.shape-square {
  height: 3rem;
  width: 3rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.shape.shape-xl.shape-circle {
  border-radius: 3rem
}

.shape.shape-xxl {
  line-height: 4rem
}

.shape.shape-xxl.shape-square {
  height: 4rem;
  width: 4rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.shape.shape-xxl.shape-circle {
  border-radius: 4rem
}

.shape.shape-outline {
  -webkit-box-shadow: inset 0 0 0 1px currentColor;
  box-shadow: inset 0 0 0 1px currentColor
}

.square-0 {
  height: 0;
  width: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0px;
  flex: 0 0 0
}

.square-xs {
  height: 0.25rem;
  width: 0.25rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0.25rem;
  flex: 0 0 0.25rem
}

.square-sm {
  height: 0.5rem;
  width: 0.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0.5rem;
  flex: 0 0 0.5rem
}

.square-md {
  height: 1rem;
  width: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1rem;
  flex: 0 0 1rem
}

.square-lg {
  height: 2rem;
  width: 2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem
}

.square-xl {
  height: 3rem;
  width: 3rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem
}

.square-xxl {
  height: 4rem;
  width: 4rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4rem;
  flex: 0 0 4rem
}

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0
}

button,
input,
select,
textarea {
  border: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  font-family:  -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open sans, Helvetica Neue, sans-serif;
  background-image: none;
  background-color: transparent;
  font-size: 100%;
  line-height: 1.4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

input:not([type=checkbox])::-webkit-input-placeholder,
input:not([type=radio])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4)
}

input:not([type=checkbox])::-moz-placeholder,
input:not([type=radio])::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4)
}

input:not([type=checkbox]):-ms-input-placeholder,
input:not([type=radio]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4)
}

input:not([type=checkbox]):-moz-placeholder,
input:not([type=radio]):-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(0, 0, 0, 0.4)
}

textarea {
  resize: none
}

select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M12 9l-4 5-4-5h8zM8 2l4 5H4l4-5z'/%3E%3C/svg%3E");
  background-position: center right 0.75rem;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  padding-right: 2.5rem!important
}

[data-visible] {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.4s ease, opacity 0.4s ease;
  -o-transition: visibility 0.4s ease, opacity 0.4s ease;
  transition: visibility 0.4s ease, opacity 0.4s ease
}

[data-visible].visible {
  opacity: 1;
  visibility: visible
}

.lh-0 {
  line-height: 0!important
}

.list-0 li:not(:last-of-type) {
  margin-bottom: 0!important
}

.mx-n-0 {
  margin-left: 0!important;
  margin-right: 0!important
}

.list-m-0 li:not(:last-of-type) {
  margin-bottom: 0!important
}

.m-0 {
  margin: 0!important
}

.p-0 {
  padding: 0!important
}

.px-0 {
  padding-left: 0!important;
  padding-right: 0!important
}

.py-0 {
  padding-top: 0!important;
  padding-bottom: 0!important
}

.mx-0 {
  margin-left: 0!important;
  margin-right: 0!important
}

.my-0 {
  margin-top: 0!important;
  margin-bottom: 0!important
}

.mt-0 {
  margin-top: 0!important
}

.pt-0 {
  padding-top: 0!important
}

.mr-0 {
  margin-right: 0!important
}

.pr-0 {
  padding-right: 0!important
}

.mb-0 {
  margin-bottom: 0!important
}

.pb-0 {
  padding-bottom: 0!important
}

.ml-0 {
  margin-left: 0!important
}

.pl-0 {
  padding-left: 0!important
}

.gutter-0 {
  margin-left: 0!important;
  margin-right: 0!important
}

.gutter-0>[class*=" col-"],
.gutter-0>[class^=col-] {
  padding-left: 0!important;
  padding-right: 0!important
}

.lh-xs {
  line-height: 0.25rem!important
}

.list-xs li:not(:last-of-type) {
  margin-bottom: 0.25rem!important
}

.mx-n-xs {
  margin-left: -0.25rem!important;
  margin-right: -0.25rem!important
}

.list-m-xs li:not(:last-of-type) {
  margin-bottom: 0.25rem!important
}

.m-xs {
  margin: 0.25rem!important
}

.p-xs {
  padding: 0.25rem!important
}

.px-xs {
  padding-left: 0.25rem!important;
  padding-right: 0.25rem!important
}

.py-xs {
  padding-top: 0.25rem!important;
  padding-bottom: 0.25rem!important
}

.mx-xs {
  margin-left: 0.25rem!important;
  margin-right: 0.25rem!important
}

.my-xs {
  margin-top: 0.25rem!important;
  margin-bottom: 0.25rem!important
}

.mt-xs {
  margin-top: 0.25rem!important
}

.pt-xs {
  padding-top: 0.25rem!important
}

.mr-xs {
  margin-right: 0.25rem!important
}

.pr-xs {
  padding-right: 0.25rem!important
}

.mb-xs {
  margin-bottom: 0.25rem!important
}

.pb-xs {
  padding-bottom: 0.25rem!important
}

.ml-xs {
  margin-left: 0.25rem!important
}

.pl-xs {
  padding-left: 0.25rem!important
}

.gutter-xs {
  margin-left: -0.25rem!important;
  margin-right: -0.25rem!important
}

.gutter-xs>[class*=" col-"],
.gutter-xs>[class^=col-] {
  padding-left: 0.25rem!important;
  padding-right: 0.25rem!important
}

.lh-sm {
  line-height: 0.5rem!important
}

.list-sm li:not(:last-of-type) {
  margin-bottom: 0.5rem!important
}

.mx-n-sm {
  margin-left: -0.5rem!important;
  margin-right: -0.5rem!important
}

.list-m-sm li:not(:last-of-type) {
  margin-bottom: 0.5rem!important
}

.m-sm {
  margin: 0.5rem!important
}

.p-sm {
  padding: 0.5rem!important
}

.px-sm {
  padding-left: 0.5rem!important;
  padding-right: 0.5rem!important
}

.py-sm {
  padding-top: 0.5rem!important;
  padding-bottom: 0.5rem!important
}

.mx-sm {
  margin-left: 0.5rem!important;
  margin-right: 0.5rem!important
}

.my-sm {
  margin-top: 0.5rem!important;
  margin-bottom: 0.5rem!important
}

.mt-sm {
  margin-top: 0.5rem!important
}

.pt-sm {
  padding-top: 0.5rem!important
}

.mr-sm {
  margin-right: 0.5rem!important
}

.pr-sm {
  padding-right: 0.5rem!important
}

.mb-sm {
  margin-bottom: 0.5rem!important
}

.pb-sm {
  padding-bottom: 0.5rem!important
}

.ml-sm {
  margin-left: 0.5rem!important
}

.pl-sm {
  padding-left: 0.5rem!important
}

.gutter-sm {
  margin-left: -0.5rem!important;
  margin-right: -0.5rem!important
}

.gutter-sm>[class*=" col-"],
.gutter-sm>[class^=col-] {
  padding-left: 0.5rem!important;
  padding-right: 0.5rem!important
}

.lh-md {
  line-height: 1rem!important
}

.list-md li:not(:last-of-type) {
  margin-bottom: 1rem!important
}

.mx-n-md {
  margin-left: -1rem!important;
  margin-right: -1rem!important
}

.list-m-md li:not(:last-of-type) {
  margin-bottom: 1rem!important
}

.m-md {
  margin: 1rem!important
}

.p-md {
  padding: 1rem!important
}

.px-md {
  padding-left: 1rem!important;
  padding-right: 1rem!important
}

.py-md {
  padding-top: 1rem!important;
  padding-bottom: 1rem!important
}

.mx-md {
  margin-left: 1rem!important;
  margin-right: 1rem!important
}

.my-md {
  margin-top: 1rem!important;
  margin-bottom: 1rem!important
}

.mt-md {
  margin-top: 1rem!important
}

.pt-md {
  padding-top: 1rem!important
}

.mr-md {
  margin-right: 1rem!important
}

.pr-md {
  padding-right: 1rem!important
}

.mb-md {
  margin-bottom: 1rem!important
}

.pb-md {
  padding-bottom: 1rem!important
}

.ml-md {
  margin-left: 1rem!important
}

.pl-md {
  padding-left: 1rem!important
}

.gutter-md {
  margin-left: -1rem!important;
  margin-right: -1rem!important
}

.gutter-md>[class*=" col-"],
.gutter-md>[class^=col-] {
  padding-left: 1rem!important;
  padding-right: 1rem!important
}

.lh-lg {
  line-height: 2rem!important
}

.list-lg li:not(:last-of-type) {
  margin-bottom: 2rem!important
}

.mx-n-lg {
  margin-left: -2rem!important;
  margin-right: -2rem!important
}

.list-m-lg li:not(:last-of-type) {
  margin-bottom: 2rem!important
}

.m-lg {
  margin: 2rem!important
}

.p-lg {
  padding: 2rem!important
}

.px-lg {
  padding-left: 2rem!important;
  padding-right: 2rem!important
}

.py-lg {
  padding-top: 2rem!important;
  padding-bottom: 2rem!important
}

.mx-lg {
  margin-left: 2rem!important;
  margin-right: 2rem!important
}

.my-lg {
  margin-top: 2rem!important;
  margin-bottom: 2rem!important
}

.mt-lg {
  margin-top: 2rem!important
}

.pt-lg {
  padding-top: 2rem!important
}

.mr-lg {
  margin-right: 2rem!important
}

.pr-lg {
  padding-right: 2rem!important
}

.mb-lg {
  margin-bottom: 2rem!important
}

.pb-lg {
  padding-bottom: 2rem!important
}

.ml-lg {
  margin-left: 2rem!important
}

.pl-lg {
  padding-left: 2rem!important
}

.gutter-lg {
  margin-left: -2rem!important;
  margin-right: -2rem!important
}

.gutter-lg>[class*=" col-"],
.gutter-lg>[class^=col-] {
  padding-left: 2rem!important;
  padding-right: 2rem!important
}

.lh-xl {
  line-height: 3rem!important
}

.list-xl li:not(:last-of-type) {
  margin-bottom: 3rem!important
}

.mx-n-xl {
  margin-left: -3rem!important;
  margin-right: -3rem!important
}

.list-m-xl li:not(:last-of-type) {
  margin-bottom: 3rem!important
}

.m-xl {
  margin: 3rem!important
}

.p-xl {
  padding: 3rem!important
}

.px-xl {
  padding-left: 3rem!important;
  padding-right: 3rem!important
}

.py-xl {
  padding-top: 3rem!important;
  padding-bottom: 3rem!important
}

.mx-xl {
  margin-left: 3rem!important;
  margin-right: 3rem!important
}

.my-xl {
  margin-top: 3rem!important;
  margin-bottom: 3rem!important
}

.mt-xl {
  margin-top: 3rem!important
}

.pt-xl {
  padding-top: 3rem!important
}

.mr-xl {
  margin-right: 3rem!important
}

.pr-xl {
  padding-right: 3rem!important
}

.mb-xl {
  margin-bottom: 3rem!important
}

.pb-xl {
  padding-bottom: 3rem!important
}

.ml-xl {
  margin-left: 3rem!important
}

.pl-xl {
  padding-left: 3rem!important
}

.gutter-xl {
  margin-left: -3rem!important;
  margin-right: -3rem!important
}

.gutter-xl>[class*=" col-"],
.gutter-xl>[class^=col-] {
  padding-left: 3rem!important;
  padding-right: 3rem!important
}

.lh-xxl {
  line-height: 4rem!important
}

.list-xxl li:not(:last-of-type) {
  margin-bottom: 4rem!important
}

.mx-n-xxl {
  margin-left: -4rem!important;
  margin-right: -4rem!important
}

.list-m-xxl li:not(:last-of-type) {
  margin-bottom: 4rem!important
}

.m-xxl {
  margin: 4rem!important
}

.p-xxl {
  padding: 4rem!important
}

.px-xxl {
  padding-left: 4rem!important;
  padding-right: 4rem!important
}

.py-xxl {
  padding-top: 4rem!important;
  padding-bottom: 4rem!important
}

.mx-xxl {
  margin-left: 4rem!important;
  margin-right: 4rem!important
}

.my-xxl {
  margin-top: 4rem!important;
  margin-bottom: 4rem!important
}

.mt-xxl {
  margin-top: 4rem!important
}

.pt-xxl {
  padding-top: 4rem!important
}

.mr-xxl {
  margin-right: 4rem!important
}

.pr-xxl {
  padding-right: 4rem!important
}

.mb-xxl {
  margin-bottom: 4rem!important
}

.pb-xxl {
  padding-bottom: 4rem!important
}

.ml-xxl {
  margin-left: 4rem!important
}

.pl-xxl {
  padding-left: 4rem!important
}

.gutter-xxl {
  margin-left: -4rem!important;
  margin-right: -4rem!important
}

.gutter-xxl>[class*=" col-"],
.gutter-xxl>[class^=col-] {
  padding-left: 4rem!important;
  padding-right: 4rem!important
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

@media (max-width:899px) {
  .break-lh-0 {
    line-height: 0!important
  }
  .break-list-0 li:not(:last-of-type) {
    margin-bottom: 0!important
  }
  .break-mx-n-0 {
    margin-left: 0!important;
    margin-right: 0!important
  }
  .break-list-m-0 li:not(:last-of-type) {
    margin-bottom: 0!important
  }
  .break-m-0 {
    margin: 0!important
  }
  .break-p-0 {
    padding: 0!important
  }
  .break-px-0 {
    padding-left: 0!important;
    padding-right: 0!important
  }
  .break-py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
  }
  .break-mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
  }
  .break-my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .break-mt-0 {
    margin-top: 0!important
  }
  .break-pt-0 {
    padding-top: 0!important
  }
  .break-mr-0 {
    margin-right: 0!important
  }
  .break-pr-0 {
    padding-right: 0!important
  }
  .break-mb-0 {
    margin-bottom: 0!important
  }
  .break-pb-0 {
    padding-bottom: 0!important
  }
  .break-ml-0 {
    margin-left: 0!important
  }
  .break-pl-0 {
    padding-left: 0!important
  }
  .break-gutter-0 {
    margin-left: 0!important;
    margin-right: 0!important
  }
  .break-gutter-0>[class*=" col-"],
  .break-gutter-0>[class^=col-] {
    padding-left: 0!important;
    padding-right: 0!important
  }
  .break-lh-xs {
    line-height: 0.25rem!important
  }
  .break-list-xs li:not(:last-of-type) {
    margin-bottom: 0.25rem!important
  }
  .break-mx-n-xs {
    margin-left: -0.25rem!important;
    margin-right: -0.25rem!important
  }
  .break-list-m-xs li:not(:last-of-type) {
    margin-bottom: 0.25rem!important
  }
  .break-m-xs {
    margin: 0.25rem!important
  }
  .break-p-xs {
    padding: 0.25rem!important
  }
  .break-px-xs {
    padding-left: 0.25rem!important;
    padding-right: 0.25rem!important
  }
  .break-py-xs {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important
  }
  .break-mx-xs {
    margin-left: 0.25rem!important;
    margin-right: 0.25rem!important
  }
  .break-my-xs {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important
  }
  .break-mt-xs {
    margin-top: 0.25rem!important
  }
  .break-pt-xs {
    padding-top: 0.25rem!important
  }
  .break-mr-xs {
    margin-right: 0.25rem!important
  }
  .break-pr-xs {
    padding-right: 0.25rem!important
  }
  .break-mb-xs {
    margin-bottom: 0.25rem!important
  }
  .break-pb-xs {
    padding-bottom: 0.25rem!important
  }
  .break-ml-xs {
    margin-left: 0.25rem!important
  }
  .break-pl-xs {
    padding-left: 0.25rem!important
  }
  .break-gutter-xs {
    margin-left: -0.25rem!important;
    margin-right: -0.25rem!important
  }
  .break-gutter-xs>[class*=" col-"],
  .break-gutter-xs>[class^=col-] {
    padding-left: 0.25rem!important;
    padding-right: 0.25rem!important
  }
  .break-lh-sm {
    line-height: 0.5rem!important
  }
  .break-list-sm li:not(:last-of-type) {
    margin-bottom: 0.5rem!important
  }
  .break-mx-n-sm {
    margin-left: -0.5rem!important;
    margin-right: -0.5rem!important
  }
  .break-list-m-sm li:not(:last-of-type) {
    margin-bottom: 0.5rem!important
  }
  .break-m-sm {
    margin: 0.5rem!important
  }
  .break-p-sm {
    padding: 0.5rem!important
  }
  .break-px-sm {
    padding-left: 0.5rem!important;
    padding-right: 0.5rem!important
  }
  .break-py-sm {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important
  }
  .break-mx-sm {
    margin-left: 0.5rem!important;
    margin-right: 0.5rem!important
  }
  .break-my-sm {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important
  }
  .break-mt-sm {
    margin-top: 0.5rem!important
  }
  .break-pt-sm {
    padding-top: 0.5rem!important
  }
  .break-mr-sm {
    margin-right: 0.5rem!important
  }
  .break-pr-sm {
    padding-right: 0.5rem!important
  }
  .break-mb-sm {
    margin-bottom: 0.5rem!important
  }
  .break-pb-sm {
    padding-bottom: 0.5rem!important
  }
  .break-ml-sm {
    margin-left: 0.5rem!important
  }
  .break-pl-sm {
    padding-left: 0.5rem!important
  }
  .break-gutter-sm {
    margin-left: -0.5rem!important;
    margin-right: -0.5rem!important
  }
  .break-gutter-sm>[class*=" col-"],
  .break-gutter-sm>[class^=col-] {
    padding-left: 0.5rem!important;
    padding-right: 0.5rem!important
  }
  .break-lh-md {
    line-height: 1rem!important
  }
  .break-list-md li:not(:last-of-type) {
    margin-bottom: 1rem!important
  }
  .break-mx-n-md {
    margin-left: -1rem!important;
    margin-right: -1rem!important
  }
  .break-list-m-md li:not(:last-of-type) {
    margin-bottom: 1rem!important
  }
  .break-m-md {
    margin: 1rem!important
  }
  .break-p-md {
    padding: 1rem!important
  }
  .break-px-md {
    padding-left: 1rem!important;
    padding-right: 1rem!important
  }
  .break-py-md {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
  }
  .break-mx-md {
    margin-left: 1rem!important;
    margin-right: 1rem!important
  }
  .break-my-md {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
  }
  .break-mt-md {
    margin-top: 1rem!important
  }
  .break-pt-md {
    padding-top: 1rem!important
  }
  .break-mr-md {
    margin-right: 1rem!important
  }
  .break-pr-md {
    padding-right: 1rem!important
  }
  .break-mb-md {
    margin-bottom: 1rem!important
  }
  .break-pb-md {
    padding-bottom: 1rem!important
  }
  .break-ml-md {
    margin-left: 1rem!important
  }
  .break-pl-md {
    padding-left: 1rem!important
  }
  .break-gutter-md {
    margin-left: -1rem!important;
    margin-right: -1rem!important
  }
  .break-gutter-md>[class*=" col-"],
  .break-gutter-md>[class^=col-] {
    padding-left: 1rem!important;
    padding-right: 1rem!important
  }
  .break-lh-lg {
    line-height: 2rem!important
  }
  .break-list-lg li:not(:last-of-type) {
    margin-bottom: 2rem!important
  }
  .break-mx-n-lg {
    margin-left: -2rem!important;
    margin-right: -2rem!important
  }
  .break-list-m-lg li:not(:last-of-type) {
    margin-bottom: 2rem!important
  }
  .break-m-lg {
    margin: 2rem!important
  }
  .break-p-lg {
    padding: 2rem!important
  }
  .break-px-lg {
    padding-left: 2rem!important;
    padding-right: 2rem!important
  }
  .break-py-lg {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important
  }
  .break-mx-lg {
    margin-left: 2rem!important;
    margin-right: 2rem!important
  }
  .break-my-lg {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important
  }
  .break-mt-lg {
    margin-top: 2rem!important
  }
  .break-pt-lg {
    padding-top: 2rem!important
  }
  .break-mr-lg {
    margin-right: 2rem!important
  }
  .break-pr-lg {
    padding-right: 2rem!important
  }
  .break-mb-lg {
    margin-bottom: 2rem!important
  }
  .break-pb-lg {
    padding-bottom: 2rem!important
  }
  .break-ml-lg {
    margin-left: 2rem!important
  }
  .break-pl-lg {
    padding-left: 2rem!important
  }
  .break-gutter-lg {
    margin-left: -2rem!important;
    margin-right: -2rem!important
  }
  .break-gutter-lg>[class*=" col-"],
  .break-gutter-lg>[class^=col-] {
    padding-left: 2rem!important;
    padding-right: 2rem!important
  }
  .break-lh-xl {
    line-height: 3rem!important
  }
  .break-list-xl li:not(:last-of-type) {
    margin-bottom: 3rem!important
  }
  .break-mx-n-xl {
    margin-left: -3rem!important;
    margin-right: -3rem!important
  }
  .break-list-m-xl li:not(:last-of-type) {
    margin-bottom: 3rem!important
  }
  .break-m-xl {
    margin: 3rem!important
  }
  .break-p-xl {
    padding: 3rem!important
  }
  .break-px-xl {
    padding-left: 3rem!important;
    padding-right: 3rem!important
  }
  .break-py-xl {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
  }
  .break-mx-xl {
    margin-left: 3rem!important;
    margin-right: 3rem!important
  }
  .break-my-xl {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
  }
  .break-mt-xl {
    margin-top: 3rem!important
  }
  .break-pt-xl {
    padding-top: 3rem!important
  }
  .break-mr-xl {
    margin-right: 3rem!important
  }
  .break-pr-xl {
    padding-right: 3rem!important
  }
  .break-mb-xl {
    margin-bottom: 3rem!important
  }
  .break-pb-xl {
    padding-bottom: 3rem!important
  }
  .break-ml-xl {
    margin-left: 3rem!important
  }
  .break-pl-xl {
    padding-left: 3rem!important
  }
  .break-gutter-xl {
    margin-left: -3rem!important;
    margin-right: -3rem!important
  }
  .break-gutter-xl>[class*=" col-"],
  .break-gutter-xl>[class^=col-] {
    padding-left: 3rem!important;
    padding-right: 3rem!important
  }
  .break-lh-xxl {
    line-height: 4rem!important
  }
  .break-list-xxl li:not(:last-of-type) {
    margin-bottom: 4rem!important
  }
  .break-mx-n-xxl {
    margin-left: -4rem!important;
    margin-right: -4rem!important
  }
  .break-list-m-xxl li:not(:last-of-type) {
    margin-bottom: 4rem!important
  }
  .break-m-xxl {
    margin: 4rem!important
  }
  .break-p-xxl {
    padding: 4rem!important
  }
  .break-px-xxl {
    padding-left: 4rem!important;
    padding-right: 4rem!important
  }
  .break-py-xxl {
    padding-top: 4rem!important;
    padding-bottom: 4rem!important
  }
  .break-mx-xxl {
    margin-left: 4rem!important;
    margin-right: 4rem!important
  }
  .break-my-xxl {
    margin-top: 4rem!important;
    margin-bottom: 4rem!important
  }
  .break-mt-xxl {
    margin-top: 4rem!important
  }
  .break-pt-xxl {
    padding-top: 4rem!important
  }
  .break-mr-xxl {
    margin-right: 4rem!important
  }
  .break-pr-xxl {
    padding-right: 4rem!important
  }
  .break-mb-xxl {
    margin-bottom: 4rem!important
  }
  .break-pb-xxl {
    padding-bottom: 4rem!important
  }
  .break-ml-xxl {
    margin-left: 4rem!important
  }
  .break-pl-xxl {
    padding-left: 4rem!important
  }
  .break-gutter-xxl {
    margin-left: -4rem!important;
    margin-right: -4rem!important
  }
  .break-gutter-xxl>[class*=" col-"],
  .break-gutter-xxl>[class^=col-] {
    padding-left: 4rem!important;
    padding-right: 4rem!important
  }
  .break-mx-auto {
    margin-left: auto;
    margin-right: auto
  }
}

.last-item-lh-0>:last-of-type {
  line-height: 0!important
}

.last-item-list-0>:last-of-type li:not(:last-of-type) {
  margin-bottom: 0!important
}

.last-item-mx-n-0>:last-of-type {
  margin-left: 0!important;
  margin-right: 0!important
}

.last-item-list-m-0>:last-of-type li:not(:last-of-type) {
  margin-bottom: 0!important
}

.last-item-m-0>:last-of-type {
  margin: 0!important
}

.last-item-p-0>:last-of-type {
  padding: 0!important
}

.last-item-px-0>:last-of-type {
  padding-left: 0!important;
  padding-right: 0!important
}

.last-item-py-0>:last-of-type {
  padding-top: 0!important;
  padding-bottom: 0!important
}

.last-item-mx-0>:last-of-type {
  margin-left: 0!important;
  margin-right: 0!important
}

.last-item-my-0>:last-of-type {
  margin-top: 0!important;
  margin-bottom: 0!important
}

.last-item-mt-0>:last-of-type {
  margin-top: 0!important
}

.last-item-pt-0>:last-of-type {
  padding-top: 0!important
}

.last-item-mr-0>:last-of-type {
  margin-right: 0!important
}

.last-item-pr-0>:last-of-type {
  padding-right: 0!important
}

.last-item-mb-0>:last-of-type {
  margin-bottom: 0!important
}

.last-item-pb-0>:last-of-type {
  padding-bottom: 0!important
}

.last-item-ml-0>:last-of-type {
  margin-left: 0!important
}

.last-item-pl-0>:last-of-type {
  padding-left: 0!important
}

.last-item-gutter-0>:last-of-type {
  margin-left: 0!important;
  margin-right: 0!important
}

.last-item-gutter-0>:last-of-type>[class*=" col-"],
.last-item-gutter-0>:last-of-type>[class^=col-] {
  padding-left: 0!important;
  padding-right: 0!important
}

.last-item-lh-xs>:last-of-type {
  line-height: 0.25rem!important
}

.last-item-list-xs>:last-of-type li:not(:last-of-type) {
  margin-bottom: 0.25rem!important
}

.last-item-mx-n-xs>:last-of-type {
  margin-left: -0.25rem!important;
  margin-right: -0.25rem!important
}

.last-item-list-m-xs>:last-of-type li:not(:last-of-type) {
  margin-bottom: 0.25rem!important
}

.last-item-m-xs>:last-of-type {
  margin: 0.25rem!important
}

.last-item-p-xs>:last-of-type {
  padding: 0.25rem!important
}

.last-item-px-xs>:last-of-type {
  padding-left: 0.25rem!important;
  padding-right: 0.25rem!important
}

.last-item-py-xs>:last-of-type {
  padding-top: 0.25rem!important;
  padding-bottom: 0.25rem!important
}

.last-item-mx-xs>:last-of-type {
  margin-left: 0.25rem!important;
  margin-right: 0.25rem!important
}

.last-item-my-xs>:last-of-type {
  margin-top: 0.25rem!important;
  margin-bottom: 0.25rem!important
}

.last-item-mt-xs>:last-of-type {
  margin-top: 0.25rem!important
}

.last-item-pt-xs>:last-of-type {
  padding-top: 0.25rem!important
}

.last-item-mr-xs>:last-of-type {
  margin-right: 0.25rem!important
}

.last-item-pr-xs>:last-of-type {
  padding-right: 0.25rem!important
}

.last-item-mb-xs>:last-of-type {
  margin-bottom: 0.25rem!important
}

.last-item-pb-xs>:last-of-type {
  padding-bottom: 0.25rem!important
}

.last-item-ml-xs>:last-of-type {
  margin-left: 0.25rem!important
}

.last-item-pl-xs>:last-of-type {
  padding-left: 0.25rem!important
}

.last-item-gutter-xs>:last-of-type {
  margin-left: -0.25rem!important;
  margin-right: -0.25rem!important
}

.last-item-gutter-xs>:last-of-type>[class*=" col-"],
.last-item-gutter-xs>:last-of-type>[class^=col-] {
  padding-left: 0.25rem!important;
  padding-right: 0.25rem!important
}

.last-item-lh-sm>:last-of-type {
  line-height: 0.5rem!important
}

.last-item-list-sm>:last-of-type li:not(:last-of-type) {
  margin-bottom: 0.5rem!important
}

.last-item-mx-n-sm>:last-of-type {
  margin-left: -0.5rem!important;
  margin-right: -0.5rem!important
}

.last-item-list-m-sm>:last-of-type li:not(:last-of-type) {
  margin-bottom: 0.5rem!important
}

.last-item-m-sm>:last-of-type {
  margin: 0.5rem!important
}

.last-item-p-sm>:last-of-type {
  padding: 0.5rem!important
}

.last-item-px-sm>:last-of-type {
  padding-left: 0.5rem!important;
  padding-right: 0.5rem!important
}

.last-item-py-sm>:last-of-type {
  padding-top: 0.5rem!important;
  padding-bottom: 0.5rem!important
}

.last-item-mx-sm>:last-of-type {
  margin-left: 0.5rem!important;
  margin-right: 0.5rem!important
}

.last-item-my-sm>:last-of-type {
  margin-top: 0.5rem!important;
  margin-bottom: 0.5rem!important
}

.last-item-mt-sm>:last-of-type {
  margin-top: 0.5rem!important
}

.last-item-pt-sm>:last-of-type {
  padding-top: 0.5rem!important
}

.last-item-mr-sm>:last-of-type {
  margin-right: 0.5rem!important
}

.last-item-pr-sm>:last-of-type {
  padding-right: 0.5rem!important
}

.last-item-mb-sm>:last-of-type {
  margin-bottom: 0.5rem!important
}

.last-item-pb-sm>:last-of-type {
  padding-bottom: 0.5rem!important
}

.last-item-ml-sm>:last-of-type {
  margin-left: 0.5rem!important
}

.last-item-pl-sm>:last-of-type {
  padding-left: 0.5rem!important
}

.last-item-gutter-sm>:last-of-type {
  margin-left: -0.5rem!important;
  margin-right: -0.5rem!important
}

.last-item-gutter-sm>:last-of-type>[class*=" col-"],
.last-item-gutter-sm>:last-of-type>[class^=col-] {
  padding-left: 0.5rem!important;
  padding-right: 0.5rem!important
}

.last-item-lh-md>:last-of-type {
  line-height: 1rem!important
}

.last-item-list-md>:last-of-type li:not(:last-of-type) {
  margin-bottom: 1rem!important
}

.last-item-mx-n-md>:last-of-type {
  margin-left: -1rem!important;
  margin-right: -1rem!important
}

.last-item-list-m-md>:last-of-type li:not(:last-of-type) {
  margin-bottom: 1rem!important
}

.last-item-m-md>:last-of-type {
  margin: 1rem!important
}

.last-item-p-md>:last-of-type {
  padding: 1rem!important
}

.last-item-px-md>:last-of-type {
  padding-left: 1rem!important;
  padding-right: 1rem!important
}

.last-item-py-md>:last-of-type {
  padding-top: 1rem!important;
  padding-bottom: 1rem!important
}

.last-item-mx-md>:last-of-type {
  margin-left: 1rem!important;
  margin-right: 1rem!important
}

.last-item-my-md>:last-of-type {
  margin-top: 1rem!important;
  margin-bottom: 1rem!important
}

.last-item-mt-md>:last-of-type {
  margin-top: 1rem!important
}

.last-item-pt-md>:last-of-type {
  padding-top: 1rem!important
}

.last-item-mr-md>:last-of-type {
  margin-right: 1rem!important
}

.last-item-pr-md>:last-of-type {
  padding-right: 1rem!important
}

.last-item-mb-md>:last-of-type {
  margin-bottom: 1rem!important
}

.last-item-pb-md>:last-of-type {
  padding-bottom: 1rem!important
}

.last-item-ml-md>:last-of-type {
  margin-left: 1rem!important
}

.last-item-pl-md>:last-of-type {
  padding-left: 1rem!important
}

.last-item-gutter-md>:last-of-type {
  margin-left: -1rem!important;
  margin-right: -1rem!important
}

.last-item-gutter-md>:last-of-type>[class*=" col-"],
.last-item-gutter-md>:last-of-type>[class^=col-] {
  padding-left: 1rem!important;
  padding-right: 1rem!important
}

.last-item-lh-lg>:last-of-type {
  line-height: 2rem!important
}

.last-item-list-lg>:last-of-type li:not(:last-of-type) {
  margin-bottom: 2rem!important
}

.last-item-mx-n-lg>:last-of-type {
  margin-left: -2rem!important;
  margin-right: -2rem!important
}

.last-item-list-m-lg>:last-of-type li:not(:last-of-type) {
  margin-bottom: 2rem!important
}

.last-item-m-lg>:last-of-type {
  margin: 2rem!important
}

.last-item-p-lg>:last-of-type {
  padding: 2rem!important
}

.last-item-px-lg>:last-of-type {
  padding-left: 2rem!important;
  padding-right: 2rem!important
}

.last-item-py-lg>:last-of-type {
  padding-top: 2rem!important;
  padding-bottom: 2rem!important
}

.last-item-mx-lg>:last-of-type {
  margin-left: 2rem!important;
  margin-right: 2rem!important
}

.last-item-my-lg>:last-of-type {
  margin-top: 2rem!important;
  margin-bottom: 2rem!important
}

.last-item-mt-lg>:last-of-type {
  margin-top: 2rem!important
}

.last-item-pt-lg>:last-of-type {
  padding-top: 2rem!important
}

.last-item-mr-lg>:last-of-type {
  margin-right: 2rem!important
}

.last-item-pr-lg>:last-of-type {
  padding-right: 2rem!important
}

.last-item-mb-lg>:last-of-type {
  margin-bottom: 2rem!important
}

.last-item-pb-lg>:last-of-type {
  padding-bottom: 2rem!important
}

.last-item-ml-lg>:last-of-type {
  margin-left: 2rem!important
}

.last-item-pl-lg>:last-of-type {
  padding-left: 2rem!important
}

.last-item-gutter-lg>:last-of-type {
  margin-left: -2rem!important;
  margin-right: -2rem!important
}

.last-item-gutter-lg>:last-of-type>[class*=" col-"],
.last-item-gutter-lg>:last-of-type>[class^=col-] {
  padding-left: 2rem!important;
  padding-right: 2rem!important
}

.last-item-lh-xl>:last-of-type {
  line-height: 3rem!important
}

.last-item-list-xl>:last-of-type li:not(:last-of-type) {
  margin-bottom: 3rem!important
}

.last-item-mx-n-xl>:last-of-type {
  margin-left: -3rem!important;
  margin-right: -3rem!important
}

.last-item-list-m-xl>:last-of-type li:not(:last-of-type) {
  margin-bottom: 3rem!important
}

.last-item-m-xl>:last-of-type {
  margin: 3rem!important
}

.last-item-p-xl>:last-of-type {
  padding: 3rem!important
}

.last-item-px-xl>:last-of-type {
  padding-left: 3rem!important;
  padding-right: 3rem!important
}

.last-item-py-xl>:last-of-type {
  padding-top: 3rem!important;
  padding-bottom: 3rem!important
}

.last-item-mx-xl>:last-of-type {
  margin-left: 3rem!important;
  margin-right: 3rem!important
}

.last-item-my-xl>:last-of-type {
  margin-top: 3rem!important;
  margin-bottom: 3rem!important
}

.last-item-mt-xl>:last-of-type {
  margin-top: 3rem!important
}

.last-item-pt-xl>:last-of-type {
  padding-top: 3rem!important
}

.last-item-mr-xl>:last-of-type {
  margin-right: 3rem!important
}

.last-item-pr-xl>:last-of-type {
  padding-right: 3rem!important
}

.last-item-mb-xl>:last-of-type {
  margin-bottom: 3rem!important
}

.last-item-pb-xl>:last-of-type {
  padding-bottom: 3rem!important
}

.last-item-ml-xl>:last-of-type {
  margin-left: 3rem!important
}

.last-item-pl-xl>:last-of-type {
  padding-left: 3rem!important
}

.last-item-gutter-xl>:last-of-type {
  margin-left: -3rem!important;
  margin-right: -3rem!important
}

.last-item-gutter-xl>:last-of-type>[class*=" col-"],
.last-item-gutter-xl>:last-of-type>[class^=col-] {
  padding-left: 3rem!important;
  padding-right: 3rem!important
}

.last-item-lh-xxl>:last-of-type {
  line-height: 4rem!important
}

.last-item-list-xxl>:last-of-type li:not(:last-of-type) {
  margin-bottom: 4rem!important
}

.last-item-mx-n-xxl>:last-of-type {
  margin-left: -4rem!important;
  margin-right: -4rem!important
}

.last-item-list-m-xxl>:last-of-type li:not(:last-of-type) {
  margin-bottom: 4rem!important
}

.last-item-m-xxl>:last-of-type {
  margin: 4rem!important
}

.last-item-p-xxl>:last-of-type {
  padding: 4rem!important
}

.last-item-px-xxl>:last-of-type {
  padding-left: 4rem!important;
  padding-right: 4rem!important
}

.last-item-py-xxl>:last-of-type {
  padding-top: 4rem!important;
  padding-bottom: 4rem!important
}

.last-item-mx-xxl>:last-of-type {
  margin-left: 4rem!important;
  margin-right: 4rem!important
}

.last-item-my-xxl>:last-of-type {
  margin-top: 4rem!important;
  margin-bottom: 4rem!important
}

.last-item-mt-xxl>:last-of-type {
  margin-top: 4rem!important
}

.last-item-pt-xxl>:last-of-type {
  padding-top: 4rem!important
}

.last-item-mr-xxl>:last-of-type {
  margin-right: 4rem!important
}

.last-item-pr-xxl>:last-of-type {
  padding-right: 4rem!important
}

.last-item-mb-xxl>:last-of-type {
  margin-bottom: 4rem!important
}

.last-item-pb-xxl>:last-of-type {
  padding-bottom: 4rem!important
}

.last-item-ml-xxl>:last-of-type {
  margin-left: 4rem!important
}

.last-item-pl-xxl>:last-of-type {
  padding-left: 4rem!important
}

.last-item-gutter-xxl>:last-of-type {
  margin-left: -4rem!important;
  margin-right: -4rem!important
}

.last-item-gutter-xxl>:last-of-type>[class*=" col-"],
.last-item-gutter-xxl>:last-of-type>[class^=col-] {
  padding-left: 4rem!important;
  padding-right: 4rem!important
}

.last-item-mx-auto {
  margin-left: auto;
  margin-right: auto
}

.w-0 {
  width: 0%!important
}

.maxw-0 {
  max-width: 0%!important
}

.minw-0 {
  min-width: 0%!important
}

.maxvw-0 {
  max-width: 0vw!important
}

.minvw-0 {
  min-width: 0vw!important
}

.vw-0 {
  width: 0vw!important
}

.h-0 {
  height: 0%!important
}

.vh-0 {
  height: 0vh!important
}

.maxh-0 {
  max-height: 0%!important
}

.maxvh-0 {
  max-height: 0vh!important
}

.minh-0 {
  min-height: 0%!important
}

.minvh-0 {
  min-height: 0vh!important
}

.w-25 {
  width: 25%!important
}

.maxw-25 {
  max-width: 25%!important
}

.minw-25 {
  min-width: 25%!important
}

.maxvw-25 {
  max-width: 25vw!important
}

.minvw-25 {
  min-width: 25vw!important
}

.vw-25 {
  width: 25vw!important
}

.h-25 {
  height: 25%!important
}

.vh-25 {
  height: 25vh!important
}

.maxh-25 {
  max-height: 25%!important
}

.maxvh-25 {
  max-height: 25vh!important
}

.minh-25 {
  min-height: 25%!important
}

.minvh-25 {
  min-height: 25vh!important
}

.w-50 {
  width: 50%!important
}

.maxw-50 {
  max-width: 50%!important
}

.minw-50 {
  min-width: 50%!important
}

.maxvw-50 {
  max-width: 50vw!important
}

.minvw-50 {
  min-width: 50vw!important
}

.vw-50 {
  width: 50vw!important
}

.h-50 {
  height: 50%!important
}

.vh-50 {
  height: 50vh!important
}

.maxh-50 {
  max-height: 50%!important
}

.maxvh-50 {
  max-height: 50vh!important
}

.minh-50 {
  min-height: 50%!important
}

.minvh-50 {
  min-height: 50vh!important
}

.w-75 {
  width: 75%!important
}

.maxw-75 {
  max-width: 75%!important
}

.minw-75 {
  min-width: 75%!important
}

.maxvw-75 {
  max-width: 75vw!important
}

.minvw-75 {
  min-width: 75vw!important
}

.vw-75 {
  width: 75vw!important
}

.h-75 {
  height: 75%!important
}

.vh-75 {
  height: 75vh!important
}

.maxh-75 {
  max-height: 75%!important
}

.maxvh-75 {
  max-height: 75vh!important
}

.minh-75 {
  min-height: 75%!important
}

.minvh-75 {
  min-height: 75vh!important
}

.w-100 {
  width: 100%!important
}

.maxw-100 {
  max-width: 100%!important
}

.minw-100 {
  min-width: 100%!important
}

.maxvw-100 {
  max-width: 100vw!important
}

.minvw-100 {
  min-width: 100vw!important
}

.vw-100 {
  width: 100vw!important
}

.h-100 {
  height: 100%!important
}

.vh-100 {
  height: 100vh!important
}

.maxh-100 {
  max-height: 100%!important
}

.maxvh-100 {
  max-height: 100vh!important
}

.minh-100 {
  min-height: 100%!important
}

.minvh-100 {
  min-height: 100vh!important
}

@media (max-width:899px) {
  .break-w-0 {
    width: 0%!important
  }
  .break-maxw-0 {
    max-width: 0%!important
  }
  .break-minw-0 {
    min-width: 0%!important
  }
  .break-maxvw-0 {
    max-width: 0vw!important
  }
  .break-minvw-0 {
    min-width: 0vw!important
  }
  .break-vw-0 {
    width: 0vw!important
  }
  .break-h-0 {
    height: 0%!important
  }
  .break-vh-0 {
    height: 0vh!important
  }
  .break-maxh-0 {
    max-height: 0%!important
  }
  .break-maxvh-0 {
    max-height: 0vh!important
  }
  .break-minh-0 {
    min-height: 0%!important
  }
  .break-minvh-0 {
    min-height: 0vh!important
  }
  .break-w-25 {
    width: 25%!important
  }
  .break-maxw-25 {
    max-width: 25%!important
  }
  .break-minw-25 {
    min-width: 25%!important
  }
  .break-maxvw-25 {
    max-width: 25vw!important
  }
  .break-minvw-25 {
    min-width: 25vw!important
  }
  .break-vw-25 {
    width: 25vw!important
  }
  .break-h-25 {
    height: 25%!important
  }
  .break-vh-25 {
    height: 25vh!important
  }
  .break-maxh-25 {
    max-height: 25%!important
  }
  .break-maxvh-25 {
    max-height: 25vh!important
  }
  .break-minh-25 {
    min-height: 25%!important
  }
  .break-minvh-25 {
    min-height: 25vh!important
  }
  .break-w-50 {
    width: 50%!important
  }
  .break-maxw-50 {
    max-width: 50%!important
  }
  .break-minw-50 {
    min-width: 50%!important
  }
  .break-maxvw-50 {
    max-width: 50vw!important
  }
  .break-minvw-50 {
    min-width: 50vw!important
  }
  .break-vw-50 {
    width: 50vw!important
  }
  .break-h-50 {
    height: 50%!important
  }
  .break-vh-50 {
    height: 50vh!important
  }
  .break-maxh-50 {
    max-height: 50%!important
  }
  .break-maxvh-50 {
    max-height: 50vh!important
  }
  .break-minh-50 {
    min-height: 50%!important
  }
  .break-minvh-50 {
    min-height: 50vh!important
  }
  .break-w-75 {
    width: 75%!important
  }
  .break-maxw-75 {
    max-width: 75%!important
  }
  .break-minw-75 {
    min-width: 75%!important
  }
  .break-maxvw-75 {
    max-width: 75vw!important
  }
  .break-minvw-75 {
    min-width: 75vw!important
  }
  .break-vw-75 {
    width: 75vw!important
  }
  .break-h-75 {
    height: 75%!important
  }
  .break-vh-75 {
    height: 75vh!important
  }
  .break-maxh-75 {
    max-height: 75%!important
  }
  .break-maxvh-75 {
    max-height: 75vh!important
  }
  .break-minh-75 {
    min-height: 75%!important
  }
  .break-minvh-75 {
    min-height: 75vh!important
  }
  .break-w-100 {
    width: 100%!important
  }
  .break-maxw-100 {
    max-width: 100%!important
  }
  .break-minw-100 {
    min-width: 100%!important
  }
  .break-maxvw-100 {
    max-width: 100vw!important
  }
  .break-minvw-100 {
    min-width: 100vw!important
  }
  .break-vw-100 {
    width: 100vw!important
  }
  .break-h-100 {
    height: 100%!important
  }
  .break-vh-100 {
    height: 100vh!important
  }
  .break-maxh-100 {
    max-height: 100%!important
  }
  .break-maxvh-100 {
    max-height: 100vh!important
  }
  .break-minh-100 {
    min-height: 100%!important
  }
  .break-minvh-100 {
    min-height: 100vh!important
  }
}

.opacity-0 {
  opacity: 0!important
}

.opacity-1 {
  opacity: 0.1!important
}

.opacity-2 {
  opacity: 0.2!important
}

.opacity-3 {
  opacity: 0.3!important
}

.opacity-4 {
  opacity: 0.4!important
}

.opacity-5 {
  opacity: 0.5!important
}

.opacity-6 {
  opacity: 0.6!important
}

.opacity-7 {
  opacity: 0.7!important
}

.opacity-8 {
  opacity: 0.8!important
}

.opacity-9 {
  opacity: 0.9!important
}

.opacity-10 {
  opacity: 1!important
}

[class*=" col-"],
[class^=col-] {
  position: relative;
  width: 100%;
  min-height: 1px
}

@media (max-width:899px) {
  .col-m-1 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 8.33333333%!important;
    flex: 0 0 8.33333333%!important;
    max-width: 8.33333333%!important
  }
  .col-m-2 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 16.66666667%!important;
    flex: 0 0 16.66666667%!important;
    max-width: 16.66666667%!important
  }
  .col-m-3 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%!important
  }
  .col-m-4 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 33.33333333%!important;
    flex: 0 0 33.33333333%!important;
    max-width: 33.33333333%!important
  }
  .col-m-5 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 41.66666667%!important;
    flex: 0 0 41.66666667%!important;
    max-width: 41.66666667%!important
  }
  .col-m-6 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important
  }
  .col-m-7 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 58.33333333%!important;
    flex: 0 0 58.33333333%!important;
    max-width: 58.33333333%!important
  }
  .col-m-8 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 66.66666667%!important;
    flex: 0 0 66.66666667%!important;
    max-width: 66.66666667%!important
  }
  .col-m-9 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%!important
  }
  .col-m-10 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 83.33333333%!important;
    flex: 0 0 83.33333333%!important;
    max-width: 83.33333333%!important
  }
  .col-m-11 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 91.66666667%!important;
    flex: 0 0 91.66666667%!important;
    max-width: 91.66666667%!important
  }
  .col-m-12 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important
  }
}

@media (min-width:900px) {
  .col-break-1 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 8.33333333%!important;
    flex: 0 0 8.33333333%!important;
    max-width: 8.33333333%!important
  }
  .col-break-2 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 16.66666667%!important;
    flex: 0 0 16.66666667%!important;
    max-width: 16.66666667%!important
  }
  .col-break-3 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%!important
  }
  .col-break-4 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 33.33333333%!important;
    flex: 0 0 33.33333333%!important;
    max-width: 33.33333333%!important
  }
  .col-break-5 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 41.66666667%!important;
    flex: 0 0 41.66666667%!important;
    max-width: 41.66666667%!important
  }
  .col-break-6 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important
  }
  .col-break-7 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 58.33333333%!important;
    flex: 0 0 58.33333333%!important;
    max-width: 58.33333333%!important
  }
  .col-break-8 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 66.66666667%!important;
    flex: 0 0 66.66666667%!important;
    max-width: 66.66666667%!important
  }
  .col-break-9 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%!important
  }
  .col-break-10 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 83.33333333%!important;
    flex: 0 0 83.33333333%!important;
    max-width: 83.33333333%!important
  }
  .col-break-11 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 91.66666667%!important;
    flex: 0 0 91.66666667%!important;
    max-width: 91.66666667%!important
  }
  .col-break-12 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important
  }
}

@media (min-width:900px) {
  .col-t-1 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 8.33333333%!important;
    flex: 0 0 8.33333333%!important;
    max-width: 8.33333333%!important
  }
  .col-t-2 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 16.66666667%!important;
    flex: 0 0 16.66666667%!important;
    max-width: 16.66666667%!important
  }
  .col-t-3 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%!important
  }
  .col-t-4 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 33.33333333%!important;
    flex: 0 0 33.33333333%!important;
    max-width: 33.33333333%!important
  }
  .col-t-5 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 41.66666667%!important;
    flex: 0 0 41.66666667%!important;
    max-width: 41.66666667%!important
  }
  .col-t-6 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important
  }
  .col-t-7 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 58.33333333%!important;
    flex: 0 0 58.33333333%!important;
    max-width: 58.33333333%!important
  }
  .col-t-8 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 66.66666667%!important;
    flex: 0 0 66.66666667%!important;
    max-width: 66.66666667%!important
  }
  .col-t-9 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%!important
  }
  .col-t-10 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 83.33333333%!important;
    flex: 0 0 83.33333333%!important;
    max-width: 83.33333333%!important
  }
  .col-t-11 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 91.66666667%!important;
    flex: 0 0 91.66666667%!important;
    max-width: 91.66666667%!important
  }
  .col-t-12 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important
  }
}

@media (min-width:1200px) {
  .col-d-1 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 8.33333333%!important;
    flex: 0 0 8.33333333%!important;
    max-width: 8.33333333%!important
  }
  .col-d-2 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 16.66666667%!important;
    flex: 0 0 16.66666667%!important;
    max-width: 16.66666667%!important
  }
  .col-d-3 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%!important
  }
  .col-d-4 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 33.33333333%!important;
    flex: 0 0 33.33333333%!important;
    max-width: 33.33333333%!important
  }
  .col-d-5 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 41.66666667%!important;
    flex: 0 0 41.66666667%!important;
    max-width: 41.66666667%!important
  }
  .col-d-6 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important
  }
  .col-d-7 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 58.33333333%!important;
    flex: 0 0 58.33333333%!important;
    max-width: 58.33333333%!important
  }
  .col-d-8 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 66.66666667%!important;
    flex: 0 0 66.66666667%!important;
    max-width: 66.66666667%!important
  }
  .col-d-9 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%!important
  }
  .col-d-10 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 83.33333333%!important;
    flex: 0 0 83.33333333%!important;
    max-width: 83.33333333%!important
  }
  .col-d-11 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 91.66666667%!important;
    flex: 0 0 91.66666667%!important;
    max-width: 91.66666667%!important
  }
  .col-d-12 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important
  }
}

@media (min-width:1800px) {
  .col-h-1 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 8.33333333%!important;
    flex: 0 0 8.33333333%!important;
    max-width: 8.33333333%!important
  }
  .col-h-2 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 16.66666667%!important;
    flex: 0 0 16.66666667%!important;
    max-width: 16.66666667%!important
  }
  .col-h-3 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%!important
  }
  .col-h-4 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 33.33333333%!important;
    flex: 0 0 33.33333333%!important;
    max-width: 33.33333333%!important
  }
  .col-h-5 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 41.66666667%!important;
    flex: 0 0 41.66666667%!important;
    max-width: 41.66666667%!important
  }
  .col-h-6 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important
  }
  .col-h-7 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 58.33333333%!important;
    flex: 0 0 58.33333333%!important;
    max-width: 58.33333333%!important
  }
  .col-h-8 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 66.66666667%!important;
    flex: 0 0 66.66666667%!important;
    max-width: 66.66666667%!important
  }
  .col-h-9 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%!important
  }
  .col-h-10 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 83.33333333%!important;
    flex: 0 0 83.33333333%!important;
    max-width: 83.33333333%!important
  }
  .col-h-11 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 91.66666667%!important;
    flex: 0 0 91.66666667%!important;
    max-width: 91.66666667%!important
  }
  .col-h-12 {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important
  }
}

.col-g-1 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 8.33333333%!important;
  flex: 0 0 8.33333333%!important;
  max-width: 8.33333333%!important
}

.col-g-2 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 16.66666667%!important;
  flex: 0 0 16.66666667%!important;
  max-width: 16.66666667%!important
}

.col-g-3 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 25%!important;
  flex: 0 0 25%!important;
  max-width: 25%!important
}

.col-g-4 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 33.33333333%!important;
  flex: 0 0 33.33333333%!important;
  max-width: 33.33333333%!important
}

.col-g-5 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 41.66666667%!important;
  flex: 0 0 41.66666667%!important;
  max-width: 41.66666667%!important
}

.col-g-6 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 50%!important;
  flex: 0 0 50%!important;
  max-width: 50%!important
}

.col-g-7 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 58.33333333%!important;
  flex: 0 0 58.33333333%!important;
  max-width: 58.33333333%!important
}

.col-g-8 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 66.66666667%!important;
  flex: 0 0 66.66666667%!important;
  max-width: 66.66666667%!important
}

.col-g-9 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 75%!important;
  flex: 0 0 75%!important;
  max-width: 75%!important
}

.col-g-10 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 83.33333333%!important;
  flex: 0 0 83.33333333%!important;
  max-width: 83.33333333%!important
}

.col-g-11 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 91.66666667%!important;
  flex: 0 0 91.66666667%!important;
  max-width: 91.66666667%!important
}

.col-g-12 {
  -webkit-box-flex: 0!important;
  -ms-flex: 0 0 100%!important;
  flex: 0 0 100%!important;
  max-width: 100%!important
}

.bg-body {
  background-color: #F4F4F4!important
}

.txt-body {
  color: #F4F4F4!important
}

.border-body {
  border-color: #F4F4F4!important
}

.bg-white {
  background-color: #FFF!important
}

.txt-white {
  color: #FFF!important
}

.border-white {
  border-color: #FFF!important
}

.bg-purplenight {
  background-color: #4E5E6A!important
}

.txt-purplenight {
  color: #4E5E6A!important
}

.border-purplenight {
  border-color: #4E5E6A!important
}

.bg-primary {
  background-color: #888888!important
}

.txt-primary {
  color: #888888!important
}

.border-primary {
  border-color: #888888!important
}

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

.txt-secondary {
  color: #333333!important
}

.border-secondary {
  border-color: #333333!important
}

.bg-tertiary {
  background-color: #DCDCDC!important
}

.txt-tertiary {
  color: #DCDCDC!important
}

.border-tertiary {
  border-color: #DCDCDC!important
}

.bg-success {
  background-color: #69DBA4!important
}

.txt-success {
  color: #69DBA4!important
}

.border-success {
  border-color: #69DBA4!important
}

.bg-danger {
  background-color: #F57C7C!important
}

.txt-danger {
  color: #F57C7C!important
}

.border-danger {
  border-color: #F57C7C!important
}

.bg-gray {
  background-color: rgba(0, 0, 0, 0.5)!important
}

.txt-gray {
  color: rgba(0, 0, 0, 0.5)!important
}

.border-gray {
  border-color: rgba(0, 0, 0, 0.5)!important
}

.bg-light {
  background-color: rgba(0, 0, 0, 0.25)!important
}

.txt-light {
  color: rgba(0, 0, 0, 0.25)!important
}

.border-light {
  border-color: rgba(0, 0, 0, 0.25)!important
}

.bg-lighter {
  background-color: #F4F4F4!important
}

.txt-lighter {
  color: #F4F4F4!important
}

.border-lighter {
  border-color: #F4F4F4!important
}

.bg-lightest {
  background-color: rgba(0, 0, 0, 0.025)!important
}

.txt-lightest {
  color: rgba(0, 0, 0, 0.025)!important
}

.border-lightest {
  border-color: rgba(0, 0, 0, 0.025)!important
}

.bg-black-transparent {
  background-color: rgba(0, 0, 0, 0.5)!important
}

.txt-black-transparent {
  color: rgba(0, 0, 0, 0.5)!important
}

.border-black-transparent {
  border-color: rgba(0, 0, 0, 0.5)!important
}

.bg-fade {
  background-color: rgba(0, 0, 0, 0.05)!important
}

.txt-fade {
  color: rgba(0, 0, 0, 0.05)!important
}

.border-fade {
  border-color: rgba(0, 0, 0, 0.05)!important
}

.bg-gray-purple {
  background-color: #F0F1F4!important
}

.txt-gray-purple {
  color: #F0F1F4!important
}

.border-gray-purple {
  border-color: #F0F1F4!important
}

.bg-warning-light {
  background-color: #FFF6DB!important
}

.txt-warning-light {
  color: #FFF6DB!important
}

.border-warning-light {
  border-color: #FFF6DB!important
}

.bg-level-1 {
  background-color: rgba(0, 0, 0, 0.04)!important
}

.txt-level-1 {
  color: rgba(0, 0, 0, 0.04)!important
}

.border-level-1 {
  border-color: rgba(0, 0, 0, 0.04)!important
}

.bg-level-2 {
  background-color: rgba(0, 0, 0, 0.08)!important
}

.txt-level-2 {
  color: rgba(0, 0, 0, 0.08)!important
}

.border-level-2 {
  border-color: rgba(0, 0, 0, 0.08)!important
}

.bg-gray1 {
  background-color: rgba(255, 255, 255, 0.25)!important
}

.txt-gray1 {
  color: rgba(255, 255, 255, 0.25)!important
}

.border-gray1 {
  border-color: rgba(255, 255, 255, 0.25)!important
}

.bg-darker {
  background-color: #323232!important
}

.txt-darker {
  color: #323232!important
}

.border-darker {
  border-color: #323232!important
}

.bg-dark {
  background-color: #4c4c4c!important
}

.txt-dark {
  color: #4c4c4c!important
}

.border-dark {
  border-color: #4c4c4c!important
}

.bg-none {
  background: none!important
}

.bg-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

a[href="https://www.froala.com/wysiwyg-editor?k=u"] {
  display: none!important;
  position: absolute;
  top: -99999999px
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@-webkit-keyframes rumble {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0)
  }
}

@keyframes rumble {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0)
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0)
  }
}

.rumble {
  -webkit-animation: rumble 0.3s cubic-bezier(0.7, 0, 0.175, 1);
  animation: rumble 0.3s cubic-bezier(0.7, 0, 0.175, 1)
}

.spinner {
  display: inline-block!important;
  vertical-align: middle!important;
  border: solid 2px transparent;
  border-top-color: currentColor;
  border-left-color: currentColor;
  -webkit-animation: rotate 0.8s linear infinite;
  animation: rotate 0.8s linear infinite
}

.btn,
button {
  cursor: pointer
}

.btn:hover,
button:hover {
  opacity: 0.8
}

.btn:focus,
button:focus {
  -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.01), 0 0 0 1px rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.01), 0 0 0 1px rgba(0, 0, 0, 0.01)
}

.btn {
  padding: 0.7rem 1.5rem;
  border-radius: 4rem;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.04)
}

.btn-shadow {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032)
}

.btn.sm {
  padding: 0.25rem 1rem
}

.btn-square {
  width: 2.5rem;
  height: 2.5rem
}

ul.list-sortable li {
  position: relative
}

.shadow1 {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.032);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.032)
}

.shadow2 {
  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.16)
}

hr {
  border-top: 1px solid var(--border-color-light)
}

.inline-spacer {
  border-right: 1px solid var(--border-color-light);
  height: 2rem
}

[class*=" i-"],
[class^=i-] {
  font-size: 1.75rem;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  position: relative
}

[class*=" i-"]:before,
[class^=i-]:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

[class*=" i-"].xl,
[class^=i-].xl {
  font-size: 4rem
}

[class*=" icon-"],
[class^=icon-] {
  display: inline-block;
  vertical-align: middle;
  position: relative
}

[class*=" icon-"].xl,
[class^=icon-].xl {
  font-size: 3rem
}

.columns-bordered [class*=" col-"]:not(:last-of-type),
.columns-bordered [class^=col-]:not(:last-of-type) {
  border-right: 1px solid var(--border-color-light)
}

.flex {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.flex-shrink {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width:1200px) {
  .dflex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

[data-template] {
  display: none
}

input[type=checkbox].field,
input[type=radio].field {
  width: 1rem;
  height: 1rem;
  cursor: pointer
}

input[type=checkbox].field:checked,
input[type=radio].field:checked {
  background-color: #888888
}

input[type=checkbox].field.not-valid,
input[type=radio].field.not-valid {
  padding: 1rem;
  background-position: center;
  background-size: 1.5rem
}

input[type=radio].field {
  border-radius: 2rem
}

.field-prefix {
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.025);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--border-color-dark);
  border-right: 0;
  min-width: 4rem;
  text-align: center;
  font-weight: bold
}

.field-style {
  border: 1px solid var(--border-color-dark);
  border-radius: 4px;
  padding: 1rem
}

.field-style:focus {
  border-color: rgba(0, 0, 0, 0.2)
}

.field-style.has-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.field {
  border: 1px solid var(--border-color-dark);
  border-radius: 4px;
  padding: 1rem;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.field:focus {
  border-color: rgba(0, 0, 0, 0.2)
}

.field.has-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.field.style1 {
  border: none;
  background-color: var(--border-color-light);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032)
}

.field.style2 {
  border: none
}

.field.sm {
  padding: 0.5rem 0.7rem
}

.field.field-inline {
  display: inline-block!important;
  width: auto
}

input:disabled,
select:disabled,
textarea:disabled {
  opacity: 0.5
}

input.not-valid,
select.not-valid,
textarea.not-valid {
  padding-right: 2.5rem;
  border-color: var(--color-danger)!important
}

input.not-valid~.not-valid,
select.not-valid~.not-valid,
textarea.not-valid~.not-valid {
  line-height: 1rem;
  z-index: 10;
  padding: 0.5rem;
  font-size: 0.8rem;
  background: white;
  color: #444;
  border-radius: 0.25rem;
  position: absolute;
  -webkit-transform: translateY(-2rem);
  -ms-transform: translateY(-2rem);
  transform: translateY(-2rem);
  -webkit-box-shadow: 0 0 3rem var(--border-color-dark);
  box-shadow: 0 0 3rem var(--border-color-dark);
  opacity: 0;
  visibility: hidden;
  bottom: -1.5rem;
  right: 0.25rem
}

input.not-valid~.not-valid:after,
select.not-valid~.not-valid:after,
textarea.not-valid~.not-valid:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: -0.5rem;
  right: 0;
  border-width: 0 0 1rem 1rem;
  border-color: transparent transparent #FFF transparent
}

input:focus~.not-valid,
select:focus~.not-valid,
textarea:focus~.not-valid {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0.5rem);
  -ms-transform: translateY(0.5rem);
  transform: translateY(0.5rem)
}

.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px
}

.switch input {
  display: none
}

.switch input:checked+span {
  background-color: #888888
}

.switch input:checked+span:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px)
}

.switch input:focus+span {
  -webkit-box-shadow: 0 0 1px #888888;
  box-shadow: 0 0 1px #888888
}

.switch span {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 24px
}

.switch span:before {
  position: absolute;
  border-radius: 50%;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0
}

[data-visible-if] {
  display: none
}

.tab-nav-field-style {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.tab-nav-field-style li {
  cursor: pointer;
  padding: 0.5rem!important;
  padding-left: 1rem!important;
  padding-right: 1rem!important;
  border-right: 1px solid rgba(0, 0, 0, 0.08)
}

.tab-nav-field-style li.visible {
  font-weight: 700
}

.tab-nav-default li {
  cursor: pointer;
  padding-top: 1rem!important;
  padding-bottom: 1rem!important;
  padding-left: 2rem!important;
  padding-right: 2rem!important;
  margin: 0 2px!important;
  position: relative;
  z-index: 10;
  border-bottom: 4px solid rgba(0, 0, 0, 0.1)
}

.tab-nav-default li.visible {
  border-width: 4px;
  border-color: #888888
}

.tab-nav-default.tab-nav-big {
  margin: -2rem -2rem 0 -2rem!important;
  width: auto!important;
  background-color: rgba(0, 0, 0, 0.02)
}

.tab-nav-default.tab-nav-big li {
  padding: 2rem!important;
  border: 0!important
}

.tab-nav-default.tab-nav-big li.visible {
  background-color: white
}

@media (min-width:900px) {
  .w900 {
    max-width: 900px;
    margin: 0 auto
  }
}

@media (min-width:768px) {
  .w768 {
    max-width: 768px;
    margin: 0 auto
  }
}

.w480 {
  width: 480px;
  margin: 0 auto
}

@media (max-width:480px) {
  .w480 {
    width: 90vw
  }
}

.tabs nav:not([data-nav=dashboard]) ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%
}

.tabs nav:not([data-nav=dashboard]) ul>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.tabs nav:not([data-nav=dashboard]) ul li {
  cursor: pointer
}

.tabs .tab {
  width: 100%!important;
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  -webkit-transform: translateX(2rem);
  -ms-transform: translateX(2rem);
  transform: translateX(2rem)
}

.tabs .tab:not(.visible) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 0;
  overflow: hidden
}

.tabs .tab.visible {
  height: auto;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  position: relative!important;
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.tabs .tab.mh-320 {
  min-height: 320px
}

@media (min-width:1200px) {
  .main-absolute-container {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
    width: 768px
  }
}

.box-bordered {
  border: 1px solid var(--border-color-dark);
  border-radius: 4px;
  cursor: pointer
}

.box-bordered:hover {
  background-color: rgba(0, 0, 0, 0.02)
}

.default-table {
  border-collapse: separate;
  border-spacing: 0
}

.default-table tr td,
.default-table tr th {
  border-right: 1px solid var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
  padding: 1rem
}

.default-table tr td:first-child,
.default-table tr th:first-child {
  border-left: 1px solid var(--border-color-light)
}

.default-table tr th {
  background: rgba(0, 0, 0, 0.04);
  border-top: 1px solid var(--border-color-light);
  text-align: left
}

.default-table tr:first-child th:first-child {
  border-top-left-radius: 4px
}

.default-table tr:first-child th:last-child {
  border-top-right-radius: 4px
}

.default-table tr:last-child td:first-child {
  border-bottom-left-radius: 4px
}

.default-table tr:last-child td:last-child {
  border-bottom-right-radius: 4px
}

.scroll-x {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  overflow-y: hidden
}

.scroll-y {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  overflow-x: hidden
}

@media (min-width:1200px) {
  .df-d-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    x-justify-content: space-around;
    x-align-items: stretch;
    width: 100%!important
  }
}

.list-tooltip {
  max-height: 128px;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

.list-tooltip li {
  position: relative!important;
  z-index: 1;
  cursor: pointer
}

.list-tooltip li a {
  padding: 1rem!important;
  display: block!important
}

.list-tooltip li:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: transparent;
  border-radius: 4px!important
}

.list-item-border-bottom li:not(:last-of-type) {
  border-bottom: 1px solid var(--border-color-light)
}

.smooth-md {
  -webkit-clip-path: polygon(100% 50%, 100% 53.6%, 100% 55.6%, 100% 57.3%, 99.9% 58.9%, 99.9% 60.2%, 99.8% 61.5%, 99.8% 62.7%, 99.7% 63.9%, 99.6% 65%, 99.5% 66%, 99.4% 67%, 99.3% 68%, 99.2% 69%, 99% 69.9%, 98.9% 70.8%, 98.7% 71.6%, 98.6% 72.5%, 98.4% 73.3%, 98.2% 74.1%, 98% 74.9%, 97.8% 75.7%, 97.6% 76.4%, 97.4% 77.1%, 97.1% 77.9%, 96.9% 78.6%, 96.6% 79.3%, 96.4% 79.9%, 96.1% 80.6%, 95.8% 81.2%, 95.5% 81.9%, 95.2% 82.5%, 94.9% 83.1%, 94.6% 83.7%, 94.3% 84.3%, 93.9% 84.8%, 93.6% 85.4%, 93.2% 85.9%, 92.8% 86.5%, 92.4% 87%, 92% 87.5%, 91.6% 88%, 91.2% 88.5%, 90.8% 89%, 90.4% 89.5%, 89.9% 89.9%, 89.5% 90.4%, 89% 90.8%, 88.5% 91.2%, 88% 91.6%, 87.5% 92%, 87% 92.4%, 86.5% 92.8%, 85.9% 93.2%, 85.4% 93.6%, 84.8% 93.9%, 84.3% 94.3%, 83.7% 94.6%, 83.1% 94.9%, 82.5% 95.2%, 81.9% 95.5%, 81.2% 95.8%, 80.6% 96.1%, 79.9% 96.4%, 79.3% 96.6%, 78.6% 96.9%, 77.9% 97.1%, 77.1% 97.4%, 76.4% 97.6%, 75.7% 97.8%, 74.9% 98%, 74.1% 98.2%, 73.3% 98.4%, 72.5% 98.6%, 71.6% 98.7%, 70.8% 98.9%, 69.9% 99%, 69% 99.2%, 68% 99.3%, 67% 99.4%, 66% 99.5%, 65% 99.6%, 63.9% 99.7%, 62.7% 99.8%, 61.5% 99.8%, 60.2% 99.9%, 58.9% 99.9%, 57.3% 100%, 55.6% 100%, 53.6% 100%, 50% 100%, 46.4% 100%, 44.4% 100%, 42.7% 100%, 41.1% 99.9%, 39.8% 99.9%, 38.5% 99.8%, 37.3% 99.8%, 36.1% 99.7%, 35% 99.6%, 34% 99.5%, 33% 99.4%, 32% 99.3%, 31% 99.2%, 30.1% 99%, 29.2% 98.9%, 28.4% 98.7%, 27.5% 98.6%, 26.7% 98.4%, 25.9% 98.2%, 25.1% 98%, 24.3% 97.8%, 23.6% 97.6%, 22.9% 97.4%, 22.1% 97.1%, 21.4% 96.9%, 20.7% 96.6%, 20.1% 96.4%, 19.4% 96.1%, 18.8% 95.8%, 18.1% 95.5%, 17.5% 95.2%, 16.9% 94.9%, 16.3% 94.6%, 15.7% 94.3%, 15.2% 93.9%, 14.6% 93.6%, 14.1% 93.2%, 13.5% 92.8%, 13% 92.4%, 12.5% 92%, 12% 91.6%, 11.5% 91.2%, 11% 90.8%, 10.5% 90.4%, 10.1% 89.9%, 9.6% 89.5%, 9.2% 89%, 8.8% 88.5%, 8.4% 88%, 8% 87.5%, 7.6% 87%, 7.2% 86.5%, 6.8% 85.9%, 6.4% 85.4%, 6.1% 84.8%, 5.7% 84.3%, 5.4% 83.7%, 5.1% 83.1%, 4.8% 82.5%, 4.5% 81.9%, 4.2% 81.2%, 3.9% 80.6%, 3.6% 79.9%, 3.4% 79.3%, 3.1% 78.6%, 2.9% 77.9%, 2.6% 77.1%, 2.4% 76.4%, 2.2% 75.7%, 2% 74.9%, 1.8% 74.1%, 1.6% 73.3%, 1.4% 72.5%, 1.3% 71.6%, 1.1% 70.8%, 1% 69.9%, 0.8% 69%, 0.7% 68%, 0.6% 67%, 0.5% 66%, 0.4% 65%, 0.3% 63.9%, 0.2% 62.7%, 0.2% 61.5%, 0.1% 60.2%, 0.1% 58.9%, 0% 57.3%, 0% 55.6%, 0% 53.6%, 0% 50%, 0% 46.4%, 0% 44.4%, 0% 42.7%, 0.1% 41.1%, 0.1% 39.8%, 0.2% 38.5%, 0.2% 37.3%, 0.3% 36.1%, 0.4% 35%, 0.5% 34%, 0.6% 33%, 0.7% 32%, 0.8% 31%, 1% 30.1%, 1.1% 29.2%, 1.3% 28.4%, 1.4% 27.5%, 1.6% 26.7%, 1.8% 25.9%, 2% 25.1%, 2.2% 24.3%, 2.4% 23.6%, 2.6% 22.9%, 2.9% 22.1%, 3.1% 21.4%, 3.4% 20.7%, 3.6% 20.1%, 3.9% 19.4%, 4.2% 18.8%, 4.5% 18.1%, 4.8% 17.5%, 5.1% 16.9%, 5.4% 16.3%, 5.7% 15.7%, 6.1% 15.2%, 6.4% 14.6%, 6.8% 14.1%, 7.2% 13.5%, 7.6% 13%, 8% 12.5%, 8.4% 12%, 8.8% 11.5%, 9.2% 11%, 9.6% 10.5%, 10.1% 10.1%, 10.5% 9.6%, 11% 9.2%, 11.5% 8.8%, 12% 8.4%, 12.5% 8%, 13% 7.6%, 13.5% 7.2%, 14.1% 6.8%, 14.6% 6.4%, 15.2% 6.1%, 15.7% 5.7%, 16.3% 5.4%, 16.9% 5.1%, 17.5% 4.8%, 18.1% 4.5%, 18.8% 4.2%, 19.4% 3.9%, 20.1% 3.6%, 20.7% 3.4%, 21.4% 3.1%, 22.1% 2.9%, 22.9% 2.6%, 23.6% 2.4%, 24.3% 2.2%, 25.1% 2%, 25.9% 1.8%, 26.7% 1.6%, 27.5% 1.4%, 28.4% 1.3%, 29.2% 1.1%, 30.1% 1%, 31% 0.8%, 32% 0.7%, 33% 0.6%, 34% 0.5%, 35% 0.4%, 36.1% 0.3%, 37.3% 0.2%, 38.5% 0.2%, 39.8% 0.1%, 41.1% 0.1%, 42.7% 0%, 44.4% 0%, 46.4% 0%, 50% 0%, 53.6% 0%, 55.6% 0%, 57.3% 0%, 58.9% 0.1%, 60.2% 0.1%, 61.5% 0.2%, 62.7% 0.2%, 63.9% 0.3%, 65% 0.4%, 66% 0.5%, 67% 0.6%, 68% 0.7%, 69% 0.8%, 69.9% 1%, 70.8% 1.1%, 71.6% 1.3%, 72.5% 1.4%, 73.3% 1.6%, 74.1% 1.8%, 74.9% 2%, 75.7% 2.2%, 76.4% 2.4%, 77.1% 2.6%, 77.9% 2.9%, 78.6% 3.1%, 79.3% 3.4%, 79.9% 3.6%, 80.6% 3.9%, 81.2% 4.2%, 81.9% 4.5%, 82.5% 4.8%, 83.1% 5.1%, 83.7% 5.4%, 84.3% 5.7%, 84.8% 6.1%, 85.4% 6.4%, 85.9% 6.8%, 86.5% 7.2%, 87% 7.6%, 87.5% 8%, 88% 8.4%, 88.5% 8.8%, 89% 9.2%, 89.5% 9.6%, 89.9% 10.1%, 90.4% 10.5%, 90.8% 11%, 91.2% 11.5%, 91.6% 12%, 92% 12.5%, 92.4% 13%, 92.8% 13.5%, 93.2% 14.1%, 93.6% 14.6%, 93.9% 15.2%, 94.3% 15.7%, 94.6% 16.3%, 94.9% 16.9%, 95.2% 17.5%, 95.5% 18.1%, 95.8% 18.8%, 96.1% 19.4%, 96.4% 20.1%, 96.6% 20.7%, 96.9% 21.4%, 97.1% 22.1%, 97.4% 22.9%, 97.6% 23.6%, 97.8% 24.3%, 98% 25.1%, 98.2% 25.9%, 98.4% 26.7%, 98.6% 27.5%, 98.7% 28.4%, 98.9% 29.2%, 99% 30.1%, 99.2% 31%, 99.3% 32%, 99.4% 33%, 99.5% 34%, 99.6% 35%, 99.7% 36.1%, 99.8% 37.3%, 99.8% 38.5%, 99.9% 39.8%, 99.9% 41.1%, 100% 42.7%, 100% 44.4%, 100% 46.4%, 100% 0);
  clip-path: polygon(100% 50%, 100% 53.6%, 100% 55.6%, 100% 57.3%, 99.9% 58.9%, 99.9% 60.2%, 99.8% 61.5%, 99.8% 62.7%, 99.7% 63.9%, 99.6% 65%, 99.5% 66%, 99.4% 67%, 99.3% 68%, 99.2% 69%, 99% 69.9%, 98.9% 70.8%, 98.7% 71.6%, 98.6% 72.5%, 98.4% 73.3%, 98.2% 74.1%, 98% 74.9%, 97.8% 75.7%, 97.6% 76.4%, 97.4% 77.1%, 97.1% 77.9%, 96.9% 78.6%, 96.6% 79.3%, 96.4% 79.9%, 96.1% 80.6%, 95.8% 81.2%, 95.5% 81.9%, 95.2% 82.5%, 94.9% 83.1%, 94.6% 83.7%, 94.3% 84.3%, 93.9% 84.8%, 93.6% 85.4%, 93.2% 85.9%, 92.8% 86.5%, 92.4% 87%, 92% 87.5%, 91.6% 88%, 91.2% 88.5%, 90.8% 89%, 90.4% 89.5%, 89.9% 89.9%, 89.5% 90.4%, 89% 90.8%, 88.5% 91.2%, 88% 91.6%, 87.5% 92%, 87% 92.4%, 86.5% 92.8%, 85.9% 93.2%, 85.4% 93.6%, 84.8% 93.9%, 84.3% 94.3%, 83.7% 94.6%, 83.1% 94.9%, 82.5% 95.2%, 81.9% 95.5%, 81.2% 95.8%, 80.6% 96.1%, 79.9% 96.4%, 79.3% 96.6%, 78.6% 96.9%, 77.9% 97.1%, 77.1% 97.4%, 76.4% 97.6%, 75.7% 97.8%, 74.9% 98%, 74.1% 98.2%, 73.3% 98.4%, 72.5% 98.6%, 71.6% 98.7%, 70.8% 98.9%, 69.9% 99%, 69% 99.2%, 68% 99.3%, 67% 99.4%, 66% 99.5%, 65% 99.6%, 63.9% 99.7%, 62.7% 99.8%, 61.5% 99.8%, 60.2% 99.9%, 58.9% 99.9%, 57.3% 100%, 55.6% 100%, 53.6% 100%, 50% 100%, 46.4% 100%, 44.4% 100%, 42.7% 100%, 41.1% 99.9%, 39.8% 99.9%, 38.5% 99.8%, 37.3% 99.8%, 36.1% 99.7%, 35% 99.6%, 34% 99.5%, 33% 99.4%, 32% 99.3%, 31% 99.2%, 30.1% 99%, 29.2% 98.9%, 28.4% 98.7%, 27.5% 98.6%, 26.7% 98.4%, 25.9% 98.2%, 25.1% 98%, 24.3% 97.8%, 23.6% 97.6%, 22.9% 97.4%, 22.1% 97.1%, 21.4% 96.9%, 20.7% 96.6%, 20.1% 96.4%, 19.4% 96.1%, 18.8% 95.8%, 18.1% 95.5%, 17.5% 95.2%, 16.9% 94.9%, 16.3% 94.6%, 15.7% 94.3%, 15.2% 93.9%, 14.6% 93.6%, 14.1% 93.2%, 13.5% 92.8%, 13% 92.4%, 12.5% 92%, 12% 91.6%, 11.5% 91.2%, 11% 90.8%, 10.5% 90.4%, 10.1% 89.9%, 9.6% 89.5%, 9.2% 89%, 8.8% 88.5%, 8.4% 88%, 8% 87.5%, 7.6% 87%, 7.2% 86.5%, 6.8% 85.9%, 6.4% 85.4%, 6.1% 84.8%, 5.7% 84.3%, 5.4% 83.7%, 5.1% 83.1%, 4.8% 82.5%, 4.5% 81.9%, 4.2% 81.2%, 3.9% 80.6%, 3.6% 79.9%, 3.4% 79.3%, 3.1% 78.6%, 2.9% 77.9%, 2.6% 77.1%, 2.4% 76.4%, 2.2% 75.7%, 2% 74.9%, 1.8% 74.1%, 1.6% 73.3%, 1.4% 72.5%, 1.3% 71.6%, 1.1% 70.8%, 1% 69.9%, 0.8% 69%, 0.7% 68%, 0.6% 67%, 0.5% 66%, 0.4% 65%, 0.3% 63.9%, 0.2% 62.7%, 0.2% 61.5%, 0.1% 60.2%, 0.1% 58.9%, 0% 57.3%, 0% 55.6%, 0% 53.6%, 0% 50%, 0% 46.4%, 0% 44.4%, 0% 42.7%, 0.1% 41.1%, 0.1% 39.8%, 0.2% 38.5%, 0.2% 37.3%, 0.3% 36.1%, 0.4% 35%, 0.5% 34%, 0.6% 33%, 0.7% 32%, 0.8% 31%, 1% 30.1%, 1.1% 29.2%, 1.3% 28.4%, 1.4% 27.5%, 1.6% 26.7%, 1.8% 25.9%, 2% 25.1%, 2.2% 24.3%, 2.4% 23.6%, 2.6% 22.9%, 2.9% 22.1%, 3.1% 21.4%, 3.4% 20.7%, 3.6% 20.1%, 3.9% 19.4%, 4.2% 18.8%, 4.5% 18.1%, 4.8% 17.5%, 5.1% 16.9%, 5.4% 16.3%, 5.7% 15.7%, 6.1% 15.2%, 6.4% 14.6%, 6.8% 14.1%, 7.2% 13.5%, 7.6% 13%, 8% 12.5%, 8.4% 12%, 8.8% 11.5%, 9.2% 11%, 9.6% 10.5%, 10.1% 10.1%, 10.5% 9.6%, 11% 9.2%, 11.5% 8.8%, 12% 8.4%, 12.5% 8%, 13% 7.6%, 13.5% 7.2%, 14.1% 6.8%, 14.6% 6.4%, 15.2% 6.1%, 15.7% 5.7%, 16.3% 5.4%, 16.9% 5.1%, 17.5% 4.8%, 18.1% 4.5%, 18.8% 4.2%, 19.4% 3.9%, 20.1% 3.6%, 20.7% 3.4%, 21.4% 3.1%, 22.1% 2.9%, 22.9% 2.6%, 23.6% 2.4%, 24.3% 2.2%, 25.1% 2%, 25.9% 1.8%, 26.7% 1.6%, 27.5% 1.4%, 28.4% 1.3%, 29.2% 1.1%, 30.1% 1%, 31% 0.8%, 32% 0.7%, 33% 0.6%, 34% 0.5%, 35% 0.4%, 36.1% 0.3%, 37.3% 0.2%, 38.5% 0.2%, 39.8% 0.1%, 41.1% 0.1%, 42.7% 0%, 44.4% 0%, 46.4% 0%, 50% 0%, 53.6% 0%, 55.6% 0%, 57.3% 0%, 58.9% 0.1%, 60.2% 0.1%, 61.5% 0.2%, 62.7% 0.2%, 63.9% 0.3%, 65% 0.4%, 66% 0.5%, 67% 0.6%, 68% 0.7%, 69% 0.8%, 69.9% 1%, 70.8% 1.1%, 71.6% 1.3%, 72.5% 1.4%, 73.3% 1.6%, 74.1% 1.8%, 74.9% 2%, 75.7% 2.2%, 76.4% 2.4%, 77.1% 2.6%, 77.9% 2.9%, 78.6% 3.1%, 79.3% 3.4%, 79.9% 3.6%, 80.6% 3.9%, 81.2% 4.2%, 81.9% 4.5%, 82.5% 4.8%, 83.1% 5.1%, 83.7% 5.4%, 84.3% 5.7%, 84.8% 6.1%, 85.4% 6.4%, 85.9% 6.8%, 86.5% 7.2%, 87% 7.6%, 87.5% 8%, 88% 8.4%, 88.5% 8.8%, 89% 9.2%, 89.5% 9.6%, 89.9% 10.1%, 90.4% 10.5%, 90.8% 11%, 91.2% 11.5%, 91.6% 12%, 92% 12.5%, 92.4% 13%, 92.8% 13.5%, 93.2% 14.1%, 93.6% 14.6%, 93.9% 15.2%, 94.3% 15.7%, 94.6% 16.3%, 94.9% 16.9%, 95.2% 17.5%, 95.5% 18.1%, 95.8% 18.8%, 96.1% 19.4%, 96.4% 20.1%, 96.6% 20.7%, 96.9% 21.4%, 97.1% 22.1%, 97.4% 22.9%, 97.6% 23.6%, 97.8% 24.3%, 98% 25.1%, 98.2% 25.9%, 98.4% 26.7%, 98.6% 27.5%, 98.7% 28.4%, 98.9% 29.2%, 99% 30.1%, 99.2% 31%, 99.3% 32%, 99.4% 33%, 99.5% 34%, 99.6% 35%, 99.7% 36.1%, 99.8% 37.3%, 99.8% 38.5%, 99.9% 39.8%, 99.9% 41.1%, 100% 42.7%, 100% 44.4%, 100% 46.4%, 100% 0)
}

.min-vh.less {
  min-height: 100vh
}

@media (max-width:899px) {
  .min-vh.less {
    min-height: calc(100vh - 4rem)
  }
}

@media (min-width:900px) {
  .min-vh {
    min-height: calc(100vh - 4rem)
  }
}

@media (max-width:899px) {
  .min-vh {
    min-height: calc(100vh - 8rem)
  }
}

img[data-src] {
  opacity: 0;
  visibility: hidden
}

img[data-src].visible {
  opacity: 1;
  visibility: visible
}

[data-hidden] {
  display: none
}

[data-sub] {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: none
}

.badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 32px;
  color: #868686;
  background-color: #86868626
}

.badge.green {
  background: #69dba426;
  color: #46b37e
}

.badge.red {
  background: #f67b7b26;
  color: #f67b7b
}

.badge.yellow {
  background: #FFD24D26;
  color: #FFD24D
}

.badge.blue {
  background: #3f91d21A;
  color: #3f91d2
}

.alert.yellow {
  color: #caa22e;
  background: #FFD24D26
}

:root {
  --color-success: #69DBA4;
  --color-danger: #F57C7C;
  --border-color-dark: rgba(0, 0, 0, 0.15);
  --border-color-light: rgba(0, 0, 0, 0.065);
  --ck-drop-shadow: 0;
  --ck-spacing-small: calc(var(--ck-spacing-unit) * 0.75);
  --ck-border-radius: 4px;
  --ck-color-toolbar-background: #FFF;
  --ck-color-base-border: var(--border-color-dark);
  --ck-color-toolbar-border: var(--border-color-dark);
  --ck-spacing-standard: 1rem;
  --ck-focus-ring: 1px solid var(--color-primary);
  --ck-inner-shadow: none;
  --ck-color-button-on-background: rgba(0, 0, 0, 0.05);
  --ck-color-list-button-on-background: rgba(0, 0, 0, 0.05);
  --ck-color-list-button-on-background-focus: rgba(0, 0, 0, 0.025);
  --ck-color-list-button-on-text: #4E5E6A
}

.ck.ck-toolbar {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  -webkit-transform: translateY(4rem);
  -ms-transform: translateY(4rem);
  transform: translateY(4rem)
}

@media (max-width:899px) {
  .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
    -webkit-transform: translateY(8rem);
    -ms-transform: translateY(8rem);
    transform: translateY(8rem)
  }
}

html {
  width: 100%;
  overflow-x: hidden
}

body {
  width: 100%
}

@media (max-width:899px) {
  body.dashboard {
    padding-top: 4rem
  }
}

html,
input,
select,
textarea {
  color: #4E5E6A!important
}

.fixed-column {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

.flex-html body,
html.flex-html {
  height: 100%
}

.flex-html .page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.flex-html .page-footer,
.flex-html .page-header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.flex-html .page-content {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative
}

@media (min-width:900px) {
  .calendar-view {
    margin-left: 256px
  }
}

.calendar-view .height-eq {
  height: 100vh
}

@media (max-width:899px) {
  .calendar-view .height-eq {
    height: calc(100vh - 4rem)
  }
}

.calendar-view .calendar-controller {
  padding: 0.5rem!important;
  z-index: 2;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.035), 0 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.035), 0 1px rgba(0, 0, 0, 0.05);
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

.calendar-view .day-week-row {
  background-color: #FFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1
}

.calendar-view .day-week-row .day {
  background-color: #FFF
}

.calendar-view .calendar-form {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  background-color: #FFF!important
}

@media (min-width:900px) {
  .calendar-view .calendar-form {
    width: 50%!important
  }
}

@media (max-width:899px) {
  .calendar-view .calendar-form {
    width: 100%!important
  }
}

.calendar-view .calendar-form select {
  background-image: none;
  border-radius: 4px;
  padding: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: rgba(0, 0, 0, 0.035)
}

.calendar-view .calendar-form select:not(:last-of-type) {
  margin-right: 0.5rem
}

.calendar-view .calendar-form select:hover {
  background-color: rgba(0, 0, 0, 0.05)
}

.calendar-view .calendar-form form {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.calendar-view .calendar-body {
  background-color: white;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.calendar-view .calendar-body .day.hide {
  background-color: #f6f6f6!important
}

.calendar-view .calendar-body .day-row {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.calendar-view .calendar-body .day-row .day {
  padding: 0.5rem
}

.calendar-view .calendar-body .day-row .day-tile {
  position: relative;
  background-color: rgba(0, 0, 0, 0.035)
}

.calendar-view .calendar-body .day-row .day-tile.single {
  border-left: 4px solid;
  border-radius: 4px
}

.calendar-view .calendar-body .day-row .day-tile.middle {
  margin-left: -0.5rem;
  margin-right: -0.5rem
}

.calendar-view .calendar-body .day-row .day-tile.end {
  margin-left: -0.5rem;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.calendar-view .calendar-body .day-row .day-tile.init {
  border-left: 4px solid;
  margin-right: -0.5rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.calendar-view .calendar-body .day-row .day-tile .link {
  padding: 1rem;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0
}

.calendar-view .calendar-body .day-row .day-tile .link:hover {
  opacity: 0.5
}

.calendar-view .calendar-body .day-week {
  font-size: 0.85rem;
  font-weight: 700;
  padding: 1rem!important
}

.calendar-view .calendar-body .day-week span {
  font-weight: 400;
  text-transform: uppercase;
  margin-right: 0.5rem!important
}

.calendar-view .calendar-body .day-tile {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.calendar-view .calendar-body>div {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  width: 100%!important
}

.calendar-view .calendar-body>div .day {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14.28571429%;
  flex: 0 0 14.28571429%;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.05)
}

@media (max-width:899px) {
  .calendar-view .calendar-body>div .day {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
  }
}

.calendar-view .calendar-body>div .day:not(:last-of-type) {
  -webkit-box-shadow: inset -1px -1px rgba(0, 0, 0, 0.05);
  box-shadow: inset -1px -1px rgba(0, 0, 0, 0.05)
}

.aside-hide-btn {
  display: none
}

body.aside-float .aside-hide-btn {
  display: block!important
}

@media (min-width:900px) {
  body.aside-float aside {
    -webkit-transform: translateX(-480px);
    -ms-transform: translateX(-480px);
    transform: translateX(-480px);
    z-index: 5
  }
  body.aside-float main {
    margin-left: 256px
  }
}

body.aside-float .aside-trigger {
  display: block!important
}

@media (min-width:900px) {
  body.aside-visible aside {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

@media (max-width:899px) {
  body.aside-toggle aside {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    pointer-events: auto;
    opacity: 1;
    visibility: visible
  }
}

.absolute-container {
  width: 100%!important;
  text-align: center!important;
  padding: 2rem!important
}

@media (min-width:900px) {
  .absolute-container {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important
  }
}

@media (max-width:899px) {}

@media (max-width:899px) {
  .header_mobile {
    position: fixed;
    width: 100vw;
    top: 0;
    z-index: 10
  }
}

header {
  background-color: #323232;
  color: #FFF;
  -webkit-box-shadow: 1px 0 32px rgba(0, 0, 0, 0.32);
  box-shadow: 1px 0 32px rgba(0, 0, 0, 0.32);
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 256px;
  color: #FFFFFF;
  z-index: 10;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width:900px) {
  header {
    overflow: unset
  }
}

@media (max-width:899px) {
  header {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    -o-transition: transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.175, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    -webkit-transform: translateX(-256px);
    -ms-transform: translateX(-256px);
    transform: translateX(-256px);
    -webkit-box-shadow: none;
    box-shadow: none
  }
  header.visible {
    -webkit-box-shadow: 0 0 32px var(--border-color-light);
    box-shadow: 0 0 32px var(--border-color-light);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

header .header-static {
  padding: 2rem!important;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 2rem
}

header .header-fixed {
  padding: 2rem!important;
  background-color: rgba(0, 0, 0, 0.1);
  -ms-flex-negative: 0;
  flex-shrink: 0
}

header .header-fixed a {
  color: rgba(255, 255, 255, 0.5)
}

header .header-fixed a:hover {
  text-decoration: underline
}

header .header-top input {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.75rem 1rem;
  border-radius: 8px;
  color: white!important;
  width: 100%
}

header .header-top input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25)
}

header .header-top input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25)
}

header .header-top input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.25)
}

header .header-top input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.25)
}

header .header-center {
  margin: 4rem 0
}

header .header-center ul {
  font-size: 1.15rem;
  list-style: none;
  margin: 0;
  padding: 0
}

header .header-center ul li:not(:last-of-type) {
  margin-bottom: 1rem!important
}

header .header-center ul a {
  color: rgba(255, 255, 255, 0.25);
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

header .header-center ul a:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.15);
  margin-right: 1rem;
  display: inline-block!important
}

header .header-center ul a:hover {
  text-decoration: underline
}

header .header-center ul a.current {
  color: white;
  font-weight: 700
}

header .header-center ul a.current:before {
  background-color: currentColor
}

header .header-bottom h4 {
  margin-bottom: 2rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.75rem;
  text-transform: uppercase
}

header .header-bottom ul {
  list-style: none;
  margin: 0;
  padding: 0
}

header .header-bottom ul li:not(:last-of-type) {
  margin-bottom: 1rem!important
}

header .header-bottom ul li a {
  font-weight: bold;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

header .header-bottom ul li a:hover {
  text-decoration: underline
}

header .header-bottom ul li a i {
  width: 2rem;
  height: 2rem;
  border-radius: 6px;
  background-color: currentColor;
  margin-right: 1rem!important
}

header .header-bottom ul li a.current {
  color: white;
  font-weight: 700
}

header .header-bottom ul li a.current:before {
  background-color: currentColor
}

.icon_assistant {
  display: block;
  margin: 0 auto;
  width: 5rem;
  height: 5rem;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.1);
  background-color: currentColor;
  background-image: url('../assets/images/user.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%
}

aside {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: white
}

@media (min-width:900px) {
  aside {
    width: 480px;
    left: 256px;
    -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1);
    z-index: 1
  }
  aside>div {
    background-color: #FFF
  }
}

@media (max-width:899px) {
  aside {
    -webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.4s cubic-bezier(0.7, 0, 0.175, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    transition: opacity 0.4s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.4s cubic-bezier(0.7, 0, 0.175, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    -o-transition: transform 0.4s cubic-bezier(0.7, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.175, 1), visibility 0.4s cubic-bezier(0.7, 0, 0.175, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    left: 0;
    top: 4rem;
    width: 100vw;
    -webkit-transform: translateX(-2rem);
    -ms-transform: translateX(-2rem);
    transform: translateX(-2rem);
    opacity: 0;
    visibility: hidden;
    z-index: 4;
    pointer-events: none
  }
}

aside>div {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden
}

aside .list-item {
  position: relative;
  border-bottom: 1px solid var(--border-color-light)
}

aside .list-item.list-item-current {
  background-color: rgba(0, 0, 0, 0.0125);
  -webkit-box-shadow: inset -2px 0 0 var(--color-primary);
  box-shadow: inset -2px 0 0 var(--color-primary)
}

aside .list-item .actions {
  position: absolute;
  top: 50%;
  right: -1rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

aside .list-item .actions a {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 4px;
  cursor: pointer;
  background-color: #EEE;
  color: #4E5E6A!important;
  display: inline-block!important;
  text-align: center!important;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032)
}

aside .list-item .actions a:hover {
  color: rgba(0, 0, 0, 0.25)!important
}

aside .list-item:hover {
  background-color: rgba(0, 0, 0, 0.025)
}

aside .list-item:hover .actions {
  pointer-events: auto;
  right: 1rem;
  opacity: 1;
  visibility: visible
}

.aside-right {
  position: fixed;
  top: 0;
  right: 0;
  width: 350px;
  height: 100%;
  z-index: 10;
  background-color: #FFF!important;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 5;
  -webkit-transform: translateX(350px);
  -ms-transform: translateX(350px);
  transform: translateX(350px)
}

.aside-right.toggle {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-box-shadow: -6px 0 0 var(--border-color-light), -1px 0 0 var(--border-color-light);
  box-shadow: -6px 0 0 var(--border-color-light), -1px 0 0 var(--border-color-light)
}

@media (max-width:899px) {
  .aside-right {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    -o-transition: transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.175, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.175, 1);
    -webkit-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
    top: calc(4rem + 1px);
    height: calc(100vh - 4rem);
    width: 100vw
  }
}

.aside-right [data-filter] a {
  margin-left: 1rem;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 2rem;
  cursor: pointer;
  background-color: #FFF!important;
  color: rgba(0, 0, 0, 0.25)!important;
  display: inline-block!important;
  font-size: 2rem;
  text-align: center!important;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032)
}

.aside-right [data-filter] a:hover {
  color: #4E5E6A!important
}

main {
  position: relative;
  z-index: 3
}

@media (min-width:900px) {
  main {
    margin-left: 736px
  }
  main.aside-less {
    margin-left: 256px
  }
}

@media (max-width:899px) {
  main {
    -webkit-box-shadow: 0 0 32px var(--border-color-light);
    box-shadow: 0 0 32px var(--border-color-light)
  }
}

main .main-header {
  background-color: rgba(0, 0, 0, 0.08);
  background-color: #ebebeb!important;
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

@media (max-width:899px) {
  main .main-header {
    top: 4rem
  }
}

main .main-footer,
main .main-header {
  z-index: 99
}

main .main-footer {
  background-color: #F0F0F0;
  position: fixed!important;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden
}

main .main-footer.show {
  opacity: 1;
  visibility: visible;
  max-height: 4rem
}

main .main-body {
  position: relative!important
}

@media (min-width:900px) {
  main .main-body .aside-form {
    width: 320px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px
  }
}

@media (max-width:899px) {
  main .main-body .aside-form {
    background-color: rgba(0, 0, 0, 0.025);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    width: 100%
  }
}

.sticky-tab-head {
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px rgba(0, 0, 0, 0.06);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  top: 8rem;
  z-index: 1;
  background-color: #FFF!important
}

@media (min-width:900px) {
  .sticky-tab-head {
    top: 4rem
  }
}

.sticky-submit {
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px rgba(0, 0, 0, 0.06)
}

@media (min-width:900px) {
  .sticky-submit {
    background-color: #FFF!important;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    top: 4rem;
    z-index: 1
  }
}

.overlay {
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  position: fixed!important;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.overlay.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.table-scroll-x {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  height: calc(100vh - 4.15rem)
}

@media (max-width:899px) {
  .table-scroll-x {
    height: calc(100vh - 8.15rem)
  }
}

.table-scroll-x table {
  margin-bottom: 4rem
}

.table-right-fixed-column {
  -webkit-transform: translateX(-2rem);
  -ms-transform: translateX(-2rem);
  transform: translateX(-2rem);
  opacity: 0;
  visibility: hidden;
  width: 0;
  padding: 0!important;
  position: -webkit-sticky;
  position: sticky;
  right: 0
}

.table-right-fixed-column>div {
  position: relative
}

.table-right-fixed-column>div>div {
  padding: 0.825rem;
  position: absolute;
  right: 0;
  top: -2.05rem;
  background-color: white;
  -webkit-box-shadow: -1px 0 0 var(--border-color-light), -4px 0 0 rgba(0, 0, 0, 0.02);
  box-shadow: -1px 0 0 var(--border-color-light), -4px 0 0 rgba(0, 0, 0, 0.02);
  z-index: 1
}

.table-right-fixed-column>div>div a {
  width: 2.5rem;
  line-height: 2.5rem;
  border-radius: 4px;
  cursor: pointer;
  background-color: var(--border-color-light);
  color: rgba(0, 0, 0, 0.25)!important;
  display: inline-block!important;
  text-align: center!important;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032)
}

.table-right-fixed-column>div>div a:hover {
  color: #4E5E6A!important
}

.table-header-fixed {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 0;
  z-index: 10
}

.table-header-fixed>div {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  background-color: white;
  z-index: 10;
  border-bottom: solid 1px var(--border-color-light)
}

.table-header-fixed>div div {
  display: inline-block;
  vertical-align: middle;
  padding: 1rem;
  font-weight: bold
}

table.table-bordered {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.02);
  border: 0
}

table.table-bordered thead th {
  background-color: rgba(0, 0, 0, 0.03)
}

table.table-bordered td,
table.table-bordered th {
  border: 0;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1)
}

table.table-bordered tr:last-of-type td {
  -webkit-box-shadow: none;
  box-shadow: none
}

table.table {
  border: none;
  border-right: solid 1px var(--border-color-light);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%
}

table.table td,
table.table th {
  padding: 1rem
}

table.table thead {
  z-index: 10;
  position: relative
}

table.table thead th {
  border-bottom: solid 1px var(--border-color-light);
  text-align: left;
  white-space: nowrap
}

table.table tbody tr {
  cursor: pointer;
  position: relative
}

table.table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02)
}

table.table tbody tr:hover .table-right-fixed-column {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  visibility: visible
}

table.table tbody td {
  border-bottom: solid 1px var(--border-color-light);
  white-space: nowrap
}

table.table-y {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%
}

table.table-y td,
table.table-y th {
  padding: 1rem
}

table.table-y th {
  border-right: solid 1px var(--border-color-light)
}

table.table-y tr:not(:last-of-type) td,
table.table-y tr:not(:last-of-type) th {
  border-bottom: solid 1px var(--border-color-light)
}

[data-template] {
  display: none
}

.horizontal-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%
}

.horizontal-items>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.sortable-template-item {
  padding-right: 1.25rem;
  border-bottom: 1px solid var(--border-color-light)
}

.sortable-template-item .drag-handle {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjc3NzgyMiAwIDAgMC43Nzc4MjIgNTYuODc3NyA1Ni44Nzc3KSI+PGc+Cgk8Zz4KCQk8Zz4KCQkJPGNpcmNsZSBjeD0iMjU2IiBjeT0iMjU2IiByPSI2NCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRThFOEU4IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9jaXJjbGU+CgkJCTxjaXJjbGUgY3g9IjI1NiIgY3k9IjQ0OCIgcj0iNjQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0U4RThFOCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvY2lyY2xlPgoJCQk8Y2lyY2xlIGN4PSIyNTYiIGN5PSI2NCIgcj0iNjQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0U4RThFOCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvY2lyY2xlPgoJCTwvZz4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+) center right -1px no-repeat, -webkit-gradient(linear, right top, left top, color-stop(1rem, rgba(0, 0, 0, 0.02)), color-stop(1rem, #FFFFFF));
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjc3NzgyMiAwIDAgMC43Nzc4MjIgNTYuODc3NyA1Ni44Nzc3KSI+PGc+Cgk8Zz4KCQk8Zz4KCQkJPGNpcmNsZSBjeD0iMjU2IiBjeT0iMjU2IiByPSI2NCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRThFOEU4IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9jaXJjbGU+CgkJCTxjaXJjbGUgY3g9IjI1NiIgY3k9IjQ0OCIgcj0iNjQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0U4RThFOCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvY2lyY2xlPgoJCQk8Y2lyY2xlIGN4PSIyNTYiIGN5PSI2NCIgcj0iNjQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0U4RThFOCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvY2lyY2xlPgoJCTwvZz4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+) center right -1px no-repeat, -webkit-linear-gradient(right, rgba(0, 0, 0, 0.02) 1rem, #FFFFFF 1rem);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjc3NzgyMiAwIDAgMC43Nzc4MjIgNTYuODc3NyA1Ni44Nzc3KSI+PGc+Cgk8Zz4KCQk8Zz4KCQkJPGNpcmNsZSBjeD0iMjU2IiBjeT0iMjU2IiByPSI2NCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRThFOEU4IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9jaXJjbGU+CgkJCTxjaXJjbGUgY3g9IjI1NiIgY3k9IjQ0OCIgcj0iNjQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0U4RThFOCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvY2lyY2xlPgoJCQk8Y2lyY2xlIGN4PSIyNTYiIGN5PSI2NCIgcj0iNjQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0U4RThFOCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvY2lyY2xlPgoJCTwvZz4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+) center right -1px no-repeat, -o-linear-gradient(right, rgba(0, 0, 0, 0.02) 1rem, #FFFFFF 1rem);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjc3NzgyMiAwIDAgMC43Nzc4MjIgNTYuODc3NyA1Ni44Nzc3KSI+PGc+Cgk8Zz4KCQk8Zz4KCQkJPGNpcmNsZSBjeD0iMjU2IiBjeT0iMjU2IiByPSI2NCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRThFOEU4IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9jaXJjbGU+CgkJCTxjaXJjbGUgY3g9IjI1NiIgY3k9IjQ0OCIgcj0iNjQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0U4RThFOCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvY2lyY2xlPgoJCQk8Y2lyY2xlIGN4PSIyNTYiIGN5PSI2NCIgcj0iNjQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0U4RThFOCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvY2lyY2xlPgoJCTwvZz4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+) center right -1px no-repeat, linear-gradient(to left, rgba(0, 0, 0, 0.02) 1rem, #FFFFFF 1rem);
  background-size: 16px, auto;
  width: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab
}

.sortable-template-item .drag-handle:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing
}

.select-item {
  background-color: #FFF!important
}

.select-item:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.box1 {
  -webkit-box-shadow: 0 0 0 1px var(--border-color-light);
  box-shadow: 0 0 0 1px var(--border-color-light);
  border-radius: 4px
}

.area {
  position: relative!important;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032);
  border-radius: 4px
}

.area:before {
  content: "";
  position: absolute!important;
  border: 7px dashed rgba(0, 0, 0, 0.2);
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px
}

.area .preview {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.area:hover {
  opacity: 0.5
}

@media (max-width:899px) {
  .area:after {
    content: "";
    display: block;
    padding-bottom: 100%
  }
}

@media (min-width:900px) {
  .area.square {
    width: 128px;
    height: 128px
  }
}

@media (max-width:899px) {
  .area.rectangle:after {
    padding-bottom: 40%
  }
}

.circlePercent {
  position: relative;
  top: 26px;
  left: 26px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: orange
}

.circlePercent:before,
.circlePercent>.progressEnd {
  position: absolute;
  z-index: 3;
  top: 2px;
  left: 45px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
  -ms-transform-origin: 3px 46px;
  -webkit-transform-origin: 3px 46px;
  transform-origin: 3px 46px;
  content: ""
}

.circlePercent:after,
.circlePercent>.progress {
  position: absolute;
  -ms-transform-origin: 48px 48px;
  -webkit-transform-origin: 48px 48px;
  transform-origin: 48px 48px;
  z-index: 0;
  top: 0;
  left: 0;
  width: 48px;
  height: 96px;
  border-radius: 48px 0 0 48px;
  background: orange;
  content: ""
}

.circlePercent.fiftyPlus:after {
  background: white;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.circlePercent>.progress.progress {
  background: white
}

.circlePercent>.counter {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  width: 100px;
  height: 100px;
  margin-top: -2px;
  margin-left: -2px;
  border-radius: 50%;
  border: 4px solid orange
}

.circlePercent>.counter:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -13px;
  width: 100%;
  height: 26px;
  font-size: 26px;
  line-height: 26px;
  font-family: sans-serif;
  text-align: center;
  color: white;
  content: attr(data-percent) "%"
}

.circlePercent>.counter:after {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 6px;
  left: 6px;
  border-radius: 50%;
  background: orange;
  content: ""
}

.circlePercent>.counter[data-percent="100"] {
  background: white
}

.entry_content * {
  line-height: 1.5
}

.entry_content ol,
.entry_content ul {
  padding-left: 2rem;
  margin: 1.5rem 0
}

.entry_content a[href]:not(.btn) {
  color: #888888;
  text-decoration: underline
}

.entry_content h1 {
  font-size: 1.5rem
}

.entry_content h1,
.entry_content h2,
.entry_content h3,
.entry_content h4,
.entry_content ol,
.entry_content p,
.entry_content table,
.entry_content ul {
  margin-bottom: 1rem
}

.entry_content table {
  width: 100%;
  border-collapse: collapse
}

.entry_content table.table-visible {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  border: 0
}

.entry_content table.table-visible thead th {
  background-color: rgba(0, 0, 0, 0.03)
}

.entry_content table.table-visible tr:not(:first-of-type) td,
.entry_content table.table-visible tr:not(:first-of-type) th {
  border: 0;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1)
}

.entry_content table.table-visible tr:not(:first-of-type) th {
  -webkit-box-shadow: none;
  box-shadow: none
}

.entry_content table td,
.entry_content table th {
  vertical-align: top;
  padding: 0.75rem
}

.entry_content table td table,
.entry_content table td td,
.entry_content table td th,
.entry_content table th table,
.entry_content table th td,
.entry_content table th th {
  margin: 0;
  padding: 0
}

.entry_content table th {
  vertical-align: bottom
}

.post_page_content {
  line-height: 1.8
}

.post_page_content h1,
.post_page_content h2,
.post_page_content h3,
.post_page_content h4 {
  pointer-events: none;
  line-height: 1;
  z-index: 1;
  position: relative!important
}

.post_page_content h1:before,
.post_page_content h2:before,
.post_page_content h3:before,
.post_page_content h4:before {
  display: block;
  content: " ";
  margin-top: -6rem;
  height: 6rem;
  visibility: hidden;
  pointer-events: none
}

.post_page_content h1 {
  font-size: 4rem;
  margin-bottom: 4rem
}

@media (max-width:899px) {
  .post_page_content h1 {
    font-size: 2.5rem
  }
}

.post_page_content h2 {
  font-size: 1.75rem;
  margin-bottom: 3rem
}

.post_page_content h3 {
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem
}

.post_page_content ol,
.post_page_content p,
.post_page_content ul {
  color: rgba(0, 0, 0, 0.65)
}

.post_page_content ol,
.post_page_content ul {
  margin-top: 1rem!important;
  margin-bottom: 1rem!important
}

.post_page_content hr {
  margin: 3rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.post_page_content pre {
  width: 100%;
  padding: 1.5rem;
  background-color: rgba(0, 0, 0, 0.035);
  border-radius: 0;
  overflow-x: scroll
}

.post_page_content pre code {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open sans, Helvetica Neue, sans-serif
}

.post_page_content table {
  background-color: rgba(0, 0, 0, 0.015);
  padding: 0.5rem;
  margin-bottom: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.04)
}

.post_page_content table td,
.post_page_content table th {
  white-space: nowrap;
  vertical-align: middle;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
  padding: 0.75rem 1.5rem
}

.post_page_content table td:last-of-type,
.post_page_content table th:last-of-type {
  border-right: 0
}

.post_page_content table th {
  font-size: 1.15rem;
  text-transform: uppercase
}

.post_page_content table tr:first-of-type td,
.post_page_content table tr:first-of-type th {
  border-top: 0
}

.post_page_content table th {
  border-top: 0
}

.post_page_content a:not(.btn) {
  text-decoration: underline;
  opacity: 0.8
}

.post_page_content a:not(.btn):hover {
  opacity: 1
}

.post_page_content img {
  max-width: 100%;
  height: auto
}

.list-aside li a {
  font-size: 1.15rem;
  font-weight: 700;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-color-light)
}

.list-aside li a.active {
  color: #888888!important
}

.fr-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  border-bottom: 1px solid var(--border-color-dark)
}

.fr-toolbar>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.fr-toolbar button {
  padding: 1rem;
  font-size: 12px
}

.fr-toolbar button:not(:last-of-type) {
  border-right: 1px solid var(--border-color-light)
}

.fr-toolbar button.fr-active {
  font-weight: bold;
  opacity: 0.9
}

.fr-box {
  border: 1px solid var(--border-color-dark);
  border-radius: 4px;
  padding: 1rem;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0
}

.fr-box:focus {
  border-color: rgba(0, 0, 0, 0.2)
}

.fr-box.has-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.fr-box.style1 {
  border: none;
  background-color: var(--border-color-light);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032)
}

.fr-box.style2 {
  border: none
}

.fr-box.sm {
  padding: 0.5rem 0.7rem
}

.fr-box.field-inline {
  display: inline-block!important;
  width: auto
}

.fr-box .fr-wrapper {
  padding: 1rem
}

.fr-box .fr-wrapper * {
  line-height: 1.5
}

.fr-box .fr-wrapper ol,
.fr-box .fr-wrapper ul {
  padding-left: 2rem;
  margin: 1.5rem 0
}

.fr-box .fr-wrapper a[href]:not(.btn) {
  color: #888888;
  text-decoration: underline
}

.fr-box .fr-wrapper h1 {
  font-size: 1.5rem
}

.fr-box .fr-wrapper h1,
.fr-box .fr-wrapper h2,
.fr-box .fr-wrapper h3,
.fr-box .fr-wrapper h4,
.fr-box .fr-wrapper ol,
.fr-box .fr-wrapper p,
.fr-box .fr-wrapper table,
.fr-box .fr-wrapper ul {
  margin-bottom: 1rem
}

.fr-box .fr-wrapper table {
  width: 100%;
  border-collapse: collapse
}

.fr-box .fr-wrapper table.table-visible {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  border: 0
}

.fr-box .fr-wrapper table.table-visible thead th {
  background-color: rgba(0, 0, 0, 0.03)
}

.fr-box .fr-wrapper table.table-visible tr:not(:first-of-type) td,
.fr-box .fr-wrapper table.table-visible tr:not(:first-of-type) th {
  border: 0;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1)
}

.fr-box .fr-wrapper table.table-visible tr:not(:first-of-type) th {
  -webkit-box-shadow: none;
  box-shadow: none
}

.fr-box .fr-wrapper table td,
.fr-box .fr-wrapper table th {
  vertical-align: top;
  padding: 0.75rem
}

.fr-box .fr-wrapper table td table,
.fr-box .fr-wrapper table td td,
.fr-box .fr-wrapper table td th,
.fr-box .fr-wrapper table th table,
.fr-box .fr-wrapper table th td,
.fr-box .fr-wrapper table th th {
  margin: 0;
  padding: 0
}

.fr-box .fr-wrapper table th {
  vertical-align: bottom
}

.toggle-parent .toggle {
  opacity: 0;
  visibility: hidden;
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  pointer-events: none
}

.toggle-parent .toggle:first-of-type {
  -webkit-transform: translateX(-2rem);
  -ms-transform: translateX(-2rem);
  transform: translateX(-2rem)
}

.toggle-parent .toggle:last-of-type {
  -webkit-transform: translateX(2rem);
  -ms-transform: translateX(2rem);
  transform: translateX(2rem)
}

.toggle-parent .toggle.visible {
  position: relative!important;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  pointer-events: auto
}

.hide-container {
  display: none
}

.custom-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding: 1rem!important
}

.custom-radio>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

@media (max-width:899px) {
  .custom-radio {
    width: calc(100% + 2rem);
    left: -1rem;
    position: relative
  }
}

.custom-radio label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  margin-right: 4px
}

.custom-radio label input {
  width: 1px;
  height: 1px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0
}

.custom-radio label input:checked+div {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.02);
  box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.02)
}

.custom-radio label div {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 2rem;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  border: 4px solid yellow
}

.btn-upload-container {
  border: 1px solid var(--border-color-dark)
}

nav[data-nav=dashboard] ul {
  border-radius: 6px;
  position: relative
}

nav[data-nav=dashboard] ul li {
  padding: 3rem 1rem;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: background-color 0.3s ease, z-index 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, z-index 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  -o-transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, z-index 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, z-index 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, z-index 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 1
}

nav[data-nav=dashboard] ul li .png {
  display: inline-block;
  border-radius: 8px;
  width: 5rem;
  height: 5rem;
  position: relative
}

nav[data-nav=dashboard] ul li .png:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: currentColor;
  border-radius: 8px;
  width: 5rem;
  height: 5rem;
  opacity: 0.06
}

nav[data-nav=dashboard] ul li .png img {
  z-index: 2;
  position: relative
}

nav[data-nav=dashboard] ul li>div {
  position: relative;
  z-index: 2
}

nav[data-nav=dashboard] ul li i {
  font-size: 4rem
}

nav[data-nav=dashboard] ul li:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.035);
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0
}

nav[data-nav=dashboard] ul li:hover {
  background-color: #FFF;
  border-color: rgba(0, 0, 0, 0.06);
  z-index: 2;
  text-decoration: underline
}

nav[data-nav=dashboard] ul li:hover .png {
  opacity: 0.5
}

.stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.push-flap {
  -webkit-transform: translate(0.75rem, -0.75rem);
  -ms-transform: translate(0.75rem, -0.75rem);
  transform: translate(0.75rem, -0.75rem)
}

.list-item-loading .shape,
.list-item-loading .txt-template {
  background-color: var(--border-color-light);
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: darkgray;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background: -o-linear-gradient(left, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  border-radius: 3px
}

.list-item-loading .txt-template {
  padding: 0.5rem!important
}

.animated-background {
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: darkgray;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background: -o-linear-gradient(left, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }
  to {
    background-position: 468px 0
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }
  to {
    background-position: 468px 0
  }
}

.bgbr {
  border-radius: 4px!important;
  background-color: #FFF!important;
  border: 1px solid #D6D9DF;
  -webkit-box-shadow: 0 0 16px var(--border-color-light);
  box-shadow: 0 0 16px var(--border-color-light)
}

body.translate {
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  transform: translateX(-100vw)
}

[data-ul=welcome] {
  width: 420px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 64px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 64px rgba(0, 0, 0, 0.08);
  position: relative!important
}

@media (max-width:479px) {
  [data-ul=welcome] {
    width: calc(100vw - 2rem)
  }
}

[data-ul=welcome] li {
  padding-bottom: 45%;
  position: relative;
  border-bottom: 1px solid var(--border-color-light);
  font-weight: 700
}

[data-ul=welcome] li a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

[data-ul=welcome] li a:hover {
  opacity: 0.5
}

[data-ul=welcome] li .icon {
  margin: 0 auto;
  width: 4rem;
  height: 4rem;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.1);
  background-color: currentColor;
  background-image: url('assets/images/user.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  margin-bottom: 0.5rem!important
}

[data-ul=welcome] li:nth-of-type(2)~li {
  border-bottom-width: 0
}

[data-ul=welcome] li:not(:nth-of-type(2n)) {
  border-right: 1px solid var(--border-color-light)
}

.flex-center {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

[data-ul=login] {
  width: 320px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 32px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 32px rgba(0, 0, 0, 0.08);
  position: relative!important
}

@media (max-width:479px) {
  [data-ul=login] {
    width: calc(100vw - 2rem)
  }
}

[data-ul=login] li {
  position: relative;
  font-weight: 700
}

[data-ul=login] li a {
  padding: 1rem!important;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

[data-ul=login] li a:hover {
  background-color: rgba(255, 255, 255, 0.025)
}

[data-ul=login] li .icon {
  width: 1rem;
  height: 1rem;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.1);
  background-color: currentColor;
  margin-right: 1rem!important
}

[data-ul=login] li:not(:last-of-type) {
  border-bottom: 1px solid var(--border-color-light)
}

.ui-autocomplete {
  width: 240px;
  z-index: 9999;
  position: relative!important;
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 4px!important;
  overflow: hidden;
  background-color: #FFF!important;
  -webkit-box-shadow: 0 0 32px var(--border-color-dark);
  box-shadow: 0 0 32px var(--border-color-dark)
}

.ui-autocomplete .ui-menu-item-wrapper {
  padding: 1rem!important;
  cursor: pointer
}

.ui-helper-hidden-accessible {
  display: none!important
}

.ui-button:active,
.ui-state-active,
.ui-state-active.ui-button:hover,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
  background-color: #F4F4F4!important
}

.btnsquareupload {
  width: 192px;
  height: 192px;
  border-radius: 4px;
  margin: 0 auto;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  padding: 2rem!important;
  position: relative!important;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.032)
}

.btnsquareupload:before {
  content: "";
  position: absolute!important;
  border: 7px dashed currentColor;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  opacity: 0.4
}

.btnsquareupload.uploaded {
  color: var(--color-primary)
}

.btnsquareupload:hover {
  opacity: 0.5
}

.qrcodecanvas {
  background-color: #222;
  overflow: hidden
}

.qrcodecanvas canvas {
  position: absolute!important;
  top: 50%!important;
  left: 50%!important;
  -webkit-transform: translate(-50%, -50%)!important;
  -ms-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important;
  height: 100%;
  width: auto
}

@media (min-width:900px) {
  .qrcodecanvas {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
    width: 480px;
    height: 480px
  }
}

@media (max-width:899px) {
  .qrcodecanvas {
    position: relative!important;
    width: calc(100vw);
    height: calc(100vh - 4rem)
  }
}

.btn-upload-async,
.btn-upload-async-custom {
  position: relative!important
}

.btn-upload-async-custom>div,
.btn-upload-async>div {
  position: absolute;
  width: 1px;
  height: 1px;
  bottom: -100%;
  right: 0
}

.btn-upload-async-custom>div input,
.btn-upload-async>div input {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0
}

.btn-upload-async-custom:after,
.btn-upload-async:after {
  pointer-events: none
}

.btn-upload-async-custom[data-status=OK],
.btn-upload-async[data-status=OK] {
  background-color: #69DBA4!important;
  color: #FFF!important
}

.btn-upload-async-custom[data-status=OK]:after,
.btn-upload-async[data-status=OK]:after {
  content: attr(data-str-success)
}

.btn-upload-async-custom[data-status=FAIL],
.btn-upload-async[data-status=FAIL] {
  background-color: #F57C7C!important;
  color: #FFF!important
}

.btn-upload-async-custom[data-status=FAIL]:after,
.btn-upload-async[data-status=FAIL]:after {
  content: attr(data-str-error)
}

.btn-upload-async-custom[data-status=NULL]:after,
.btn-upload-async[data-status=NULL]:after {
  content: attr(data-str-default)
}

.btn-upload-async-custom[data-status=FAIL]:hover,
.btn-upload-async-custom[data-status=OK]:hover,
.btn-upload-async[data-status=FAIL]:hover,
.btn-upload-async[data-status=OK]:hover {
  background-color: #F4F4F4!important;
  color: rgba(0, 0, 0, 0.5)!important
}

.btn-upload-async-custom[data-status=FAIL]:hover:after,
.btn-upload-async-custom[data-status=OK]:hover:after,
.btn-upload-async[data-status=FAIL]:hover:after,
.btn-upload-async[data-status=OK]:hover:after {
  content: attr(data-str-change)
}

[data-nav="dashboard"] .png img {
  width: 100%!important;
  height: auto
}

input.clear,
select.clear {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  mix-blend-mode: darken
}

.mask div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  background: #FFFFFF;
  border-radius: 6px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.mask div:after {
  content: "";
  display: block;
  padding-bottom: 100%
}

.calendar {
  text-align: center;
  border-radius: 4px;
  background-color: #F8F8F8;
  width: 128px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 128px;
  flex: 0 0 128px
}

.calendar div:first-of-type {
  font-size: 1.5rem;
  padding: 0.25rem;
  background-color: var(--color-primary);
  color: #FFF;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  font-weight: 700
}

.calendar div:nth-of-type(2) {
  font-size: 4rem
}

.calendar div:nth-of-type(3) {
  background-color: rgba(0, 0, 0, 0.025);
  font-size: 1.25rem;
  padding: 0.5rem
}

.aside-list .aside-list-label {
  padding: 1rem!important;
  background-color: #F8F8F8;
  text-transform: uppercase;
  font-size: 0.85rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  -webkit-box-shadow: 0 1px 0 var(--border-color-light);
  box-shadow: 0 1px 0 var(--border-color-light)
}

.translate-overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
  -o-transition: opacity 0.6s ease, visibility 0.6s ease;
  transition: opacity 0.6s ease, visibility 0.6s ease
}

.translate-overlay.visible {
  opacity: 1;
  visibility: visible
}

.dropdown .dropdown-content {
  display: none
}

.dropdown.visible .dropdown-content {
  display: block
}

[data-dropdown=module]:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

[data-dropdown=module] .dropdown-label {
  position: relative;
  padding-left: 2.5rem
}

[data-dropdown=module] .dropdown-label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM1NyAzNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1NyAzNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iYWRkIj4KCQk8cGF0aCBkPSJNMzU3LDIwNEgyMDR2MTUzaC01MVYyMDRIMHYtNTFoMTUzVjBoNTF2MTUzaDE1M1YyMDR6IiBmaWxsPSIjOTk5OTk5Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
  background-size: 0.5rem 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05)
}

[data-dropdown=module] .dropdown-label:hover {
  background-color: rgba(0, 0, 0, 0.035)
}

[data-dropdown=module].visible .dropdown-label:after {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM1NyAzNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1NyAzNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0icmVtb3ZlIj4KCQk8cGF0aCBkPSJNMzU3LDIwNEgwdi01MWgzNTdWMjA0eiIgZmlsbD0iIzk5OTk5OSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
}

.area-stroked {
  background-position: center;
  background-image: url('assets/images/pattern.png');
  background-size: 1rem 1rem
}

.area-stroked .preview {
  background-size: 50% auto
}

[data-src] {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  -o-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease
}

.list-gradient {
  position: relative!important
}

.list-gradient>div {
  max-height: 192px;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 1rem!important;
  padding-bottom: 4rem!important
}

.list-gradient:after {
  content: "";
  height: 4rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  position: absolute!important;
  bottom: 0!important;
  left: 0!important;
  width: 100%!important;
  pointer-events: none
}

.items-categories {
  opacity: 0;
  visibility: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
  -o-transition: height 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
  transition: height 0.4s ease, opacity 0.4s ease, visibility 0.4s ease
}

.items-categories.visible {
  visibility: visible;
  opacity: 1
}

.items-categories>div {
  background-color: rgba(0, 0, 0, 0.04)!important;
  padding: 1rem!important;
  margin: 1rem;
  border-radius: 4px;
  margin-top: 0
}

.items-categories .checkbox {
  margin-bottom: 0.25rem!important
}

.items-categories label {
  cursor: pointer
}

.items-categories label span {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

.items-categories label span:before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 2px;
  margin-right: 0.5rem!important;
  background-color: #FFF!important
}

.items-categories label input {
  display: none
}

.items-categories label input:checked+span:before {
  background-color: rgba(0, 0, 0, 0.5)!important
}

.post_page {
  background-color: #FFF!important
}

.post_page .post_page_sidebar {
  background-color: #fbfbfb
}

.post_page .post_page_sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.post_page .post_page_sidebar ul li {
  padding: 1rem!important
}

.post_page .post_page_sidebar ul li a {
  display: block!important;
  padding: 0.5rem!important
}

.post_page .post_page_sidebar ul li a:hover {
  text-decoration: underline
}

.post_page .post_page_sidebar ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.post_page .post_page_sidebar>ul {
  padding-bottom: 2rem!important
}

.post_page .post_page_sidebar>ul>li>ul {
  padding-left: 1rem!important
}

.post_page .post_page_sidebar>ul>li>ul>li.current>a {
  border-right: 2px solid rgba(0, 0, 0, 0.5)
}

.post_page .post_page_sidebar>ul>li.current {
  border-right: 5px solid rgba(0, 0, 0, 0.04)
}

.post_page .post_page_sidebar>ul>li.current>a {
  font-weight: 700
}

.post_page .post_page_content {
  padding: 2rem!important
}

.post_page .post_page_footer {
  clear: both
}

@media (min-width:900px) {
  .post_page>.post_page_sidebar {
    position: -webkit-sticky;
    position: sticky;
    float: left;
    width: 320px;
    top: 0;
    height: calc(100vh);
    height: -moz-calc(100vh);
    height: -webkit-calc(100vh);
    height: -o-calc(100vh)
  }
  .post_page>.post_page_sidebar>ul {
    height: calc(100vh);
    height: -moz-calc(100vh);
    height: -webkit-calc(100vh);
    height: -o-calc(100vh);
    overflow-y: auto
  }
  .post_page .post_page_content {
    margin-left: 320px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 1200px
  }
}

@media (max-width:899px) {
  .post_page .post_page_sidebar {
    position: fixed;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background-color: #FFF!important;
    z-index: 10;
    -webkit-transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: translateX(-4rem);
    -ms-transform: translateX(-4rem);
    transform: translateX(-4rem);
    opacity: 0;
    visibility: hidden
  }
  .post_page .post_page_sidebar>ul {
    max-height: calc(100vh);
    max-height: -moz-calc(100vh);
    max-height: -webkit-calc(100vh);
    max-height: -o-calc(100vh);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }
  .post_page .post_page_sidebar.visible {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1
  }
}

.post_page .nav-toggle {
  display: none!important
}

@media (max-width:899px) {
  .post_page .nav-toggle {
    display: block!important
  }
}

.post_page .nav-btn {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #FFF!important;
  padding: 1rem!important;
  z-index: 10;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.shape-giant {
  width: 8rem;
  height: 8rem;
  line-height: 8rem
}

.subscriber-event-cover {
  background-image: url('assets/images/bg_pattern.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1024px auto
}

.subscriber-event-thumbnail {
  -webkit-box-shadow: 0 0 48px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.075)
}

@media (min-width:900px) {
  .subscriber-event-thumbnail {
    width: 192px;
    height: 192px
  }
}

@media (max-width:890px) {
  .subscriber-event-thumbnail {
    width: 100%
  }
}

input[name=show]+label {
  cursor: pointer
}

input[name=show]:checked+label {
  background-color: #FFF!important;
  font-weight: bold;
  position: relative;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px
}

input[name=show]:checked+label span {
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: 0
}

input[name=show]:checked+label span:first-of-type {
  left: -10px
}

input[name=show]:checked+label span:first-of-type:after {
  bottom: 0;
  right: 0
}

input[name=show]:checked+label span:nth-of-type(2) {
  right: -10px
}

input[name=show]:checked+label span:nth-of-type(2):after {
  bottom: 0;
  left: 0
}

input[name=show]:checked+label span:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: currentColor
}

.speech-bubble {
  padding: 2rem!important;
  padding-right: 0!important;
  border-left: 4px solid rgba(0, 0, 0, 0.05)
}

[data-payment-scheme-additional] {
  display: none
}

.testgradient {
  background: -webkit-linear-gradient(135deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background: -o-linear-gradient(135deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  to {
    background-position: 0% 50%
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  to {
    background-position: 0% 50%
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  to {
    background-position: 0% 50%
  }
}

.toggler {
  width: 320px;
  background-color: white;
  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.05);
  border-radius: 4px
}

.toggler-handler {
  cursor: pointer;
  padding: 1rem;
  font-weight: bold
}

.toggler-handler:before {
  content: attr(data-str-open)
}

.toggler-handler-active:before {
  content: attr(data-str-close)
}

.toggler-handler-active+.toggler-hidden {
  border-top: 1px solid rgba(0, 0, 0, 0.05)
}

.toggler-hidden {
  width: 100%;
  height: 0;
  max-height: 9999px;
  overflow: hidden;
  -webkit-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  transition: height 0.4s ease
}

.toggler-hidden div {
  padding: 1rem
}

[data-additional-input] {
  display: none
}

.bgcolor {
  -webkit-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease
}

[data-upload-inline] {
  top: 0px;
  right: 0;
  position: absolute;
  height: 100%;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

[data-upload-inline] div {
  background-color: #F2F2F2;
  -webkit-box-shadow: 0 0 0 6px #FFF;
  box-shadow: 0 0 0 6px #FFF;
  border-radius: 4px;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}