/* ============================================
   AuthCraft – Authentication UI Kit
   File: app.min.css
   
   Author: coders_devx
   CodeCanyon: https://codecanyon.net/user/coders_devx
   ============================================ */

/* Local fonts loaded instead of Google Fonts CDN */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/open-sans-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/open-sans-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/open-sans-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/open-sans-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/open-sans-800.woff2') format('woff2');
}

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/quicksand-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/quicksand-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/quicksand-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/quicksand-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/quicksand-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/nunito-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/nunito-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/nunito-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/nunito-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/raleway-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/raleway-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/raleway-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/raleway-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/raleway-700.woff2') format('woff2');
}

.fa {
  display                : inline-block;
  font                   : normal normal normal 14px/1 FontAwesome;
  font-size              : inherit;
  text-rendering         : auto;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size     : 1.3333333333em;
  line-height   : .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width     : 1.2857142857em;
  text-align: center
}

.fa-ul {
  padding-left   : 0;
  margin-left    : 2.1428571429em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position  : absolute;
  left      : -2.1428571429em;
  width     : 2.1428571429em;
  top       : .1428571429em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.8571428571em
}

.fa-border {
  padding      : .2em .25em .15em;
  border       : solid 0.08em #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation        : fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation        : fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform        : rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform        : rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform        : rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform        : rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter       : "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform    : rotate(90deg);
  transform        : rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter       : "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform    : rotate(180deg);
  transform        : rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter       : "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform    : rotate(270deg);
  transform        : rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter       : "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform    : scale(-1, 1);
  transform        : scale(-1, 1)
}

.fa-flip-vertical {
  -ms-filter       : "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform    : scale(1, -1);
  transform        : scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position      : relative;
  display       : inline-block;
  width         : 2em;
  height        : 2em;
  line-height   : 2em;
  vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
  position  : absolute;
  left      : 0;
  width     : 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: ""
}

.fa-music:before {
  content: ""
}

.fa-search:before {
  content: ""
}

.fa-envelope-o:before {
  content: ""
}

.fa-heart:before {
  content: ""
}

.fa-star:before {
  content: ""
}

.fa-star-o:before {
  content: ""
}

.fa-user:before {
  content: ""
}

.fa-film:before {
  content: ""
}

.fa-th-large:before {
  content: ""
}

.fa-th:before {
  content: ""
}

.fa-th-list:before {
  content: ""
}

.fa-check:before {
  content: ""
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""
}

.fa-search-plus:before {
  content: ""
}

.fa-search-minus:before {
  content: ""
}

.fa-power-off:before {
  content: ""
}

.fa-signal:before {
  content: ""
}

.fa-gear:before,
.fa-cog:before {
  content: ""
}

.fa-trash-o:before {
  content: ""
}

.fa-home:before {
  content: ""
}

.fa-file-o:before {
  content: ""
}

.fa-clock-o:before {
  content: ""
}

.fa-road:before {
  content: ""
}

.fa-download:before {
  content: ""
}

.fa-arrow-circle-o-down:before {
  content: ""
}

.fa-arrow-circle-o-up:before {
  content: ""
}

.fa-inbox:before {
  content: ""
}

.fa-play-circle-o:before {
  content: ""
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""
}

.fa-refresh:before {
  content: ""
}

.fa-list-alt:before {
  content: ""
}

.fa-lock:before {
  content: ""
}

.fa-flag:before {
  content: ""
}

.fa-headphones:before {
  content: ""
}

.fa-volume-off:before {
  content: ""
}

.fa-volume-down:before {
  content: ""
}

.fa-volume-up:before {
  content: ""
}

.fa-qrcode:before {
  content: ""
}

.fa-barcode:before {
  content: ""
}

.fa-tag:before {
  content: ""
}

.fa-tags:before {
  content: ""
}

.fa-book:before {
  content: ""
}

.fa-bookmark:before {
  content: ""
}

.fa-print:before {
  content: ""
}

.fa-camera:before {
  content: ""
}

.fa-font:before {
  content: ""
}

.fa-bold:before {
  content: ""
}

.fa-italic:before {
  content: ""
}

.fa-text-height:before {
  content: ""
}

.fa-text-width:before {
  content: ""
}

.fa-align-left:before {
  content: ""
}

.fa-align-center:before {
  content: ""
}

.fa-align-right:before {
  content: ""
}

.fa-align-justify:before {
  content: ""
}

.fa-list:before {
  content: ""
}

.fa-dedent:before,
.fa-outdent:before {
  content: ""
}

.fa-indent:before {
  content: ""
}

.fa-video-camera:before {
  content: ""
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""
}

.fa-pencil:before {
  content: ""
}

.fa-map-marker:before {
  content: ""
}

.fa-adjust:before {
  content: ""
}

.fa-tint:before {
  content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""
}

.fa-share-square-o:before {
  content: ""
}

.fa-check-square-o:before {
  content: ""
}

.fa-arrows:before {
  content: ""
}

.fa-step-backward:before {
  content: ""
}

.fa-fast-backward:before {
  content: ""
}

.fa-backward:before {
  content: ""
}

.fa-play:before {
  content: ""
}

.fa-pause:before {
  content: ""
}

.fa-stop:before {
  content: ""
}

.fa-forward:before {
  content: ""
}

.fa-fast-forward:before {
  content: ""
}

.fa-step-forward:before {
  content: ""
}

.fa-eject:before {
  content: ""
}

.fa-chevron-left:before {
  content: ""
}

.fa-chevron-right:before {
  content: ""
}

.fa-plus-circle:before {
  content: ""
}

.fa-minus-circle:before {
  content: ""
}

.fa-times-circle:before {
  content: ""
}

.fa-check-circle:before {
  content: ""
}

.fa-question-circle:before {
  content: ""
}

.fa-info-circle:before {
  content: ""
}

.fa-crosshairs:before {
  content: ""
}

.fa-times-circle-o:before {
  content: ""
}

.fa-check-circle-o:before {
  content: ""
}

.fa-ban:before {
  content: ""
}

.fa-arrow-left:before {
  content: ""
}

.fa-arrow-right:before {
  content: ""
}

.fa-arrow-up:before {
  content: ""
}

.fa-arrow-down:before {
  content: ""
}

.fa-mail-forward:before,
.fa-share:before {
  content: ""
}

.fa-expand:before {
  content: ""
}

.fa-compress:before {
  content: ""
}

.fa-plus:before {
  content: ""
}

.fa-minus:before {
  content: ""
}

.fa-asterisk:before {
  content: ""
}

.fa-exclamation-circle:before {
  content: ""
}

.fa-gift:before {
  content: ""
}

.fa-leaf:before {
  content: ""
}

.fa-fire:before {
  content: ""
}

.fa-eye:before {
  content: ""
}

.fa-eye-slash:before {
  content: ""
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""
}

.fa-plane:before {
  content: ""
}

.fa-calendar:before {
  content: ""
}

.fa-random:before {
  content: ""
}

.fa-comment:before {
  content: ""
}

.fa-magnet:before {
  content: ""
}

.fa-chevron-up:before {
  content: ""
}

.fa-chevron-down:before {
  content: ""
}

.fa-retweet:before {
  content: ""
}

.fa-shopping-cart:before {
  content: ""
}

.fa-folder:before {
  content: ""
}

.fa-folder-open:before {
  content: ""
}

.fa-arrows-v:before {
  content: ""
}

.fa-arrows-h:before {
  content: ""
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""
}

.fa-twitter-square:before {
  content: ""
}

.fa-facebook-square:before {
  content: ""
}

.fa-camera-retro:before {
  content: ""
}

.fa-key:before {
  content: ""
}

.fa-gears:before,
.fa-cogs:before {
  content: ""
}

.fa-comments:before {
  content: ""
}

.fa-thumbs-o-up:before {
  content: ""
}

.fa-thumbs-o-down:before {
  content: ""
}

.fa-star-half:before {
  content: ""
}

.fa-heart-o:before {
  content: ""
}

.fa-sign-out:before {
  content: ""
}

.fa-linkedin-square:before {
  content: ""
}

.fa-thumb-tack:before {
  content: ""
}

.fa-external-link:before {
  content: ""
}

.fa-sign-in:before {
  content: ""
}

.fa-trophy:before {
  content: ""
}

.fa-github-square:before {
  content: ""
}

.fa-upload:before {
  content: ""
}

.fa-lemon-o:before {
  content: ""
}

.fa-phone:before {
  content: ""
}

.fa-square-o:before {
  content: ""
}

.fa-bookmark-o:before {
  content: ""
}

.fa-phone-square:before {
  content: ""
}

.fa-twitter:before {
  content: ""
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""
}

.fa-github:before {
  content: ""
}

.fa-unlock:before {
  content: ""
}

.fa-credit-card:before {
  content: ""
}

.fa-feed:before,
.fa-rss:before {
  content: ""
}

.fa-hdd-o:before {
  content: ""
}

.fa-bullhorn:before {
  content: ""
}

.fa-bell:before {
  content: ""
}

.fa-certificate:before {
  content: ""
}

.fa-hand-o-right:before {
  content: ""
}

.fa-hand-o-left:before {
  content: ""
}

.fa-hand-o-up:before {
  content: ""
}

.fa-hand-o-down:before {
  content: ""
}

.fa-arrow-circle-left:before {
  content: ""
}

.fa-arrow-circle-right:before {
  content: ""
}

.fa-arrow-circle-up:before {
  content: ""
}

.fa-arrow-circle-down:before {
  content: ""
}

.fa-globe:before {
  content: ""
}

.fa-wrench:before {
  content: ""
}

.fa-tasks:before {
  content: ""
}

.fa-filter:before {
  content: ""
}

.fa-briefcase:before {
  content: ""
}

.fa-arrows-alt:before {
  content: ""
}

.fa-group:before,
.fa-users:before {
  content: ""
}

.fa-chain:before,
.fa-link:before {
  content: ""
}

.fa-cloud:before {
  content: ""
}

.fa-flask:before {
  content: ""
}

.fa-cut:before,
.fa-scissors:before {
  content: ""
}

.fa-copy:before,
.fa-files-o:before {
  content: ""
}

.fa-paperclip:before {
  content: ""
}

.fa-save:before,
.fa-floppy-o:before {
  content: ""
}

.fa-square:before {
  content: ""
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""
}

.fa-list-ul:before {
  content: ""
}

.fa-list-ol:before {
  content: ""
}

.fa-strikethrough:before {
  content: ""
}

.fa-underline:before {
  content: ""
}

.fa-table:before {
  content: ""
}

.fa-magic:before {
  content: ""
}

.fa-truck:before {
  content: ""
}

.fa-pinterest:before {
  content: ""
}

.fa-pinterest-square:before {
  content: ""
}

.fa-google-plus-square:before {
  content: ""
}

.fa-google-plus:before {
  content: ""
}

.fa-money:before {
  content: ""
}

.fa-caret-down:before {
  content: ""
}

.fa-caret-up:before {
  content: ""
}

.fa-caret-left:before {
  content: ""
}

.fa-caret-right:before {
  content: ""
}

.fa-columns:before {
  content: ""
}

.fa-unsorted:before,
.fa-sort:before {
  content: ""
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""
}

.fa-envelope:before {
  content: ""
}

.fa-linkedin:before {
  content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
  content: ""
}

.fa-legal:before,
.fa-gavel:before {
  content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""
}

.fa-comment-o:before {
  content: ""
}

.fa-comments-o:before {
  content: ""
}

.fa-flash:before,
.fa-bolt:before {
  content: ""
}

.fa-sitemap:before {
  content: ""
}

.fa-umbrella:before {
  content: ""
}

.fa-paste:before,
.fa-clipboard:before {
  content: ""
}

.fa-lightbulb-o:before {
  content: ""
}

.fa-exchange:before {
  content: ""
}

.fa-cloud-download:before {
  content: ""
}

.fa-cloud-upload:before {
  content: ""
}

.fa-user-md:before {
  content: ""
}

.fa-stethoscope:before {
  content: ""
}

.fa-suitcase:before {
  content: ""
}

.fa-bell-o:before {
  content: ""
}

.fa-coffee:before {
  content: ""
}

.fa-cutlery:before {
  content: ""
}

.fa-file-text-o:before {
  content: ""
}

.fa-building-o:before {
  content: ""
}

.fa-hospital-o:before {
  content: ""
}

.fa-ambulance:before {
  content: ""
}

.fa-medkit:before {
  content: ""
}

.fa-fighter-jet:before {
  content: ""
}

.fa-beer:before {
  content: ""
}

.fa-h-square:before {
  content: ""
}

.fa-plus-square:before {
  content: ""
}

.fa-angle-double-left:before {
  content: ""
}

.fa-angle-double-right:before {
  content: ""
}

.fa-angle-double-up:before {
  content: ""
}

.fa-angle-double-down:before {
  content: ""
}

.fa-angle-left:before {
  content: ""
}

.fa-angle-right:before {
  content: ""
}

.fa-angle-up:before {
  content: ""
}

.fa-angle-down:before {
  content: ""
}

.fa-desktop:before {
  content: ""
}

.fa-laptop:before {
  content: ""
}

.fa-tablet:before {
  content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""
}

.fa-circle-o:before {
  content: ""
}

.fa-quote-left:before {
  content: ""
}

.fa-quote-right:before {
  content: ""
}

.fa-spinner:before {
  content: ""
}

.fa-circle:before {
  content: ""
}

.fa-mail-reply:before,
.fa-reply:before {
  content: ""
}

.fa-github-alt:before {
  content: ""
}

.fa-folder-o:before {
  content: ""
}

.fa-folder-open-o:before {
  content: ""
}

.fa-smile-o:before {
  content: ""
}

.fa-frown-o:before {
  content: ""
}

.fa-meh-o:before {
  content: ""
}

.fa-gamepad:before {
  content: ""
}

.fa-keyboard-o:before {
  content: ""
}

.fa-flag-o:before {
  content: ""
}

.fa-flag-checkered:before {
  content: ""
}

.fa-terminal:before {
  content: ""
}

.fa-code:before {
  content: ""
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""
}

.fa-location-arrow:before {
  content: ""
}

.fa-crop:before {
  content: ""
}

.fa-code-fork:before {
  content: ""
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""
}

.fa-question:before {
  content: ""
}

.fa-info:before {
  content: ""
}

.fa-exclamation:before {
  content: ""
}

.fa-superscript:before {
  content: ""
}

.fa-subscript:before {
  content: ""
}

.fa-eraser:before {
  content: ""
}

.fa-puzzle-piece:before {
  content: ""
}

.fa-microphone:before {
  content: ""
}

.fa-microphone-slash:before {
  content: ""
}

.fa-shield:before {
  content: ""
}

.fa-calendar-o:before {
  content: ""
}

.fa-fire-extinguisher:before {
  content: ""
}

.fa-rocket:before {
  content: ""
}

.fa-maxcdn:before {
  content: ""
}

.fa-chevron-circle-left:before {
  content: ""
}

.fa-chevron-circle-right:before {
  content: ""
}

.fa-chevron-circle-up:before {
  content: ""
}

.fa-chevron-circle-down:before {
  content: ""
}

.fa-html5:before {
  content: ""
}

.fa-css3:before {
  content: ""
}

.fa-anchor:before {
  content: ""
}

.fa-unlock-alt:before {
  content: ""
}

.fa-bullseye:before {
  content: ""
}

.fa-ellipsis-h:before {
  content: ""
}

.fa-ellipsis-v:before {
  content: ""
}

.fa-rss-square:before {
  content: ""
}

.fa-play-circle:before {
  content: ""
}

.fa-ticket:before {
  content: ""
}

.fa-minus-square:before {
  content: ""
}

.fa-minus-square-o:before {
  content: ""
}

.fa-level-up:before {
  content: ""
}

.fa-level-down:before {
  content: ""
}

.fa-check-square:before {
  content: ""
}

.fa-pencil-square:before {
  content: ""
}

.fa-external-link-square:before {
  content: ""
}

.fa-share-square:before {
  content: ""
}

.fa-compass:before {
  content: ""
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""
}

.fa-euro:before,
.fa-eur:before {
  content: ""
}

.fa-gbp:before {
  content: ""
}

.fa-dollar:before,
.fa-usd:before {
  content: ""
}

.fa-rupee:before,
.fa-inr:before {
  content: ""
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""
}

.fa-won:before,
.fa-krw:before {
  content: ""
}

.fa-bitcoin:before,
.fa-btc:before {
  content: ""
}

.fa-file:before {
  content: ""
}

.fa-file-text:before {
  content: ""
}

.fa-sort-alpha-asc:before {
  content: ""
}

.fa-sort-alpha-desc:before {
  content: ""
}

.fa-sort-amount-asc:before {
  content: ""
}

.fa-sort-amount-desc:before {
  content: ""
}

.fa-sort-numeric-asc:before {
  content: ""
}

.fa-sort-numeric-desc:before {
  content: ""
}

.fa-thumbs-up:before {
  content: ""
}

.fa-thumbs-down:before {
  content: ""
}

.fa-youtube-square:before {
  content: ""
}

.fa-youtube:before {
  content: ""
}

.fa-xing:before {
  content: ""
}

.fa-xing-square:before {
  content: ""
}

.fa-youtube-play:before {
  content: ""
}

.fa-dropbox:before {
  content: ""
}

.fa-stack-overflow:before {
  content: ""
}

.fa-instagram:before {
  content: ""
}

.fa-flickr:before {
  content: ""
}

.fa-adn:before {
  content: ""
}

.fa-bitbucket:before {
  content: ""
}

.fa-bitbucket-square:before {
  content: ""
}

.fa-tumblr:before {
  content: ""
}

.fa-tumblr-square:before {
  content: ""
}

.fa-long-arrow-down:before {
  content: ""
}

.fa-long-arrow-up:before {
  content: ""
}

.fa-long-arrow-left:before {
  content: ""
}

.fa-long-arrow-right:before {
  content: ""
}

.fa-apple:before {
  content: ""
}

.fa-windows:before {
  content: ""
}

.fa-android:before {
  content: ""
}

.fa-linux:before {
  content: ""
}

.fa-dribbble:before {
  content: ""
}

.fa-skype:before {
  content: ""
}

.fa-foursquare:before {
  content: ""
}

.fa-trello:before {
  content: ""
}

.fa-female:before {
  content: ""
}

.fa-male:before {
  content: ""
}

.fa-gittip:before,
.fa-gratipay:before {
  content: ""
}

.fa-sun-o:before {
  content: ""
}

.fa-moon-o:before {
  content: ""
}

.fa-archive:before {
  content: ""
}

.fa-bug:before {
  content: ""
}

.fa-vk:before {
  content: ""
}

.fa-weibo:before {
  content: ""
}

.fa-renren:before {
  content: ""
}

.fa-pagelines:before {
  content: ""
}

.fa-stack-exchange:before {
  content: ""
}

.fa-arrow-circle-o-right:before {
  content: ""
}

.fa-arrow-circle-o-left:before {
  content: ""
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""
}

.fa-dot-circle-o:before {
  content: ""
}

.fa-wheelchair:before {
  content: ""
}

.fa-vimeo-square:before {
  content: ""
}

.fa-turkish-lira:before,
.fa-try:before {
  content: ""
}

.fa-plus-square-o:before {
  content: ""
}

.fa-space-shuttle:before {
  content: ""
}

.fa-slack:before {
  content: ""
}

.fa-envelope-square:before {
  content: ""
}

.fa-wordpress:before {
  content: ""
}

.fa-openid:before {
  content: ""
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""
}

.fa-yahoo:before {
  content: ""
}

.fa-google:before {
  content: ""
}

.fa-reddit:before {
  content: ""
}

.fa-reddit-square:before {
  content: ""
}

.fa-stumbleupon-circle:before {
  content: ""
}

.fa-stumbleupon:before {
  content: ""
}

.fa-delicious:before {
  content: ""
}

.fa-digg:before {
  content: ""
}

.fa-pied-piper-pp:before {
  content: ""
}

.fa-pied-piper-alt:before {
  content: ""
}

.fa-drupal:before {
  content: ""
}

.fa-joomla:before {
  content: ""
}

.fa-language:before {
  content: ""
}

.fa-fax:before {
  content: ""
}

.fa-building:before {
  content: ""
}

.fa-child:before {
  content: ""
}

.fa-paw:before {
  content: ""
}

.fa-spoon:before {
  content: ""
}

.fa-cube:before {
  content: ""
}

.fa-cubes:before {
  content: ""
}

.fa-behance:before {
  content: ""
}

.fa-behance-square:before {
  content: ""
}

.fa-steam:before {
  content: ""
}

.fa-steam-square:before {
  content: ""
}

.fa-recycle:before {
  content: ""
}

.fa-automobile:before,
.fa-car:before {
  content: ""
}

.fa-cab:before,
.fa-taxi:before {
  content: ""
}

.fa-tree:before {
  content: ""
}

.fa-spotify:before {
  content: ""
}

.fa-deviantart:before {
  content: ""
}

.fa-soundcloud:before {
  content: ""
}

.fa-database:before {
  content: ""
}

.fa-file-pdf-o:before {
  content: ""
}

.fa-file-word-o:before {
  content: ""
}

.fa-file-excel-o:before {
  content: ""
}

.fa-file-powerpoint-o:before {
  content: ""
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""
}

.fa-file-code-o:before {
  content: ""
}

.fa-vine:before {
  content: ""
}

.fa-codepen:before {
  content: ""
}

.fa-jsfiddle:before {
  content: ""
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""
}

.fa-circle-o-notch:before {
  content: ""
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""
}

.fa-ge:before,
.fa-empire:before {
  content: ""
}

.fa-git-square:before {
  content: ""
}

.fa-git:before {
  content: ""
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""
}

.fa-tencent-weibo:before {
  content: ""
}

.fa-qq:before {
  content: ""
}

.fa-wechat:before,
.fa-weixin:before {
  content: ""
}

.fa-send:before,
.fa-paper-plane:before {
  content: ""
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""
}

.fa-history:before {
  content: ""
}

.fa-circle-thin:before {
  content: ""
}

.fa-header:before {
  content: ""
}

.fa-paragraph:before {
  content: ""
}

.fa-sliders:before {
  content: ""
}

.fa-share-alt:before {
  content: ""
}

.fa-share-alt-square:before {
  content: ""
}

.fa-bomb:before {
  content: ""
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""
}

.fa-tty:before {
  content: ""
}

.fa-binoculars:before {
  content: ""
}

.fa-plug:before {
  content: ""
}

.fa-slideshare:before {
  content: ""
}

.fa-twitch:before {
  content: ""
}

.fa-yelp:before {
  content: ""
}

.fa-newspaper-o:before {
  content: ""
}

.fa-wifi:before {
  content: ""
}

.fa-calculator:before {
  content: ""
}

.fa-paypal:before {
  content: ""
}

.fa-google-wallet:before {
  content: ""
}

.fa-cc-visa:before {
  content: ""
}

.fa-cc-mastercard:before {
  content: ""
}

.fa-cc-discover:before {
  content: ""
}

.fa-cc-amex:before {
  content: ""
}

.fa-cc-paypal:before {
  content: ""
}

.fa-cc-stripe:before {
  content: ""
}

.fa-bell-slash:before {
  content: ""
}

.fa-bell-slash-o:before {
  content: ""
}

.fa-trash:before {
  content: ""
}

.fa-copyright:before {
  content: ""
}

.fa-at:before {
  content: ""
}

.fa-eyedropper:before {
  content: ""
}

.fa-paint-brush:before {
  content: ""
}

.fa-birthday-cake:before {
  content: ""
}

.fa-area-chart:before {
  content: ""
}

.fa-pie-chart:before {
  content: ""
}

.fa-line-chart:before {
  content: ""
}

.fa-lastfm:before {
  content: ""
}

.fa-lastfm-square:before {
  content: ""
}

.fa-toggle-off:before {
  content: ""
}

.fa-toggle-on:before {
  content: ""
}

.fa-bicycle:before {
  content: ""
}

.fa-bus:before {
  content: ""
}

.fa-ioxhost:before {
  content: ""
}

.fa-angellist:before {
  content: ""
}

.fa-cc:before {
  content: ""
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""
}

.fa-meanpath:before {
  content: ""
}

.fa-buysellads:before {
  content: ""
}

.fa-connectdevelop:before {
  content: ""
}

.fa-dashcube:before {
  content: ""
}

.fa-forumbee:before {
  content: ""
}

.fa-leanpub:before {
  content: ""
}

.fa-sellsy:before {
  content: ""
}

.fa-shirtsinbulk:before {
  content: ""
}

.fa-simplybuilt:before {
  content: ""
}

.fa-skyatlas:before {
  content: ""
}

.fa-cart-plus:before {
  content: ""
}

.fa-cart-arrow-down:before {
  content: ""
}

.fa-diamond:before {
  content: ""
}

.fa-ship:before {
  content: ""
}

.fa-user-secret:before {
  content: ""
}

.fa-motorcycle:before {
  content: ""
}

.fa-street-view:before {
  content: ""
}

.fa-heartbeat:before {
  content: ""
}

.fa-venus:before {
  content: ""
}

.fa-mars:before {
  content: ""
}

.fa-mercury:before {
  content: ""
}

.fa-intersex:before,
.fa-transgender:before {
  content: ""
}

.fa-transgender-alt:before {
  content: ""
}

.fa-venus-double:before {
  content: ""
}

.fa-mars-double:before {
  content: ""
}

.fa-venus-mars:before {
  content: ""
}

.fa-mars-stroke:before {
  content: ""
}

.fa-mars-stroke-v:before {
  content: ""
}

.fa-mars-stroke-h:before {
  content: ""
}

.fa-neuter:before {
  content: ""
}

.fa-genderless:before {
  content: ""
}

.fa-facebook-official:before {
  content: ""
}

.fa-pinterest-p:before {
  content: ""
}

.fa-whatsapp:before {
  content: ""
}

.fa-server:before {
  content: ""
}

.fa-user-plus:before {
  content: ""
}

.fa-user-times:before {
  content: ""
}

.fa-hotel:before,
.fa-bed:before {
  content: ""
}

.fa-viacoin:before {
  content: ""
}

.fa-train:before {
  content: ""
}

.fa-subway:before {
  content: ""
}

.fa-medium:before {
  content: ""
}

.fa-yc:before,
.fa-y-combinator:before {
  content: ""
}

.fa-optin-monster:before {
  content: ""
}

.fa-opencart:before {
  content: ""
}

.fa-expeditedssl:before {
  content: ""
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""
}

.fa-mouse-pointer:before {
  content: ""
}

.fa-i-cursor:before {
  content: ""
}

.fa-object-group:before {
  content: ""
}

.fa-object-ungroup:before {
  content: ""
}

.fa-sticky-note:before {
  content: ""
}

.fa-sticky-note-o:before {
  content: ""
}

.fa-cc-jcb:before {
  content: ""
}

.fa-cc-diners-club:before {
  content: ""
}

.fa-clone:before {
  content: ""
}

.fa-balance-scale:before {
  content: ""
}

.fa-hourglass-o:before {
  content: ""
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""
}

.fa-hourglass:before {
  content: ""
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""
}

.fa-hand-scissors-o:before {
  content: ""
}

.fa-hand-lizard-o:before {
  content: ""
}

.fa-hand-spock-o:before {
  content: ""
}

.fa-hand-pointer-o:before {
  content: ""
}

.fa-hand-peace-o:before {
  content: ""
}

.fa-trademark:before {
  content: ""
}

.fa-registered:before {
  content: ""
}

.fa-creative-commons:before {
  content: ""
}

.fa-gg:before {
  content: ""
}

.fa-gg-circle:before {
  content: ""
}

.fa-tripadvisor:before {
  content: ""
}

.fa-odnoklassniki:before {
  content: ""
}

.fa-odnoklassniki-square:before {
  content: ""
}

.fa-get-pocket:before {
  content: ""
}

.fa-wikipedia-w:before {
  content: ""
}

.fa-safari:before {
  content: ""
}

.fa-chrome:before {
  content: ""
}

.fa-firefox:before {
  content: ""
}

.fa-opera:before {
  content: ""
}

.fa-internet-explorer:before {
  content: ""
}

.fa-tv:before,
.fa-television:before {
  content: ""
}

.fa-contao:before {
  content: ""
}

.fa-500px:before {
  content: ""
}

.fa-amazon:before {
  content: ""
}

.fa-calendar-plus-o:before {
  content: ""
}

.fa-calendar-minus-o:before {
  content: ""
}

.fa-calendar-times-o:before {
  content: ""
}

.fa-calendar-check-o:before {
  content: ""
}

.fa-industry:before {
  content: ""
}

.fa-map-pin:before {
  content: ""
}

.fa-map-signs:before {
  content: ""
}

.fa-map-o:before {
  content: ""
}

.fa-map:before {
  content: ""
}

.fa-commenting:before {
  content: ""
}

.fa-commenting-o:before {
  content: ""
}

.fa-houzz:before {
  content: ""
}

.fa-vimeo:before {
  content: ""
}

.fa-black-tie:before {
  content: ""
}

.fa-fonticons:before {
  content: ""
}

.fa-reddit-alien:before {
  content: ""
}

.fa-edge:before {
  content: ""
}

.fa-credit-card-alt:before {
  content: ""
}

.fa-codiepie:before {
  content: ""
}

.fa-modx:before {
  content: ""
}

.fa-fort-awesome:before {
  content: ""
}

.fa-usb:before {
  content: ""
}

.fa-product-hunt:before {
  content: ""
}

.fa-mixcloud:before {
  content: ""
}

.fa-scribd:before {
  content: ""
}

.fa-pause-circle:before {
  content: ""
}

.fa-pause-circle-o:before {
  content: ""
}

.fa-stop-circle:before {
  content: ""
}

.fa-stop-circle-o:before {
  content: ""
}

.fa-shopping-bag:before {
  content: ""
}

.fa-shopping-basket:before {
  content: ""
}

.fa-hashtag:before {
  content: ""
}

.fa-bluetooth:before {
  content: ""
}

.fa-bluetooth-b:before {
  content: ""
}

.fa-percent:before {
  content: ""
}

.fa-gitlab:before {
  content: ""
}

.fa-wpbeginner:before {
  content: ""
}

.fa-wpforms:before {
  content: ""
}

.fa-envira:before {
  content: ""
}

.fa-universal-access:before {
  content: ""
}

.fa-wheelchair-alt:before {
  content: ""
}

.fa-question-circle-o:before {
  content: ""
}

.fa-blind:before {
  content: ""
}

.fa-audio-description:before {
  content: ""
}

.fa-volume-control-phone:before {
  content: ""
}

.fa-braille:before {
  content: ""
}

.fa-assistive-listening-systems:before {
  content: ""
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""
}

.fa-glide:before {
  content: ""
}

.fa-glide-g:before {
  content: ""
}

.fa-signing:before,
.fa-sign-language:before {
  content: ""
}

.fa-low-vision:before {
  content: ""
}

.fa-viadeo:before {
  content: ""
}

.fa-viadeo-square:before {
  content: ""
}

.fa-snapchat:before {
  content: ""
}

.fa-snapchat-ghost:before {
  content: ""
}

.fa-snapchat-square:before {
  content: ""
}

.fa-pied-piper:before {
  content: ""
}

.fa-first-order:before {
  content: ""
}

.fa-yoast:before {
  content: ""
}

.fa-themeisle:before {
  content: ""
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""
}

.fa-fa:before,
.fa-font-awesome:before {
  content: ""
}

.fa-handshake-o:before {
  content: ""
}

.fa-envelope-open:before {
  content: ""
}

.fa-envelope-open-o:before {
  content: ""
}

.fa-linode:before {
  content: ""
}

.fa-address-book:before {
  content: ""
}

.fa-address-book-o:before {
  content: ""
}

.fa-vcard:before,
.fa-address-card:before {
  content: ""
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""
}

.fa-user-circle:before {
  content: ""
}

.fa-user-circle-o:before {
  content: ""
}

.fa-user-o:before {
  content: ""
}

.fa-id-badge:before {
  content: ""
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""
}

.fa-quora:before {
  content: ""
}

.fa-free-code-camp:before {
  content: ""
}

.fa-telegram:before {
  content: ""
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""
}

.fa-shower:before {
  content: ""
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""
}

.fa-podcast:before {
  content: ""
}

.fa-window-maximize:before {
  content: ""
}

.fa-window-minimize:before {
  content: ""
}

.fa-window-restore:before {
  content: ""
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""
}

.fa-bandcamp:before {
  content: ""
}

.fa-grav:before {
  content: ""
}

.fa-etsy:before {
  content: ""
}

.fa-imdb:before {
  content: ""
}

.fa-ravelry:before {
  content: ""
}

.fa-eercast:before {
  content: ""
}

.fa-microchip:before {
  content: ""
}

.fa-snowflake-o:before {
  content: ""
}

.fa-superpowers:before {
  content: ""
}

.fa-wpexplorer:before {
  content: ""
}

.fa-meetup:before {
  content: ""
}

.sr-only {
  position: absolute;
  width   : 1px;
  height  : 1px;
  padding : 0;
  margin  : -1px;
  overflow: hidden;
  clip    : rect(0, 0, 0, 0);
  border  : 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width   : auto;
  height  : auto;
  margin  : 0;
  overflow: visible;
  clip    : auto
}

/* Weather Icons removed (unused in auth pages). */

/* Line Awesome removed (unused in auth pages). */

.sr-only {
  border  : 0;
  clip    : rect(0, 0, 0, 0);
  height  : 1px;
  margin  : -1px;
  overflow: hidden;
  padding : 0;
  position: absolute;
  width   : 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip    : auto;
  height  : auto;
  margin  : 0;
  overflow: visible;
  position: static;
  width   : auto
}

/* Flag icons removed (unused in auth pages). */

:root {
  --dark-color     : #323A45;
  --color-fff      : #FFFFFF;
  --color-100      : #F0F0F0;
  --color-200      : #EEEEEE;
  --color-300      : #E0E0E0;
  --color-400      : #BDBDBD;
  --color-500      : #555353;
  --color-600      : #464545;
  --color-700      : #363535;
  --color-800      : #252525;
  --color-900      : #181818;
  --color-000      : #000000;
  --border-color   : #F0F0F0;
  --card-color     : #ffffff;
  --body-color     : #f4f7f6;
  --white-color    : #ffffff;
  --sidebar-color  : #fcfcfc;
  --hc-font-color  : #555555;
  --hc-bg-color    : #f0f0f0;
  --primary-color  : #0d6efd;
  --secondary-color: #ffd55d;
  --chart-color1   : #2794eb;
  --chart-color2   : #17b3c1;
  --chart-color3   : #64868e;
  --chart-color4   : #47d6b6;
  --chart-color5   : #4362D0;
  --sidebar-img    : none
}

[data-theme="dark"] {
  --dark-color   : #323A45;
  --color-fff    : #000000;
  --color-100    : #212121;
  --color-200    : #424242;
  --color-300    : #616161;
  --color-400    : #757575;
  --color-500    : #8f8f8f;
  --color-600    : #BDBDBD;
  --color-700    : #E0E0E0;
  --color-800    : #EEEEEE;
  --color-900    : #F0F0F0;
  --color-000    : #FFFFFF;
  --border-color : #353535;
  --card-color   : #262727;
  --body-color   : #1e1f20;
  --white-color  : #ffffff;
  --sidebar-color: #fcfcfc;
  --hc-font-color: #555555;
  --hc-bg-color  : #f0f0f0
}

[data-theme="dark"] [class="theme-cyan"] {
  --primary-color: #00bdaa
}

[data-theme="dark"] [class="theme-indigo"] {
  --border-color: #212020;
  --card-color  : #101010;
  --body-color  : #050505;
  --color-100   : #F0F0F0;
  --color-200   : #EEEEEE
}

[data-theme="dark"] [class="theme-blue"] {
  --primary-color: #2e7bec;
  --border-color : #1a1f2d;
  --card-color   : #10141f;
  --body-color   : #080b13
}

[data-theme="dark"] [class="theme-orange"] {
  --border-color: #092940;
  --card-color  : #052133;
  --body-color  : #051e2f
}

[data-theme="dark"] [class="theme-blush"] {
  --border-color: #242331;
  --card-color  : #1a1925;
  --body-color  : #15141f
}

[data-theme="dark"] [class="theme-red"] {
  --primary-color: #f73e60;
  --border-color : #222335;
  --card-color   : #161725;
  --body-color   : #11121d
}

[data-theme="high-contrast"] {
  --dark-color   : #323A45;
  --color-fff    : #000000;
  --color-100    : #000000;
  --color-200    : #ffffff;
  --color-300    : #ffffff;
  --color-400    : #000000;
  --color-500    : #ffffff;
  --color-600    : #ffffff;
  --color-700    : #ffffff;
  --color-800    : #ffffff;
  --color-900    : #ffffff;
  --color-000    : #ffffff;
  --border-color : #262727;
  --card-color   : #0e0e0e;
  --body-color   : #000000;
  --white-color  : #ffffff;
  --black-color  : #000000;
  --sidebar-color: #fcfcfc;
  --hc-font-color: #555555;
  --hc-bg-color  : #f0f0f0
}

[data-theme="high-contrast"] .avatar.no-thumbnail {
  background-color: #191818
}

[data-theme="high-contrast"] .form-control::placeholder {
  color: var(--white-color)
}

[data-theme="high-contrast"] .modal {
  color: #191818
}

[data-theme="high-contrast"] .modal .card {
  border-color    : var(--hc-bg-color);
  background-color: var(--white-color)
}

[data-theme="high-contrast"] .border-dark {
  border-color: var(--color-200) !important
}

[class="theme-indigo"] {
  --primary-color   : #484c7f;
  --secondary-color : #d8d419;
  --primary-rgb     : 72, 76, 127;
  --chart-color1    : #484c7f;
  --chart-color2    : #d8d419;
  --chart-color3    : #7394b9;
  --chart-color4    : #79b6bd;
  --chart-color5    : #a0c1b8;
  --primary-gradient: linear-gradient(145deg, var(--primary-color), var(--chart-color3))
}

[class="theme-blue"] {
  --primary-color   : #0d6efd;
  --secondary-color : #ffd55d;
  --primary-rgb     : 13, 110, 253;
  --chart-color1    : #2794eb;
  --chart-color2    : #17b3c1;
  --chart-color3    : #64868e;
  --chart-color4    : #47d6b6;
  --chart-color5    : #4362D0;
  --primary-gradient: linear-gradient(145deg, var(--primary-color), var(--chart-color3))
}

[class="theme-cyan"] {
  --primary-color   : #00bdaa;
  --secondary-color : #f1ff17;
  --primary-rgb     : 0, 189, 170;
  --chart-color1    : #00bdaa;
  --chart-color2    : #c1c0b9;
  --chart-color3    : #537791;
  --chart-color4    : #9cbf3b;
  --chart-color5    : #cdb60c;
  --primary-gradient: linear-gradient(145deg, var(--primary-color), var(--chart-color3))
}

[class="theme-green"] {
  --primary-color   : #7EB93F;
  --secondary-color : #fffb83;
  --primary-rgb     : 126, 185, 63;
  --chart-color1    : #7EB93F;
  --chart-color2    : #b9bc6d;
  --chart-color3    : #427a5b;
  --chart-color4    : #4e7376;
  --chart-color5    : #a6a6a4;
  --primary-gradient: linear-gradient(145deg, var(--primary-color), var(--chart-color3))
}

[class="theme-orange"] {
  --primary-color   : #feb019;
  --secondary-color : #35f3fd;
  --primary-rgb     : 254, 176, 25;
  --chart-color1    : #ef7e56;
  --chart-color2    : #44558f;
  --chart-color3    : #ded5c4;
  --chart-color4    : #f59292;
  --chart-color5    : #90a4ae;
  --primary-gradient: linear-gradient(145deg, var(--primary-color), var(--chart-color4))
}

[class="theme-blush"] {
  --primary-color   : #ED5782;
  --secondary-color : #ffdd95;
  --primary-rgb     : 237, 87, 130;
  --chart-color1    : #ED5782;
  --chart-color2    : #e5df88;
  --chart-color3    : #726a95;
  --chart-color4    : #a6a6a4;
  --chart-color5    : #c9b8b8;
  --primary-gradient: linear-gradient(145deg, var(--primary-color), var(--chart-color3))
}

[class="theme-red"] {
  --primary-color   : #ff4560;
  --secondary-color : #FFDF41;
  --primary-rgb     : 255, 69, 96;
  --chart-color1    : #ff5959;
  --chart-color2    : #ffad5a;
  --chart-color3    : #4f9da6;
  --chart-color4    : #c06c84;
  --chart-color5    : #f67280;
  --primary-gradient: linear-gradient(145deg, var(--primary-color), var(--chart-color4))
}

[class="theme-dynamic"] {
  --primary-gradient: linear-gradient(145deg, var(--primary-color), var(--chart-color3))
}

/*!
   * Bootstrap  v5.2.3 (https://getbootstrap.com/)
   * Copyright 2011-2022 The Bootstrap Authors
   * Copyright 2011-2022 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
:root {
  --bs-blue                    : #0d6efd;
  --bs-indigo                  : #6610f2;
  --bs-purple                  : #6f42c1;
  --bs-pink                    : #d63384;
  --bs-red                     : #dc3545;
  --bs-orange                  : #fd7e14;
  --bs-yellow                  : #FFBA33;
  --bs-green                   : #198754;
  --bs-teal                    : #20c997;
  --bs-cyan                    : #0dcaf0;
  --bs-black                   : #000;
  --bs-white                   : #fff;
  --bs-gray                    : #6c757d;
  --bs-gray-dark               : #343a40;
  --bs-gray-100                : #f8f9fa;
  --bs-gray-200                : #e9ecef;
  --bs-gray-300                : #dee2e6;
  --bs-gray-400                : #ced4da;
  --bs-gray-500                : #adb5bd;
  --bs-gray-600                : #6c757d;
  --bs-gray-700                : #495057;
  --bs-gray-800                : #343a40;
  --bs-gray-900                : #212529;
  --bs-primary                 : #0d6efd;
  --bs-secondary               : #6c757d;
  --bs-success                 : #198754;
  --bs-info                    : #4FB8C9;
  --bs-warning                 : #FFBA33;
  --bs-danger                  : #dc3545;
  --bs-light                   : #f8f9fa;
  --bs-dark                    : #191818;
  --bs-primary-rgb             : 13, 110, 253;
  --bs-secondary-rgb           : 108, 117, 125;
  --bs-success-rgb             : 25, 135, 84;
  --bs-info-rgb                : 79, 184, 201;
  --bs-warning-rgb             : 255, 186, 51;
  --bs-danger-rgb              : 220, 53, 69;
  --bs-light-rgb               : 248, 249, 250;
  --bs-dark-rgb                : 25, 24, 24;
  --bs-white-rgb               : 255, 255, 255;
  --bs-black-rgb               : 0, 0, 0;
  --bs-body-color-rgb          : 33, 37, 41;
  --bs-body-bg-rgb             : 255, 255, 255;
  --bs-font-sans-serif         : system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace          : SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient                : linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family        : var(--bs-font-sans-serif);
  --bs-body-font-size          : 1rem;
  --bs-body-font-weight        : 400;
  --bs-body-line-height        : 1.5;
  --bs-body-color              : #212529;
  --bs-body-bg                 : #fff;
  --bs-border-width            : 1px;
  --bs-border-style            : solid;
  --bs-border-color            : #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius           : .375rem;
  --bs-border-radius-sm        : .25rem;
  --bs-border-radius-lg        : .5rem;
  --bs-border-radius-xl        : 1rem;
  --bs-border-radius-2xl       : 2rem;
  --bs-border-radius-pill      : 50rem;
  --bs-link-color              : #0d6efd;
  --bs-link-hover-color        : #0a58ca;
  --bs-code-color              : #d63384;
  --bs-highlight-bg            : #fff1d6
}

*,
*::before,
*::after {
  box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin                     : 0;
  font-family                : var(--bs-body-font-family);
  font-size                  : var(--bs-body-font-size);
  font-weight                : var(--bs-body-font-weight);
  line-height                : var(--bs-body-line-height);
  color                      : var(--bs-body-color);
  text-align                 : var(--bs-body-text-align);
  background-color           : var(--bs-body-bg);
  -webkit-text-size-adjust   : 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
  margin    : 1rem 0;
  color     : inherit;
  border    : 0;
  border-top: 1px solid;
  opacity   : .25
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top   : 0;
  margin-bottom: .5rem;
  font-weight  : 500;
  line-height  : 1.2
}

h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {

  h1,
  .h1 {
    font-size: 2.5rem
  }
}

h2,
.h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {

  h2,
  .h2 {
    font-size: 2rem
  }
}

h3,
.h3 {
  font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {

  h3,
  .h3 {
    font-size: 1.75rem
  }
}

h4,
.h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {

  h4,
  .h4 {
    font-size: 1.5rem
  }
}

h5,
.h5 {
  font-size: 1.25rem
}

h6,
.h6 {
  font-size: 1rem
}

p {
  margin-top   : 0;
  margin-bottom: 1rem
}

abbr[title] {
  text-decoration         : underline dotted;
  cursor                  : help;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style   : normal;
  line-height  : inherit
}

ol,
ul {
  padding-left: 2rem
}

ol,
ul,
dl {
  margin-top   : 0;
  margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left  : 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small,
.small {
  font-size: .875em
}

mark,
.mark {
  padding         : .1875em;
  background-color: var(--bs-highlight-bg)
}

sub,
sup {
  position      : relative;
  font-size     : .75em;
  line-height   : 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color          : var(--bs-link-color);
  text-decoration: underline
}

a:hover {
  color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color          : inherit;
  text-decoration: none
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size  : 1em
}

pre {
  display      : block;
  margin-top   : 0;
  margin-bottom: 1rem;
  overflow     : auto;
  font-size    : .875em
}

pre code {
  font-size : inherit;
  color     : inherit;
  word-break: normal
}

code {
  font-size: .875em;
  color    : var(--bs-code-color);
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding         : .1875rem .375rem;
  font-size       : .875em;
  color           : var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius   : .25rem
}

kbd kbd {
  padding  : 0;
  font-size: 1em
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side   : bottom;
  border-collapse: collapse
}

caption {
  padding-top   : .5rem;
  padding-bottom: .5rem;
  color         : #6c757d;
  text-align    : left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

input,
button,
select,
optgroup,
textarea {
  margin     : 0;
  font-family: inherit;
  font-size  : inherit;
  line-height: inherit
}

button,
select {
  text-transform: none
}

[role="button"] {
  cursor: pointer
}

select {
  word-wrap: normal
}

select:disabled {
  opacity: 1
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer
}

::-moz-focus-inner {
  padding     : 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding  : 0;
  margin   : 0;
  border   : 0
}

legend {
  float        : left;
  width        : 100%;
  padding      : 0;
  margin-bottom: .5rem;
  font-size    : calc(1.275rem + .3vw);
  line-height  : inherit
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type="search"] {
  outline-offset    : -2px;
  -webkit-appearance: textfield
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::file-selector-button {
  font              : inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor : pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

.lead {
  font-size  : 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size  : calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size  : calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size  : calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size  : calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size  : calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size  : calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.list-unstyled {
  padding-left: 0;
  list-style  : none
}

.list-inline {
  padding-left: 0;
  list-style  : none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size     : .875em;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1rem;
  font-size    : 1.25rem
}

.blockquote>:last-child {
  margin-bottom: 0
}

.blockquote-footer {
  margin-top   : -1rem;
  margin-bottom: 1rem;
  font-size    : .875em;
  color        : #6c757d
}

.blockquote-footer::before {
  content: "\2014\00A0"
}

.img-fluid {
  max-width: 100%;
  height   : auto
}

.img-thumbnail {
  padding         : .25rem;
  background-color: #fff;
  border          : 1px solid var(--bs-border-color);
  border-radius   : .375rem;
  max-width       : 100%;
  height          : auto
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height  : 1
}

.figure-caption {
  font-size: .875em;
  color    : #6c757d
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width        : 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left : calc(var(--bs-gutter-x) * .5);
  margin-right : auto;
  margin-left  : auto
}

@media (min-width: 576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width: 768px) {

  .container,
  .container-sm,
  .container-md {
    max-width: 720px
  }
}

@media (min-width: 992px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 960px
  }
}

@media (min-width: 1200px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width: 1400px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display      : flex;
  flex-wrap    : wrap;
  margin-top   : calc(-1 * var(--bs-gutter-y));
  margin-right : calc(-.5 * var(--bs-gutter-x));
  margin-left  : calc(-.5 * var(--bs-gutter-x))
}

.row>* {
  flex-shrink  : 0;
  width        : 100%;
  max-width    : 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left : calc(var(--bs-gutter-x) * .5);
  margin-top   : var(--bs-gutter-y)
}

.col {
  flex: 1 0 0%
}

.row-cols-auto>* {
  flex : 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex : 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex : 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex : 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4>* {
  flex : 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex : 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex : 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex : 0 0 auto;
  width: auto
}

.col-1 {
  flex : 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex : 0 0 auto;
  width: 16.66666667%
}

.col-3 {
  flex : 0 0 auto;
  width: 25%
}

.col-4 {
  flex : 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex : 0 0 auto;
  width: 41.66666667%
}

.col-6 {
  flex : 0 0 auto;
  width: 50%
}

.col-7 {
  flex : 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex : 0 0 auto;
  width: 66.66666667%
}

.col-9 {
  flex : 0 0 auto;
  width: 75%
}

.col-10 {
  flex : 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex : 0 0 auto;
  width: 91.66666667%
}

.col-12 {
  flex : 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: .25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: .25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: .5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: .5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto>* {
    flex : 0 0 auto;
    width: auto
  }

  .row-cols-sm-1>* {
    flex : 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex : 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex : 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex : 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex : 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex : 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex : 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex : 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex : 0 0 auto;
    width: 16.66666667%
  }

  .col-sm-3 {
    flex : 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex : 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex : 0 0 auto;
    width: 41.66666667%
  }

  .col-sm-6 {
    flex : 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex : 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex : 0 0 auto;
    width: 66.66666667%
  }

  .col-sm-9 {
    flex : 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex : 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex : 0 0 auto;
    width: 91.66666667%
  }

  .col-sm-12 {
    flex : 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: .25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: .25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: .5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: .5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto>* {
    flex : 0 0 auto;
    width: auto
  }

  .row-cols-md-1>* {
    flex : 0 0 auto;
    width: 100%
  }

  .row-cols-md-2>* {
    flex : 0 0 auto;
    width: 50%
  }

  .row-cols-md-3>* {
    flex : 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex : 0 0 auto;
    width: 25%
  }

  .row-cols-md-5>* {
    flex : 0 0 auto;
    width: 20%
  }

  .row-cols-md-6>* {
    flex : 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex : 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex : 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex : 0 0 auto;
    width: 16.66666667%
  }

  .col-md-3 {
    flex : 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex : 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex : 0 0 auto;
    width: 41.66666667%
  }

  .col-md-6 {
    flex : 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex : 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex : 0 0 auto;
    width: 66.66666667%
  }

  .col-md-9 {
    flex : 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex : 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex : 0 0 auto;
    width: 91.66666667%
  }

  .col-md-12 {
    flex : 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: .25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: .25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: .5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: .5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto>* {
    flex : 0 0 auto;
    width: auto
  }

  .row-cols-lg-1>* {
    flex : 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex : 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex : 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex : 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex : 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex : 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex : 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex : 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex : 0 0 auto;
    width: 16.66666667%
  }

  .col-lg-3 {
    flex : 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex : 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex : 0 0 auto;
    width: 41.66666667%
  }

  .col-lg-6 {
    flex : 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex : 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex : 0 0 auto;
    width: 66.66666667%
  }

  .col-lg-9 {
    flex : 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex : 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex : 0 0 auto;
    width: 91.66666667%
  }

  .col-lg-12 {
    flex : 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: .25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: .25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: .5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: .5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto>* {
    flex : 0 0 auto;
    width: auto
  }

  .row-cols-xl-1>* {
    flex : 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex : 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex : 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex : 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex : 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex : 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex : 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex : 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex : 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex : 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex : 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex : 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex : 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex : 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex : 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex : 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex : 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex : 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex : 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: .25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: .25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: .5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: .5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto>* {
    flex : 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex : 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex : 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex : 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4>* {
    flex : 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex : 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex : 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex : 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex : 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-2 {
    flex : 0 0 auto;
    width: 16.66666667%
  }

  .col-xxl-3 {
    flex : 0 0 auto;
    width: 25%
  }

  .col-xxl-4 {
    flex : 0 0 auto;
    width: 33.33333333%
  }

  .col-xxl-5 {
    flex : 0 0 auto;
    width: 41.66666667%
  }

  .col-xxl-6 {
    flex : 0 0 auto;
    width: 50%
  }

  .col-xxl-7 {
    flex : 0 0 auto;
    width: 58.33333333%
  }

  .col-xxl-8 {
    flex : 0 0 auto;
    width: 66.66666667%
  }

  .col-xxl-9 {
    flex : 0 0 auto;
    width: 75%
  }

  .col-xxl-10 {
    flex : 0 0 auto;
    width: 83.33333333%
  }

  .col-xxl-11 {
    flex : 0 0 auto;
    width: 91.66666667%
  }

  .col-xxl-12 {
    flex : 0 0 auto;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: .25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: .25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: .5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: .5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.table {
  --bs-table-color        : var(--bs-body-color);
  --bs-table-bg           : rgba(0, 0, 0, 0);
  --bs-table-border-color : var(--bs-border-color);
  --bs-table-accent-bg    : rgba(0, 0, 0, 0);
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg   : rgba(0, 0, 0, 0.05);
  --bs-table-active-color : var(--bs-body-color);
  --bs-table-active-bg    : rgba(0, 0, 0, 0.1);
  --bs-table-hover-color  : var(--bs-body-color);
  --bs-table-hover-bg     : rgba(0, 0, 0, 0.075);
  width                   : 100%;
  margin-bottom           : 1rem;
  color                   : var(--bs-table-color);
  vertical-align          : top;
  border-color            : var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
  padding            : .5rem .5rem;
  background-color   : var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow         : inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.table-group-divider {
  border-top: 2px solid currentcolor
}

.caption-top {
  caption-side: top
}

.table-sm>:not(caption)>*>* {
  padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
  border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
  border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color               : var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color               : var(--bs-table-striped-color)
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color               : var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color               : var(--bs-table-hover-color)
}

.table-primary {
  --bs-table-color        : #000;
  --bs-table-bg           : #cfe2ff;
  --bs-table-border-color : #bacbe6;
  --bs-table-striped-bg   : #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #bacbe6;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #bfd1ec;
  --bs-table-hover-color  : #000;
  color                   : var(--bs-table-color);
  border-color            : var(--bs-table-border-color)
}

.table-secondary {
  --bs-table-color        : #000;
  --bs-table-bg           : #e2e3e5;
  --bs-table-border-color : #cbccce;
  --bs-table-striped-bg   : #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #cbccce;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #d1d2d4;
  --bs-table-hover-color  : #000;
  color                   : var(--bs-table-color);
  border-color            : var(--bs-table-border-color)
}

.table-success {
  --bs-table-color        : #000;
  --bs-table-bg           : #d1e7dd;
  --bs-table-border-color : #bcd0c7;
  --bs-table-striped-bg   : #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #bcd0c7;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #c1d6cc;
  --bs-table-hover-color  : #000;
  color                   : var(--bs-table-color);
  border-color            : var(--bs-table-border-color)
}

.table-info {
  --bs-table-color        : #000;
  --bs-table-bg           : #dcf1f4;
  --bs-table-border-color : #c6d9dc;
  --bs-table-striped-bg   : #d1e5e8;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #c6d9dc;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #ccdfe2;
  --bs-table-hover-color  : #000;
  color                   : var(--bs-table-color);
  border-color            : var(--bs-table-border-color)
}

.table-warning {
  --bs-table-color        : #000;
  --bs-table-bg           : #fff1d6;
  --bs-table-border-color : #e6d9c1;
  --bs-table-striped-bg   : #f2e5cb;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #e6d9c1;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #ecdfc6;
  --bs-table-hover-color  : #000;
  color                   : var(--bs-table-color);
  border-color            : var(--bs-table-border-color)
}

.table-danger {
  --bs-table-color        : #000;
  --bs-table-bg           : #f8d7da;
  --bs-table-border-color : #dfc2c4;
  --bs-table-striped-bg   : #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #dfc2c4;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #e5c7ca;
  --bs-table-hover-color  : #000;
  color                   : var(--bs-table-color);
  border-color            : var(--bs-table-border-color)
}

.table-light {
  --bs-table-color        : #000;
  --bs-table-bg           : #f8f9fa;
  --bs-table-border-color : #dfe0e1;
  --bs-table-striped-bg   : #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #dfe0e1;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #e5e6e7;
  --bs-table-hover-color  : #000;
  color                   : var(--bs-table-color);
  border-color            : var(--bs-table-border-color)
}

.table-dark {
  --bs-table-color        : #fff;
  --bs-table-bg           : #191818;
  --bs-table-border-color : #302f2f;
  --bs-table-striped-bg   : #252424;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg    : #302f2f;
  --bs-table-active-color : #fff;
  --bs-table-hover-bg     : #2a2929;
  --bs-table-hover-color  : #fff;
  color                   : var(--bs-table-color);
  border-color            : var(--bs-table-border-color)
}

.table-responsive {
  overflow-x                : auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x                : auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x                : auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x                : auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x                : auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x                : auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: .5rem
}

.col-form-label {
  padding-top   : calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom : 0;
  font-size     : inherit;
  line-height   : 1.5
}

.col-form-label-lg {
  padding-top   : calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size     : 1.25rem
}

.col-form-label-sm {
  padding-top   : calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size     : .875rem
}

.form-text {
  margin-top: .25rem;
  font-size : .875em;
  color     : #6c757d
}

.form-control {
  display         : block;
  width           : 100%;
  padding         : .375rem .75rem;
  font-size       : 1rem;
  font-weight     : 400;
  line-height     : 1.5;
  color           : #212529;
  background-color: #fff;
  background-clip : padding-box;
  border          : 1px solid #ced4da;
  appearance      : none;
  border-radius   : .375rem;
  transition      : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type="file"] {
  overflow: hidden
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  color           : #212529;
  background-color: #fff;
  border-color    : #86b7fe;
  outline         : 0;
  box-shadow      : 0 0 0 .25rem rgba(13, 110, 253, 0.25)
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em
}

.form-control::placeholder {
  color  : #6c757d;
  opacity: 1
}

.form-control:disabled {
  background-color: #e9ecef;
  opacity         : 1
}

.form-control::file-selector-button {
  padding                : .375rem .75rem;
  margin                 : -.375rem -.75rem;
  margin-inline-end      : .75rem;
  color                  : #212529;
  background-color       : #e9ecef;
  pointer-events         : none;
  border-color           : inherit;
  border-style           : solid;
  border-width           : 0;
  border-inline-end-width: 1px;
  border-radius          : 0;
  transition             : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3
}

.form-control-plaintext {
  display         : block;
  width           : 100%;
  padding         : .375rem 0;
  margin-bottom   : 0;
  line-height     : 1.5;
  color           : #212529;
  background-color: transparent;
  border          : solid transparent;
  border-width    : 1px 0
}

.form-control-plaintext:focus {
  outline: 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left : 0
}

.form-control-sm {
  min-height   : calc(1.5em + .5rem + 2px);
  padding      : .25rem .5rem;
  font-size    : .875rem;
  border-radius: .25rem
}

.form-control-sm::file-selector-button {
  padding          : .25rem .5rem;
  margin           : -.25rem -.5rem;
  margin-inline-end: .5rem
}

.form-control-lg {
  min-height   : calc(1.5em + 1rem + 2px);
  padding      : .5rem 1rem;
  font-size    : 1.25rem;
  border-radius: .5rem
}

.form-control-lg::file-selector-button {
  padding          : .5rem 1rem;
  margin           : -.5rem -1rem;
  margin-inline-end: 1rem
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
  width  : 3rem;
  height : calc(1.5em + .75rem + 2px);
  padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  border       : 0 !important;
  border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
  border-radius: .375rem
}

.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + 2px)
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px)
}

.form-select {
  display            : block;
  width              : 100%;
  padding            : .375rem 2.25rem .375rem .75rem;
  -moz-padding-start : calc(.75rem - 3px);
  font-size          : 1rem;
  font-weight        : 400;
  line-height        : 1.5;
  color              : #212529;
  background-color   : #fff;
  background-image   : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat  : no-repeat;
  background-position: right .75rem center;
  background-size    : 16px 12px;
  border             : 1px solid #ced4da;
  border-radius      : .375rem;
  transition         : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance         : none
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none
  }
}

.form-select:focus {
  border-color: #86b7fe;
  outline     : 0;
  box-shadow  : 0 0 0 .25rem rgba(13, 110, 253, 0.25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right   : .75rem;
  background-image: none
}

.form-select:disabled {
  background-color: #e9ecef
}

.form-select:-moz-focusring {
  color      : transparent;
  text-shadow: 0 0 0 #212529
}

.form-select-sm {
  padding-top   : .25rem;
  padding-bottom: .25rem;
  padding-left  : .5rem;
  font-size     : .875rem;
  border-radius : .25rem
}

.form-select-lg {
  padding-top   : .5rem;
  padding-bottom: .5rem;
  padding-left  : 1rem;
  font-size     : 1.25rem;
  border-radius : .5rem
}

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

.form-check .form-check-input {
  float      : left;
  margin-left: -1.5em
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left : 0;
  text-align   : right
}

.form-check-reverse .form-check-input {
  float       : right;
  margin-right: -1.5em;
  margin-left : 0
}

.form-check-input {
  width              : 1em;
  height             : 1em;
  margin-top         : .25em;
  vertical-align     : top;
  background-color   : #fff;
  background-repeat  : no-repeat;
  background-position: center;
  background-size    : contain;
  border             : 1px solid rgba(0, 0, 0, 0.25);
  appearance         : none;
  print-color-adjust : exact
}

.form-check-input[type="checkbox"] {
  border-radius: .25em
}

.form-check-input[type="radio"] {
  border-radius: 50%
}

.form-check-input:active {
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline     : 0;
  box-shadow  : 0 0 0 .25rem rgba(13, 110, 253, 0.25)
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color    : #0d6efd
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0d6efd;
  border-color    : #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
  pointer-events: none;
  filter        : none;
  opacity       : .5
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
  cursor : default;
  opacity: .5
}

.form-switch {
  padding-left: 2.5em
}

.form-switch .form-check-input {
  width              : 2em;
  margin-left        : -2.5em;
  background-image   : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius      : 2em;
  transition         : background-position 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image   : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left : 0
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left : 0
}

.form-check-inline {
  display     : inline-block;
  margin-right: 1rem
}

.btn-check {
  position      : absolute;
  clip          : rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
  pointer-events: none;
  filter        : none;
  opacity       : .65
}

.form-range {
  width           : 100%;
  height          : 1.5rem;
  padding         : 0;
  background-color: transparent;
  appearance      : none
}

.form-range:focus {
  outline: 0
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, 0.25)
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, 0.25)
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  width           : 1rem;
  height          : 1rem;
  margin-top      : -.25rem;
  background-color: #0d6efd;
  border          : 0;
  border-radius   : 1rem;
  transition      : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance      : none
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
  width           : 100%;
  height          : .5rem;
  color           : transparent;
  cursor          : pointer;
  background-color: #dee2e6;
  border-color    : transparent;
  border-radius   : 1rem
}

.form-range::-moz-range-thumb {
  width           : 1rem;
  height          : 1rem;
  background-color: #0d6efd;
  border          : 0;
  border-radius   : 1rem;
  transition      : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance      : none
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe
}

.form-range::-moz-range-track {
  width           : 100%;
  height          : .5rem;
  color           : transparent;
  cursor          : pointer;
  background-color: #dee2e6;
  border-color    : transparent;
  border-radius   : 1rem
}

.form-range:disabled {
  pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd
}

.form-floating {
  position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height     : calc(3.5rem + 2px);
  line-height: 1.25
}

.form-floating>label {
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  padding         : 1rem .75rem;
  overflow        : hidden;
  text-align      : start;
  text-overflow   : ellipsis;
  white-space     : nowrap;
  pointer-events  : none;
  border          : 1px solid transparent;
  transform-origin: 0 0;
  transition      : opacity 0.1s ease-in-out, transform 0.1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .form-floating>label {
    transition: none
  }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 1rem .75rem
}

.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
  color: transparent
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
  padding-top   : 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-webkit-autofill {
  padding-top   : 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-select {
  padding-top   : 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
  opacity  : .65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity  : .65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control-plaintext~label {
  border-width: 1px 0
}

.input-group {
  position   : relative;
  display    : flex;
  flex-wrap  : wrap;
  align-items: stretch;
  width      : 100%
}

.input-group>.form-control,
.input-group>.form-select,
.input-group>.form-floating {
  position : relative;
  flex     : 1 1 auto;
  width    : 1%;
  min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
  z-index: 5
}

.input-group .btn {
  position: relative;
  z-index : 2
}

.input-group .btn:focus {
  z-index: 5
}

.input-group-text {
  display         : flex;
  align-items     : center;
  padding         : .375rem .75rem;
  font-size       : 1rem;
  font-weight     : 400;
  line-height     : 1.5;
  color           : #212529;
  text-align      : center;
  white-space     : nowrap;
  background-color: #e9ecef;
  border          : 1px solid #ced4da;
  border-radius   : .375rem
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
  padding      : .5rem 1rem;
  font-size    : 1.25rem;
  border-radius: .5rem
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
  padding      : .25rem .5rem;
  font-size    : .875rem;
  border-radius: .25rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 3rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left              : -1px;
  border-top-left-radius   : 0;
  border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
  border-top-left-radius   : 0;
  border-bottom-left-radius: 0
}

.valid-feedback {
  display   : none;
  width     : 100%;
  margin-top: .25rem;
  font-size : .875em;
  color     : #198754
}

.valid-tooltip {
  position        : absolute;
  top             : 100%;
  z-index         : 5;
  display         : none;
  max-width       : 100%;
  padding         : .25rem .5rem;
  margin-top      : .1rem;
  font-size       : .875rem;
  color           : #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius   : .375rem
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
  display: block
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color       : #198754;
  padding-right      : calc(1.5em + .75rem);
  background-image   : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat  : no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size    : calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #198754;
  box-shadow  : 0 0 0 .25rem rgba(25, 135, 84, 0.25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right      : calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: #198754
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  padding-right      : 4.125rem;
  background-image   : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right .75rem center, center right 2.25rem;
  background-size    : 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: #198754;
  box-shadow  : 0 0 0 .25rem rgba(25, 135, 84, 0.25)
}

.was-validated .form-control-color:valid,
.form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: #198754
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #198754
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, 0.25)
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
  color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):valid,
.input-group>.form-control:not(:focus).is-valid,
.was-validated .input-group>.form-select:not(:focus):valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.input-group>.form-floating:not(:focus-within).is-valid {
  z-index: 3
}

.invalid-feedback {
  display   : none;
  width     : 100%;
  margin-top: .25rem;
  font-size : .875em;
  color     : #dc3545
}

.invalid-tooltip {
  position        : absolute;
  top             : 100%;
  z-index         : 5;
  display         : none;
  max-width       : 100%;
  padding         : .25rem .5rem;
  margin-top      : .1rem;
  font-size       : .875rem;
  color           : #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius   : .375rem
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
  display: block
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color       : #dc3545;
  padding-right      : calc(1.5em + .75rem);
  background-image   : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat  : no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size    : calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow  : 0 0 0 .25rem rgba(220, 53, 69, 0.25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right      : calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: #dc3545
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  padding-right      : 4.125rem;
  background-image   : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right .75rem center, center right 2.25rem;
  background-size    : 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow  : 0 0 0 .25rem rgba(220, 53, 69, 0.25)
}

.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: #dc3545
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: #dc3545
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.25)
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
  color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):invalid,
.input-group>.form-control:not(:focus).is-invalid,
.was-validated .input-group>.form-select:not(:focus):invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.input-group>.form-floating:not(:focus-within).is-invalid {
  z-index: 4
}

.btn {
  --bs-btn-padding-x         : .75rem;
  --bs-btn-padding-y         : .375rem;
  --bs-btn-font-family       : ;
  --bs-btn-font-size         : 1rem;
  --bs-btn-font-weight       : 400;
  --bs-btn-line-height       : 1.5;
  --bs-btn-color             : #212529;
  --bs-btn-bg                : transparent;
  --bs-btn-border-width      : 1px;
  --bs-btn-border-color      : transparent;
  --bs-btn-border-radius     : .375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow        : inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity  : .65;
  --bs-btn-focus-box-shadow  : 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display                    : inline-block;
  padding                    : var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family                : var(--bs-btn-font-family);
  font-size                  : var(--bs-btn-font-size);
  font-weight                : var(--bs-btn-font-weight);
  line-height                : var(--bs-btn-line-height);
  color                      : var(--bs-btn-color);
  text-align                 : center;
  text-decoration            : none;
  vertical-align             : middle;
  cursor                     : pointer;
  user-select                : none;
  border                     : var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius              : var(--bs-btn-border-radius);
  background-color           : var(--bs-btn-bg);
  transition                 : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color           : var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color    : var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
  color           : var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color    : var(--bs-btn-border-color)
}

.btn:focus-visible {
  color           : var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color    : var(--bs-btn-hover-border-color);
  outline         : 0;
  box-shadow      : var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
  border-color: var(--bs-btn-hover-border-color);
  outline     : 0;
  box-shadow  : var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  color           : var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color    : var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
:not(.btn-check)+.btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  color           : var(--bs-btn-disabled-color);
  pointer-events  : none;
  background-color: var(--bs-btn-disabled-bg);
  border-color    : var(--bs-btn-disabled-border-color);
  opacity         : var(--bs-btn-disabled-opacity)
}

.btn-primary {
  --bs-btn-color                : #fff;
  --bs-btn-bg                   : #0d6efd;
  --bs-btn-border-color         : #0d6efd;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #0b5ed7;
  --bs-btn-hover-border-color   : #0a58ca;
  --bs-btn-focus-shadow-rgb     : 49, 132, 253;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #0a58ca;
  --bs-btn-active-border-color  : #0a53be;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #fff;
  --bs-btn-disabled-bg          : #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
  --bs-btn-color                : #fff;
  --bs-btn-bg                   : #6c757d;
  --bs-btn-border-color         : #6c757d;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #5c636a;
  --bs-btn-hover-border-color   : #565e64;
  --bs-btn-focus-shadow-rgb     : 130, 138, 145;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #565e64;
  --bs-btn-active-border-color  : #51585e;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #fff;
  --bs-btn-disabled-bg          : #6c757d;
  --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
  --bs-btn-color                : #fff;
  --bs-btn-bg                   : #198754;
  --bs-btn-border-color         : #198754;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #157347;
  --bs-btn-hover-border-color   : #146c43;
  --bs-btn-focus-shadow-rgb     : 60, 153, 110;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #146c43;
  --bs-btn-active-border-color  : #13653f;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #fff;
  --bs-btn-disabled-bg          : #198754;
  --bs-btn-disabled-border-color: #198754
}

.btn-info {
  --bs-btn-color                : #000;
  --bs-btn-bg                   : #4FB8C9;
  --bs-btn-border-color         : #4FB8C9;
  --bs-btn-hover-color          : #000;
  --bs-btn-hover-bg             : #69c3d1;
  --bs-btn-hover-border-color   : #61bfce;
  --bs-btn-focus-shadow-rgb     : 67, 156, 171;
  --bs-btn-active-color         : #000;
  --bs-btn-active-bg            : #72c6d4;
  --bs-btn-active-border-color  : #61bfce;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #000;
  --bs-btn-disabled-bg          : #4FB8C9;
  --bs-btn-disabled-border-color: #4FB8C9
}

.btn-warning {
  --bs-btn-color                : #000;
  --bs-btn-bg                   : #FFBA33;
  --bs-btn-border-color         : #FFBA33;
  --bs-btn-hover-color          : #000;
  --bs-btn-hover-bg             : #ffc452;
  --bs-btn-hover-border-color   : #ffc147;
  --bs-btn-focus-shadow-rgb     : 217, 158, 43;
  --bs-btn-active-color         : #000;
  --bs-btn-active-bg            : #ffc85c;
  --bs-btn-active-border-color  : #ffc147;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #000;
  --bs-btn-disabled-bg          : #FFBA33;
  --bs-btn-disabled-border-color: #FFBA33
}

.btn-danger {
  --bs-btn-color                : #fff;
  --bs-btn-bg                   : #dc3545;
  --bs-btn-border-color         : #dc3545;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #bb2d3b;
  --bs-btn-hover-border-color   : #b02a37;
  --bs-btn-focus-shadow-rgb     : 225, 83, 97;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #b02a37;
  --bs-btn-active-border-color  : #a52834;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #fff;
  --bs-btn-disabled-bg          : #dc3545;
  --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
  --bs-btn-color                : #000;
  --bs-btn-bg                   : #f8f9fa;
  --bs-btn-border-color         : #f8f9fa;
  --bs-btn-hover-color          : #000;
  --bs-btn-hover-bg             : #d3d4d5;
  --bs-btn-hover-border-color   : #c6c7c8;
  --bs-btn-focus-shadow-rgb     : 211, 212, 213;
  --bs-btn-active-color         : #000;
  --bs-btn-active-bg            : #c6c7c8;
  --bs-btn-active-border-color  : #babbbc;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #000;
  --bs-btn-disabled-bg          : #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
  --bs-btn-color                : #fff;
  --bs-btn-bg                   : #191818;
  --bs-btn-border-color         : #191818;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #3c3b3b;
  --bs-btn-hover-border-color   : #302f2f;
  --bs-btn-focus-shadow-rgb     : 60, 59, 59;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #474646;
  --bs-btn-active-border-color  : #302f2f;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #fff;
  --bs-btn-disabled-bg          : #191818;
  --bs-btn-disabled-border-color: #191818
}

.btn-outline-primary {
  --bs-btn-color                : #0d6efd;
  --bs-btn-border-color         : #0d6efd;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #0d6efd;
  --bs-btn-hover-border-color   : #0d6efd;
  --bs-btn-focus-shadow-rgb     : 13, 110, 253;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #0d6efd;
  --bs-btn-active-border-color  : #0d6efd;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #0d6efd;
  --bs-btn-disabled-bg          : transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient                 : none
}

.btn-outline-secondary {
  --bs-btn-color                : #6c757d;
  --bs-btn-border-color         : #6c757d;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #6c757d;
  --bs-btn-hover-border-color   : #6c757d;
  --bs-btn-focus-shadow-rgb     : 108, 117, 125;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #6c757d;
  --bs-btn-active-border-color  : #6c757d;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #6c757d;
  --bs-btn-disabled-bg          : transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient                 : none
}

.btn-outline-success {
  --bs-btn-color                : #198754;
  --bs-btn-border-color         : #198754;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #198754;
  --bs-btn-hover-border-color   : #198754;
  --bs-btn-focus-shadow-rgb     : 25, 135, 84;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #198754;
  --bs-btn-active-border-color  : #198754;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #198754;
  --bs-btn-disabled-bg          : transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient                 : none
}

.btn-outline-info {
  --bs-btn-color                : #4FB8C9;
  --bs-btn-border-color         : #4FB8C9;
  --bs-btn-hover-color          : #000;
  --bs-btn-hover-bg             : #4FB8C9;
  --bs-btn-hover-border-color   : #4FB8C9;
  --bs-btn-focus-shadow-rgb     : 79, 184, 201;
  --bs-btn-active-color         : #000;
  --bs-btn-active-bg            : #4FB8C9;
  --bs-btn-active-border-color  : #4FB8C9;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #4FB8C9;
  --bs-btn-disabled-bg          : transparent;
  --bs-btn-disabled-border-color: #4FB8C9;
  --bs-gradient                 : none
}

.btn-outline-warning {
  --bs-btn-color                : #FFBA33;
  --bs-btn-border-color         : #FFBA33;
  --bs-btn-hover-color          : #000;
  --bs-btn-hover-bg             : #FFBA33;
  --bs-btn-hover-border-color   : #FFBA33;
  --bs-btn-focus-shadow-rgb     : 255, 186, 51;
  --bs-btn-active-color         : #000;
  --bs-btn-active-bg            : #FFBA33;
  --bs-btn-active-border-color  : #FFBA33;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #FFBA33;
  --bs-btn-disabled-bg          : transparent;
  --bs-btn-disabled-border-color: #FFBA33;
  --bs-gradient                 : none
}

.btn-outline-danger {
  --bs-btn-color                : #dc3545;
  --bs-btn-border-color         : #dc3545;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #dc3545;
  --bs-btn-hover-border-color   : #dc3545;
  --bs-btn-focus-shadow-rgb     : 220, 53, 69;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #dc3545;
  --bs-btn-active-border-color  : #dc3545;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #dc3545;
  --bs-btn-disabled-bg          : transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient                 : none
}

.btn-outline-light {
  --bs-btn-color                : #f8f9fa;
  --bs-btn-border-color         : #f8f9fa;
  --bs-btn-hover-color          : #000;
  --bs-btn-hover-bg             : #f8f9fa;
  --bs-btn-hover-border-color   : #f8f9fa;
  --bs-btn-focus-shadow-rgb     : 248, 249, 250;
  --bs-btn-active-color         : #000;
  --bs-btn-active-bg            : #f8f9fa;
  --bs-btn-active-border-color  : #f8f9fa;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #f8f9fa;
  --bs-btn-disabled-bg          : transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient                 : none
}

.btn-outline-dark {
  --bs-btn-color                : #191818;
  --bs-btn-border-color         : #191818;
  --bs-btn-hover-color          : #fff;
  --bs-btn-hover-bg             : #191818;
  --bs-btn-hover-border-color   : #191818;
  --bs-btn-focus-shadow-rgb     : 25, 24, 24;
  --bs-btn-active-color         : #fff;
  --bs-btn-active-bg            : #191818;
  --bs-btn-active-border-color  : #191818;
  --bs-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color       : #191818;
  --bs-btn-disabled-bg          : transparent;
  --bs-btn-disabled-border-color: #191818;
  --bs-gradient                 : none
}

.btn-link {
  --bs-btn-font-weight          : 400;
  --bs-btn-color                : var(--bs-link-color);
  --bs-btn-bg                   : transparent;
  --bs-btn-border-color         : transparent;
  --bs-btn-hover-color          : var(--bs-link-hover-color);
  --bs-btn-hover-border-color   : transparent;
  --bs-btn-active-color         : var(--bs-link-hover-color);
  --bs-btn-active-border-color  : transparent;
  --bs-btn-disabled-color       : #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow           : none;
  --bs-btn-focus-shadow-rgb     : 49, 132, 253;
  text-decoration               : underline
}

.btn-link:focus-visible {
  color: var(--bs-btn-color)
}

.btn-link:hover {
  color: var(--bs-btn-hover-color)
}

.btn-lg,
.btn-group-lg>.btn {
  --bs-btn-padding-y    : .5rem;
  --bs-btn-padding-x    : 1rem;
  --bs-btn-font-size    : 1.25rem;
  --bs-btn-border-radius: .5rem
}

.btn-sm,
.btn-group-sm>.btn {
  --bs-btn-padding-y    : .25rem;
  --bs-btn-padding-x    : .5rem;
  --bs-btn-font-size    : .875rem;
  --bs-btn-border-radius: .25rem
}

.fade {
  transition: opacity 0.15s linear
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height    : 0;
  overflow  : hidden;
  transition: height 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  width     : 0;
  height    : auto;
  transition: width 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle::after {
  display       : inline-block;
  margin-left   : .255em;
  vertical-align: .255em;
  content       : "";
  border-top    : .3em solid;
  border-right  : .3em solid transparent;
  border-bottom : 0;
  border-left   : .3em solid transparent
}

.dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-menu {
  --bs-dropdown-zindex             : 1000;
  --bs-dropdown-min-width          : 10rem;
  --bs-dropdown-padding-x          : 0;
  --bs-dropdown-padding-y          : .5rem;
  --bs-dropdown-spacer             : .125rem;
  --bs-dropdown-font-size          : 1rem;
  --bs-dropdown-color              : #212529;
  --bs-dropdown-bg                 : #fff;
  --bs-dropdown-border-color       : var(--bs-border-color-translucent);
  --bs-dropdown-border-radius      : .375rem;
  --bs-dropdown-border-width       : 1px;
  --bs-dropdown-inner-border-radius: calc(.375rem - 1px);
  --bs-dropdown-divider-bg         : var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y   : .5rem;
  --bs-dropdown-box-shadow         : 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color         : #212529;
  --bs-dropdown-link-hover-color   : #1e2125;
  --bs-dropdown-link-hover-bg      : #e9ecef;
  --bs-dropdown-link-active-color  : #fff;
  --bs-dropdown-link-active-bg     : #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x     : 1rem;
  --bs-dropdown-item-padding-y     : .25rem;
  --bs-dropdown-header-color       : #6c757d;
  --bs-dropdown-header-padding-x   : 1rem;
  --bs-dropdown-header-padding-y   : .5rem;
  position                         : absolute;
  z-index                          : var(--bs-dropdown-zindex);
  display                          : none;
  min-width                        : var(--bs-dropdown-min-width);
  padding                          : var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin                           : 0;
  font-size                        : var(--bs-dropdown-font-size);
  color                            : var(--bs-dropdown-color);
  text-align                       : left;
  list-style                       : none;
  background-color                 : var(--bs-dropdown-bg);
  background-clip                  : padding-box;
  border                           : var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius                    : var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
  top       : 100%;
  left      : 0;
  margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left : 0
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left : auto
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left : 0
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left : auto
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left : 0
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left : auto
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left : 0
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left : auto
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left : 0
  }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left : auto
  }
}

@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left : 0
  }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left : auto
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top          : auto;
  bottom       : 100%;
  margin-top   : 0;
  margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
  display       : inline-block;
  margin-left   : .255em;
  vertical-align: .255em;
  content       : "";
  border-top    : 0;
  border-right  : .3em solid transparent;
  border-bottom : .3em solid;
  border-left   : .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
  top        : 0;
  right      : auto;
  left       : 100%;
  margin-top : 0;
  margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
  display       : inline-block;
  margin-left   : .255em;
  vertical-align: .255em;
  content       : "";
  border-top    : .3em solid transparent;
  border-right  : 0;
  border-bottom : .3em solid transparent;
  border-left   : .3em solid
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-toggle::after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top         : 0;
  right       : 100%;
  left        : auto;
  margin-top  : 0;
  margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
  display       : inline-block;
  margin-left   : .255em;
  vertical-align: .255em;
  content       : ""
}

.dropstart .dropdown-toggle::after {
  display: none
}

.dropstart .dropdown-toggle::before {
  display       : inline-block;
  margin-right  : .255em;
  vertical-align: .255em;
  content       : "";
  border-top    : .3em solid transparent;
  border-right  : .3em solid;
  border-bottom : .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-divider {
  height    : 0;
  margin    : var(--bs-dropdown-divider-margin-y) 0;
  overflow  : hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity   : 1
}

.dropdown-item {
  display         : block;
  width           : 100%;
  padding         : var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear           : both;
  font-weight     : 400;
  color           : var(--bs-dropdown-link-color);
  text-align      : inherit;
  text-decoration : none;
  white-space     : nowrap;
  background-color: transparent;
  border          : 0
}

.dropdown-item:hover,
.dropdown-item:focus {
  color           : var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
  color           : var(--bs-dropdown-link-active-color);
  text-decoration : none;
  background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color           : var(--bs-dropdown-link-disabled-color);
  pointer-events  : none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display      : block;
  padding      : var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size    : .875rem;
  color        : var(--bs-dropdown-header-color);
  white-space  : nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color  : var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
  --bs-dropdown-color              : #dee2e6;
  --bs-dropdown-bg                 : #343a40;
  --bs-dropdown-border-color       : var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow         : ;
  --bs-dropdown-link-color         : #dee2e6;
  --bs-dropdown-link-hover-color   : #fff;
  --bs-dropdown-divider-bg         : var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg      : rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color  : #fff;
  --bs-dropdown-link-active-bg     : #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color       : #adb5bd
}

.btn-group,
.btn-group-vertical {
  position      : relative;
  display       : inline-flex;
  vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  flex    : 1 1 auto
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
  z-index: 1
}

.btn-toolbar {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group {
  border-radius: .375rem
}

.btn-group>:not(.btn-check:first-child)+.btn,
.btn-group>.btn-group:not(:first-child) {
  margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn-group:not(:last-child)>.btn {
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
  border-top-left-radius   : 0;
  border-bottom-left-radius: 0
}

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left : .5625rem
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left : .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left : .75rem
}

.btn-group-vertical {
  flex-direction : column;
  align-items    : flex-start;
  justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
  margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius : 0
}

.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
  border-top-left-radius : 0;
  border-top-right-radius: 0
}

.nav {
  --bs-nav-link-padding-x     : 1rem;
  --bs-nav-link-padding-y     : .5rem;
  --bs-nav-link-font-weight   : ;
  --bs-nav-link-color         : var(--bs-link-color);
  --bs-nav-link-hover-color   : var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display                     : flex;
  flex-wrap                   : wrap;
  padding-left                : 0;
  margin-bottom               : 0;
  list-style                  : none
}

.nav-link {
  display        : block;
  padding        : var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size      : var(--bs-nav-link-font-size);
  font-weight    : var(--bs-nav-link-font-weight);
  color          : var(--bs-nav-link-color);
  text-decoration: none;
  transition     : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:hover,
.nav-link:focus {
  color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
  color         : var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor        : default
}

.nav-tabs {
  --bs-nav-tabs-border-width            : 1px;
  --bs-nav-tabs-border-color            : #dee2e6;
  --bs-nav-tabs-border-radius           : .375rem;
  --bs-nav-tabs-link-hover-border-color : #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color       : #495057;
  --bs-nav-tabs-link-active-bg          : #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom                         : var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
  margin-bottom          : calc(-1 * var(--bs-nav-tabs-border-width));
  background             : none;
  border                 : var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius : var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation   : isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color           : var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color    : transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color           : var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color    : var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
  margin-top             : calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius : 0;
  border-top-right-radius: 0
}

.nav-pills {
  --bs-nav-pills-border-radius    : .375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg   : #0d6efd
}

.nav-pills .nav-link {
  background   : none;
  border       : 0;
  border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
  color           : var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color    : transparent
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color           : var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
  flex      : 1 1 auto;
  text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow : 1;
  text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  --bs-navbar-padding-x            : 0;
  --bs-navbar-padding-y            : .5rem;
  --bs-navbar-color                : rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color          : rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color       : rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color         : rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y      : .3125rem;
  --bs-navbar-brand-margin-end     : 1rem;
  --bs-navbar-brand-font-size      : 1.25rem;
  --bs-navbar-brand-color          : rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color    : rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x   : .5rem;
  --bs-navbar-toggler-padding-y    : .25rem;
  --bs-navbar-toggler-padding-x    : .75rem;
  --bs-navbar-toggler-font-size    : 1.25rem;
  --bs-navbar-toggler-icon-bg      : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color : rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: .375rem;
  --bs-navbar-toggler-focus-width  : .25rem;
  --bs-navbar-toggler-transition   : box-shadow 0.15s ease-in-out;
  position                         : relative;
  display                          : flex;
  flex-wrap                        : wrap;
  align-items                      : center;
  justify-content                  : space-between;
  padding                          : var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
  display        : flex;
  flex-wrap      : inherit;
  align-items    : center;
  justify-content: space-between
}

.navbar-brand {
  padding-top    : var(--bs-navbar-brand-padding-y);
  padding-bottom : var(--bs-navbar-brand-padding-y);
  margin-right   : var(--bs-navbar-brand-margin-end);
  font-size      : var(--bs-navbar-brand-font-size);
  color          : var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space    : nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
  --bs-nav-link-padding-x     : 0;
  --bs-nav-link-padding-y     : .5rem;
  --bs-nav-link-font-weight   : ;
  --bs-nav-link-color         : var(--bs-navbar-color);
  --bs-nav-link-hover-color   : var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display                     : flex;
  flex-direction              : column;
  padding-left                : 0;
  margin-bottom               : 0;
  list-style                  : none
}

.navbar-nav .show>.nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  padding-top   : .5rem;
  padding-bottom: .5rem;
  color         : var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color)
}

.navbar-collapse {
  flex-basis : 100%;
  flex-grow  : 1;
  align-items: center
}

.navbar-toggler {
  padding         : var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size       : var(--bs-navbar-toggler-font-size);
  line-height     : 1;
  color           : var(--bs-navbar-color);
  background-color: transparent;
  border          : var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius   : var(--bs-navbar-toggler-border-radius);
  transition      : var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline        : 0;
  box-shadow     : 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
  display            : inline-block;
  width              : 1.5em;
  height             : 1.5em;
  vertical-align     : middle;
  background-image   : var(--bs-navbar-toggler-icon-bg);
  background-repeat  : no-repeat;
  background-position: center;
  background-size    : 100%
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap      : nowrap;
    justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left : var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display   : flex !important;
    flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }

  .navbar-expand-sm .offcanvas {
    position        : static;
    z-index         : auto;
    flex-grow       : 1;
    width           : auto !important;
    height          : auto !important;
    visibility      : visible !important;
    background-color: transparent !important;
    border          : 0 !important;
    transform       : none !important;
    transition      : none
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display   : flex;
    flex-grow : 0;
    padding   : 0;
    overflow-y: visible
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap      : nowrap;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left : var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display   : flex !important;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }

  .navbar-expand-md .offcanvas {
    position        : static;
    z-index         : auto;
    flex-grow       : 1;
    width           : auto !important;
    height          : auto !important;
    visibility      : visible !important;
    background-color: transparent !important;
    border          : 0 !important;
    transform       : none !important;
    transition      : none
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display   : flex;
    flex-grow : 0;
    padding   : 0;
    overflow-y: visible
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap      : nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left : var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display   : flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }

  .navbar-expand-lg .offcanvas {
    position        : static;
    z-index         : auto;
    flex-grow       : 1;
    width           : auto !important;
    height          : auto !important;
    visibility      : visible !important;
    background-color: transparent !important;
    border          : 0 !important;
    transform       : none !important;
    transition      : none
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display   : flex;
    flex-grow : 0;
    padding   : 0;
    overflow-y: visible
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap      : nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left : var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display   : flex !important;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }

  .navbar-expand-xl .offcanvas {
    position        : static;
    z-index         : auto;
    flex-grow       : 1;
    width           : auto !important;
    height          : auto !important;
    visibility      : visible !important;
    background-color: transparent !important;
    border          : 0 !important;
    transform       : none !important;
    transition      : none
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display   : flex;
    flex-grow : 0;
    padding   : 0;
    overflow-y: visible
  }
}

@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap      : nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left : var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xxl .navbar-collapse {
    display   : flex !important;
    flex-basis: auto
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none
  }

  .navbar-expand-xxl .offcanvas {
    position        : static;
    z-index         : auto;
    flex-grow       : 1;
    width           : auto !important;
    height          : auto !important;
    visibility      : visible !important;
    background-color: transparent !important;
    border          : 0 !important;
    transform       : none !important;
    transition      : none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display   : flex;
    flex-grow : 0;
    padding   : 0;
    overflow-y: visible
  }
}

.navbar-expand {
  flex-wrap      : nowrap;
  justify-content: flex-start
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left : var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display   : flex !important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-expand .offcanvas {
  position        : static;
  z-index         : auto;
  flex-grow       : 1;
  width           : auto !important;
  height          : auto !important;
  visibility      : visible !important;
  background-color: transparent !important;
  border          : 0 !important;
  transform       : none !important;
  transition      : none
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none
}

.navbar-expand .offcanvas .offcanvas-body {
  display   : flex;
  flex-grow : 0;
  padding   : 0;
  overflow-y: visible
}

.navbar-dark {
  --bs-navbar-color               : rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color         : rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color      : rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color        : #fff;
  --bs-navbar-brand-color         : #fff;
  --bs-navbar-brand-hover-color   : #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg     : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
  --bs-card-spacer-y           : 1rem;
  --bs-card-spacer-x           : 1rem;
  --bs-card-title-spacer-y     : .5rem;
  --bs-card-border-width       : 1px;
  --bs-card-border-color       : var(--bs-border-color-translucent);
  --bs-card-border-radius      : .375rem;
  --bs-card-box-shadow         : ;
  --bs-card-inner-border-radius: calc(.375rem - 1px);
  --bs-card-cap-padding-y      : .5rem;
  --bs-card-cap-padding-x      : 1rem;
  --bs-card-cap-bg             : rgba(0, 0, 0, 0.03);
  --bs-card-cap-color          : ;
  --bs-card-height             : ;
  --bs-card-color              : ;
  --bs-card-bg                 : #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin       : .75rem;
  position                     : relative;
  display                      : flex;
  flex-direction               : column;
  min-width                    : 0;
  height                       : var(--bs-card-height);
  word-wrap                    : break-word;
  background-color             : var(--bs-card-bg);
  background-clip              : border-box;
  border                       : var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius                : var(--bs-card-border-radius)
}

.card>hr {
  margin-right: 0;
  margin-left : 0
}

.card>.list-group {
  border-top   : inherit;
  border-bottom: inherit
}

.card>.list-group:first-child {
  border-top-width       : 0;
  border-top-left-radius : var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
  border-bottom-width       : 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius : var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0
}

.card-body {
  flex   : 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color  : var(--bs-card-color)
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
  margin-top   : calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link+.card-link {
  margin-left: var(--bs-card-spacer-x)
}

.card-header {
  padding         : var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom   : 0;
  color           : var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom   : var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
  padding         : var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color           : var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top      : var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
  margin-right : calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left  : calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0
}

.card-header-tabs .nav-link.active {
  background-color   : var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left : calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
  position     : absolute;
  top          : 0;
  right        : 0;
  bottom       : 0;
  left         : 0;
  padding      : var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius : var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius : var(--bs-card-inner-border-radius)
}

.card-group>.card {
  margin-bottom: var(--bs-card-group-margin)
}

@media (min-width: 576px) {
  .card-group {
    display  : flex;
    flex-flow: row wrap
  }

  .card-group>.card {
    flex         : 1 0 0%;
    margin-bottom: 0
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-img-top,
  .card-group>.card:not(:last-child) .card-header {
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-img-bottom,
  .card-group>.card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius   : 0;
    border-bottom-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-img-top,
  .card-group>.card:not(:first-child) .card-header {
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-img-bottom,
  .card-group>.card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0
  }
}

.accordion {
  --bs-accordion-color                 : #212529;
  --bs-accordion-bg                    : #fff;
  --bs-accordion-transition            : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color          : var(--bs-border-color);
  --bs-accordion-border-width          : 1px;
  --bs-accordion-border-radius         : .375rem;
  --bs-accordion-inner-border-radius   : calc(.375rem - 1px);
  --bs-accordion-btn-padding-x         : 1.25rem;
  --bs-accordion-btn-padding-y         : 1rem;
  --bs-accordion-btn-color             : #212529;
  --bs-accordion-btn-bg                : var(--bs-accordion-bg);
  --bs-accordion-btn-icon              : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width        : 1.25rem;
  --bs-accordion-btn-icon-transform    : rotate(-180deg);
  --bs-accordion-btn-icon-transition   : transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon       : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow  : 0 0 0 .25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x        : 1.25rem;
  --bs-accordion-body-padding-y        : 1rem;
  --bs-accordion-active-color          : #0c63e4;
  --bs-accordion-active-bg             : #e7f1ff
}

.accordion-button {
  position        : relative;
  display         : flex;
  align-items     : center;
  width           : 100%;
  padding         : var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size       : 1rem;
  color           : var(--bs-accordion-btn-color);
  text-align      : left;
  background-color: var(--bs-accordion-btn-bg);
  border          : 0;
  border-radius   : 0;
  overflow-anchor : none;
  transition      : var(--bs-accordion-transition)
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  color           : var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow      : inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform       : var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
  flex-shrink      : 0;
  width            : var(--bs-accordion-btn-icon-width);
  height           : var(--bs-accordion-btn-icon-width);
  margin-left      : auto;
  content          : "";
  background-image : var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size  : var(--bs-accordion-btn-icon-width);
  transition       : var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index     : 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline     : 0;
  box-shadow  : var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  color           : var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border          : var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
  border-top-left-radius : var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius : var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
  border-top: 0
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius : var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius : var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius : var(--bs-accordion-border-radius)
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right : 0;
  border-left  : 0;
  border-radius: 0
}

.accordion-flush .accordion-item:first-child {
  border-top: 0
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0
}

.breadcrumb {
  --bs-breadcrumb-padding-x        : 0;
  --bs-breadcrumb-padding-y        : 0;
  --bs-breadcrumb-margin-bottom    : 1rem;
  --bs-breadcrumb-bg               : ;
  --bs-breadcrumb-border-radius    : ;
  --bs-breadcrumb-divider-color    : #6c757d;
  --bs-breadcrumb-item-padding-x   : .5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display                          : flex;
  flex-wrap                        : wrap;
  padding                          : var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom                    : var(--bs-breadcrumb-margin-bottom);
  font-size                        : var(--bs-breadcrumb-font-size);
  list-style                       : none;
  background-color                 : var(--bs-breadcrumb-bg);
  border-radius                    : var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item::before {
  float        : left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color        : var(--bs-breadcrumb-divider-color);
  content      : var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
  --bs-pagination-padding-x            : .75rem;
  --bs-pagination-padding-y            : .375rem;
  --bs-pagination-font-size            : 1rem;
  --bs-pagination-color                : var(--bs-link-color);
  --bs-pagination-bg                   : #fff;
  --bs-pagination-border-width         : 1px;
  --bs-pagination-border-color         : #dee2e6;
  --bs-pagination-border-radius        : .375rem;
  --bs-pagination-hover-color          : var(--bs-link-hover-color);
  --bs-pagination-hover-bg             : #e9ecef;
  --bs-pagination-hover-border-color   : #dee2e6;
  --bs-pagination-focus-color          : var(--bs-link-hover-color);
  --bs-pagination-focus-bg             : #e9ecef;
  --bs-pagination-focus-box-shadow     : 0 0 0 .25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color         : #fff;
  --bs-pagination-active-bg            : #0d6efd;
  --bs-pagination-active-border-color  : #0d6efd;
  --bs-pagination-disabled-color       : #6c757d;
  --bs-pagination-disabled-bg          : #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display                              : flex;
  padding-left                         : 0;
  list-style                           : none
}

.page-link {
  position        : relative;
  display         : block;
  padding         : var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size       : var(--bs-pagination-font-size);
  color           : var(--bs-pagination-color);
  text-decoration : none;
  background-color: var(--bs-pagination-bg);
  border          : var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition      : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index         : 2;
  color           : var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color    : var(--bs-pagination-hover-border-color)
}

.page-link:focus {
  z-index         : 3;
  color           : var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline         : 0;
  box-shadow      : var(--bs-pagination-focus-box-shadow)
}

.page-link.active,
.active>.page-link {
  z-index         : 3;
  color           : var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color    : var(--bs-pagination-active-border-color)
}

.page-link.disabled,
.disabled>.page-link {
  color           : var(--bs-pagination-disabled-color);
  pointer-events  : none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color    : var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px
}

.page-item:first-child .page-link {
  border-top-left-radius   : var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
  border-top-right-radius   : var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
  --bs-pagination-padding-x    : 1.5rem;
  --bs-pagination-padding-y    : .75rem;
  --bs-pagination-font-size    : 1.25rem;
  --bs-pagination-border-radius: .5rem
}

.pagination-sm {
  --bs-pagination-padding-x    : .5rem;
  --bs-pagination-padding-y    : .25rem;
  --bs-pagination-font-size    : .875rem;
  --bs-pagination-border-radius: .25rem
}

.badge {
  --bs-badge-padding-x    : .65em;
  --bs-badge-padding-y    : .35em;
  --bs-badge-font-size    : .75em;
  --bs-badge-font-weight  : 700;
  --bs-badge-color        : #fff;
  --bs-badge-border-radius: .375rem;
  display                 : inline-block;
  padding                 : var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size               : var(--bs-badge-font-size);
  font-weight             : var(--bs-badge-font-weight);
  line-height             : 1;
  color                   : var(--bs-badge-color);
  text-align              : center;
  white-space             : nowrap;
  vertical-align          : baseline;
  border-radius           : var(--bs-badge-border-radius)
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top     : -1px
}

.alert {
  --bs-alert-bg           : transparent;
  --bs-alert-padding-x    : 1rem;
  --bs-alert-padding-y    : 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color        : inherit;
  --bs-alert-border-color : transparent;
  --bs-alert-border       : 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: .375rem;
  position                : relative;
  padding                 : var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom           : var(--bs-alert-margin-bottom);
  color                   : var(--bs-alert-color);
  background-color        : var(--bs-alert-bg);
  border                  : var(--bs-alert-border);
  border-radius           : var(--bs-alert-border-radius)
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3rem
}

.alert-dismissible .btn-close {
  position: absolute;
  top     : 0;
  right   : 0;
  z-index : 2;
  padding : 1.25rem 1rem
}

.alert-primary {
  --bs-alert-color       : #084298;
  --bs-alert-bg          : #cfe2ff;
  --bs-alert-border-color: #b6d4fe
}

.alert-primary .alert-link {
  color: #06357a
}

.alert-secondary {
  --bs-alert-color       : #41464b;
  --bs-alert-bg          : #e2e3e5;
  --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
  color: #34383c
}

.alert-success {
  --bs-alert-color       : #0f5132;
  --bs-alert-bg          : #d1e7dd;
  --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
  color: #0c4128
}

.alert-info {
  --bs-alert-color       : #2f6e79;
  --bs-alert-bg          : #dcf1f4;
  --bs-alert-border-color: #caeaef
}

.alert-info .alert-link {
  color: #265861
}

.alert-warning {
  --bs-alert-color       : #664a14;
  --bs-alert-bg          : #fff1d6;
  --bs-alert-border-color: #ffeac2
}

.alert-warning .alert-link {
  color: #523b10
}

.alert-danger {
  --bs-alert-color       : #842029;
  --bs-alert-bg          : #f8d7da;
  --bs-alert-border-color: #f5c2c7
}

.alert-danger .alert-link {
  color: #6a1a21
}

.alert-light {
  --bs-alert-color       : #636464;
  --bs-alert-bg          : #fefefe;
  --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
  color: #4f5050
}

.alert-dark {
  --bs-alert-color       : #0f0e0e;
  --bs-alert-bg          : #d1d1d1;
  --bs-alert-border-color: #bababa
}

.alert-dark .alert-link {
  color: #0c0b0b
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress {
  --bs-progress-height        : 1rem;
  --bs-progress-font-size     : .75rem;
  --bs-progress-bg            : #e9ecef;
  --bs-progress-border-radius : .375rem;
  --bs-progress-box-shadow    : inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color     : #fff;
  --bs-progress-bar-bg        : #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display                     : flex;
  height                      : var(--bs-progress-height);
  overflow                    : hidden;
  font-size                   : var(--bs-progress-font-size);
  background-color            : var(--bs-progress-bg);
  border-radius               : var(--bs-progress-border-radius)
}

.progress-bar {
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  overflow        : hidden;
  color           : var(--bs-progress-bar-color);
  text-align      : center;
  white-space     : nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition      : var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size : var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none
  }
}

.list-group {
  --bs-list-group-color              : #212529;
  --bs-list-group-bg                 : #fff;
  --bs-list-group-border-color       : rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width       : 1px;
  --bs-list-group-border-radius      : .375rem;
  --bs-list-group-item-padding-x     : 1rem;
  --bs-list-group-item-padding-y     : .5rem;
  --bs-list-group-action-color       : #495057;
  --bs-list-group-action-hover-color : #495057;
  --bs-list-group-action-hover-bg    : #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg   : #e9ecef;
  --bs-list-group-disabled-color     : #6c757d;
  --bs-list-group-disabled-bg        : #fff;
  --bs-list-group-active-color       : #fff;
  --bs-list-group-active-bg          : #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display                            : flex;
  flex-direction                     : column;
  padding-left                       : 0;
  margin-bottom                      : 0;
  border-radius                      : var(--bs-list-group-border-radius)
}

.list-group-numbered {
  list-style-type: none;
  counter-reset  : section
}

.list-group-numbered>.list-group-item::before {
  content          : counters(section, ".") ". ";
  counter-increment: section
}

.list-group-item-action {
  width     : 100%;
  color     : var(--bs-list-group-action-color);
  text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index         : 1;
  color           : var(--bs-list-group-action-hover-color);
  text-decoration : none;
  background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
  color           : var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
  position        : relative;
  display         : block;
  padding         : var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color           : var(--bs-list-group-color);
  text-decoration : none;
  background-color: var(--bs-list-group-bg);
  border          : var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
  border-top-left-radius : inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius : inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  color           : var(--bs-list-group-disabled-color);
  pointer-events  : none;
  background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
  z-index         : 2;
  color           : var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color    : var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top      : calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius  : 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
  border-top-right-radius  : var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width : var(--bs-list-group-border-width);
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left      : calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width)
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius  : 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius  : var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width : var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left      : calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius  : 0
  }

  .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius  : var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width : var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left      : calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius  : 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius  : var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width : var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left      : calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius  : 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius  : var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width : var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left      : calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

  .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius  : 0
  }

  .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius  : var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width : var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left      : calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  color           : #084298;
  background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color           : #084298;
  background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
  color           : #fff;
  background-color: #084298;
  border-color    : #084298
}

.list-group-item-secondary {
  color           : #41464b;
  background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color           : #41464b;
  background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
  color           : #fff;
  background-color: #41464b;
  border-color    : #41464b
}

.list-group-item-success {
  color           : #0f5132;
  background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color           : #0f5132;
  background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
  color           : #fff;
  background-color: #0f5132;
  border-color    : #0f5132
}

.list-group-item-info {
  color           : #2f6e79;
  background-color: #dcf1f4
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color           : #2f6e79;
  background-color: #c6d9dc
}

.list-group-item-info.list-group-item-action.active {
  color           : #fff;
  background-color: #2f6e79;
  border-color    : #2f6e79
}

.list-group-item-warning {
  color           : #664a14;
  background-color: #fff1d6
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color           : #664a14;
  background-color: #e6d9c1
}

.list-group-item-warning.list-group-item-action.active {
  color           : #fff;
  background-color: #664a14;
  border-color    : #664a14
}

.list-group-item-danger {
  color           : #842029;
  background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color           : #842029;
  background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
  color           : #fff;
  background-color: #842029;
  border-color    : #842029
}

.list-group-item-light {
  color           : #636464;
  background-color: #fefefe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color           : #636464;
  background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
  color           : #fff;
  background-color: #636464;
  border-color    : #636464
}

.list-group-item-dark {
  color           : #0f0e0e;
  background-color: #d1d1d1
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color           : #0f0e0e;
  background-color: #bcbcbc
}

.list-group-item-dark.list-group-item-action.active {
  color           : #fff;
  background-color: #0f0e0e;
  border-color    : #0f0e0e
}

.btn-close {
  box-sizing   : content-box;
  width        : 1em;
  height       : 1em;
  padding      : .25em .25em;
  color        : #000;
  background   : transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border       : 0;
  border-radius: .375rem;
  opacity      : .5
}

.btn-close:hover {
  color          : #000;
  text-decoration: none;
  opacity        : .75
}

.btn-close:focus {
  outline   : 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25);
  opacity   : 1
}

.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  user-select   : none;
  opacity       : .25
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
  --bs-toast-zindex             : 1090;
  --bs-toast-padding-x          : .75rem;
  --bs-toast-padding-y          : .5rem;
  --bs-toast-spacing            : 1.5rem;
  --bs-toast-max-width          : 350px;
  --bs-toast-font-size          : .875rem;
  --bs-toast-color              : ;
  --bs-toast-bg                 : rgba(255, 255, 255, 0.85);
  --bs-toast-border-width       : 1px;
  --bs-toast-border-color       : var(--bs-border-color-translucent);
  --bs-toast-border-radius      : .375rem;
  --bs-toast-box-shadow         : 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color       : #6c757d;
  --bs-toast-header-bg          : rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width                         : var(--bs-toast-max-width);
  max-width                     : 100%;
  font-size                     : var(--bs-toast-font-size);
  color                         : var(--bs-toast-color);
  pointer-events                : auto;
  background-color              : var(--bs-toast-bg);
  background-clip               : padding-box;
  border                        : var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow                    : var(--bs-toast-box-shadow);
  border-radius                 : var(--bs-toast-border-radius)
}

.toast.showing {
  opacity: 0
}

.toast:not(.show) {
  display: none
}

.toast-container {
  --bs-toast-zindex: 1090;
  position         : absolute;
  z-index          : var(--bs-toast-zindex);
  width            : max-content;
  max-width        : 100%;
  pointer-events   : none
}

.toast-container>:not(:last-child) {
  margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
  display                : flex;
  align-items            : center;
  padding                : var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color                  : var(--bs-toast-header-color);
  background-color       : var(--bs-toast-header-bg);
  background-clip        : padding-box;
  border-bottom          : var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius : calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left : var(--bs-toast-padding-x)
}

.toast-body {
  padding  : var(--bs-toast-padding-x);
  word-wrap: break-word
}

.modal {
  --bs-modal-zindex             : 1055;
  --bs-modal-width              : 500px;
  --bs-modal-padding            : 1rem;
  --bs-modal-margin             : .5rem;
  --bs-modal-color              : ;
  --bs-modal-bg                 : #fff;
  --bs-modal-border-color       : var(--bs-border-color-translucent);
  --bs-modal-border-width       : 1px;
  --bs-modal-border-radius      : .5rem;
  --bs-modal-box-shadow         : 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(.5rem - 1px);
  --bs-modal-header-padding-x   : 1rem;
  --bs-modal-header-padding-y   : 1rem;
  --bs-modal-header-padding     : 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height  : 1.5;
  --bs-modal-footer-gap         : .5rem;
  --bs-modal-footer-bg          : ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position                      : fixed;
  top                           : 0;
  left                          : 0;
  z-index                       : var(--bs-modal-zindex);
  display                       : none;
  width                         : 100%;
  height                        : 100%;
  overflow-x                    : hidden;
  overflow-y                    : auto;
  outline                       : 0
}

.modal-dialog {
  position      : relative;
  width         : auto;
  margin        : var(--bs-modal-margin);
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform : translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow  : hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display    : flex;
  align-items: center;
  min-height : calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
  position        : relative;
  display         : flex;
  flex-direction  : column;
  width           : 100%;
  color           : var(--bs-modal-color);
  pointer-events  : auto;
  background-color: var(--bs-modal-bg);
  background-clip : padding-box;
  border          : var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius   : var(--bs-modal-border-radius);
  outline         : 0
}

.modal-backdrop {
  --bs-backdrop-zindex : 1050;
  --bs-backdrop-bg     : #000;
  --bs-backdrop-opacity: .5;
  position             : fixed;
  top                  : 0;
  left                 : 0;
  z-index              : var(--bs-backdrop-zindex);
  width                : 100vw;
  height               : 100vh;
  background-color     : var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity)
}

.modal-header {
  display                : flex;
  flex-shrink            : 0;
  align-items            : center;
  justify-content        : space-between;
  padding                : var(--bs-modal-header-padding);
  border-bottom          : var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius : var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin : calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
  margin-bottom: 0;
  line-height  : var(--bs-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex    : 1 1 auto;
  padding : var(--bs-modal-padding)
}

.modal-footer {
  display                   : flex;
  flex-shrink               : 0;
  flex-wrap                 : wrap;
  align-items               : center;
  justify-content           : flex-end;
  padding                   : calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color          : var(--bs-modal-footer-bg);
  border-top                : var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius : var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin    : 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
  }

  .modal-dialog {
    max-width   : var(--bs-modal-width);
    margin-right: auto;
    margin-left : auto
  }

  .modal-sm {
    --bs-modal-width: 300px
  }
}

@media (min-width: 992px) {

  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px
  }
}

.modal-fullscreen {
  width    : 100vw;
  max-width: none;
  height   : 100%;
  margin   : 0
}

.modal-fullscreen .modal-content {
  height       : 100%;
  border       : 0;
  border-radius: 0
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width    : 100vw;
    max-width: none;
    height   : 100%;
    margin   : 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height       : 100%;
    border       : 0;
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width    : 100vw;
    max-width: none;
    height   : 100%;
    margin   : 0
  }

  .modal-fullscreen-md-down .modal-content {
    height       : 100%;
    border       : 0;
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width    : 100vw;
    max-width: none;
    height   : 100%;
    margin   : 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height       : 100%;
    border       : 0;
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width    : 100vw;
    max-width: none;
    height   : 100%;
    margin   : 0
  }

  .modal-fullscreen-xl-down .modal-content {
    height       : 100%;
    border       : 0;
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width    : 100vw;
    max-width: none;
    height   : 100%;
    margin   : 0
  }

  .modal-fullscreen-xxl-down .modal-content {
    height       : 100%;
    border       : 0;
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }
}

.tooltip {
  --bs-tooltip-zindex       : 1080;
  --bs-tooltip-max-width    : 200px;
  --bs-tooltip-padding-x    : .5rem;
  --bs-tooltip-padding-y    : .25rem;
  --bs-tooltip-margin       : ;
  --bs-tooltip-font-size    : .875rem;
  --bs-tooltip-color        : #fff;
  --bs-tooltip-bg           : #000;
  --bs-tooltip-border-radius: .375rem;
  --bs-tooltip-opacity      : .9;
  --bs-tooltip-arrow-width  : .8rem;
  --bs-tooltip-arrow-height : .4rem;
  z-index                   : var(--bs-tooltip-zindex);
  display                   : block;
  padding                   : var(--bs-tooltip-arrow-height);
  margin                    : var(--bs-tooltip-margin);
  font-family               : var(--bs-font-sans-serif);
  font-style                : normal;
  font-weight               : 400;
  line-height               : 1.5;
  text-align                : left;
  text-align                : start;
  text-decoration           : none;
  text-shadow               : none;
  text-transform            : none;
  letter-spacing            : normal;
  word-break                : normal;
  white-space               : normal;
  word-spacing              : normal;
  line-break                : auto;
  font-size                 : var(--bs-tooltip-font-size);
  word-wrap                 : break-word;
  opacity                   : 0
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
  display: block;
  width  : var(--bs-tooltip-arrow-width);
  height : var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
  position    : absolute;
  content     : "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top             : -1px;
  border-width    : var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left  : 0;
  width : var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right             : -1px;
  border-width      : calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom             : -1px;
  border-width       : 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right : 0;
  width : var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left             : -1px;
  border-width     : calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
  max-width       : var(--bs-tooltip-max-width);
  padding         : var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color           : var(--bs-tooltip-color);
  text-align      : center;
  background-color: var(--bs-tooltip-bg);
  border-radius   : var(--bs-tooltip-border-radius)
}

.popover {
  --bs-popover-zindex             : 1070;
  --bs-popover-max-width          : 276px;
  --bs-popover-font-size          : .875rem;
  --bs-popover-bg                 : #fff;
  --bs-popover-border-width       : 1px;
  --bs-popover-border-color       : var(--bs-border-color-translucent);
  --bs-popover-border-radius      : .5rem;
  --bs-popover-inner-border-radius: calc(.5rem - 1px);
  --bs-popover-box-shadow         : 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x   : 1rem;
  --bs-popover-header-padding-y   : .5rem;
  --bs-popover-header-font-size   : 1rem;
  --bs-popover-header-color       : ;
  --bs-popover-header-bg          : #f0f0f0;
  --bs-popover-body-padding-x     : 1rem;
  --bs-popover-body-padding-y     : 1rem;
  --bs-popover-body-color         : #212529;
  --bs-popover-arrow-width        : 1rem;
  --bs-popover-arrow-height       : .5rem;
  --bs-popover-arrow-border       : var(--bs-popover-border-color);
  z-index                         : var(--bs-popover-zindex);
  display                         : block;
  max-width                       : var(--bs-popover-max-width);
  font-family                     : var(--bs-font-sans-serif);
  font-style                      : normal;
  font-weight                     : 400;
  line-height                     : 1.5;
  text-align                      : left;
  text-align                      : start;
  text-decoration                 : none;
  text-shadow                     : none;
  text-transform                  : none;
  letter-spacing                  : normal;
  word-break                      : normal;
  white-space                     : normal;
  word-spacing                    : normal;
  line-break                      : auto;
  font-size                       : var(--bs-popover-font-size);
  word-wrap                       : break-word;
  background-color                : var(--bs-popover-bg);
  background-clip                 : padding-box;
  border                          : var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius                   : var(--bs-popover-border-radius)
}

.popover .popover-arrow {
  display: block;
  width  : var(--bs-popover-arrow-width);
  height : var(--bs-popover-arrow-height)
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position    : absolute;
  display     : block;
  content     : "";
  border-color: transparent;
  border-style: solid;
  border-width: 0
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
  bottom          : 0;
  border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
  bottom          : var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg)
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
  left  : calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width : var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before {
  left              : 0;
  border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
  left              : var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg)
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
  top                : 0;
  border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
  top                : var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
  position     : absolute;
  top          : 0;
  left         : 50%;
  display      : block;
  width        : var(--bs-popover-arrow-width);
  margin-left  : calc(-.5 * var(--bs-popover-arrow-width));
  content      : "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
  right : calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width : var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before {
  right            : 0;
  border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
  right            : var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg)
}

.popover-header {
  padding                : var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom          : 0;
  font-size              : var(--bs-popover-header-font-size);
  color                  : var(--bs-popover-header-color);
  background-color       : var(--bs-popover-header-bg);
  border-bottom          : var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius : var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color  : var(--bs-popover-body-color)
}

.carousel {
  position: relative
}

.carousel.pointer-event {
  touch-action: pan-y
}

.carousel-inner {
  position: relative;
  width   : 100%;
  overflow: hidden
}

.carousel-inner::after {
  display: block;
  clear  : both;
  content: ""
}

.carousel-item {
  position           : relative;
  display            : none;
  float              : left;
  width              : 100%;
  margin-right       : -100%;
  backface-visibility: hidden;
  transition         : transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity            : 0;
  transition-property: opacity;
  transform          : none
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index   : 0;
  opacity   : 0;
  transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {

  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none
  }
}

.carousel-control-prev,
.carousel-control-next {
  position       : absolute;
  top            : 0;
  bottom         : 0;
  z-index        : 1;
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 15%;
  padding        : 0;
  color          : #fff;
  text-align     : center;
  background     : none;
  border         : 0;
  opacity        : .5;
  transition     : opacity 0.15s ease
}

@media (prefers-reduced-motion: reduce) {

  .carousel-control-prev,
  .carousel-control-next {
    transition: none
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color          : #fff;
  text-decoration: none;
  outline        : 0;
  opacity        : .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display            : inline-block;
  width              : 2rem;
  height             : 2rem;
  background-repeat  : no-repeat;
  background-position: 50%;
  background-size    : 100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position       : absolute;
  right          : 0;
  bottom         : 0;
  left           : 0;
  z-index        : 2;
  display        : flex;
  justify-content: center;
  padding        : 0;
  margin-right   : 15%;
  margin-bottom  : 1rem;
  margin-left    : 15%;
  list-style     : none
}

.carousel-indicators [data-bs-target] {
  box-sizing      : content-box;
  flex            : 0 1 auto;
  width           : 30px;
  height          : 3px;
  padding         : 0;
  margin-right    : 3px;
  margin-left     : 3px;
  text-indent     : -999px;
  cursor          : pointer;
  background-color: #fff;
  background-clip : padding-box;
  border          : 0;
  border-top      : 10px solid transparent;
  border-bottom   : 10px solid transparent;
  opacity         : .5;
  transition      : opacity 0.6s ease
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position      : absolute;
  right         : 15%;
  bottom        : 1.25rem;
  left          : 15%;
  padding-top   : 1.25rem;
  padding-bottom: 1.25rem;
  color         : #fff;
  text-align    : center
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

.spinner-grow,
.spinner-border {
  display       : inline-block;
  width         : var(--bs-spinner-width);
  height        : var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius : 50%;
  animation     : var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
      /* rtl :ignore */
  }
}

.spinner-border {
  --bs-spinner-width          : 2rem;
  --bs-spinner-height         : 2rem;
  --bs-spinner-vertical-align : -.125em;
  --bs-spinner-border-width   : .25em;
  --bs-spinner-animation-speed: .75s;
  --bs-spinner-animation-name : spinner-border;
  border                      : var(--bs-spinner-border-width) solid currentcolor;
  border-right-color          : transparent
}

.spinner-border-sm {
  --bs-spinner-width       : 1rem;
  --bs-spinner-height      : 1rem;
  --bs-spinner-border-width: .2em
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity  : 1;
    transform: none
  }
}

.spinner-grow {
  --bs-spinner-width          : 2rem;
  --bs-spinner-height         : 2rem;
  --bs-spinner-vertical-align : -.125em;
  --bs-spinner-animation-speed: .75s;
  --bs-spinner-animation-name : spinner-grow;
  background-color            : currentcolor;
  opacity                     : 0
}

.spinner-grow-sm {
  --bs-spinner-width : 1rem;
  --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion: reduce) {

  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s
  }
}

.offcanvas-sm,
.offcanvas-md,
.offcanvas-lg,
.offcanvas-xl,
.offcanvas-xxl,
.offcanvas {
  --bs-offcanvas-zindex      : 1045;
  --bs-offcanvas-width       : 400px;
  --bs-offcanvas-height      : 30vh;
  --bs-offcanvas-padding-x   : 1rem;
  --bs-offcanvas-padding-y   : 1rem;
  --bs-offcanvas-color       : ;
  --bs-offcanvas-bg          : #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow  : 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position        : fixed;
    bottom          : 0;
    z-index         : var(--bs-offcanvas-zindex);
    display         : flex;
    flex-direction  : column;
    max-width       : 100%;
    color           : var(--bs-offcanvas-color);
    visibility      : hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip : padding-box;
    outline         : 0;
    transition      : transform .3s ease-in-out
  }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none
  }
}

@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top         : 0;
    left        : 0;
    width       : var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform   : translateX(-100%)
  }

  .offcanvas-sm.offcanvas-end {
    top        : 0;
    right      : 0;
    width      : var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform  : translateX(100%)
  }

  .offcanvas-sm.offcanvas-top {
    top          : 0;
    right        : 0;
    left         : 0;
    height       : var(--bs-offcanvas-height);
    max-height   : 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform    : translateY(-100%)
  }

  .offcanvas-sm.offcanvas-bottom {
    right     : 0;
    left      : 0;
    height    : var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform : translateY(100%)
  }

  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none
  }

  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible
  }
}

@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height      : auto;
    --bs-offcanvas-border-width: 0;
    background-color           : transparent !important
  }

  .offcanvas-sm .offcanvas-header {
    display: none
  }

  .offcanvas-sm .offcanvas-body {
    display         : flex;
    flex-grow       : 0;
    padding         : 0;
    overflow-y      : visible;
    background-color: transparent !important
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position        : fixed;
    bottom          : 0;
    z-index         : var(--bs-offcanvas-zindex);
    display         : flex;
    flex-direction  : column;
    max-width       : 100%;
    color           : var(--bs-offcanvas-color);
    visibility      : hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip : padding-box;
    outline         : 0;
    transition      : transform .3s ease-in-out
  }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top         : 0;
    left        : 0;
    width       : var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform   : translateX(-100%)
  }

  .offcanvas-md.offcanvas-end {
    top        : 0;
    right      : 0;
    width      : var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform  : translateX(100%)
  }

  .offcanvas-md.offcanvas-top {
    top          : 0;
    right        : 0;
    left         : 0;
    height       : var(--bs-offcanvas-height);
    max-height   : 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform    : translateY(-100%)
  }

  .offcanvas-md.offcanvas-bottom {
    right     : 0;
    left      : 0;
    height    : var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform : translateY(100%)
  }

  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none
  }

  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible
  }
}

@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height      : auto;
    --bs-offcanvas-border-width: 0;
    background-color           : transparent !important
  }

  .offcanvas-md .offcanvas-header {
    display: none
  }

  .offcanvas-md .offcanvas-body {
    display         : flex;
    flex-grow       : 0;
    padding         : 0;
    overflow-y      : visible;
    background-color: transparent !important
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position        : fixed;
    bottom          : 0;
    z-index         : var(--bs-offcanvas-zindex);
    display         : flex;
    flex-direction  : column;
    max-width       : 100%;
    color           : var(--bs-offcanvas-color);
    visibility      : hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip : padding-box;
    outline         : 0;
    transition      : transform .3s ease-in-out
  }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top         : 0;
    left        : 0;
    width       : var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform   : translateX(-100%)
  }

  .offcanvas-lg.offcanvas-end {
    top        : 0;
    right      : 0;
    width      : var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform  : translateX(100%)
  }

  .offcanvas-lg.offcanvas-top {
    top          : 0;
    right        : 0;
    left         : 0;
    height       : var(--bs-offcanvas-height);
    max-height   : 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform    : translateY(-100%)
  }

  .offcanvas-lg.offcanvas-bottom {
    right     : 0;
    left      : 0;
    height    : var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform : translateY(100%)
  }

  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none
  }

  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible
  }
}

@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height      : auto;
    --bs-offcanvas-border-width: 0;
    background-color           : transparent !important
  }

  .offcanvas-lg .offcanvas-header {
    display: none
  }

  .offcanvas-lg .offcanvas-body {
    display         : flex;
    flex-grow       : 0;
    padding         : 0;
    overflow-y      : visible;
    background-color: transparent !important
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position        : fixed;
    bottom          : 0;
    z-index         : var(--bs-offcanvas-zindex);
    display         : flex;
    flex-direction  : column;
    max-width       : 100%;
    color           : var(--bs-offcanvas-color);
    visibility      : hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip : padding-box;
    outline         : 0;
    transition      : transform .3s ease-in-out
  }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top         : 0;
    left        : 0;
    width       : var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform   : translateX(-100%)
  }

  .offcanvas-xl.offcanvas-end {
    top        : 0;
    right      : 0;
    width      : var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform  : translateX(100%)
  }

  .offcanvas-xl.offcanvas-top {
    top          : 0;
    right        : 0;
    left         : 0;
    height       : var(--bs-offcanvas-height);
    max-height   : 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform    : translateY(-100%)
  }

  .offcanvas-xl.offcanvas-bottom {
    right     : 0;
    left      : 0;
    height    : var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform : translateY(100%)
  }

  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none
  }

  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible
  }
}

@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height      : auto;
    --bs-offcanvas-border-width: 0;
    background-color           : transparent !important
  }

  .offcanvas-xl .offcanvas-header {
    display: none
  }

  .offcanvas-xl .offcanvas-body {
    display         : flex;
    flex-grow       : 0;
    padding         : 0;
    overflow-y      : visible;
    background-color: transparent !important
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position        : fixed;
    bottom          : 0;
    z-index         : var(--bs-offcanvas-zindex);
    display         : flex;
    flex-direction  : column;
    max-width       : 100%;
    color           : var(--bs-offcanvas-color);
    visibility      : hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip : padding-box;
    outline         : 0;
    transition      : transform .3s ease-in-out
  }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top         : 0;
    left        : 0;
    width       : var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform   : translateX(-100%)
  }

  .offcanvas-xxl.offcanvas-end {
    top        : 0;
    right      : 0;
    width      : var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform  : translateX(100%)
  }

  .offcanvas-xxl.offcanvas-top {
    top          : 0;
    right        : 0;
    left         : 0;
    height       : var(--bs-offcanvas-height);
    max-height   : 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform    : translateY(-100%)
  }

  .offcanvas-xxl.offcanvas-bottom {
    right     : 0;
    left      : 0;
    height    : var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform : translateY(100%)
  }

  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none
  }

  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible
  }
}

@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height      : auto;
    --bs-offcanvas-border-width: 0;
    background-color           : transparent !important
  }

  .offcanvas-xxl .offcanvas-header {
    display: none
  }

  .offcanvas-xxl .offcanvas-body {
    display         : flex;
    flex-grow       : 0;
    padding         : 0;
    overflow-y      : visible;
    background-color: transparent !important
  }
}

.offcanvas {
  position        : fixed;
  bottom          : 0;
  z-index         : var(--bs-offcanvas-zindex);
  display         : flex;
  flex-direction  : column;
  max-width       : 100%;
  color           : var(--bs-offcanvas-color);
  visibility      : hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip : padding-box;
  outline         : 0;
  transition      : transform .3s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none
  }
}

.offcanvas.offcanvas-start {
  top         : 0;
  left        : 0;
  width       : var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform   : translateX(-100%)
}

.offcanvas.offcanvas-end {
  top        : 0;
  right      : 0;
  width      : var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform  : translateX(100%)
}

.offcanvas.offcanvas-top {
  top          : 0;
  right        : 0;
  left         : 0;
  height       : var(--bs-offcanvas-height);
  max-height   : 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform    : translateY(-100%)
}

.offcanvas.offcanvas-bottom {
  right     : 0;
  left      : 0;
  height    : var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform : translateY(100%)
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible
}

.offcanvas-backdrop {
  position        : fixed;
  top             : 0;
  left            : 0;
  z-index         : 1040;
  width           : 100vw;
  height          : 100vh;
  background-color: #000
}

.offcanvas-backdrop.fade {
  opacity: 0
}

.offcanvas-backdrop.show {
  opacity: .5
}

.offcanvas-header {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  padding        : var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
  padding      : calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top   : calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right : calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
  margin-bottom: 0;
  line-height  : 1.5
}

.offcanvas-body {
  flex-grow : 1;
  padding   : var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto
}

.placeholder {
  display         : inline-block;
  min-height      : 1em;
  vertical-align  : middle;
  cursor          : wait;
  background-color: currentcolor;
  opacity         : .5
}

.placeholder.btn::before {
  display: inline-block;
  content: ""
}

.placeholder-xs {
  min-height: .6em
}

.placeholder-sm {
  min-height: .8em
}

.placeholder-lg {
  min-height: 1.2em
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size : 200% 100%;
  animation : placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%
  }
}

.clearfix::after {
  display: block;
  clear  : both;
  content: ""
}

.text-bg-primary {
  color           : #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
  color           : #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
  color           : #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
  color           : #000 !important;
  background-color: RGBA(79, 184, 201, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
  color           : #000 !important;
  background-color: RGBA(255, 186, 51, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
  color           : #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
  color           : #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
  color           : #fff !important;
  background-color: RGBA(25, 24, 24, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
  color: #0d6efd !important
}

.link-primary:hover,
.link-primary:focus {
  color: #0a58ca !important
}

.link-secondary {
  color: #6c757d !important
}

.link-secondary:hover,
.link-secondary:focus {
  color: #565e64 !important
}

.link-success {
  color: #198754 !important
}

.link-success:hover,
.link-success:focus {
  color: #146c43 !important
}

.link-info {
  color: #4FB8C9 !important
}

.link-info:hover,
.link-info:focus {
  color: #72c6d4 !important
}

.link-warning {
  color: #FFBA33 !important
}

.link-warning:hover,
.link-warning:focus {
  color: #ffc85c !important
}

.link-danger {
  color: #dc3545 !important
}

.link-danger:hover,
.link-danger:focus {
  color: #b02a37 !important
}

.link-light {
  color: #f8f9fa !important
}

.link-light:hover,
.link-light:focus {
  color: #f9fafb !important
}

.link-dark {
  color: #191818 !important
}

.link-dark:hover,
.link-dark:focus {
  color: #141313 !important
}

.ratio {
  position: relative;
  width   : 100%
}

.ratio::before {
  display    : block;
  padding-top: var(--bs-aspect-ratio);
  content    : ""
}

.ratio>* {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%
}

.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
  position: fixed;
  top     : 0;
  right   : 0;
  left    : 0;
  z-index : 1030
}

.fixed-bottom {
  position: fixed;
  right   : 0;
  bottom  : 0;
  left    : 0;
  z-index : 1030
}

.sticky-top {
  position: sticky;
  top     : 0;
  z-index : 1020
}

.sticky-bottom {
  position: sticky;
  bottom  : 0;
  z-index : 1020
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top     : 0;
    z-index : 1020
  }

  .sticky-sm-bottom {
    position: sticky;
    bottom  : 0;
    z-index : 1020
  }
}

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top     : 0;
    z-index : 1020
  }

  .sticky-md-bottom {
    position: sticky;
    bottom  : 0;
    z-index : 1020
  }
}

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top     : 0;
    z-index : 1020
  }

  .sticky-lg-bottom {
    position: sticky;
    bottom  : 0;
    z-index : 1020
  }
}

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top     : 0;
    z-index : 1020
  }

  .sticky-xl-bottom {
    position: sticky;
    bottom  : 0;
    z-index : 1020
  }
}

@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top     : 0;
    z-index : 1020
  }

  .sticky-xxl-bottom {
    position: sticky;
    bottom  : 0;
    z-index : 1020
  }
}

.hstack {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  align-self    : stretch
}

.vstack {
  display       : flex;
  flex          : 1 1 auto;
  flex-direction: column;
  align-self    : stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position   : absolute !important;
  width      : 1px !important;
  height     : 1px !important;
  padding    : 0 !important;
  margin     : -1px !important;
  overflow   : hidden !important;
  clip       : rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border     : 0 !important
}

.stretched-link::after {
  position: absolute;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
  z-index : 1;
  content : ""
}

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

.vr {
  display         : inline-block;
  align-self      : stretch;
  width           : 1px;
  min-height      : 1em;
  background-color: currentcolor;
  opacity         : .25
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.opacity-0 {
  opacity: 0 !important
}

.opacity-25 {
  opacity: .25 !important
}

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important
}

.shadow-none {
  box-shadow: none !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}

.translate-middle {
  transform: translate(-50%, -50%) !important
}

.translate-middle-x {
  transform: translateX(-50%) !important
}

.translate-middle-y {
  transform: translateY(-50%) !important
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

.border-primary {
  --bs-border-opacity: 1;
  border-color       : rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color       : rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
  --bs-border-opacity: 1;
  border-color       : rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
  --bs-border-opacity: 1;
  border-color       : rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
  --bs-border-opacity: 1;
  border-color       : rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
  --bs-border-opacity: 1;
  border-color       : rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
  --bs-border-opacity: 1;
  border-color       : rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
  --bs-border-opacity: 1;
  border-color       : rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
  --bs-border-opacity: 1;
  border-color       : rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
  --bs-border-width: 1px
}

.border-2 {
  --bs-border-width: 2px
}

.border-3 {
  --bs-border-width: 3px
}

.border-4 {
  --bs-border-width: 4px
}

.border-5 {
  --bs-border-width: 5px
}

.border-opacity-10 {
  --bs-border-opacity: .1
}

.border-opacity-25 {
  --bs-border-opacity: .25
}

.border-opacity-50 {
  --bs-border-opacity: .5
}

.border-opacity-75 {
  --bs-border-opacity: .75
}

.border-opacity-100 {
  --bs-border-opacity: 1
}

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

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

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

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

.w-auto {
  width: auto !important
}

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

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

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

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

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

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

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

.h-auto {
  height: auto !important
}

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

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

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

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

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

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

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

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

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

.m-auto {
  margin: auto !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

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

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

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

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

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

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

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

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

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

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

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

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

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

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

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

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

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-3 {
  gap: 1rem !important
}

.gap-4 {
  gap: 1.5rem !important
}

.gap-5 {
  gap: 3rem !important
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-semibold {
  font-weight: 600 !important
}

.fw-bolder {
  font-weight: bolder !important
}

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

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

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

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

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

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

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

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

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap : break-word !important;
  word-break: break-word !important
}

.text-primary {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color            : rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
  --bs-text-opacity: 1;
  color            : #6c757d !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color            : rgba(0, 0, 0, 0.5) !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color            : rgba(255, 255, 255, 0.5) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color            : inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: .25
}

.text-opacity-50 {
  --bs-text-opacity: .5
}

.text-opacity-75 {
  --bs-text-opacity: .75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

.bg-primary {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
  --bs-bg-opacity : 1;
  background-color: rgba(0, 0, 0, 0) !important
}

.bg-opacity-10 {
  --bs-bg-opacity: .1
}

.bg-opacity-25 {
  --bs-bg-opacity: .25
}

.bg-opacity-50 {
  --bs-bg-opacity: .5
}

.bg-opacity-75 {
  --bs-bg-opacity: .75
}

.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.bg-gradient {
  background-image: var(--bs-gradient) !important
}

.user-select-all {
  user-select: all !important
}

.user-select-auto {
  user-select: auto !important
}

.user-select-none {
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius : var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
  border-top-right-radius   : var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius : var(--bs-border-radius) !important
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius   : var(--bs-border-radius) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

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

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

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

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

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

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

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

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

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

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

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

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

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

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

  .gap-sm-3 {
    gap: 1rem !important
  }

  .gap-sm-4 {
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    gap: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

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

@media (min-width: 768px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

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

  .m-md-2 {
    margin: .5rem !important
  }

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

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

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

  .me-md-2 {
    margin-right: .5rem !important
  }

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

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

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

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

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

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

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

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

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

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

  .ms-md-2 {
    margin-left: .5rem !important
  }

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

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

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

  .p-md-2 {
    padding: .5rem !important
  }

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

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pe-md-0 {
    padding-right: 0 !important
  }

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

  .pe-md-2 {
    padding-right: .5rem !important
  }

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

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

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

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

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

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

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

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

  .ps-md-0 {
    padding-left: 0 !important
  }

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

  .ps-md-2 {
    padding-left: .5rem !important
  }

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

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

  .gap-md-3 {
    gap: 1rem !important
  }

  .gap-md-4 {
    gap: 1.5rem !important
  }

  .gap-md-5 {
    gap: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

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

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

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

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

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

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

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

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

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

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

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

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

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

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

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

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

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

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

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

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

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

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

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

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

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

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

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

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

  .gap-lg-3 {
    gap: 1rem !important
  }

  .gap-lg-4 {
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    gap: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

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

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important
  }

  .float-xl-end {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

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

  .m-xl-4 {
    margin: 1.5rem !important
  }

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

  .m-xl-auto {
    margin: auto !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

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

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

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

  .me-xl-auto {
    margin-right: auto !important
  }

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

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

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

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

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

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

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

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

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

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

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

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

  .p-xl-4 {
    padding: 1.5rem !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

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

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

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

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

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

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

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

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

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

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

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

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

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

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

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

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

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

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

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

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

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

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

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

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

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

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

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

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

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

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

  .p-xxl-5 {
    padding: 3rem !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

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

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

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

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

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

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

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

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

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

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

  .ps-xxl-5 {
    padding-left: 3rem !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

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

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

body {
  transition               : ease 0.1s;
  animation                : fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode      : forwards;
  background-color         : var(--body-color);
  color                    : var(--color-500);
  font-family              : "Open Sans", sans-serif;
  direction                : ltr;
  font-size                : 14px
}

@media (prefers-reduced-motion: reduce) {
  body {
    transition: none
  }
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

body.font-opensans {
  font-family: "Open Sans", sans-serif
}

body.font-quicksand {
  font-family: "Quicksand", sans-serif;
  font-size  : 15px
}

body.font-nunito {
  font-family: "Nunito", sans-serif;
  font-size  : 15px
}

body.font-raleway {
  font-family: "Raleway", sans-serif
}

a {
  text-decoration: none
}

a:hover,
a:focus {
  text-decoration: none;
  outline        : none;
  box-shadow     : none
}

.brand-icon path {
  fill: var(--primary-color)
}

.options-trigger {
  position   : fixed;
  right      : 0;
  top        : 150px;
  width      : 30px;
  height     : 30px;
  background : var(--secondary-color);
  color      : var(--primary-color);
  text-align : center;
  line-height: 30px;
  z-index    : 999
}

.hover-show:hover .hover-div {
  display: block;
  z-index: 99
}

.hover-show:hover::after {
  content   : '';
  top       : 0;
  left      : 0;
  width     : 100%;
  position  : absolute;
  background: #000;
  height    : 100%;
  opacity   : 0.5;
  z-index   : 0
}

.hover-show:hover div.small {
  z-index: 99
}

.hover-show .hover-div {
  display: none
}

.notifications .pulse,
.notifications .pulse:focus {
  color: var(--primary-color) !important
}

.notifications .card .card-header {
  background-color: #191818;
  color           : #fff
}

.notifications .card .card-header .nav-tabs .nav-link {
  color    : rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  border   : 0
}

.notifications .card .card-header .nav-tabs .nav-link.active,
.notifications .card .card-header .nav-tabs .nav-link:hover {
  color           : var(--secondary-color);
  background-color: transparent
}

.notifications .card .card-header .nav-tabs .nav-link.active::after,
.notifications .card .card-header .nav-tabs .nav-link:hover::after {
  content         : '';
  width           : 7px;
  height          : 7px;
  background-color: var(--secondary-color);
  display         : block;
  border-radius   : 50%;
  margin          : 5px auto 0
}

.notifications .card .card-body.tab-content {
  height: 330px
}

.notifications ul:hover li {
  transition: ease 0.1s;
  opacity   : .5
}

@media (prefers-reduced-motion: reduce) {
  .notifications ul:hover li {
    transition: none
  }
}

.notifications ul:hover li:hover {
  opacity: 1 !important
}

.menu-grid {
  width: 180px
}

.menu-grid li {
  flex      : 1 1 auto !important;
  border-top: 1px solid var(--border-color)
}

.menu-grid li .m-link {
  transition     : ease 0.3s;
  color          : var(--color-400);
  display        : flex;
  flex-direction : column;
  justify-content: center;
  align-items    : center;
  padding        : 0 5px;
  width          : 89px;
  height         : 89px
}

@media (prefers-reduced-motion: reduce) {
  .menu-grid li .m-link {
    transition: none
  }
}

.menu-grid li .m-link:hover {
  background-color: var(--secondary-color);
  color           : #191818;
  border          : 3px solid var(--card-color);
  box-shadow      : 0 0 12px rgba(25, 24, 24, 0.2);
  transform       : scale(1.2)
}

.menu-grid li .m-link.active {
  background-color: var(--border-color);
  color           : #191818;
  border          : 3px solid var(--card-color)
}

.menu-grid li .m-link .fa {
  width        : auto;
  font-size    : 18px;
  margin-bottom: 12px
}

.menu-grid li .m-link span {
  font-size : 12px;
  text-align: center
}

.menu-grid li:nth-child(2),
.menu-grid li:nth-child(4),
.menu-grid li:nth-child(6) {
  border-left: 1px solid var(--border-color)
}

.menu-grid li:nth-child(1),
.menu-grid li:nth-child(2) {
  border-top: 0
}

#main-search .form-control {
  font-size: 1.3rem;
  color    : #fff
}

#main-search .form-control:focus,
#main-search .form-control:focus-within,
#main-search .form-control:active {
  box-shadow: none
}

#main-search .form-control:focus::placeholder,
#main-search .form-control:focus-within::placeholder,
#main-search .form-control:active::placeholder {
  color: #fff
}

#main-search .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7)
}

#LayoutModal .card.bg-primary .card-title {
  color: #fff
}

.row-deck>.col,
.row-deck>[class*='col-'] {
  display    : flex;
  align-items: stretch
}

.row-deck>.col .card,
.row-deck>[class*='col-'] .card {
  flex: 1 1 auto
}

code {
  font-size: 14px
}

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
  background: var(--color-100) !important
}

code[class*="language-"],
pre[class*="language-"] {
  text-shadow: none !important;
  color      : var(--color-000) !important
}

@media only screen and (max-width: 767px) {
  .body-header .row {
    display: block
  }

  .body-header .row .col-auto {
    margin-top: 20px
  }

  #NotificationsDiv {
    left    : 0;
    right   : 0;
    position: fixed;
    top     : 55px
  }
}

body.rtl_mode {
  direction : rtl;
  text-align: right;
  overflow-y: auto;
  overflow-x: hidden
}

body.rtl_mode ul {
  padding-right: 0
}

body.rtl_mode .float-right {
  float: left !important
}

body.rtl_mode .text-end {
  text-align: left !important
}

body.rtl_mode .text-start {
  text-align: right !important
}

body.rtl_mode .border-start {
  border-left : 0 !important;
  border-right: 1px solid var(--border-color) !important
}

body.rtl_mode .border-end {
  border-right: 0 !important;
  border-left : 1px solid var(--border-color) !important
}

body.rtl_mode .ms-auto {
  margin-left : unset !important;
  margin-right: auto !important
}

body.rtl_mode .me-auto {
  margin-right: unset !important;
  margin-left : auto !important
}

body.rtl_mode .end-0 {
  left : 0 !important;
  right: auto !important
}

body.rtl_mode .ms-1 {
  margin-right: .25rem !important
}

body.rtl_mode .ms-1 {
  margin-left : 0 !important;
  margin-right: .25rem !important
}

body.rtl_mode .me-1 {
  margin-right: 0 !important;
  margin-left : .25rem !important
}

body.rtl_mode .ps-1 {
  padding-left : 0 !important;
  padding-right: .25rem !important
}

body.rtl_mode .ps-1 {
  padding-right: 0 !important;
  padding-left : .25rem !important
}

body.rtl_mode .ms-2 {
  margin-left : 0 !important;
  margin-right: .5rem !important
}

body.rtl_mode .me-2 {
  margin-right: 0 !important;
  margin-left : .5rem !important
}

body.rtl_mode .ps-2 {
  padding-left : 0 !important;
  padding-right: .5rem !important
}

body.rtl_mode .pe-2 {
  padding-right: 0 !important;
  padding-left : .5rem !important
}

body.rtl_mode .ms-3 {
  margin-left : 0 !important;
  margin-right: 1rem !important
}

body.rtl_mode .me-3 {
  margin-right: 0 !important;
  margin-left : 1rem !important
}

body.rtl_mode .me-4 {
  margin-right: 0 !important;
  margin-left : 1.5rem !important
}

body.rtl_mode .ms-4 {
  margin-left : 0 !important;
  margin-right: 1.5rem !important
}

body.rtl_mode .ps-3 {
  padding-left : 0 !important;
  padding-right: 1rem !important
}

body.rtl_mode .pe-3 {
  padding-right: 0 !important;
  padding-left : 1rem !important
}

body.rtl_mode .dropdown-menu {
  text-align: right
}

body.rtl_mode .dropdown-menu.dropdown-menu-end[data-bs-popper] {
  right: auto;
  left : 0
}

body.rtl_mode .dropdown-menu-right {
  left      : 0;
  right     : auto;
  text-align: right
}

body.rtl_mode .modal-header .btn-close {
  margin: unset
}

body.rtl_mode .list-inline-item:not(:last-child) {
  margin-left : .5rem;
  margin-right: 0
}

body.rtl_mode .form-check {
  padding-right: 1.5em;
  padding-left : 0
}

body.rtl_mode .form-check .form-check-input {
  float       : right;
  margin-left : 10px;
  margin-right: -1.5em
}

body.rtl_mode .breadcrumb-item+.breadcrumb-item {
  padding-right: .5rem;
  padding-left : 0
}

body.rtl_mode .breadcrumb-item+.breadcrumb-item:before {
  float        : right;
  padding-left : .5rem;
  padding-right: 0
}

body.rtl_mode .modal.fade .modal-dialog-vertical {
  transform: translateX(100%)
}

body.rtl_mode .modal.show .modal-dialog-vertical {
  transform: translateX(0)
}

body.rtl_mode .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
body.rtl_mode .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius   : .25rem;
  border-bottom-right-radius: .25rem;
  border-top-left-radius    : 0;
  border-bottom-left-radius : 0
}

body.rtl_mode .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right              : -1px;
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0;
  border-top-left-radius    : .25rem;
  border-bottom-left-radius : .25rem
}

body.rtl_mode .form-floating>label {
  right: 0;
  left : auto
}

body.rtl_mode .btn-group .btn:first-child {
  border-top-right-radius   : .25rem;
  border-bottom-right-radius: .25rem
}

body.rtl_mode .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
body.rtl_mode .btn-group>.btn-group:not(:last-child)>.btn {
  border-top-left-radius   : 0;
  border-bottom-left-radius: 0
}

body.rtl_mode .btn-group>.btn:nth-child(n+3),
body.rtl_mode .btn-group>:not(.btn-check)+.btn,
body.rtl_mode .btn-group>.btn-group:not(:first-child)>.btn {
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0;
  border-top-left-radius    : .25rem;
  border-bottom-left-radius : .25rem
}

body.rtl_mode .sidebar-mini-btn .fa-arrow-left {
  transform: rotate(180deg)
}

body.rtl_mode .dropdown-toggle::after {
  margin-left : unset;
  margin-right: 0.255em
}

@media (min-width: 1200px) {
  body.rtl_mode .ms-xl-5 {
    margin-left : 0 !important;
    margin-right: 3rem !important
  }
}

@media (min-width: 992px) {
  body.rtl_mode .me-lg-0 {
    margin-left: 0 !important
  }

  body.rtl_mode .pe-lg-4 {
    padding-left : 1.5rem !important;
    padding-right: 0 !important
  }
}

@media (min-width: 768px) {
  body.rtl_mode .ms-md-5 {
    margin-right: 3rem !important
  }

  body.rtl_mode .text-md-start {
    text-align: right !important
  }
}

body.rtl_mode .timeline-item {
  border-left : 0;
  border-right: 2px solid var(--border-color)
}

body.rtl_mode .timeline-item:after {
  right: -5px;
  left : auto
}

body.rtl_mode .resume-box {
  padding: 30px 20px
}

body.rtl_mode .resume-box li {
  padding: 0 60px 0 20px
}

body.rtl_mode .resume-box li::after {
  border-left : 0;
  border-right: 1px dashed var(--primary-color);
  right       : 20px;
  left        : auto
}

body.rtl_mode .apexcharts-canvas {
  direction: ltr
}

body.rtl_mode .post-card .author {
  float      : right;
  margin-left: 5px
}

/*!
 * Bootstrap Colorpicker - Simple and customizable colorpicker component for Twitter Bootstrap.
 * @package bootstrap-colorpicker
 * @version v3.0.0-beta.1
 * @license MIT
 * @link https://farbelous.github.io/bootstrap-colorpicker/
 * @link https://github.com/farbelous/bootstrap-colorpicker.git
 */
.colorpicker-saturation {
  width           : 100px;
  height          : 100px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC);
  cursor          : crosshair;
  float           : left
}

.colorpicker-saturation .colorpicker-guide {
  display      : block;
  height       : 5px;
  width        : 5px;
  border       : 1px solid #000;
  border-radius: 5px;
  position     : absolute;
  top          : 0;
  left         : 0;
  margin       : -4px 0 0 -4px
}

.colorpicker-saturation .colorpicker-guide i {
  display      : block;
  height       : 5px;
  width        : 5px;
  border       : 1px solid #fff;
  border-radius: 5px
}

.colorpicker-alpha,
.colorpicker-hue {
  width        : 15px;
  height       : 100px;
  float        : left;
  cursor       : row-resize;
  margin-left  : 4px;
  margin-bottom: 4px
}

.colorpicker-alpha .colorpicker-guide,
.colorpicker-hue .colorpicker-guide {
  display   : block;
  height    : 1px;
  background: #000;
  border-top: 1px solid #fff;
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  margin-top: -1px
}

.colorpicker-hue {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC)
}

.colorpicker-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);
  display         : none
}

.colorpicker-alpha,
.colorpicker-hue,
.colorpicker-saturation {
  background-size: contain
}

.colorpicker {
  position          : absolute;
  top               : 100%;
  left              : 0;
  display           : none;
  float             : left;
  font-size         : inherit;
  color             : inherit;
  text-align        : left;
  list-style        : none;
  background-color  : #fff;
  background-clip   : padding-box;
  border            : 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow        : 0 6px 12px rgba(0, 0, 0, 0.175);
  padding           : 4px;
  min-width         : 130px;
  margin-top        : 1px;
  border-radius     : 4px;
  z-index           : 1055
}

.colorpicker:after,
.colorpicker:before {
  display    : table;
  content    : "";
  line-height: 0
}

.colorpicker:after {
  clear: both
}

.colorpicker:before {
  content            : '';
  display            : inline-block;
  border-left        : 7px solid transparent;
  border-right       : 7px solid transparent;
  border-bottom      : 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position           : absolute;
  top                : -7px;
  left               : 6px
}

.colorpicker:after {
  content      : '';
  display      : inline-block;
  border-left  : 6px solid transparent;
  border-right : 6px solid transparent;
  border-bottom: 6px solid #fff;
  position     : absolute;
  top          : -6px;
  left         : 7px
}

.colorpicker div {
  position: relative
}

.colorpicker.colorpicker-with-alpha {
  min-width: 140px
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block
}

.colorpicker-bar {
  height     : 15px;
  margin     : 5px 0 0 0;
  clear      : both;
  text-align : center;
  font-size  : 10px;
  line-height: normal
}

.colorpicker-bar-horizontal {
  height: 15px;
  margin: 0 0 4px 0;
  float : left;
  width : 100px
}

.colorpicker-element .add-on i,
.colorpicker-element .input-group-addon i {
  display       : inline-block;
  cursor        : pointer;
  height        : 16px;
  vertical-align: text-top;
  width         : 16px
}

.colorpicker.colorpicker-inline {
  position      : relative;
  display       : inline-block;
  float         : none;
  z-index       : auto;
  vertical-align: text-bottom
}

.colorpicker.colorpicker-horizontal {
  width    : 110px;
  min-width: 110px;
  height   : auto
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px
}

.colorpicker.colorpicker-horizontal .colorpicker-bar {
  width: 100px
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha,
.colorpicker.colorpicker-horizontal .colorpicker-hue {
  width        : 100px;
  height       : 15px;
  float        : left;
  cursor       : col-resize;
  margin-left  : 0;
  margin-bottom: 4px
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide,
.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide {
  display   : block;
  height    : 15px;
  background: #fff;
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 1px;
  border    : none;
  margin-top: 0
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==)
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=)
}

.colorpicker-right:before {
  left : auto;
  right: 6px
}

.colorpicker-right:after {
  left : auto;
  right: 7px
}

.colorpicker-no-arrow:before {
  border-right: 0;
  border-left : 0
}

.colorpicker-no-arrow:after {
  border-right: 0;
  border-left : 0
}

.colorpicker-alpha.colorpicker-visible,
.colorpicker-bar.colorpicker-visible,
.colorpicker-hue.colorpicker-visible,
.colorpicker-saturation.colorpicker-visible,
.colorpicker.colorpicker-visible {
  display: block
}

.colorpicker-alpha.colorpicker-hidden,
.colorpicker-bar.colorpicker-hidden,
.colorpicker-hue.colorpicker-hidden,
.colorpicker-saturation.colorpicker-hidden,
.colorpicker.colorpicker-hidden {
  display: none
}

.colorpicker-inline.colorpicker-visible {
  display: inline-block
}

.colorpicker-preview {
  background-image   : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);
  background-position: 0 100%
}

.colorpicker-preview div {
  position: relative;
  width   : 100%;
  height  : 100%
}

.colorpicker-swatch {
  cursor: pointer;
  float : left;
  height: 12px;
  width : 12px
}

.colorpicker-swatch+.colorpicker-swatch {
  margin-left: 2px
}

.border,
.border-top,
.border-right,
.border-end,
.border-bottom,
.border-left,
.border-start,
.dropdown-divider,
.input-group-text {
  border-color: var(--border-color) !important
}

.border.border-primary {
  border-color: var(--primary-color) !important
}

.border.border-secondary {
  border-color: var(--secondary-color) !important
}

.border.border-success {
  border-color: #4DCA88 !important
}

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

.border.border-warning {
  border-color: #FFBA33 !important
}

.border.border-info {
  border-color: #4FB8C9 !important
}

.border.border-dark {
  border-color: var(--color-900) !important
}

.border.border-white {
  border-color: var(--color-fff) !important
}

.form-control,
.form-select {
  border-color    : var(--border-color);
  background-color: var(--card-color);
  color           : var(--color-900);
  font-size       : 14px
}

.form-control::placeholder,
.form-select::placeholder {
  color: var(--color-400)
}

.form-control:focus,
.form-select:focus {
  box-shadow      : 0 0 10px rgba(25, 24, 24, 0.15);
  background-color: var(--card-color);
  border-color    : var(--primary-color);
  color           : var(--primary-color)
}

.form-control.form-control-lg,
.form-select.form-control-lg {
  min-height: calc(1.5em + 1.8rem + 2px)
}

.form-control:disabled,
.form-select:disabled {
  cursor: not-allowed
}

.form-icon-group {
  display: block
}

.form-icon-group .form-icon {
  top      : 50%;
  transform: translateY(-50%);
  padding  : .375rem .50rem;
  width    : 35px;
  height   : 35px;
  z-index  : 3
}

.form-icon-group svg {
  fill: var(--color-600)
}

.form-icon-group.left-icon .form-icon {
  left : 0;
  right: auto
}

.form-icon-group.left-icon .form-control {
  padding-left: 2.05rem
}

.form-icon-group.right-icon .form-icon {
  left : auto;
  right: 0
}

.form-icon-group.right-icon .form-control {
  padding-right: 2.05rem
}

.form-check-input {
  -webkit-appearance: none
}

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color    : var(--primary-color)
}

.btn {
  font-size: 14px
}

.btn.btn-primary {
  background-color: var(--primary-color);
  border-color    : var(--primary-color)
}

.btn.btn-light-primary {
  background-color: rgba(var(--primary-rgb), 0.15);
  color           : var(--primary-color);
  border-color    : transparent
}

.btn.btn-light-primary:hover {
  background-color: var(--primary-color);
  color           : #fff
}

.btn.btn-light-secondary {
  background-color: rgba(108, 117, 125, 0.15);
  color           : #6c757d;
  border-color    : transparent
}

.btn.btn-light-secondary:hover {
  background-color: #6c757d;
  color           : #fff
}

.btn.btn-light-success {
  background-color: rgba(77, 202, 136, 0.15);
  color           : #4DCA88;
  border-color    : transparent
}

.btn.btn-light-success:hover {
  background-color: #4DCA88;
  color           : #fff
}

.btn.btn-light-danger {
  background-color: rgba(252, 90, 105, 0.15);
  color           : #FC5A69;
  border-color    : transparent
}

.btn.btn-light-danger:hover {
  background-color: #FC5A69;
  color           : #fff
}

.btn.btn-light-warning {
  background-color: rgba(255, 186, 51, 0.15);
  color           : #FFBA33;
  border-color    : transparent
}

.btn.btn-light-warning:hover {
  background-color: #FFBA33;
  color           : #fff
}

.btn.btn-light-info {
  background-color: rgba(79, 184, 201, 0.15);
  color           : #4FB8C9;
  border-color    : transparent
}

.btn.btn-light-info:hover {
  background-color: #4FB8C9;
  color           : #fff
}

.btn.btn-outline-primary {
  color       : var(--primary-color);
  border-color: var(--primary-color)
}

.btn.btn-outline-primary:hover {
  background-color: var(--primary-color);
  color           : #fff
}

.btn.btn-outline-secondary {
  border-color: var(--border-color)
}

.btn.btn-outline-success {
  color       : #4DCA88;
  border-color: #4DCA88
}

.btn.btn-outline-success:hover {
  background-color: #4DCA88;
  color           : #fff
}

.btn.btn-outline-danger {
  color       : #FC5A69;
  border-color: #FC5A69
}

.btn.btn-outline-danger:hover {
  background-color: #FC5A69;
  color           : #fff
}

.btn.btn-outline-info {
  color       : #4FB8C9;
  border-color: #4FB8C9
}

.btn.btn-outline-info:hover {
  background-color: #4FB8C9;
  color           : #fff
}

.btn.btn-white {
  background-color: var(--color-fff);
  border-color    : var(--color-fff);
  color           : var(--color-700)
}

.btn.btn-dark {
  background-color: var(--color-900);
  border-color    : var(--color-900);
  color           : var(--color-400)
}

.btn.btn-lg,
.btn-group-lg>.btn {
  padding: .89rem 1rem
}

button:focus:not(:focus-visible) {
  box-shadow: none
}

.avatar {
  width    : 36px;
  min-width: 36px;
  height   : 36px
}

.avatar.xs {
  width    : 16px;
  min-width: 16px;
  height   : 16px
}

.avatar.sm {
  width    : 26px;
  min-width: 26px;
  height   : 26px
}

.avatar.lg {
  width    : 56px;
  min-width: 56px;
  height   : 56px
}

.avatar.xl {
  width    : 90px;
  min-width: 90px;
  height   : 90px
}

.avatar.xxl {
  width    : 120px;
  min-width: 120px;
  height   : 120px
}

.avatar.no-thumbnail {
  background-color: rgba(var(--primary-rgb), 0.15);
  color           : var(--primary-color);
  font-weight     : 600;
  display         : flex;
  align-items     : center;
  justify-content : center
}

.dropdown-menu {
  font-size: 14px
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active {
  background-color: rgba(var(--primary-rgb), 0.15);
  color           : var(--primary-color)
}

.dropdown-menu.datepicker {
  padding: .8rem
}

.dropdown-menu.datepicker td,
.dropdown-menu.datepicker th {
  width : 28px;
  height: 28px
}

.after-none::after {
  display: none
}

.modal {
  right: 0;
  left : auto
}

.modal.fade .modal-dialog-vertical {
  transform: translateX(-100%)
}

.modal.show .modal-dialog-vertical {
  transform: translateX(0)
}

.modal .modal-header,
.modal .modal-footer {
  border-color: var(--border-color)
}

.modal .modal-title {
  color: var(--color-500)
}

.modal .modal-content {
  background-color: var(--card-color);
  color           : var(--color-500)
}

.modal .modal-content .dropdown-item {
  color: var(--color-500)
}

.modal .modal-content .dropdown-item:hover {
  color           : var(--primary-color);
  background-color: rgba(var(--primary-rgb), 0.1)
}

.modal .modal-dialog-vertical {
  margin: 0;
  height: 100%
}

.modal .modal-dialog-vertical .modal-content {
  height       : 100%;
  border       : 0;
  border-radius: 0
}

.breadcrumb {
  background-color: var(--color-200)
}

.navbar-light .navbar-nav .nav-link {
  color: var(--color-500)
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: var(--primary-color)
}

.nav-tabs {
  border-color: var(--border-color)
}

.nav-tabs.tab-custom {
  border: 1px solid rgba(255, 255, 255, 0.2)
}

.nav-tabs.tab-custom .nav-link {
  color  : #fff;
  opacity: 0.7
}

.nav-tabs.tab-custom .nav-link.active {
  opacity: 1;
  color  : var(--primary-color)
}

.nav-tabs.tab-card .nav-link {
  border-top      : 0;
  border-left     : 0;
  border-right    : 0;
  background-color: transparent;
  border-bottom   : 3px solid transparent;
  color           : var(--color-500)
}

.nav-tabs.tab-card .nav-link.active {
  border-color: var(--primary-color);
  color       : var(--primary-color)
}

.nav-tabs.tab-body-header {
  border  : 1px solid Var(--primary-color);
  overflow: hidden;
  padding : 3px
}

.nav-tabs.tab-body-header .nav-link {
  border       : 0;
  margin       : 0;
  padding      : .3rem 1rem;
  border-radius: .25rem;
  color        : var(--color-500)
}

.nav-tabs.tab-body-header .nav-link:hover {
  color: var(--primary-color)
}

.nav-tabs.tab-body-header .nav-link.active {
  background-color: var(--primary-color);
  color           : #fff
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: var(--primary-color)
}

.nav-pills .nav-link {
  color: var(--primary-color)
}

.nav-pills.custom-pill {
  margin-left: -.25rem
}

.nav-pills.custom-pill .nav-link {
  position: relative
}

.nav-pills.custom-pill .nav-link.active:after,
.nav-pills.custom-pill .nav-link:hover:after {
  color      : var(--primary-color);
  content    : '\f0d7';
  font-family: 'FontAwesome';
  position   : absolute;
  bottom     : -18px;
  left       : 10px;
  font-size  : 20px
}

.nav-pills.custom-horizontal {
  border-right  : 1px solid var(--primary-color);
  flex-direction: column;
  text-align    : right
}

.nav-pills.custom-horizontal .nav-link {
  border-right : 4px solid transparent;
  color        : var(--color-700);
  border-radius: 0
}

.nav-pills.custom-horizontal .nav-link.active {
  color           : var(--primary-color);
  border-color    : var(--primary-color);
  background-color: transparent
}

.list-group-custom .list-group-item {
  background-color: var(--card-color);
  border-color    : var(--border-color);
  color           : var(--color-500)
}

.list-group-custom .list-group-item:hover,
.list-group-custom .list-group-item.active {
  background-color: rgba(var(--primary-rgb), 0.1)
}

.list-group-item {
  background-color: var(--card-color);
  border-color    : var(--border-color);
  color           : var(--color-500)
}

.progress {
  background-color: var(--color-200)
}

.table {
  border-color: var(--border-color)
}

.table tr th {
  color         : var(--color-800);
  text-transform: uppercase;
  font-size     : 12px
}

.table tr td {
  border-color: var(--border-color);
  color       : var(--color-500);
  padding     : .8rem .6rem
}

.table tr:hover td {
  color: var(--color-900)
}

.table.border-primary tr th,
.table.border-primary tr td {
  border-color: var(--primary-color)
}

.table.table-sm td {
  padding: .5rem .6rem
}

.table.custom-table {
  border-collapse: separate !important;
  border-spacing : 0 5px !important
}

.table.custom-table thead tr th {
  border: 0
}

.table.custom-table tbody tr {
  background: var(--card-color)
}

.table.custom-table tbody:hover tr {
  transition: ease 0.3s;
  opacity   : .7
}

@media (prefers-reduced-motion: reduce) {
  .table.custom-table tbody:hover tr {
    transition: none
  }
}

.table.custom-table tbody:hover tr:hover {
  opacity: 1
}

.table.custom-table tr td,
.table.custom-table tr th {
  vertical-align: middle;
  white-space   : nowrap;
  padding-left  : 1rem;
  padding-right : 1rem;
  border-right  : 0;
  border-left   : 1px solid var(--border-color)
}

.table.custom-table tr td:first-child,
.table.custom-table tr th:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
  border-left  : 0
}

.table.custom-table tr td:last-child,
.table.custom-table tr th:last-child {
  border-radius: 0 0.25rem 0.25rem 0
}

.table.custom-table-2 {
  border-collapse: separate !important;
  border-spacing : 0 1px !important
}

.table.custom-table-2 thead tr th {
  border: 0
}

.table.custom-table-2 tbody tr {
  background: var(--card-color)
}

.table.custom-table-2 tbody tr.cancle-row td {
  background: rgba(252, 90, 105, 0.05)
}

.table.custom-table-2 tbody tr.active-row td {
  background: rgba(79, 184, 201, 0.05)
}

.table.custom-table-2 tr td,
.table.custom-table-2 tr th {
  vertical-align: middle;
  white-space   : nowrap;
  padding-left  : 1rem;
  padding-right : 1rem;
  border-right  : 0
}

.table.custom-table-2 tr td:first-child,
.table.custom-table-2 tr th:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
  border-left  : 0
}

.table.custom-table-2 tr td:last-child,
.table.custom-table-2 tr th:last-child {
  border-radius: 0 0.25rem 0.25rem 0
}

.table.accordion {
  border-collapse: separate !important;
  border-spacing : 0 1px !important
}

.table.accordion thead tr th {
  border: 0
}

.table.accordion tbody tr {
  background: var(--card-color)
}

.table.accordion tbody tr.cancle-row td {
  background: rgba(252, 90, 105, 0.05)
}

.table.accordion tbody tr.active-row td {
  background: rgba(79, 184, 201, 0.05)
}

.table.accordion tr td,
.table.accordion tr th {
  padding-left : 1rem;
  padding-right: 1rem;
  border-right : 0
}

.table.accordion tr td:first-child,
.table.accordion tr th:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
  border-left  : 0
}

.table.accordion tr td:last-child,
.table.accordion tr th:last-child {
  border-radius: 0 0.25rem 0.25rem 0
}

.page-item .page-link {
  background-color: var(--card-color);
  border-color    : var(--border-color);
  color           : var(--color-400)
}

.page-item.disabled .page-link {
  background-color: var(--border-color);
  border-color    : var(--border-color)
}

.page-item.active .page-link,
.page-item:hover .page-link {
  background-color: var(--primary-color);
  border-color    : var(--border-color)
}

.no-resize {
  resize: none
}

.text-primary {
  color: var(--primary-color) !important
}

.text-secondary {
  color: var(--secondary-color) !important
}

.text-muted {
  color: #8c9db5 !important
}

.text-gradient {
  background             : linear-gradient(145deg, var(--primary-color), var(--dark-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.bg-primary {
  background: var(--primary-color) !important
}

.bg-secondary {
  background: var(--secondary-color) !important
}

.bg-primary-gradient {
  background: var(--primary-gradient) !important;
  color     : #fff
}

.bg-dark {
  background: var(--color-900) !important
}

.bg-light {
  background: var(--color-200) !important
}

.bg-body {
  background: var(--body-color) !important
}

.bg-card {
  background: var(--card-color) !important
}

.btn-success {
  background-color: #4DCA88;
  border-color    : #4DCA88
}

.btn-danger {
  background-color: #FC5A69;
  border-color    : #FC5A69
}

.btn-warning {
  background-color: #FFBA33;
  border-color    : #FFBA33
}

.btn-info {
  background-color: #4FB8C9;
  border-color    : #4FB8C9
}

.fill-primary {
  fill: var(--primary-color) !important
}

.fill-danger {
  fill: var(--bs-danger) !important
}

.fill-warning {
  fill: var(--bs-warning) !important
}

.fill-success {
  fill: var(--bs-success) !important
}

.fill-white {
  fill: #fff !important
}

.fill-muted {
  fill: #8c9db5 !important
}

.chart-color1 {
  background-color: var(--chart-color1) !important
}

.chart-color2 {
  background-color: var(--chart-color2) !important
}

.chart-color3 {
  background-color: var(--chart-color3) !important
}

.chart-color4 {
  background-color: var(--chart-color4) !important
}

.chart-color5 {
  background-color: var(--chart-color5) !important
}

.chart-text-color1 {
  color: var(--chart-color1) !important
}

.chart-text-color2 {
  color: var(--chart-color2) !important
}

.chart-text-color3 {
  color: var(--chart-color3) !important
}

.chart-text-color4 {
  color: var(--chart-color4) !important
}

.chart-text-color5 {
  color: var(--chart-color5) !important
}

.color-fff {
  color: var(--color-fff)
}

.color-100 {
  color: var(--color-100)
}

.color-200 {
  color: var(--color-200)
}

.color-300 {
  color: var(--color-300)
}

.color-400 {
  color: var(--color-400)
}

.color-600 {
  color: var(--color-600)
}

.color-700 {
  color: var(--color-700)
}

.color-800 {
  color: var(--color-800)
}

.color-900 {
  color: var(--color-900)
}

.color-000 {
  color: var(--color-000)
}

.vh100 {
  height: 100vh
}

.w30 {
  width: 30px
}

.w60 {
  width: 60px
}

.w90 {
  width: 90px
}

.w120 {
  width: 120px
}

.w240 {
  width: 240px
}

.w320 {
  width: 320px
}

.w380 {
  width: 380px
}

.dividers {
  display       : -ms-flexbox;
  display       : flex;
  -ms-flex-align: center;
  align-items   : center
}

.dividers:after,
.dividers:before {
  -ms-flex  : 1 1 0%;
  flex      : 1 1 0%;
  border-top: 0.0625rem solid var(--border-color);
  content   : "";
  margin-top: .0625rem
}

.dividers::before {
  margin-right: 1.5rem
}

.dividers::after {
  margin-left: 1.5rem
}

.custom_scroll {
  overflow-y        : auto;
  scroll-behavior   : smooth;
  -ms-overflow-style: none;
  scrollbar-width   : none
}

.custom_scroll::-webkit-scrollbar {
  width: 4px
}

.custom_scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible
}

.custom_scroll:hover::-webkit-scrollbar-track {
  visibility: visible
}

.custom_scroll::-webkit-scrollbar-track {
  visibility: hidden;
  background: transparent
}

.custom_scroll::-webkit-scrollbar-thumb {
  visibility   : hidden;
  opacity      : 0.2;
  background   : var(--secondary-color);
  border-radius: 5px
}

.custom_scroll::-webkit-scrollbar-thumb:hover {
  opacity: 1
}

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

@media only screen and (max-width: 1280px) {
  .py-6 {
    padding-top   : 3rem !important;
    padding-bottom: 3rem !important
  }
}

@media only screen and (max-width: 1200px) {
  .py-6 {
    padding-top   : 2.5rem !important;
    padding-bottom: 2.5rem !important
  }
}

@media only screen and (max-width: 992px) {
  .py-6 {
    padding-top   : 1.5rem !important;
    padding-bottom: 1.5rem !important
  }
}

.py-7 {
  padding-top   : 5rem !important;
  padding-bottom: 5rem !important
}

.rounded-4 {
  border-radius: 0.5rem !important
}

.rounded-5 {
  border-radius: 0.8rem !important
}

.bg-text {
  font-size: 4rem
}

@media only screen and (max-width: 1440px) {
  .bg-text {
    font-size: 3rem
  }
}

@media only screen and (max-width: 1200px) {
  .bg-text {
    font-size: 2.6rem
  }
}

[data-theme="dark"] .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.15) !important
}

[data-theme="dark"] .shadow {
  box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15) !important
}

[data-theme="dark"] .text-muted {
  color: #565b63 !important
}

[data-theme="dark"] .border-dark {
  border-color: #f0f0f0 !important
}

.dropdown-menu.dropdown-animation {
  padding: .9rem
}

.dropdown-menu.dropdown-animation a.dropdown-item {
  transition   : all 0.3s ease 0s;
  min-width    : 180px;
  padding      : 10px 15px 10px 0;
  border-radius: 3px;
  position     : relative
}

@media (prefers-reduced-motion: reduce) {
  .dropdown-menu.dropdown-animation a.dropdown-item {
    transition: none
  }
}

.dropdown-menu.dropdown-animation a.dropdown-item i {
  transition : all 0.3s ease 0s;
  margin-left: 0;
  opacity    : 0
}

@media (prefers-reduced-motion: reduce) {
  .dropdown-menu.dropdown-animation a.dropdown-item i {
    transition: none
  }
}

.dropdown-menu.dropdown-animation a.dropdown-item:hover {
  padding-left: 10px
}

.dropdown-menu.dropdown-animation a.dropdown-item:hover i {
  color      : var(--primary-color);
  opacity    : 1;
  margin-left: 8px
}

.slidedown {
  transition      : all 0.3s ease 0s;
  visibility      : hidden;
  opacity         : 0;
  transform-origin: 0 0 0;
  transform       : scaleY(0)
}

@media (prefers-reduced-motion: reduce) {
  .slidedown {
    transition: none
  }
}

.slidedown.show,
.slidedown.open {
  opacity   : 1;
  visibility: visible;
  transform : scaleY(1)
}

.slidedown .dropdown-menu {
  transition      : all 0.3s ease 0s;
  display         : block;
  visibility      : hidden;
  top             : 100%;
  z-index         : 999;
  opacity         : 0;
  transform-origin: 0 0 0;
  transform       : scaleY(0)
}

@media (prefers-reduced-motion: reduce) {
  .slidedown .dropdown-menu {
    transition: none
  }
}

.slidedown .dropdown-menu.show {
  visibility: visible;
  transform : scaleY(1);
  top       : 100%;
  opacity   : 1
}

.animation_delay>li {
  opacity                    : 0;
  transform                  : translateY(15px);
  -webkit-animation          : eliment-animation .3s ease-in-out .33333s;
  animation                  : eliment-animation .3s ease-in-out .33333s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode        : forwards
}

.animation_delay>li:nth-child(1) {
  -webkit-animation-delay: .1s;
  animation-delay        : .1s
}

.animation_delay>li:nth-child(2) {
  -webkit-animation-delay: .15s;
  animation-delay        : .15s
}

.animation_delay>li:nth-child(3) {
  -webkit-animation-delay: .2s;
  animation-delay        : .2s
}

.animation_delay>li:nth-child(4) {
  -webkit-animation-delay: .25s;
  animation-delay        : .25s
}

.animation_delay>li:nth-child(5) {
  -webkit-animation-delay: .3s;
  animation-delay        : .3s
}

.animation_delay>li:nth-child(6) {
  -webkit-animation-delay: .35s;
  animation-delay        : .35s
}

.animation_delay>li:nth-child(7) {
  -webkit-animation-delay: .4s;
  animation-delay        : .4s
}

.animation_delay>li:nth-child(8) {
  -webkit-animation-delay: .45s;
  animation-delay        : .45s
}

.animation_delay>li:nth-child(9) {
  -webkit-animation-delay: .5s;
  animation-delay        : .5s
}

.animation_delay>li:nth-child(10) {
  -webkit-animation-delay: .55s;
  animation-delay        : .55s
}

.animation_delay>li:nth-child(11) {
  -webkit-animation-delay: .6s;
  animation-delay        : .6s
}

.animation_delay>li:nth-child(12) {
  -webkit-animation-delay: .65s;
  animation-delay        : .65s
}

.animation_delay>li:nth-child(13) {
  -webkit-animation-delay: .7s;
  animation-delay        : .7s
}

.animation_delay>li:nth-child(14) {
  -webkit-animation-delay: .75s;
  animation-delay        : .75s
}

@-webkit-keyframes eliment-animation {
  to {
    opacity  : 1;
    transform: translateX(0)
  }
}

@keyframes eliment-animation {
  to {
    opacity  : 1;
    transform: translateX(0)
  }
}

.lift {
  transition: box-shadow .25s ease, transform .25s ease
}

.lift:focus,
.lift:hover {
  box-shadow: 0 6px 1rem rgba(25, 24, 24, 0.1), 0 0.5rem 1rem -0.75rem rgba(25, 24, 24, 0.1) !important;
  transform : translate3d(0, -3px, 0)
}

.animate_lines {
  position: absolute;
  margin  : auto;
  top     : 0;
  left    : 0;
  right   : 0;
  height  : 100%;
  width   : 90vw;
  z-index : 1
}

.animate_lines .line {
  position  : absolute;
  overflow  : hidden;
  width     : 1px;
  height    : 100%;
  top       : 0;
  left      : 0;
  background: rgba(23, 25, 28, 0.05)
}

.animate_lines .line:nth-child(1) {
  margin-left: 22%
}

.animate_lines .line:nth-child(1)::after {
  animation-delay: 2s
}

.animate_lines .line:nth-child(3) {
  margin-left: 12%
}

.animate_lines .line:nth-child(3)::after {
  animation-delay: 1.8s
}

.animate_lines .line:nth-child(4) {
  margin-left: 80%
}

.animate_lines .line:nth-child(4)::after {
  animation-delay: 3.5s
}

.animate_lines .line:nth-child(5) {
  margin-left: 85%
}

.animate_lines .line:nth-child(5)::after {
  animation-delay: 3s
}

.animate_lines .line:nth-child(6) {
  margin-left: 100%
}

.animate_lines .line:nth-child(6)::after {
  animation-delay: 1.7s
}

.animate_lines .line:after {
  background                       : -webkit-gradient(linear, left top, left bottom, from(var(--border-color)), color-stop(75%, var(--primary-color)), to(var(--secondary-color)));
  background                       : linear-gradient(to bottom, var(--border-color) 0%, var(--primary-color) 75%, var(--secondary-color) 100%);
  content                          : "";
  display                          : block;
  position                         : absolute;
  height                           : 15vh;
  width                            : 100%;
  top                              : -50%;
  left                             : 0;
  -webkit-animation                : run 7s 0s infinite;
  animation                        : run 7s 0s infinite;
  animation-timing-function        : ease;
  animation-delay                  : 0s;
  animation-fill-mode              : none;
  -webkit-animation-fill-mode      : forwards;
  animation-fill-mode              : forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
  animation-timing-function        : cubic-bezier(0.4, 0.26, 0, 0.97)
}

@-webkit-keyframes run {
  0% {
    top: -50%
  }

  100% {
    top: 110%
  }
}

@keyframes run {
  0% {
    top: -10%
  }

  100% {
    top: 100%
  }
}

.pulse .pulse-ring {
  border-color                     : var(--primary-color);
  display                          : block;
  position                         : absolute;
  -webkit-animation                : animation-pulse 3.5s ease-out;
  animation                        : animation-pulse 3.5s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count        : infinite;
  border-style                     : solid;
  top                              : 0;
  left                             : 3px;
  border-radius                    : 40px;
  height                           : 40px;
  width                            : 40px;
  opacity                          : 0;
  border-width                     : 5px
}

.pulse::after {
  display: none
}

@-webkit-keyframes animation-pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity          : 0.0
  }

  60% {
    -webkit-transform: scale(0.1, 0.1);
    opacity          : 0.0
  }

  65% {
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity          : 0.0
  }
}

@keyframes animation-pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity          : 0.0
  }

  60% {
    -webkit-transform: scale(0.1, 0.1);
    opacity          : 0.0
  }

  65% {
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity          : 0.0
  }
}

#preloader {
  position  : fixed;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  z-index   : 9999;
  overflow  : hidden;
  background: var(--card-color)
}

#preloader::before {
  content          : "";
  position         : fixed;
  top              : calc(50% - 30px);
  left             : calc(50% - 30px);
  border           : 6px solid var(--primary-color);
  border-top-color : var(--border-color);
  border-radius    : 50%;
  width            : 60px;
  height           : 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation        : animate-preloader 1s linear infinite
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.btn.btn-animate-1 {
  transition      : all 0.3s ease;
  position        : relative;
  margin          : auto;
  background-color: transparent;
  color           : inherit;
  border          : none;
  text-decoration : none;
  padding         : 15px 20px
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-animate-1 {
    transition: none
  }
}

.btn.btn-animate-1:before {
  transition   : all 0.3s ease;
  background   : rgba(var(--primary-rgb), 0.3);
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  display      : block;
  border-radius: 28px;
  width        : 56px;
  height       : 56px
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-animate-1:before {
    transition: none
  }
}

.btn.btn-animate-1 span {
  position      : relative;
  font-size     : 1rem;
  letter-spacing: .25em
}

.btn.btn-animate-1 i {
  transition : all 0.3s ease;
  position   : relative;
  margin-left: 10px;
  transform  : translateX(-5px)
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-animate-1 i {
    transition: none
  }
}

.btn.btn-animate-1:hover {
  color: #fff
}

.btn.btn-animate-1:hover:before {
  width     : 100%;
  background: rgba(var(--primary-rgb), 1)
}

.btn.btn-animate-1:hover i {
  transform: translateX(0)
}

.btn.btn-animate-1:active {
  transform: scale(0.96)
}

.btn.btn-animate-2 {
  transition  : all 0.3s ease;
  color       : var(--primary-color);
  border-color: var(--primary-color);
  margin      : 0.5em
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-animate-2 {
    transition: none
  }
}

.btn.btn-animate-2:hover,
.btn.btn-animate-2:focus {
  color: #fff
}

.btn.btn-animate-2.fill:hover,
.btn.btn-animate-2.fill:focus {
  box-shadow: inset 0 0 0 2em var(--primary-color)
}

.btn.btn-animate-2.pulse:hover,
.btn.btn-animate-2.pulse:focus {
  color     : var(--primary-color);
  animation : pulse 1s;
  box-shadow: 0 0 0 1em rgba(255, 255, 255, 0)
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--primary-color)
  }
}

.btn.btn-animate-2.close:hover,
.btn.btn-animate-2.close:focus {
  box-shadow: inset -3.5em 0 0 0 var(--primary-color), inset 3.5em 0 0 0 var(--primary-color)
}

.btn.btn-animate-2.raise:hover,
.btn.btn-animate-2.raise:focus {
  color     : var(--primary-color);
  box-shadow: 0 0.5em 0.5em -0.4em var(--primary-color);
  transform : translateY(-0.25em)
}

.btn.btn-animate-2.up:hover,
.btn.btn-animate-2.up:focus {
  box-shadow: inset 0 -3.25em 0 0 var(--primary-color)
}

.btn.btn-animate-2.slide:hover,
.btn.btn-animate-2.slide:focus {
  box-shadow: inset 10.5em 0 0 0 var(--primary-color)
}

.btn.btn-animate-3 {
  background: transparent;
  outline   : none;
  position  : relative;
  overflow  : hidden
}

.btn.btn-animate-3:hover:before {
  opacity  : 1;
  transform: translate(0, 0)
}

.btn.btn-animate-3:before {
  transition    : all 0.3s ease;
  content       : attr(data-hover);
  position      : absolute;
  text-transform: uppercase;
  top           : auto;
  transform     : translate(-100%, 0);
  left          : 0;
  width         : 100%;
  letter-spacing: 3px;
  opacity       : 0
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-animate-3:before {
    transition: none
  }
}

.btn.btn-animate-3:hover div {
  opacity  : 0;
  transform: translate(100%, 0)
}

.btn.btn-animate-3 div {
  transition    : all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 3px
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-animate-3 div {
    transition: none
  }
}

.btn.btn-animate-4 {
  background: none;
  position  : relative
}

.btn.btn-animate-4:before,
.btn.btn-animate-4:after {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%
}

.btn.btn-animate-4:before {
  content   : '';
  background: var(--primary-color);
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.7, 1)
}

.btn.btn-animate-4:after {
  content      : '';
  transition   : transform 0.3s cubic-bezier(0.2, 1, 0.7, 1);
  border-radius: 0px;
  transform    : scale3d(0.85, 0.65, 1)
}

.btn.btn-animate-4 span {
  display : inline-block;
  position: relative;
  color   : #fff
}

.btn.btn-animate-4:hover:before {
  transform: scale3d(0.9, 0.8, 1)
}

.btn.btn-animate-4:hover:after {
  transform: scale3d(1, 1, 1)
}

.btn.btn-animate-5 {
  background       : none;
  text-transform   : uppercase;
  position         : relative;
  padding          : 0;
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path        : circle(50% at 50% 50%);
  width            : 72px;
  height           : 72px
}

.btn.btn-animate-5 svg {
  position  : absolute;
  width     : 60px;
  height    : 60px;
  top       : calc(50% - 30px);
  left      : calc(50% - 30px);
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1)
}

.btn.btn-animate-5 svg .circle,
.btn.btn-animate-5 svg .path {
  stroke      : var(--border-color);
  fill        : none;
  stroke-width: 1px
}

.btn.btn-animate-5 svg .path {
  stroke           : var(--primary-color);
  stroke-dasharray : 1;
  stroke-dashoffset: 1;
  transition       : stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1)
}

.btn.btn-animate-5:hover {
  color: var(--primary-color)
}

.btn.btn-animate-5:hover svg {
  transform: scale3d(1.2, 1.2, 1)
}

.btn.btn-animate-5:hover svg .path {
  stroke-dashoffset: 0
}

.btn.btn-animate-6 {
  transition: all 0.3s ease;
  overflow  : hidden;
  position  : relative;
  text-align: center;
  border    : 0;
  min-width : 160px
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-animate-6 {
    transition: none
  }
}

.btn.btn-animate-6 .btninfo {
  transition     : all 0.3s ease;
  color          : #fff;
  position       : absolute;
  display        : flex;
  justify-content: center;
  align-items    : center;
  top            : 0;
  left           : -70px;
  width          : 40px;
  height         : 100%
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-animate-6 .btninfo {
    transition: none
  }
}

.btn.btn-animate-6 .btntext {
  transition: all 0.3s ease
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn-animate-6 .btntext {
    transition: none
  }
}

.btn.btn-animate-6:hover .btninfo {
  left: 0
}

.btn.btn-animate-6:hover .btntext {
  margin-left: 40px
}

.btn.btn-animate-7 {
  color    : #fff;
  min-width: 110px;
  border   : 0
}

.btn.btn-animate-7.primary {
  background-image: linear-gradient(45deg, var(--primary-color), #191818)
}

.btn.btn-animate-7.secondary {
  background-image: linear-gradient(45deg, var(--secondary-color), #191818)
}

.btn.btn-animate-7.danger {
  background-image: linear-gradient(45deg, #FC5A69, #191818)
}

.btn.btn-animate-7.success {
  background-image: linear-gradient(45deg, #4DCA88, #191818)
}

.btn.btn-animate-7.warning {
  background-image: linear-gradient(45deg, #FFBA33, #191818)
}

.btn.btn-animate-7.info {
  background-image: linear-gradient(45deg, #4FB8C9, #191818)
}

.fx-link {
  position  : relative;
  transition: clip-path 275ms ease
}

.fx-link:hover span::before,
.fx-link:focus span::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.fx-link span {
  color   : var(--primary-color);
  position: relative;
  display : inline-block
}

.fx-link span::before {
  color                : var(--primary-color);
  text-decoration-color: var(--primary-color);
  content              : attr(data-content);
  text-decoration      : underline;
  position             : absolute;
  clip-path            : polygon(0 0, 0 0, 0% 100%, 0 100%);
  transition           : clip-path 275ms ease
}

.fx-link.dotted span:before {
  text-decoration-style: dotted
}

.fx-link.dashed span:before {
  text-decoration-style: dashed
}

.fx-link.double span:before {
  text-decoration-style: double
}

.fx-link.wavy span:before {
  text-decoration-style: wavy
}

.fx-link.line-through span:before {
  text-decoration-line: line-through
}

.fx-link.text_bg {
  position       : relative;
  overflow       : hidden;
  text-decoration: none;
  color          : var(--primary-color)
}

.fx-link.text_bg:after {
  content   : "";
  background: rgba(var(--primary-rgb), 0.15);
  position  : absolute;
  left      : 12px;
  bottom    : -6px;
  width     : calc(100% - 8px);
  height    : calc(100% - 8px);
  transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05)
}

.fx-link.text_bg:hover:after {
  left  : 0;
  bottom: -2px;
  width : 100%;
  height: 100%
}

.fx-link.text_bg2:after {
  content   : "";
  background: rgba(var(--primary-rgb), 0.15);
  position  : absolute;
  width     : calc(100% + 6px);
  height    : 0;
  left      : -3px;
  transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.fx-link.text_bg2:hover:after {
  height: calc(100% + 3px)
}

.img-effect {
  background: var(--primary-color);
  display   : inline-block;
  float     : none;
  position  : relative;
  overflow  : hidden
}

.img-effect img {
  position  : relative;
  display   : block;
  min-height: 100%;
  max-width : 100%;
  opacity   : 0.6
}

.img-effect figcaption {
  padding                    : 2em;
  color                      : #fff;
  font-size                  : 1rem;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
  position                   : absolute;
  top                        : 0;
  left                       : 0;
  width                      : 100%;
  height                     : 100%
}

.img-effect figcaption>a {
  position   : absolute;
  white-space: nowrap;
  top        : 0;
  left       : 0;
  width      : 100%;
  height     : 100%;
  z-index    : 1000;
  text-indent: 200%;
  font-size  : 0;
  opacity    : 0
}

.img-effect.one figcaption::before {
  position         : absolute;
  top              : 0;
  left             : 0;
  width            : 100%;
  height           : 100%;
  background       : -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  background       : linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  content          : '';
  opacity          : 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform        : translate3d(0, 50%, 0)
}

.img-effect.one h2,
.img-effect.one .h2 {
  position          : absolute;
  top               : 50%;
  left              : 0;
  width             : 100%;
  color             : #484c61;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition        : transform 0.35s, color 0.35s;
  -webkit-transform : translate3d(0, -50%, 0);
  transform         : translate3d(0, -50%, 0)
}

.img-effect.one figcaption::before,
.img-effect.one p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition        : opacity 0.35s, transform 0.35s
}

.img-effect.one p {
  position         : absolute;
  bottom           : 0;
  left             : 0;
  padding          : 1em;
  width            : 100%;
  opacity          : 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform        : translate3d(0, 10px, 0)
}

.img-effect.one:hover h2,
.img-effect.one:hover .h2 {
  color            : #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform        : translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}

.img-effect.one:hover figcaption::before,
.img-effect.one:hover p {
  opacity          : 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0)
}

.img-effect.two {
  transition: all 0.3s ease
}

@media (prefers-reduced-motion: reduce) {
  .img-effect.two {
    transition: none
  }
}

.img-effect.two:before {
  position         : absolute;
  top              : 0;
  left             : 0;
  width            : 100%;
  height           : 100%;
  background       : -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  background       : linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  content          : '';
  opacity          : 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform        : translate3d(0, 50%, 0)
}

.img-effect.two .effect-hover {
  transition: all 0.3s ease;
  background: var(--card-color);
  position  : absolute;
  bottom    : -100px
}

@media (prefers-reduced-motion: reduce) {
  .img-effect.two .effect-hover {
    transition: none
  }
}

.img-effect.two:hover .effect-hover {
  bottom: 0
}

.img-effect.two:hover::before {
  opacity          : 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0)
}

.img-effect2 {
  overflow: hidden
}

.img-effect2:before {
  content       : "";
  display       : block;
  width         : 100%;
  padding-bottom: 120%
}

.img-effect2 .team-block {
  display       : flex;
  flex-direction: column;
  position      : absolute;
  top           : 0;
  left          : 0;
  width         : 100%;
  height        : 100%
}

.img-effect2 .team-block .team-img {
  flex               : 4 0 auto;
  background-position: top;
  background-size    : cover;
  transform          : scale(1.2);
  transition         : transform 0.35s ease
}

.img-effect2 .team-block .team-content {
  background-color: var(--card-color);
  display         : flex;
  align-items     : center;
  justify-content : center;
  flex            : 0 0 0;
  overflow        : hidden;
  transition      : flex-grow 0.35s ease
}

.img-effect2 .team-block .team-caption {
  color     : var(--color-500);
  overflow  : hidden;
  opacity   : 0;
  transform : scale(0.5) translateY(100%);
  transition: opacity 0.35s linear, transform 0.35s ease
}

.img-effect2:hover {
  transform: scale(1)
}

.img-effect2:hover .team-img {
  transform: scale(1);
  filter   : grayscale(100%)
}

.img-effect2:hover .team-content {
  flex-grow: 1
}

.img-effect2:hover .team-caption {
  transform: scale(1);
  opacity  : 1
}

.palette-picker li {
  position : relative;
  cursor   : pointer;
  margin   : 4px;
  font-size: 11px
}

.palette-picker li.active:after {
  content : '';
  position: absolute;
  top     : -4px;
  left    : -4px;
  height  : 24px;
  width   : 24px;
  border  : 1px solid var(--primary-color)
}

.palette-picker li.active .dynamic {
  background: var(--primary-color);
  color     : #fff
}

.palette-picker li div {
  width      : 16px;
  height     : 16px;
  text-align : center;
  line-height: 14px
}

.palette-picker li span {
  position: relative;
  bottom  : 7px;
  left    : 5px
}

.palette-picker .blue {
  background-color: #0d6efd
}

.palette-picker .blush {
  background-color: #ED5782
}

.palette-picker .indigo {
  background-color: #484c7f
}

.palette-picker .purple {
  background-color: #793997
}

.palette-picker .red {
  background-color: #FF1843
}

.palette-picker .orange {
  background-color: #f8b500
}

.palette-picker .yellow {
  background-color: #FFBA33
}

.palette-picker .green {
  background-color: #7EB93F
}

.palette-picker .cyan {
  background-color: #00bdaa
}

.setting-img .bg-images {
  display: none
}

.setting-img .bg-images.show {
  display: block
}

.setting-img li {
  filter: grayscale(100%)
}

.setting-img li.sidebar-img-active {
  filter: none
}

.setting-img li a {
  display    : flex;
  width      : 40px;
  height     : 100px;
  overflow   : hidden;
  align-items: center
}

.setting-img li a img {
  width: 100%
}

.theme-dynamic .dyn-opt {
  display: block
}

.dyn-opt {
  display: none
}

.setting-list li,
.layout_setting li {
  margin-bottom: 15px
}

.colorpicker.dropdown-menu {
  z-index: 9999
}

.rtl_mode .right-sidebar {
  left : -300px;
  right: auto
}

.rtl_mode .right-sidebar.open {
  left : 0;
  right: auto
}

.main.auth-div .body {
  position       : relative;
  justify-content: center;
  z-index        : 8
}

@media only screen and (max-height: 992px) {
  .main.auth-div {
    margin : 0 !important;
    height : 100vh !important;
    padding: 0 !important
  }

  .main.auth-div .body {
    min-height: 100vh !important
  }

  .main.auth-div .body.p-xl-5 {
    padding: 1rem !important
  }
}

.main.auth-div2,
.main.auth-div3,
.main.auth-div7 {
  height    : auto !important;
  margin-top: 0 !important;
  padding   : 0 !important
}

.main.auth-div2 .body,
.main.auth-div3 .body,
.main.auth-div7 .body {
  min-height     : 100vh !important;
  z-index        : 9;
  position       : relative;
  justify-content: center
}

.main.auth-div3 {
  background: var(--primary-gradient)
}

.main.auth-div3 .form-control {
  border: 0
}

.main.auth-div3 .form-control:focus,
.main.auth-div3 .form-control:focus-within,
.main.auth-div3 .form-control:focus-visible,
.main.auth-div3 .form-control:active,
.main.auth-div3 .form-control:visited {
  border    : 0;
  box-shadow: none;
  outline   : none
}

@media only screen and (max-width: 768px) {
  .main.auth-div3 .input-group>:not(:first-child) {
    margin-left: 0 !important
  }

  .main.auth-div3 .input-group>:not(:first-child) .form-control {
    border-radius: 0 !important
  }

  .main.auth-div3 .input-group .btn {
    width        : 100%;
    border-radius: 0 0 .25rem .25rem !important
  }

  .main.auth-div3 .form-floating {
    width: 100%
  }

  .main.auth-div3 .form-floating .form-control {
    border-radius: .25rem .25rem 0 0 !important
  }
}

.main.auth-div4 {
  width : 100%;
  height: 100vh
}

.main.auth-div4 .login-img {
  background-size    : cover;
  background-position: center;
  width              : 100%
}

@media only screen and (max-width: 768px) {
  .main.auth-div4 .login-img {
    height: 300px
  }
}

.main.auth-div4 .contents {
  width: 100%
}

.main.auth-div5 {
  border-top: 15px solid var(--card-color)
}

.main.auth-div5::after {
  display: none
}

@media only screen and (max-width: 768px) {
  .main.auth-div5 .input-group>:not(:first-child) {
    margin-left: 0 !important
  }

  .main.auth-div5 .input-group>:not(:first-child) .form-control {
    border-radius: 0 !important
  }

  .main.auth-div5 .input-group .btn {
    width        : 100%;
    border-radius: 0 0 .25rem .25rem !important
  }

  .main.auth-div5 .form-floating {
    width: 100%
  }

  .main.auth-div5 .form-floating .form-control {
    border-radius: .25rem .25rem 0 0 !important
  }
}

@media only screen and (max-width: 992px) {
  .main.auth-div5 {
    height    : auto !important;
    margin-top: 0 !important
  }
}

.main.auth-div6 {
  margin-top: 0 !important;
  height    : auto !important
}

.main.auth-div6 .body {
  display        : flex !important;
  flex-flow      : row !important;
  justify-content: center;
  overflow       : hidden
}

@media only screen and (max-width: 768px) {
  .main.auth-div6 .body {
    flex-flow: column
  }
}

.main.auth-div6 .body .login-form,
.main.auth-div6 .body .login-text {
  display    : flex;
  align-items: center;
  height     : 100vh
}

@media only screen and (max-width: 768px) {

  .main.auth-div6 .body .login-form,
  .main.auth-div6 .body .login-text {
    height: auto
  }
}

.main.auth-div6 .body .login-form {
  width  : 70rem;
  padding: 2rem 8rem
}

@media only screen and (max-width: 1440px) {
  .main.auth-div6 .body .login-form {
    width  : 50rem;
    padding: 2rem 5rem
  }
}

@media only screen and (max-width: 1200px) {
  .main.auth-div6 .body .login-form {
    padding: 2rem 3rem
  }
}

@media only screen and (max-width: 1199px) {
  .main.auth-div6 .body .login-form {
    width: 100%
  }
}

.main.auth-div6 .body .login-text {
  background: var(--primary-gradient);
  color     : var(--color-100);
  position  : relative;
  width     : 100%;
  padding   : 2rem 15rem
}

.main.auth-div6 .body .login-text .svg-1,
.main.auth-div6 .body .login-text .svg-2 {
  position: absolute;
  opacity : .1;
  width   : 16rem
}

.main.auth-div6 .body .login-text .svg-1 {
  top : -120px;
  left: -80px
}

.main.auth-div6 .body .login-text .svg-2 {
  bottom: 10%;
  right : 10%
}

@media only screen and (max-width: 1440px) {
  .main.auth-div6 .body .login-text {
    padding: 2rem 8rem
  }
}

@media only screen and (max-width: 1280px) {
  .main.auth-div6 .body .login-text {
    padding: 2rem 6rem
  }
}

.main.auth-div6 .body .login-text>div {
  max-width: 22rem
}

.main.auth-div7 {
  background     : url("../images/auth7-bg.png") no-repeat top right;
  background-size: cover;
  width          : 100%
}

.main.auth-div7 .form-control {
  border: 0
}

.main.auth-div7 .form-control:focus,
.main.auth-div7 .form-control:focus-within,
.main.auth-div7 .form-control:focus-visible,
.main.auth-div7 .form-control:active,
.main.auth-div7 .form-control:visited {
  border    : 0;
  box-shadow: none;
  outline   : none
}

@media only screen and (max-width: 768px) {
  .main.auth-div7 .input-group>:not(:first-child) {
    margin-left: 0 !important
  }

  .main.auth-div7 .input-group>:not(:first-child) .form-control {
    border-radius: 0 !important
  }

  .main.auth-div7 .input-group .btn {
    width        : 100%;
    border-radius: 0 0 .25rem .25rem !important
  }

  .main.auth-div7 .form-floating {
    width: 100%
  }

  .main.auth-div7 .form-floating .form-control {
    border-radius: .25rem .25rem 0 0 !important
  }
}

.main.auth-div8 {
  background     : var(--body-color) url("../images/saas-overlay.png") no-repeat bottom center;
  background-size: cover;
  width          : 100%
}

@media only screen and (max-width: 992px) {
  .main.auth-div8 {
    height    : auto;
    margin-top: 0
  }
}

.main.auth-div8 #main-search {
  position: absolute;
  top     : 85px;
  width   : 100%;
  left    : 0
}

.card-chat,
.card-chat-body {
  height: 100vh
}

.card-chat {
  min-width: 380px
}

@media only screen and (max-width: 1024px) {
  .card-chat {
    transition: ease 0.1s;
    position  : fixed;
    left      : -600px;
    z-index   : 9
  }
}

@media only screen and (max-width: 1024px) and (prefers-reduced-motion: reduce) {
  .card-chat {
    transition: none
  }
}

@media only screen and (max-width: 1024px) {
  .card-chat.open {
    left: 0;
    top : 0
  }
}

@media only screen and (max-width: 767px) {
  .card-chat.open {
    min-width: 300px;
    width    : 300px
  }
}

.card-chat .tab-content {
  overflow-y        : auto;
  scroll-behavior   : smooth;
  -ms-overflow-style: none;
  scrollbar-width   : none;
  height            : calc(100vh - 150px)
}

.card-chat .tab-content::-webkit-scrollbar {
  width: 4px
}

.card-chat .tab-content:hover::-webkit-scrollbar-thumb {
  visibility: visible
}

.card-chat .tab-content:hover::-webkit-scrollbar-track {
  visibility: visible
}

.card-chat .tab-content::-webkit-scrollbar-track {
  visibility: hidden;
  background: transparent
}

.card-chat .tab-content::-webkit-scrollbar-thumb {
  visibility   : hidden;
  opacity      : 0.2;
  background   : var(--secondary-color);
  border-radius: 5px
}

.card-chat .tab-content::-webkit-scrollbar-thumb:hover {
  opacity: 1
}

.card-chat .list-group .list-group-item.open,
.card-chat .list-group .list-group-item:hover {
  background-color: var(--body-color)
}

.card-chat .list-group .list-group-item a {
  color: var(--color-500)
}

.card-chat .list-group .msg-time {
  font-size  : 11px;
  font-weight: 600
}

@media only screen and (max-width: 768px) {
  .card-chat-body {
    height: calc(100vh - 60px)
  }
}

.card-chat-body .max-width-70 {
  max-width: 70%
}

@media only screen and (max-width: 768px) {
  .card-chat-body .max-width-70 {
    max-width: 100%
  }
}

.card-chat-body .chat-history {
  overflow-y        : auto;
  scroll-behavior   : smooth;
  scrollbar-width   : none;
  -ms-overflow-style: none;
  height            : 100vh
}

.card-chat-body .chat-history::-webkit-scrollbar {
  width: 3px
}

.card-chat-body .chat-message {
  position: relative
}

.card-chat-body .chat-message .btn.btn-dark {
  position: absolute;
  right   : 10px;
  top     : 10px
}

.card-chat-body .chat-message .action-bar {
  position: absolute;
  right   : 10px;
  top     : 10px
}

.card-chat-body .chat-message .form-control {
  padding-right: 80px
}

.card-chat-body .text-end .message {
  color: #fff
}

.card-chat-body .message {
  color: var(--color-600)
}

.card-chat-body.card {
  background-color: var(--body-color)
}

.inbox.sidebar {
  background: var(--card-color);
  width     : 240px
}

.inbox.sidebar .menu-list .m-link>span {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  width          : 100%
}

.inbox.body .fa-star {
  color: var(--color-300)
}

.inbox.body .fa-star:hover,
.inbox.body .fa-star.active {
  color: var(--primary-color)
}

.inbox.body .i-msg {
  max-width: 700px
}

@media only screen and (max-width: 1440px) {
  .inbox.body .i-msg {
    max-width: 500px
  }
}

@media only screen and (max-width: 1200px) {
  .inbox.body .i-msg {
    max-width: 400px
  }
}

@media only screen and (max-width: 992px) {
  .inbox.body .i-msg {
    max-width: 300px
  }
}

.inbox.body .table tr:hover td {
  background: rgba(79, 184, 201, 0.1)
}

.inbox.body .table tr.unread td {
  background : rgba(252, 90, 105, 0.1);
  font-weight: 600
}

.timeline-item {
  border-left: 2px solid var(--border-color);
  display    : flex;
  position   : relative;
  padding    : 1em 2em 2em
}

@media only screen and (max-width: 767px) {
  .timeline-item {
    padding: 1em 0 1em 1em
  }
}

.timeline-item:hover::after {
  transform: scale(3.5)
}

.timeline-item::after {
  transition   : ease 0.1s;
  border       : 2px solid var(--border-color);
  background   : var(--color-900);
  display      : block;
  position     : absolute;
  content      : '';
  width        : 8px;
  height       : 8px;
  top          : 1.3em;
  left         : -5px;
  border-radius: 30px
}

@media (prefers-reduced-motion: reduce) {
  .timeline-item::after {
    transition: none
  }
}

.timeline-item.ti-primary:after {
  background: var(--primary-color)
}

.timeline-item.ti-info:after {
  background: #4FB8C9
}

.timeline-item.ti-success:after {
  background: #198754
}

.timeline-item.ti-warning:after {
  background: #fd7e14
}

.timeline-item.ti-danger:after {
  background: #dc3545
}

.timeline-item:last-child {
  border-image: linear-gradient(to bottom, #dee2e6 60%, rgba(222, 226, 230, 0)) 1 100%
}

.timeline-item-2 {
  padding    : 0 7em 3em 2em;
  margin-left: 4em;
  position   : relative;
  border-left: 1px solid var(--border-color)
}

.timeline-item-2::after {
  content      : "";
  background   : var(--color-fff);
  display      : block;
  position     : absolute;
  width        : 11px;
  height       : 11px;
  top          : 1em;
  left         : -6px;
  border-radius: 10px;
  border       : 3px solid var(--color-fff)
}

.timeline-item-2.green::after {
  background-color: #4DCA88
}

.timeline-item-2.blue::after {
  background-color: #4FB8C9
}

.timeline-item-2.warning::after {
  background-color: #FC5A69
}

.timeline-item-2 .msg {
  margin: 15px 0
}

.timeline-item-2 .user {
  position: absolute;
  left    : -4em;
  top     : 0
}

.timeline-item-2 .badge {
  line-height: 16px
}

.timeline-item-2 .quick-button {
  position: absolute;
  right   : 0;
  top     : 0
}

.timeline-item-2 .quick-button a {
  color      : var(--color-400);
  margin-left: 20px
}

.timeline-item-2.rtl {
  border-left : 0;
  border-right: 1px solid var(--border-color)
}

.timeline-item-2.rtl::before {
  left : 0;
  right: 2em
}

.timeline-item-2.rtl::after {
  left : 0;
  right: -5px
}

.timeline-activity {
  border-left: 3px solid var(--secondary-color);
  position   : relative;
  margin-left: 100px
}

.timeline-activity .activity {
  position: relative
}

.timeline-activity .activity::before,
.timeline-activity .activity::after {
  position: absolute;
  display : block
}

.timeline-activity .activity:before {
  content   : attr(data-date);
  text-align: right;
  left      : -120px;
  font-size : 12px;
  min-width : 100px
}

.timeline-activity .activity::after {
  content           : "";
  -webkit-box-shadow: 0 0 0 3px var(--primary-color);
  box-shadow        : 0 0 0 3px var(--primary-color);
  background        : var(--card-color);
  left              : -6px;
  border-radius     : 10px;
  height            : 9px;
  width             : 9px;
  top               : 14px
}

.print_invoice table {
  border-collapse: collapse
}

.print_invoice table td,
.print_invoice table th {
  border : 1px solid var(--border-color);
  padding: 5px
}

.print_invoice textarea {
  border       : 1px solid var(--card-color);
  overflow     : hidden;
  resize       : none;
  width        : 100%;
  border-radius: .25rem
}

.print_invoice textarea:hover,
.print_invoice textarea:focus {
  background: rgba(var(--primary-rgb), 0.1);
  border    : 1px solid var(--primary-color);
  box-shadow: none;
  outline   : 0
}

.print_invoice .address {
  width : 250px;
  height: 150px;
  float : left
}

.print_invoice .customer {
  overflow: hidden
}

.print_invoice .customer .customer-title {
  width      : 250px;
  font-size  : 20px;
  font-weight: 700;
  float      : left
}

.print_invoice .delete-wpr {
  position: relative
}

.print_invoice .delete {
  background     : var(--border-color);
  color          : #FC5A69;
  display        : block;
  text-decoration: none;
  position       : absolute;
  padding        : 0 5px;
  top            : 3px;
  left           : -22px;
  font-size      : 12px
}

.print_invoice .delete:hover {
  background: #FC5A69;
  color     : #fff
}

.print_invoice #logo {
  border    : 1px solid #fff;
  text-align: right;
  float     : right;
  position  : relative;
  overflow  : hidden;
  margin-top: 25px;
  max-width : 540px;
  max-height: 100px
}

.print_invoice #logo:hover,
.print_invoice #logo.edit {
  border    : 1px solid var(--border-color);
  margin-top: 0;
  max-height: 125px
}

.print_invoice #logo:hover #logoctr,
.print_invoice #logo.edit #logoctr {
  display    : block;
  text-align : right;
  line-height: 25px;
  background : var(--color-100);
  padding    : 0 5px
}

.print_invoice #logo #logoctr {
  display: none
}

.print_invoice #logohelp {
  text-align: left;
  display   : none;
  font-style: italic;
  padding   : 10px 5px
}

.print_invoice #logohelp input {
  margin-bottom: 5px
}

.print_invoice .edit #logohelp {
  display: block
}

.print_invoice .edit #save-logo,
.print_invoice .edit #cancel-logo {
  display: inline
}

.print_invoice .edit #image,
.print_invoice #save-logo,
.print_invoice #cancel-logo,
.print_invoice .edit #change-logo,
.print_invoice .edit #delete-logo {
  display: none
}

.print_invoice .meta {
  margin-top: 1px;
  width     : 300px;
  float     : right
}

.print_invoice .meta td {
  text-align: right
}

.print_invoice .meta td.meta-head {
  text-align: left;
  background: var(--color-100)
}

.print_invoice .meta td .due {
  padding-right: 13px
}

.print_invoice .meta td textarea {
  height    : 20px;
  text-align: right
}

.print_invoice .items {
  clear : both;
  width : 100%;
  margin: 30px 0 0;
  border: 1px solid var(--border-color)
}

.print_invoice .items th {
  background: var(--color-100)
}

.print_invoice .items tr.item-row td {
  vertical-align: top
}

.print_invoice .items td.item-name {
  width: 150px
}

.print_invoice .items td.description {
  width: 280px
}

@media only screen and (max-width: 992px) {
  .print_invoice .items td.description {
    width: 220px
  }
}

.print_invoice .items td.total-line {
  border-right: 0;
  text-align  : right
}

.print_invoice .items td.total-value {
  padding: 5px
}

.print_invoice .items td.balance {
  background: var(--color-100)
}

.print_invoice .items td.blank {
  border: 0
}

@media print {
  body * {
    visibility      : hidden;
    margin          : 0;
    color           : #000;
    background-color: #fff
  }

  .print_invoice {
    position: absolute;
    left    : 0;
    top     : 0
  }

  .print_invoice * {
    visibility: visible
  }

  .print_invoice * #hiderow,
  .print_invoice * .delete {
    display: none
  }

  .print_invoice .footer-note .form-control {
    padding: 0
  }

  .navigation,
  .sidebar {
    display: none
  }
}

.animation-wrapper {
  position: fixed;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%
}

.particle,
.particle:after {
  background: transparent
}

.particle:after {
  position: absolute;
  content : "";
  top     : 2560px
}

.particle-1 {
  box-shadow: 0px 0px var(--primary-color), 815px 1287px var(--primary-color), 214px 20px var(--primary-color), 1855px 1877px var(--primary-color), 525px 136px var(--primary-color), 837px 901px var(--primary-color), 2151px 1980px var(--primary-color), 1056px 466px var(--primary-color), 306px 868px var(--primary-color), 2156px 1009px var(--primary-color), 1163px 667px var(--primary-color), 1987px 287px var(--primary-color), 2339px 611px var(--primary-color), 58px 914px var(--primary-color), 2228px 2216px var(--primary-color), 2338px 769px var(--primary-color), 1121px 607px var(--primary-color), 1234px 135px var(--primary-color), 523px 1072px var(--primary-color), 357px 2526px var(--primary-color), 93px 40px var(--primary-color), 1265px 2069px var(--primary-color), 1392px 1304px var(--primary-color), 1598px 2152px var(--primary-color), 2224px 1680px var(--primary-color), 1103px 1483px var(--primary-color), 1446px 1911px var(--primary-color), 2416px 448px var(--primary-color), 360px 2059px var(--primary-color), 2421px 2333px var(--primary-color), 629px 2536px var(--primary-color), 467px 1473px var(--primary-color), 598px 49px var(--primary-color), 1872px 1344px var(--primary-color), 637px 2295px var(--primary-color), 2466px 573px var(--primary-color), 2217px 2363px var(--primary-color), 2360px 2321px var(--primary-color), 1768px 1651px var(--primary-color), 2065px 2471px var(--primary-color), 2056px 2079px var(--primary-color), 2364px 495px var(--primary-color), 2061px 301px var(--primary-color), 611px 681px var(--primary-color), 1439px 1671px var(--primary-color), 1296px 1864px var(--primary-color), 983px 173px var(--primary-color), 340px 966px var(--primary-color), 1430px 2092px var(--primary-color), 2269px 1297px var(--primary-color), 2524px 1061px var(--primary-color), 632px 1674px var(--primary-color), 319px 946px var(--primary-color), 2004px 606px var(--primary-color), 2057px 1061px var(--primary-color), 55px 1104px var(--primary-color), 1543px 2301px var(--primary-color), 2187px 2518px var(--primary-color), 841px 2264px var(--primary-color), 1081px 2023px var(--primary-color), 358px 2263px var(--primary-color), 346px 401px var(--primary-color), 1266px 483px var(--primary-color), 2339px 977px var(--primary-color), 1364px 1700px var(--primary-color), 2138px 1040px var(--primary-color), 357px 1522px var(--primary-color), 32px 2303px var(--primary-color), 391px 1635px var(--primary-color), 622px 378px var(--primary-color), 1433px 162px var(--primary-color), 439px 1824px var(--primary-color), 669px 2091px var(--primary-color), 1866px 68px var(--primary-color), 1424px 18px var(--primary-color), 132px 814px var(--primary-color), 18px 1634px var(--primary-color), 305px 1090px var(--primary-color), 657px 2189px var(--primary-color), 2236px 1928px var(--primary-color), 1671px 499px var(--primary-color), 993px 1728px var(--primary-color), 1690px 1345px var(--primary-color), 1763px 1692px var(--primary-color), 2399px 1447px var(--primary-color), 911px 64px var(--primary-color), 786px 804px var(--primary-color), 928px 2097px var(--primary-color), 1892px 587px var(--primary-color), 2128px 1468px var(--primary-color), 2188px 81px var(--primary-color), 770px 1453px var(--primary-color), 1859px 2412px var(--primary-color), 701px 2057px var(--primary-color), 1803px 1926px var(--primary-color), 566px 1101px var(--primary-color), 98px 85px var(--primary-color), 2240px 871px var(--primary-color), 1704px 910px var(--primary-color), 196px 2372px var(--primary-color), 1522px 730px var(--primary-color), 1714px 2410px var(--primary-color), 2391px 211px var(--primary-color), 147px 1813px var(--primary-color), 1501px 494px var(--primary-color), 1369px 1554px var(--primary-color), 2017px 63px var(--primary-color), 1052px 244px var(--primary-color), 1711px 2351px var(--primary-color), 1725px 1822px var(--primary-color), 747px 1571px var(--primary-color), 2041px 1830px var(--primary-color), 1304px 1922px var(--primary-color), 1278px 1275px var(--primary-color), 1512px 454px var(--primary-color), 1301px 653px var(--primary-color), 256px 1870px var(--primary-color), 56px 1201px var(--primary-color), 257px 984px var(--primary-color), 788px 692px var(--primary-color), 2358px 2002px var(--primary-color), 2409px 683px var(--primary-color), 1176px 1138px var(--primary-color), 1552px 2260px var(--primary-color), 1195px 1742px var(--primary-color), 438px 2066px var(--primary-color), 512px 2438px var(--primary-color), 1106px 847px var(--primary-color), 2201px 2344px var(--primary-color), 815px 2163px var(--primary-color), 1432px 1498px var(--primary-color), 1699px 860px var(--primary-color), 91px 1646px var(--primary-color), 2139px 1354px var(--primary-color), 1867px 1190px var(--primary-color), 94px 556px var(--primary-color), 1420px 2287px var(--primary-color), 2409px 1242px var(--primary-color), 2202px 2489px var(--primary-color), 1176px 35px var(--primary-color), 53px 598px var(--primary-color), 74px 2298px var(--primary-color), 1113px 792px var(--primary-color), 1418px 651px var(--primary-color), 1147px 1608px var(--primary-color), 1744px 2477px var(--primary-color), 993px 1418px var(--primary-color), 1226px 108px var(--primary-color), 601px 425px var(--primary-color), 1475px 1352px var(--primary-color), 1561px 303px var(--primary-color), 1993px 843px var(--primary-color), 1276px 467px var(--primary-color), 248px 1552px var(--primary-color), 1854px 1916px var(--primary-color), 2283px 1655px var(--primary-color), 1967px 808px var(--primary-color), 760px 690px var(--primary-color), 1850px 1707px var(--primary-color), 216px 338px var(--primary-color), 1144px 147px var(--primary-color), 2458px 968px var(--primary-color), 1005px 2116px var(--primary-color), 2256px 1557px var(--primary-color), 52px 342px var(--primary-color), 1439px 1106px var(--primary-color), 1324px 2288px var(--primary-color), 2495px 2282px var(--primary-color), 610px 1619px var(--primary-color), 202px 1035px var(--primary-color), 597px 2119px var(--primary-color), 1722px 2224px var(--primary-color), 1300px 1014px var(--primary-color), 282px 1523px var(--primary-color), 349px 2267px var(--primary-color), 393px 261px var(--primary-color), 1247px 380px var(--primary-color), 2179px 71px var(--primary-color), 432px 812px var(--primary-color), 775px 2319px var(--primary-color), 393px 867px var(--primary-color), 35px 1523px var(--primary-color), 2141px 2341px var(--primary-color), 508px 2450px var(--primary-color), 580px 1526px var(--primary-color), 1897px 1338px var(--primary-color), 2526px 1693px var(--primary-color), 488px 75px var(--primary-color), 1551px 4px var(--primary-color), 422px 268px var(--primary-color), 249px 525px var(--primary-color), 1358px 872px var(--primary-color), 76px 1095px var(--primary-color), 1405px 1745px var(--primary-color), 1232px 1307px var(--primary-color), 1764px 1307px var(--primary-color), 1302px 1700px var(--primary-color), 2032px 499px var(--primary-color), 778px 1920px var(--primary-color), 1186px 400px var(--primary-color), 2442px 2294px var(--primary-color), 1337px 2348px var(--primary-color), 139px 1139px var(--primary-color), 662px 1307px var(--primary-color), 1018px 1391px var(--primary-color), 562px 584px var(--primary-color), 614px 810px var(--primary-color), 2122px 86px var(--primary-color), 741px 924px var(--primary-color), 723px 1113px var(--primary-color), 1067px 374px var(--primary-color), 1330px 2218px var(--primary-color), 232px 1079px var(--primary-color), 1720px 1548px var(--primary-color), 1840px 917px var(--primary-color), 394px 1254px var(--primary-color), 2361px 878px var(--primary-color), 527px 2536px var(--primary-color), 1328px 90px var(--primary-color), 1533px 1755px var(--primary-color), 2334px 941px var(--primary-color), 808px 380px var(--primary-color), 252px 844px var(--primary-color), 2224px 1803px var(--primary-color), 1624px 911px var(--primary-color), 2375px 1698px var(--primary-color), 2031px 1727px var(--primary-color), 1339px 2554px var(--primary-color), 620px 1297px var(--primary-color), 60px 1569px var(--primary-color), 2361px 1114px var(--primary-color), 1638px 731px var(--primary-color), 1440px 1044px var(--primary-color), 305px 541px var(--primary-color), 2514px 781px var(--primary-color), 638px 119px var(--primary-color), 1768px 2423px var(--primary-color), 349px 600px var(--primary-color), 1705px 1772px var(--primary-color), 138px 1050px var(--primary-color), 2424px 2354px var(--primary-color), 2370px 1576px var(--primary-color), 864px 2352px var(--primary-color), 1475px 1374px var(--primary-color), 299px 2003px var(--primary-color), 1055px 144px var(--primary-color), 1538px 84px var(--primary-color), 686px 223px var(--primary-color), 1035px 2329px var(--primary-color), 1428px 2159px var(--primary-color), 1345px 2504px var(--primary-color), 483px 1963px var(--primary-color), 428px 828px var(--primary-color), 1571px 2023px var(--primary-color), 311px 1545px var(--primary-color), 1513px 439px var(--primary-color), 1308px 497px var(--primary-color), 2350px 1682px var(--primary-color), 1110px 1350px var(--primary-color), 137px 166px var(--primary-color), 817px 1111px var(--primary-color), 19px 1105px var(--primary-color), 672px 2251px var(--primary-color), 1755px 981px var(--primary-color), 1575px 1312px var(--primary-color), 2075px 472px var(--primary-color), 2290px 1274px var(--primary-color), 1210px 2013px var(--primary-color), 2153px 462px var(--primary-color), 197px 2332px var(--primary-color), 1535px 2188px var(--primary-color), 64px 932px var(--primary-color), 1365px 973px var(--primary-color), 885px 616px var(--primary-color), 1282px 2444px var(--primary-color), 2103px 1051px var(--primary-color), 181px 225px var(--primary-color), 2003px 286px var(--primary-color), 165px 199px var(--primary-color), 1605px 1671px var(--primary-color), 426px 1965px var(--primary-color), 1442px 454px var(--primary-color), 1957px 1667px var(--primary-color), 1690px 1715px var(--primary-color), 282px 1886px var(--primary-color), 1604px 2007px var(--primary-color), 222px 1206px var(--primary-color), 1531px 2027px var(--primary-color), 609px 303px var(--primary-color), 2085px 1948px var(--primary-color), 2156px 1031px var(--primary-color), 1080px 1873px var(--primary-color), 1994px 134px var(--primary-color), 202px 1206px var(--primary-color), 506px 2351px var(--primary-color), 336px 2522px var(--primary-color), 2179px 2530px var(--primary-color), 93px 1086px var(--primary-color), 1731px 415px var(--primary-color), 1498px 1325px var(--primary-color), 1256px 1832px var(--primary-color), 1616px 2517px var(--primary-color), 1169px 221px var(--primary-color), 990px 1738px var(--primary-color), 333px 312px var(--primary-color), 1740px 719px var(--primary-color), 2289px 1727px var(--primary-color), 1063px 1401px var(--primary-color), 1528px 778px var(--primary-color), 1903px 2159px var(--primary-color), 226px 1996px var(--primary-color), 650px 1199px var(--primary-color), 219px 2221px var(--primary-color), 761px 2497px var(--primary-color), 1064px 2297px var(--primary-color), 2346px 1011px var(--primary-color), 1862px 1119px var(--primary-color), 633px 1139px var(--primary-color), 2334px 354px var(--primary-color), 1273px 936px var(--primary-color), 1999px 2385px var(--primary-color), 2378px 603px var(--primary-color), 1528px 2399px var(--primary-color), 1752px 319px var(--primary-color), 419px 1977px var(--primary-color), 633px 1395px var(--primary-color), 2444px 2426px var(--primary-color), 824px 2376px var(--primary-color), 454px 1736px var(--primary-color), 829px 1829px var(--primary-color), 2206px 1427px var(--primary-color), 92px 2088px var(--primary-color), 2017px 1135px var(--primary-color), 1332px 1202px var(--primary-color), 2500px 384px var(--primary-color), 2159px 1121px var(--primary-color), 2325px 1744px var(--primary-color), 592px 350px var(--primary-color), 1578px 652px var(--primary-color), 1041px 1778px var(--primary-color), 2308px 1413px var(--primary-color), 1675px 495px var(--primary-color), 1382px 461px var(--primary-color), 1006px 1190px var(--primary-color), 293px 845px var(--primary-color), 2393px 1909px var(--primary-color), 1272px 912px var(--primary-color), 1550px 712px var(--primary-color), 1811px 2370px var(--primary-color), 2559px 531px var(--primary-color), 621px 2287px var(--primary-color), 1505px 459px var(--primary-color), 488px 349px var(--primary-color), 23px 1669px var(--primary-color), 1721px 855px var(--primary-color), 1126px 2053px var(--primary-color), 1828px 1890px var(--primary-color), 2096px 449px var(--primary-color), 2446px 1949px var(--primary-color), 1251px 713px var(--primary-color), 519px 217px var(--primary-color), 41px 1117px var(--primary-color), 2354px 850px var(--primary-color), 2107px 472px var(--primary-color), 1266px 1184px var(--primary-color), 474px 2302px var(--primary-color), 2436px 1614px var(--primary-color), 665px 16px var(--primary-color), 2465px 2327px var(--primary-color), 2203px 6px var(--primary-color), 361px 348px var(--primary-color), 23px 1222px var(--primary-color), 403px 705px var(--primary-color), 388px 1541px var(--primary-color), 816px 1803px var(--primary-color), 1532px 898px var(--primary-color), 2064px 2371px var(--primary-color), 1123px 2413px var(--primary-color), 71px 100px var(--primary-color), 1501px 757px var(--primary-color), 487px 21px var(--primary-color), 2289px 1342px var(--primary-color), 1161px 2009px var(--primary-color), 600px 1529px var(--primary-color), 1122px 1136px var(--primary-color), 1966px 2151px var(--primary-color), 2079px 1432px var(--primary-color), 1354px 1262px var(--primary-color), 531px 1894px var(--primary-color), 919px 355px var(--primary-color), 1453px 838px var(--primary-color), 2538px 1750px var(--primary-color), 602px 1891px var(--primary-color), 367px 1215px var(--primary-color), 696px 1550px var(--primary-color), 448px 12px var(--primary-color), 350px 62px var(--primary-color), 1493px 377px var(--primary-color), 2191px 1404px var(--primary-color), 1625px 1713px var(--primary-color), 2486px 773px var(--primary-color), 1078px 1748px var(--primary-color), 1666px 1845px var(--primary-color), 460px 1505px var(--primary-color), 1135px 1880px var(--primary-color), 1155px 1367px var(--primary-color), 2395px 2302px var(--primary-color), 623px 2090px var(--primary-color), 554px 1461px var(--primary-color), 806px 800px var(--primary-color), 79px 702px var(--primary-color), 2526px 2110px var(--primary-color), 230px 910px var(--primary-color), 2137px 2067px var(--primary-color), 1986px 123px var(--primary-color), 1706px 2068px var(--primary-color), 2044px 258px var(--primary-color), 512px 75px var(--primary-color), 1616px 1858px var(--primary-color), 381px 251px var(--primary-color), 1367px 2364px var(--primary-color), 2157px 2413px var(--primary-color), 282px 2346px var(--primary-color), 178px 1130px var(--primary-color), 590px 1436px var(--primary-color), 905px 150px var(--primary-color), 2150px 1852px var(--primary-color), 828px 2153px var(--primary-color), 407px 1297px var(--primary-color), 2209px 1377px var(--primary-color), 677px 1074px var(--primary-color), 1119px 1801px var(--primary-color), 1746px 849px var(--primary-color), 138px 2033px var(--primary-color), 2016px 141px var(--primary-color), 2109px 601px var(--primary-color), 949px 243px var(--primary-color), 2401px 858px var(--primary-color), 1212px 1796px var(--primary-color), 700px 625px var(--primary-color), 2147px 1427px var(--primary-color), 2541px 148px var(--primary-color), 1360px 2063px var(--primary-color), 309px 1979px var(--primary-color), 1021px 1783px var(--primary-color), 1424px 1002px var(--primary-color), 577px 1820px var(--primary-color), 1667px 404px var(--primary-color), 373px 239px var(--primary-color), 489px 1501px var(--primary-color), 1913px 1492px var(--primary-color), 606px 2003px var(--primary-color), 1368px 1788px var(--primary-color), 236px 1951px var(--primary-color), 1252px 1251px var(--primary-color), 1725px 2070px var(--primary-color), 2031px 1480px var(--primary-color), 1597px 1439px var(--primary-color), 1202px 581px var(--primary-color), 1319px 1456px var(--primary-color), 1947px 2345px var(--primary-color), 716px 1396px var(--primary-color), 2203px 333px var(--primary-color), 1105px 208px var(--primary-color), 2387px 1554px var(--primary-color), 953px 1802px var(--primary-color), 479px 1387px var(--primary-color), 2427px 764px var(--primary-color), 1610px 1022px var(--primary-color), 2010px 2362px var(--primary-color), 1776px 2545px var(--primary-color), 1167px 1881px var(--primary-color), 1515px 1469px var(--primary-color), 2346px 992px var(--primary-color), 2089px 1524px var(--primary-color), 2389px 2002px var(--primary-color), 2372px 1869px var(--primary-color), 507px 476px var(--primary-color), 2549px 1039px var(--primary-color), 1840px 127px var(--primary-color), 474px 763px var(--primary-color), 1603px 2091px var(--primary-color), 259px 1645px var(--primary-color), 982px 2173px var(--primary-color), 1508px 2261px var(--primary-color), 518px 2267px var(--primary-color), 1662px 2247px var(--primary-color), 2130px 2216px var(--primary-color), 11px 1464px var(--primary-color), 1572px 1897px var(--primary-color), 220px 559px var(--primary-color), 1115px 525px var(--primary-color), 1272px 2273px var(--primary-color), 1568px 416px var(--primary-color), 1124px 41px var(--primary-color), 908px 1734px var(--primary-color), 825px 1622px var(--primary-color), 804px 1628px var(--primary-color), 1669px 531px var(--primary-color), 454px 162px var(--primary-color), 1272px 1527px var(--primary-color), 544px 458px var(--primary-color), 1240px 639px var(--primary-color), 692px 578px var(--primary-color), 1218px 1906px var(--primary-color), 764px 788px var(--primary-color), 1235px 2287px var(--primary-color), 1035px 1523px var(--primary-color), 1896px 1470px var(--primary-color), 1820px 2243px var(--primary-color), 727px 652px var(--primary-color), 2300px 868px var(--primary-color), 280px 858px var(--primary-color), 1001px 1276px var(--primary-color), 1492px 233px var(--primary-color), 2362px 589px var(--primary-color), 2080px 380px var(--primary-color), 652px 1808px var(--primary-color), 1055px 2348px var(--primary-color), 427px 526px var(--primary-color), 1406px 292px var(--primary-color), 397px 2397px var(--primary-color), 60px 1879px var(--primary-color), 233px 1797px var(--primary-color), 1743px 1443px var(--primary-color), 1616px 1608px var(--primary-color), 1295px 1964px var(--primary-color), 1769px 453px var(--primary-color), 1178px 611px var(--primary-color), 1796px 761px var(--primary-color), 1564px 704px var(--primary-color), 1498px 713px var(--primary-color), 1565px 2451px var(--primary-color), 1177px 2065px var(--primary-color), 2322px 2529px var(--primary-color), 300px 2505px var(--primary-color), 1418px 228px var(--primary-color), 1706px 732px var(--primary-color), 960px 1028px var(--primary-color), 1193px 2303px var(--primary-color), 2509px 1938px var(--primary-color), 1842px 48px var(--primary-color), 2202px 2424px var(--primary-color), 1655px 1575px var(--primary-color), 2530px 1433px var(--primary-color), 1666px 1484px var(--primary-color), 1137px 2177px var(--primary-color), 2388px 68px var(--primary-color), 1630px 395px var(--primary-color), 1270px 1222px var(--primary-color), 34px 2327px var(--primary-color), 894px 2206px var(--primary-color), 1059px 1454px var(--primary-color), 2193px 1580px var(--primary-color), 2152px 1817px var(--primary-color), 63px 206px var(--primary-color), 645px 217px var(--primary-color), 352px 597px var(--primary-color), 2003px 1665px var(--primary-color), 486px 2004px var(--primary-color), 1453px 1485px var(--primary-color), 729px 424px var(--primary-color), 1731px 738px var(--primary-color), 1512px 1598px var(--primary-color), 2494px 705px var(--primary-color), 125px 1449px var(--primary-color), 2132px 2258px var(--primary-color), 1371px 2119px var(--primary-color), 1622px 592px var(--primary-color), 734px 1262px var(--primary-color), 1717px 1789px var(--primary-color), 2366px 2089px var(--primary-color), 2522px 57px var(--primary-color), 665px 1970px var(--primary-color), 1830px 1488px var(--primary-color), 780px 324px var(--primary-color), 1918px 2056px var(--primary-color), 476px 245px var(--primary-color), 687px 330px var(--primary-color), 2000px 1371px var(--primary-color), 1699px 1776px var(--primary-color), 1662px 1791px var(--primary-color), 332px 97px var(--primary-color), 745px 2208px var(--primary-color), 1268px 841px var(--primary-color), 1805px 1246px var(--primary-color), 537px 2389px var(--primary-color), 1900px 409px var(--primary-color), 585px 2103px var(--primary-color), 1765px 1780px var(--primary-color), 1567px 565px var(--primary-color), 1743px 476px var(--primary-color), 179px 1953px var(--primary-color), 837px 1447px var(--primary-color), 1462px 662px var(--primary-color), 156px 1985px var(--primary-color), 329px 1072px var(--primary-color), 702px 763px var(--primary-color), 707px 674px var(--primary-color), 2506px 1694px var(--primary-color), 2408px 1629px var(--primary-color);
  animation : animParticle 60s linear infinite;
  height    : 1px;
  width     : 1px
}

.particle-1:after {
  box-shadow: 0px 0px var(--primary-color), 771px 2164px var(--primary-color), 1989px 784px var(--primary-color), 1521px 234px var(--primary-color), 1230px 870px var(--primary-color), 2105px 163px var(--primary-color), 1261px 1399px var(--primary-color), 199px 356px var(--primary-color), 1334px 2129px var(--primary-color), 1624px 802px var(--primary-color), 1149px 1296px var(--primary-color), 2379px 1452px var(--primary-color), 153px 1614px var(--primary-color), 2090px 179px var(--primary-color), 1342px 850px var(--primary-color), 1225px 2389px var(--primary-color), 2215px 1009px var(--primary-color), 1746px 796px var(--primary-color), 1287px 546px var(--primary-color), 2524px 424px var(--primary-color), 1143px 315px var(--primary-color), 305px 135px var(--primary-color), 893px 1354px var(--primary-color), 111px 1320px var(--primary-color), 2541px 2482px var(--primary-color), 13px 492px var(--primary-color), 728px 779px var(--primary-color), 2200px 1283px var(--primary-color), 1094px 2345px var(--primary-color), 252px 832px var(--primary-color), 623px 2032px var(--primary-color), 2310px 106px var(--primary-color), 1417px 1203px var(--primary-color), 1830px 1924px var(--primary-color), 1861px 1845px var(--primary-color), 1192px 894px var(--primary-color), 802px 2201px var(--primary-color), 1651px 771px var(--primary-color), 1444px 598px var(--primary-color), 599px 991px var(--primary-color), 1199px 1982px var(--primary-color), 1114px 2148px var(--primary-color), 553px 1950px var(--primary-color), 503px 593px var(--primary-color), 1415px 2455px var(--primary-color), 824px 854px var(--primary-color), 2307px 1227px var(--primary-color), 43px 2512px var(--primary-color), 1110px 406px var(--primary-color), 238px 2293px var(--primary-color), 1879px 24px var(--primary-color), 484px 174px var(--primary-color), 1588px 2392px var(--primary-color), 1952px 568px var(--primary-color), 782px 2400px var(--primary-color), 1274px 813px var(--primary-color), 1249px 86px var(--primary-color), 2140px 895px var(--primary-color), 729px 81px var(--primary-color), 2132px 1144px var(--primary-color), 1849px 1371px var(--primary-color), 2258px 2094px var(--primary-color), 176px 245px var(--primary-color), 803px 81px var(--primary-color), 1655px 1179px var(--primary-color), 263px 2016px var(--primary-color), 920px 819px var(--primary-color), 718px 2422px var(--primary-color), 1327px 1509px var(--primary-color), 1321px 197px var(--primary-color), 1499px 1912px var(--primary-color), 1416px 1678px var(--primary-color), 2037px 870px var(--primary-color), 624px 1096px var(--primary-color), 2286px 2022px var(--primary-color), 773px 82px var(--primary-color), 1799px 2243px var(--primary-color), 2302px 1533px var(--primary-color), 605px 2537px var(--primary-color), 1697px 2448px var(--primary-color), 2325px 1966px var(--primary-color), 489px 1674px var(--primary-color), 2361px 303px var(--primary-color), 2233px 1452px var(--primary-color), 639px 1001px var(--primary-color), 375px 2556px var(--primary-color), 294px 2487px var(--primary-color), 2247px 239px var(--primary-color), 1855px 315px var(--primary-color), 154px 2537px var(--primary-color), 1440px 2289px var(--primary-color), 1995px 875px var(--primary-color), 1115px 1416px var(--primary-color), 235px 1236px var(--primary-color), 1196px 1143px var(--primary-color), 2295px 1752px var(--primary-color), 879px 919px var(--primary-color), 1858px 1050px var(--primary-color), 2127px 515px var(--primary-color), 255px 10px var(--primary-color), 122px 1347px var(--primary-color), 2197px 1027px var(--primary-color), 2268px 1281px var(--primary-color), 2361px 1130px var(--primary-color), 440px 551px var(--primary-color), 2243px 364px var(--primary-color), 520px 872px var(--primary-color), 946px 2056px var(--primary-color), 2154px 184px var(--primary-color), 1652px 2084px var(--primary-color), 2464px 762px var(--primary-color), 1571px 1445px var(--primary-color), 1780px 1258px var(--primary-color), 393px 1857px var(--primary-color), 2143px 967px var(--primary-color), 763px 362px var(--primary-color), 1361px 2164px var(--primary-color), 1204px 1942px var(--primary-color), 1473px 324px var(--primary-color), 1680px 986px var(--primary-color), 2187px 2299px var(--primary-color), 1009px 1989px var(--primary-color), 1255px 486px var(--primary-color), 1894px 1407px var(--primary-color), 1422px 1234px var(--primary-color), 1410px 1877px var(--primary-color), 2126px 615px var(--primary-color), 1353px 459px var(--primary-color), 2442px 908px var(--primary-color), 1885px 1645px var(--primary-color), 1704px 2393px var(--primary-color), 1094px 825px var(--primary-color), 883px 522px var(--primary-color), 1386px 511px var(--primary-color), 2439px 73px var(--primary-color), 1595px 1909px var(--primary-color), 2526px 359px var(--primary-color), 981px 1508px var(--primary-color), 1404px 616px var(--primary-color), 601px 646px var(--primary-color), 2187px 385px var(--primary-color), 2241px 1560px var(--primary-color), 1254px 723px var(--primary-color), 55px 164px var(--primary-color), 586px 1685px var(--primary-color), 2515px 920px var(--primary-color), 1557px 1028px var(--primary-color), 1989px 1214px var(--primary-color), 2223px 3px var(--primary-color), 813px 1459px var(--primary-color), 1830px 1822px var(--primary-color), 1164px 840px var(--primary-color), 478px 2433px var(--primary-color), 1447px 101px var(--primary-color), 1358px 2054px var(--primary-color), 1804px 242px var(--primary-color), 1720px 731px var(--primary-color), 2422px 564px var(--primary-color), 740px 1771px var(--primary-color), 2205px 1568px var(--primary-color), 55px 1825px var(--primary-color), 988px 2090px var(--primary-color), 661px 351px var(--primary-color), 1222px 66px var(--primary-color), 1224px 1814px var(--primary-color), 2385px 513px var(--primary-color), 1474px 2132px var(--primary-color), 880px 121px var(--primary-color), 2508px 1734px var(--primary-color), 854px 1866px var(--primary-color), 1440px 1033px var(--primary-color), 1710px 1763px var(--primary-color), 1850px 2543px var(--primary-color), 1313px 561px var(--primary-color), 1848px 1526px var(--primary-color), 2457px 1356px var(--primary-color), 706px 898px var(--primary-color), 955px 1984px var(--primary-color), 2232px 2519px var(--primary-color), 2275px 2170px var(--primary-color), 98px 1341px var(--primary-color), 1105px 122px var(--primary-color), 2034px 703px var(--primary-color), 886px 1726px var(--primary-color), 2553px 2558px var(--primary-color), 650px 1428px var(--primary-color), 716px 2008px var(--primary-color), 2335px 950px var(--primary-color), 1325px 1243px var(--primary-color), 186px 2312px var(--primary-color), 2417px 2468px var(--primary-color), 2301px 284px var(--primary-color), 1502px 1647px var(--primary-color), 1852px 1377px var(--primary-color), 2191px 419px var(--primary-color), 1462px 830px var(--primary-color), 1058px 1132px var(--primary-color), 1077px 1136px var(--primary-color), 753px 1135px var(--primary-color), 326px 1948px var(--primary-color), 1161px 63px var(--primary-color), 1854px 2161px var(--primary-color), 1647px 2076px var(--primary-color), 2127px 303px var(--primary-color), 664px 351px var(--primary-color), 692px 1973px var(--primary-color), 220px 1490px var(--primary-color), 557px 21px var(--primary-color), 1939px 1013px var(--primary-color), 695px 318px var(--primary-color), 1882px 249px var(--primary-color), 337px 794px var(--primary-color), 1847px 1148px var(--primary-color), 862px 1251px var(--primary-color), 2425px 1184px var(--primary-color), 2425px 2310px var(--primary-color), 12px 166px var(--primary-color), 1824px 207px var(--primary-color), 690px 6px var(--primary-color), 574px 1357px var(--primary-color), 499px 2468px var(--primary-color), 60px 1654px var(--primary-color), 2109px 2021px var(--primary-color), 1880px 97px var(--primary-color), 1339px 1696px var(--primary-color), 2322px 869px var(--primary-color), 794px 583px var(--primary-color), 983px 1492px var(--primary-color), 753px 723px var(--primary-color), 1968px 122px var(--primary-color), 1095px 2100px var(--primary-color), 830px 1734px var(--primary-color), 1227px 40px var(--primary-color), 2181px 2093px var(--primary-color), 1029px 156px var(--primary-color), 1147px 91px var(--primary-color), 2494px 1076px var(--primary-color), 1184px 232px var(--primary-color), 2056px 1435px var(--primary-color), 476px 1167px var(--primary-color), 799px 1606px var(--primary-color), 2265px 912px var(--primary-color), 1622px 1285px var(--primary-color), 317px 1789px var(--primary-color), 1369px 845px var(--primary-color), 1486px 517px var(--primary-color), 1553px 748px var(--primary-color), 760px 2111px var(--primary-color), 162px 634px var(--primary-color), 1246px 109px var(--primary-color), 1723px 1698px var(--primary-color), 2400px 733px var(--primary-color), 209px 290px var(--primary-color), 1040px 2067px var(--primary-color), 1692px 2490px var(--primary-color), 797px 2164px var(--primary-color), 1323px 216px var(--primary-color), 1177px 842px var(--primary-color), 1845px 534px var(--primary-color), 1905px 1017px var(--primary-color), 352px 721px var(--primary-color), 2341px 1408px var(--primary-color), 1676px 2009px var(--primary-color), 2207px 1465px var(--primary-color), 480px 2315px var(--primary-color), 2423px 930px var(--primary-color), 1840px 899px var(--primary-color), 1204px 1748px var(--primary-color), 1798px 179px var(--primary-color), 1707px 1059px var(--primary-color), 1549px 324px var(--primary-color), 858px 1979px var(--primary-color), 107px 939px var(--primary-color), 42px 1757px var(--primary-color), 659px 1228px var(--primary-color), 13px 1465px var(--primary-color), 596px 75px var(--primary-color), 1035px 1330px var(--primary-color), 845px 1542px var(--primary-color), 167px 1949px var(--primary-color), 2154px 391px var(--primary-color), 687px 1916px var(--primary-color), 2129px 520px var(--primary-color), 1530px 1860px var(--primary-color), 722px 2500px var(--primary-color), 48px 560px var(--primary-color), 1646px 1789px var(--primary-color), 1403px 1608px var(--primary-color), 598px 714px var(--primary-color), 1127px 1952px var(--primary-color), 635px 1657px var(--primary-color), 75px 782px var(--primary-color), 2320px 2201px var(--primary-color), 1276px 2385px var(--primary-color), 676px 1914px var(--primary-color), 909px 1784px var(--primary-color), 1911px 345px var(--primary-color), 1585px 1346px var(--primary-color), 673px 177px var(--primary-color), 507px 649px var(--primary-color), 1157px 1371px var(--primary-color), 245px 727px var(--primary-color), 2365px 1200px var(--primary-color), 1986px 1200px var(--primary-color), 1857px 2378px var(--primary-color), 20px 58px var(--primary-color), 1164px 841px var(--primary-color), 1109px 1157px var(--primary-color), 1799px 394px var(--primary-color), 2027px 455px var(--primary-color), 2118px 1759px var(--primary-color), 2244px 342px var(--primary-color), 185px 1913px var(--primary-color), 712px 2419px var(--primary-color), 1719px 930px var(--primary-color), 2151px 643px var(--primary-color), 1409px 957px var(--primary-color), 1329px 1165px var(--primary-color), 1684px 1853px var(--primary-color), 1398px 2351px var(--primary-color), 2459px 2202px var(--primary-color), 109px 494px var(--primary-color), 1682px 1813px var(--primary-color), 2554px 2389px var(--primary-color), 1306px 2466px var(--primary-color), 1571px 702px var(--primary-color), 1380px 422px var(--primary-color), 2030px 137px var(--primary-color), 1277px 2175px var(--primary-color), 2400px 958px var(--primary-color), 2542px 1061px var(--primary-color), 2290px 2214px var(--primary-color), 2363px 1643px var(--primary-color), 2458px 400px var(--primary-color), 2241px 630px var(--primary-color), 1908px 1737px var(--primary-color), 2147px 928px var(--primary-color), 2121px 356px var(--primary-color), 1836px 105px var(--primary-color), 993px 1508px var(--primary-color), 185px 1402px var(--primary-color), 2105px 2487px var(--primary-color), 1911px 877px var(--primary-color), 66px 126px var(--primary-color), 1477px 1171px var(--primary-color), 24px 2523px var(--primary-color), 1537px 702px var(--primary-color), 147px 1450px var(--primary-color), 1805px 889px var(--primary-color), 322px 370px var(--primary-color), 1132px 1402px var(--primary-color), 606px 1820px var(--primary-color), 2448px 1510px var(--primary-color), 832px 2306px var(--primary-color), 2452px 158px var(--primary-color), 832px 2116px var(--primary-color), 2254px 2159px var(--primary-color), 1567px 1706px var(--primary-color), 157px 288px var(--primary-color), 1577px 2164px var(--primary-color), 2121px 2460px var(--primary-color), 1575px 1118px var(--primary-color), 1494px 1886px var(--primary-color), 2073px 2168px var(--primary-color), 849px 1355px var(--primary-color), 1223px 2339px var(--primary-color), 2110px 422px var(--primary-color), 1816px 1882px var(--primary-color), 6px 1780px var(--primary-color), 1929px 1979px var(--primary-color), 984px 1547px var(--primary-color), 2067px 2124px var(--primary-color), 515px 834px var(--primary-color), 1935px 2557px var(--primary-color), 2142px 620px var(--primary-color), 2236px 2118px var(--primary-color), 528px 2504px var(--primary-color), 1603px 746px var(--primary-color), 404px 956px var(--primary-color), 1938px 1354px var(--primary-color), 781px 251px var(--primary-color), 2105px 929px var(--primary-color), 787px 941px var(--primary-color), 170px 1081px var(--primary-color), 2px 975px var(--primary-color), 1215px 1837px var(--primary-color), 623px 89px var(--primary-color), 1252px 1068px var(--primary-color), 2547px 1920px var(--primary-color), 867px 1439px var(--primary-color), 2212px 31px var(--primary-color), 256px 2361px var(--primary-color), 1453px 1162px var(--primary-color), 1864px 2010px var(--primary-color), 2527px 1828px var(--primary-color), 1081px 1289px var(--primary-color), 2030px 2056px var(--primary-color), 1379px 429px var(--primary-color), 1016px 2209px var(--primary-color), 1470px 2091px var(--primary-color), 1140px 1925px var(--primary-color), 1451px 555px var(--primary-color), 697px 1396px var(--primary-color), 2500px 1895px var(--primary-color), 1223px 815px var(--primary-color), 421px 58px var(--primary-color), 1252px 702px var(--primary-color), 2369px 1801px var(--primary-color), 1934px 2414px var(--primary-color), 1331px 1573px var(--primary-color), 2009px 96px var(--primary-color), 1433px 2307px var(--primary-color), 1021px 1919px var(--primary-color), 83px 2541px var(--primary-color), 1980px 2155px var(--primary-color), 409px 269px var(--primary-color), 630px 693px var(--primary-color), 1712px 1700px var(--primary-color), 2275px 2407px var(--primary-color), 1289px 1039px var(--primary-color), 1076px 538px var(--primary-color), 1540px 1925px var(--primary-color), 873px 2011px var(--primary-color), 1998px 15px var(--primary-color), 417px 2121px var(--primary-color), 62px 1645px var(--primary-color), 91px 743px var(--primary-color), 126px 1477px var(--primary-color), 1354px 1544px var(--primary-color), 191px 131px var(--primary-color), 2209px 982px var(--primary-color), 1826px 1431px var(--primary-color), 1641px 1765px var(--primary-color), 496px 1396px var(--primary-color), 1878px 1514px var(--primary-color), 1349px 659px var(--primary-color), 1555px 1208px var(--primary-color), 1656px 580px var(--primary-color), 1725px 288px var(--primary-color), 237px 1745px var(--primary-color), 1683px 2386px var(--primary-color), 2365px 288px var(--primary-color), 2112px 2270px var(--primary-color), 1247px 403px var(--primary-color), 1633px 2370px var(--primary-color), 1179px 2182px var(--primary-color), 1377px 1334px var(--primary-color), 1267px 675px var(--primary-color), 1941px 70px var(--primary-color), 187px 1290px var(--primary-color), 368px 380px var(--primary-color), 1483px 2464px var(--primary-color), 24px 56px var(--primary-color), 1979px 1482px var(--primary-color), 2233px 623px var(--primary-color), 1782px 2507px var(--primary-color), 1503px 1222px var(--primary-color), 2367px 343px var(--primary-color), 2273px 2363px var(--primary-color), 1888px 1969px var(--primary-color), 1301px 1333px var(--primary-color), 559px 978px var(--primary-color), 94px 117px var(--primary-color), 1442px 43px var(--primary-color), 1994px 1625px var(--primary-color), 1321px 770px var(--primary-color), 1859px 2362px var(--primary-color), 2160px 1092px var(--primary-color), 1075px 447px var(--primary-color), 901px 1461px var(--primary-color), 1270px 2227px var(--primary-color), 605px 317px var(--primary-color), 428px 316px var(--primary-color), 2370px 2469px var(--primary-color), 699px 2114px var(--primary-color), 1407px 1513px var(--primary-color), 737px 2075px var(--primary-color), 1696px 567px var(--primary-color), 1361px 812px var(--primary-color), 1494px 822px var(--primary-color), 531px 571px var(--primary-color), 1555px 313px var(--primary-color), 1086px 2457px var(--primary-color), 2119px 2033px var(--primary-color), 475px 2331px var(--primary-color), 1200px 1933px var(--primary-color), 975px 2218px var(--primary-color), 2423px 351px var(--primary-color), 862px 1446px var(--primary-color), 2381px 2172px var(--primary-color), 2088px 1447px var(--primary-color), 1846px 912px var(--primary-color), 1918px 285px var(--primary-color), 985px 658px var(--primary-color), 1275px 2455px var(--primary-color), 983px 1526px var(--primary-color), 2546px 2120px var(--primary-color), 944px 355px var(--primary-color), 121px 2047px var(--primary-color), 1904px 1718px var(--primary-color), 2551px 487px var(--primary-color), 2031px 400px var(--primary-color), 868px 373px var(--primary-color), 1574px 806px var(--primary-color), 893px 1769px var(--primary-color), 1262px 199px var(--primary-color), 1812px 1052px var(--primary-color), 156px 1138px var(--primary-color), 908px 2388px var(--primary-color), 2179px 1404px var(--primary-color), 1826px 1323px var(--primary-color), 1106px 556px var(--primary-color), 1604px 827px var(--primary-color), 921px 1166px var(--primary-color), 2434px 1116px var(--primary-color), 1331px 1352px var(--primary-color), 1843px 66px var(--primary-color), 2365px 1340px var(--primary-color), 1178px 855px var(--primary-color), 898px 1476px var(--primary-color), 1116px 2238px var(--primary-color), 356px 2011px var(--primary-color), 1136px 580px var(--primary-color), 2109px 1147px var(--primary-color), 544px 2198px var(--primary-color), 699px 623px var(--primary-color), 1428px 1071px var(--primary-color), 2555px 1089px var(--primary-color), 263px 1616px var(--primary-color), 1256px 1260px var(--primary-color), 2357px 2400px var(--primary-color), 262px 1217px var(--primary-color), 255px 220px var(--primary-color), 1329px 1259px var(--primary-color), 1082px 2149px var(--primary-color), 173px 372px var(--primary-color), 309px 1111px var(--primary-color), 1395px 668px var(--primary-color), 840px 1615px var(--primary-color), 1362px 707px var(--primary-color), 2035px 176px var(--primary-color), 953px 1001px var(--primary-color), 205px 613px var(--primary-color), 2489px 2338px var(--primary-color), 1039px 2303px var(--primary-color), 541px 1704px var(--primary-color), 2164px 387px var(--primary-color), 1135px 2240px var(--primary-color), 2058px 1221px var(--primary-color), 699px 774px var(--primary-color), 104px 753px var(--primary-color), 1589px 1256px var(--primary-color), 1769px 1454px var(--primary-color), 2013px 1606px var(--primary-color), 1699px 2333px var(--primary-color), 1153px 1095px var(--primary-color), 543px 731px var(--primary-color), 1805px 498px var(--primary-color), 743px 604px var(--primary-color), 2226px 1616px var(--primary-color), 1233px 2352px var(--primary-color), 1901px 1951px var(--primary-color), 1647px 957px var(--primary-color), 2370px 1963px var(--primary-color), 1484px 2404px var(--primary-color), 756px 2270px var(--primary-color), 2080px 1446px var(--primary-color), 238px 1542px var(--primary-color), 204px 213px var(--primary-color), 1343px 1189px var(--primary-color), 1054px 212px var(--primary-color), 1982px 518px var(--primary-color), 630px 1004px var(--primary-color), 2256px 1815px var(--primary-color), 944px 1314px var(--primary-color), 295px 814px var(--primary-color), 1741px 1246px var(--primary-color), 1698px 820px var(--primary-color), 1541px 2394px var(--primary-color), 1726px 1023px var(--primary-color), 2057px 1759px var(--primary-color), 1474px 938px var(--primary-color), 755px 487px var(--primary-color), 435px 1173px var(--primary-color), 1418px 1860px var(--primary-color), 2140px 1862px var(--primary-color), 241px 1668px var(--primary-color), 159px 1675px var(--primary-color), 1519px 1895px var(--primary-color), 1544px 2419px var(--primary-color), 2084px 613px var(--primary-color), 1651px 1635px var(--primary-color), 920px 511px var(--primary-color), 2478px 2132px var(--primary-color), 551px 124px var(--primary-color), 1096px 1027px var(--primary-color), 1594px 490px var(--primary-color), 2189px 1885px var(--primary-color), 2487px 2237px var(--primary-color), 1799px 744px var(--primary-color), 2249px 157px var(--primary-color);
  height    : 1px;
  width     : 1px
}

.particle-2 {
  box-shadow: 0px 0px var(--primary-color), 64px 762px var(--primary-color), 895px 1284px var(--primary-color), 207px 550px var(--primary-color), 691px 871px var(--primary-color), 718px 950px var(--primary-color), 1259px 237px var(--primary-color), 1200px 1684px var(--primary-color), 1410px 1339px var(--primary-color), 686px 218px var(--primary-color), 2367px 2px var(--primary-color), 1635px 1765px var(--primary-color), 2163px 2126px var(--primary-color), 1063px 2113px var(--primary-color), 1233px 1708px var(--primary-color), 353px 1112px var(--primary-color), 1559px 1522px var(--primary-color), 2282px 923px var(--primary-color), 2258px 2058px var(--primary-color), 1016px 642px var(--primary-color), 672px 1513px var(--primary-color), 353px 882px var(--primary-color), 742px 319px var(--primary-color), 1512px 1021px var(--primary-color), 1536px 935px var(--primary-color), 593px 664px var(--primary-color), 1769px 461px var(--primary-color), 1378px 2140px var(--primary-color), 2501px 548px var(--primary-color), 873px 1852px var(--primary-color), 1182px 1165px var(--primary-color), 2067px 1118px var(--primary-color), 2326px 331px var(--primary-color), 481px 2535px var(--primary-color), 2008px 313px var(--primary-color), 2507px 428px var(--primary-color), 285px 2533px var(--primary-color), 939px 1250px var(--primary-color), 114px 1560px var(--primary-color), 900px 1719px var(--primary-color), 1504px 520px var(--primary-color), 2336px 1302px var(--primary-color), 1443px 2114px var(--primary-color), 1609px 522px var(--primary-color), 2321px 2436px var(--primary-color), 265px 2336px var(--primary-color), 2482px 1483px var(--primary-color), 636px 1459px var(--primary-color), 1639px 536px var(--primary-color), 1702px 1143px var(--primary-color), 1816px 2551px var(--primary-color), 549px 1780px var(--primary-color), 2053px 1001px var(--primary-color), 1445px 1934px var(--primary-color), 2535px 1885px var(--primary-color), 2339px 2423px var(--primary-color), 2477px 2202px var(--primary-color), 1101px 1481px var(--primary-color), 883px 641px var(--primary-color), 1501px 1798px var(--primary-color), 1212px 426px var(--primary-color), 1901px 44px var(--primary-color), 216px 1541px var(--primary-color), 1008px 1955px var(--primary-color), 133px 2221px var(--primary-color), 1098px 330px var(--primary-color), 2120px 722px var(--primary-color), 906px 651px var(--primary-color), 1700px 1175px var(--primary-color), 307px 1435px var(--primary-color), 949px 386px var(--primary-color), 2138px 35px var(--primary-color), 871px 315px var(--primary-color), 2249px 1722px var(--primary-color), 900px 237px var(--primary-color), 100px 1727px var(--primary-color), 1078px 1581px var(--primary-color), 1768px 1547px var(--primary-color), 1973px 1750px var(--primary-color), 1892px 2095px var(--primary-color), 1719px 1441px var(--primary-color), 614px 1232px var(--primary-color), 2282px 2305px var(--primary-color), 2188px 2061px var(--primary-color), 1916px 711px var(--primary-color), 2185px 2527px var(--primary-color), 1766px 2414px var(--primary-color), 1870px 1046px var(--primary-color), 2339px 1386px var(--primary-color), 2083px 345px var(--primary-color), 107px 2038px var(--primary-color), 1213px 755px var(--primary-color), 1783px 1062px var(--primary-color), 1143px 2216px var(--primary-color), 327px 1743px var(--primary-color), 1905px 2556px var(--primary-color), 6px 1872px var(--primary-color), 290px 403px var(--primary-color), 2322px 443px var(--primary-color), 1075px 600px var(--primary-color), 850px 1480px var(--primary-color), 1337px 2314px var(--primary-color), 2017px 1890px var(--primary-color), 736px 1806px var(--primary-color), 274px 1658px var(--primary-color), 1188px 1481px var(--primary-color), 99px 1089px var(--primary-color), 2270px 1200px var(--primary-color), 151px 200px var(--primary-color), 1191px 2277px var(--primary-color), 359px 293px var(--primary-color), 1698px 1295px var(--primary-color), 1733px 820px var(--primary-color), 473px 1220px var(--primary-color), 2477px 886px var(--primary-color), 2216px 738px var(--primary-color), 946px 938px var(--primary-color), 2284px 1751px var(--primary-color), 1079px 394px var(--primary-color), 1040px 1546px var(--primary-color), 1933px 2256px var(--primary-color), 2064px 1879px var(--primary-color), 197px 269px var(--primary-color), 374px 1934px var(--primary-color), 247px 171px var(--primary-color), 1189px 2221px var(--primary-color), 875px 1707px var(--primary-color), 1615px 1850px var(--primary-color), 2482px 2413px var(--primary-color), 776px 2121px var(--primary-color), 172px 453px var(--primary-color), 1740px 1646px var(--primary-color), 713px 896px var(--primary-color), 986px 2488px var(--primary-color), 2004px 117px var(--primary-color), 2036px 2311px var(--primary-color), 2223px 679px var(--primary-color), 567px 1619px var(--primary-color), 507px 1169px var(--primary-color), 133px 1254px var(--primary-color), 2032px 1725px var(--primary-color), 1345px 176px var(--primary-color), 2049px 567px var(--primary-color), 217px 2290px var(--primary-color), 1039px 686px var(--primary-color), 776px 2079px var(--primary-color), 1694px 1920px var(--primary-color), 510px 684px var(--primary-color), 1748px 931px var(--primary-color), 684px 2212px var(--primary-color), 2280px 341px var(--primary-color), 2096px 2403px var(--primary-color), 1707px 652px var(--primary-color), 694px 1391px var(--primary-color), 245px 268px var(--primary-color), 942px 2192px var(--primary-color), 1028px 1582px var(--primary-color), 912px 1770px var(--primary-color), 177px 1499px var(--primary-color), 1560px 2217px var(--primary-color), 2271px 2319px var(--primary-color), 1335px 620px var(--primary-color), 2311px 251px var(--primary-color), 854px 2405px var(--primary-color), 2217px 1375px var(--primary-color), 1426px 2328px var(--primary-color), 1108px 1611px var(--primary-color), 393px 959px var(--primary-color), 2429px 1395px var(--primary-color), 1292px 582px var(--primary-color), 2478px 749px var(--primary-color), 1751px 2461px var(--primary-color), 787px 1187px var(--primary-color), 2161px 691px var(--primary-color), 6px 2553px var(--primary-color), 37px 2160px var(--primary-color), 1190px 2141px var(--primary-color), 303px 1747px var(--primary-color), 677px 1948px var(--primary-color), 371px 934px var(--primary-color), 2330px 766px var(--primary-color), 846px 2226px var(--primary-color), 2202px 2341px var(--primary-color), 2014px 1854px var(--primary-color), 9px 1165px var(--primary-color), 2090px 563px var(--primary-color), 1760px 599px var(--primary-color), 246px 1278px var(--primary-color), 304px 230px var(--primary-color), 2081px 231px var(--primary-color), 414px 1268px var(--primary-color), 137px 2329px var(--primary-color), 351px 427px var(--primary-color), 742px 1319px var(--primary-color), 2280px 847px var(--primary-color), 1429px 73px var(--primary-color), 2454px 1857px var(--primary-color), 344px 2452px var(--primary-color), 2502px 2292px var(--primary-color), 2336px 1763px var(--primary-color), 673px 1314px var(--primary-color);
  animation : animParticle 120s linear infinite;
  height    : 2px;
  width     : 2px
}

.particle-2:after {
  box-shadow: 0px 0px var(--primary-color), 1422px 1624px var(--primary-color), 1868px 2270px var(--primary-color), 637px 1368px var(--primary-color), 981px 427px var(--primary-color), 1882px 719px var(--primary-color), 2147px 292px var(--primary-color), 1822px 391px var(--primary-color), 1983px 1490px var(--primary-color), 334px 1464px var(--primary-color), 1729px 1227px var(--primary-color), 487px 509px var(--primary-color), 2495px 634px var(--primary-color), 1286px 2296px var(--primary-color), 1784px 222px var(--primary-color), 2491px 1552px var(--primary-color), 1096px 1352px var(--primary-color), 2538px 1835px var(--primary-color), 1106px 2172px var(--primary-color), 2123px 1777px var(--primary-color), 2499px 817px var(--primary-color), 1303px 1285px var(--primary-color), 1610px 2052px var(--primary-color), 36px 1744px var(--primary-color), 365px 92px var(--primary-color), 2251px 1411px var(--primary-color), 1849px 2120px var(--primary-color), 2093px 283px var(--primary-color), 1575px 1869px var(--primary-color), 993px 1312px var(--primary-color), 2173px 408px var(--primary-color), 390px 2263px var(--primary-color), 895px 1750px var(--primary-color), 2466px 1177px var(--primary-color), 1478px 1677px var(--primary-color), 435px 1704px var(--primary-color), 1696px 2193px var(--primary-color), 893px 395px var(--primary-color), 2424px 2143px var(--primary-color), 1539px 1498px var(--primary-color), 190px 956px var(--primary-color), 1793px 667px var(--primary-color), 2378px 1633px var(--primary-color), 394px 684px var(--primary-color), 1012px 1076px var(--primary-color), 2058px 288px var(--primary-color), 1796px 486px var(--primary-color), 1512px 1097px var(--primary-color), 1483px 2392px var(--primary-color), 310px 2233px var(--primary-color), 2377px 544px var(--primary-color), 1108px 1570px var(--primary-color), 872px 680px var(--primary-color), 2314px 520px var(--primary-color), 471px 824px var(--primary-color), 153px 1451px var(--primary-color), 720px 1905px var(--primary-color), 1819px 1711px var(--primary-color), 1775px 2038px var(--primary-color), 1066px 1737px var(--primary-color), 1848px 1807px var(--primary-color), 2505px 1178px var(--primary-color), 1128px 2110px var(--primary-color), 1523px 889px var(--primary-color), 2131px 936px var(--primary-color), 376px 2513px var(--primary-color), 459px 1857px var(--primary-color), 1438px 1658px var(--primary-color), 2312px 593px var(--primary-color), 1736px 981px var(--primary-color), 420px 746px var(--primary-color), 2392px 542px var(--primary-color), 103px 671px var(--primary-color), 2203px 2470px var(--primary-color), 1367px 2205px var(--primary-color), 2329px 1759px var(--primary-color), 810px 470px var(--primary-color), 1825px 2360px var(--primary-color), 2269px 2471px var(--primary-color), 1794px 2285px var(--primary-color), 1018px 2263px var(--primary-color), 29px 1058px var(--primary-color), 743px 1974px var(--primary-color), 973px 2234px var(--primary-color), 838px 110px var(--primary-color), 1520px 130px var(--primary-color), 2117px 1956px var(--primary-color), 649px 132px var(--primary-color), 2558px 1511px var(--primary-color), 1244px 154px var(--primary-color), 2173px 2552px var(--primary-color), 1916px 890px var(--primary-color), 979px 272px var(--primary-color), 634px 815px var(--primary-color), 260px 885px var(--primary-color), 1990px 246px var(--primary-color), 1691px 2496px var(--primary-color), 1970px 1431px var(--primary-color), 2467px 2536px var(--primary-color), 1835px 2493px var(--primary-color), 1711px 255px var(--primary-color), 2385px 1961px var(--primary-color), 2340px 2369px var(--primary-color), 1599px 2378px var(--primary-color), 1099px 624px var(--primary-color), 1884px 545px var(--primary-color), 164px 865px var(--primary-color), 1411px 1996px var(--primary-color), 289px 1381px var(--primary-color), 2455px 2470px var(--primary-color), 2344px 334px var(--primary-color), 2236px 1328px var(--primary-color), 2308px 358px var(--primary-color), 364px 617px var(--primary-color), 2118px 323px var(--primary-color), 1132px 1865px var(--primary-color), 1913px 343px var(--primary-color), 7px 52px var(--primary-color), 1798px 1618px var(--primary-color), 2289px 549px var(--primary-color), 472px 1577px var(--primary-color), 810px 346px var(--primary-color), 1803px 482px var(--primary-color), 267px 2504px var(--primary-color), 1772px 2238px var(--primary-color), 88px 403px var(--primary-color), 160px 2215px var(--primary-color), 600px 1349px var(--primary-color), 2500px 1848px var(--primary-color), 1080px 106px var(--primary-color), 909px 1535px var(--primary-color), 960px 1593px var(--primary-color), 1359px 1419px var(--primary-color), 1694px 1732px var(--primary-color), 1131px 264px var(--primary-color), 981px 2172px var(--primary-color), 676px 1844px var(--primary-color), 606px 1954px var(--primary-color), 2082px 2146px var(--primary-color), 606px 1950px var(--primary-color), 1941px 2128px var(--primary-color), 2025px 1169px var(--primary-color), 213px 1476px var(--primary-color), 1562px 1551px var(--primary-color), 2123px 483px var(--primary-color), 1990px 2299px var(--primary-color), 1201px 659px var(--primary-color), 1778px 364px var(--primary-color), 678px 1143px var(--primary-color), 1079px 2085px var(--primary-color), 1079px 112px var(--primary-color), 297px 2189px var(--primary-color), 2044px 150px var(--primary-color), 762px 1594px var(--primary-color), 1474px 1223px var(--primary-color), 617px 425px var(--primary-color), 2198px 36px var(--primary-color), 26px 238px var(--primary-color), 1334px 1150px var(--primary-color), 624px 1970px var(--primary-color), 582px 1246px var(--primary-color), 1137px 1780px var(--primary-color), 2417px 34px var(--primary-color), 641px 2206px var(--primary-color), 657px 659px var(--primary-color), 1566px 1140px var(--primary-color), 552px 142px var(--primary-color), 161px 2195px var(--primary-color), 2138px 1524px var(--primary-color), 371px 1078px var(--primary-color), 1365px 282px var(--primary-color), 49px 650px var(--primary-color), 2391px 72px var(--primary-color), 1401px 2177px var(--primary-color), 1700px 602px var(--primary-color), 2399px 1155px var(--primary-color), 1041px 1629px var(--primary-color), 1354px 763px var(--primary-color), 915px 836px var(--primary-color), 1053px 1634px var(--primary-color), 76px 993px var(--primary-color), 578px 84px var(--primary-color), 82px 263px var(--primary-color), 1557px 411px var(--primary-color), 1182px 936px var(--primary-color), 828px 2452px var(--primary-color), 2122px 472px var(--primary-color), 993px 1914px var(--primary-color), 1593px 506px var(--primary-color), 1327px 2537px var(--primary-color), 576px 1311px var(--primary-color), 735px 683px var(--primary-color), 217px 2452px var(--primary-color), 1021px 30px var(--primary-color), 769px 2284px var(--primary-color), 2122px 2206px var(--primary-color), 715px 453px var(--primary-color), 1416px 1566px var(--primary-color), 1293px 1228px var(--primary-color), 252px 2335px var(--primary-color), 404px 2035px var(--primary-color);
  height    : 2px;
  width     : 2px
}

.particle-3 {
  box-shadow: 0px 0px var(--primary-color), 1954px 1840px var(--primary-color), 1469px 1433px var(--primary-color), 1469px 1695px var(--primary-color), 1688px 378px var(--primary-color), 332px 2301px var(--primary-color), 58px 1216px var(--primary-color), 288px 1290px var(--primary-color), 2421px 588px var(--primary-color), 1356px 1466px var(--primary-color), 2254px 2536px var(--primary-color), 128px 1209px var(--primary-color), 721px 1964px var(--primary-color), 1726px 860px var(--primary-color), 75px 1656px var(--primary-color), 2227px 1035px var(--primary-color), 405px 356px var(--primary-color), 1075px 1108px var(--primary-color), 762px 1269px var(--primary-color), 996px 2348px var(--primary-color), 1017px 686px var(--primary-color), 1545px 2348px var(--primary-color), 550px 2418px var(--primary-color), 1917px 835px var(--primary-color), 416px 1132px var(--primary-color), 2303px 2157px var(--primary-color), 1383px 1256px var(--primary-color), 256px 985px var(--primary-color), 3px 1998px var(--primary-color), 18px 1447px var(--primary-color), 885px 582px var(--primary-color), 2350px 1809px var(--primary-color), 2052px 35px var(--primary-color), 479px 1735px var(--primary-color), 451px 2100px var(--primary-color), 2165px 2266px var(--primary-color), 687px 639px var(--primary-color), 91px 2530px var(--primary-color), 2250px 767px var(--primary-color), 2472px 768px var(--primary-color), 189px 1305px var(--primary-color), 2267px 193px var(--primary-color), 873px 1016px var(--primary-color), 1543px 357px var(--primary-color), 800px 1607px var(--primary-color), 1012px 1068px var(--primary-color), 314px 2534px var(--primary-color), 759px 2207px var(--primary-color), 804px 738px var(--primary-color), 1986px 215px var(--primary-color), 1422px 2502px var(--primary-color), 800px 420px var(--primary-color), 673px 1727px var(--primary-color), 938px 1899px var(--primary-color), 1517px 681px var(--primary-color), 1114px 642px var(--primary-color), 861px 894px var(--primary-color), 2086px 297px var(--primary-color), 2498px 2505px var(--primary-color), 1526px 1952px var(--primary-color), 2170px 68px var(--primary-color), 464px 124px var(--primary-color), 508px 2029px var(--primary-color), 334px 1358px var(--primary-color), 1137px 2494px var(--primary-color), 245px 1798px var(--primary-color), 2363px 1291px var(--primary-color), 279px 987px var(--primary-color), 590px 2255px var(--primary-color), 1348px 1597px var(--primary-color), 1685px 2249px var(--primary-color), 30px 2198px var(--primary-color), 391px 669px var(--primary-color), 557px 1679px var(--primary-color), 263px 1945px var(--primary-color), 1204px 15px var(--primary-color), 330px 1793px var(--primary-color), 166px 455px var(--primary-color), 1094px 2024px var(--primary-color), 438px 581px var(--primary-color), 661px 1927px var(--primary-color), 2376px 256px var(--primary-color), 895px 298px var(--primary-color), 1657px 2505px var(--primary-color), 139px 1287px var(--primary-color), 1440px 920px var(--primary-color), 1828px 199px var(--primary-color), 591px 2332px var(--primary-color), 1218px 2401px var(--primary-color), 635px 1836px var(--primary-color), 1634px 223px var(--primary-color), 549px 2172px var(--primary-color), 102px 2529px var(--primary-color), 2556px 1520px var(--primary-color), 41px 1555px var(--primary-color), 1314px 1986px var(--primary-color), 717px 1914px var(--primary-color), 409px 2553px var(--primary-color), 910px 192px var(--primary-color), 2058px 1481px var(--primary-color), 2193px 828px var(--primary-color);
  animation : animParticle 180s linear infinite;
  height    : 3px;
  width     : 3px
}

.particle-3:after {
  box-shadow: 0px 0px var(--primary-color), 2485px 1042px var(--primary-color), 2050px 1760px var(--primary-color), 672px 858px var(--primary-color), 2552px 2088px var(--primary-color), 939px 2532px var(--primary-color), 17px 618px var(--primary-color), 2115px 1049px var(--primary-color), 966px 1266px var(--primary-color), 2550px 1296px var(--primary-color), 2140px 12px var(--primary-color), 1939px 1134px var(--primary-color), 329px 1934px var(--primary-color), 1349px 1739px var(--primary-color), 1956px 1436px var(--primary-color), 509px 292px var(--primary-color), 2271px 888px var(--primary-color), 5px 225px var(--primary-color), 2032px 1358px var(--primary-color), 1368px 485px var(--primary-color), 1106px 360px var(--primary-color), 853px 2280px var(--primary-color), 2323px 617px var(--primary-color), 1992px 729px var(--primary-color), 1983px 1620px var(--primary-color), 2341px 521px var(--primary-color), 1421px 1981px var(--primary-color), 2460px 1896px var(--primary-color), 2494px 1283px var(--primary-color), 512px 913px var(--primary-color), 751px 287px var(--primary-color), 1231px 1483px var(--primary-color), 2267px 616px var(--primary-color), 1583px 1520px var(--primary-color), 1740px 1498px var(--primary-color), 835px 343px var(--primary-color), 1146px 1578px var(--primary-color), 1324px 2250px var(--primary-color), 857px 1159px var(--primary-color), 1454px 1363px var(--primary-color), 2538px 1204px var(--primary-color), 1424px 2241px var(--primary-color), 2403px 1044px var(--primary-color), 2257px 1744px var(--primary-color), 1283px 2205px var(--primary-color), 440px 697px var(--primary-color), 844px 1763px var(--primary-color), 2414px 391px var(--primary-color), 2306px 1786px var(--primary-color), 2300px 2551px var(--primary-color), 2277px 1342px var(--primary-color), 410px 1657px var(--primary-color), 1817px 973px var(--primary-color), 202px 2210px var(--primary-color), 1025px 2012px var(--primary-color), 991px 1260px var(--primary-color), 938px 1140px var(--primary-color), 1801px 1317px var(--primary-color), 140px 762px var(--primary-color), 320px 2304px var(--primary-color), 2163px 2121px var(--primary-color), 332px 1752px var(--primary-color), 1710px 280px var(--primary-color), 1147px 1494px var(--primary-color), 2138px 1338px var(--primary-color), 446px 341px var(--primary-color), 241px 1778px var(--primary-color), 1645px 2045px var(--primary-color), 105px 1345px var(--primary-color), 2045px 1658px var(--primary-color), 518px 938px var(--primary-color), 709px 922px var(--primary-color), 2096px 68px var(--primary-color), 1414px 1692px var(--primary-color), 1008px 2262px var(--primary-color), 1202px 513px var(--primary-color), 449px 1897px var(--primary-color), 1843px 1945px var(--primary-color), 722px 1415px var(--primary-color), 1217px 146px var(--primary-color), 2197px 228px var(--primary-color), 1770px 796px var(--primary-color), 1870px 890px var(--primary-color), 852px 2456px var(--primary-color), 1880px 2066px var(--primary-color), 593px 1198px var(--primary-color), 2085px 554px var(--primary-color), 2022px 1138px var(--primary-color), 734px 329px var(--primary-color), 316px 2214px var(--primary-color), 1584px 1005px var(--primary-color), 73px 1260px var(--primary-color), 348px 1766px var(--primary-color), 1943px 1851px var(--primary-color), 571px 1959px var(--primary-color), 2098px 2515px var(--primary-color), 1150px 889px var(--primary-color), 2250px 1403px var(--primary-color), 1275px 650px var(--primary-color), 1283px 1526px var(--primary-color), 1104px 558px var(--primary-color);
  height    : 3px;
  width     : 3px
}

.particle-4 {
  box-shadow: 0px 0px var(--primary-color), 2482px 294px var(--primary-color), 2245px 1368px var(--primary-color), 766px 605px var(--primary-color), 937px 2246px var(--primary-color), 2061px 819px var(--primary-color), 2293px 1680px var(--primary-color), 1388px 921px var(--primary-color), 564px 2504px var(--primary-color), 1532px 2524px var(--primary-color), 153px 2120px var(--primary-color), 1076px 2470px var(--primary-color), 1697px 1650px var(--primary-color), 2105px 1306px var(--primary-color), 897px 1913px var(--primary-color), 835px 2471px var(--primary-color), 156px 2531px var(--primary-color), 2286px 1286px var(--primary-color), 28px 258px var(--primary-color), 2313px 2384px var(--primary-color), 964px 468px var(--primary-color), 1652px 2542px var(--primary-color), 1742px 394px var(--primary-color), 1917px 1942px var(--primary-color), 450px 994px var(--primary-color), 2097px 2295px var(--primary-color), 2304px 802px var(--primary-color), 1821px 99px var(--primary-color), 2502px 887px var(--primary-color), 431px 1428px var(--primary-color), 2376px 672px var(--primary-color), 2100px 2367px var(--primary-color), 1768px 278px var(--primary-color), 2510px 651px var(--primary-color), 458px 2231px var(--primary-color), 1048px 1224px var(--primary-color), 919px 932px var(--primary-color), 2035px 1859px var(--primary-color), 1537px 467px var(--primary-color), 1339px 1361px var(--primary-color), 1639px 1559px var(--primary-color), 1789px 112px var(--primary-color), 2369px 1780px var(--primary-color), 513px 1742px var(--primary-color), 1511px 1777px var(--primary-color), 1717px 2308px var(--primary-color), 1228px 2301px var(--primary-color), 1660px 1721px var(--primary-color), 2297px 1482px var(--primary-color), 336px 1508px var(--primary-color), 1516px 1083px var(--primary-color), 1526px 2065px var(--primary-color), 304px 97px var(--primary-color), 2240px 634px var(--primary-color), 1343px 1869px var(--primary-color), 1067px 1665px var(--primary-color), 394px 1192px var(--primary-color), 1681px 345px var(--primary-color), 1045px 2467px var(--primary-color), 998px 2459px var(--primary-color), 1354px 982px var(--primary-color), 945px 2434px var(--primary-color), 518px 309px var(--primary-color), 30px 240px var(--primary-color), 62px 2077px var(--primary-color), 708px 30px var(--primary-color), 2079px 358px var(--primary-color), 1510px 286px var(--primary-color), 1317px 346px var(--primary-color), 1423px 2105px var(--primary-color), 1865px 2520px var(--primary-color), 89px 1870px var(--primary-color), 1713px 1098px var(--primary-color), 373px 2137px var(--primary-color), 1845px 1355px var(--primary-color), 567px 352px var(--primary-color), 1531px 402px var(--primary-color), 155px 493px var(--primary-color), 740px 450px var(--primary-color), 1406px 826px var(--primary-color), 2543px 400px var(--primary-color), 2409px 460px var(--primary-color), 726px 1496px var(--primary-color), 1815px 221px var(--primary-color), 60px 475px var(--primary-color), 441px 105px var(--primary-color), 601px 649px var(--primary-color), 865px 1261px var(--primary-color), 2040px 136px var(--primary-color), 1371px 446px var(--primary-color), 1614px 789px var(--primary-color), 798px 2064px var(--primary-color), 1331px 1253px var(--primary-color), 1140px 638px var(--primary-color), 826px 729px var(--primary-color), 1319px 883px var(--primary-color), 894px 1938px var(--primary-color), 1134px 2526px var(--primary-color), 2525px 547px var(--primary-color), 154px 95px var(--primary-color), 423px 2073px var(--primary-color), 1547px 853px var(--primary-color), 1445px 128px var(--primary-color), 1800px 739px var(--primary-color), 1851px 1875px var(--primary-color), 572px 1423px var(--primary-color), 514px 1679px var(--primary-color), 2422px 923px var(--primary-color), 1571px 460px var(--primary-color), 1150px 2397px var(--primary-color), 82px 2062px var(--primary-color), 1541px 917px var(--primary-color), 594px 562px var(--primary-color), 900px 2498px var(--primary-color), 2410px 336px var(--primary-color), 2187px 1184px var(--primary-color), 1291px 1590px var(--primary-color), 554px 769px var(--primary-color), 1601px 1532px var(--primary-color), 2553px 1904px var(--primary-color), 2169px 1080px var(--primary-color), 261px 995px var(--primary-color), 508px 25px var(--primary-color), 752px 1249px var(--primary-color), 513px 896px var(--primary-color), 2362px 1505px var(--primary-color), 1331px 2446px var(--primary-color), 2440px 2548px var(--primary-color), 2172px 86px var(--primary-color), 323px 2334px var(--primary-color), 1441px 541px var(--primary-color), 2185px 266px var(--primary-color), 1107px 1660px var(--primary-color), 2009px 236px var(--primary-color), 556px 1157px var(--primary-color), 431px 1180px var(--primary-color), 1478px 2071px var(--primary-color), 377px 827px var(--primary-color), 120px 618px var(--primary-color), 293px 110px var(--primary-color), 629px 802px var(--primary-color), 1292px 1247px var(--primary-color), 1169px 601px var(--primary-color), 961px 1158px var(--primary-color), 702px 1933px var(--primary-color), 468px 1614px var(--primary-color), 806px 874px var(--primary-color), 797px 2176px var(--primary-color), 1690px 1269px var(--primary-color), 1246px 582px var(--primary-color), 1225px 724px var(--primary-color), 675px 1983px var(--primary-color), 1288px 2364px var(--primary-color), 155px 1565px var(--primary-color), 2225px 1852px var(--primary-color), 1163px 1220px var(--primary-color), 992px 1243px var(--primary-color), 2224px 1584px var(--primary-color), 754px 823px var(--primary-color), 172px 748px var(--primary-color), 663px 2366px var(--primary-color), 1130px 2063px var(--primary-color), 2546px 651px var(--primary-color), 1949px 1444px var(--primary-color), 2061px 1093px var(--primary-color), 887px 887px var(--primary-color), 1995px 986px var(--primary-color), 1626px 2503px var(--primary-color), 337px 198px var(--primary-color), 1221px 1259px var(--primary-color), 1496px 808px var(--primary-color), 1578px 2093px var(--primary-color), 1471px 1204px var(--primary-color), 421px 1253px var(--primary-color), 820px 793px var(--primary-color), 465px 189px var(--primary-color), 1802px 2282px var(--primary-color), 1115px 702px var(--primary-color), 2367px 1270px var(--primary-color), 2425px 1444px var(--primary-color), 156px 830px var(--primary-color), 1081px 2302px var(--primary-color), 1398px 1734px var(--primary-color), 290px 1373px var(--primary-color), 2392px 1482px var(--primary-color), 1205px 825px var(--primary-color), 2535px 1325px var(--primary-color), 2290px 1245px var(--primary-color), 2127px 1150px var(--primary-color), 1911px 1932px var(--primary-color), 205px 2187px var(--primary-color), 1617px 2196px var(--primary-color), 514px 1762px var(--primary-color), 1755px 279px var(--primary-color), 655px 1560px var(--primary-color), 1416px 1184px var(--primary-color), 1720px 1631px var(--primary-color), 1845px 613px var(--primary-color), 1456px 1886px var(--primary-color), 1130px 1026px var(--primary-color), 2549px 2054px var(--primary-color), 2293px 372px var(--primary-color), 1705px 1839px var(--primary-color), 2402px 1867px var(--primary-color), 2363px 852px var(--primary-color), 911px 2413px var(--primary-color), 2216px 174px var(--primary-color), 942px 859px var(--primary-color), 929px 1955px var(--primary-color), 1761px 2215px var(--primary-color), 392px 1142px var(--primary-color), 126px 1161px var(--primary-color), 1866px 1860px var(--primary-color), 2364px 281px var(--primary-color), 1908px 1745px var(--primary-color), 996px 287px var(--primary-color), 1815px 2280px var(--primary-color), 1264px 1151px var(--primary-color), 625px 80px var(--primary-color), 1850px 2206px var(--primary-color), 1365px 1117px var(--primary-color), 2007px 1750px var(--primary-color), 1362px 589px var(--primary-color), 848px 1632px var(--primary-color), 1493px 1987px var(--primary-color), 1144px 1145px var(--primary-color), 856px 1031px var(--primary-color), 2013px 569px var(--primary-color), 2043px 1283px var(--primary-color), 1394px 134px var(--primary-color), 510px 2519px var(--primary-color), 1215px 1884px var(--primary-color), 271px 1678px var(--primary-color), 890px 2136px var(--primary-color), 2332px 543px var(--primary-color), 11px 322px var(--primary-color), 2504px 276px var(--primary-color), 389px 2071px var(--primary-color), 2297px 455px var(--primary-color), 551px 2197px var(--primary-color), 2205px 1957px var(--primary-color), 1758px 1195px var(--primary-color), 268px 735px var(--primary-color), 816px 492px var(--primary-color), 518px 252px var(--primary-color), 1534px 484px var(--primary-color), 257px 2214px var(--primary-color), 175px 1174px var(--primary-color), 604px 1586px var(--primary-color), 1864px 1335px var(--primary-color), 2413px 229px var(--primary-color), 258px 2173px var(--primary-color), 2005px 1777px var(--primary-color), 2338px 147px var(--primary-color), 31px 656px var(--primary-color), 1719px 1050px var(--primary-color), 583px 2352px var(--primary-color), 624px 1061px var(--primary-color), 2353px 180px var(--primary-color), 306px 231px var(--primary-color), 1081px 1113px var(--primary-color), 2290px 890px var(--primary-color), 184px 380px var(--primary-color), 2131px 902px var(--primary-color), 2058px 1640px var(--primary-color), 1305px 126px var(--primary-color), 713px 1196px var(--primary-color), 212px 580px var(--primary-color), 1320px 2494px var(--primary-color), 62px 1529px var(--primary-color), 947px 1880px var(--primary-color), 1407px 1708px var(--primary-color), 1061px 913px var(--primary-color), 281px 2361px var(--primary-color), 297px 2227px var(--primary-color), 1347px 1764px var(--primary-color), 295px 2114px var(--primary-color), 157px 893px var(--primary-color), 2448px 1966px var(--primary-color), 733px 898px var(--primary-color), 1298px 157px var(--primary-color), 2102px 195px var(--primary-color), 147px 1566px var(--primary-color), 2515px 1350px var(--primary-color), 1409px 1247px var(--primary-color), 11px 2058px var(--primary-color), 577px 354px var(--primary-color), 269px 1169px var(--primary-color), 382px 274px var(--primary-color), 885px 763px var(--primary-color), 65px 845px var(--primary-color), 2030px 1170px var(--primary-color), 1627px 1953px var(--primary-color), 2434px 404px var(--primary-color), 1504px 617px var(--primary-color), 2364px 2508px var(--primary-color), 332px 1059px var(--primary-color), 2168px 1543px var(--primary-color), 1510px 511px var(--primary-color), 1784px 2109px var(--primary-color), 1923px 1492px var(--primary-color), 1460px 342px var(--primary-color), 1747px 2506px var(--primary-color), 2170px 943px var(--primary-color), 435px 943px var(--primary-color), 1209px 1008px var(--primary-color), 328px 550px var(--primary-color), 272px 1753px var(--primary-color), 472px 235px var(--primary-color), 685px 518px var(--primary-color), 1293px 2271px var(--primary-color), 2133px 812px var(--primary-color), 1752px 1114px var(--primary-color), 815px 1886px var(--primary-color), 2304px 1594px var(--primary-color), 1720px 625px var(--primary-color), 998px 1089px var(--primary-color), 390px 1214px var(--primary-color), 320px 1770px var(--primary-color), 1867px 729px var(--primary-color), 1002px 878px var(--primary-color), 569px 2096px var(--primary-color), 499px 697px var(--primary-color), 1972px 1670px var(--primary-color), 589px 1163px var(--primary-color), 410px 627px var(--primary-color), 821px 1302px var(--primary-color), 573px 535px var(--primary-color), 2290px 997px var(--primary-color), 2359px 320px var(--primary-color), 397px 425px var(--primary-color), 1367px 1350px var(--primary-color), 1115px 2239px var(--primary-color), 2482px 625px var(--primary-color), 2073px 1194px var(--primary-color), 2333px 610px var(--primary-color), 912px 1409px var(--primary-color), 906px 2085px var(--primary-color), 670px 2011px var(--primary-color), 2338px 1613px var(--primary-color), 2222px 1300px var(--primary-color), 278px 2262px var(--primary-color), 170px 1859px var(--primary-color), 100px 2144px var(--primary-color), 508px 319px var(--primary-color), 1801px 265px var(--primary-color), 2362px 2445px var(--primary-color), 1293px 1242px var(--primary-color), 1252px 287px var(--primary-color), 308px 1703px var(--primary-color), 105px 1105px var(--primary-color), 684px 1539px var(--primary-color), 121px 2368px var(--primary-color), 2447px 1655px var(--primary-color), 2522px 1514px var(--primary-color), 206px 2485px var(--primary-color), 1595px 2449px var(--primary-color), 1803px 2340px var(--primary-color), 2132px 844px var(--primary-color), 577px 1205px var(--primary-color), 886px 2385px var(--primary-color), 2111px 1632px var(--primary-color), 2091px 1259px var(--primary-color), 1437px 2064px var(--primary-color), 1110px 892px var(--primary-color), 923px 1998px var(--primary-color), 1324px 965px var(--primary-color), 776px 2555px var(--primary-color), 2035px 1290px var(--primary-color), 1035px 1678px var(--primary-color), 930px 482px var(--primary-color), 1629px 224px var(--primary-color), 2538px 1824px var(--primary-color), 203px 1871px var(--primary-color), 1038px 2068px var(--primary-color), 1063px 2121px var(--primary-color), 415px 510px var(--primary-color), 2485px 973px var(--primary-color), 466px 1099px var(--primary-color), 716px 394px var(--primary-color), 2194px 304px var(--primary-color), 440px 290px var(--primary-color), 2135px 996px var(--primary-color), 2404px 1921px var(--primary-color), 345px 2356px var(--primary-color), 1353px 1699px var(--primary-color), 1479px 2058px var(--primary-color), 900px 301px var(--primary-color), 1834px 197px var(--primary-color), 154px 507px var(--primary-color), 2453px 1273px var(--primary-color), 1344px 1101px var(--primary-color), 2445px 12px var(--primary-color), 2365px 183px var(--primary-color), 2235px 365px var(--primary-color), 2445px 1645px var(--primary-color), 2208px 56px var(--primary-color), 1952px 2105px var(--primary-color), 1479px 2240px var(--primary-color), 2544px 1686px var(--primary-color), 547px 846px var(--primary-color);
  animation : animParticle 600s linear infinite;
  height    : 1px;
  width     : 1px
}

.particle-4 :after {
  box-shadow: 0px 0px var(--primary-color), 2243px 928px var(--primary-color), 1539px 1981px var(--primary-color), 1407px 503px var(--primary-color), 215px 1415px var(--primary-color), 1511px 2222px var(--primary-color), 2265px 1954px var(--primary-color), 1170px 752px var(--primary-color), 1706px 1403px var(--primary-color), 1823px 812px var(--primary-color), 169px 2412px var(--primary-color), 530px 1736px var(--primary-color), 1748px 1671px var(--primary-color), 1350px 2374px var(--primary-color), 210px 1120px var(--primary-color), 2404px 281px var(--primary-color), 429px 32px var(--primary-color), 2336px 1201px var(--primary-color), 1444px 888px var(--primary-color), 1813px 2030px var(--primary-color), 1871px 1629px var(--primary-color), 1098px 325px var(--primary-color), 268px 809px var(--primary-color), 985px 1861px var(--primary-color), 778px 346px var(--primary-color), 895px 1202px var(--primary-color), 2195px 2116px var(--primary-color), 1028px 2512px var(--primary-color), 1544px 2116px var(--primary-color), 922px 849px var(--primary-color), 1525px 1812px var(--primary-color), 21px 2497px var(--primary-color), 1325px 2057px var(--primary-color), 1502px 1970px var(--primary-color), 1416px 2029px var(--primary-color), 1702px 2228px var(--primary-color), 1931px 1676px var(--primary-color), 705px 139px var(--primary-color), 1429px 331px var(--primary-color), 1562px 126px var(--primary-color), 41px 2498px var(--primary-color), 1233px 1617px var(--primary-color), 1221px 1561px var(--primary-color), 376px 1826px var(--primary-color), 119px 443px var(--primary-color), 821px 95px var(--primary-color), 2303px 1258px var(--primary-color), 392px 76px var(--primary-color), 1991px 1550px var(--primary-color), 2455px 2344px var(--primary-color), 2162px 1376px var(--primary-color), 308px 2015px var(--primary-color), 1106px 2495px var(--primary-color), 2548px 2311px var(--primary-color), 2052px 2463px var(--primary-color), 1316px 1103px var(--primary-color), 449px 1006px var(--primary-color), 4px 894px var(--primary-color), 1419px 1954px var(--primary-color), 1895px 244px var(--primary-color), 1332px 1313px var(--primary-color), 1016px 350px var(--primary-color), 1217px 189px var(--primary-color), 975px 2096px var(--primary-color), 2295px 168px var(--primary-color), 2101px 2401px var(--primary-color), 31px 791px var(--primary-color), 1656px 1230px var(--primary-color), 1447px 2079px var(--primary-color), 2074px 1922px var(--primary-color), 359px 1083px var(--primary-color), 2080px 530px var(--primary-color), 10px 1318px var(--primary-color), 616px 2341px var(--primary-color), 1346px 718px var(--primary-color), 2250px 1250px var(--primary-color), 1470px 705px var(--primary-color), 535px 2108px var(--primary-color), 1306px 437px var(--primary-color), 1017px 870px var(--primary-color), 2353px 1174px var(--primary-color), 1635px 2471px var(--primary-color), 1297px 1299px var(--primary-color), 1572px 2359px var(--primary-color), 1414px 1194px var(--primary-color), 2122px 1321px var(--primary-color), 185px 881px var(--primary-color), 171px 2081px var(--primary-color), 1770px 2267px var(--primary-color), 2537px 913px var(--primary-color), 1048px 2488px var(--primary-color), 1437px 1141px var(--primary-color), 1675px 2544px var(--primary-color), 1313px 2302px var(--primary-color), 1605px 1468px var(--primary-color), 1635px 1689px var(--primary-color), 1389px 962px var(--primary-color), 425px 403px var(--primary-color), 1676px 2385px var(--primary-color), 230px 1557px var(--primary-color), 2483px 2345px var(--primary-color), 2281px 541px var(--primary-color), 733px 954px var(--primary-color), 2356px 429px var(--primary-color), 772px 1015px var(--primary-color), 2193px 1294px var(--primary-color), 602px 150px var(--primary-color), 182px 2039px var(--primary-color), 1739px 1170px var(--primary-color), 2205px 1894px var(--primary-color), 2397px 1475px var(--primary-color), 705px 567px var(--primary-color), 2211px 264px var(--primary-color), 768px 2546px var(--primary-color), 1290px 1460px var(--primary-color), 737px 88px var(--primary-color), 2080px 490px var(--primary-color), 2483px 2201px var(--primary-color), 2434px 980px var(--primary-color), 1116px 1330px var(--primary-color), 2147px 2388px var(--primary-color), 340px 1356px var(--primary-color), 490px 1039px var(--primary-color), 1599px 359px var(--primary-color), 246px 2014px var(--primary-color), 2260px 1035px var(--primary-color), 606px 2029px var(--primary-color), 191px 264px var(--primary-color), 1316px 567px var(--primary-color), 1878px 1030px var(--primary-color), 1137px 192px var(--primary-color), 218px 627px var(--primary-color), 558px 206px var(--primary-color), 1297px 145px var(--primary-color), 174px 2546px var(--primary-color), 1181px 353px var(--primary-color), 1098px 1181px var(--primary-color), 2160px 389px var(--primary-color), 2477px 1965px var(--primary-color), 2458px 1957px var(--primary-color), 1798px 1938px var(--primary-color), 1524px 653px var(--primary-color), 2453px 1754px var(--primary-color), 1279px 833px var(--primary-color), 717px 1126px var(--primary-color), 1574px 1291px var(--primary-color), 2254px 2132px var(--primary-color), 1315px 1614px var(--primary-color), 2266px 2282px var(--primary-color), 379px 480px var(--primary-color), 1113px 2149px var(--primary-color), 2175px 252px var(--primary-color), 2276px 919px var(--primary-color), 616px 1514px var(--primary-color), 1020px 1398px var(--primary-color), 1212px 2095px var(--primary-color), 4px 2034px var(--primary-color), 2146px 1881px var(--primary-color), 1434px 1486px var(--primary-color), 973px 1624px var(--primary-color), 2184px 1087px var(--primary-color), 85px 1709px var(--primary-color), 2068px 1501px var(--primary-color), 1707px 1906px var(--primary-color), 1656px 1272px var(--primary-color), 712px 515px var(--primary-color), 2458px 1897px var(--primary-color), 2254px 2075px var(--primary-color), 2364px 1613px var(--primary-color), 2187px 1056px var(--primary-color), 959px 464px var(--primary-color), 532px 1866px var(--primary-color), 496px 339px var(--primary-color), 1048px 1616px var(--primary-color), 1570px 1585px var(--primary-color), 1094px 1137px var(--primary-color), 1485px 308px var(--primary-color), 151px 1372px var(--primary-color), 2430px 2147px var(--primary-color), 221px 702px var(--primary-color), 1506px 861px var(--primary-color), 2468px 320px var(--primary-color), 2439px 1605px var(--primary-color), 116px 988px var(--primary-color), 2242px 288px var(--primary-color), 863px 840px var(--primary-color), 558px 1267px var(--primary-color), 2308px 1526px var(--primary-color), 1501px 453px var(--primary-color), 930px 954px var(--primary-color), 1454px 1049px var(--primary-color), 2492px 2193px var(--primary-color), 572px 1464px var(--primary-color), 970px 2181px var(--primary-color), 2190px 2333px var(--primary-color), 1280px 210px var(--primary-color), 1302px 19px var(--primary-color), 1953px 1856px var(--primary-color), 1921px 1396px var(--primary-color), 631px 237px var(--primary-color), 260px 899px var(--primary-color), 2349px 987px var(--primary-color), 200px 56px var(--primary-color), 880px 2388px var(--primary-color), 404px 855px var(--primary-color), 1334px 2239px var(--primary-color), 1804px 1526px var(--primary-color), 1009px 1411px var(--primary-color), 1948px 465px var(--primary-color), 1666px 372px var(--primary-color), 1484px 1268px var(--primary-color), 1337px 618px var(--primary-color), 900px 2038px var(--primary-color), 322px 1320px var(--primary-color), 502px 872px var(--primary-color), 715px 518px var(--primary-color), 247px 256px var(--primary-color), 1589px 219px var(--primary-color), 1724px 2285px var(--primary-color), 1654px 1409px var(--primary-color), 843px 136px var(--primary-color), 1228px 446px var(--primary-color), 387px 1699px var(--primary-color), 1365px 1320px var(--primary-color), 704px 2427px var(--primary-color), 1861px 2512px var(--primary-color), 39px 1702px var(--primary-color), 954px 1199px var(--primary-color), 1844px 531px var(--primary-color), 1855px 589px var(--primary-color), 1871px 835px var(--primary-color), 471px 626px var(--primary-color), 2510px 44px var(--primary-color), 1191px 486px var(--primary-color), 2064px 1089px var(--primary-color), 2232px 844px var(--primary-color), 2256px 1329px var(--primary-color), 1107px 653px var(--primary-color), 395px 1777px var(--primary-color), 2037px 2351px var(--primary-color), 2386px 1904px var(--primary-color), 1592px 677px var(--primary-color), 1178px 410px var(--primary-color), 447px 1548px var(--primary-color), 161px 1882px var(--primary-color), 1274px 824px var(--primary-color), 1150px 1221px var(--primary-color), 2506px 1105px var(--primary-color), 1617px 956px var(--primary-color), 2121px 307px var(--primary-color), 244px 513px var(--primary-color), 671px 462px var(--primary-color), 1742px 1007px var(--primary-color), 1405px 78px var(--primary-color), 410px 1175px var(--primary-color), 1436px 1202px var(--primary-color), 762px 384px var(--primary-color), 1977px 620px var(--primary-color), 2371px 329px var(--primary-color), 1061px 146px var(--primary-color), 1142px 609px var(--primary-color), 79px 86px var(--primary-color), 1740px 556px var(--primary-color), 1588px 1655px var(--primary-color), 1731px 296px var(--primary-color), 1712px 430px var(--primary-color), 782px 525px var(--primary-color), 2514px 425px var(--primary-color), 579px 21px var(--primary-color), 44px 691px var(--primary-color), 1617px 1879px var(--primary-color), 1923px 1113px var(--primary-color), 223px 1146px var(--primary-color), 1501px 778px var(--primary-color), 2159px 800px var(--primary-color), 1813px 1069px var(--primary-color), 906px 1230px var(--primary-color), 1904px 429px var(--primary-color), 1822px 768px var(--primary-color), 406px 186px var(--primary-color), 1692px 1680px var(--primary-color), 53px 834px var(--primary-color), 945px 1229px var(--primary-color), 114px 2274px var(--primary-color), 1350px 1459px var(--primary-color), 1094px 154px var(--primary-color), 603px 2269px var(--primary-color), 730px 2523px var(--primary-color), 1714px 1301px var(--primary-color), 1002px 542px var(--primary-color), 2289px 2490px var(--primary-color), 1545px 1549px var(--primary-color), 2157px 423px var(--primary-color), 1079px 13px var(--primary-color), 392px 1357px var(--primary-color), 2060px 2433px var(--primary-color), 210px 1509px var(--primary-color), 1010px 162px var(--primary-color), 1279px 1521px var(--primary-color), 2196px 2287px var(--primary-color), 1662px 677px var(--primary-color), 1280px 1360px var(--primary-color), 577px 1094px var(--primary-color), 928px 1926px var(--primary-color), 1454px 254px var(--primary-color), 1150px 1665px var(--primary-color), 304px 393px var(--primary-color), 1352px 538px var(--primary-color), 2551px 1879px var(--primary-color), 2123px 2394px var(--primary-color), 1577px 1127px var(--primary-color), 1378px 1214px var(--primary-color), 1742px 2136px var(--primary-color), 1787px 1031px var(--primary-color), 963px 285px var(--primary-color), 429px 2211px var(--primary-color), 974px 2494px var(--primary-color), 605px 474px var(--primary-color), 2201px 1038px var(--primary-color), 915px 2192px var(--primary-color), 2207px 551px var(--primary-color), 1887px 1181px var(--primary-color), 1865px 2560px var(--primary-color), 1652px 1316px var(--primary-color), 499px 1208px var(--primary-color), 1731px 976px var(--primary-color), 2245px 2394px var(--primary-color), 2492px 492px var(--primary-color), 2408px 1889px var(--primary-color), 18px 2153px var(--primary-color), 384px 610px var(--primary-color), 735px 1042px var(--primary-color), 1369px 2439px var(--primary-color), 793px 2500px var(--primary-color), 1751px 2190px var(--primary-color), 67px 1204px var(--primary-color), 472px 1105px var(--primary-color), 1530px 2305px var(--primary-color), 167px 2429px var(--primary-color), 264px 2546px var(--primary-color), 1646px 285px var(--primary-color), 164px 2013px var(--primary-color), 1292px 2328px var(--primary-color), 263px 1836px var(--primary-color), 2232px 388px var(--primary-color), 394px 1340px var(--primary-color), 421px 1849px var(--primary-color), 1424px 459px var(--primary-color), 767px 1709px var(--primary-color), 949px 680px var(--primary-color), 434px 1840px var(--primary-color), 2369px 2521px var(--primary-color), 2169px 933px var(--primary-color), 600px 1545px var(--primary-color), 1668px 146px var(--primary-color), 1686px 1955px var(--primary-color), 2497px 1139px var(--primary-color), 737px 1148px var(--primary-color), 1758px 2337px var(--primary-color), 2500px 2017px var(--primary-color), 2021px 635px var(--primary-color), 225px 491px var(--primary-color), 726px 1089px var(--primary-color), 534px 602px var(--primary-color), 496px 491px var(--primary-color), 2294px 2431px var(--primary-color), 1583px 1497px var(--primary-color), 1620px 602px var(--primary-color), 1139px 2011px var(--primary-color), 1859px 669px var(--primary-color), 1985px 1404px var(--primary-color), 658px 1185px var(--primary-color), 746px 2141px var(--primary-color), 2120px 844px var(--primary-color), 2398px 1192px var(--primary-color), 2247px 1349px var(--primary-color), 1843px 2542px var(--primary-color), 1278px 2053px var(--primary-color), 2454px 1088px var(--primary-color), 980px 880px var(--primary-color), 2096px 1331px var(--primary-color), 1042px 2361px var(--primary-color), 1984px 1574px var(--primary-color), 1711px 285px var(--primary-color), 730px 1061px var(--primary-color), 2250px 1216px var(--primary-color), 2170px 1150px var(--primary-color), 2451px 2133px var(--primary-color), 132px 1418px var(--primary-color), 1796px 1747px var(--primary-color), 1779px 2188px var(--primary-color), 518px 118px var(--primary-color), 1056px 375px var(--primary-color), 1792px 830px var(--primary-color), 1646px 2170px var(--primary-color), 1527px 1752px var(--primary-color), 344px 476px var(--primary-color), 2072px 176px var(--primary-color), 1085px 90px var(--primary-color), 664px 2304px var(--primary-color), 1752px 2381px var(--primary-color);
  height    : 1px;
  width     : 1px
}

@keyframes animParticle {
  from {
    transform: translateY(1px)
  }

  to {
    transform: translateY(-2560px)
  }
}

.fc * {
  color: var(--color-600)
}

.fc .fc-col-header-cell-cushion {
  color: var(--color-600)
}

.fc .fc-h-event .fc-event-title {
  color: var(--white-color)
}

.fc .fc-button .fc-icon {
  color: #fff !important
}

@media only screen and (max-width: 991px) {
  .fc .fc-toolbar-title {
    font-size: 1.2em
  }

  .fc .fc-button {
    padding: .1em .40em
  }
}

.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard td,
.fc-theme-standard th {
  border-color: var(--color-100)
}

.dd {
  position: relative
}

.dd .dd-list {
  display   : block;
  position  : relative;
  list-style: none;
  margin    : 0;
  padding   : 0
}

.dd .dd-list .dd-list {
  margin-top: 10px
}

.dd .dd-list .dd-list .dd-item {
  border-left: 5px solid var(--border-color)
}

.dd .dd-list li {
  margin-bottom: 5px
}

.dd .dd-list li:last-child {
  margin-bottom: 0
}

.dd .dd-collapsed .dd-list {
  display: none
}

.dd .dd-item>button {
  display    : block;
  position   : relative;
  cursor     : pointer;
  float      : left;
  white-space: nowrap;
  overflow   : hidden;
  background : transparent;
  border     : 0;
  width      : 25px;
  padding    : 0;
  text-indent: 100%;
  font-size  : 18px
}

.dd .dd-item>button[data-action="collapse"]:before {
  content: '-'
}

.dd .dd-item>button:focus {
  outline: none;
  border : 0
}

.dd .dd-item>button:before {
  content    : '+';
  display    : block;
  position   : absolute;
  text-align : left;
  width      : 100%;
  text-indent: 0
}

.dd .dd-item,
.dd .dd-empty,
.dd .dd-placeholder {
  display    : block;
  position   : relative;
  margin     : 0;
  padding    : 0;
  min-height : 20px;
  line-height: 20px
}

.dd .dd-empty {
  border             : 1px dashed var(--primary-color);
  min-height         : 100px;
  background-color   : var(--border-color);
  -ms-background-size: 60px 60px;
  background-size    : 60px 60px;
  background-position: 0 0, 30px 30px
}

.dd-handle {
  display           : block;
  text-decoration   : none;
  -moz-box-sizing   : border-box;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  line-height       : 22px
}

.dd-handle:hover {
  color : var(--primary-color);
  cursor: move
}

.dd-placeholder,
.dd-empty {
  background        : #f2fbff;
  border            : 1px dashed #b6bcbf;
  -moz-box-sizing   : border-box;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  margin            : 5px 0;
  padding           : 0;
  min-height        : 30px
}

.dd-dragel {
  position      : absolute;
  pointer-events: none;
  z-index       : 9999
}

.dd-dragel>.dd-item .dd-handle {
  margin-top: 0
}

.table.myDataTable {
  width: 100% !important
}

.table.myDataTable .dtr-details {
  width: 100%
}

.table.myDataTable .dtr-details li {
  border-color: var(--border-color) !important
}

.table.myDataTable tr td:first-child,
.table.myDataTable tr th:first-child {
  outline: none
}

.table.table-lg.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before,
.table.table-lg.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child::before {
  top: 24px
}

.table.dataTable {
  width      : 100% !important;
  white-space: nowrap
}

.table.dataTable .form-check {
  padding-top: 2px
}

.table.dataTable .dtr-details {
  list-style   : none;
  padding      : 0;
  margin-bottom: 0
}

.table.dataTable .dtr-details li {
  padding      : 6px 0;
  border-bottom: 1px solid var(--border-color)
}

.table.dataTable .dtr-details li:last-child {
  border-bottom: 0
}

.table.dataTable .dtr-details li .dtr-title {
  position     : relative;
  font-weight  : 600;
  padding-right: 20px
}

.table.dataTable .dtr-details li .dtr-title::after {
  content : ':';
  position: absolute;
  right   : 10px
}

.table.dataTable.dtr-inline.collapsed>tbody>tr.odd>td,
.table.dataTable.dtr-inline.collapsed>tbody>tr.odd>th,
.table.dataTable.dtr-inline.collapsed>tbody>tr.even>td,
.table.dataTable.dtr-inline.collapsed>tbody>tr.even>th {
  position: relative
}

.table.dataTable.dtr-inline.collapsed>tbody>tr.odd>td:first-child,
.table.dataTable.dtr-inline.collapsed>tbody>tr.odd>th:first-child,
.table.dataTable.dtr-inline.collapsed>tbody>tr.even>td:first-child,
.table.dataTable.dtr-inline.collapsed>tbody>tr.even>th:first-child {
  padding-left: 26px
}

.table.dataTable.dtr-inline.collapsed>tbody>tr.odd>td:first-child::before,
.table.dataTable.dtr-inline.collapsed>tbody>tr.odd>th:first-child::before,
.table.dataTable.dtr-inline.collapsed>tbody>tr.even>td:first-child::before,
.table.dataTable.dtr-inline.collapsed>tbody>tr.even>th:first-child::before {
  transition      : ease 0.3s;
  background-color: var(--secondary-color);
  color           : #191818;
  content         : '\203A';
  text-align      : center;
  position        : absolute;
  left            : 0;
  top             : 50%;
  width           : 16px;
  height          : 16px;
  line-height     : 16px;
  transform       : translateY(-50%)
}

@media (prefers-reduced-motion: reduce) {

  .table.dataTable.dtr-inline.collapsed>tbody>tr.odd>td:first-child::before,
  .table.dataTable.dtr-inline.collapsed>tbody>tr.odd>th:first-child::before,
  .table.dataTable.dtr-inline.collapsed>tbody>tr.even>td:first-child::before,
  .table.dataTable.dtr-inline.collapsed>tbody>tr.even>th:first-child::before {
    transition: none
  }
}

.table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
.table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
  content         : '\25BC';
  background-color: var(--primary-color);
  color           : #fff
}

.table.dataTable.normal th,
.table.dataTable.normal td {
  white-space: normal
}

.dropify-wrapper {
  border       : 1px solid var(--border-color);
  border-radius: .25rem
}

.dropify-wrapper .dropify-message p {
  font-size: 20px
}

@font-face {
  font-family: "summernote";
  src        : url("../fonts/summernote.eot");
  src        : url("../fonts/summernote.eot?#iefix") format("embedded-opentype"), url("../fonts/summernote.woff2") format("woff2"), url("../fonts/summernote.woff") format("woff"), url("../fonts/summernote.ttf") format("truetype")
}

.note-editor.note-airframe,
.note-editor.note-frame {
  background   : var(--card-color);
  border       : 1px solid var(--border-color);
  border-radius: .25rem
}

.note-editor .note-btn .note-icon-caret {
  display: none
}

.note-editor .note-dropdown-menu {
  box-shadow: 0 0 10px rgba(25, 24, 24, 0.15);
  top       : 100%
}

.note-editor .note-dropdown-menu a {
  color: var(--color-600)
}

.note-editor .note-dropdown-menu.dropdown-style {
  min-width: 210px;
  padding  : 1rem
}

.owl-carousel .owl-nav {
  display: none !important
}

.owl-carousel .owl-dots {
  margin-top: 10px
}

.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--primary-color)
}

.m-grid .grid-item {
  transition: ease 0.2s;
  width     : 15.4rem
}

@media (prefers-reduced-motion: reduce) {
  .m-grid .grid-item {
    transition: none
  }
}

.m-grid .grid-item:hover {
  transform: scale(1.1);
  z-index  : 999
}

.m-grid .grid-item:hover img {
  border: 2px solid var(--card-color)
}

@media only screen and (max-width: 1440px) {
  .m-grid .grid-item {
    width: 14.5rem
  }
}

@media only screen and (max-width: 1280px) {
  .m-grid .grid-item {
    width: 13.77rem
  }
}

@media only screen and (max-width: 1200px) {
  .m-grid .grid-item {
    width: 12.7rem
  }
}

@media only screen and (max-width: 992px) {
  .m-grid .grid-item {
    width: 14.79rem
  }
}

@media only screen and (max-width: 767px) {
  .m-grid .grid-item {
    width: 100%
  }
}

.select2-container.select2 {
  width: 100% !important
}

.select2-container .select2-selection {
  border-color: var(--border-color);
  height      : auto;
  position    : relative;
  line-height : 1.5;
  padding     : .375rem .75rem
}

.select2-container .select2-selection:focus-within,
.select2-container .select2-selection:active,
.select2-container .select2-selection:focus,
.select2-container .select2-selection:focus-visible {
  outline     : none;
  box-shadow  : none;
  border-color: var(--primary-color) !important
}

.select2-container .select2-selection [role="textbox"] {
  padding-left: 0
}

.select2-container .select2-selection [role="presentation"] {
  height  : auto;
  position: absolute;
  top     : 50%;
  right   : 5px;
  width   : 20px
}

.select2-container .select2-dropdown {
  box-shadow  : 0 8px 17px 2px rgba(25, 24, 24, 0.15);
  border-color: var(--border-color)
}

.select2-container .select2-dropdown .select2-search__field {
  border-color: var(--border-color) !important;
  height      : 30px !important
}

.select2-container .select2-dropdown .select2-search__field:focus,
.select2-container .select2-dropdown .select2-search__field:focus-visible {
  outline     : none;
  box-shadow  : none;
  border-color: var(--primary-color) !important
}

.select2-container .select2-search {
  line-height: 24px
}

.select2-container .select2-search:focus,
.select2-container .select2-search:focus-visible {
  outline     : none;
  box-shadow  : none;
  border-color: var(--primary-color) !important
}

.select2-container span.select2-selection__rendered {
  line-height: 24px !important
}

.select2-container ul.select2-selection__rendered {
  line-height: 18px !important
}

.select2-container .select2-search__field {
  height: 23px !important;
  margin: 0 !important
}

.select2-container .select2-search__field:focus,
.select2-container .select2-search__field:focus-visible {
  outline     : none;
  box-shadow  : none;
  border-color: var(--primary-color) !important
}

.select2-container .select2-selection__choice {
  margin: 2px !important
}

.select2-container .select2-choice {
  height     : auto;
  border     : none;
  background : none;
  position   : absolute;
  padding    : 5px 10px;
  line-height: 27px;
  top        : 0;
  left       : 0;
  width      : 100%
}

.select2-container .select2-choice>.select2-chosen {
  margin: 0
}

.select2-container .select2-choice .select2-arrow {
  display: none
}

.select2-drop-active {
  border-color: var(--border-color)
}

.parsley-required {
  color: red
}

.apexcharts-canvas line,
.apexcharts-canvas circle {
  stroke: var(--border-color)
}

.apexcharts-canvas text {
  fill: var(--color-500)
}

.apexcharts-canvas .apexcharts-legend-text {
  color: var(--color-500) !important
}

.apexcharts-canvas .apexcharts-pie path {
  stroke: var(--border-color)
}

.apexcharts-canvas .apexcharts-legend-marker {
  height: 3px !important
}

.ac-line-transparent line {
  stroke: var(--card-color)
}

.apexcharts-line-0 line {
  display: none
}

.sparkline_chart canvas {
  width: 100% !important
}

.step-app>.step-steps {
  display      : flex;
  flex-wrap    : wrap;
  border-radius: 0
}

.step-app>.step-steps>li {
  background-color: transparent;
  display         : flex;
  align-items     : center;
  flex            : inherit;
  outline         : none;
  font-size       : 18px;
  line-height     : 34px;
  padding         : 0;
  margin-right    : 25px;
  flex-grow       : 0
}

.step-app>.step-steps>li.active {
  background-color: transparent;
  color           : var(--primary-color)
}

.step-app>.step-steps>li.active span {
  background-color: var(--primary-color)
}

.step-app>.step-steps>li.done {
  background-color: transparent;
  color           : var(--bs-green)
}

.step-app>.step-steps>li.done span {
  background-color: var(--bs-green)
}

.step-app>.step-steps>li:hover {
  background-color: transparent
}

.step-app>.step-steps>li span {
  background-color: var(--color-400);
  color           : var(--white-color);
  padding         : 0 12px;
  border-radius   : .25rem;
  margin          : 0 10px 0 0
}

.step-app>.step-content {
  margin-top: 30px;
  border    : 0;
  padding   : 0
}

.step-app>.step-footer {
  border-top     : 1px solid var(--border-color);
  justify-content: flex-end;
  margin-bottom  : 0;
  padding-top    : 15px
}

.step-app>.step-footer .btn {
  margin: 5px
}

.step-app>.step-footer>.step-btn {
  background-color: var(--primary-color);
  border          : 1px solid var(--primary-color);
  color           : var(--white-color);
  padding         : .375rem .75rem;
  border-radius   : .25rem
}

#w-vertical .step-app {
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction   : row;
  flex-direction       : row
}

#w-vertical .step-app>.step-steps {
  flex-direction: column;
  border-right  : 1px solid var(--border-color);
  padding       : 0 10px 0 0;
  margin-right  : 20px;
  min-width     : 260px
}

#w-vertical .step-app>.step-steps li {
  margin-bottom: 15px
}

#w-vertical .step-app>.step-content {
  margin-top: 0;
  width     : 100%
}

#w-vertical .step-app>.step-footer {
  justify-content: flex-end
}

.my-todo .todo-list li {
  border-bottom  : 1px solid var(--border-color);
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  padding        : 10px 0;
  padding        : 14px 0;
  font-size      : 1rem
}

.my-todo .todo-list li:last-child {
  border-bottom: 0
}

.my-todo .todo-list li .fa-check {
  color: var(--color-400)
}

.my-todo .todo-list li.active>span {
  color          : var(--primary-color);
  text-decoration: line-through
}

.my-todo .todo-list li.active .fa-check {
  color: var(--primary-color)
}

.float-label {
  display : block;
  position: relative
}

.float-label label {
  color             : var(--primary-color);
  position          : absolute;
  cursor            : text;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out;
  transform         : translateY(-150%);
  margin            : 0;
  padding           : 0 5px;
  font-size         : 100%;
  opacity           : 1;
  left              : .75rem;
  top               : 50%
}

.float-label label::before {
  content   : "";
  background: var(--card-color);
  position  : absolute;
  top       : 13px;
  width     : 110%;
  height    : 2px;
  z-index   : -1;
  left      : 0
}

.float-label>span {
  color             : var(--primary-color);
  position          : absolute;
  cursor            : text;
  transition        : all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transform         : translateY(-150%);
  padding           : 0 5px;
  left              : .75rem;
  top               : 50%;
  font-size         : 100%;
  opacity           : 1;
  margin            : 0
}

.float-label>span::before {
  content   : "";
  background: var(--card-color);
  position  : absolute;
  top       : 13px;
  width     : 110%;
  height    : 2px;
  z-index   : -1;
  left      : 0
}

.float-label textarea+label {
  top: 21px
}

.float-label textarea+label::before {
  content   : "";
  background: var(--card-color);
  position  : absolute;
  top       : 10px;
  width     : 110%;
  height    : 2px;
  z-index   : -1;
  left      : 0
}

.float-label textarea+span {
  top: 21px
}

.float-label textarea+span::before {
  content   : "";
  background: var(--card-color);
  position  : absolute;
  top       : 10px;
  width     : 110%;
  height    : 2px;
  z-index   : -1;
  left      : 0
}

.float-label input::-webkit-input-placeholder {
  opacity           : 1;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out
}

.float-label input::-moz-placeholder {
  opacity   : 1;
  transition: all .3s ease-in-out
}

.float-label input:-ms-input-placeholder {
  opacity   : 1;
  transition: all .3s ease-in-out
}

.float-label input::placeholder {
  opacity           : 1;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out
}

.float-label input:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0
}

.float-label input:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0
}

.float-label input:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0
}

.float-label input:placeholder-shown:not(:focus)::placeholder {
  opacity: 0
}

.float-label input:placeholder-shown:not(:focus)+* {
  color    : var(--color-500);
  opacity  : 1;
  transform: translateY(-50%)
}

.float-label input:focus {
  background-color: var(--card-color);
  border-color    : var(--primary-color);
  color           : var(--primary-color);
  box-shadow      : 0 0 10px rgba(33, 37, 41, 0.15)
}

.float-label select {
  padding-right  : 1em;
  background     : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.5em bottom 0.75em;
  background-size: 8px 10px
}

.float-label select::-webkit-input-placeholder {
  opacity           : 1;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out
}

.float-label select::-moz-placeholder {
  opacity   : 1;
  transition: all .3s ease-in-out
}

.float-label select:-ms-input-placeholder {
  opacity   : 1;
  transition: all .3s ease-in-out
}

.float-label select::placeholder {
  opacity           : 1;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out
}

.float-label select:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0
}

.float-label select:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0
}

.float-label select:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0
}

.float-label select:placeholder-shown:not(:focus)::placeholder {
  opacity: 0
}

.float-label select:placeholder-shown:not(:focus)+* {
  color    : var(--color-500);
  opacity  : 1;
  transform: translateY(-50%)
}

.float-label select:focus {
  background-color: var(--card-color);
  border-color    : var(--primary-color);
  color           : var(--primary-color);
  box-shadow      : 0 0 10px rgba(33, 37, 41, 0.15)
}

.float-label textarea::-webkit-input-placeholder {
  opacity           : 1;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out
}

.float-label textarea::-moz-placeholder {
  opacity   : 1;
  transition: all .3s ease-in-out
}

.float-label textarea:-ms-input-placeholder {
  opacity   : 1;
  transition: all .3s ease-in-out
}

.float-label textarea::placeholder {
  opacity           : 1;
  -webkit-transition: all .3s ease-in-out;
  transition        : all .3s ease-in-out
}

.float-label textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0
}

.float-label textarea:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0
}

.float-label textarea:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0
}

.float-label textarea:placeholder-shown:not(:focus)::placeholder {
  opacity: 0
}

.float-label textarea:placeholder-shown:not(:focus)+* {
  opacity  : 1;
  transform: translateY(-50%);
  color    : var(--color-500)
}

.float-label textarea:focus {
  box-shadow      : 0 0 10px rgba(33, 37, 41, 0.15);
  background-color: var(--card-color);
  border-color    : var(--primary-color);
  color           : var(--primary-color)
}

.bootstrap-tagsinput {
  border   : 1px solid var(--border-color);
  display  : flex;
  flex-wrap: wrap;
  padding  : .375rem
}

.bootstrap-tagsinput input {
  flex-grow: 1;
  border   : 0
}

.bootstrap-tagsinput input:focus {
  outline   : none;
  box-shadow: none;
  border    : 0
}

.bootstrap-tagsinput .tag {
  background-color: rgba(var(--primary-rgb), 0.1);
  color           : var(--primary-color);
  white-space     : nowrap;
  margin          : 2px;
  padding         : 3px 8px;
  border-radius   : 3px
}

.bootstrap-tagsinput .tag:hover {
  background-color: var(--primary-color);
  color           : var(--white-color)
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  cursor     : pointer;
  margin-left: 8px
}

.bootstrap-tagsinput .tag [data-role="remove"]::after {
  content: 'x';
  padding: 0px 2px
}

.noUi-target {
  background  : var(--color-200);
  border-color: var(--border-color);
  box-shadow  : none
}

.noUi-target .noUi-connect {
  background: var(--primary-color)
}

.sked-tape .sked-tape__caption,
.sked-tape .sked-tape__hours {
  background-color: var(--card-color)
}

.sked-tape .sked-tape__location {
  background-color: var(--border-color)
}

.sked-tape .sked-tape__location:not(:last-child) {
  border-color: var(--card-color)
}

.sked-tape .sked-tape__date {
  background: var(--card-color)
}

.sked-tape .sked-tape__date:nth-child(odd) {
  background: var(--border-color)
}

.sked-tape .sked-tape__event {
  background-color: var(--chart-color1);
  border          : 0
}

.sked-tape .sked-tape__event--low-gap {
  background-color: var(--chart-color3);
  border          : 0
}

.sked-tape .sked-tape__event-row {
  border-color    : var(--border-color);
  background-color: var(--border-color)
}

.sked-tape .sked-tape__event-row:nth-child(odd) {
  background-color: var(--card-color)
}

.sked-tape .sked-tape__grid>li {
  background-image: linear-gradient(to right, var(--border-color) 1px, var(--border-color) 1px), linear-gradient(to right, var(--border-color) 1px, var(--border-color) 1px), linear-gradient(to right, var(--border-color) 1px, var(--border-color) 1px), linear-gradient(to right, var(--border-color) 1px, var(--border-color) 1px), linear-gradient(to right, var(--border-color) 1px, var(--border-color) 1px)
}

.jsgrid .jsgrid-grid-header {
  background  : var(--border-color);
  border-color: var(--border-color)
}

.jsgrid-header-row>.jsgrid-header-cell {
  background: var(--border-color)
}

.jsgrid-edit-row>.jsgrid-cell,
.jsgrid-filter-row>.jsgrid-cell,
.jsgrid-grid-body,
.jsgrid-grid-header,
.jsgrid-header-row>.jsgrid-header-cell,
.jsgrid-insert-row>.jsgrid-cell {
  border-color: var(--border-color)
}

.jsgrid-row>.jsgrid-cell {
  background  : var(--card-color);
  border-color: var(--border-color)
}

.jsgrid-alt-row>.jsgrid-cell {
  background  : var(--color-100);
  border-color: var(--border-color)
}

.gallery_product {
  position: relative
}

.gallery_product .img-info {
  position          : absolute;
  background        : rgba(0, 0, 0, 0.5);
  left              : 0;
  right             : 0;
  bottom            : 0;
  padding           : 20px;
  overflow          : hidden;
  color             : #fff;
  top               : 0;
  display           : none;
  -webkit-transition: 2s;
  transition        : 2s
}

.gallery_product:hover .img-info {
  display           : block;
  -webkit-transition: 2s;
  transition        : 2s
}

.swal2-modal .swal2-actions .swal2-confirm {
  background-color: var(--primary-color)
}

.swal2-modal .swal2-actions .swal2-confirm:focus {
  box-shadow: none;
  outline   : none
}

#toast-container .toast {
  background-image: none !important;
  opacity         : 0.9
}

#toast-container .toast:hover {
  box-shadow: 0 0 15px 2px #b1b1b1
}

#toast-container .toast:before {
  color        : var(--bs-white);
  position     : fixed;
  font-family  : 'FontAwesome';
  float        : left;
  margin       : auto 0.5em auto -1.5em;
  padding-right: 0.5em;
  font-size    : 24px;
  line-height  : 18px
}

#toast-container .toast.toast-info {
  background: var(--bs-info)
}

#toast-container .toast.toast-info:before {
  content: "\f05a"
}

#toast-container .toast.toast-success {
  background: var(--bs-green)
}

#toast-container .toast.toast-success:before {
  content: "\f058"
}

#toast-container .toast.toast-warning {
  background: var(--bs-orange)
}

#toast-container .toast.toast-warning:before {
  content: "\f003"
}

#toast-container .toast.toast-error {
  background: var(--bs-red)
}

#toast-container .toast.toast-error:before {
  content: "\f071"
}

#toast-container .toast-close-button {
  color: var(--bs-gray-100)
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  background-color: var(--primary-color)
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  border-top-color: var(--primary-color)
}

.irs--flat .irs-bar {
  background-color: var(--primary-color)
}

.irs--flat .irs-line {
  background-color: var(--body-color)
}

.irs--flat .irs-min,
.irs--flat .irs-max {
  color           : var(--color-500);
  background-color: var(--body-color)
}

.irs--flat .irs-handle>i:first-child {
  background-color: var(--primary-color)
}

.flatpickr:disabled,
.flatpickr[readonly] {
  background-color: transparent !important
}

.flatpickr-calendar {
  overflow: hidden
}

.flatpickr-calendar .flatpickr-months {
  background-color: var(--primary-color)
}

.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-months .numInput {
  color: #fff
}

.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months option,
.flatpickr-calendar .flatpickr-months .numInput option {
  background-color: var(--primary-color);
  font-size       : 14px
}

.flatpickr-calendar .flatpickr-months path {
  fill: #fff !important
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays {
  background-color: var(--primary-color)
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays span {
  color: #fff
}

.flatpickr-calendar .flatpickr-day.today {
  border-color: var(--primary-color);
  color       : var(--primary-color)
}

.flatpickr-calendar .flatpickr-day.today:hover {
  background-color: var(--primary-color);
  color           : #fff
}

.card {
  border-color    : var(--border-color);
  background-color: var(--card-color)
}

.card.card-callout {
  border-left-width: .4rem;
  border-left-color: var(--primary-color)
}

.card .card-title {
  color      : var(--color-900);
  font-weight: 600
}

.card.fieldset {
  background  : transparent;
  position    : relative;
  border-style: dashed !important;
  margin-top  : 1rem;
  padding     : 1rem
}

.card.fieldset .fieldset-tile {
  position   : absolute;
  top        : -12px;
  font-weight: 600;
  padding    : 0 5px
}

.card.fieldset .fieldset-tile-right {
  position   : absolute;
  top        : -12px;
  font-weight: 600;
  padding    : 0 5px;
  right      : 10px
}

.ribbon {
  position: relative;
  overflow: hidden
}

.ribbon .option-1 {
  height: 2rem;
  top   : 1.2rem;
  left  : 0;
  width : 5px
}

.ribbon .option-2 {
  height: 5px;
  left  : 1.2rem;
  top   : 0;
  width : 2rem
}

.ribbon .option-3 {
  transform : rotate(315deg);
  left      : -50px;
  top       : 8px;
  padding   : 5px 15px;
  text-align: center;
  width     : 150px
}

.ribbon .option-4 {
  transform : rotate(315deg);
  right     : -50px;
  bottom    : 8px;
  padding   : 5px 15px;
  text-align: center;
  width     : 150px
}

.ribbon .option-5 {
  transform : rotate(315deg);
  left      : -27px;
  top       : -5px;
  padding   : 5px;
  text-align: center;
  width     : 78px
}

.ribbon .option-6 {
  transform : rotate(46deg);
  right     : -33px;
  top       : -5px;
  padding   : 8px 0 1px 6px;
  text-align: center;
  width     : 90px
}

.ribbon .option-7 {
  background: var(--primary-color);
  left      : 0;
  top       : 15px;
  height    : 30px;
  padding   : 5px 0 5px 10px
}

.ribbon .option-7::before {
  position          : absolute;
  top               : 0;
  left              : 100%;
  display           : block;
  content           : '';
  border            : 15px solid var(--primary-color);
  border-right      : 8px solid transparent;
  border-right-color: transparent
}

.ribbon .option-8 {
  background: var(--primary-color);
  right     : 0;
  top       : 15px;
  height    : 30px;
  padding   : 5px 10px 5px 0
}

.ribbon .option-8::before {
  position         : absolute;
  top              : 0;
  right            : 100%;
  display          : block;
  content          : '';
  border           : 15px solid var(--primary-color);
  border-left      : 8px solid transparent;
  border-left-color: transparent
}

.ribbon .option-9 {
  background: var(--primary-color);
  text-align: center;
  right     : 20px;
  top       : 0;
  width     : 30px;
  padding   : 5px 5px 0 5px
}

.ribbon .option-9::before {
  position           : absolute;
  top                : 22px;
  right              : 0;
  display            : block;
  content            : '';
  border             : 15px solid var(--primary-color);
  border-bottom      : 5px solid transparent;
  border-bottom-color: transparent
}

.ribbon .option-10 {
  background: var(--primary-gradient);
  clip-path : polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 6px), 0 calc(100% - 12px));
  transition: clip-path 1s, padding 1s, background 1s;
  text-align: center;
  right     : 20px;
  top       : 0;
  width     : 30px;
  height    : 40px;
  padding   : 5px
}

.ribbon .option-11 {
  background: var(--chart-color1);
  clip-path : polygon(0 0, 100% 0, 100% calc(100% - 8px), 50% 100%, 0 calc(100% - 8px));
  transition: clip-path 1s, padding 1s, background 1s;
  text-align: center;
  right     : 20px;
  top       : 0;
  width     : 30px;
  height    : 40px;
  padding   : 5px
}

.ribbon .option-12 {
  background: var(--chart-color3);
  clip-path : polygon(0 0, 100% 0, 100% calc(100% - 20px), 40% 100%, 0 calc(100% - 12px));
  transition: clip-path 1s, padding 1s, background 1s;
  text-align: center;
  right     : 20px;
  top       : 0;
  width     : 30px;
  height    : 40px;
  padding   : 5px
}

.ribbon .option-13 {
  height  : 100%;
  width   : 100%;
  position: relative
}

.ribbon .option-13+.card-body {
  z-index : 99;
  position: relative
}

.ribbon .option-13::after {
  background: repeating-linear-gradient(45deg, var(--card-color), var(--card-color) 10px, #3C7AB8 0, #3C7AB8 20px, var(--card-color) 0, var(--card-color) 30px, #CB2C4B 0, #CB2C4B 40px);
  position  : absolute;
  top       : 0;
  left      : 0;
  height    : 100%;
  width     : 100%;
  content   : "";
  z-index   : 0
}

.ribbon .option-13::before {
  background-color: var(--card-color);
  position        : absolute;
  top             : 5px;
  left            : 5px;
  height          : calc(100% - 10px);
  width           : calc(100% - 10px);
  content         : "";
  z-index         : 1;
  border-radius   : 10px
}

.resume-box {
  margin    : 0;
  padding   : 30px 20px;
  list-style: none
}

.resume-box li {
  position: relative;
  padding : 0 20px 0 60px;
  margin  : 0 0 30px
}

.resume-box li:last-child {
  margin-bottom: 0
}

.resume-box li:after {
  content    : "";
  position   : absolute;
  border-left: 1px dashed var(--primary-color);
  top        : 0px;
  left       : 20px;
  bottom     : 0
}

.resume-box .icon {
  color        : var(--primary-color);
  background   : var(--card-color);
  position     : absolute;
  border       : 1px dashed;
  width        : 40px;
  height       : 40px;
  left         : 0;
  right        : 0;
  line-height  : 40px;
  z-index      : 1;
  border-radius: 50%
}

.resume-box .time {
  background   : var(--primary-color);
  color        : #fff;
  display      : inline-block;
  font-size    : 10px;
  padding      : 2px 10px;
  margin-bottom: 12px;
  border-radius: 20px
}

.resume-box.agent-profile li {
  margin-bottom: 0
}

.resume-box.agent-profile li::after {
  display: none
}

.food-order .details {
  overflow-y        : auto;
  scroll-behavior   : smooth;
  scrollbar-width   : none;
  -ms-overflow-style: none;
  min-width         : 360px
}

.food-order .details::-webkit-scrollbar {
  width: 3px
}

@media only screen and (max-width: 767px) {
  .food-order .details {
    display  : none;
    min-width: 300px
  }

  .food-order .details.open {
    display : block;
    position: absolute;
    right   : 0;
    top     : 0;
    z-index : 9;
    height  : 100vh
  }
}

.product-card {
  position: relative
}

.product-card .product-img {
  transition: ease-in-out 0.2s all;
  position  : relative;
  top       : 0
}

.product-card .product-img .btn-hover {
  position  : absolute;
  bottom    : 0;
  left      : 0;
  z-index   : -1;
  transition: ease-in-out 0.2s all;
  width     : 100%
}

.product-card .product-img:hover {
  transition: ease-in-out 0.2s all;
  top       : -15px
}

.product-card .product-img:hover .btn-hover {
  position  : absolute;
  bottom    : -17px;
  z-index   : 1;
  transition: ease-in-out 0.2s all
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin            : 0
}

input[type=number] {
  -moz-appearance: textfield
}

.chat-widgets .form-control:focus {
  box-shadow: none
}

.rating-div ul {
  padding: 0
}

.submit-track {
  position: relative;
  overflow: hidden;
  margin  : 20px 0;
  padding : 0 20px 0 90px
}

.submit-track li {
  position: relative;
  padding : 0 0 30px 20px
}

.submit-track li:before {
  content         : '';
  position        : absolute;
  left            : 0;
  top             : 0;
  width           : 1px;
  height          : 100%;
  background-color: var(--primary-color)
}

.submit-track>li:last-child {
  padding-bottom: 0
}

.submit-track .date {
  background-color: var(--border-color);
  color           : var(--color-700);
  position        : absolute;
  margin-right    : 20px;
  top             : 0;
  right           : 100%
}

.submit-track .circle {
  background-color: var(--primary-color);
  color           : #fff;
  position        : absolute;
  text-align      : center;
  font-size       : 13px;
  left            : 0;
  top             : 0;
  width           : 20px;
  height          : 20px;
  border-radius   : 50%;
  transform       : translateX(-50%);
  z-index         : 1
}

.submit-track ul {
  margin: 10px 0 -30px -20px
}

.submit-track ul li .circle {
  top   : 6px;
  width : 8px;
  height: 8px
}

.avatar-list img {
  border     : 2px solid var(--card-color);
  margin-left: -18px
}

.avatar-list img:hover {
  box-shadow: 0 0.5rem 1rem rgba(25, 24, 24, 0.1) !important;
  position  : relative;
  z-index   : 99
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
  padding-left: 40px
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child::before {
  top             : 14px !important;
  left            : 10px !important;
  height          : 15px;
  width           : 15px;
  line-height     : 16px !important;
  background-color: var(--primary-color) !important
}

table.dataTable.dtr-inline.collapsed.d-row>tbody>tr[role="row"]>td:first-child::before,
table.dataTable.dtr-inline.collapsed.d-row>tbody>tr[role="row"]>th:first-child::before {
  top: 22px !important
}

.table.dataTable.dtr-inline.collapsed>tbody>tr .odd>td:first-child,
.table.dataTable.dtr-inline.collapsed>tbody>tr .odd>th:first-child,
.table.dataTable.dtr-inline.collapsed>tbody>tr .even>td:first-child,
.table.dataTable.dtr-inline.collapsed>tbody>tr .even>th:first-child {
  padding-left: 26px
}

.table.dataTable.dtr-inline.collapsed>tbody>tr .odd>td:first-child::before,
.table.dataTable.dtr-inline.collapsed>tbody>tr .odd>th:first-child::before,
.table.dataTable.dtr-inline.collapsed>tbody>tr .even>td:first-child::before,
.table.dataTable.dtr-inline.collapsed>tbody>tr .even>th:first-child::before {
  transition      : ease 0.1s;
  background-color: var(--secondary-color);
  color           : #191818;
  font-family     : 'FontAwesome';
  content         : '\f105';
  text-align      : center;
  position        : absolute;
  left            : 0;
  top             : 16px;
  width           : 16px;
  height          : 16px;
  line-height     : 16px
}

@media (prefers-reduced-motion: reduce) {

  .table.dataTable.dtr-inline.collapsed>tbody>tr .odd>td:first-child::before,
  .table.dataTable.dtr-inline.collapsed>tbody>tr .odd>th:first-child::before,
  .table.dataTable.dtr-inline.collapsed>tbody>tr .even>td:first-child::before,
  .table.dataTable.dtr-inline.collapsed>tbody>tr .even>th:first-child::before {
    transition: none
  }
}

.table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
.table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
  content         : '\25BC';
  background-color: var(--primary-color);
  color           : #fff
}

[data-theme="high-contrast"] [class="theme-cyan"],
[data-theme="high-contrast"] [class="theme-indigo"],
[data-theme="high-contrast"] [class="theme-blue"],
[data-theme="high-contrast"] [class="theme-green"],
[data-theme="high-contrast"] [class="theme-orange"],
[data-theme="high-contrast"] [class="theme-blush"],
[data-theme="high-contrast"] [class="theme-red"] {
  --primary-color: #ffffff;
  --chart-color1 : #f1ff17;
  --chart-color2 : #ff3a17;
  --chart-color3 : #17e4ff;
  --chart-color4 : #17ff17;
  --chart-color5 : #e417ff;
  --border-color : #ffffff
}

[data-theme="high-contrast"] .badge.bg-primary {
  color: var(--black-color)
}

[data-theme="high-contrast"] .form-control {
  border-color: var(--white-color);
  color       : var(--white-color)
}

[data-theme="high-contrast"] .breadcrumb {
  background-color: var(--black-color)
}

[data-theme="high-contrast"] .form-switch .form-check-input:checked,
[data-theme="high-contrast"] .form-check .form-check-input:checked {
  background-color: var(--black-color);
  border-color    : var(--black-color)
}

[data-theme="high-contrast"] .btn.btn-primary {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .text-muted {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] .main a {
  color: #f1ff17
}

[data-theme="high-contrast"] .main a.btn.btn-dark {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main a.list-group-item {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .btn-outline-secondary {
  color       : var(--white-color);
  border-color: var(--white-color)
}

[data-theme="high-contrast"] .main .breadcrumb-item.active {
  color: var(--white-color)
}

[data-theme="high-contrast"] .main .btn-check:checked+.btn-outline-secondary,
[data-theme="high-contrast"] .main .btn-check:active+.btn-outline-secondary,
[data-theme="high-contrast"] .main .btn-outline-secondary:active,
[data-theme="high-contrast"] .main .btn-outline-secondary.active,
[data-theme="high-contrast"] .main .btn-outline-secondary:hover {
  color           : var(--black-color);
  background-color: var(--white-color);
  border-color    : var(--white-color)
}

[data-theme="high-contrast"] .main .alert-danger {
  color           : var(--white-color);
  background-color: var(--black-color);
  border-color    : var(--white-color)
}

[data-theme="high-contrast"] .main .dropdown-menu a {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .dropdown-menu a:hover {
  color           : var(--white-color);
  background-color: var(--black-color)
}

[data-theme="high-contrast"] .main .fc-theme-standard .fc-scrollgrid,
[data-theme="high-contrast"] .main .fc-theme-standard td,
[data-theme="high-contrast"] .main .fc-theme-standard th {
  border-color: var(--white-color)
}

[data-theme="high-contrast"] .main .fc .fc-button-primary {
  color           : var(--black-color);
  background-color: var(--white-color);
  border-color    : var(--white-color)
}

[data-theme="high-contrast"] .main .fc .fc-button-primary .fc-icon {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] .main .fc .fc-daygrid-day .fc-daygrid-event-dot {
  border-color: var(--white-color)
}

[data-theme="high-contrast"] .main .fc .fc-daygrid-day.fc-day-today {
  background-color: var(--chart-color4) !important
}

[data-theme="high-contrast"] .main .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number,
[data-theme="high-contrast"] .main .fc .fc-daygrid-day.fc-day-today .fc-event-time,
[data-theme="high-contrast"] .main .fc .fc-daygrid-day.fc-day-today .fc-event-title {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .fc .fc-daygrid-day.fc-day-today .fc-daygrid-event-dot {
  border-color: var(--black-color)
}

[data-theme="high-contrast"] .main .fc-h-event {
  border          : 1px solid var(--white-color);
  background-color: var(--white-color)
}

[data-theme="high-contrast"] .main .fc-h-event .fc-event-title {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] .main .card-chat-body .text-end .message {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .bg-secondary {
  background: var(--white-color) !important
}

[data-theme="high-contrast"] .main .bg-secondary .nav-tabs.tab-card .nav-link {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .bg-secondary.badge {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] .main .nav-tabs.tab-body-header .nav-link.active {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .btn.btn-primary {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .resume-box .time {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .bg-primary.text-light,
[data-theme="high-contrast"] .main .bg-primary.badge,
[data-theme="high-contrast"] .main .bg-primary .text-light {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] .main .form-check-input:checked {
  background-color: var(--black-color);
  border-color    : var(--white-color)
}

[data-theme="high-contrast"] .main .paginate_button a {
  color: var(--white-color)
}

[data-theme="high-contrast"] .main .page-item.active .page-link {
  color           : var(--black-color);
  background-color: var(--white-color);
  border-color    : var(--white-color)
}

[data-theme="high-contrast"] .main .page-item .page-link {
  border-color: var(--white-color)
}

[data-theme="high-contrast"] .main .btn-link {
  color: var(--white-color)
}

[data-theme="high-contrast"] .main .list-group.list-group-custom .list-group-item {
  color: var(--white-color)
}

[data-theme="high-contrast"] .main .list-group .list-group-item {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .nav-pills .nav-link {
  color: var(--white-color)
}

[data-theme="high-contrast"] .main .nav-pills .nav-link.active,
[data-theme="high-contrast"] .main .nav-pills .show>.nav-link {
  background-color: var(--white-color);
  color           : var(--black-color)
}

[data-theme="high-contrast"] .main .card.bg-primary,
[data-theme="high-contrast"] .main .card.bg-secondary,
[data-theme="high-contrast"] .main .card.bg-light {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] .main .card .text-dark {
  background: var(--white-color)
}

[data-theme="high-contrast"] .main .accordion .card-header {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] .main .accordion .card-header .btn-light {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] .main .navbar a {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .navbar a:hover {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-light {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-light .brand-icon path {
  fill: var(--black-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-light .text-muted,
[data-theme="high-contrast"] .main .navbar.navbar-light .text-primary,
[data-theme="high-contrast"] .main .navbar.navbar-light .notifications .pulse,
[data-theme="high-contrast"] .main .navbar.navbar-light .notifications .pulse:focus {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] .main .navbar.navbar-light .input-group.border {
  border-color: var(--black-color) !important
}

[data-theme="high-contrast"] .main .navbar.navbar-light .input-group .btn-outline-secondary {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-light .input-group .btn-outline-secondary:focus {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-light .input-group .form-control {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] .main .navbar.navbar-light .input-group .form-control::-webkit-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-light .input-group .form-control::-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-light .input-group .form-control:-ms-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-light .input-group .form-control:-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-dark {
  background-color: var(--black-color) !important
}

[data-theme="high-contrast"] .main .navbar.navbar-dark .navbar-toggler {
  border-color: var(--border-color) !important
}

[data-theme="high-contrast"] .main .navbar.navbar-light {
  background-color: var(--white-color) !important
}

[data-theme="high-contrast"] .main .navbar.navbar-light .nav-pills .nav-link {
  color: var(--black-color)
}

[data-theme="high-contrast"] .main .navbar.navbar-light .nav-pills .nav-link.active,
[data-theme="high-contrast"] .main .navbar.navbar-light .nav-pills .nav-link:hover {
  background-color: var(--black-color);
  color           : var(--white-color)
}

[data-theme="high-contrast"] .main .toast {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] .main .toast .toast-header,
[data-theme="high-contrast"] .main .toast .toast-body {
  color       : var(--black-color);
  border-color: var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar {
  background: var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .m-link:hover,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .m-link.active,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .ms-link:hover,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .ms-link.active {
  color     : var(--black-color);
  background: var(--white-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .m-link:hover .arrow,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .m-link:hover .badge,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .m-link.active .arrow,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .m-link.active .badge,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .ms-link:hover .arrow,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .ms-link:hover .badge,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .ms-link.active .arrow,
[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .ms-link.active .badge {
  color: var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .ms-link::before {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar .menu-list .arrow {
  opacity: 1
}

[data-theme="high-contrast"] #auth-shell .sidebar .form-control {
  background: var(--white-color);
  color     : var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar .form-control::-webkit-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar .form-control::-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar .form-control:-ms-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar .form-control:-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu {
  background: var(--white-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .m-link,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .ms-link {
  color: var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .m-link:hover,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .m-link.active,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .ms-link:hover,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .ms-link.active {
  color     : var(--white-color);
  background: var(--black-color)
}

[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .m-link:hover .arrow,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .m-link:hover .badge,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .m-link.active .arrow,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .m-link.active .badge,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .ms-link:hover .arrow,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .ms-link:hover .badge,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .ms-link.active .arrow,
[data-theme="high-contrast"] #auth-shell .sidebar.sidebar-mini .menu-list .sub-menu .ms-link.active .badge {
  color: var(--white-color)
}

[data-theme="high-contrast"] #auth-shell .navbar .nav-link:hover,
[data-theme="high-contrast"] #auth-shell .navbar .nav-link.active {
  background-color: var(--white-color);
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-b .sidebar {
  background: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link:hover,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link.active,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link:hover,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link.active {
  color     : var(--black-color);
  background: var(--white-color)
}

[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link:hover .arrow,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link:hover .badge,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link.active .arrow,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link.active .badge,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link:hover .arrow,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link:hover .badge,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link.active .arrow,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link.active .badge {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link:hover svg,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link.active svg,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link:hover svg,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link.active svg {
  fill: var(--black-color)
}

[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link:hover svg .fill-primary,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link.active svg .fill-primary,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link:hover svg .fill-primary,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link.active svg .fill-primary {
  fill: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link:hover .text-muted,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .m-link.active .text-muted,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link:hover .text-muted,
[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link.active .text-muted {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-b .sidebar .menu-list .ms-link::before {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] #layout-b .sidebar .menu-list .arrow {
  opacity: 1
}

[data-theme="high-contrast"] #layout-b .page-breadcrumb,
[data-theme="high-contrast"] #layout-b .body-header,
[data-theme="high-contrast"] #layout-b .navbar.navbar-light {
  background: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-b .page-breadcrumb .text-light,
[data-theme="high-contrast"] #layout-b .body-header .text-light,
[data-theme="high-contrast"] #layout-b .navbar.navbar-light .text-light {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-b .page-breadcrumb .btn.btn-white,
[data-theme="high-contrast"] #layout-b .body-header .btn.btn-white,
[data-theme="high-contrast"] #layout-b .navbar.navbar-light .btn.btn-white {
  background-color: var(--white-color) !important;
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-b .page-breadcrumb .nav-link:hover,
[data-theme="high-contrast"] #layout-b .page-breadcrumb .nav-link.active,
[data-theme="high-contrast"] #layout-b .body-header .nav-link:hover,
[data-theme="high-contrast"] #layout-b .body-header .nav-link.active,
[data-theme="high-contrast"] #layout-b .navbar.navbar-light .nav-link:hover,
[data-theme="high-contrast"] #layout-b .navbar.navbar-light .nav-link.active {
  background-color: var(--white-color);
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-b .page-breadcrumb {
  border: none !important
}

[data-theme="high-contrast"] #layout-b .body-header {
  border-bottom: 1px solid var(--white-color) !important
}

[data-theme="high-contrast"] #layout-c .sidebar {
  background-color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-c .sidebar .menu-list .m-link:hover,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .m-link.active,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .ms-link:hover,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .ms-link.active {
  color     : var(--black-color);
  background: var(--white-color)
}

[data-theme="high-contrast"] #layout-c .sidebar .menu-list .m-link:hover .arrow,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .m-link:hover .badge,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .m-link.active .arrow,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .m-link.active .badge,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .ms-link:hover .arrow,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .ms-link:hover .badge,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .ms-link.active .arrow,
[data-theme="high-contrast"] #layout-c .sidebar .menu-list .ms-link.active .badge {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-c .sidebar .menu-list .ms-link::before {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] #layout-c .sidebar .menu-list .arrow {
  opacity: 1
}

[data-theme="high-contrast"] #layout-c .sidebar .form-control {
  background: var(--white-color);
  color     : var(--black-color)
}

[data-theme="high-contrast"] #layout-c .sidebar .form-control::-webkit-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-c .sidebar .form-control::-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-c .sidebar .form-control:-ms-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-c .sidebar .form-control:-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-c .sidebar .nav-tabs.tab-custom .nav-link {
  color  : var(--white-color);
  opacity: unset
}

[data-theme="high-contrast"] #layout-c .sidebar .nav-tabs.tab-custom .nav-link.active {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-d .text-muted {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-d .header .navbar .nav-link:hover,
[data-theme="high-contrast"] #layout-d .header .navbar .nav-link.active {
  background-color: var(--white-color);
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-d .header .navbar .dropdown-item:hover,
[data-theme="high-contrast"] #layout-d .header .navbar .dropdown-item:focus,
[data-theme="high-contrast"] #layout-d .header .navbar .dropdown-item.active {
  background-color: var(--black-color)
}

[data-theme="high-contrast"] #layout-d-sub-header .navbar .nav-link:hover,
[data-theme="high-contrast"] #layout-d-sub-header .navbar .nav-link.active {
  background-color: var(--white-color);
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-d-sub-header .navbar.bg-secondary {
  background-color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-d-sub-header .navbar .btn.btn-outline-secondary {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-d-sub-header .navbar .btn.btn-outline-secondary:hover,
[data-theme="high-contrast"] #layout-d-sub-header .navbar .btn.btn-outline-secondary.active,
[data-theme="high-contrast"] #layout-d-sub-header .navbar .btn.btn-outline-secondary:focus {
  background-color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-d-sub-header .sub-header .navbar .nav-link:hover,
[data-theme="high-contrast"] #layout-d-sub-header .sub-header .navbar .nav-link.active {
  background-color: var(--white-color);
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-d-sub-header .dropdown-item:hover,
[data-theme="high-contrast"] #layout-d-sub-header .dropdown-item:focus,
[data-theme="high-contrast"] #layout-d-sub-header .dropdown-item.active {
  background-color: var(--black-color)
}

[data-theme="high-contrast"] #layout-e .sidebar {
  background: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-e .sidebar .menu-list .m-link:hover,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .m-link.active,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .ms-link:hover,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .ms-link.active {
  color     : var(--black-color);
  background: var(--white-color)
}

[data-theme="high-contrast"] #layout-e .sidebar .menu-list .m-link:hover .arrow,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .m-link:hover .badge,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .m-link.active .arrow,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .m-link.active .badge,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .ms-link:hover .arrow,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .ms-link:hover .badge,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .ms-link.active .arrow,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .ms-link.active .badge {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-e .sidebar .menu-list .m-link:hover .text-muted,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .m-link.active .text-muted,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .ms-link:hover .text-muted,
[data-theme="high-contrast"] #layout-e .sidebar .menu-list .ms-link.active .text-muted {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-e .sidebar .menu-list .ms-link::before {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] #layout-e .sidebar .menu-list .arrow {
  opacity: 1
}

[data-theme="high-contrast"] #layout-e .navbar.bg-dark {
  background-color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-e .navbar .input-group.border {
  border-color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-e .navbar .input-group .btn,
[data-theme="high-contrast"] #layout-e .navbar .input-group .form-control {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-e .navbar .input-group .form-control::-webkit-input-placeholder {
  color: var(--white-color)
}

[data-theme="high-contrast"] #layout-e .navbar .input-group .form-control::-moz-placeholder {
  color: var(--white-color)
}

[data-theme="high-contrast"] #layout-e .navbar .input-group .form-control:-ms-input-placeholder {
  color: var(--white-color)
}

[data-theme="high-contrast"] #layout-e .navbar .input-group .form-control:-moz-placeholder {
  color: var(--white-color)
}

[data-theme="high-contrast"] #layout-e .navbar .input-group .btn-outline-secondary.dropdown-toggle {
  background-color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-e .navbar .dropdown-item:hover,
[data-theme="high-contrast"] #layout-e .navbar .dropdown-item:focus,
[data-theme="high-contrast"] #layout-e .navbar .dropdown-item.active {
  background-color: var(--black-color)
}

[data-theme="high-contrast"] #layout-e .navbar .nav-link:hover,
[data-theme="high-contrast"] #layout-e .navbar .nav-link.active {
  background-color: var(--white-color);
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-f .header {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-f .header .brand-icon path {
  fill: var(--black-color)
}

[data-theme="high-contrast"] #layout-f .header .navbar .nav-link {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-f .header .navbar .nav-link:hover,
[data-theme="high-contrast"] #layout-f .header .navbar .nav-link.active {
  background-color: var(--black-color);
  color           : var(--white-color) !important
}

[data-theme="high-contrast"] #layout-f .header .notifications .pulse .pulse-ring {
  border-color: var(--black-color)
}

[data-theme="high-contrast"] #layout-f .body-header.text-light {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-f .input-group.border {
  border-color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-f .input-group .btn,
[data-theme="high-contrast"] #layout-f .input-group .form-control {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-f .input-group .form-control::-webkit-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-f .input-group .form-control::-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-f .input-group .form-control:-ms-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-f .input-group .form-control:-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-f .dropdown-item:hover,
[data-theme="high-contrast"] #layout-f .dropdown-item:focus,
[data-theme="high-contrast"] #layout-f .dropdown-item.active {
  background-color: var(--black-color)
}

[data-theme="high-contrast"] #layout-g .sidebar .menu-list.grid {
  border-color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-g .sidebar .menu-list.grid li {
  border-color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-g .sidebar .menu-list.grid li .m-link {
  color       : var(--white-color) !important;
  border-color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-g .sidebar .menu-list.grid li .m-link.active,
[data-theme="high-contrast"] #layout-g .sidebar .menu-list.grid li .m-link:hover {
  background: var(--white-color) !important;
  color     : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-g .main,
[data-theme="high-contrast"] #layout-g .card:not(a),
[data-theme="high-contrast"] #layout-g .navbar {
  background-color: var(--black-color)
}

[data-theme="high-contrast"] #layout-g .navbar .nav-link:hover,
[data-theme="high-contrast"] #layout-g .navbar .nav-link.active {
  background-color: var(--white-color);
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-g .text-muted,
[data-theme="high-contrast"] #layout-g .sidebar .menu-list.grid li .m-link {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-g .badge.bg-primary {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-h .sidebar {
  background: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-h .sidebar .sidebar-title {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-h .sidebar .menu-list.grid {
  border-color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-h .sidebar .menu-list.grid li {
  border-color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-h .sidebar .menu-list.grid li .m-link {
  color       : var(--white-color) !important;
  border-color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-h .sidebar .menu-list.grid li .m-link.active,
[data-theme="high-contrast"] #layout-h .sidebar .menu-list.grid li .m-link:hover {
  background: var(--white-color) !important;
  color     : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-h .sidebar .badge.bg-primary {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light {
  background: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .nav-link {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .nav-link:hover,
[data-theme="high-contrast"] #layout-h .navbar.navbar-light .nav-link.active {
  background-color: var(--white-color);
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .brand-icon path {
  fill: var(--white-color)
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .input-group.border {
  border-color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .input-group .btn,
[data-theme="high-contrast"] #layout-h .navbar.navbar-light .input-group .form-control {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .input-group .form-control::-webkit-input-placeholder {
  color: var(--white-color)
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .input-group .form-control::-moz-placeholder {
  color: var(--white-color)
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .input-group .form-control:-ms-input-placeholder {
  color: var(--white-color)
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .input-group .form-control:-moz-placeholder {
  color: var(--white-color)
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .input-group .btn-outline-secondary.dropdown-toggle {
  background-color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-h .navbar.navbar-light .dropdown-item:hover,
[data-theme="high-contrast"] #layout-h .navbar.navbar-light .dropdown-item:focus,
[data-theme="high-contrast"] #layout-h .navbar.navbar-light .dropdown-item.active {
  background-color: var(--black-color)
}

[data-theme="high-contrast"] #layout-i .text-muted {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link:hover,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link.active,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link:hover,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link.active {
  color     : var(--black-color);
  background: var(--white-color)
}

[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link:hover .arrow,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link:hover .badge,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link.active .arrow,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link.active .badge,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link:hover .arrow,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link:hover .badge,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link.active .arrow,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link.active .badge {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link:hover svg,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link.active svg,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link:hover svg,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link.active svg {
  fill: var(--black-color)
}

[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link:hover svg .fill-primary,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link.active svg .fill-primary,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link:hover svg .fill-primary,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link.active svg .fill-primary {
  fill: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link:hover .text-muted,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .m-link.active .text-muted,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link:hover .text-muted,
[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link.active .text-muted {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-i .sidebar .menu-list .ms-link::before {
  background-color: var(--white-color)
}

[data-theme="high-contrast"] #layout-i .sidebar .menu-list .arrow {
  opacity: 1
}

[data-theme="high-contrast"] #layout-i .sidebar .nav-link:hover,
[data-theme="high-contrast"] #layout-i .sidebar .nav-link.active {
  background-color: var(--white-color);
  color           : var(--black-color) !important
}

[data-theme="high-contrast"] #layout-i .sidebar .nav-link:hover .text-muted,
[data-theme="high-contrast"] #layout-i .sidebar .nav-link.active .text-muted {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-o .header {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-o .header .brand-icon path {
  fill: var(--black-color)
}

[data-theme="high-contrast"] #layout-o .header .navbar .brand-icon .text-primary {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-o .header .navbar .nav-link {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-o .header .navbar .nav-link:hover,
[data-theme="high-contrast"] #layout-o .header .navbar .nav-link.active {
  background-color: var(--black-color);
  color           : var(--white-color) !important
}

[data-theme="high-contrast"] #layout-o .header .notifications .pulse .pulse-ring {
  border-color: var(--black-color)
}

[data-theme="high-contrast"] #layout-o .header .notifications .card .card-header {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-o .header .notifications h4,
[data-theme="high-contrast"] #layout-o .header .notifications .h4 {
  color: var(--white-color)
}

[data-theme="high-contrast"] #layout-o .body-header.text-light {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #layout-o .input-group.border {
  border-color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-o .input-group .btn,
[data-theme="high-contrast"] #layout-o .input-group .form-control {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #layout-o .input-group .form-control::-webkit-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-o .input-group .form-control::-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-o .input-group .form-control:-ms-input-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-o .input-group .form-control:-moz-placeholder {
  color: var(--black-color)
}

[data-theme="high-contrast"] #layout-o .dropdown-item:hover,
[data-theme="high-contrast"] #layout-o .dropdown-item:focus,
[data-theme="high-contrast"] #layout-o .dropdown-item.active {
  background-color: var(--black-color)
}

[data-theme="high-contrast"] .sidebar .menu-list .m-link,
[data-theme="high-contrast"] .sidebar .menu-list .ms-link {
  padding      : 8px 10px !important;
  border-radius: .25rem;
  margin-bottom: 3px !important
}

[data-theme="high-contrast"] .sidebar .menu-list .ms-link::before {
  left: -16px
}

[data-theme="high-contrast"] .sidebar .menu-list .sub-menu::before {
  left: 16px
}

[data-theme="high-contrast"] #SearchModal {
  color: var(--black-color)
}

[data-theme="high-contrast"] #SearchModal.modal .modal-title {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #SearchModal .modal-header.bg-secondary {
  background   : var(--white-color) !important;
  border-bottom: 1px solid var(--black-color) !important
}

[data-theme="high-contrast"] #SearchModal .text-primary {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #SearchModal .dropdown-item:hover,
[data-theme="high-contrast"] #SearchModal .dropdown-item:focus,
[data-theme="high-contrast"] #SearchModal .dropdown-item.active {
  background-color: var(--black-color);
  color           : var(--white-color)
}

[data-theme="high-contrast"] #SearchModal .dropdown-item:hover .text-primary,
[data-theme="high-contrast"] #SearchModal .dropdown-item:focus .text-primary,
[data-theme="high-contrast"] #SearchModal .dropdown-item.active .text-primary {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #notificationsModal {
  color: var(--black-color)
}

[data-theme="high-contrast"] #notificationsModal .modal-header {
  border-color : var(--black-color);
  background   : var(--white-color) !important;
  border-bottom: 1px solid var(--black-color) !important
}

[data-theme="high-contrast"] #notificationsModal .modal-header .badge {
  background-color: var(--black-color) !important
}

[data-theme="high-contrast"] #notificationsModal.modal .modal-title {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #notificationsModal .border-bottom {
  border-color: var(--white-color) !important
}

[data-theme="high-contrast"] #notificationsModal .btn-close,
[data-theme="high-contrast"] #notificationsModal .text-muted {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] #notificationsModal .nav-pills .nav-link {
  color: var(--black-color)
}

[data-theme="high-contrast"] #notificationsModal .nav-pills .nav-link.active,
[data-theme="high-contrast"] #notificationsModal .nav-pills .show>.nav-link {
  background-color: var(--black-color);
  color           : var(--white-color)
}

[data-theme="high-contrast"] #LayoutModal .bg-primary {
  background: var(--black-color) !important
}

[data-theme="high-contrast"] #LayoutModal .border-primary {
  border-color: var(--black-color) !important
}

[data-theme="high-contrast"] #LayoutModal .modal-header {
  border-color : var(--black-color);
  background   : var(--white-color) !important;
  border-bottom: 1px solid var(--black-color) !important
}

[data-theme="high-contrast"] #LayoutModal.modal .modal-title {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #LayoutModal .card .card-title {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] #optionsModal .modal-header {
  border-color: var(--white-color)
}

[data-theme="high-contrast"] #optionsModal .modal-body .text-muted {
  color: var(--white-color) !important
}

[data-theme="high-contrast"] .modal-header {
  border-color: var(--black-color);
  color       : var(--black-color) !important
}

[data-theme="high-contrast"] .modal-header .btn-close {
  opacity: 1
}

[data-theme="high-contrast"] .modal-header .badge {
  background-color: var(--black-color) !important
}

[data-theme="high-contrast"] .modal-body .text-muted {
  color: var(--black-color) !important
}

[data-theme="high-contrast"] .modal-body a {
  color: var(--black-color)
}

[data-theme="high-contrast"] .apexcharts-tooltip .apexcharts-tooltip-title,
[data-theme="high-contrast"] .apexcharts-tooltip .apexcharts-tooltip-series-group {
  background-color: var(--white-color) !important;
  color           : var(--black-color) !important;
  border-color    : var(--black-color) !important
}

[data-theme="high-contrast"] .rtl_mode .sidebar .menu-list .sub-menu::before {
  right: 16px
}

[data-theme="high-contrast"] .rtl_mode .sidebar .menu-list .ms-link::before {
  right: -16px
}