@charset "UTF-8";
/*--------------------------------

hermes-dashboard-icons Web Font - built using nucleoapp.com
License - nucleoapp.com/license/

-------------------------------- */
@font-face {
  font-family: 'NucleoIcons';
  src: url(/assets/nucleo/nucleo-icons-37b12b71caeda70743d72f88b6caa23fb647688d4dc68afcd3f7a0c3bda3a0ba.eot);
  src: url(/assets/nucleo/nucleo-icons-37b12b71caeda70743d72f88b6caa23fb647688d4dc68afcd3f7a0c3bda3a0ba.eot) format("embedded-opentype"), url(/assets/nucleo/nucleo-icons-fb7eddef11c31b22bf31f12a3b59fbed5379ff636b14800f55040806cb1ad58e.woff2) format("woff2"), url(/assets/nucleo/nucleo-icons-c8f3740043bd3f4631aa970f0a624787cb745877dd365f1c989bca58462fa840.woff) format("woff"), url(/assets/nucleo/nucleo-icons-0105356cfa5e3153ba799fc7da50017a38762d2dfa2cc629bd8e5818f942842d.ttf) format("truetype"), url(/assets/nucleo/nucleo-icons-37172695c5e507f8cd9b614d26dba4e46eaa6767791a2d51351acda440805bfb.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

/*------------------------
    base class definition
-------------------------*/
/* line 17, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni {
  display: inline-block;
  font: normal normal normal 14px/1 NucleoIcons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------
  change icon size
-------------------------*/
/* line 28, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

/* line 33, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-2x {
  font-size: 2em;
}

/* line 36, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-3x {
  font-size: 3em;
}

/* line 39, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-4x {
  font-size: 4em;
}

/* line 42, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-5x {
  font-size: 5em;
}

/*----------------------------------
  add a square/circle background
-----------------------------------*/
/* line 49, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni.square,
.ni.circle {
  padding: 0.33333333em;
  vertical-align: -16%;
  background-color: #eee;
}

/* line 55, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni.circle {
  border-radius: 50%;
}

/*------------------------
  list icons
-------------------------*/
/* line 61, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

/* line 66, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-ul > li {
  position: relative;
}

/* line 69, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-ul > li > .ni {
  position: absolute;
  left: -1.57142857em;
  top: 0.14285714em;
  text-align: center;
}

/* line 75, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-ul > li > .ni.lg {
  top: 0;
  left: -1.35714286em;
}

/* line 79, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-ul > li > .ni.circle,
.ni-ul > li > .ni.square {
  top: -0.19047619em;
  left: -1.9047619em;
}

/*------------------------
  spinning icons
-------------------------*/
/* line 87, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni.spin {
  -webkit-animation: nc-spin 2s infinite linear;
  -moz-animation: nc-spin 2s infinite linear;
  animation: nc-spin 2s infinite linear;
}

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

@-moz-keyframes nc-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}

@keyframes nc-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*------------------------
  rotated/flipped icons
-------------------------*/
/* line 127, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni.rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 135, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni.rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 143, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni.rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

/* line 151, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni.flip-y {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

/* line 159, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni.flip-x {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

/*------------------------
    font icons
-------------------------*/
/* line 171, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-active-40::before {
  content: "\ea02";
}

/* line 175, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-air-baloon::before {
  content: "\ea03";
}

/* line 179, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-album-2::before {
  content: "\ea04";
}

/* line 183, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-align-center::before {
  content: "\ea05";
}

/* line 187, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-align-left-2::before {
  content: "\ea06";
}

/* line 191, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-ambulance::before {
  content: "\ea07";
}

/* line 195, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-app::before {
  content: "\ea08";
}

/* line 199, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-archive-2::before {
  content: "\ea09";
}

/* line 203, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-atom::before {
  content: "\ea0a";
}

/* line 207, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-badge::before {
  content: "\ea0b";
}

/* line 211, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bag-17::before {
  content: "\ea0c";
}

/* line 215, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-basket::before {
  content: "\ea0d";
}

/* line 219, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bell-55::before {
  content: "\ea0e";
}

/* line 223, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bold-down::before {
  content: "\ea0f";
}

/* line 227, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bold-left::before {
  content: "\ea10";
}

/* line 231, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bold-right::before {
  content: "\ea11";
}

/* line 235, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bold-up::before {
  content: "\ea12";
}

/* line 239, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bold::before {
  content: "\ea13";
}

/* line 243, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-book-bookmark::before {
  content: "\ea14";
}

/* line 247, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-books::before {
  content: "\ea15";
}

/* line 251, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-box-2::before {
  content: "\ea16";
}

/* line 255, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-briefcase-24::before {
  content: "\ea17";
}

/* line 259, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-building::before {
  content: "\ea18";
}

/* line 263, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bulb-61::before {
  content: "\ea19";
}

/* line 267, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bullet-list-67::before {
  content: "\ea1a";
}

/* line 271, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-bus-front-12::before {
  content: "\ea1b";
}

/* line 275, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-button-pause::before {
  content: "\ea1c";
}

/* line 279, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-button-play::before {
  content: "\ea1d";
}

/* line 283, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-button-power::before {
  content: "\ea1e";
}

/* line 287, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-calendar-grid-58::before {
  content: "\ea1f";
}

/* line 291, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-camera-compact::before {
  content: "\ea20";
}

/* line 295, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-caps-small::before {
  content: "\ea21";
}

/* line 299, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-cart::before {
  content: "\ea22";
}

/* line 303, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-chart-bar-32::before {
  content: "\ea23";
}

/* line 307, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-chart-pie-35::before {
  content: "\ea24";
}

/* line 311, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-chat-round::before {
  content: "\ea25";
}

/* line 315, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-check-bold::before {
  content: "\ea26";
}

/* line 319, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-circle-08::before {
  content: "\ea27";
}

/* line 323, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-cloud-download-95::before {
  content: "\ea28";
}

/* line 327, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-cloud-upload-96::before {
  content: "\ea29";
}

/* line 331, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-compass-04::before {
  content: "\ea2a";
}

/* line 335, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-controller::before {
  content: "\ea2b";
}

/* line 339, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-credit-card::before {
  content: "\ea2c";
}

/* line 343, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-curved-next::before {
  content: "\ea2d";
}

/* line 347, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-delivery-fast::before {
  content: "\ea2e";
}

/* line 351, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-diamond::before {
  content: "\ea2f";
}

/* line 355, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-email-83::before {
  content: "\ea30";
}

/* line 359, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-fat-add::before {
  content: "\ea31";
}

/* line 363, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-fat-delete::before {
  content: "\ea32";
}

/* line 367, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-fat-remove::before {
  content: "\ea33";
}

/* line 371, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-favourite-28::before {
  content: "\ea34";
}

/* line 375, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-folder-17::before {
  content: "\ea35";
}

/* line 379, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-glasses-2::before {
  content: "\ea36";
}

/* line 383, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-hat-3::before {
  content: "\ea37";
}

/* line 387, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-headphones::before {
  content: "\ea38";
}

/* line 391, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-html5::before {
  content: "\ea39";
}

/* line 395, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-istanbul::before {
  content: "\ea3a";
}

/* line 399, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-key-25::before {
  content: "\ea3b";
}

/* line 403, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-laptop::before {
  content: "\ea3c";
}

/* line 407, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-like-2::before {
  content: "\ea3d";
}

/* line 411, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-lock-circle-open::before {
  content: "\ea3e";
}

/* line 415, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-map-big::before {
  content: "\ea3f";
}

/* line 419, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-mobile-button::before {
  content: "\ea40";
}

/* line 423, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-money-coins::before {
  content: "\ea41";
}

/* line 427, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-note-03::before {
  content: "\ea42";
}

/* line 431, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-notification-70::before {
  content: "\ea43";
}

/* line 435, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-palette::before {
  content: "\ea44";
}

/* line 439, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-paper-diploma::before {
  content: "\ea45";
}

/* line 443, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-pin-3::before {
  content: "\ea46";
}

/* line 447, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-planet::before {
  content: "\ea47";
}

/* line 451, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-ruler-pencil::before {
  content: "\ea48";
}

/* line 455, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-satisfied::before {
  content: "\ea49";
}

/* line 459, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-scissors::before {
  content: "\ea4a";
}

/* line 463, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-send::before {
  content: "\ea4b";
}

/* line 467, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-settings-gear-65::before {
  content: "\ea4c";
}

/* line 471, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-settings::before {
  content: "\ea4d";
}

/* line 475, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-single-02::before {
  content: "\ea4e";
}

/* line 479, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-single-copy-04::before {
  content: "\ea4f";
}

/* line 483, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-sound-wave::before {
  content: "\ea50";
}

/* line 487, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-spaceship::before {
  content: "\ea51";
}

/* line 491, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-square-pin::before {
  content: "\ea52";
}

/* line 495, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-support-16::before {
  content: "\ea53";
}

/* line 499, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-tablet-button::before {
  content: "\ea54";
}

/* line 503, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-tag::before {
  content: "\ea55";
}

/* line 507, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-tie-bow::before {
  content: "\ea56";
}

/* line 511, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-time-alarm::before {
  content: "\ea57";
}

/* line 515, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-trophy::before {
  content: "\ea58";
}

/* line 519, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-tv-2::before {
  content: "\ea59";
}

/* line 523, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-umbrella-13::before {
  content: "\ea5a";
}

/* line 527, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-user-run::before {
  content: "\ea5b";
}

/* line 531, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-vector::before {
  content: "\ea5c";
}

/* line 535, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-watch-time::before {
  content: "\ea5d";
}

/* line 539, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-world::before {
  content: "\ea5e";
}

/* line 543, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-zoom-split-in::before {
  content: "\ea5f";
}

/* line 547, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-collection::before {
  content: "\ea60";
}

/* line 551, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-image::before {
  content: "\ea61";
}

/* line 555, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-shop::before {
  content: "\ea62";
}

/* line 559, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-ungroup::before {
  content: "\ea63";
}

/* line 563, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-world-2::before {
  content: "\ea64";
}

/* line 567, app/assets/stylesheets/vendor/nucleo/css/nucleo.css */
.ni-ui-04::before {
  content: "\ea65";
}

/* all icon font classes list here */
@font-face {
  font-family: 'NucleoIcons';
  src: url(/assets/nucleo/nucleo-icons-37172695c5e507f8cd9b614d26dba4e46eaa6767791a2d51351acda440805bfb.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/assets/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot);
  src: url(/assets/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot?#iefix) format("embedded-opentype"), url(/assets/fontawesome-webfont-fa79d127baca4558a0b973f5f514b90fc5ef43314c41095f5cb285ffaa0a4029.woff2) format("woff2"), url(/assets/fontawesome-webfont-c9a0a23a23a3f6f7165cba218b40483a0b1750d92b49c40842f1d8f566f5f421.woff) format("woff"), url(/assets/fontawesome-webfont-2794b002e3568f5abce8991e2431ca79e0ce84a08ea1268884b4e097b62762a6.ttf) format("truetype"), url(/assets/fontawesome-webfont-67c6c8e9ffb0fcd7c7c64eaff12a298abf5b54a54b54f0e6c4c49161dba62d6d.svg#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 19, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.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;
}

/* makes the font 33% larger relative to the icon container */
/* line 28, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

/* line 33, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-2x {
  font-size: 2em;
}

/* line 36, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-3x {
  font-size: 3em;
}

/* line 39, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-4x {
  font-size: 4em;
}

/* line 42, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-5x {
  font-size: 5em;
}

/* line 45, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

/* line 49, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

/* line 54, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ul > li {
  position: relative;
}

/* line 57, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

/* line 64, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-li.fa-lg {
  left: -1.85714286em;
}

/* line 67, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

/* line 72, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pull-left {
  float: left;
}

/* line 75, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pull-right {
  float: right;
}

/* line 78, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa.fa-pull-left {
  margin-right: .3em;
}

/* line 81, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
/* line 85, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.pull-right {
  float: right;
}

/* line 88, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.pull-left {
  float: left;
}

/* line 91, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa.pull-left {
  margin-right: .3em;
}

/* line 94, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa.pull-right {
  margin-left: .3em;
}

/* line 97, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

/* line 101, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.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);
  }
}

/* line 125, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 131, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 137, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

/* line 143, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.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);
}

/* line 149, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.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);
}

/* line 155, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

/* line 162, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

/* line 170, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

/* line 177, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-1x {
  line-height: inherit;
}

/* line 180, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-2x {
  font-size: 2em;
}

/* line 183, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/* line 188, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-glass:before {
  content: "\f000";
}

/* line 191, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-music:before {
  content: "\f001";
}

/* line 194, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-search:before {
  content: "\f002";
}

/* line 197, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope-o:before {
  content: "\f003";
}

/* line 200, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-heart:before {
  content: "\f004";
}

/* line 203, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-star:before {
  content: "\f005";
}

/* line 206, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-star-o:before {
  content: "\f006";
}

/* line 209, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user:before {
  content: "\f007";
}

/* line 212, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-film:before {
  content: "\f008";
}

/* line 215, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-th-large:before {
  content: "\f009";
}

/* line 218, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-th:before {
  content: "\f00a";
}

/* line 221, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-th-list:before {
  content: "\f00b";
}

/* line 224, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check:before {
  content: "\f00c";
}

/* line 227, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

/* line 232, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-search-plus:before {
  content: "\f00e";
}

/* line 235, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-search-minus:before {
  content: "\f010";
}

/* line 238, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-power-off:before {
  content: "\f011";
}

/* line 241, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-signal:before {
  content: "\f012";
}

/* line 244, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

/* line 248, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trash-o:before {
  content: "\f014";
}

/* line 251, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-home:before {
  content: "\f015";
}

/* line 254, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-o:before {
  content: "\f016";
}

/* line 257, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-clock-o:before {
  content: "\f017";
}

/* line 260, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-road:before {
  content: "\f018";
}

/* line 263, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-download:before {
  content: "\f019";
}

/* line 266, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

/* line 269, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

/* line 272, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-inbox:before {
  content: "\f01c";
}

/* line 275, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-play-circle-o:before {
  content: "\f01d";
}

/* line 278, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

/* line 282, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-refresh:before {
  content: "\f021";
}

/* line 285, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-list-alt:before {
  content: "\f022";
}

/* line 288, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lock:before {
  content: "\f023";
}

/* line 291, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flag:before {
  content: "\f024";
}

/* line 294, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-headphones:before {
  content: "\f025";
}

/* line 297, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-volume-off:before {
  content: "\f026";
}

/* line 300, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-volume-down:before {
  content: "\f027";
}

/* line 303, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-volume-up:before {
  content: "\f028";
}

/* line 306, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-qrcode:before {
  content: "\f029";
}

/* line 309, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-barcode:before {
  content: "\f02a";
}

/* line 312, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tag:before {
  content: "\f02b";
}

/* line 315, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tags:before {
  content: "\f02c";
}

/* line 318, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-book:before {
  content: "\f02d";
}

/* line 321, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bookmark:before {
  content: "\f02e";
}

/* line 324, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-print:before {
  content: "\f02f";
}

/* line 327, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-camera:before {
  content: "\f030";
}

/* line 330, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-font:before {
  content: "\f031";
}

/* line 333, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bold:before {
  content: "\f032";
}

/* line 336, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-italic:before {
  content: "\f033";
}

/* line 339, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-text-height:before {
  content: "\f034";
}

/* line 342, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-text-width:before {
  content: "\f035";
}

/* line 345, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-align-left:before {
  content: "\f036";
}

/* line 348, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-align-center:before {
  content: "\f037";
}

/* line 351, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-align-right:before {
  content: "\f038";
}

/* line 354, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-align-justify:before {
  content: "\f039";
}

/* line 357, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-list:before {
  content: "\f03a";
}

/* line 360, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

/* line 364, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-indent:before {
  content: "\f03c";
}

/* line 367, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-video-camera:before {
  content: "\f03d";
}

/* line 370, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

/* line 375, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pencil:before {
  content: "\f040";
}

/* line 378, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map-marker:before {
  content: "\f041";
}

/* line 381, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-adjust:before {
  content: "\f042";
}

/* line 384, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tint:before {
  content: "\f043";
}

/* line 387, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

/* line 391, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-share-square-o:before {
  content: "\f045";
}

/* line 394, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check-square-o:before {
  content: "\f046";
}

/* line 397, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrows:before {
  content: "\f047";
}

/* line 400, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-step-backward:before {
  content: "\f048";
}

/* line 403, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fast-backward:before {
  content: "\f049";
}

/* line 406, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-backward:before {
  content: "\f04a";
}

/* line 409, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-play:before {
  content: "\f04b";
}

/* line 412, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pause:before {
  content: "\f04c";
}

/* line 415, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stop:before {
  content: "\f04d";
}

/* line 418, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-forward:before {
  content: "\f04e";
}

/* line 421, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fast-forward:before {
  content: "\f050";
}

/* line 424, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-step-forward:before {
  content: "\f051";
}

/* line 427, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eject:before {
  content: "\f052";
}

/* line 430, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-left:before {
  content: "\f053";
}

/* line 433, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-right:before {
  content: "\f054";
}

/* line 436, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plus-circle:before {
  content: "\f055";
}

/* line 439, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-minus-circle:before {
  content: "\f056";
}

/* line 442, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-times-circle:before {
  content: "\f057";
}

/* line 445, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check-circle:before {
  content: "\f058";
}

/* line 448, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-question-circle:before {
  content: "\f059";
}

/* line 451, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-info-circle:before {
  content: "\f05a";
}

/* line 454, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-crosshairs:before {
  content: "\f05b";
}

/* line 457, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-times-circle-o:before {
  content: "\f05c";
}

/* line 460, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check-circle-o:before {
  content: "\f05d";
}

/* line 463, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ban:before {
  content: "\f05e";
}

/* line 466, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-left:before {
  content: "\f060";
}

/* line 469, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-right:before {
  content: "\f061";
}

/* line 472, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-up:before {
  content: "\f062";
}

/* line 475, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-down:before {
  content: "\f063";
}

/* line 478, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

/* line 482, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-expand:before {
  content: "\f065";
}

/* line 485, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-compress:before {
  content: "\f066";
}

/* line 488, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plus:before {
  content: "\f067";
}

/* line 491, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-minus:before {
  content: "\f068";
}

/* line 494, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-asterisk:before {
  content: "\f069";
}

/* line 497, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-exclamation-circle:before {
  content: "\f06a";
}

/* line 500, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gift:before {
  content: "\f06b";
}

/* line 503, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-leaf:before {
  content: "\f06c";
}

/* line 506, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fire:before {
  content: "\f06d";
}

/* line 509, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eye:before {
  content: "\f06e";
}

/* line 512, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eye-slash:before {
  content: "\f070";
}

/* line 515, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

/* line 519, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plane:before {
  content: "\f072";
}

/* line 522, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar:before {
  content: "\f073";
}

/* line 525, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-random:before {
  content: "\f074";
}

/* line 528, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-comment:before {
  content: "\f075";
}

/* line 531, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-magnet:before {
  content: "\f076";
}

/* line 534, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-up:before {
  content: "\f077";
}

/* line 537, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-down:before {
  content: "\f078";
}

/* line 540, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-retweet:before {
  content: "\f079";
}

/* line 543, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shopping-cart:before {
  content: "\f07a";
}

/* line 546, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-folder:before {
  content: "\f07b";
}

/* line 549, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-folder-open:before {
  content: "\f07c";
}

/* line 552, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrows-v:before {
  content: "\f07d";
}

/* line 555, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrows-h:before {
  content: "\f07e";
}

/* line 558, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

/* line 562, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-twitter-square:before {
  content: "\f081";
}

/* line 565, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-facebook-square:before {
  content: "\f082";
}

/* line 568, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-camera-retro:before {
  content: "\f083";
}

/* line 571, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-key:before {
  content: "\f084";
}

/* line 574, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

/* line 578, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-comments:before {
  content: "\f086";
}

/* line 581, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumbs-o-up:before {
  content: "\f087";
}

/* line 584, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumbs-o-down:before {
  content: "\f088";
}

/* line 587, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-star-half:before {
  content: "\f089";
}

/* line 590, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-heart-o:before {
  content: "\f08a";
}

/* line 593, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sign-out:before {
  content: "\f08b";
}

/* line 596, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-linkedin-square:before {
  content: "\f08c";
}

/* line 599, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumb-tack:before {
  content: "\f08d";
}

/* line 602, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-external-link:before {
  content: "\f08e";
}

/* line 605, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sign-in:before {
  content: "\f090";
}

/* line 608, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trophy:before {
  content: "\f091";
}

/* line 611, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-github-square:before {
  content: "\f092";
}

/* line 614, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-upload:before {
  content: "\f093";
}

/* line 617, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lemon-o:before {
  content: "\f094";
}

/* line 620, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-phone:before {
  content: "\f095";
}

/* line 623, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-square-o:before {
  content: "\f096";
}

/* line 626, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bookmark-o:before {
  content: "\f097";
}

/* line 629, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-phone-square:before {
  content: "\f098";
}

/* line 632, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-twitter:before {
  content: "\f099";
}

/* line 635, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

/* line 639, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-github:before {
  content: "\f09b";
}

/* line 642, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-unlock:before {
  content: "\f09c";
}

/* line 645, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-credit-card:before {
  content: "\f09d";
}

/* line 648, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

/* line 652, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hdd-o:before {
  content: "\f0a0";
}

/* line 655, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bullhorn:before {
  content: "\f0a1";
}

/* line 658, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bell:before {
  content: "\f0f3";
}

/* line 661, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-certificate:before {
  content: "\f0a3";
}

/* line 664, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-o-right:before {
  content: "\f0a4";
}

/* line 667, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-o-left:before {
  content: "\f0a5";
}

/* line 670, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-o-up:before {
  content: "\f0a6";
}

/* line 673, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-o-down:before {
  content: "\f0a7";
}

/* line 676, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-left:before {
  content: "\f0a8";
}

/* line 679, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-right:before {
  content: "\f0a9";
}

/* line 682, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-up:before {
  content: "\f0aa";
}

/* line 685, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-down:before {
  content: "\f0ab";
}

/* line 688, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-globe:before {
  content: "\f0ac";
}

/* line 691, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wrench:before {
  content: "\f0ad";
}

/* line 694, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tasks:before {
  content: "\f0ae";
}

/* line 697, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-filter:before {
  content: "\f0b0";
}

/* line 700, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-briefcase:before {
  content: "\f0b1";
}

/* line 703, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrows-alt:before {
  content: "\f0b2";
}

/* line 706, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

/* line 710, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

/* line 714, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cloud:before {
  content: "\f0c2";
}

/* line 717, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flask:before {
  content: "\f0c3";
}

/* line 720, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

/* line 724, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

/* line 728, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paperclip:before {
  content: "\f0c6";
}

/* line 731, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

/* line 735, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-square:before {
  content: "\f0c8";
}

/* line 738, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

/* line 743, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-list-ul:before {
  content: "\f0ca";
}

/* line 746, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-list-ol:before {
  content: "\f0cb";
}

/* line 749, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-strikethrough:before {
  content: "\f0cc";
}

/* line 752, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-underline:before {
  content: "\f0cd";
}

/* line 755, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-table:before {
  content: "\f0ce";
}

/* line 758, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-magic:before {
  content: "\f0d0";
}

/* line 761, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-truck:before {
  content: "\f0d1";
}

/* line 764, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pinterest:before {
  content: "\f0d2";
}

/* line 767, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pinterest-square:before {
  content: "\f0d3";
}

/* line 770, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google-plus-square:before {
  content: "\f0d4";
}

/* line 773, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google-plus:before {
  content: "\f0d5";
}

/* line 776, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-money:before {
  content: "\f0d6";
}

/* line 779, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-caret-down:before {
  content: "\f0d7";
}

/* line 782, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-caret-up:before {
  content: "\f0d8";
}

/* line 785, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-caret-left:before {
  content: "\f0d9";
}

/* line 788, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-caret-right:before {
  content: "\f0da";
}

/* line 791, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-columns:before {
  content: "\f0db";
}

/* line 794, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

/* line 798, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

/* line 802, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

/* line 806, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope:before {
  content: "\f0e0";
}

/* line 809, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-linkedin:before {
  content: "\f0e1";
}

/* line 812, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

/* line 816, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

/* line 820, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

/* line 824, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-comment-o:before {
  content: "\f0e5";
}

/* line 827, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-comments-o:before {
  content: "\f0e6";
}

/* line 830, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

/* line 834, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sitemap:before {
  content: "\f0e8";
}

/* line 837, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-umbrella:before {
  content: "\f0e9";
}

/* line 840, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

/* line 844, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lightbulb-o:before {
  content: "\f0eb";
}

/* line 847, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-exchange:before {
  content: "\f0ec";
}

/* line 850, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cloud-download:before {
  content: "\f0ed";
}

/* line 853, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cloud-upload:before {
  content: "\f0ee";
}

/* line 856, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-md:before {
  content: "\f0f0";
}

/* line 859, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stethoscope:before {
  content: "\f0f1";
}

/* line 862, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-suitcase:before {
  content: "\f0f2";
}

/* line 865, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bell-o:before {
  content: "\f0a2";
}

/* line 868, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-coffee:before {
  content: "\f0f4";
}

/* line 871, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cutlery:before {
  content: "\f0f5";
}

/* line 874, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-text-o:before {
  content: "\f0f6";
}

/* line 877, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-building-o:before {
  content: "\f0f7";
}

/* line 880, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hospital-o:before {
  content: "\f0f8";
}

/* line 883, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ambulance:before {
  content: "\f0f9";
}

/* line 886, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-medkit:before {
  content: "\f0fa";
}

/* line 889, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fighter-jet:before {
  content: "\f0fb";
}

/* line 892, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-beer:before {
  content: "\f0fc";
}

/* line 895, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-h-square:before {
  content: "\f0fd";
}

/* line 898, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plus-square:before {
  content: "\f0fe";
}

/* line 901, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-double-left:before {
  content: "\f100";
}

/* line 904, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-double-right:before {
  content: "\f101";
}

/* line 907, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-double-up:before {
  content: "\f102";
}

/* line 910, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-double-down:before {
  content: "\f103";
}

/* line 913, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-left:before {
  content: "\f104";
}

/* line 916, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-right:before {
  content: "\f105";
}

/* line 919, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-up:before {
  content: "\f106";
}

/* line 922, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-down:before {
  content: "\f107";
}

/* line 925, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-desktop:before {
  content: "\f108";
}

/* line 928, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-laptop:before {
  content: "\f109";
}

/* line 931, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tablet:before {
  content: "\f10a";
}

/* line 934, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

/* line 938, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-circle-o:before {
  content: "\f10c";
}

/* line 941, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-quote-left:before {
  content: "\f10d";
}

/* line 944, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-quote-right:before {
  content: "\f10e";
}

/* line 947, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-spinner:before {
  content: "\f110";
}

/* line 950, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-circle:before {
  content: "\f111";
}

/* line 953, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

/* line 957, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-github-alt:before {
  content: "\f113";
}

/* line 960, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-folder-o:before {
  content: "\f114";
}

/* line 963, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-folder-open-o:before {
  content: "\f115";
}

/* line 966, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-smile-o:before {
  content: "\f118";
}

/* line 969, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-frown-o:before {
  content: "\f119";
}

/* line 972, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-meh-o:before {
  content: "\f11a";
}

/* line 975, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gamepad:before {
  content: "\f11b";
}

/* line 978, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-keyboard-o:before {
  content: "\f11c";
}

/* line 981, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flag-o:before {
  content: "\f11d";
}

/* line 984, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flag-checkered:before {
  content: "\f11e";
}

/* line 987, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-terminal:before {
  content: "\f120";
}

/* line 990, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-code:before {
  content: "\f121";
}

/* line 993, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

/* line 997, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

/* line 1002, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-location-arrow:before {
  content: "\f124";
}

/* line 1005, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-crop:before {
  content: "\f125";
}

/* line 1008, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-code-fork:before {
  content: "\f126";
}

/* line 1011, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

/* line 1015, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-question:before {
  content: "\f128";
}

/* line 1018, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-info:before {
  content: "\f129";
}

/* line 1021, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-exclamation:before {
  content: "\f12a";
}

/* line 1024, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-superscript:before {
  content: "\f12b";
}

/* line 1027, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-subscript:before {
  content: "\f12c";
}

/* line 1030, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eraser:before {
  content: "\f12d";
}

/* line 1033, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-puzzle-piece:before {
  content: "\f12e";
}

/* line 1036, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-microphone:before {
  content: "\f130";
}

/* line 1039, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-microphone-slash:before {
  content: "\f131";
}

/* line 1042, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shield:before {
  content: "\f132";
}

/* line 1045, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-o:before {
  content: "\f133";
}

/* line 1048, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fire-extinguisher:before {
  content: "\f134";
}

/* line 1051, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rocket:before {
  content: "\f135";
}

/* line 1054, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-maxcdn:before {
  content: "\f136";
}

/* line 1057, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-circle-left:before {
  content: "\f137";
}

/* line 1060, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-circle-right:before {
  content: "\f138";
}

/* line 1063, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-circle-up:before {
  content: "\f139";
}

/* line 1066, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-circle-down:before {
  content: "\f13a";
}

/* line 1069, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-html5:before {
  content: "\f13b";
}

/* line 1072, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-css3:before {
  content: "\f13c";
}

/* line 1075, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-anchor:before {
  content: "\f13d";
}

/* line 1078, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-unlock-alt:before {
  content: "\f13e";
}

/* line 1081, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bullseye:before {
  content: "\f140";
}

/* line 1084, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ellipsis-h:before {
  content: "\f141";
}

/* line 1087, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ellipsis-v:before {
  content: "\f142";
}

/* line 1090, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rss-square:before {
  content: "\f143";
}

/* line 1093, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-play-circle:before {
  content: "\f144";
}

/* line 1096, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ticket:before {
  content: "\f145";
}

/* line 1099, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-minus-square:before {
  content: "\f146";
}

/* line 1102, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-minus-square-o:before {
  content: "\f147";
}

/* line 1105, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-level-up:before {
  content: "\f148";
}

/* line 1108, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-level-down:before {
  content: "\f149";
}

/* line 1111, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check-square:before {
  content: "\f14a";
}

/* line 1114, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pencil-square:before {
  content: "\f14b";
}

/* line 1117, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-external-link-square:before {
  content: "\f14c";
}

/* line 1120, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-share-square:before {
  content: "\f14d";
}

/* line 1123, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-compass:before {
  content: "\f14e";
}

/* line 1126, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

/* line 1130, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

/* line 1134, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

/* line 1138, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

/* line 1142, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gbp:before {
  content: "\f154";
}

/* line 1145, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

/* line 1149, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

/* line 1153, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

/* line 1159, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

/* line 1164, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

/* line 1168, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

/* line 1172, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file:before {
  content: "\f15b";
}

/* line 1175, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-text:before {
  content: "\f15c";
}

/* line 1178, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-alpha-asc:before {
  content: "\f15d";
}

/* line 1181, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-alpha-desc:before {
  content: "\f15e";
}

/* line 1184, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-amount-asc:before {
  content: "\f160";
}

/* line 1187, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-amount-desc:before {
  content: "\f161";
}

/* line 1190, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-numeric-asc:before {
  content: "\f162";
}

/* line 1193, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-numeric-desc:before {
  content: "\f163";
}

/* line 1196, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumbs-up:before {
  content: "\f164";
}

/* line 1199, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumbs-down:before {
  content: "\f165";
}

/* line 1202, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-youtube-square:before {
  content: "\f166";
}

/* line 1205, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-youtube:before {
  content: "\f167";
}

/* line 1208, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-xing:before {
  content: "\f168";
}

/* line 1211, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-xing-square:before {
  content: "\f169";
}

/* line 1214, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-youtube-play:before {
  content: "\f16a";
}

/* line 1217, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dropbox:before {
  content: "\f16b";
}

/* line 1220, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-overflow:before {
  content: "\f16c";
}

/* line 1223, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-instagram:before {
  content: "\f16d";
}

/* line 1226, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flickr:before {
  content: "\f16e";
}

/* line 1229, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-adn:before {
  content: "\f170";
}

/* line 1232, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bitbucket:before {
  content: "\f171";
}

/* line 1235, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bitbucket-square:before {
  content: "\f172";
}

/* line 1238, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tumblr:before {
  content: "\f173";
}

/* line 1241, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tumblr-square:before {
  content: "\f174";
}

/* line 1244, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-long-arrow-down:before {
  content: "\f175";
}

/* line 1247, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-long-arrow-up:before {
  content: "\f176";
}

/* line 1250, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-long-arrow-left:before {
  content: "\f177";
}

/* line 1253, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-long-arrow-right:before {
  content: "\f178";
}

/* line 1256, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-apple:before {
  content: "\f179";
}

/* line 1259, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-windows:before {
  content: "\f17a";
}

/* line 1262, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-android:before {
  content: "\f17b";
}

/* line 1265, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-linux:before {
  content: "\f17c";
}

/* line 1268, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dribbble:before {
  content: "\f17d";
}

/* line 1271, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-skype:before {
  content: "\f17e";
}

/* line 1274, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-foursquare:before {
  content: "\f180";
}

/* line 1277, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trello:before {
  content: "\f181";
}

/* line 1280, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-female:before {
  content: "\f182";
}

/* line 1283, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-male:before {
  content: "\f183";
}

/* line 1286, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

/* line 1290, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sun-o:before {
  content: "\f185";
}

/* line 1293, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-moon-o:before {
  content: "\f186";
}

/* line 1296, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-archive:before {
  content: "\f187";
}

/* line 1299, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bug:before {
  content: "\f188";
}

/* line 1302, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vk:before {
  content: "\f189";
}

/* line 1305, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-weibo:before {
  content: "\f18a";
}

/* line 1308, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-renren:before {
  content: "\f18b";
}

/* line 1311, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pagelines:before {
  content: "\f18c";
}

/* line 1314, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-exchange:before {
  content: "\f18d";
}

/* line 1317, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

/* line 1320, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-o-left:before {
  content: "\f190";
}

/* line 1323, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

/* line 1327, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dot-circle-o:before {
  content: "\f192";
}

/* line 1330, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wheelchair:before {
  content: "\f193";
}

/* line 1333, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vimeo-square:before {
  content: "\f194";
}

/* line 1336, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

/* line 1340, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plus-square-o:before {
  content: "\f196";
}

/* line 1343, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-space-shuttle:before {
  content: "\f197";
}

/* line 1346, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-slack:before {
  content: "\f198";
}

/* line 1349, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope-square:before {
  content: "\f199";
}

/* line 1352, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wordpress:before {
  content: "\f19a";
}

/* line 1355, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-openid:before {
  content: "\f19b";
}

/* line 1358, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

/* line 1363, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

/* line 1367, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-yahoo:before {
  content: "\f19e";
}

/* line 1370, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google:before {
  content: "\f1a0";
}

/* line 1373, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-reddit:before {
  content: "\f1a1";
}

/* line 1376, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-reddit-square:before {
  content: "\f1a2";
}

/* line 1379, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

/* line 1382, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stumbleupon:before {
  content: "\f1a4";
}

/* line 1385, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-delicious:before {
  content: "\f1a5";
}

/* line 1388, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-digg:before {
  content: "\f1a6";
}

/* line 1391, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pied-piper-pp:before {
  content: "\f1a7";
}

/* line 1394, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pied-piper-alt:before {
  content: "\f1a8";
}

/* line 1397, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-drupal:before {
  content: "\f1a9";
}

/* line 1400, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-joomla:before {
  content: "\f1aa";
}

/* line 1403, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-language:before {
  content: "\f1ab";
}

/* line 1406, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fax:before {
  content: "\f1ac";
}

/* line 1409, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-building:before {
  content: "\f1ad";
}

/* line 1412, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-child:before {
  content: "\f1ae";
}

/* line 1415, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paw:before {
  content: "\f1b0";
}

/* line 1418, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-spoon:before {
  content: "\f1b1";
}

/* line 1421, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cube:before {
  content: "\f1b2";
}

/* line 1424, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cubes:before {
  content: "\f1b3";
}

/* line 1427, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-behance:before {
  content: "\f1b4";
}

/* line 1430, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-behance-square:before {
  content: "\f1b5";
}

/* line 1433, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-steam:before {
  content: "\f1b6";
}

/* line 1436, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-steam-square:before {
  content: "\f1b7";
}

/* line 1439, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-recycle:before {
  content: "\f1b8";
}

/* line 1442, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

/* line 1446, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

/* line 1450, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tree:before {
  content: "\f1bb";
}

/* line 1453, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-spotify:before {
  content: "\f1bc";
}

/* line 1456, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-deviantart:before {
  content: "\f1bd";
}

/* line 1459, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-soundcloud:before {
  content: "\f1be";
}

/* line 1462, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-database:before {
  content: "\f1c0";
}

/* line 1465, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-pdf-o:before {
  content: "\f1c1";
}

/* line 1468, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-word-o:before {
  content: "\f1c2";
}

/* line 1471, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-excel-o:before {
  content: "\f1c3";
}

/* line 1474, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

/* line 1477, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

/* line 1482, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

/* line 1486, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

/* line 1490, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

/* line 1494, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-code-o:before {
  content: "\f1c9";
}

/* line 1497, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vine:before {
  content: "\f1ca";
}

/* line 1500, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-codepen:before {
  content: "\f1cb";
}

/* line 1503, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-jsfiddle:before {
  content: "\f1cc";
}

/* line 1506, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

/* line 1513, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-circle-o-notch:before {
  content: "\f1ce";
}

/* line 1516, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

/* line 1521, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

/* line 1525, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-git-square:before {
  content: "\f1d2";
}

/* line 1528, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-git:before {
  content: "\f1d3";
}

/* line 1531, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

/* line 1536, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tencent-weibo:before {
  content: "\f1d5";
}

/* line 1539, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-qq:before {
  content: "\f1d6";
}

/* line 1542, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

/* line 1546, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

/* line 1550, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

/* line 1554, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-history:before {
  content: "\f1da";
}

/* line 1557, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-circle-thin:before {
  content: "\f1db";
}

/* line 1560, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-header:before {
  content: "\f1dc";
}

/* line 1563, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paragraph:before {
  content: "\f1dd";
}

/* line 1566, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sliders:before {
  content: "\f1de";
}

/* line 1569, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-share-alt:before {
  content: "\f1e0";
}

/* line 1572, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-share-alt-square:before {
  content: "\f1e1";
}

/* line 1575, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bomb:before {
  content: "\f1e2";
}

/* line 1578, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

/* line 1582, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tty:before {
  content: "\f1e4";
}

/* line 1585, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-binoculars:before {
  content: "\f1e5";
}

/* line 1588, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plug:before {
  content: "\f1e6";
}

/* line 1591, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-slideshare:before {
  content: "\f1e7";
}

/* line 1594, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-twitch:before {
  content: "\f1e8";
}

/* line 1597, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-yelp:before {
  content: "\f1e9";
}

/* line 1600, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-newspaper-o:before {
  content: "\f1ea";
}

/* line 1603, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wifi:before {
  content: "\f1eb";
}

/* line 1606, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calculator:before {
  content: "\f1ec";
}

/* line 1609, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paypal:before {
  content: "\f1ed";
}

/* line 1612, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google-wallet:before {
  content: "\f1ee";
}

/* line 1615, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-visa:before {
  content: "\f1f0";
}

/* line 1618, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-mastercard:before {
  content: "\f1f1";
}

/* line 1621, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-discover:before {
  content: "\f1f2";
}

/* line 1624, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-amex:before {
  content: "\f1f3";
}

/* line 1627, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-paypal:before {
  content: "\f1f4";
}

/* line 1630, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-stripe:before {
  content: "\f1f5";
}

/* line 1633, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bell-slash:before {
  content: "\f1f6";
}

/* line 1636, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bell-slash-o:before {
  content: "\f1f7";
}

/* line 1639, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trash:before {
  content: "\f1f8";
}

/* line 1642, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-copyright:before {
  content: "\f1f9";
}

/* line 1645, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-at:before {
  content: "\f1fa";
}

/* line 1648, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eyedropper:before {
  content: "\f1fb";
}

/* line 1651, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paint-brush:before {
  content: "\f1fc";
}

/* line 1654, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-birthday-cake:before {
  content: "\f1fd";
}

/* line 1657, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-area-chart:before {
  content: "\f1fe";
}

/* line 1660, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pie-chart:before {
  content: "\f200";
}

/* line 1663, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-line-chart:before {
  content: "\f201";
}

/* line 1666, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lastfm:before {
  content: "\f202";
}

/* line 1669, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lastfm-square:before {
  content: "\f203";
}

/* line 1672, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-off:before {
  content: "\f204";
}

/* line 1675, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-on:before {
  content: "\f205";
}

/* line 1678, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bicycle:before {
  content: "\f206";
}

/* line 1681, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bus:before {
  content: "\f207";
}

/* line 1684, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ioxhost:before {
  content: "\f208";
}

/* line 1687, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angellist:before {
  content: "\f209";
}

/* line 1690, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc:before {
  content: "\f20a";
}

/* line 1693, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

/* line 1698, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-meanpath:before {
  content: "\f20c";
}

/* line 1701, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-buysellads:before {
  content: "\f20d";
}

/* line 1704, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-connectdevelop:before {
  content: "\f20e";
}

/* line 1707, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dashcube:before {
  content: "\f210";
}

/* line 1710, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-forumbee:before {
  content: "\f211";
}

/* line 1713, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-leanpub:before {
  content: "\f212";
}

/* line 1716, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sellsy:before {
  content: "\f213";
}

/* line 1719, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shirtsinbulk:before {
  content: "\f214";
}

/* line 1722, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-simplybuilt:before {
  content: "\f215";
}

/* line 1725, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-skyatlas:before {
  content: "\f216";
}

/* line 1728, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cart-plus:before {
  content: "\f217";
}

/* line 1731, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cart-arrow-down:before {
  content: "\f218";
}

/* line 1734, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-diamond:before {
  content: "\f219";
}

/* line 1737, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ship:before {
  content: "\f21a";
}

/* line 1740, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-secret:before {
  content: "\f21b";
}

/* line 1743, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-motorcycle:before {
  content: "\f21c";
}

/* line 1746, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-street-view:before {
  content: "\f21d";
}

/* line 1749, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-heartbeat:before {
  content: "\f21e";
}

/* line 1752, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-venus:before {
  content: "\f221";
}

/* line 1755, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars:before {
  content: "\f222";
}

/* line 1758, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mercury:before {
  content: "\f223";
}

/* line 1761, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

/* line 1765, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-transgender-alt:before {
  content: "\f225";
}

/* line 1768, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-venus-double:before {
  content: "\f226";
}

/* line 1771, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars-double:before {
  content: "\f227";
}

/* line 1774, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-venus-mars:before {
  content: "\f228";
}

/* line 1777, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars-stroke:before {
  content: "\f229";
}

/* line 1780, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars-stroke-v:before {
  content: "\f22a";
}

/* line 1783, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars-stroke-h:before {
  content: "\f22b";
}

/* line 1786, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-neuter:before {
  content: "\f22c";
}

/* line 1789, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-genderless:before {
  content: "\f22d";
}

/* line 1792, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-facebook-official:before {
  content: "\f230";
}

/* line 1795, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pinterest-p:before {
  content: "\f231";
}

/* line 1798, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-whatsapp:before {
  content: "\f232";
}

/* line 1801, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-server:before {
  content: "\f233";
}

/* line 1804, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-plus:before {
  content: "\f234";
}

/* line 1807, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-times:before {
  content: "\f235";
}

/* line 1810, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

/* line 1814, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-viacoin:before {
  content: "\f237";
}

/* line 1817, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-train:before {
  content: "\f238";
}

/* line 1820, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-subway:before {
  content: "\f239";
}

/* line 1823, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-medium:before {
  content: "\f23a";
}

/* line 1826, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

/* line 1830, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-optin-monster:before {
  content: "\f23c";
}

/* line 1833, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-opencart:before {
  content: "\f23d";
}

/* line 1836, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-expeditedssl:before {
  content: "\f23e";
}

/* line 1839, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

/* line 1844, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

/* line 1848, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

/* line 1852, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

/* line 1856, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

/* line 1860, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mouse-pointer:before {
  content: "\f245";
}

/* line 1863, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-i-cursor:before {
  content: "\f246";
}

/* line 1866, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-object-group:before {
  content: "\f247";
}

/* line 1869, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-object-ungroup:before {
  content: "\f248";
}

/* line 1872, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sticky-note:before {
  content: "\f249";
}

/* line 1875, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sticky-note-o:before {
  content: "\f24a";
}

/* line 1878, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-jcb:before {
  content: "\f24b";
}

/* line 1881, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-diners-club:before {
  content: "\f24c";
}

/* line 1884, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-clone:before {
  content: "\f24d";
}

/* line 1887, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-balance-scale:before {
  content: "\f24e";
}

/* line 1890, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass-o:before {
  content: "\f250";
}

/* line 1893, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

/* line 1897, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

/* line 1901, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

/* line 1905, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass:before {
  content: "\f254";
}

/* line 1908, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

/* line 1912, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

/* line 1916, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-scissors-o:before {
  content: "\f257";
}

/* line 1919, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-lizard-o:before {
  content: "\f258";
}

/* line 1922, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-spock-o:before {
  content: "\f259";
}

/* line 1925, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-pointer-o:before {
  content: "\f25a";
}

/* line 1928, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-peace-o:before {
  content: "\f25b";
}

/* line 1931, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trademark:before {
  content: "\f25c";
}

/* line 1934, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-registered:before {
  content: "\f25d";
}

/* line 1937, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-creative-commons:before {
  content: "\f25e";
}

/* line 1940, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gg:before {
  content: "\f260";
}

/* line 1943, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gg-circle:before {
  content: "\f261";
}

/* line 1946, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tripadvisor:before {
  content: "\f262";
}

/* line 1949, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-odnoklassniki:before {
  content: "\f263";
}

/* line 1952, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-odnoklassniki-square:before {
  content: "\f264";
}

/* line 1955, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-get-pocket:before {
  content: "\f265";
}

/* line 1958, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wikipedia-w:before {
  content: "\f266";
}

/* line 1961, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-safari:before {
  content: "\f267";
}

/* line 1964, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chrome:before {
  content: "\f268";
}

/* line 1967, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-firefox:before {
  content: "\f269";
}

/* line 1970, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-opera:before {
  content: "\f26a";
}

/* line 1973, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-internet-explorer:before {
  content: "\f26b";
}

/* line 1976, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

/* line 1980, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-contao:before {
  content: "\f26d";
}

/* line 1983, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-500px:before {
  content: "\f26e";
}

/* line 1986, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-amazon:before {
  content: "\f270";
}

/* line 1989, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-plus-o:before {
  content: "\f271";
}

/* line 1992, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-minus-o:before {
  content: "\f272";
}

/* line 1995, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-times-o:before {
  content: "\f273";
}

/* line 1998, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-check-o:before {
  content: "\f274";
}

/* line 2001, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-industry:before {
  content: "\f275";
}

/* line 2004, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map-pin:before {
  content: "\f276";
}

/* line 2007, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map-signs:before {
  content: "\f277";
}

/* line 2010, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map-o:before {
  content: "\f278";
}

/* line 2013, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map:before {
  content: "\f279";
}

/* line 2016, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-commenting:before {
  content: "\f27a";
}

/* line 2019, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-commenting-o:before {
  content: "\f27b";
}

/* line 2022, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-houzz:before {
  content: "\f27c";
}

/* line 2025, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vimeo:before {
  content: "\f27d";
}

/* line 2028, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-black-tie:before {
  content: "\f27e";
}

/* line 2031, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fonticons:before {
  content: "\f280";
}

/* line 2034, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-reddit-alien:before {
  content: "\f281";
}

/* line 2037, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-edge:before {
  content: "\f282";
}

/* line 2040, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-credit-card-alt:before {
  content: "\f283";
}

/* line 2043, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-codiepie:before {
  content: "\f284";
}

/* line 2046, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-modx:before {
  content: "\f285";
}

/* line 2049, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fort-awesome:before {
  content: "\f286";
}

/* line 2052, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-usb:before {
  content: "\f287";
}

/* line 2055, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-product-hunt:before {
  content: "\f288";
}

/* line 2058, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mixcloud:before {
  content: "\f289";
}

/* line 2061, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-scribd:before {
  content: "\f28a";
}

/* line 2064, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pause-circle:before {
  content: "\f28b";
}

/* line 2067, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pause-circle-o:before {
  content: "\f28c";
}

/* line 2070, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stop-circle:before {
  content: "\f28d";
}

/* line 2073, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stop-circle-o:before {
  content: "\f28e";
}

/* line 2076, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shopping-bag:before {
  content: "\f290";
}

/* line 2079, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shopping-basket:before {
  content: "\f291";
}

/* line 2082, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hashtag:before {
  content: "\f292";
}

/* line 2085, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bluetooth:before {
  content: "\f293";
}

/* line 2088, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bluetooth-b:before {
  content: "\f294";
}

/* line 2091, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-percent:before {
  content: "\f295";
}

/* line 2094, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gitlab:before {
  content: "\f296";
}

/* line 2097, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wpbeginner:before {
  content: "\f297";
}

/* line 2100, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wpforms:before {
  content: "\f298";
}

/* line 2103, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envira:before {
  content: "\f299";
}

/* line 2106, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-universal-access:before {
  content: "\f29a";
}

/* line 2109, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wheelchair-alt:before {
  content: "\f29b";
}

/* line 2112, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-question-circle-o:before {
  content: "\f29c";
}

/* line 2115, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-blind:before {
  content: "\f29d";
}

/* line 2118, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-audio-description:before {
  content: "\f29e";
}

/* line 2121, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-volume-control-phone:before {
  content: "\f2a0";
}

/* line 2124, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-braille:before {
  content: "\f2a1";
}

/* line 2127, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

/* line 2130, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

/* line 2134, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

/* line 2139, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-glide:before {
  content: "\f2a5";
}

/* line 2142, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-glide-g:before {
  content: "\f2a6";
}

/* line 2145, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

/* line 2149, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-low-vision:before {
  content: "\f2a8";
}

/* line 2152, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-viadeo:before {
  content: "\f2a9";
}

/* line 2155, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-viadeo-square:before {
  content: "\f2aa";
}

/* line 2158, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-snapchat:before {
  content: "\f2ab";
}

/* line 2161, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-snapchat-ghost:before {
  content: "\f2ac";
}

/* line 2164, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-snapchat-square:before {
  content: "\f2ad";
}

/* line 2167, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pied-piper:before {
  content: "\f2ae";
}

/* line 2170, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-first-order:before {
  content: "\f2b0";
}

/* line 2173, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-yoast:before {
  content: "\f2b1";
}

/* line 2176, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-themeisle:before {
  content: "\f2b2";
}

/* line 2179, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

/* line 2183, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

/* line 2187, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-handshake-o:before {
  content: "\f2b5";
}

/* line 2190, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope-open:before {
  content: "\f2b6";
}

/* line 2193, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope-open-o:before {
  content: "\f2b7";
}

/* line 2196, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-linode:before {
  content: "\f2b8";
}

/* line 2199, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-address-book:before {
  content: "\f2b9";
}

/* line 2202, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-address-book-o:before {
  content: "\f2ba";
}

/* line 2205, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

/* line 2209, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

/* line 2213, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-circle:before {
  content: "\f2bd";
}

/* line 2216, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-circle-o:before {
  content: "\f2be";
}

/* line 2219, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-o:before {
  content: "\f2c0";
}

/* line 2222, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-id-badge:before {
  content: "\f2c1";
}

/* line 2225, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

/* line 2229, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

/* line 2233, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-quora:before {
  content: "\f2c4";
}

/* line 2236, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-free-code-camp:before {
  content: "\f2c5";
}

/* line 2239, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-telegram:before {
  content: "\f2c6";
}

/* line 2242, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

/* line 2247, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

/* line 2251, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

/* line 2255, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

/* line 2259, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

/* line 2263, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shower:before {
  content: "\f2cc";
}

/* line 2266, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

/* line 2271, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-podcast:before {
  content: "\f2ce";
}

/* line 2274, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-window-maximize:before {
  content: "\f2d0";
}

/* line 2277, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-window-minimize:before {
  content: "\f2d1";
}

/* line 2280, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-window-restore:before {
  content: "\f2d2";
}

/* line 2283, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

/* line 2287, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

/* line 2291, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bandcamp:before {
  content: "\f2d5";
}

/* line 2294, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-grav:before {
  content: "\f2d6";
}

/* line 2297, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-etsy:before {
  content: "\f2d7";
}

/* line 2300, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-imdb:before {
  content: "\f2d8";
}

/* line 2303, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ravelry:before {
  content: "\f2d9";
}

/* line 2306, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eercast:before {
  content: "\f2da";
}

/* line 2309, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-microchip:before {
  content: "\f2db";
}

/* line 2312, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-snowflake-o:before {
  content: "\f2dc";
}

/* line 2315, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-superpowers:before {
  content: "\f2dd";
}

/* line 2318, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wpexplorer:before {
  content: "\f2de";
}

/* line 2321, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-meetup:before {
  content: "\f2e0";
}

/* line 2324, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 2334, ../../shared/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* line 2, app/assets/stylesheets/bootstrap/_root.scss */
:root {
  --blue: #5e72e4;
  --indigo: #5603ad;
  --purple: #8965e0;
  --pink: #f3a4b5;
  --red: #f5365c;
  --orange: #fb6340;
  --yellow: #ffd600;
  --green: #2dce89;
  --teal: #11cdef;
  --cyan: #2bffc6;
  --white: #fff;
  --gray: #8898aa;
  --gray-dark: #32325d;
  --light: #ced4da;
  --lighter: #e9ecef;
  --primary: #2da3b5;
  --secondary: #f7fafc;
  --success: #2dce89;
  --info: #11cdef;
  --warning: #fb6340;
  --danger: #f5365c;
  --light: #adb5bd;
  --dark: #212529;
  --default: #172b4d;
  --white: #fff;
  --neutral: #fff;
  --darker: black;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: Open Sans, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* line 19, app/assets/stylesheets/bootstrap/_reboot.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 25, app/assets/stylesheets/bootstrap/_reboot.scss */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 35, app/assets/stylesheets/bootstrap/_reboot.scss */
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

/* line 46, app/assets/stylesheets/bootstrap/_reboot.scss */
body {
  margin: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #525f7f;
  text-align: left;
  background-color: #f8f9fe;
}

/* line 66, app/assets/stylesheets/bootstrap/_reboot.scss */
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

/* line 76, app/assets/stylesheets/bootstrap/_reboot.scss */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* line 92, app/assets/stylesheets/bootstrap/_reboot.scss */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/* line 101, app/assets/stylesheets/bootstrap/_reboot.scss */
p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* line 114, app/assets/stylesheets/bootstrap/_reboot.scss */
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

/* line 123, app/assets/stylesheets/bootstrap/_reboot.scss */
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

/* line 129, app/assets/stylesheets/bootstrap/_reboot.scss */
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* line 136, app/assets/stylesheets/bootstrap/_reboot.scss */
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

/* line 143, app/assets/stylesheets/bootstrap/_reboot.scss */
dt {
  font-weight: 600;
}

/* line 147, app/assets/stylesheets/bootstrap/_reboot.scss */
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

/* line 152, app/assets/stylesheets/bootstrap/_reboot.scss */
blockquote {
  margin: 0 0 1rem;
}

/* line 156, app/assets/stylesheets/bootstrap/_reboot.scss */
b,
strong {
  font-weight: bolder;
}

/* line 161, app/assets/stylesheets/bootstrap/_reboot.scss */
small {
  font-size: 80%;
}

/* line 170, app/assets/stylesheets/bootstrap/_reboot.scss */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

/* line 178, app/assets/stylesheets/bootstrap/_reboot.scss */
sub {
  bottom: -.25em;
}

/* line 179, app/assets/stylesheets/bootstrap/_reboot.scss */
sup {
  top: -.5em;
}

/* line 186, app/assets/stylesheets/bootstrap/_reboot.scss */
a {
  color: #2da3b5;
  text-decoration: none;
  background-color: transparent;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a:hover {
  color: #1e6c78;
  text-decoration: none;
}

/* line 202, app/assets/stylesheets/bootstrap/_reboot.scss */
a:not([href]) {
  color: inherit;
  text-decoration: none;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

/* line 217, app/assets/stylesheets/bootstrap/_reboot.scss */
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

/* line 225, app/assets/stylesheets/bootstrap/_reboot.scss */
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

/* line 239, app/assets/stylesheets/bootstrap/_reboot.scss */
figure {
  margin: 0 0 1rem;
}

/* line 249, app/assets/stylesheets/bootstrap/_reboot.scss */
img {
  vertical-align: middle;
  border-style: none;
}

/* line 254, app/assets/stylesheets/bootstrap/_reboot.scss */
svg {
  overflow: hidden;
  vertical-align: middle;
}

/* line 266, app/assets/stylesheets/bootstrap/_reboot.scss */
table {
  border-collapse: collapse;
}

/* line 270, app/assets/stylesheets/bootstrap/_reboot.scss */
caption {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #8898aa;
  text-align: left;
  caption-side: bottom;
}

/* line 278, app/assets/stylesheets/bootstrap/_reboot.scss */
th {
  text-align: inherit;
}

/* line 289, app/assets/stylesheets/bootstrap/_reboot.scss */
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

/* line 298, app/assets/stylesheets/bootstrap/_reboot.scss */
button {
  border-radius: 0;
}

/* line 307, app/assets/stylesheets/bootstrap/_reboot.scss */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

/* line 312, app/assets/stylesheets/bootstrap/_reboot.scss */
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 323, app/assets/stylesheets/bootstrap/_reboot.scss */
button,
input {
  overflow: visible;
}

/* line 328, app/assets/stylesheets/bootstrap/_reboot.scss */
button,
select {
  text-transform: none;
}

/* line 336, app/assets/stylesheets/bootstrap/_reboot.scss */
select {
  word-wrap: normal;
}

/* line 344, app/assets/stylesheets/bootstrap/_reboot.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* line 357, app/assets/stylesheets/bootstrap/_reboot.scss */
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

/* line 364, app/assets/stylesheets/bootstrap/_reboot.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* line 372, app/assets/stylesheets/bootstrap/_reboot.scss */
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 379, app/assets/stylesheets/bootstrap/_reboot.scss */
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

/* line 391, app/assets/stylesheets/bootstrap/_reboot.scss */
textarea {
  overflow: auto;
  resize: vertical;
}

/* line 397, app/assets/stylesheets/bootstrap/_reboot.scss */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 412, app/assets/stylesheets/bootstrap/_reboot.scss */
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

@media (max-width: 1200px) {
  /* line 412, app/assets/stylesheets/bootstrap/_reboot.scss */
  legend {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}

/* line 424, app/assets/stylesheets/bootstrap/_reboot.scss */
progress {
  vertical-align: baseline;
}

/* line 429, app/assets/stylesheets/bootstrap/_reboot.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 434, app/assets/stylesheets/bootstrap/_reboot.scss */
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

/* line 447, app/assets/stylesheets/bootstrap/_reboot.scss */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 456, app/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

/* line 465, app/assets/stylesheets/bootstrap/_reboot.scss */
output {
  display: inline-block;
}

/* line 469, app/assets/stylesheets/bootstrap/_reboot.scss */
summary {
  display: list-item;
  cursor: pointer;
}

/* line 474, app/assets/stylesheets/bootstrap/_reboot.scss */
template {
  display: none;
}

/* line 480, app/assets/stylesheets/bootstrap/_reboot.scss */
[hidden] {
  display: none !important;
}

/* line 7, app/assets/stylesheets/bootstrap/_type.scss */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.5;
  color: #32325d;
}

/* line 16, app/assets/stylesheets/bootstrap/_type.scss */
h1, .h1 {
  font-size: 1.625rem;
}

@media (max-width: 1200px) {
  /* line 16, app/assets/stylesheets/bootstrap/_type.scss */
  h1, .h1 {
    font-size: calc(1.2875rem + 0.45vw) ;
  }
}

/* line 17, app/assets/stylesheets/bootstrap/_type.scss */
h2, .h2 {
  font-size: 1.25rem;
}

/* line 18, app/assets/stylesheets/bootstrap/_type.scss */
h3, .h3 {
  font-size: 1.0625rem;
}

/* line 19, app/assets/stylesheets/bootstrap/_type.scss */
h4, .h4 {
  font-size: 0.9375rem;
}

/* line 20, app/assets/stylesheets/bootstrap/_type.scss */
h5, .h5 {
  font-size: 0.8125rem;
}

/* line 21, app/assets/stylesheets/bootstrap/_type.scss */
h6, .h6 {
  font-size: 0.625rem;
}

/* line 23, app/assets/stylesheets/bootstrap/_type.scss */
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

/* line 29, app/assets/stylesheets/bootstrap/_type.scss */
.display-1 {
  font-size: 3.3rem;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 1200px) {
  /* line 29, app/assets/stylesheets/bootstrap/_type.scss */
  .display-1 {
    font-size: calc(1.455rem + 2.46vw) ;
  }
}

/* line 34, app/assets/stylesheets/bootstrap/_type.scss */
.display-2 {
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 1200px) {
  /* line 34, app/assets/stylesheets/bootstrap/_type.scss */
  .display-2 {
    font-size: calc(1.4rem + 1.8vw) ;
  }
}

/* line 39, app/assets/stylesheets/bootstrap/_type.scss */
.display-3 {
  font-size: 2.1875rem;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 1200px) {
  /* line 39, app/assets/stylesheets/bootstrap/_type.scss */
  .display-3 {
    font-size: calc(1.34375rem + 1.125vw) ;
  }
}

/* line 44, app/assets/stylesheets/bootstrap/_type.scss */
.display-4 {
  font-size: 1.6275rem;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 1200px) {
  /* line 44, app/assets/stylesheets/bootstrap/_type.scss */
  .display-4 {
    font-size: calc(1.28775rem + 0.453vw) ;
  }
}

/* line 55, app/assets/stylesheets/bootstrap/_type.scss */
hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 67, app/assets/stylesheets/bootstrap/_type.scss */
small,
.small {
  font-size: 80%;
  font-weight: 400;
}

/* line 73, app/assets/stylesheets/bootstrap/_type.scss */
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

/* line 84, app/assets/stylesheets/bootstrap/_type.scss */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/* line 89, app/assets/stylesheets/bootstrap/_type.scss */
.list-inline {
  padding-left: 0;
  list-style: none;
}

/* line 92, app/assets/stylesheets/bootstrap/_type.scss */
.list-inline-item {
  display: inline-block;
}

/* line 95, app/assets/stylesheets/bootstrap/_type.scss */
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

/* line 106, app/assets/stylesheets/bootstrap/_type.scss */
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

/* line 112, app/assets/stylesheets/bootstrap/_type.scss */
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

/* line 117, app/assets/stylesheets/bootstrap/_type.scss */
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #8898aa;
}

/* line 122, app/assets/stylesheets/bootstrap/_type.scss */
.blockquote-footer::before {
  content: "\2014\00A0";
}

/* line 8, app/assets/stylesheets/bootstrap/_images.scss */
.img-fluid {
  max-width: 100%;
  height: auto;
}

/* line 14, app/assets/stylesheets/bootstrap/_images.scss */
.img-thumbnail {
  padding: 0.25rem;
  background-color: #f8f9fe;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  max-width: 100%;
  height: auto;
}

/* line 29, app/assets/stylesheets/bootstrap/_images.scss */
.figure {
  display: inline-block;
}

/* line 34, app/assets/stylesheets/bootstrap/_images.scss */
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

/* line 39, app/assets/stylesheets/bootstrap/_images.scss */
.figure-caption {
  font-size: 90%;
  color: #8898aa;
}

/* line 2, app/assets/stylesheets/bootstrap/_code.scss */
code {
  font-size: 87.5%;
  color: #f3a4b5;
  word-wrap: break-word;
}

/* line 8, app/assets/stylesheets/bootstrap/_code.scss */
a > code {
  color: inherit;
}

/* line 14, app/assets/stylesheets/bootstrap/_code.scss */
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.25rem;
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}

/* line 22, app/assets/stylesheets/bootstrap/_code.scss */
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 600;
  box-shadow: none;
}

/* line 31, app/assets/stylesheets/bootstrap/_code.scss */
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

/* line 37, app/assets/stylesheets/bootstrap/_code.scss */
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

/* line 45, app/assets/stylesheets/bootstrap/_code.scss */
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

/* line 7, app/assets/stylesheets/bootstrap/_grid.scss */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  /* line 7, app/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  /* line 7, app/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    max-width: 1140px;
  }
}

/* line 13, app/assets/stylesheets/bootstrap/_grid.scss */
.container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  /* line 24, app/assets/stylesheets/bootstrap/_grid.scss */
  .container-sm, .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  /* line 24, app/assets/stylesheets/bootstrap/_grid.scss */
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  /* line 24, app/assets/stylesheets/bootstrap/_grid.scss */
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  /* line 24, app/assets/stylesheets/bootstrap/_grid.scss */
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

/* line 53, app/assets/stylesheets/bootstrap/_grid.scss */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* line 59, app/assets/stylesheets/bootstrap/_grid.scss */
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/* line 63, app/assets/stylesheets/bootstrap/_grid.scss */
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* line 8, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 30, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

/* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

/* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

/* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

/* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

/* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

/* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

/* line 42, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

/* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* line 52, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-first {
  order: -1;
}

/* line 54, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-last {
  order: 13;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-0 {
  order: 0;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-1 {
  order: 1;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-2 {
  order: 2;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-3 {
  order: 3;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-4 {
  order: 4;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-5 {
  order: 5;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-6 {
  order: 6;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-7 {
  order: 7;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-8 {
  order: 8;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-9 {
  order: 9;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-10 {
  order: 10;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-11 {
  order: 11;
}

/* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.order-12 {
  order: 12;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-1 {
  margin-left: 8.3333333333%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-2 {
  margin-left: 16.6666666667%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-3 {
  margin-left: 25%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-4 {
  margin-left: 33.3333333333%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-5 {
  margin-left: 41.6666666667%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-6 {
  margin-left: 50%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-7 {
  margin-left: 58.3333333333%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-8 {
  margin-left: 66.6666666667%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-9 {
  margin-left: 75%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-10 {
  margin-left: 83.3333333333%;
}

/* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  /* line 30, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  /* line 42, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 52, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-first {
    order: -1;
  }
  /* line 54, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-last {
    order: 13;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-0 {
    order: 0;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-1 {
    order: 1;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-2 {
    order: 2;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-3 {
    order: 3;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-4 {
    order: 4;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-5 {
    order: 5;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-6 {
    order: 6;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-7 {
    order: 7;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-8 {
    order: 8;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-9 {
    order: 9;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-10 {
    order: 10;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-11 {
    order: 11;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-sm-12 {
    order: 12;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-0 {
    margin-left: 0;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-3 {
    margin-left: 25%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-6 {
    margin-left: 50%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-9 {
    margin-left: 75%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  /* line 30, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  /* line 42, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 52, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-first {
    order: -1;
  }
  /* line 54, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-last {
    order: 13;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-0 {
    order: 0;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-1 {
    order: 1;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-2 {
    order: 2;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-3 {
    order: 3;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-4 {
    order: 4;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-5 {
    order: 5;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-6 {
    order: 6;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-7 {
    order: 7;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-8 {
    order: 8;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-9 {
    order: 9;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-10 {
    order: 10;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-11 {
    order: 11;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-md-12 {
    order: 12;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-0 {
    margin-left: 0;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-3 {
    margin-left: 25%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-6 {
    margin-left: 50%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-9 {
    margin-left: 75%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  /* line 30, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  /* line 42, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 52, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-first {
    order: -1;
  }
  /* line 54, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-last {
    order: 13;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-0 {
    order: 0;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-1 {
    order: 1;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-2 {
    order: 2;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-3 {
    order: 3;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-4 {
    order: 4;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-5 {
    order: 5;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-6 {
    order: 6;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-7 {
    order: 7;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-8 {
    order: 8;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-9 {
    order: 9;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-10 {
    order: 10;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-11 {
    order: 11;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-lg-12 {
    order: 12;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-0 {
    margin-left: 0;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-3 {
    margin-left: 25%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-6 {
    margin-left: 50%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-9 {
    margin-left: 75%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  /* line 30, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  /* line 65, app/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  /* line 42, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  /* line 47, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 52, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-first {
    order: -1;
  }
  /* line 54, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-last {
    order: 13;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-0 {
    order: 0;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-1 {
    order: 1;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-2 {
    order: 2;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-3 {
    order: 3;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-4 {
    order: 4;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-5 {
    order: 5;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-6 {
    order: 6;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-7 {
    order: 7;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-8 {
    order: 8;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-9 {
    order: 9;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-10 {
    order: 10;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-11 {
    order: 11;
  }
  /* line 57, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .order-xl-12 {
    order: 12;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-0 {
    margin-left: 0;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-3 {
    margin-left: 25%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-6 {
    margin-left: 50%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-9 {
    margin-left: 75%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  /* line 63, app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

/* line 5, app/assets/stylesheets/bootstrap/_tables.scss */
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #525f7f;
  background-color: transparent;
}

/* line 11, app/assets/stylesheets/bootstrap/_tables.scss */
.table th,
.table td {
  padding: 1rem;
  vertical-align: top;
  border-top: 1px solid #e9ecef;
}

/* line 18, app/assets/stylesheets/bootstrap/_tables.scss */
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e9ecef;
}

/* line 23, app/assets/stylesheets/bootstrap/_tables.scss */
.table tbody + tbody {
  border-top: 2px solid #e9ecef;
}

/* line 34, app/assets/stylesheets/bootstrap/_tables.scss */
.table-sm th,
.table-sm td {
  padding: 0.5rem;
}

/* line 45, app/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered {
  border: 1px solid #e9ecef;
}

/* line 48, app/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered th,
.table-bordered td {
  border: 1px solid #e9ecef;
}

/* line 54, app/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

/* line 62, app/assets/stylesheets/bootstrap/_tables.scss */
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

/* line 75, app/assets/stylesheets/bootstrap/_tables.scss */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(246, 249, 252, 0.3);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover tbody tr:hover {
  color: #525f7f;
  background-color: #f6f9fc;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #c4e5ea;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #92cfd9;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-primary:hover {
  background-color: #b1dde3;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #b1dde3;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #fdfefe;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #fbfcfd;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-secondary:hover {
  background-color: #ecf6f6;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #ecf6f6;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-success,
.table-success > th,
.table-success > td {
  background-color: #c4f1de;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #92e6c2;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-success:hover {
  background-color: #afecd2;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #afecd2;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-info,
.table-info > th,
.table-info > td {
  background-color: #bcf1fb;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #83e5f7;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-info:hover {
  background-color: #a4ecfa;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #a4ecfa;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fed3ca;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #fdae9c;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-warning:hover {
  background-color: #febeb1;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #febeb1;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #fcc7d1;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #fa96aa;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-danger:hover {
  background-color: #fbafbd;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #fbafbd;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-light,
.table-light > th,
.table-light > td {
  background-color: #e8eaed;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #d4d9dd;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-light:hover {
  background-color: #dadde2;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #dadde2;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c1c2c3;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #8c8e90;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-dark:hover {
  background-color: #b4b5b6;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b4b5b6;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-default,
.table-default > th,
.table-default > td {
  background-color: #bec4cd;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-default th,
.table-default td,
.table-default thead th,
.table-default tbody + tbody {
  border-color: #8691a2;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-default:hover {
  background-color: #b0b7c2;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-default:hover > td,
.table-hover .table-default:hover > th {
  background-color: #b0b7c2;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-white,
.table-white > th,
.table-white > td {
  background-color: white;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-white th,
.table-white td,
.table-white thead th,
.table-white tbody + tbody {
  border-color: white;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-white:hover {
  background-color: #f2f2f2;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
  background-color: #f2f2f2;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-neutral,
.table-neutral > th,
.table-neutral > td {
  background-color: white;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-neutral th,
.table-neutral td,
.table-neutral thead th,
.table-neutral tbody + tbody {
  border-color: white;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-neutral:hover {
  background-color: #f2f2f2;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-neutral:hover > td,
.table-hover .table-neutral:hover > th {
  background-color: #f2f2f2;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-darker,
.table-darker > th,
.table-darker > td {
  background-color: #b8b8b8;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-darker th,
.table-darker td,
.table-darker thead th,
.table-darker tbody + tbody {
  border-color: #7a7a7a;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-darker:hover {
  background-color: #ababab;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-darker:hover > td,
.table-hover .table-darker:hover > th {
  background-color: #ababab;
}

/* line 7, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-active,
.table-active > th,
.table-active > td {
  background-color: #f6f9fc;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-hover .table-active:hover {
  background-color: #e3ecf6;
}

/* line 32, app/assets/stylesheets/bootstrap/mixins/_table-row.scss */
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #e3ecf6;
}

/* line 114, app/assets/stylesheets/bootstrap/_tables.scss */
.table .thead-dark th {
  color: #f8f9fe;
  background-color: #172b4d;
  border-color: #1f3a68;
}

/* line 122, app/assets/stylesheets/bootstrap/_tables.scss */
.table .thead-light th {
  color: #8898aa;
  background-color: #f6f9fc;
  border-color: #e9ecef;
}

/* line 130, app/assets/stylesheets/bootstrap/_tables.scss */
.table-dark {
  color: #f8f9fe;
  background-color: #172b4d;
}

/* line 134, app/assets/stylesheets/bootstrap/_tables.scss */
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #1f3a68;
}

/* line 140, app/assets/stylesheets/bootstrap/_tables.scss */
.table-dark.table-bordered {
  border: 0;
}

/* line 145, app/assets/stylesheets/bootstrap/_tables.scss */
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.table-dark.table-hover tbody tr:hover {
  color: #f8f9fe;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  /* line 171, app/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* line 179, app/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  /* line 171, app/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* line 179, app/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  /* line 171, app/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* line 179, app/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  /* line 171, app/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* line 179, app/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

/* line 171, app/assets/stylesheets/bootstrap/_tables.scss */
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 179, app/assets/stylesheets/bootstrap/_tables.scss */
.table-responsive > .table-bordered {
  border: 0;
}

/* line 7, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.625rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #8898aa;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (prefers-reduced-motion: reduce) {
  /* line 7, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-control {
    transition: none;
  }
}

/* line 28, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

/* line 34, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #8898aa;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.form-control:focus {
  color: #8898aa;
  background-color: #fff;
  border-color: #2da3b5;
  outline: 0;
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(45, 163, 181, 0.1);
}

/* line 43, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control::placeholder {
  color: #adb5bd;
  opacity: 1;
}

/* line 54, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

/* line 63, app/assets/stylesheets/bootstrap/_forms.scss */
select.form-control:focus::-ms-value {
  color: #8898aa;
  background-color: #fff;
}

/* line 75, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

/* line 88, app/assets/stylesheets/bootstrap/_forms.scss */
.col-form-label {
  padding-top: calc(0.625rem + 1px);
  padding-bottom: calc(0.625rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

/* line 96, app/assets/stylesheets/bootstrap/_forms.scss */
.col-form-label-lg {
  padding-top: calc(0.875rem + 1px);
  padding-bottom: calc(0.875rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

/* line 103, app/assets/stylesheets/bootstrap/_forms.scss */
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.75rem;
  line-height: 1.5;
}

/* line 116, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.625rem 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #525f7f;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

/* line 128, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

/* line 143, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

/* line 151, app/assets/stylesheets/bootstrap/_forms.scss */
.form-control-lg {
  height: calc(1.5em + 1.75rem + 2px);
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.4375rem;
}

/* line 161, app/assets/stylesheets/bootstrap/_forms.scss */
select.form-control[size], select.form-control[multiple] {
  height: auto;
}

/* line 167, app/assets/stylesheets/bootstrap/_forms.scss */
textarea.form-control {
  height: auto;
}

/* line 176, app/assets/stylesheets/bootstrap/_forms.scss */
.form-group {
  margin-bottom: 1.5rem;
}

/* line 180, app/assets/stylesheets/bootstrap/_forms.scss */
.form-text {
  display: block;
  margin-top: 0.25rem;
}

/* line 190, app/assets/stylesheets/bootstrap/_forms.scss */
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

/* line 196, app/assets/stylesheets/bootstrap/_forms.scss */
.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

/* line 208, app/assets/stylesheets/bootstrap/_forms.scss */
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

/* line 214, app/assets/stylesheets/bootstrap/_forms.scss */
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

/* line 220, app/assets/stylesheets/bootstrap/_forms.scss */
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #8898aa;
}

/* line 226, app/assets/stylesheets/bootstrap/_forms.scss */
.form-check-label {
  margin-bottom: 0;
}

/* line 230, app/assets/stylesheets/bootstrap/_forms.scss */
.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

/* line 237, app/assets/stylesheets/bootstrap/_forms.scss */
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

/* line 18, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #2dce89;
}

/* line 26, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(45, 206, 137, 0.8);
  border-radius: .2rem;
}

/* line 43, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #2dce89;
}

/* line 46, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #2dce89;
}

/* line 51, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

/* line 59, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #2dce89;
}

/* line 63, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

/* line 71, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #2dce89;
}

/* line 74, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #93e7c3;
  border-color: #93e7c3;
}

/* line 80, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

/* line 85, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #54daa1;
  border-color: #93e7c3;
}

/* line 92, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #f8f9fe, 0 0 0 0 rgba(45, 206, 137, 0.25);
}

/* line 100, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.custom-file-input {
  opacity: 1 !important;
  width: 60% !important;
  margin: 8px !important;
}

/* line 105, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #2dce89;
}

/* line 108, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}

/* line 111, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

/* line 116, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.25);
}

/* line 122, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.custom-file-input:focus {
  outline: none;
}

/* line 18, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #fb6340;
}

/* line 26, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(251, 99, 64, 0.8);
  border-radius: .2rem;
}

/* line 43, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #fb6340;
}

/* line 46, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #fb6340;
}

/* line 51, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

/* line 59, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #fb6340;
}

/* line 63, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

/* line 71, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #fb6340;
}

/* line 74, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #fec9bd;
  border-color: #fec9bd;
}

/* line 80, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

/* line 85, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #fc8c72;
  border-color: #fec9bd;
}

/* line 92, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #f8f9fe, 0 0 0 0 rgba(251, 99, 64, 0.25);
}

/* line 100, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.custom-file-input {
  opacity: 1 !important;
  width: 60% !important;
  margin: 8px !important;
}

/* line 105, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #fb6340;
}

/* line 108, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}

/* line 111, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

/* line 116, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.25);
}

/* line 122, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.custom-file-input:focus {
  outline: none;
}

/* line 266, app/assets/stylesheets/bootstrap/_forms.scss */
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

/* line 274, app/assets/stylesheets/bootstrap/_forms.scss */
.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  /* line 280, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  /* line 288, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  /* line 297, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  /* line 304, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  /* line 308, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .input-group,
.form-inline .custom-select {
    width: auto;
  }
  /* line 315, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  /* line 322, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  /* line 330, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  /* line 334, app/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

/* line 7, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn {
  display: inline-block;
  font-weight: 600;
  color: #525f7f;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  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) {
  /* line 7, app/assets/stylesheets/bootstrap/_buttons.scss */
  .btn {
    transition: none;
  }
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn:hover {
  color: #525f7f;
  text-decoration: none;
}

/* line 27, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

/* line 34, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn.disabled, .btn:disabled {
  opacity: 0.65;
  box-shadow: none;
}

/* line 40, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn:not(:disabled):not(.disabled):active, .btn.active:not(:disabled):not(.disabled) {
  box-shadow: none;
}

/* line 44, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn:not(:disabled):not(.disabled):active:focus, .btn.active:not(:disabled):not(.disabled):focus {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

/* line 51, app/assets/stylesheets/bootstrap/_buttons.scss */
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-primary {
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-primary:hover {
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(45, 163, 181, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #237e8c;
  border-color: #2da3b5;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(45, 163, 181, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-secondary {
  color: #212529;
  background-color: #f7fafc;
  border-color: #f7fafc;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-secondary:hover {
  color: #212529;
  background-color: #f7fafc;
  border-color: #f7fafc;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(247, 250, 252, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #212529;
  background-color: #f7fafc;
  border-color: #f7fafc;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary.active:not(:disabled):not(.disabled), .show > .btn-secondary.dropdown-toggle {
  color: #212529;
  background-color: #d2e3ee;
  border-color: #f7fafc;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary.active:not(:disabled):not(.disabled):focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(247, 250, 252, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-success {
  color: #fff;
  background-color: #2dce89;
  border-color: #2dce89;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-success:hover {
  color: #fff;
  background-color: #2dce89;
  border-color: #2dce89;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(45, 206, 137, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #2dce89;
  border-color: #2dce89;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-success:not(:disabled):not(.disabled):active, .btn-success.active:not(:disabled):not(.disabled), .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #24a46d;
  border-color: #2dce89;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success.active:not(:disabled):not(.disabled):focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(45, 206, 137, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-info {
  color: #fff;
  background-color: #11cdef;
  border-color: #11cdef;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-info:hover {
  color: #fff;
  background-color: #11cdef;
  border-color: #11cdef;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-info:focus, .btn-info.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(17, 205, 239, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #11cdef;
  border-color: #11cdef;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-info:not(:disabled):not(.disabled):active, .btn-info.active:not(:disabled):not(.disabled), .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #0da5c0;
  border-color: #11cdef;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info.active:not(:disabled):not(.disabled):focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(17, 205, 239, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-warning {
  color: #fff;
  background-color: #fb6340;
  border-color: #fb6340;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-warning:hover {
  color: #fff;
  background-color: #fb6340;
  border-color: #fb6340;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(251, 99, 64, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #fb6340;
  border-color: #fb6340;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning.active:not(:disabled):not(.disabled), .show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #fa3a0e;
  border-color: #fb6340;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning.active:not(:disabled):not(.disabled):focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(251, 99, 64, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-danger {
  color: #fff;
  background-color: #f5365c;
  border-color: #f5365c;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-danger:hover {
  color: #fff;
  background-color: #f5365c;
  border-color: #f5365c;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(245, 54, 92, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #f5365c;
  border-color: #f5365c;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger.active:not(:disabled):not(.disabled), .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ec0c38;
  border-color: #f5365c;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger.active:not(:disabled):not(.disabled):focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(245, 54, 92, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-light {
  color: #fff;
  background-color: #adb5bd;
  border-color: #adb5bd;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-light:hover {
  color: #fff;
  background-color: #adb5bd;
  border-color: #adb5bd;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-light:focus, .btn-light.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(173, 181, 189, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-light.disabled, .btn-light:disabled {
  color: #fff;
  background-color: #adb5bd;
  border-color: #adb5bd;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-light:not(:disabled):not(.disabled):active, .btn-light.active:not(:disabled):not(.disabled), .show > .btn-light.dropdown-toggle {
  color: #fff;
  background-color: #919ca6;
  border-color: #adb5bd;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light.active:not(:disabled):not(.disabled):focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(173, 181, 189, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(33, 37, 41, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark.active:not(:disabled):not(.disabled), .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #0a0c0d;
  border-color: #212529;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark.active:not(:disabled):not(.disabled):focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(33, 37, 41, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-default {
  color: #fff;
  background-color: #172b4d;
  border-color: #172b4d;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-default:hover {
  color: #fff;
  background-color: #172b4d;
  border-color: #172b4d;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-default:focus, .btn-default.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(23, 43, 77, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-default.disabled, .btn-default:disabled {
  color: #fff;
  background-color: #172b4d;
  border-color: #172b4d;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-default:not(:disabled):not(.disabled):active, .btn-default.active:not(:disabled):not(.disabled), .show > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #0b1526;
  border-color: #172b4d;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default.active:not(:disabled):not(.disabled):focus, .show > .btn-default.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(23, 43, 77, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-white {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-white:hover {
  color: #212529;
  background-color: white;
  border-color: white;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-white:focus, .btn-white.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-white.disabled, .btn-white:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-white:not(:disabled):not(.disabled):active, .btn-white.active:not(:disabled):not(.disabled), .show > .btn-white.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  border-color: white;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white.active:not(:disabled):not(.disabled):focus, .show > .btn-white.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-neutral {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-neutral:hover {
  color: #212529;
  background-color: white;
  border-color: white;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-neutral:focus, .btn-neutral.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-neutral.disabled, .btn-neutral:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-neutral:not(:disabled):not(.disabled):active, .btn-neutral.active:not(:disabled):not(.disabled), .show > .btn-neutral.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  border-color: white;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-neutral:not(:disabled):not(.disabled):active:focus, .btn-neutral.active:not(:disabled):not(.disabled):focus, .show > .btn-neutral.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 62, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-darker {
  color: #fff;
  background-color: black;
  border-color: black;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-darker:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-darker:focus, .btn-darker.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(0, 0, 0, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-darker.disabled, .btn-darker:disabled {
  color: #fff;
  background-color: black;
  border-color: black;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-darker:not(:disabled):not(.disabled):active, .btn-darker.active:not(:disabled):not(.disabled), .show > .btn-darker.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-darker:not(:disabled):not(.disabled):active:focus, .btn-darker.active:not(:disabled):not(.disabled):focus, .show > .btn-darker.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(0, 0, 0, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-primary {
  color: #2da3b5;
  background-color: transparent;
  background-image: none;
  border-color: #2da3b5;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-primary:hover {
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0 rgba(45, 163, 181, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #2da3b5;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary.active:not(:disabled):not(.disabled), .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(45, 163, 181, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-secondary {
  color: #f7fafc;
  background-color: transparent;
  background-image: none;
  border-color: #f7fafc;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-secondary:hover {
  color: #212529;
  background-color: #f7fafc;
  border-color: #f7fafc;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0 rgba(247, 250, 252, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #f7fafc;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary.active:not(:disabled):not(.disabled), .show > .btn-outline-secondary.dropdown-toggle {
  color: #212529;
  background-color: #f7fafc;
  border-color: #f7fafc;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(247, 250, 252, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-success {
  color: #2dce89;
  background-color: transparent;
  background-image: none;
  border-color: #2dce89;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-success:hover {
  color: #fff;
  background-color: #2dce89;
  border-color: #2dce89;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #2dce89;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success.active:not(:disabled):not(.disabled), .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #2dce89;
  border-color: #2dce89;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-info {
  color: #11cdef;
  background-color: transparent;
  background-image: none;
  border-color: #11cdef;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-info:hover {
  color: #fff;
  background-color: #11cdef;
  border-color: #11cdef;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #11cdef;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info.active:not(:disabled):not(.disabled), .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #11cdef;
  border-color: #11cdef;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-warning {
  color: #fb6340;
  background-color: transparent;
  background-image: none;
  border-color: #fb6340;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-warning:hover {
  color: #fff;
  background-color: #fb6340;
  border-color: #fb6340;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #fb6340;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning.active:not(:disabled):not(.disabled), .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #fb6340;
  border-color: #fb6340;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-danger {
  color: #f5365c;
  background-color: transparent;
  background-image: none;
  border-color: #f5365c;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-danger:hover {
  color: #fff;
  background-color: #f5365c;
  border-color: #f5365c;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #f5365c;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger.active:not(:disabled):not(.disabled), .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #f5365c;
  border-color: #f5365c;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-light {
  color: #adb5bd;
  background-color: transparent;
  background-image: none;
  border-color: #adb5bd;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-light:hover {
  color: #fff;
  background-color: #adb5bd;
  border-color: #adb5bd;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #adb5bd;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light.active:not(:disabled):not(.disabled), .show > .btn-outline-light.dropdown-toggle {
  color: #fff;
  background-color: #adb5bd;
  border-color: #adb5bd;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-dark {
  color: #212529;
  background-color: transparent;
  background-image: none;
  border-color: #212529;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #212529;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark.active:not(:disabled):not(.disabled), .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-default {
  color: #172b4d;
  background-color: transparent;
  background-image: none;
  border-color: #172b4d;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-default:hover {
  color: #fff;
  background-color: #172b4d;
  border-color: #172b4d;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-default:focus, .btn-outline-default.focus {
  box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-default.disabled, .btn-outline-default:disabled {
  color: #172b4d;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default.active:not(:disabled):not(.disabled), .show > .btn-outline-default.dropdown-toggle {
  color: #fff;
  background-color: #172b4d;
  border-color: #172b4d;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-white {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #fff;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-white:hover {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-white:focus, .btn-outline-white.focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-white.disabled, .btn-outline-white:disabled {
  color: #fff;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white.active:not(:disabled):not(.disabled), .show > .btn-outline-white.dropdown-toggle {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-neutral {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #fff;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-neutral:hover {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-neutral:focus, .btn-outline-neutral.focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-neutral.disabled, .btn-outline-neutral:disabled {
  color: #fff;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-neutral:not(:disabled):not(.disabled):active, .btn-outline-neutral.active:not(:disabled):not(.disabled), .show > .btn-outline-neutral.dropdown-toggle {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-neutral:not(:disabled):not(.disabled):active:focus, .btn-outline-neutral.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-neutral.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 68, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-darker {
  color: black;
  background-color: transparent;
  background-image: none;
  border-color: black;
}

/* line 58, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-darker:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}

/* line 64, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-darker:focus, .btn-outline-darker.focus {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

/* line 69, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-darker.disabled, .btn-outline-darker:disabled {
  color: black;
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-darker:not(:disabled):not(.disabled):active, .btn-outline-darker.active:not(:disabled):not(.disabled), .show > .btn-outline-darker.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}

/* line 82, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-outline-darker:not(:disabled):not(.disabled):active:focus, .btn-outline-darker.active:not(:disabled):not(.disabled):focus, .show > .btn-outline-darker.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

/* line 79, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link {
  font-weight: 400;
  color: #2da3b5;
  text-decoration: none;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-link:hover {
  color: #1e6c78;
  text-decoration: none;
}

/* line 89, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link:focus, .btn-link.focus {
  text-decoration: none;
  box-shadow: none;
}

/* line 95, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link:disabled, .btn-link.disabled {
  color: #8898aa;
  pointer-events: none;
}

/* line 109, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-lg, .btn-group-lg > .btn {
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.4375rem;
}

/* line 113, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

/* line 122, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-block {
  display: block;
  width: 100%;
}

/* line 127, app/assets/stylesheets/bootstrap/_buttons.scss */
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

/* line 136, app/assets/stylesheets/bootstrap/_buttons.scss */
input.btn-block[type="submit"],
input.btn-block[type="reset"],
input.btn-block[type="button"] {
  width: 100%;
}

/* line 1, app/assets/stylesheets/bootstrap/_transitions.scss */
.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  /* line 1, app/assets/stylesheets/bootstrap/_transitions.scss */
  .fade {
    transition: none;
  }
}

/* line 4, app/assets/stylesheets/bootstrap/_transitions.scss */
.fade:not(.show) {
  opacity: 0;
}

/* line 10, app/assets/stylesheets/bootstrap/_transitions.scss */
.collapse:not(.show) {
  display: none;
}

/* line 15, app/assets/stylesheets/bootstrap/_transitions.scss */
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 15, app/assets/stylesheets/bootstrap/_transitions.scss */
  .collapsing {
    transition: none;
  }
}

/* line 2, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

/* line 9, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-toggle {
  white-space: nowrap;
}

/* line 30, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

/* line 58, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 17, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #525f7f;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: 0.4375rem;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* line 42, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-left {
  right: auto;
  left: 0;
}

/* line 47, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  /* line 42, app/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  /* line 47, app/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  /* line 42, app/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  /* line 47, app/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  /* line 42, app/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  /* line 47, app/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  /* line 47, app/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

/* line 57, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

/* line 30, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

/* line 58, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 70, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

/* line 30, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

/* line 58, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 80, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

/* line 87, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

/* line 30, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

/* line 45, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropleft .dropdown-toggle::after {
  display: none;
}

/* line 49, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

/* line 58, app/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 97, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

/* line 106, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

/* line 116, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

/* line 123, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f6f9fc;
}

/* line 153, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item.active, .dropdown-item:active {
  color: #16181b;
  text-decoration: none;
  background-color: transparent;
}

/* line 160, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #8898aa;
  pointer-events: none;
  background-color: transparent;
}

/* line 172, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu.show {
  display: block;
}

/* line 177, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #8898aa;
  white-space: nowrap;
}

/* line 187, app/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item-text {
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
}

/* line 4, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

/* line 10, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

/* line 19, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

/* line 28, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 33, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-toolbar .input-group {
  width: auto;
}

/* line 40, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

/* line 46, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 51, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 69, app/assets/stylesheets/bootstrap/_button-group.scss */
.dropdown-toggle-split {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

/* line 73, app/assets/stylesheets/bootstrap/_button-group.scss */
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

/* line 79, app/assets/stylesheets/bootstrap/_button-group.scss */
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

/* line 84, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

/* line 89, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

/* line 97, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group.show .dropdown-toggle {
  box-shadow: none;
}

/* line 101, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group.show .dropdown-toggle.btn-link {
  box-shadow: none;
}

/* line 111, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* line 116, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

/* line 121, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

/* line 127, app/assets/stylesheets/bootstrap/_button-group.scss */
.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;
}

/* line 132, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 152, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

/* line 156, app/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/* line 7, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 14, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

/* line 31, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

/* line 38, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

/* line 44, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 45, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 50, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .custom-file {
  display: flex;
  align-items: center;
}

/* line 54, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 56, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 67, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-prepend,
.input-group-append {
  display: flex;
}

/* line 74, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

/* line 78, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

/* line 83, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

/* line 91, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-prepend {
  margin-right: -1px;
}

/* line 92, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-append {
  margin-left: -1px;
}

/* line 100, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.625rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #adb5bd;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
}

/* line 116, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

/* line 128, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1.75rem + 2px);
}

/* line 133, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.4375rem;
}

/* line 145, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

/* line 150, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

/* line 162, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

/* line 175, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 184, app/assets/stylesheets/bootstrap/_input-group.scss */
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 10, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 2.75rem;
}

/* line 17, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

/* line 22, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

/* line 30, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #2da3b5;
  background-color: #2da3b5;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
}

/* line 37, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05), 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(45, 163, 181, 0.1);
}

/* line 46, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #2da3b5;
}

/* line 50, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
}

/* line 60, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #8898aa;
}

/* line 63, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

/* line 74, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

/* line 82, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -2.75rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #dee2e6 solid 1px;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
}

/* line 97, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -2.75rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

/* line 115, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

/* line 120, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

/* line 126, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #2da3b5;
  background-color: #2da3b5;
  box-shadow: none;
}

/* line 131, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

/* line 137, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(45, 163, 181, 0.5);
}

/* line 140, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(45, 163, 181, 0.5);
}

/* line 151, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

/* line 157, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* line 163, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(45, 163, 181, 0.5);
}

/* line 174, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-switch {
  padding-left: 3.5rem;
}

/* line 178, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-switch .custom-control-label::before {
  left: -3.5rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

/* line 186, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-3.5rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #dee2e6;
  border-radius: 0.5rem;
  transition: transform 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) {
  /* line 186, app/assets/stylesheets/bootstrap/_custom-forms.scss */
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

/* line 199, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}

/* line 206, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(45, 163, 181, 0.5);
}

/* line 219, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.625rem 1.75rem 0.625rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #8898aa;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  appearance: none;
}

/* line 236, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-select:focus {
  border-color: #2da3b5;
  outline: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0 #2da3b5;
}

/* line 245, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-select:focus::-ms-value {
  color: #8898aa;
  background-color: #fff;
}

/* line 256, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

/* line 263, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-select:disabled {
  color: #8898aa;
  background-color: #e9ecef;
}

/* line 269, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-select::-ms-expand {
  display: none;
}

/* line 274, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #8898aa;
}

/* line 280, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.75rem;
}

/* line 288, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-select-lg {
  height: calc(1.5em + 1.75rem + 2px);
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1rem;
  font-size: 0.875rem;
}

/* line 301, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1.25rem + 2px);
  margin-bottom: 0;
}

/* line 309, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 1.25rem + 2px);
  margin: 0;
  opacity: 0;
}

/* line 317, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-file-input:focus ~ .custom-file-label {
  border-color: #2da3b5;
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(45, 163, 181, 0.1);
}

/* line 323, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

/* line 329, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

/* line 334, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

/* line 339, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.625rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #8898aa;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
}

/* line 356, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 1.25rem);
  padding: 0.625rem 0.75rem;
  line-height: 1.5;
  color: #8898aa;
  content: "Browse";
  background-color: #fff;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

/* line 380, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range {
  width: 100%;
  height: 1rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}

/* line 387, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range:focus {
  outline: none;
}

/* line 392, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f8f9fe, 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(45, 163, 181, 0.1);
}

/* line 393, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f8f9fe, 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(45, 163, 181, 0.1);
}

/* line 394, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #f8f9fe, 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(45, 163, 181, 0.1);
}

/* line 397, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-moz-focus-outer {
  border: 0;
}

/* line 401, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #2da3b5;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  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) {
  /* line 401, app/assets/stylesheets/bootstrap/_custom-forms.scss */
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}

/* line 412, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-webkit-slider-thumb:active {
  background-color: #abe2ea;
}

/* line 417, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

/* line 428, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #2da3b5;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  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) {
  /* line 428, app/assets/stylesheets/bootstrap/_custom-forms.scss */
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}

/* line 438, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-moz-range-thumb:active {
  background-color: #abe2ea;
}

/* line 443, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

/* line 454, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  background-color: #2da3b5;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  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) {
  /* line 454, app/assets/stylesheets/bootstrap/_custom-forms.scss */
  .custom-range::-ms-thumb {
    transition: none;
  }
}

/* line 467, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-ms-thumb:active {
  background-color: #abe2ea;
}

/* line 472, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

/* line 483, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

/* line 488, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

/* line 495, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

/* line 499, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

/* line 503, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

/* line 507, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range:disabled::-moz-range-track {
  cursor: default;
}

/* line 511, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

/* line 517, app/assets/stylesheets/bootstrap/_custom-forms.scss */
.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: 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) {
  /* line 517, app/assets/stylesheets/bootstrap/_custom-forms.scss */
  .custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: none;
  }
}

/* line 6, app/assets/stylesheets/bootstrap/_nav.scss */
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/* line 14, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-link {
  display: block;
  padding: 0.25rem 0.75rem;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-link.disabled {
  color: #8898aa;
  pointer-events: none;
  cursor: default;
}

/* line 34, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

/* line 37, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-item {
  margin-bottom: -1px;
}

/* line 41, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

/* line 49, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link.disabled {
  color: #8898aa;
  background-color: transparent;
  border-color: transparent;
}

/* line 56, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #525f7f;
  background-color: #f8f9fe;
  border-color: #dee2e6 #dee2e6 #f8f9fe;
}

/* line 63, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 77, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-pills .nav-link {
  border-radius: 0.375rem;
}

/* line 81, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2da3b5;
}

/* line 94, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

/* line 101, app/assets/stylesheets/bootstrap/_nav.scss */
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

/* line 114, app/assets/stylesheets/bootstrap/_nav.scss */
.tab-content > .tab-pane {
  display: none;
}

/* line 117, app/assets/stylesheets/bootstrap/_nav.scss */
.tab-content > .active {
  display: block;
}

/* line 18, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}

/* line 28, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

/* line 52, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand {
  display: inline-block;
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

/* line 71, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/* line 78, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

/* line 83, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

/* line 94, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-text {
  display: inline-block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* line 109, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

/* line 118, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

/* line 133, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  /* line 152, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  /* line 150, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  /* line 173, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  /* line 176, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 180, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  /* line 187, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  /* line 202, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 209, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  /* line 152, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  /* line 150, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  /* line 173, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  /* line 176, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 180, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  /* line 187, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  /* line 202, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 209, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  /* line 152, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  /* line 150, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  /* line 173, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  /* line 176, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 180, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  /* line 187, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  /* line 202, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 209, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  /* line 152, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  /* line 150, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  /* line 173, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  /* line 176, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 180, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  /* line 187, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  /* line 202, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 209, app/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

/* line 150, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

/* line 152, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}

/* line 173, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav {
  flex-direction: row;
}

/* line 176, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

/* line 180, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 187, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}

/* line 202, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

/* line 209, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-toggler {
  display: none;
}

/* line 224, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

/* line 233, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.6);
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

/* line 240, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

/* line 245, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

/* line 253, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.6);
  border-color: transparent;
}

/* line 258, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* line 262, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.6);
}

/* line 264, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

/* line 276, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-brand {
  color: rgba(255, 255, 255, 0.65);
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: rgba(255, 255, 255, 0.65);
}

/* line 285, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.95);
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.65);
}

/* line 292, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

/* line 297, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: rgba(255, 255, 255, 0.65);
}

/* line 305, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.95);
  border-color: transparent;
}

/* line 310, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* line 314, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.95);
}

/* line 316, app/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark .navbar-text a {
  color: rgba(255, 255, 255, 0.65);
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: rgba(255, 255, 255, 0.65);
}

/* line 5, app/assets/stylesheets/bootstrap/_card.scss */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.375rem;
}

/* line 17, app/assets/stylesheets/bootstrap/_card.scss */
.card > hr {
  margin-right: 0;
  margin-left: 0;
}

/* line 23, app/assets/stylesheets/bootstrap/_card.scss */
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

/* line 29, app/assets/stylesheets/bootstrap/_card.scss */
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

/* line 35, app/assets/stylesheets/bootstrap/_card.scss */
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.5rem;
}

/* line 46, app/assets/stylesheets/bootstrap/_card.scss */
.card-title {
  margin-bottom: 1.25rem;
}

/* line 50, app/assets/stylesheets/bootstrap/_card.scss */
.card-subtitle {
  margin-top: -0.625rem;
  margin-bottom: 0;
}

/* line 55, app/assets/stylesheets/bootstrap/_card.scss */
.card-text:last-child {
  margin-bottom: 0;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.card-link:hover {
  text-decoration: none;
}

/* line 64, app/assets/stylesheets/bootstrap/_card.scss */
.card-link + .card-link {
  margin-left: 1.5rem;
}

/* line 73, app/assets/stylesheets/bootstrap/_card.scss */
.card-header {
  padding: 1.25rem 1.5rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 80, app/assets/stylesheets/bootstrap/_card.scss */
.card-header:first-child {
  border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
}

/* line 85, app/assets/stylesheets/bootstrap/_card.scss */
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

/* line 91, app/assets/stylesheets/bootstrap/_card.scss */
.card-footer {
  padding: 1.25rem 1.5rem;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 96, app/assets/stylesheets/bootstrap/_card.scss */
.card-footer:last-child {
  border-radius: 0 0 calc(0.375rem - 1px) calc(0.375rem - 1px);
}

/* line 106, app/assets/stylesheets/bootstrap/_card.scss */
.card-header-tabs {
  margin-right: -0.75rem;
  margin-bottom: -1.25rem;
  margin-left: -0.75rem;
  border-bottom: 0;
}

/* line 113, app/assets/stylesheets/bootstrap/_card.scss */
.card-header-pills {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

/* line 119, app/assets/stylesheets/bootstrap/_card.scss */
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

/* line 128, app/assets/stylesheets/bootstrap/_card.scss */
.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

/* line 135, app/assets/stylesheets/bootstrap/_card.scss */
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.375rem - 1px);
  border-top-right-radius: calc(0.375rem - 1px);
}

/* line 140, app/assets/stylesheets/bootstrap/_card.scss */
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.375rem - 1px);
  border-bottom-left-radius: calc(0.375rem - 1px);
}

/* line 149, app/assets/stylesheets/bootstrap/_card.scss */
.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  /* line 148, app/assets/stylesheets/bootstrap/_card.scss */
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  /* line 159, app/assets/stylesheets/bootstrap/_card.scss */
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

/* line 177, app/assets/stylesheets/bootstrap/_card.scss */
.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  /* line 174, app/assets/stylesheets/bootstrap/_card.scss */
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  /* line 186, app/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  /* line 191, app/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  /* line 198, app/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 201, app/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  /* line 206, app/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  /* line 213, app/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 216, app/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  /* line 221, app/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

/* line 238, app/assets/stylesheets/bootstrap/_card.scss */
.card-columns .card {
  margin-bottom: 1.25rem;
}

@media (min-width: 576px) {
  /* line 237, app/assets/stylesheets/bootstrap/_card.scss */
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  /* line 248, app/assets/stylesheets/bootstrap/_card.scss */
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

/* line 261, app/assets/stylesheets/bootstrap/_card.scss */
.accordion > .card {
  overflow: hidden;
}

/* line 264, app/assets/stylesheets/bootstrap/_card.scss */
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 269, app/assets/stylesheets/bootstrap/_card.scss */
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 273, app/assets/stylesheets/bootstrap/_card.scss */
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

/* line 1, app/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.375rem;
}

/* line 12, app/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item {
  display: flex;
}

/* line 16, app/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

/* line 19, app/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #8898aa;
  content: "/";
}

/* line 33, app/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

/* line 37, app/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

/* line 41, app/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item.active {
  color: #8898aa;
}

/* line 5, app/assets/stylesheets/bootstrap/_pagination.scss */
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.375rem;
}

/* line 11, app/assets/stylesheets/bootstrap/_pagination.scss */
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #8898aa;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

/* line 21, app/assets/stylesheets/bootstrap/_pagination.scss */
.page-link:hover {
  z-index: 2;
  color: #8898aa;
  text-decoration: none;
  background-color: #dee2e6;
  border-color: #dee2e6;
}

/* line 29, app/assets/stylesheets/bootstrap/_pagination.scss */
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: none;
}

/* line 38, app/assets/stylesheets/bootstrap/_pagination.scss */
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

/* line 44, app/assets/stylesheets/bootstrap/_pagination.scss */
.page-item:last-child .page-link {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

/* line 49, app/assets/stylesheets/bootstrap/_pagination.scss */
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
}

/* line 56, app/assets/stylesheets/bootstrap/_pagination.scss */
.page-item.disabled .page-link {
  color: #8898aa;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

/* line 12, app/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.4375rem;
  border-bottom-left-radius: 0.4375rem;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.4375rem;
  border-bottom-right-radius: 0.4375rem;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* line 12, app/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_pagination.scss */
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

/* line 6, app/assets/stylesheets/bootstrap/_badge.scss */
.badge {
  display: inline-block;
  padding: 0.35rem 0.375rem;
  font-size: 66%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;
  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) {
  /* line 6, app/assets/stylesheets/bootstrap/_badge.scss */
  .badge {
    transition: none;
  }
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/bootstrap/_badge.scss */
.badge:empty {
  display: none;
}

/* line 31, app/assets/stylesheets/bootstrap/_badge.scss */
.btn .badge {
  position: relative;
  top: -1px;
}

/* line 40, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-pill {
  padding-right: 0.875em;
  padding-left: 0.875em;
  border-radius: 10rem;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-primary {
  color: #1a8595;
  background-color: #9edde7;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #217784;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-secondary {
  color: #cfe3f1;
  background-color: white;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #cadeeb;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-success {
  color: #1aae6f;
  background-color: #b0eed3;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #229c68;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-info {
  color: #03acca;
  background-color: #aaedf9;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0c9cb7;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-warning {
  color: #ff3709;
  background-color: #fee6e0;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #f93305;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-danger {
  color: #f80031;
  background-color: #fdd1da;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #e30b36;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-light {
  color: #879cb0;
  background-color: white;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-light[href]:hover, .badge-light[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #8b96a2;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-dark {
  color: #090c0e;
  background-color: #6a7783;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #060607;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-default {
  color: #091428;
  background-color: #4172c6;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-default[href]:hover, .badge-default[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #09111e;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-white {
  color: #e8e3e3;
  background-color: white;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-white[href]:hover, .badge-white[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #e0e0e0;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-neutral {
  color: #e8e3e3;
  background-color: white;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-neutral[href]:hover, .badge-neutral[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #e0e0e0;
}

/* line 51, app/assets/stylesheets/bootstrap/_badge.scss */
.badge-darker {
  color: black;
  background-color: #49525a;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.badge-darker[href]:hover, .badge-darker[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: black;
}

/* line 1, app/assets/stylesheets/bootstrap/_jumbotron.scss */
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.4375rem;
}

@media (min-width: 576px) {
  /* line 1, app/assets/stylesheets/bootstrap/_jumbotron.scss */
  .jumbotron {
    padding: 4rem 2rem;
  }
}

/* line 13, app/assets/stylesheets/bootstrap/_jumbotron.scss */
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

/* line 5, app/assets/stylesheets/bootstrap/_alert.scss */
.alert {
  position: relative;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
}

/* line 14, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-heading {
  color: inherit;
}

/* line 20, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-link {
  font-weight: 600;
}

/* line 29, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-dismissible {
  padding-right: 4.5rem;
}

/* line 33, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem 1.5rem;
  color: inherit;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-primary {
  color: #fff;
  border-color: #4fb2c1;
  background-color: #4fb2c1;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-primary a {
  color: #1f5158;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-primary a:hover {
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-primary hr {
  border-top-color: #40a7b6;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-primary .alert-link {
  color: #237e8c;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-secondary {
  color: #212529;
  border-color: #f8fbfc;
  background-color: #f8fbfc;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-secondary a {
  color: #8dbece;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-secondary a:hover {
  color: #212529;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-secondary hr {
  border-top-color: #e6f1f4;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-secondary .alert-link {
  color: #d2e3ee;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-success {
  color: #fff;
  border-color: #4fd69c;
  background-color: #4fd69c;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-success a {
  color: #1a724c;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-success a:hover {
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-success hr {
  border-top-color: #3ad190;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-success .alert-link {
  color: #24a46d;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-info {
  color: #fff;
  border-color: #37d5f2;
  background-color: #37d5f2;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-info a {
  color: #097487;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-info a:hover {
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-info hr {
  border-top-color: #1fd0f0;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-info .alert-link {
  color: #0da5c0;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-warning {
  color: #fff;
  border-color: #fc7c5f;
  background-color: #fc7c5f;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-warning a {
  color: #be2604;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-warning a:hover {
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-warning hr {
  border-top-color: #fc6846;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-warning .alert-link {
  color: #fa3a0e;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-danger {
  color: #fff;
  border-color: #f75676;
  background-color: #f75676;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-danger a {
  color: #ac0829;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-danger a:hover {
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-danger hr {
  border-top-color: #f63e62;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-danger .alert-link {
  color: #ec0c38;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-light {
  color: #fff;
  border-color: #bac1c8;
  background-color: #bac1c8;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-light a {
  color: #677582;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-light a:hover {
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-light hr {
  border-top-color: #acb4bd;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-light .alert-link {
  color: #919ca6;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-dark {
  color: #fff;
  border-color: #45484b;
  background-color: #45484b;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-dark a {
  color: black;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-dark a:hover {
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-dark hr {
  border-top-color: #393b3e;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-dark .alert-link {
  color: #0a0c0d;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-default {
  color: #fff;
  border-color: #3c4d69;
  background-color: #3c4d69;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-default a {
  color: #040608;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-default a:hover {
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-default hr {
  border-top-color: #334159;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-default .alert-link {
  color: #0b1526;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-white {
  color: #212529;
  border-color: white;
  background-color: white;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-white a {
  color: #b3b3b3;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-white a:hover {
  color: #212529;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-white hr {
  border-top-color: #f2f2f2;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-white .alert-link {
  color: #e6e6e6;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-neutral {
  color: #212529;
  border-color: white;
  background-color: white;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-neutral a {
  color: #b3b3b3;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-neutral a:hover {
  color: #212529;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-neutral hr {
  border-top-color: #f2f2f2;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-neutral .alert-link {
  color: #e6e6e6;
}

/* line 48, app/assets/stylesheets/bootstrap/_alert.scss */
.alert-darker {
  color: #fff;
  border-color: #292929;
  background-color: #292929;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-darker a {
  color: black;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-darker a:hover {
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-darker hr {
  border-top-color: #1c1c1c;
}

/* line 19, app/assets/stylesheets/custom/../core/mixins/_alert.scss */
.alert-darker .alert-link {
  color: black;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

/* line 9, app/assets/stylesheets/bootstrap/_progress.scss */
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.375rem;
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
}

/* line 19, app/assets/stylesheets/bootstrap/_progress.scss */
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2da3b5;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 19, app/assets/stylesheets/bootstrap/_progress.scss */
  .progress-bar {
    transition: none;
  }
}

/* line 31, app/assets/stylesheets/bootstrap/_progress.scss */
.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: 1rem 1rem;
}

/* line 37, app/assets/stylesheets/bootstrap/_progress.scss */
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  /* line 37, app/assets/stylesheets/bootstrap/_progress.scss */
  .progress-bar-animated {
    animation: none;
  }
}

/* line 1, app/assets/stylesheets/bootstrap/_media.scss */
.media {
  display: flex;
  align-items: flex-start;
}

/* line 6, app/assets/stylesheets/bootstrap/_media.scss */
.media-body {
  flex: 1;
}

/* line 5, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

/* line 20, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-action {
  width: 100%;
  color: #525f7f;
  text-align: inherit;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #525f7f;
  text-decoration: none;
  background-color: #f6f9fc;
}

/* line 33, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-action:active {
  color: #525f7f;
  background-color: #e9ecef;
}

/* line 44, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item {
  position: relative;
  display: block;
  padding: 1rem 1rem;
  background-color: #fff;
  border: 1px solid #e9ecef;
}

/* line 52, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item:first-child {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

/* line 56, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item:last-child {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

/* line 60, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.disabled, .list-group-item:disabled {
  color: #8898aa;
  pointer-events: none;
  background-color: #fff;
}

/* line 68, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
}

/* line 75, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item + .list-group-item {
  border-top-width: 0;
}

/* line 78, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

/* line 94, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal {
  flex-direction: row;
}

/* line 98, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal .list-group-item:first-child {
  border-bottom-left-radius: 0.375rem;
  border-top-right-radius: 0;
}

/* line 103, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0;
}

/* line 108, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal .list-group-item.active {
  margin-top: 0;
}

/* line 112, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

/* line 116, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  /* line 94, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  /* line 98, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm .list-group-item:first-child {
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
  }
  /* line 103, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm .list-group-item:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0;
  }
  /* line 108, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm .list-group-item.active {
    margin-top: 0;
  }
  /* line 112, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  /* line 116, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  /* line 94, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md {
    flex-direction: row;
  }
  /* line 98, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md .list-group-item:first-child {
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
  }
  /* line 103, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md .list-group-item:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0;
  }
  /* line 108, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md .list-group-item.active {
    margin-top: 0;
  }
  /* line 112, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  /* line 116, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  /* line 94, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  /* line 98, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg .list-group-item:first-child {
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
  }
  /* line 103, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg .list-group-item:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0;
  }
  /* line 108, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg .list-group-item.active {
    margin-top: 0;
  }
  /* line 112, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  /* line 116, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  /* line 94, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  /* line 98, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl .list-group-item:first-child {
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
  }
  /* line 103, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl .list-group-item:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0;
  }
  /* line 108, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl .list-group-item.active {
    margin-top: 0;
  }
  /* line 112, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  /* line 116, app/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

/* line 133, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-flush .list-group-item {
  border-right-width: 0;
  border-left-width: 0;
  border-radius: 0;
}

/* line 138, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-flush .list-group-item:first-child {
  border-top-width: 0;
}

/* line 144, app/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom-width: 0;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-primary {
  color: #17555e;
  background-color: #c4e5ea;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #17555e;
  background-color: #b1dde3;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #17555e;
  border-color: #17555e;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-secondary {
  color: #808283;
  background-color: #fdfefe;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #808283;
  background-color: #ecf6f6;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #808283;
  border-color: #808283;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-success {
  color: #176b47;
  background-color: #c4f1de;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #176b47;
  background-color: #afecd2;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #176b47;
  border-color: #176b47;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-info {
  color: #096b7c;
  background-color: #bcf1fb;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #096b7c;
  background-color: #a4ecfa;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #096b7c;
  border-color: #096b7c;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-warning {
  color: #833321;
  background-color: #fed3ca;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #833321;
  background-color: #febeb1;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #833321;
  border-color: #833321;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-danger {
  color: #7f1c30;
  background-color: #fcc7d1;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #7f1c30;
  background-color: #fbafbd;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #7f1c30;
  border-color: #7f1c30;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-light {
  color: #5a5e62;
  background-color: #e8eaed;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #5a5e62;
  background-color: #dadde2;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #5a5e62;
  border-color: #5a5e62;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-dark {
  color: #111315;
  background-color: #c1c2c3;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #111315;
  background-color: #b4b5b6;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #111315;
  border-color: #111315;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-default {
  color: #0c1628;
  background-color: #bec4cd;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-default.list-group-item-action:hover, .list-group-item-default.list-group-item-action:focus {
  color: #0c1628;
  background-color: #b0b7c2;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-default.list-group-item-action.active {
  color: #fff;
  background-color: #0c1628;
  border-color: #0c1628;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-white {
  color: #858585;
  background-color: white;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
  color: #858585;
  background-color: #f2f2f2;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-white.list-group-item-action.active {
  color: #fff;
  background-color: #858585;
  border-color: #858585;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-neutral {
  color: #858585;
  background-color: white;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-neutral.list-group-item-action:hover, .list-group-item-neutral.list-group-item-action:focus {
  color: #858585;
  background-color: #f2f2f2;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-neutral.list-group-item-action.active {
  color: #fff;
  background-color: #858585;
  border-color: #858585;
}

/* line 4, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-darker {
  color: black;
  background-color: #b8b8b8;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.list-group-item-darker.list-group-item-action:hover, .list-group-item-darker.list-group-item-action:focus {
  color: black;
  background-color: #ababab;
}

/* line 14, app/assets/stylesheets/bootstrap/mixins/_list-group.scss */
.list-group-item-darker.list-group-item-action.active {
  color: #fff;
  background-color: black;
  border-color: black;
}

/* line 1, app/assets/stylesheets/bootstrap/_close.scss */
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: none;
  opacity: .5;
}

@media (max-width: 1200px) {
  /* line 1, app/assets/stylesheets/bootstrap/_close.scss */
  .close {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.close:hover {
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

/* line 29, app/assets/stylesheets/bootstrap/_close.scss */
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none;
}

/* line 39, app/assets/stylesheets/bootstrap/_close.scss */
a.close.disabled {
  pointer-events: none;
}

/* line 7, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-open {
  overflow: hidden;
}

/* line 11, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 18, app/assets/stylesheets/bootstrap/_modal.scss */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

/* line 36, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

/* line 44, app/assets/stylesheets/bootstrap/_modal.scss */
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  /* line 44, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal.fade .modal-dialog {
    transition: none;
  }
}

/* line 48, app/assets/stylesheets/bootstrap/_modal.scss */
.modal.show .modal-dialog {
  transform: none;
}

/* line 53, app/assets/stylesheets/bootstrap/_modal.scss */
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

/* line 58, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

/* line 62, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

/* line 67, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

/* line 72, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

/* line 77, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

/* line 83, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

/* line 90, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* line 95, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

/* line 99, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

/* line 106, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0.2);
  border-radius: 0.4375rem;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17);
  outline: 0;
}

/* line 124, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

/* line 134, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-backdrop.fade {
  opacity: 0;
}

/* line 135, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-backdrop.show {
  opacity: 0.16;
}

/* line 140, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.25rem;
  border-bottom: 0 solid #e9ecef;
  border-top-left-radius: 0.4375rem;
  border-top-right-radius: 0.4375rem;
}

/* line 148, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-header .close {
  padding: 1.25rem;
  margin: -1rem -1rem -1rem auto;
}

/* line 156, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-title {
  margin-bottom: 0;
  line-height: 1.1;
}

/* line 163, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1.5rem;
}

/* line 172, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 1.25rem;
  border-top: 0 solid #e9ecef;
  border-bottom-right-radius: 0.4375rem;
  border-bottom-left-radius: 0.4375rem;
}

/* line 185, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-footer > * {
  margin: 0.25rem;
}

/* line 191, app/assets/stylesheets/bootstrap/_modal.scss */
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  /* line 202, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  /* line 207, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  /* line 210, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  /* line 215, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  /* line 218, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  /* line 223, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal-content {
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17);
  }
  /* line 227, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal-sm {
    max-width: 380px;
  }
}

@media (min-width: 992px) {
  /* line 231, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  /* line 238, app/assets/stylesheets/bootstrap/_modal.scss */
  .modal-xl {
    max-width: 1140px;
  }
}

/* line 2, app/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: Open Sans, 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;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

/* line 15, app/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.show {
  opacity: 0.9;
}

/* line 17, app/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

/* line 23, app/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

/* line 32, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

/* line 35, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

/* line 38, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

/* line 46, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

/* line 49, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

/* line 54, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

/* line 62, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

/* line 65, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

/* line 68, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

/* line 76, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

/* line 79, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

/* line 84, app/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

/* line 108, app/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.375rem;
}

/* line 1, app/assets/stylesheets/bootstrap/_popover.scss */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: Open Sans, 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;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.4375rem;
  box-shadow: 0px 0.5rem 2rem 0px rgba(0, 0, 0, 0.2);
}

/* line 20, app/assets/stylesheets/bootstrap/_popover.scss */
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.4375rem;
}

/* line 27, app/assets/stylesheets/bootstrap/_popover.scss */
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

/* line 38, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

/* line 41, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}

/* line 44, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: transparent;
}

/* line 50, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

/* line 58, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

/* line 61, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.4375rem 0;
}

/* line 67, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: transparent;
}

/* line 73, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

/* line 81, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

/* line 84, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}

/* line 87, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: transparent;
}

/* line 93, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

/* line 101, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #fff;
}

/* line 113, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

/* line 116, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.4375rem 0;
}

/* line 122, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: transparent;
}

/* line 128, app/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

/* line 153, app/assets/stylesheets/bootstrap/_popover.scss */
.popover-header {
  padding: 0.5rem 0.95rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #32325d;
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  border-top-left-radius: calc(0.4375rem - 1px);
  border-top-right-radius: calc(0.4375rem - 1px);
}

/* line 162, app/assets/stylesheets/bootstrap/_popover.scss */
.popover-header:empty {
  display: none;
}

/* line 167, app/assets/stylesheets/bootstrap/_popover.scss */
.popover-body {
  padding: 0.5rem 0.95rem;
  color: #525f7f;
}

/* line 14, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel {
  position: relative;
}

/* line 18, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel.pointer-event {
  touch-action: pan-y;
}

/* line 22, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* line 2, app/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

/* line 29, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 29, app/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-item {
    transition: none;
  }
}

/* line 39, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* line 45, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

/* line 50, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

/* line 61, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

/* line 67, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

/* line 74, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  /* line 74, app/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

/* line 87, app/assets/stylesheets/bootstrap/_carousel.scss */
.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%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 87, app/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

/* line 111, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev {
  left: 0;
}

/* line 117, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-next {
  right: 0;
}

/* line 125, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

/* line 132, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

/* line 135, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

/* line 145, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

/* line 159, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 159, app/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-indicators li {
    transition: none;
  }
}

/* line 177, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators .active {
  opacity: 1;
}

/* line 187, app/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

/* line 3, app/assets/stylesheets/bootstrap/utilities/_align.scss */
.align-baseline {
  vertical-align: baseline !important;
}

/* line 4, app/assets/stylesheets/bootstrap/utilities/_align.scss */
.align-top {
  vertical-align: top !important;
}

/* line 5, app/assets/stylesheets/bootstrap/utilities/_align.scss */
.align-middle {
  vertical-align: middle !important;
}

/* line 6, app/assets/stylesheets/bootstrap/utilities/_align.scss */
.align-bottom {
  vertical-align: bottom !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_align.scss */
.align-text-bottom {
  vertical-align: text-bottom !important;
}

/* line 8, app/assets/stylesheets/bootstrap/utilities/_align.scss */
.align-text-top {
  vertical-align: text-top !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-primary {
  background-color: #2da3b5 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #237e8c !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-secondary {
  background-color: #f7fafc !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #d2e3ee !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-success {
  background-color: #2dce89 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #24a46d !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-info {
  background-color: #11cdef !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #0da5c0 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-warning {
  background-color: #fb6340 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #fa3a0e !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-danger {
  background-color: #f5365c !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #ec0c38 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-light {
  background-color: #adb5bd !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #919ca6 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-dark {
  background-color: #212529 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #0a0c0d !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-default {
  background-color: #172b4d !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-default:hover, a.bg-default:focus,
button.bg-default:hover,
button.bg-default:focus {
  background-color: #0b1526 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-white {
  background-color: #fff !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: #e6e6e6 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-neutral {
  background-color: #fff !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-neutral:hover, a.bg-neutral:focus,
button.bg-neutral:hover,
button.bg-neutral:focus {
  background-color: #e6e6e6 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-darker {
  background-color: black !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-darker:hover, a.bg-darker:focus,
button.bg-darker:hover,
button.bg-darker:focus {
  background-color: black !important;
}

/* line 13, app/assets/stylesheets/bootstrap/utilities/_background.scss */
.bg-white {
  background-color: #fff !important;
}

/* line 17, app/assets/stylesheets/bootstrap/utilities/_background.scss */
.bg-transparent {
  background-color: transparent !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border {
  border: 1px solid #e9ecef !important;
}

/* line 8, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-top {
  border-top: 1px solid #e9ecef !important;
}

/* line 9, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-right {
  border-right: 1px solid #e9ecef !important;
}

/* line 10, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-bottom {
  border-bottom: 1px solid #e9ecef !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-left {
  border-left: 1px solid #e9ecef !important;
}

/* line 13, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-0 {
  border: 0 !important;
}

/* line 14, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-top-0 {
  border-top: 0 !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-right-0 {
  border-right: 0 !important;
}

/* line 16, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-bottom-0 {
  border-bottom: 0 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-left-0 {
  border-left: 0 !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-primary {
  border-color: #2da3b5 !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-secondary {
  border-color: #f7fafc !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-success {
  border-color: #2dce89 !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-info {
  border-color: #11cdef !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-warning {
  border-color: #fb6340 !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-danger {
  border-color: #f5365c !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-light {
  border-color: #adb5bd !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-dark {
  border-color: #212529 !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-default {
  border-color: #172b4d !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-white {
  border-color: #fff !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-neutral {
  border-color: #fff !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-darker {
  border-color: black !important;
}

/* line 25, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.border-white {
  border-color: #fff !important;
}

/* line 33, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded-sm {
  border-radius: 0.25rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded {
  border-radius: 0.375rem !important;
}

/* line 41, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded-top {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

/* line 46, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded-right {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

/* line 51, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded-bottom {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

/* line 56, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded-left {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

/* line 61, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded-lg {
  border-radius: 0.4375rem !important;
}

/* line 65, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded-circle, .avatar.rounded-circle img {
  border-radius: 50% !important;
}

/* line 69, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded-pill {
  border-radius: 50rem !important;
}

/* line 73, app/assets/stylesheets/bootstrap/utilities/_borders.scss */
.rounded-0 {
  border-radius: 0 !important;
}

/* line 2, app/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
.d-none {
  display: none !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
.d-inline {
  display: inline !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
.d-inline-block {
  display: inline-block !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
.d-block {
  display: block !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
.d-table {
  display: table !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
.d-table-row {
  display: table-row !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
.d-table-cell {
  display: table-cell !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
.d-flex {
  display: flex !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-sm-none {
    display: none !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-sm-inline {
    display: inline !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-sm-inline-block {
    display: inline-block !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-sm-block {
    display: block !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-sm-table {
    display: table !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-sm-table-row {
    display: table-row !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-sm-table-cell {
    display: table-cell !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-sm-flex {
    display: flex !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-md-none {
    display: none !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-md-inline {
    display: inline !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-md-inline-block {
    display: inline-block !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-md-block {
    display: block !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-md-table {
    display: table !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-md-table-row {
    display: table-row !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-md-table-cell {
    display: table-cell !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-md-flex {
    display: flex !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-lg-none {
    display: none !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-lg-inline {
    display: inline !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-lg-inline-block {
    display: inline-block !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-lg-block {
    display: block !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-lg-table {
    display: table !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-lg-table-row {
    display: table-row !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-lg-table-cell {
    display: table-cell !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-lg-flex {
    display: flex !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-xl-none {
    display: none !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-xl-inline {
    display: inline !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-xl-inline-block {
    display: inline-block !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-xl-block {
    display: block !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-xl-table {
    display: table !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-xl-table-row {
    display: table-row !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-xl-table-cell {
    display: table-cell !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-xl-flex {
    display: flex !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-print-none {
    display: none !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-print-inline {
    display: inline !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-print-inline-block {
    display: inline-block !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-print-block {
    display: block !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-print-table {
    display: table !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-print-table-row {
    display: table-row !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-print-table-cell {
    display: table-cell !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-print-flex {
    display: flex !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_display.scss */
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

/* line 3, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

/* line 10, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive::before {
  display: block;
  content: "";
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* line 35, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

/* line 35, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

/* line 35, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive-4by3::before {
  padding-top: 75%;
}

/* line 35, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive-1by1::before {
  padding-top: 100%;
}

/* line 35, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

/* line 35, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

/* line 35, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive-4by3::before {
  padding-top: 75%;
}

/* line 35, app/assets/stylesheets/bootstrap/utilities/_embed.scss */
.embed-responsive-1by1::before {
  padding-top: 100%;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-row {
  flex-direction: row !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-column {
  flex-direction: column !important;
}

/* line 13, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-row-reverse {
  flex-direction: row-reverse !important;
}

/* line 14, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-column-reverse {
  flex-direction: column-reverse !important;
}

/* line 16, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-wrap {
  flex-wrap: wrap !important;
}

/* line 17, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-nowrap {
  flex-wrap: nowrap !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/* line 19, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-fill {
  flex: 1 1 auto !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-grow-0 {
  flex-grow: 0 !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-grow-1 {
  flex-grow: 1 !important;
}

/* line 22, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-shrink-0 {
  flex-shrink: 0 !important;
}

/* line 23, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.flex-shrink-1 {
  flex-shrink: 1 !important;
}

/* line 25, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.justify-content-start {
  justify-content: flex-start !important;
}

/* line 26, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.justify-content-end {
  justify-content: flex-end !important;
}

/* line 27, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.justify-content-center {
  justify-content: center !important;
}

/* line 28, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.justify-content-between {
  justify-content: space-between !important;
}

/* line 29, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.justify-content-around {
  justify-content: space-around !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-items-start {
  align-items: flex-start !important;
}

/* line 32, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-items-end {
  align-items: flex-end !important;
}

/* line 33, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-items-center {
  align-items: center !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-items-baseline {
  align-items: baseline !important;
}

/* line 35, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-items-stretch {
  align-items: stretch !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-content-start {
  align-content: flex-start !important;
}

/* line 38, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-content-end {
  align-content: flex-end !important;
}

/* line 39, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-content-center {
  align-content: center !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-content-between {
  align-content: space-between !important;
}

/* line 41, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-content-around {
  align-content: space-around !important;
}

/* line 42, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-content-stretch {
  align-content: stretch !important;
}

/* line 44, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-self-auto {
  align-self: auto !important;
}

/* line 45, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-self-start {
  align-self: flex-start !important;
}

/* line 46, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-self-end {
  align-self: flex-end !important;
}

/* line 47, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-self-center {
  align-self: center !important;
}

/* line 48, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-self-baseline {
  align-self: baseline !important;
}

/* line 49, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-row {
    flex-direction: row !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-column {
    flex-direction: column !important;
  }
  /* line 13, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 14, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 16, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  /* line 17, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 19, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  /* line 20, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 22, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 23, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 25, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  /* line 26, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  /* line 27, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-sm-center {
    justify-content: center !important;
  }
  /* line 28, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  /* line 29, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  /* line 32, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  /* line 33, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-sm-center {
    align-items: center !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  /* line 35, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  /* line 38, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  /* line 39, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-sm-center {
    align-content: center !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-sm-between {
    align-content: space-between !important;
  }
  /* line 41, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-sm-around {
    align-content: space-around !important;
  }
  /* line 42, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  /* line 44, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-sm-auto {
    align-self: auto !important;
  }
  /* line 45, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  /* line 46, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  /* line 47, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-sm-center {
    align-self: center !important;
  }
  /* line 48, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  /* line 49, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-row {
    flex-direction: row !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-column {
    flex-direction: column !important;
  }
  /* line 13, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 14, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 16, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  /* line 17, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 19, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  /* line 20, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 22, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 23, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 25, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  /* line 26, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  /* line 27, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-md-center {
    justify-content: center !important;
  }
  /* line 28, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  /* line 29, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-md-start {
    align-items: flex-start !important;
  }
  /* line 32, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-md-end {
    align-items: flex-end !important;
  }
  /* line 33, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-md-center {
    align-items: center !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  /* line 35, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-md-start {
    align-content: flex-start !important;
  }
  /* line 38, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-md-end {
    align-content: flex-end !important;
  }
  /* line 39, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-md-center {
    align-content: center !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-md-between {
    align-content: space-between !important;
  }
  /* line 41, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-md-around {
    align-content: space-around !important;
  }
  /* line 42, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  /* line 44, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-md-auto {
    align-self: auto !important;
  }
  /* line 45, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-md-start {
    align-self: flex-start !important;
  }
  /* line 46, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-md-end {
    align-self: flex-end !important;
  }
  /* line 47, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-md-center {
    align-self: center !important;
  }
  /* line 48, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  /* line 49, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-row {
    flex-direction: row !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-column {
    flex-direction: column !important;
  }
  /* line 13, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 14, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 16, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  /* line 17, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 19, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  /* line 20, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 22, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 23, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 25, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  /* line 26, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  /* line 27, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-lg-center {
    justify-content: center !important;
  }
  /* line 28, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  /* line 29, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  /* line 32, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  /* line 33, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-lg-center {
    align-items: center !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  /* line 35, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  /* line 38, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  /* line 39, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-lg-center {
    align-content: center !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-lg-between {
    align-content: space-between !important;
  }
  /* line 41, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-lg-around {
    align-content: space-around !important;
  }
  /* line 42, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  /* line 44, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-lg-auto {
    align-self: auto !important;
  }
  /* line 45, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  /* line 46, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  /* line 47, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-lg-center {
    align-self: center !important;
  }
  /* line 48, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  /* line 49, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-row {
    flex-direction: row !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-column {
    flex-direction: column !important;
  }
  /* line 13, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 14, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 16, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  /* line 17, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 19, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  /* line 20, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 22, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 23, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 25, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  /* line 26, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  /* line 27, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-xl-center {
    justify-content: center !important;
  }
  /* line 28, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  /* line 29, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  /* line 32, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  /* line 33, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-xl-center {
    align-items: center !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  /* line 35, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  /* line 38, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  /* line 39, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-xl-center {
    align-content: center !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-xl-between {
    align-content: space-between !important;
  }
  /* line 41, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-xl-around {
    align-content: space-around !important;
  }
  /* line 42, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  /* line 44, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-xl-auto {
    align-self: auto !important;
  }
  /* line 45, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  /* line 46, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  /* line 47, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-xl-center {
    align-self: center !important;
  }
  /* line 48, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  /* line 49, app/assets/stylesheets/bootstrap/utilities/_flex.scss */
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_float.scss */
.float-left {
  float: left !important;
}

/* line 8, app/assets/stylesheets/bootstrap/utilities/_float.scss */
.float-right {
  float: right !important;
}

/* line 9, app/assets/stylesheets/bootstrap/utilities/_float.scss */
.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  /* line 7, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-sm-left {
    float: left !important;
  }
  /* line 8, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-sm-right {
    float: right !important;
  }
  /* line 9, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  /* line 7, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-md-left {
    float: left !important;
  }
  /* line 8, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-md-right {
    float: right !important;
  }
  /* line 9, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  /* line 7, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-lg-left {
    float: left !important;
  }
  /* line 8, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-lg-right {
    float: right !important;
  }
  /* line 9, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  /* line 7, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-xl-left {
    float: left !important;
  }
  /* line 8, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-xl-right {
    float: right !important;
  }
  /* line 9, app/assets/stylesheets/bootstrap/utilities/_float.scss */
  .float-xl-none {
    float: none !important;
  }
}

/* line 4, app/assets/stylesheets/bootstrap/utilities/_overflow.scss */
.overflow-auto {
  overflow: auto !important;
}

/* line 4, app/assets/stylesheets/bootstrap/utilities/_overflow.scss */
.overflow-hidden {
  overflow: hidden !important;
}

/* line 5, app/assets/stylesheets/bootstrap/utilities/_position.scss */
.position-static {
  position: static !important;
}

/* line 5, app/assets/stylesheets/bootstrap/utilities/_position.scss */
.position-relative {
  position: relative !important;
}

/* line 5, app/assets/stylesheets/bootstrap/utilities/_position.scss */
.position-absolute {
  position: absolute !important;
}

/* line 5, app/assets/stylesheets/bootstrap/utilities/_position.scss */
.position-fixed {
  position: fixed !important;
}

/* line 5, app/assets/stylesheets/bootstrap/utilities/_position.scss */
.position-sticky {
  position: sticky !important;
}

/* line 10, app/assets/stylesheets/bootstrap/utilities/_position.scss */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_position.scss */
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  /* line 26, app/assets/stylesheets/bootstrap/utilities/_position.scss */
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

/* line 5, app/assets/stylesheets/bootstrap/utilities/_screenreaders.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 25, app/assets/stylesheets/bootstrap/mixins/_screen-reader.scss */
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/* line 3, app/assets/stylesheets/bootstrap/utilities/_shadows.scss */
.shadow-sm {
  box-shadow: 0 0 0.5rem rgba(136, 152, 170, 0.075) !important;
}

/* line 4, app/assets/stylesheets/bootstrap/utilities/_shadows.scss */
.shadow {
  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15) !important;
}

/* line 5, app/assets/stylesheets/bootstrap/utilities/_shadows.scss */
.shadow-lg {
  box-shadow: 0 0 3rem rgba(136, 152, 170, 0.175) !important;
}

/* line 6, app/assets/stylesheets/bootstrap/utilities/_shadows.scss */
.shadow-none {
  box-shadow: none !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.w-25 {
  width: 25% !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.w-50 {
  width: 50% !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.w-75 {
  width: 75% !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.w-100 {
  width: 100% !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.w-auto {
  width: auto !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.h-25 {
  height: 25% !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.h-50 {
  height: 50% !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.h-75 {
  height: 75% !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.h-100 {
  height: 100% !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.h-auto {
  height: auto !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.mw-100 {
  max-width: 100% !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.mh-100 {
  max-height: 100% !important;
}

/* line 16, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.min-vw-100 {
  min-width: 100vw !important;
}

/* line 17, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.min-vh-100 {
  min-height: 100vh !important;
}

/* line 19, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.vw-100 {
  width: 100vw !important;
}

/* line 20, app/assets/stylesheets/bootstrap/utilities/_sizing.scss */
.vh-100 {
  height: 100vh !important;
}

/* line 6, app/assets/stylesheets/bootstrap/utilities/_stretched-link.scss */
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-0 {
  margin: 0 !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-0,
.my-0 {
  margin-top: 0 !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-1 {
  margin: 0.25rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-2 {
  margin: 0.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-3 {
  margin: 1rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-4 {
  margin: 1.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-5 {
  margin: 3rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m--9 {
  margin: -10rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt--9,
.my--9 {
  margin-top: -10rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr--9,
.mx--9 {
  margin-right: -10rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb--9,
.my--9 {
  margin-bottom: -10rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml--9,
.mx--9 {
  margin-left: -10rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m--8 {
  margin: -8rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt--8,
.my--8 {
  margin-top: -8rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr--8,
.mx--8 {
  margin-right: -8rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb--8,
.my--8 {
  margin-bottom: -8rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml--8,
.mx--8 {
  margin-left: -8rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m--7 {
  margin: -6rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt--7,
.my--7 {
  margin-top: -6rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr--7,
.mx--7 {
  margin-right: -6rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb--7,
.my--7 {
  margin-bottom: -6rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml--7,
.mx--7 {
  margin-left: -6rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m--6 {
  margin: -4.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt--6,
.my--6 {
  margin-top: -4.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr--6,
.mx--6 {
  margin-right: -4.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb--6,
.my--6 {
  margin-bottom: -4.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml--6,
.mx--6 {
  margin-left: -4.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m--5 {
  margin: -3rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt--5,
.my--5 {
  margin-top: -3rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr--5,
.mx--5 {
  margin-right: -3rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb--5,
.my--5 {
  margin-bottom: -3rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml--5,
.mx--5 {
  margin-left: -3rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m--4 {
  margin: -1.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt--4,
.my--4 {
  margin-top: -1.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr--4,
.mx--4 {
  margin-right: -1.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb--4,
.my--4 {
  margin-bottom: -1.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml--4,
.mx--4 {
  margin-left: -1.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m--3 {
  margin: -1rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt--3,
.my--3 {
  margin-top: -1rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr--3,
.mx--3 {
  margin-right: -1rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb--3,
.my--3 {
  margin-bottom: -1rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml--3,
.mx--3 {
  margin-left: -1rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m--2 {
  margin: -0.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt--2,
.my--2 {
  margin-top: -0.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr--2,
.mx--2 {
  margin-right: -0.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb--2,
.my--2 {
  margin-bottom: -0.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml--2,
.mx--2 {
  margin-left: -0.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m--1 {
  margin: -0.25rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt--1,
.my--1 {
  margin-top: -0.25rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr--1,
.mx--1 {
  margin-right: -0.25rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb--1,
.my--1 {
  margin-bottom: -0.25rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml--1,
.mx--1 {
  margin-left: -0.25rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-6 {
  margin: 4.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-6,
.my-6 {
  margin-top: 4.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-6,
.mx-6 {
  margin-right: 4.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-6,
.my-6 {
  margin-bottom: 4.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-6,
.mx-6 {
  margin-left: 4.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-7 {
  margin: 6rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-7,
.my-7 {
  margin-top: 6rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-7,
.mx-7 {
  margin-right: 6rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-7,
.my-7 {
  margin-bottom: 6rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-7,
.mx-7 {
  margin-left: 6rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-8 {
  margin: 8rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-8,
.my-8 {
  margin-top: 8rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-8,
.mx-8 {
  margin-right: 8rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-8,
.my-8 {
  margin-bottom: 8rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-8,
.mx-8 {
  margin-left: 8rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-9 {
  margin: 10rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-9,
.my-9 {
  margin-top: 10rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-9,
.mx-9 {
  margin-right: 10rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-9,
.my-9 {
  margin-bottom: 10rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-9,
.mx-9 {
  margin-left: 10rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-0 {
  padding: 0 !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-0,
.py-0 {
  padding-top: 0 !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-0,
.px-0 {
  padding-right: 0 !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-0,
.px-0 {
  padding-left: 0 !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-1 {
  padding: 0.25rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-2 {
  padding: 0.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-3 {
  padding: 1rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-4 {
  padding: 1.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-5 {
  padding: 3rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p--9 {
  padding: -10rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt--9,
.py--9 {
  padding-top: -10rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr--9,
.px--9 {
  padding-right: -10rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb--9,
.py--9 {
  padding-bottom: -10rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl--9,
.px--9 {
  padding-left: -10rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p--8 {
  padding: -8rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt--8,
.py--8 {
  padding-top: -8rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr--8,
.px--8 {
  padding-right: -8rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb--8,
.py--8 {
  padding-bottom: -8rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl--8,
.px--8 {
  padding-left: -8rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p--7 {
  padding: -6rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt--7,
.py--7 {
  padding-top: -6rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr--7,
.px--7 {
  padding-right: -6rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb--7,
.py--7 {
  padding-bottom: -6rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl--7,
.px--7 {
  padding-left: -6rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p--6 {
  padding: -4.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt--6,
.py--6 {
  padding-top: -4.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr--6,
.px--6 {
  padding-right: -4.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb--6,
.py--6 {
  padding-bottom: -4.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl--6,
.px--6 {
  padding-left: -4.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p--5 {
  padding: -3rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt--5,
.py--5 {
  padding-top: -3rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr--5,
.px--5 {
  padding-right: -3rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb--5,
.py--5 {
  padding-bottom: -3rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl--5,
.px--5 {
  padding-left: -3rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p--4 {
  padding: -1.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt--4,
.py--4 {
  padding-top: -1.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr--4,
.px--4 {
  padding-right: -1.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb--4,
.py--4 {
  padding-bottom: -1.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl--4,
.px--4 {
  padding-left: -1.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p--3 {
  padding: -1rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt--3,
.py--3 {
  padding-top: -1rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr--3,
.px--3 {
  padding-right: -1rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb--3,
.py--3 {
  padding-bottom: -1rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl--3,
.px--3 {
  padding-left: -1rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p--2 {
  padding: -0.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt--2,
.py--2 {
  padding-top: -0.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr--2,
.px--2 {
  padding-right: -0.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb--2,
.py--2 {
  padding-bottom: -0.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl--2,
.px--2 {
  padding-left: -0.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p--1 {
  padding: -0.25rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt--1,
.py--1 {
  padding-top: -0.25rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr--1,
.px--1 {
  padding-right: -0.25rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb--1,
.py--1 {
  padding-bottom: -0.25rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl--1,
.px--1 {
  padding-left: -0.25rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-6 {
  padding: 4.5rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-6,
.py-6 {
  padding-top: 4.5rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-6,
.px-6 {
  padding-right: 4.5rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-6,
.py-6 {
  padding-bottom: 4.5rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-6,
.px-6 {
  padding-left: 4.5rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-7 {
  padding: 6rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-7,
.py-7 {
  padding-top: 6rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-7,
.px-7 {
  padding-right: 6rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-7,
.py-7 {
  padding-bottom: 6rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-7,
.px-7 {
  padding-left: 6rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-8 {
  padding: 8rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-8,
.py-8 {
  padding-top: 8rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-8,
.px-8 {
  padding-right: 8rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-8,
.py-8 {
  padding-bottom: 8rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-8,
.px-8 {
  padding-left: 8rem !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.p-9 {
  padding: 10rem !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pt-9,
.py-9 {
  padding-top: 10rem !important;
}

/* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pr-9,
.px-9 {
  padding-right: 10rem !important;
}

/* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pb-9,
.py-9 {
  padding-bottom: 10rem !important;
}

/* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.pl-9,
.px-9 {
  padding-left: 10rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n1 {
  margin: -0.25rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n2 {
  margin: -0.5rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n3 {
  margin: -1rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n4 {
  margin: -1.5rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n5 {
  margin: -3rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n-9 {
  margin: 10rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n-9,
.my-n-9 {
  margin-top: 10rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n-9,
.mx-n-9 {
  margin-right: 10rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n-9,
.my-n-9 {
  margin-bottom: 10rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n-9,
.mx-n-9 {
  margin-left: 10rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n-8 {
  margin: 8rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n-8,
.my-n-8 {
  margin-top: 8rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n-8,
.mx-n-8 {
  margin-right: 8rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n-8,
.my-n-8 {
  margin-bottom: 8rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n-8,
.mx-n-8 {
  margin-left: 8rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n-7 {
  margin: 6rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n-7,
.my-n-7 {
  margin-top: 6rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n-7,
.mx-n-7 {
  margin-right: 6rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n-7,
.my-n-7 {
  margin-bottom: 6rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n-7,
.mx-n-7 {
  margin-left: 6rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n-6 {
  margin: 4.5rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n-6,
.my-n-6 {
  margin-top: 4.5rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n-6,
.mx-n-6 {
  margin-right: 4.5rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n-6,
.my-n-6 {
  margin-bottom: 4.5rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n-6,
.mx-n-6 {
  margin-left: 4.5rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n-5 {
  margin: 3rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n-5,
.my-n-5 {
  margin-top: 3rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n-5,
.mx-n-5 {
  margin-right: 3rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n-5,
.my-n-5 {
  margin-bottom: 3rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n-5,
.mx-n-5 {
  margin-left: 3rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n-4 {
  margin: 1.5rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n-4,
.my-n-4 {
  margin-top: 1.5rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n-4,
.mx-n-4 {
  margin-right: 1.5rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n-4,
.my-n-4 {
  margin-bottom: 1.5rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n-4,
.mx-n-4 {
  margin-left: 1.5rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n-3 {
  margin: 1rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n-3,
.my-n-3 {
  margin-top: 1rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n-3,
.mx-n-3 {
  margin-right: 1rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n-3,
.my-n-3 {
  margin-bottom: 1rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n-3,
.mx-n-3 {
  margin-left: 1rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n-2 {
  margin: 0.5rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n-2,
.my-n-2 {
  margin-top: 0.5rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n-2,
.mx-n-2 {
  margin-right: 0.5rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n-2,
.my-n-2 {
  margin-bottom: 0.5rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n-2,
.mx-n-2 {
  margin-left: 0.5rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n-1 {
  margin: 0.25rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n-1,
.my-n-1 {
  margin-top: 0.25rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n-1,
.mx-n-1 {
  margin-right: 0.25rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n-1,
.my-n-1 {
  margin-bottom: 0.25rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n-1,
.mx-n-1 {
  margin-left: 0.25rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n6 {
  margin: -4.5rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n6,
.my-n6 {
  margin-top: -4.5rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n6,
.mx-n6 {
  margin-right: -4.5rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n6,
.my-n6 {
  margin-bottom: -4.5rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n6,
.mx-n6 {
  margin-left: -4.5rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n7 {
  margin: -6rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n7,
.my-n7 {
  margin-top: -6rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n7,
.mx-n7 {
  margin-right: -6rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n7,
.my-n7 {
  margin-bottom: -6rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n7,
.mx-n7 {
  margin-left: -6rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n8 {
  margin: -8rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n8,
.my-n8 {
  margin-top: -8rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n8,
.mx-n8 {
  margin-right: -8rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n8,
.my-n8 {
  margin-bottom: -8rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n8,
.mx-n8 {
  margin-left: -8rem !important;
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-n9 {
  margin: -10rem !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-n9,
.my-n9 {
  margin-top: -10rem !important;
}

/* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-n9,
.mx-n9 {
  margin-right: -10rem !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-n9,
.my-n9 {
  margin-bottom: -10rem !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-n9,
.mx-n9 {
  margin-left: -10rem !important;
}

/* line 47, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.m-auto {
  margin: auto !important;
}

/* line 48, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mt-auto,
.my-auto {
  margin-top: auto !important;
}

/* line 51, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

/* line 54, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

/* line 57, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-0 {
    margin: 0 !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-3 {
    margin: 1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-5 {
    margin: 3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm--9 {
    margin: -10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm--9,
.my-sm--9 {
    margin-top: -10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm--9,
.mx-sm--9 {
    margin-right: -10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm--9,
.my-sm--9 {
    margin-bottom: -10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm--9,
.mx-sm--9 {
    margin-left: -10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm--8 {
    margin: -8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm--8,
.my-sm--8 {
    margin-top: -8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm--8,
.mx-sm--8 {
    margin-right: -8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm--8,
.my-sm--8 {
    margin-bottom: -8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm--8,
.mx-sm--8 {
    margin-left: -8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm--7 {
    margin: -6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm--7,
.my-sm--7 {
    margin-top: -6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm--7,
.mx-sm--7 {
    margin-right: -6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm--7,
.my-sm--7 {
    margin-bottom: -6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm--7,
.mx-sm--7 {
    margin-left: -6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm--6 {
    margin: -4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm--6,
.my-sm--6 {
    margin-top: -4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm--6,
.mx-sm--6 {
    margin-right: -4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm--6,
.my-sm--6 {
    margin-bottom: -4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm--6,
.mx-sm--6 {
    margin-left: -4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm--5 {
    margin: -3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm--5,
.my-sm--5 {
    margin-top: -3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm--5,
.mx-sm--5 {
    margin-right: -3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm--5,
.my-sm--5 {
    margin-bottom: -3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm--5,
.mx-sm--5 {
    margin-left: -3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm--4 {
    margin: -1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm--4,
.my-sm--4 {
    margin-top: -1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm--4,
.mx-sm--4 {
    margin-right: -1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm--4,
.my-sm--4 {
    margin-bottom: -1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm--4,
.mx-sm--4 {
    margin-left: -1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm--3 {
    margin: -1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm--3,
.my-sm--3 {
    margin-top: -1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm--3,
.mx-sm--3 {
    margin-right: -1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm--3,
.my-sm--3 {
    margin-bottom: -1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm--3,
.mx-sm--3 {
    margin-left: -1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm--2 {
    margin: -0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm--2,
.my-sm--2 {
    margin-top: -0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm--2,
.mx-sm--2 {
    margin-right: -0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm--2,
.my-sm--2 {
    margin-bottom: -0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm--2,
.mx-sm--2 {
    margin-left: -0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm--1 {
    margin: -0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm--1,
.my-sm--1 {
    margin-top: -0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm--1,
.mx-sm--1 {
    margin-right: -0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm--1,
.my-sm--1 {
    margin-bottom: -0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm--1,
.mx-sm--1 {
    margin-left: -0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-6 {
    margin: 4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-6,
.my-sm-6 {
    margin-top: 4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-6,
.mx-sm-6 {
    margin-right: 4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-6,
.my-sm-6 {
    margin-bottom: 4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-6,
.mx-sm-6 {
    margin-left: 4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-7 {
    margin: 6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-7,
.my-sm-7 {
    margin-top: 6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-7,
.mx-sm-7 {
    margin-right: 6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-7,
.my-sm-7 {
    margin-bottom: 6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-7,
.mx-sm-7 {
    margin-left: 6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-8 {
    margin: 8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-8,
.my-sm-8 {
    margin-top: 8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-8,
.mx-sm-8 {
    margin-right: 8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-8,
.my-sm-8 {
    margin-bottom: 8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-8,
.mx-sm-8 {
    margin-left: 8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-9 {
    margin: 10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-9,
.my-sm-9 {
    margin-top: 10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-9,
.mx-sm-9 {
    margin-right: 10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-9,
.my-sm-9 {
    margin-bottom: 10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-9,
.mx-sm-9 {
    margin-left: 10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-0 {
    padding: 0 !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-3 {
    padding: 1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-5 {
    padding: 3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm--9 {
    padding: -10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm--9,
.py-sm--9 {
    padding-top: -10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm--9,
.px-sm--9 {
    padding-right: -10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm--9,
.py-sm--9 {
    padding-bottom: -10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm--9,
.px-sm--9 {
    padding-left: -10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm--8 {
    padding: -8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm--8,
.py-sm--8 {
    padding-top: -8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm--8,
.px-sm--8 {
    padding-right: -8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm--8,
.py-sm--8 {
    padding-bottom: -8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm--8,
.px-sm--8 {
    padding-left: -8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm--7 {
    padding: -6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm--7,
.py-sm--7 {
    padding-top: -6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm--7,
.px-sm--7 {
    padding-right: -6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm--7,
.py-sm--7 {
    padding-bottom: -6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm--7,
.px-sm--7 {
    padding-left: -6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm--6 {
    padding: -4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm--6,
.py-sm--6 {
    padding-top: -4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm--6,
.px-sm--6 {
    padding-right: -4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm--6,
.py-sm--6 {
    padding-bottom: -4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm--6,
.px-sm--6 {
    padding-left: -4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm--5 {
    padding: -3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm--5,
.py-sm--5 {
    padding-top: -3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm--5,
.px-sm--5 {
    padding-right: -3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm--5,
.py-sm--5 {
    padding-bottom: -3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm--5,
.px-sm--5 {
    padding-left: -3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm--4 {
    padding: -1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm--4,
.py-sm--4 {
    padding-top: -1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm--4,
.px-sm--4 {
    padding-right: -1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm--4,
.py-sm--4 {
    padding-bottom: -1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm--4,
.px-sm--4 {
    padding-left: -1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm--3 {
    padding: -1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm--3,
.py-sm--3 {
    padding-top: -1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm--3,
.px-sm--3 {
    padding-right: -1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm--3,
.py-sm--3 {
    padding-bottom: -1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm--3,
.px-sm--3 {
    padding-left: -1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm--2 {
    padding: -0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm--2,
.py-sm--2 {
    padding-top: -0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm--2,
.px-sm--2 {
    padding-right: -0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm--2,
.py-sm--2 {
    padding-bottom: -0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm--2,
.px-sm--2 {
    padding-left: -0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm--1 {
    padding: -0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm--1,
.py-sm--1 {
    padding-top: -0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm--1,
.px-sm--1 {
    padding-right: -0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm--1,
.py-sm--1 {
    padding-bottom: -0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm--1,
.px-sm--1 {
    padding-left: -0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-6 {
    padding: 4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-6,
.py-sm-6 {
    padding-top: 4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-6,
.px-sm-6 {
    padding-right: 4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-6,
.py-sm-6 {
    padding-bottom: 4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-6,
.px-sm-6 {
    padding-left: 4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-7 {
    padding: 6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-7,
.py-sm-7 {
    padding-top: 6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-7,
.px-sm-7 {
    padding-right: 6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-7,
.py-sm-7 {
    padding-bottom: 6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-7,
.px-sm-7 {
    padding-left: 6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-8 {
    padding: 8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-8,
.py-sm-8 {
    padding-top: 8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-8,
.px-sm-8 {
    padding-right: 8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-8,
.py-sm-8 {
    padding-bottom: 8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-8,
.px-sm-8 {
    padding-left: 8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-sm-9 {
    padding: 10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-sm-9,
.py-sm-9 {
    padding-top: 10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-sm-9,
.px-sm-9 {
    padding-right: 10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-sm-9,
.py-sm-9 {
    padding-bottom: 10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-sm-9,
.px-sm-9 {
    padding-left: 10rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n3 {
    margin: -1rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n5 {
    margin: -3rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n-9 {
    margin: 10rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n-9,
.my-sm-n-9 {
    margin-top: 10rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n-9,
.mx-sm-n-9 {
    margin-right: 10rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n-9,
.my-sm-n-9 {
    margin-bottom: 10rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n-9,
.mx-sm-n-9 {
    margin-left: 10rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n-8 {
    margin: 8rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n-8,
.my-sm-n-8 {
    margin-top: 8rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n-8,
.mx-sm-n-8 {
    margin-right: 8rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n-8,
.my-sm-n-8 {
    margin-bottom: 8rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n-8,
.mx-sm-n-8 {
    margin-left: 8rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n-7 {
    margin: 6rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n-7,
.my-sm-n-7 {
    margin-top: 6rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n-7,
.mx-sm-n-7 {
    margin-right: 6rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n-7,
.my-sm-n-7 {
    margin-bottom: 6rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n-7,
.mx-sm-n-7 {
    margin-left: 6rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n-6 {
    margin: 4.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n-6,
.my-sm-n-6 {
    margin-top: 4.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n-6,
.mx-sm-n-6 {
    margin-right: 4.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n-6,
.my-sm-n-6 {
    margin-bottom: 4.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n-6,
.mx-sm-n-6 {
    margin-left: 4.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n-5 {
    margin: 3rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n-5,
.my-sm-n-5 {
    margin-top: 3rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n-5,
.mx-sm-n-5 {
    margin-right: 3rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n-5,
.my-sm-n-5 {
    margin-bottom: 3rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n-5,
.mx-sm-n-5 {
    margin-left: 3rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n-4 {
    margin: 1.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n-4,
.my-sm-n-4 {
    margin-top: 1.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n-4,
.mx-sm-n-4 {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n-4,
.my-sm-n-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n-4,
.mx-sm-n-4 {
    margin-left: 1.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n-3 {
    margin: 1rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n-3,
.my-sm-n-3 {
    margin-top: 1rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n-3,
.mx-sm-n-3 {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n-3,
.my-sm-n-3 {
    margin-bottom: 1rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n-3,
.mx-sm-n-3 {
    margin-left: 1rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n-2 {
    margin: 0.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n-2,
.my-sm-n-2 {
    margin-top: 0.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n-2,
.mx-sm-n-2 {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n-2,
.my-sm-n-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n-2,
.mx-sm-n-2 {
    margin-left: 0.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n-1 {
    margin: 0.25rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n-1,
.my-sm-n-1 {
    margin-top: 0.25rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n-1,
.mx-sm-n-1 {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n-1,
.my-sm-n-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n-1,
.mx-sm-n-1 {
    margin-left: 0.25rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n6 {
    margin: -4.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n6,
.my-sm-n6 {
    margin-top: -4.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n6,
.mx-sm-n6 {
    margin-right: -4.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n6,
.my-sm-n6 {
    margin-bottom: -4.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n6,
.mx-sm-n6 {
    margin-left: -4.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n7 {
    margin: -6rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n7,
.my-sm-n7 {
    margin-top: -6rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n7,
.mx-sm-n7 {
    margin-right: -6rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n7,
.my-sm-n7 {
    margin-bottom: -6rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n7,
.mx-sm-n7 {
    margin-left: -6rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n8 {
    margin: -8rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n8,
.my-sm-n8 {
    margin-top: -8rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n8,
.mx-sm-n8 {
    margin-right: -8rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n8,
.my-sm-n8 {
    margin-bottom: -8rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n8,
.mx-sm-n8 {
    margin-left: -8rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-n9 {
    margin: -10rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-n9,
.my-sm-n9 {
    margin-top: -10rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-n9,
.mx-sm-n9 {
    margin-right: -10rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-n9,
.my-sm-n9 {
    margin-bottom: -10rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-n9,
.mx-sm-n9 {
    margin-left: -10rem !important;
  }
  /* line 47, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-sm-auto {
    margin: auto !important;
  }
  /* line 48, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }
  /* line 51, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }
  /* line 54, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }
  /* line 57, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-0 {
    margin: 0 !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-1 {
    margin: 0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-2 {
    margin: 0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-3 {
    margin: 1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-4 {
    margin: 1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-5 {
    margin: 3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md--9 {
    margin: -10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md--9,
.my-md--9 {
    margin-top: -10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md--9,
.mx-md--9 {
    margin-right: -10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md--9,
.my-md--9 {
    margin-bottom: -10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md--9,
.mx-md--9 {
    margin-left: -10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md--8 {
    margin: -8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md--8,
.my-md--8 {
    margin-top: -8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md--8,
.mx-md--8 {
    margin-right: -8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md--8,
.my-md--8 {
    margin-bottom: -8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md--8,
.mx-md--8 {
    margin-left: -8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md--7 {
    margin: -6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md--7,
.my-md--7 {
    margin-top: -6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md--7,
.mx-md--7 {
    margin-right: -6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md--7,
.my-md--7 {
    margin-bottom: -6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md--7,
.mx-md--7 {
    margin-left: -6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md--6 {
    margin: -4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md--6,
.my-md--6 {
    margin-top: -4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md--6,
.mx-md--6 {
    margin-right: -4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md--6,
.my-md--6 {
    margin-bottom: -4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md--6,
.mx-md--6 {
    margin-left: -4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md--5 {
    margin: -3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md--5,
.my-md--5 {
    margin-top: -3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md--5,
.mx-md--5 {
    margin-right: -3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md--5,
.my-md--5 {
    margin-bottom: -3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md--5,
.mx-md--5 {
    margin-left: -3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md--4 {
    margin: -1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md--4,
.my-md--4 {
    margin-top: -1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md--4,
.mx-md--4 {
    margin-right: -1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md--4,
.my-md--4 {
    margin-bottom: -1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md--4,
.mx-md--4 {
    margin-left: -1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md--3 {
    margin: -1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md--3,
.my-md--3 {
    margin-top: -1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md--3,
.mx-md--3 {
    margin-right: -1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md--3,
.my-md--3 {
    margin-bottom: -1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md--3,
.mx-md--3 {
    margin-left: -1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md--2 {
    margin: -0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md--2,
.my-md--2 {
    margin-top: -0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md--2,
.mx-md--2 {
    margin-right: -0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md--2,
.my-md--2 {
    margin-bottom: -0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md--2,
.mx-md--2 {
    margin-left: -0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md--1 {
    margin: -0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md--1,
.my-md--1 {
    margin-top: -0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md--1,
.mx-md--1 {
    margin-right: -0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md--1,
.my-md--1 {
    margin-bottom: -0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md--1,
.mx-md--1 {
    margin-left: -0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-6 {
    margin: 4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-6,
.my-md-6 {
    margin-top: 4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-6,
.mx-md-6 {
    margin-right: 4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-6,
.my-md-6 {
    margin-bottom: 4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-6,
.mx-md-6 {
    margin-left: 4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-7 {
    margin: 6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-7,
.my-md-7 {
    margin-top: 6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-7,
.mx-md-7 {
    margin-right: 6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-7,
.my-md-7 {
    margin-bottom: 6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-7,
.mx-md-7 {
    margin-left: 6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-8 {
    margin: 8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-8,
.my-md-8 {
    margin-top: 8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-8,
.mx-md-8 {
    margin-right: 8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-8,
.my-md-8 {
    margin-bottom: 8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-8,
.mx-md-8 {
    margin-left: 8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-9 {
    margin: 10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-9,
.my-md-9 {
    margin-top: 10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-9,
.mx-md-9 {
    margin-right: 10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-9,
.my-md-9 {
    margin-bottom: 10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-9,
.mx-md-9 {
    margin-left: 10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-0 {
    padding: 0 !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-1 {
    padding: 0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-2 {
    padding: 0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-3 {
    padding: 1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-4 {
    padding: 1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-5 {
    padding: 3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md--9 {
    padding: -10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md--9,
.py-md--9 {
    padding-top: -10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md--9,
.px-md--9 {
    padding-right: -10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md--9,
.py-md--9 {
    padding-bottom: -10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md--9,
.px-md--9 {
    padding-left: -10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md--8 {
    padding: -8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md--8,
.py-md--8 {
    padding-top: -8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md--8,
.px-md--8 {
    padding-right: -8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md--8,
.py-md--8 {
    padding-bottom: -8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md--8,
.px-md--8 {
    padding-left: -8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md--7 {
    padding: -6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md--7,
.py-md--7 {
    padding-top: -6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md--7,
.px-md--7 {
    padding-right: -6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md--7,
.py-md--7 {
    padding-bottom: -6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md--7,
.px-md--7 {
    padding-left: -6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md--6 {
    padding: -4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md--6,
.py-md--6 {
    padding-top: -4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md--6,
.px-md--6 {
    padding-right: -4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md--6,
.py-md--6 {
    padding-bottom: -4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md--6,
.px-md--6 {
    padding-left: -4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md--5 {
    padding: -3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md--5,
.py-md--5 {
    padding-top: -3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md--5,
.px-md--5 {
    padding-right: -3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md--5,
.py-md--5 {
    padding-bottom: -3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md--5,
.px-md--5 {
    padding-left: -3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md--4 {
    padding: -1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md--4,
.py-md--4 {
    padding-top: -1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md--4,
.px-md--4 {
    padding-right: -1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md--4,
.py-md--4 {
    padding-bottom: -1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md--4,
.px-md--4 {
    padding-left: -1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md--3 {
    padding: -1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md--3,
.py-md--3 {
    padding-top: -1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md--3,
.px-md--3 {
    padding-right: -1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md--3,
.py-md--3 {
    padding-bottom: -1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md--3,
.px-md--3 {
    padding-left: -1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md--2 {
    padding: -0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md--2,
.py-md--2 {
    padding-top: -0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md--2,
.px-md--2 {
    padding-right: -0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md--2,
.py-md--2 {
    padding-bottom: -0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md--2,
.px-md--2 {
    padding-left: -0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md--1 {
    padding: -0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md--1,
.py-md--1 {
    padding-top: -0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md--1,
.px-md--1 {
    padding-right: -0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md--1,
.py-md--1 {
    padding-bottom: -0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md--1,
.px-md--1 {
    padding-left: -0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-6 {
    padding: 4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-6,
.py-md-6 {
    padding-top: 4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-6,
.px-md-6 {
    padding-right: 4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-6,
.py-md-6 {
    padding-bottom: 4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-6,
.px-md-6 {
    padding-left: 4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-7 {
    padding: 6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-7,
.py-md-7 {
    padding-top: 6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-7,
.px-md-7 {
    padding-right: 6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-7,
.py-md-7 {
    padding-bottom: 6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-7,
.px-md-7 {
    padding-left: 6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-8 {
    padding: 8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-8,
.py-md-8 {
    padding-top: 8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-8,
.px-md-8 {
    padding-right: 8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-8,
.py-md-8 {
    padding-bottom: 8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-8,
.px-md-8 {
    padding-left: 8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-md-9 {
    padding: 10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-md-9,
.py-md-9 {
    padding-top: 10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-md-9,
.px-md-9 {
    padding-right: 10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-md-9,
.py-md-9 {
    padding-bottom: 10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-md-9,
.px-md-9 {
    padding-left: 10rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n3 {
    margin: -1rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n5 {
    margin: -3rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n-9 {
    margin: 10rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n-9,
.my-md-n-9 {
    margin-top: 10rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n-9,
.mx-md-n-9 {
    margin-right: 10rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n-9,
.my-md-n-9 {
    margin-bottom: 10rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n-9,
.mx-md-n-9 {
    margin-left: 10rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n-8 {
    margin: 8rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n-8,
.my-md-n-8 {
    margin-top: 8rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n-8,
.mx-md-n-8 {
    margin-right: 8rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n-8,
.my-md-n-8 {
    margin-bottom: 8rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n-8,
.mx-md-n-8 {
    margin-left: 8rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n-7 {
    margin: 6rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n-7,
.my-md-n-7 {
    margin-top: 6rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n-7,
.mx-md-n-7 {
    margin-right: 6rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n-7,
.my-md-n-7 {
    margin-bottom: 6rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n-7,
.mx-md-n-7 {
    margin-left: 6rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n-6 {
    margin: 4.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n-6,
.my-md-n-6 {
    margin-top: 4.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n-6,
.mx-md-n-6 {
    margin-right: 4.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n-6,
.my-md-n-6 {
    margin-bottom: 4.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n-6,
.mx-md-n-6 {
    margin-left: 4.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n-5 {
    margin: 3rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n-5,
.my-md-n-5 {
    margin-top: 3rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n-5,
.mx-md-n-5 {
    margin-right: 3rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n-5,
.my-md-n-5 {
    margin-bottom: 3rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n-5,
.mx-md-n-5 {
    margin-left: 3rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n-4 {
    margin: 1.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n-4,
.my-md-n-4 {
    margin-top: 1.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n-4,
.mx-md-n-4 {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n-4,
.my-md-n-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n-4,
.mx-md-n-4 {
    margin-left: 1.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n-3 {
    margin: 1rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n-3,
.my-md-n-3 {
    margin-top: 1rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n-3,
.mx-md-n-3 {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n-3,
.my-md-n-3 {
    margin-bottom: 1rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n-3,
.mx-md-n-3 {
    margin-left: 1rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n-2 {
    margin: 0.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n-2,
.my-md-n-2 {
    margin-top: 0.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n-2,
.mx-md-n-2 {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n-2,
.my-md-n-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n-2,
.mx-md-n-2 {
    margin-left: 0.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n-1 {
    margin: 0.25rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n-1,
.my-md-n-1 {
    margin-top: 0.25rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n-1,
.mx-md-n-1 {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n-1,
.my-md-n-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n-1,
.mx-md-n-1 {
    margin-left: 0.25rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n6 {
    margin: -4.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n6,
.my-md-n6 {
    margin-top: -4.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n6,
.mx-md-n6 {
    margin-right: -4.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n6,
.my-md-n6 {
    margin-bottom: -4.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n6,
.mx-md-n6 {
    margin-left: -4.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n7 {
    margin: -6rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n7,
.my-md-n7 {
    margin-top: -6rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n7,
.mx-md-n7 {
    margin-right: -6rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n7,
.my-md-n7 {
    margin-bottom: -6rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n7,
.mx-md-n7 {
    margin-left: -6rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n8 {
    margin: -8rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n8,
.my-md-n8 {
    margin-top: -8rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n8,
.mx-md-n8 {
    margin-right: -8rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n8,
.my-md-n8 {
    margin-bottom: -8rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n8,
.mx-md-n8 {
    margin-left: -8rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-n9 {
    margin: -10rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-n9,
.my-md-n9 {
    margin-top: -10rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-n9,
.mx-md-n9 {
    margin-right: -10rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-n9,
.my-md-n9 {
    margin-bottom: -10rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-n9,
.mx-md-n9 {
    margin-left: -10rem !important;
  }
  /* line 47, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-md-auto {
    margin: auto !important;
  }
  /* line 48, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }
  /* line 51, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }
  /* line 54, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }
  /* line 57, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-0 {
    margin: 0 !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-3 {
    margin: 1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-5 {
    margin: 3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg--9 {
    margin: -10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg--9,
.my-lg--9 {
    margin-top: -10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg--9,
.mx-lg--9 {
    margin-right: -10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg--9,
.my-lg--9 {
    margin-bottom: -10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg--9,
.mx-lg--9 {
    margin-left: -10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg--8 {
    margin: -8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg--8,
.my-lg--8 {
    margin-top: -8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg--8,
.mx-lg--8 {
    margin-right: -8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg--8,
.my-lg--8 {
    margin-bottom: -8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg--8,
.mx-lg--8 {
    margin-left: -8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg--7 {
    margin: -6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg--7,
.my-lg--7 {
    margin-top: -6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg--7,
.mx-lg--7 {
    margin-right: -6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg--7,
.my-lg--7 {
    margin-bottom: -6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg--7,
.mx-lg--7 {
    margin-left: -6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg--6 {
    margin: -4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg--6,
.my-lg--6 {
    margin-top: -4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg--6,
.mx-lg--6 {
    margin-right: -4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg--6,
.my-lg--6 {
    margin-bottom: -4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg--6,
.mx-lg--6 {
    margin-left: -4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg--5 {
    margin: -3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg--5,
.my-lg--5 {
    margin-top: -3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg--5,
.mx-lg--5 {
    margin-right: -3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg--5,
.my-lg--5 {
    margin-bottom: -3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg--5,
.mx-lg--5 {
    margin-left: -3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg--4 {
    margin: -1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg--4,
.my-lg--4 {
    margin-top: -1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg--4,
.mx-lg--4 {
    margin-right: -1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg--4,
.my-lg--4 {
    margin-bottom: -1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg--4,
.mx-lg--4 {
    margin-left: -1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg--3 {
    margin: -1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg--3,
.my-lg--3 {
    margin-top: -1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg--3,
.mx-lg--3 {
    margin-right: -1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg--3,
.my-lg--3 {
    margin-bottom: -1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg--3,
.mx-lg--3 {
    margin-left: -1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg--2 {
    margin: -0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg--2,
.my-lg--2 {
    margin-top: -0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg--2,
.mx-lg--2 {
    margin-right: -0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg--2,
.my-lg--2 {
    margin-bottom: -0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg--2,
.mx-lg--2 {
    margin-left: -0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg--1 {
    margin: -0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg--1,
.my-lg--1 {
    margin-top: -0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg--1,
.mx-lg--1 {
    margin-right: -0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg--1,
.my-lg--1 {
    margin-bottom: -0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg--1,
.mx-lg--1 {
    margin-left: -0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-6 {
    margin: 4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-6,
.my-lg-6 {
    margin-top: 4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-6,
.mx-lg-6 {
    margin-right: 4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-6,
.my-lg-6 {
    margin-bottom: 4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-6,
.mx-lg-6 {
    margin-left: 4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-7 {
    margin: 6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-7,
.my-lg-7 {
    margin-top: 6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-7,
.mx-lg-7 {
    margin-right: 6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-7,
.my-lg-7 {
    margin-bottom: 6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-7,
.mx-lg-7 {
    margin-left: 6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-8 {
    margin: 8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-8,
.my-lg-8 {
    margin-top: 8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-8,
.mx-lg-8 {
    margin-right: 8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-8,
.my-lg-8 {
    margin-bottom: 8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-8,
.mx-lg-8 {
    margin-left: 8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-9 {
    margin: 10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-9,
.my-lg-9 {
    margin-top: 10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-9,
.mx-lg-9 {
    margin-right: 10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-9,
.my-lg-9 {
    margin-bottom: 10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-9,
.mx-lg-9 {
    margin-left: 10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-0 {
    padding: 0 !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-3 {
    padding: 1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-5 {
    padding: 3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg--9 {
    padding: -10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg--9,
.py-lg--9 {
    padding-top: -10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg--9,
.px-lg--9 {
    padding-right: -10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg--9,
.py-lg--9 {
    padding-bottom: -10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg--9,
.px-lg--9 {
    padding-left: -10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg--8 {
    padding: -8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg--8,
.py-lg--8 {
    padding-top: -8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg--8,
.px-lg--8 {
    padding-right: -8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg--8,
.py-lg--8 {
    padding-bottom: -8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg--8,
.px-lg--8 {
    padding-left: -8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg--7 {
    padding: -6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg--7,
.py-lg--7 {
    padding-top: -6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg--7,
.px-lg--7 {
    padding-right: -6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg--7,
.py-lg--7 {
    padding-bottom: -6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg--7,
.px-lg--7 {
    padding-left: -6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg--6 {
    padding: -4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg--6,
.py-lg--6 {
    padding-top: -4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg--6,
.px-lg--6 {
    padding-right: -4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg--6,
.py-lg--6 {
    padding-bottom: -4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg--6,
.px-lg--6 {
    padding-left: -4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg--5 {
    padding: -3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg--5,
.py-lg--5 {
    padding-top: -3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg--5,
.px-lg--5 {
    padding-right: -3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg--5,
.py-lg--5 {
    padding-bottom: -3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg--5,
.px-lg--5 {
    padding-left: -3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg--4 {
    padding: -1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg--4,
.py-lg--4 {
    padding-top: -1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg--4,
.px-lg--4 {
    padding-right: -1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg--4,
.py-lg--4 {
    padding-bottom: -1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg--4,
.px-lg--4 {
    padding-left: -1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg--3 {
    padding: -1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg--3,
.py-lg--3 {
    padding-top: -1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg--3,
.px-lg--3 {
    padding-right: -1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg--3,
.py-lg--3 {
    padding-bottom: -1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg--3,
.px-lg--3 {
    padding-left: -1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg--2 {
    padding: -0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg--2,
.py-lg--2 {
    padding-top: -0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg--2,
.px-lg--2 {
    padding-right: -0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg--2,
.py-lg--2 {
    padding-bottom: -0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg--2,
.px-lg--2 {
    padding-left: -0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg--1 {
    padding: -0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg--1,
.py-lg--1 {
    padding-top: -0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg--1,
.px-lg--1 {
    padding-right: -0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg--1,
.py-lg--1 {
    padding-bottom: -0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg--1,
.px-lg--1 {
    padding-left: -0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-6 {
    padding: 4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-6,
.py-lg-6 {
    padding-top: 4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-6,
.px-lg-6 {
    padding-right: 4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-6,
.py-lg-6 {
    padding-bottom: 4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-6,
.px-lg-6 {
    padding-left: 4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-7 {
    padding: 6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-7,
.py-lg-7 {
    padding-top: 6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-7,
.px-lg-7 {
    padding-right: 6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-7,
.py-lg-7 {
    padding-bottom: 6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-7,
.px-lg-7 {
    padding-left: 6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-8 {
    padding: 8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-8,
.py-lg-8 {
    padding-top: 8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-8,
.px-lg-8 {
    padding-right: 8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-8,
.py-lg-8 {
    padding-bottom: 8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-8,
.px-lg-8 {
    padding-left: 8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-lg-9 {
    padding: 10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-lg-9,
.py-lg-9 {
    padding-top: 10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-lg-9,
.px-lg-9 {
    padding-right: 10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-lg-9,
.py-lg-9 {
    padding-bottom: 10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-lg-9,
.px-lg-9 {
    padding-left: 10rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n3 {
    margin: -1rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n5 {
    margin: -3rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n-9 {
    margin: 10rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n-9,
.my-lg-n-9 {
    margin-top: 10rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n-9,
.mx-lg-n-9 {
    margin-right: 10rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n-9,
.my-lg-n-9 {
    margin-bottom: 10rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n-9,
.mx-lg-n-9 {
    margin-left: 10rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n-8 {
    margin: 8rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n-8,
.my-lg-n-8 {
    margin-top: 8rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n-8,
.mx-lg-n-8 {
    margin-right: 8rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n-8,
.my-lg-n-8 {
    margin-bottom: 8rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n-8,
.mx-lg-n-8 {
    margin-left: 8rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n-7 {
    margin: 6rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n-7,
.my-lg-n-7 {
    margin-top: 6rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n-7,
.mx-lg-n-7 {
    margin-right: 6rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n-7,
.my-lg-n-7 {
    margin-bottom: 6rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n-7,
.mx-lg-n-7 {
    margin-left: 6rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n-6 {
    margin: 4.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n-6,
.my-lg-n-6 {
    margin-top: 4.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n-6,
.mx-lg-n-6 {
    margin-right: 4.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n-6,
.my-lg-n-6 {
    margin-bottom: 4.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n-6,
.mx-lg-n-6 {
    margin-left: 4.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n-5 {
    margin: 3rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n-5,
.my-lg-n-5 {
    margin-top: 3rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n-5,
.mx-lg-n-5 {
    margin-right: 3rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n-5,
.my-lg-n-5 {
    margin-bottom: 3rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n-5,
.mx-lg-n-5 {
    margin-left: 3rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n-4 {
    margin: 1.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n-4,
.my-lg-n-4 {
    margin-top: 1.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n-4,
.mx-lg-n-4 {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n-4,
.my-lg-n-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n-4,
.mx-lg-n-4 {
    margin-left: 1.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n-3 {
    margin: 1rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n-3,
.my-lg-n-3 {
    margin-top: 1rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n-3,
.mx-lg-n-3 {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n-3,
.my-lg-n-3 {
    margin-bottom: 1rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n-3,
.mx-lg-n-3 {
    margin-left: 1rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n-2 {
    margin: 0.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n-2,
.my-lg-n-2 {
    margin-top: 0.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n-2,
.mx-lg-n-2 {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n-2,
.my-lg-n-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n-2,
.mx-lg-n-2 {
    margin-left: 0.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n-1 {
    margin: 0.25rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n-1,
.my-lg-n-1 {
    margin-top: 0.25rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n-1,
.mx-lg-n-1 {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n-1,
.my-lg-n-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n-1,
.mx-lg-n-1 {
    margin-left: 0.25rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n6 {
    margin: -4.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n6,
.my-lg-n6 {
    margin-top: -4.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n6,
.mx-lg-n6 {
    margin-right: -4.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n6,
.my-lg-n6 {
    margin-bottom: -4.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n6,
.mx-lg-n6 {
    margin-left: -4.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n7 {
    margin: -6rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n7,
.my-lg-n7 {
    margin-top: -6rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n7,
.mx-lg-n7 {
    margin-right: -6rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n7,
.my-lg-n7 {
    margin-bottom: -6rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n7,
.mx-lg-n7 {
    margin-left: -6rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n8 {
    margin: -8rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n8,
.my-lg-n8 {
    margin-top: -8rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n8,
.mx-lg-n8 {
    margin-right: -8rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n8,
.my-lg-n8 {
    margin-bottom: -8rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n8,
.mx-lg-n8 {
    margin-left: -8rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-n9 {
    margin: -10rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-n9,
.my-lg-n9 {
    margin-top: -10rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-n9,
.mx-lg-n9 {
    margin-right: -10rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-n9,
.my-lg-n9 {
    margin-bottom: -10rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-n9,
.mx-lg-n9 {
    margin-left: -10rem !important;
  }
  /* line 47, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-lg-auto {
    margin: auto !important;
  }
  /* line 48, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }
  /* line 51, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }
  /* line 54, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }
  /* line 57, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-0 {
    margin: 0 !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-3 {
    margin: 1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-5 {
    margin: 3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl--9 {
    margin: -10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl--9,
.my-xl--9 {
    margin-top: -10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl--9,
.mx-xl--9 {
    margin-right: -10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl--9,
.my-xl--9 {
    margin-bottom: -10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl--9,
.mx-xl--9 {
    margin-left: -10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl--8 {
    margin: -8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl--8,
.my-xl--8 {
    margin-top: -8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl--8,
.mx-xl--8 {
    margin-right: -8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl--8,
.my-xl--8 {
    margin-bottom: -8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl--8,
.mx-xl--8 {
    margin-left: -8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl--7 {
    margin: -6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl--7,
.my-xl--7 {
    margin-top: -6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl--7,
.mx-xl--7 {
    margin-right: -6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl--7,
.my-xl--7 {
    margin-bottom: -6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl--7,
.mx-xl--7 {
    margin-left: -6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl--6 {
    margin: -4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl--6,
.my-xl--6 {
    margin-top: -4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl--6,
.mx-xl--6 {
    margin-right: -4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl--6,
.my-xl--6 {
    margin-bottom: -4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl--6,
.mx-xl--6 {
    margin-left: -4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl--5 {
    margin: -3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl--5,
.my-xl--5 {
    margin-top: -3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl--5,
.mx-xl--5 {
    margin-right: -3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl--5,
.my-xl--5 {
    margin-bottom: -3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl--5,
.mx-xl--5 {
    margin-left: -3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl--4 {
    margin: -1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl--4,
.my-xl--4 {
    margin-top: -1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl--4,
.mx-xl--4 {
    margin-right: -1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl--4,
.my-xl--4 {
    margin-bottom: -1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl--4,
.mx-xl--4 {
    margin-left: -1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl--3 {
    margin: -1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl--3,
.my-xl--3 {
    margin-top: -1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl--3,
.mx-xl--3 {
    margin-right: -1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl--3,
.my-xl--3 {
    margin-bottom: -1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl--3,
.mx-xl--3 {
    margin-left: -1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl--2 {
    margin: -0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl--2,
.my-xl--2 {
    margin-top: -0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl--2,
.mx-xl--2 {
    margin-right: -0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl--2,
.my-xl--2 {
    margin-bottom: -0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl--2,
.mx-xl--2 {
    margin-left: -0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl--1 {
    margin: -0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl--1,
.my-xl--1 {
    margin-top: -0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl--1,
.mx-xl--1 {
    margin-right: -0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl--1,
.my-xl--1 {
    margin-bottom: -0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl--1,
.mx-xl--1 {
    margin-left: -0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-6 {
    margin: 4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-6,
.my-xl-6 {
    margin-top: 4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-6,
.mx-xl-6 {
    margin-right: 4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-6,
.my-xl-6 {
    margin-bottom: 4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-6,
.mx-xl-6 {
    margin-left: 4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-7 {
    margin: 6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-7,
.my-xl-7 {
    margin-top: 6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-7,
.mx-xl-7 {
    margin-right: 6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-7,
.my-xl-7 {
    margin-bottom: 6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-7,
.mx-xl-7 {
    margin-left: 6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-8 {
    margin: 8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-8,
.my-xl-8 {
    margin-top: 8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-8,
.mx-xl-8 {
    margin-right: 8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-8,
.my-xl-8 {
    margin-bottom: 8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-8,
.mx-xl-8 {
    margin-left: 8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-9 {
    margin: 10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-9,
.my-xl-9 {
    margin-top: 10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-9,
.mx-xl-9 {
    margin-right: 10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-9,
.my-xl-9 {
    margin-bottom: 10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-9,
.mx-xl-9 {
    margin-left: 10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-0 {
    padding: 0 !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-3 {
    padding: 1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-5 {
    padding: 3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl--9 {
    padding: -10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl--9,
.py-xl--9 {
    padding-top: -10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl--9,
.px-xl--9 {
    padding-right: -10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl--9,
.py-xl--9 {
    padding-bottom: -10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl--9,
.px-xl--9 {
    padding-left: -10rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl--8 {
    padding: -8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl--8,
.py-xl--8 {
    padding-top: -8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl--8,
.px-xl--8 {
    padding-right: -8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl--8,
.py-xl--8 {
    padding-bottom: -8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl--8,
.px-xl--8 {
    padding-left: -8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl--7 {
    padding: -6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl--7,
.py-xl--7 {
    padding-top: -6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl--7,
.px-xl--7 {
    padding-right: -6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl--7,
.py-xl--7 {
    padding-bottom: -6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl--7,
.px-xl--7 {
    padding-left: -6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl--6 {
    padding: -4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl--6,
.py-xl--6 {
    padding-top: -4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl--6,
.px-xl--6 {
    padding-right: -4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl--6,
.py-xl--6 {
    padding-bottom: -4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl--6,
.px-xl--6 {
    padding-left: -4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl--5 {
    padding: -3rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl--5,
.py-xl--5 {
    padding-top: -3rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl--5,
.px-xl--5 {
    padding-right: -3rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl--5,
.py-xl--5 {
    padding-bottom: -3rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl--5,
.px-xl--5 {
    padding-left: -3rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl--4 {
    padding: -1.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl--4,
.py-xl--4 {
    padding-top: -1.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl--4,
.px-xl--4 {
    padding-right: -1.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl--4,
.py-xl--4 {
    padding-bottom: -1.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl--4,
.px-xl--4 {
    padding-left: -1.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl--3 {
    padding: -1rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl--3,
.py-xl--3 {
    padding-top: -1rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl--3,
.px-xl--3 {
    padding-right: -1rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl--3,
.py-xl--3 {
    padding-bottom: -1rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl--3,
.px-xl--3 {
    padding-left: -1rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl--2 {
    padding: -0.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl--2,
.py-xl--2 {
    padding-top: -0.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl--2,
.px-xl--2 {
    padding-right: -0.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl--2,
.py-xl--2 {
    padding-bottom: -0.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl--2,
.px-xl--2 {
    padding-left: -0.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl--1 {
    padding: -0.25rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl--1,
.py-xl--1 {
    padding-top: -0.25rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl--1,
.px-xl--1 {
    padding-right: -0.25rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl--1,
.py-xl--1 {
    padding-bottom: -0.25rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl--1,
.px-xl--1 {
    padding-left: -0.25rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-6 {
    padding: 4.5rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-6,
.py-xl-6 {
    padding-top: 4.5rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-6,
.px-xl-6 {
    padding-right: 4.5rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-6,
.py-xl-6 {
    padding-bottom: 4.5rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-6,
.px-xl-6 {
    padding-left: 4.5rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-7 {
    padding: 6rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-7,
.py-xl-7 {
    padding-top: 6rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-7,
.px-xl-7 {
    padding-right: 6rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-7,
.py-xl-7 {
    padding-bottom: 6rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-7,
.px-xl-7 {
    padding-left: 6rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-8 {
    padding: 8rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-8,
.py-xl-8 {
    padding-top: 8rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-8,
.px-xl-8 {
    padding-right: 8rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-8,
.py-xl-8 {
    padding-bottom: 8rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-8,
.px-xl-8 {
    padding-left: 8rem !important;
  }
  /* line 11, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .p-xl-9 {
    padding: 10rem !important;
  }
  /* line 12, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pt-xl-9,
.py-xl-9 {
    padding-top: 10rem !important;
  }
  /* line 15, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pr-xl-9,
.px-xl-9 {
    padding-right: 10rem !important;
  }
  /* line 18, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pb-xl-9,
.py-xl-9 {
    padding-bottom: 10rem !important;
  }
  /* line 21, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .pl-xl-9,
.px-xl-9 {
    padding-left: 10rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n3 {
    margin: -1rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n5 {
    margin: -3rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n-9 {
    margin: 10rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n-9,
.my-xl-n-9 {
    margin-top: 10rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n-9,
.mx-xl-n-9 {
    margin-right: 10rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n-9,
.my-xl-n-9 {
    margin-bottom: 10rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n-9,
.mx-xl-n-9 {
    margin-left: 10rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n-8 {
    margin: 8rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n-8,
.my-xl-n-8 {
    margin-top: 8rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n-8,
.mx-xl-n-8 {
    margin-right: 8rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n-8,
.my-xl-n-8 {
    margin-bottom: 8rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n-8,
.mx-xl-n-8 {
    margin-left: 8rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n-7 {
    margin: 6rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n-7,
.my-xl-n-7 {
    margin-top: 6rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n-7,
.mx-xl-n-7 {
    margin-right: 6rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n-7,
.my-xl-n-7 {
    margin-bottom: 6rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n-7,
.mx-xl-n-7 {
    margin-left: 6rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n-6 {
    margin: 4.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n-6,
.my-xl-n-6 {
    margin-top: 4.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n-6,
.mx-xl-n-6 {
    margin-right: 4.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n-6,
.my-xl-n-6 {
    margin-bottom: 4.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n-6,
.mx-xl-n-6 {
    margin-left: 4.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n-5 {
    margin: 3rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n-5,
.my-xl-n-5 {
    margin-top: 3rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n-5,
.mx-xl-n-5 {
    margin-right: 3rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n-5,
.my-xl-n-5 {
    margin-bottom: 3rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n-5,
.mx-xl-n-5 {
    margin-left: 3rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n-4 {
    margin: 1.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n-4,
.my-xl-n-4 {
    margin-top: 1.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n-4,
.mx-xl-n-4 {
    margin-right: 1.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n-4,
.my-xl-n-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n-4,
.mx-xl-n-4 {
    margin-left: 1.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n-3 {
    margin: 1rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n-3,
.my-xl-n-3 {
    margin-top: 1rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n-3,
.mx-xl-n-3 {
    margin-right: 1rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n-3,
.my-xl-n-3 {
    margin-bottom: 1rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n-3,
.mx-xl-n-3 {
    margin-left: 1rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n-2 {
    margin: 0.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n-2,
.my-xl-n-2 {
    margin-top: 0.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n-2,
.mx-xl-n-2 {
    margin-right: 0.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n-2,
.my-xl-n-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n-2,
.mx-xl-n-2 {
    margin-left: 0.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n-1 {
    margin: 0.25rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n-1,
.my-xl-n-1 {
    margin-top: 0.25rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n-1,
.mx-xl-n-1 {
    margin-right: 0.25rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n-1,
.my-xl-n-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n-1,
.mx-xl-n-1 {
    margin-left: 0.25rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n6 {
    margin: -4.5rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n6,
.my-xl-n6 {
    margin-top: -4.5rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n6,
.mx-xl-n6 {
    margin-right: -4.5rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n6,
.my-xl-n6 {
    margin-bottom: -4.5rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n6,
.mx-xl-n6 {
    margin-left: -4.5rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n7 {
    margin: -6rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n7,
.my-xl-n7 {
    margin-top: -6rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n7,
.mx-xl-n7 {
    margin-right: -6rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n7,
.my-xl-n7 {
    margin-bottom: -6rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n7,
.mx-xl-n7 {
    margin-left: -6rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n8 {
    margin: -8rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n8,
.my-xl-n8 {
    margin-top: -8rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n8,
.mx-xl-n8 {
    margin-right: -8rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n8,
.my-xl-n8 {
    margin-bottom: -8rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n8,
.mx-xl-n8 {
    margin-left: -8rem !important;
  }
  /* line 30, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-n9 {
    margin: -10rem !important;
  }
  /* line 31, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-n9,
.my-xl-n9 {
    margin-top: -10rem !important;
  }
  /* line 34, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-n9,
.mx-xl-n9 {
    margin-right: -10rem !important;
  }
  /* line 37, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-n9,
.my-xl-n9 {
    margin-bottom: -10rem !important;
  }
  /* line 40, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-n9,
.mx-xl-n9 {
    margin-left: -10rem !important;
  }
  /* line 47, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .m-xl-auto {
    margin: auto !important;
  }
  /* line 48, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }
  /* line 51, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }
  /* line 54, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }
  /* line 57, app/assets/stylesheets/bootstrap/utilities/_spacing.scss */
  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-justify {
  text-align: justify !important;
}

/* line 12, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-wrap {
  white-space: normal !important;
}

/* line 13, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-nowrap {
  white-space: nowrap !important;
}

/* line 14, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 22, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-left {
  text-align: left !important;
}

/* line 23, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-right {
  text-align: right !important;
}

/* line 24, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  /* line 22, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-sm-left {
    text-align: left !important;
  }
  /* line 23, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-sm-right {
    text-align: right !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  /* line 22, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-md-left {
    text-align: left !important;
  }
  /* line 23, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-md-right {
    text-align: right !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  /* line 22, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-lg-left {
    text-align: left !important;
  }
  /* line 23, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-lg-right {
    text-align: right !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  /* line 22, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-xl-left {
    text-align: left !important;
  }
  /* line 23, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-xl-right {
    text-align: right !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/utilities/_text.scss */
  .text-xl-center {
    text-align: center !important;
  }
}

/* line 30, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-lowercase {
  text-transform: lowercase !important;
}

/* line 31, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-uppercase {
  text-transform: uppercase !important;
}

/* line 32, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-capitalize {
  text-transform: capitalize !important;
}

/* line 36, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.font-weight-light {
  font-weight: 300 !important;
}

/* line 37, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.font-weight-lighter {
  font-weight: lighter !important;
}

/* line 38, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.font-weight-normal {
  font-weight: 400 !important;
}

/* line 39, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.font-weight-bold {
  font-weight: 600 !important;
}

/* line 40, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.font-weight-bolder {
  font-weight: bolder !important;
}

/* line 41, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.font-italic {
  font-style: italic !important;
}

/* line 45, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-white {
  color: #fff !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-primary {
  color: #2da3b5 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-primary:hover, a.text-primary:focus {
  color: #1e6c78 !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-secondary {
  color: #f7fafc !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-secondary:hover, a.text-secondary:focus {
  color: #bfd7e7 !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-success {
  color: #2dce89 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-success:hover, a.text-success:focus {
  color: #1f8f5f !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-info {
  color: #11cdef !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-info:hover, a.text-info:focus {
  color: #0b90a8 !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-warning {
  color: #fb6340 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-warning:hover, a.text-warning:focus {
  color: #ea3005 !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-danger {
  color: #f5365c !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-danger:hover, a.text-danger:focus {
  color: #d40b33 !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-light {
  color: #adb5bd !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-light:hover, a.text-light:focus {
  color: #838f9b !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-dark {
  color: #212529 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-dark:hover, a.text-dark:focus {
  color: black !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-default {
  color: #172b4d !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-default:hover, a.text-default:focus {
  color: #050a12 !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-white {
  color: #fff !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-white:hover, a.text-white:focus {
  color: #d9d9d9 !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-neutral {
  color: #fff !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-neutral:hover, a.text-neutral:focus {
  color: #d9d9d9 !important;
}

/* line 6, app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss */
.text-darker {
  color: black !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.text-darker:hover, a.text-darker:focus {
  color: black !important;
}

/* line 51, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-body {
  color: #525f7f !important;
}

/* line 52, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-muted {
  color: #8898aa !important;
}

/* line 54, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* line 55, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* line 59, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* line 63, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-decoration-none {
  text-decoration: none !important;
}

/* line 65, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

/* line 72, app/assets/stylesheets/bootstrap/utilities/_text.scss */
.text-reset {
  color: inherit !important;
}

/* line 7, app/assets/stylesheets/bootstrap/utilities/_visibility.scss */
.visible {
  visibility: visible !important;
}

/* line 11, app/assets/stylesheets/bootstrap/utilities/_visibility.scss */
.invisible {
  visibility: hidden !important;
}

@media print {
  /* line 13, app/assets/stylesheets/bootstrap/_print.scss */
  *,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  /* line 24, app/assets/stylesheets/bootstrap/_print.scss */
  a:not(.btn) {
    text-decoration: underline;
  }
  /* line 34, app/assets/stylesheets/bootstrap/_print.scss */
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /* line 49, app/assets/stylesheets/bootstrap/_print.scss */
  pre {
    white-space: pre-wrap !important;
  }
  /* line 52, app/assets/stylesheets/bootstrap/_print.scss */
  pre,
blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  /* line 63, app/assets/stylesheets/bootstrap/_print.scss */
  thead {
    display: table-header-group;
  }
  /* line 67, app/assets/stylesheets/bootstrap/_print.scss */
  tr,
img {
    page-break-inside: avoid;
  }
  /* line 72, app/assets/stylesheets/bootstrap/_print.scss */
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  /* line 79, app/assets/stylesheets/bootstrap/_print.scss */
  h2,
h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  /* line 92, app/assets/stylesheets/bootstrap/_print.scss */
  body {
    min-width: 992px !important;
  }
  /* line 95, app/assets/stylesheets/bootstrap/_print.scss */
  .container {
    min-width: 992px !important;
  }
  /* line 100, app/assets/stylesheets/bootstrap/_print.scss */
  .navbar {
    display: none;
  }
  /* line 103, app/assets/stylesheets/bootstrap/_print.scss */
  .badge {
    border: 1px solid #000;
  }
  /* line 107, app/assets/stylesheets/bootstrap/_print.scss */
  .table {
    border-collapse: collapse !important;
  }
  /* line 110, app/assets/stylesheets/bootstrap/_print.scss */
  .table td,
.table th {
    background-color: #fff !important;
  }
  /* line 117, app/assets/stylesheets/bootstrap/_print.scss */
  .table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  /* line 123, app/assets/stylesheets/bootstrap/_print.scss */
  .table-dark {
    color: inherit;
  }
  /* line 126, app/assets/stylesheets/bootstrap/_print.scss */
  .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #e9ecef;
  }
  /* line 134, app/assets/stylesheets/bootstrap/_print.scss */
  .table .thead-dark th {
    color: inherit;
    border-color: #e9ecef;
  }
}

/* line 5, app/assets/stylesheets/custom/../core/alerts/_alert.scss */
.alert {
  font-size: 0.875rem;
}

/* line 12, app/assets/stylesheets/custom/../core/alerts/_alert.scss */
.alert-heading {
  font-weight: 600;
  font-size: 0.9375rem;
  margin-top: .15rem;
}

/* line 21, app/assets/stylesheets/custom/../core/alerts/_alert.scss */
.alert-icon {
  font-size: 1.25rem;
  margin-right: 1.25rem;
  display: inline-block;
  vertical-align: middle;
}

/* line 27, app/assets/stylesheets/custom/../core/alerts/_alert.scss */
.alert-icon i.ni {
  position: relative;
  top: 2px;
}

/* line 36, app/assets/stylesheets/custom/../core/alerts/_alert.scss */
.alert-text {
  display: inline-block;
  vertical-align: middle;
}

/* line 45, app/assets/stylesheets/custom/../core/alerts/_alert.scss */
[class*="alert-"] .alert-link {
  color: #fff;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
}

/* line 6, app/assets/stylesheets/custom/../core/alerts/_alert-dismissible.scss */
.alert-dismissible .close {
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  padding: 0;
  opacity: 1;
}

@media (max-width: 575.98px) {
  /* line 6, app/assets/stylesheets/custom/../core/alerts/_alert-dismissible.scss */
  .alert-dismissible .close {
    top: 1rem;
    right: .5rem;
  }
}

/* line 18, app/assets/stylesheets/custom/../core/alerts/_alert-dismissible.scss */
.alert-dismissible .close > span:not(.sr-only) {
  font-size: 1.5rem;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.6);
}

/* line 26, app/assets/stylesheets/custom/../core/alerts/_alert-dismissible.scss */
.alert-dismissible .close:hover > span:not(.sr-only), .alert-dismissible .close:focus > span:not(.sr-only) {
  background-color: transparent;
  color: white;
}

/* line 36, app/assets/stylesheets/custom/../core/alerts/_alert-dismissible.scss */
.alert-secondary .close > span:not(.sr-only) {
  color: rgba(23, 43, 77, 0.6);
}

/* line 43, app/assets/stylesheets/custom/../core/alerts/_alert-dismissible.scss */
.alert-secondary .close:hover > span:not(.sr-only), .alert-secondary .close:focus > span:not(.sr-only) {
  color: #172b4d;
}

/* line 7, app/assets/stylesheets/custom/../core/avatars/_avatar.scss */
.avatar {
  color: #fff;
  background-color: #adb5bd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border-radius: 0.375rem;
  height: 48px;
  width: 48px;
}

/* line 18, app/assets/stylesheets/custom/../core/avatars/_avatar.scss */
.avatar img {
  width: 100%;
  border-radius: 0.375rem;
  object-fit: cover;
  overflow-clip-margin: unset;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

/* line 34, app/assets/stylesheets/custom/../core/avatars/_avatar.scss */
.avatar + .avatar-content {
  display: inline-block;
  margin-left: .75rem;
}

/* line 43, app/assets/stylesheets/custom/../core/avatars/_avatar.scss */
.avatar-xxl {
  width: 140px;
  height: 140px;
}

/* line 48, app/assets/stylesheets/custom/../core/avatars/_avatar.scss */
.avatar-xl {
  width: 74px;
  height: 74px;
}

/* line 53, app/assets/stylesheets/custom/../core/avatars/_avatar.scss */
.avatar-lg {
  width: 58px;
  height: 58px;
  font-size: 0.875rem;
}

/* line 59, app/assets/stylesheets/custom/../core/avatars/_avatar.scss */
.avatar-sm {
  width: 36px;
  height: 36px;
  font-size: 0.875rem;
}

/* line 65, app/assets/stylesheets/custom/../core/avatars/_avatar.scss */
.avatar-xs {
  width: 24px;
  height: 24px;
  font-size: 0.75rem;
}

/* line 8, app/assets/stylesheets/custom/../core/avatars/_avatar-group.scss */
.avatar-group .avatar {
  position: relative;
  z-index: 2;
  border: 2px solid #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/avatars/_avatar-group.scss */
.avatar-group .avatar:hover {
  z-index: 3;
}

/* line 18, app/assets/stylesheets/custom/../core/avatars/_avatar-group.scss */
.avatar-group .avatar + .avatar {
  margin-left: -1rem;
}

/* line 8, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.badge {
  text-transform: uppercase;
}

/* line 11, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.badge a {
  color: #fff;
}

/* line 19, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.badge-md {
  padding: .65em 1em;
}

/* line 23, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.badge-lg {
  padding: .85em 1.375em;
}

/* line 30, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.badge-inline {
  margin-right: .625rem;
}

/* line 33, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.badge-inline + span {
  top: 2px;
  position: relative;
}

/* line 37, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.badge-inline + span > a {
  text-decoration: underline;
}

/* line 46, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.badge-default {
  color: #fff;
}

/* line 50, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.badge-secondary {
  background-color: #f7fafc;
  color: #212529;
}

/* line 60, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.btn .badge:not(:first-child) {
  margin-left: .5rem;
}

/* line 63, app/assets/stylesheets/custom/../core/badges/_badge.scss */
.btn .badge:not(:last-child) {
  margin-right: .5rem;
}

/* line 8, app/assets/stylesheets/custom/../core/badges/_badge-circle.scss */
.badge-circle {
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0 !important;
  width: 1.25rem;
  height: 1.25rem;
  font-size: .75rem;
  font-weight: 600;
}

/* line 20, app/assets/stylesheets/custom/../core/badges/_badge-circle.scss */
.badge-circle.badge-md {
  width: 1.5rem;
  height: 1.5rem;
}

/* line 25, app/assets/stylesheets/custom/../core/badges/_badge-circle.scss */
.badge-circle.badge-lg {
  width: 2rem;
  height: 2rem;
}

/* line 8, app/assets/stylesheets/custom/../core/badges/_badge-dot.scss */
.badge-dot {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  font-weight: 400;
  font-size: 0.875rem;
  text-transform: none;
}

/* line 16, app/assets/stylesheets/custom/../core/badges/_badge-dot.scss */
.badge-dot strong {
  color: #32325d;
}

/* line 20, app/assets/stylesheets/custom/../core/badges/_badge-dot.scss */
.badge-dot i {
  display: inline-block;
  vertical-align: middle;
  width: .375rem;
  height: .375rem;
  border-radius: 50%;
  margin-right: .375rem;
}

/* line 30, app/assets/stylesheets/custom/../core/badges/_badge-dot.scss */
.badge-dot.badge-md i {
  width: .5rem;
  height: .5rem;
}

/* line 37, app/assets/stylesheets/custom/../core/badges/_badge-dot.scss */
.badge-dot.badge-lg i {
  width: .625rem;
  height: .625rem;
}

/* line 7, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn {
  position: relative;
  text-transform: none;
  transition: all 0.15s ease;
  letter-spacing: 0.025em;
  font-size: 0.875rem;
  will-change: transform;
}

/* line 15, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn:hover {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

/* line 20, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn:not(:last-child) {
  margin-right: .5rem;
}

/* line 26, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn i:not(:first-child),
.btn svg:not(:first-child) {
  margin-left: .5rem;
}

/* line 31, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn i:not(:last-child),
.btn svg:not(:last-child) {
  margin-right: .5rem;
}

/* line 42, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn-group .btn,
.input-group .btn {
  margin-right: 0;
  transform: translateY(0);
}

/* line 51, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn-sm, .btn-group-sm > .btn {
  font-size: 0.75rem;
}

/* line 55, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn-lg, .btn-group-lg > .btn {
  font-size: 0.875rem;
}

/* line 63, app/assets/stylesheets/custom/../core/buttons/_button.scss */
[class*="btn-outline-"] {
  border-width: 1px;
}

/* line 67, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn-outline-secondary {
  color: #4385b1;
}

/* line 72, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn-inner--icon i:not(.fas):not(.fab) {
  position: relative;
  top: 2px;
}

/* line 78, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn-link {
  font-weight: 600;
  box-shadow: none;
}

/* line 82, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn-link:hover {
  box-shadow: none;
  transform: none;
}

/* line 88, app/assets/stylesheets/custom/../core/buttons/_button.scss */
.btn-neutral {
  color: #2da3b5;
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-facebook {
  color: #fff;
  background-color: #3b5999;
  border-color: #3b5999;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-facebook:hover {
  color: #fff;
  background-color: #3b5999;
  border-color: #3b5999;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-facebook:focus, .btn-facebook.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(59, 89, 153, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-facebook.disabled, .btn-facebook:disabled {
  color: #fff;
  background-color: #3b5999;
  border-color: #3b5999;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook.active:not(:disabled):not(.disabled), .show > .btn-facebook.dropdown-toggle {
  color: #fff;
  background-color: #2d4474;
  border-color: #3b5999;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook.active:not(:disabled):not(.disabled):focus, .show > .btn-facebook.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(59, 89, 153, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-twitter {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-twitter:hover {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-twitter:focus, .btn-twitter.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(29, 161, 242, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-twitter.disabled, .btn-twitter:disabled {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter.active:not(:disabled):not(.disabled), .show > .btn-twitter.dropdown-toggle {
  color: #fff;
  background-color: #0c85d0;
  border-color: #1da1f2;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter.active:not(:disabled):not(.disabled):focus, .show > .btn-twitter.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(29, 161, 242, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-google-plus:hover {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-google-plus:focus, .btn-google-plus.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(221, 75, 57, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-google-plus.disabled, .btn-google-plus:disabled {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-google-plus:not(:disabled):not(.disabled):active, .btn-google-plus.active:not(:disabled):not(.disabled), .show > .btn-google-plus.dropdown-toggle {
  color: #fff;
  background-color: #c23321;
  border-color: #dd4b39;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-google-plus:not(:disabled):not(.disabled):active:focus, .btn-google-plus.active:not(:disabled):not(.disabled):focus, .show > .btn-google-plus.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(221, 75, 57, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-instagram {
  color: #fff;
  background-color: #e4405f;
  border-color: #e4405f;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-instagram:hover {
  color: #fff;
  background-color: #e4405f;
  border-color: #e4405f;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-instagram:focus, .btn-instagram.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(228, 64, 95, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-instagram.disabled, .btn-instagram:disabled {
  color: #fff;
  background-color: #e4405f;
  border-color: #e4405f;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram.active:not(:disabled):not(.disabled), .show > .btn-instagram.dropdown-toggle {
  color: #fff;
  background-color: #d31e40;
  border-color: #e4405f;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram.active:not(:disabled):not(.disabled):focus, .show > .btn-instagram.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(228, 64, 95, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-pinterest {
  color: #fff;
  background-color: #bd081c;
  border-color: #bd081c;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-pinterest:hover {
  color: #fff;
  background-color: #bd081c;
  border-color: #bd081c;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-pinterest:focus, .btn-pinterest.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(189, 8, 28, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-pinterest.disabled, .btn-pinterest:disabled {
  color: #fff;
  background-color: #bd081c;
  border-color: #bd081c;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest.active:not(:disabled):not(.disabled), .show > .btn-pinterest.dropdown-toggle {
  color: #fff;
  background-color: #8c0615;
  border-color: #bd081c;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest.active:not(:disabled):not(.disabled):focus, .show > .btn-pinterest.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(189, 8, 28, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-youtube {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-youtube:hover {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-youtube:focus, .btn-youtube.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(205, 32, 31, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-youtube.disabled, .btn-youtube:disabled {
  color: #fff;
  background-color: #cd201f;
  border-color: #cd201f;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-youtube:not(:disabled):not(.disabled):active, .btn-youtube.active:not(:disabled):not(.disabled), .show > .btn-youtube.dropdown-toggle {
  color: #fff;
  background-color: #a11918;
  border-color: #cd201f;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-youtube:not(:disabled):not(.disabled):active:focus, .btn-youtube.active:not(:disabled):not(.disabled):focus, .show > .btn-youtube.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(205, 32, 31, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-slack {
  color: #fff;
  background-color: #3aaf85;
  border-color: #3aaf85;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-slack:hover {
  color: #fff;
  background-color: #3aaf85;
  border-color: #3aaf85;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-slack:focus, .btn-slack.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(58, 175, 133, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-slack.disabled, .btn-slack:disabled {
  color: #fff;
  background-color: #3aaf85;
  border-color: #3aaf85;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-slack:not(:disabled):not(.disabled):active, .btn-slack.active:not(:disabled):not(.disabled), .show > .btn-slack.dropdown-toggle {
  color: #fff;
  background-color: #2d8968;
  border-color: #3aaf85;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-slack:not(:disabled):not(.disabled):active:focus, .btn-slack.active:not(:disabled):not(.disabled):focus, .show > .btn-slack.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(58, 175, 133, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-dribbble {
  color: #fff;
  background-color: #ea4c89;
  border-color: #ea4c89;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-dribbble:hover {
  color: #fff;
  background-color: #ea4c89;
  border-color: #ea4c89;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-dribbble:focus, .btn-dribbble.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(234, 76, 137, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-dribbble.disabled, .btn-dribbble:disabled {
  color: #fff;
  background-color: #ea4c89;
  border-color: #ea4c89;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-dribbble:not(:disabled):not(.disabled):active, .btn-dribbble.active:not(:disabled):not(.disabled), .show > .btn-dribbble.dropdown-toggle {
  color: #fff;
  background-color: #e51e6b;
  border-color: #ea4c89;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-dribbble:not(:disabled):not(.disabled):active:focus, .btn-dribbble.active:not(:disabled):not(.disabled):focus, .show > .btn-dribbble.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(234, 76, 137, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-github {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-github:hover {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-github:focus, .btn-github.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(34, 34, 34, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-github.disabled, .btn-github:disabled {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-github:not(:disabled):not(.disabled):active, .btn-github.active:not(:disabled):not(.disabled), .show > .btn-github.dropdown-toggle {
  color: #fff;
  background-color: #090909;
  border-color: #222222;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github.active:not(:disabled):not(.disabled):focus, .show > .btn-github.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(34, 34, 34, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/buttons/_button-brand.scss */
.btn-vimeo {
  color: #fff;
  background-color: #04A0F0;
  border-color: #04A0F0;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.btn-vimeo:hover {
  color: #fff;
  background-color: #04a0f0;
  border-color: #04a0f0;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-vimeo:focus, .btn-vimeo.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(4, 160, 240, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-vimeo.disabled, .btn-vimeo:disabled {
  color: #fff;
  background-color: #04A0F0;
  border-color: #04A0F0;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo.active:not(:disabled):not(.disabled), .show > .btn-vimeo.dropdown-toggle {
  color: #fff;
  background-color: #037fbe;
  border-color: #04a0f0;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo.active:not(:disabled):not(.disabled):focus, .show > .btn-vimeo.dropdown-toggle:focus {
  box-shadow: none, 0 0 0 0 rgba(4, 160, 240, 0.5);
}

/* line 7, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon .btn-inner--icon img {
  width: 20px;
}

/* line 12, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon .btn-inner--text:not(:first-child) {
  margin-left: 0.75em;
}

/* line 16, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon .btn-inner--text:not(:last-child) {
  margin-right: 0.75em;
}

/* line 24, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon-only {
  width: 2.375rem;
  height: 2.375rem;
  padding: 0;
}

/* line 30, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
a.btn-icon-only {
  line-height: 2.5;
}

/* line 34, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon-only.btn-sm, .btn-group-sm > .btn-icon-only.btn {
  width: 2rem;
  height: 2rem;
}

/* line 45, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon-clipboard {
  margin: 0;
  padding: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  color: #32325d;
  background-color: #f6f9fc;
  border-radius: 0.375rem;
  border: 0;
  text-align: left;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  -moz-appearance: none;
  cursor: pointer;
  width: 100%;
  margin: .5rem 0;
}

/* line 65, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon-clipboard:hover {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 16px;
}

/* line 70, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon-clipboard > div {
  align-items: center;
  display: flex;
}

/* line 75, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon-clipboard i {
  box-sizing: content-box;
  color: #2da3b5;
  vertical-align: middle;
  font-size: 1.5rem;
}

/* line 82, app/assets/stylesheets/custom/../core/buttons/_button-icon.scss */
.btn-icon-clipboard span {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-left: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/* line 5, app/assets/stylesheets/custom/../core/cards/_card.scss */
.card {
  margin-bottom: 30px;
  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
  border: 0;
}

/* line 14, app/assets/stylesheets/custom/../core/cards/_card.scss */
.card-translucent {
  background-color: rgba(18, 91, 152, 0.08);
}

/* line 37, app/assets/stylesheets/custom/../core/cards/_card.scss */
.card-deck .card {
  margin-bottom: 30px;
}

/* line 46, app/assets/stylesheets/custom/../core/cards/_card.scss */
.card.shadow {
  border: 0 !important;
}

@media (min-width: 576px) {
  /* line 56, app/assets/stylesheets/custom/../core/cards/_card.scss */
  .card-columns {
    column-count: 1;
  }
}

@media (min-width: 768px) {
  /* line 56, app/assets/stylesheets/custom/../core/cards/_card.scss */
  .card-columns {
    column-count: 2;
  }
}

@media (min-width: 1200px) {
  /* line 56, app/assets/stylesheets/custom/../core/cards/_card.scss */
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
  }
}

/* line 6, app/assets/stylesheets/custom/../core/cards/_card-animations.scss */
.card-lift--hover:hover {
  transform: translateY(-20px);
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 6, app/assets/stylesheets/custom/../core/cards/_card-animations.scss */
  .card-lift--hover:hover {
    transition: none;
  }
}

/* line 5, app/assets/stylesheets/custom/../core/cards/_card-blockquote.scss */
.card-blockquote {
  padding: 2rem;
  position: relative;
}

/* line 9, app/assets/stylesheets/custom/../core/cards/_card-blockquote.scss */
.card-blockquote .svg-bg {
  display: block;
  width: 100%;
  height: 95px;
  position: absolute;
  top: -94px;
  left: 0;
}

/* line 5, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
#profile-header {
  min-height: 500px;
  background-image: url(/assets/theme/profile-cover-289baa1571a1878c1d4c8b959e18fffe1d8d2779de990853bf1edd2aabb981d1.jpg);
  background-size: cover;
  background-position: center top;
}

/* line 12, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
.card-profile-image {
  position: relative;
}

/* line 15, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
.card-profile-image img {
  width: 150px;
  height: 150px;
  max-width: 150px;
  border-radius: 0.375rem;
  border: 3px solid #fff;
  transform: translate(-50%, -50%) scale(1);
  position: absolute;
  left: 50%;
  transition: all 0.15s ease;
}

/* line 26, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
.card-profile-image img:hover {
  transform: translate(-50%, -50%) scale(1.03);
}

/* line 32, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
.card-profile-stats {
  padding: 1rem 0;
}

/* line 35, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
.card-profile-stats > div {
  text-align: center;
  margin-right: 1rem;
  padding: .875rem;
}

/* line 40, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
.card-profile-stats > div:last-child {
  margin-right: 0;
}

/* line 44, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
.card-profile-stats > div .heading {
  font-size: 1.1rem;
  font-weight: bold;
  display: block;
}

/* line 49, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
.card-profile-stats > div .description {
  font-size: .875rem;
  color: #adb5bd;
}

/* line 56, app/assets/stylesheets/custom/../core/cards/_card-profile.scss */
.card-profile-actions {
  padding: .875rem;
}

/* line 6, app/assets/stylesheets/custom/../core/cards/_card-stats.scss */
.card-stats .card-body {
  padding: 1rem 1.5rem;
}

/* line 10, app/assets/stylesheets/custom/../core/cards/_card-stats.scss */
.card-stats .card-status-bullet {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

/* line 5, app/assets/stylesheets/custom/../core/charts/_chart.scss */
.chart {
  position: relative;
  height: 350px;
}

/* line 13, app/assets/stylesheets/custom/../core/charts/_chart.scss */
.chart-sm {
  height: 230px;
}

/* line 20, app/assets/stylesheets/custom/../core/charts/_chart.scss */
.chart-legend {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
  font-size: 0.875rem;
  text-align: center;
  color: #8898aa;
}

/* line 29, app/assets/stylesheets/custom/../core/charts/_chart.scss */
.chart-legend-item {
  display: inline-flex;
  align-items: center;
}

/* line 33, app/assets/stylesheets/custom/../core/charts/_chart.scss */
.chart-legend-item + .chart-legend-item {
  margin-left: 1rem;
}

/* line 38, app/assets/stylesheets/custom/../core/charts/_chart.scss */
.chart-legend-indicator {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.375rem;
  border-radius: 50%;
}

/* line 49, app/assets/stylesheets/custom/../core/charts/_chart.scss */
#chart-tooltip {
  z-index: 0;
}

/* line 52, app/assets/stylesheets/custom/../core/charts/_chart.scss */
#chart-tooltip .arrow {
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateX(-0.5rem);
}

/* line 62, app/assets/stylesheets/custom/../core/charts/_chart.scss */
.chart-info-overlay {
  position: absolute;
  top: 0;
  left: 5%;
  max-width: 350px;
  padding: 20px;
  z-index: 1;
}

/* line 5, app/assets/stylesheets/custom/../core/close/_close.scss */
.close {
  transition: all 0.15s ease;
}

/* line 10, app/assets/stylesheets/custom/../core/close/_close.scss */
.close > span:not(.sr-only) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.6);
  line-height: 17px;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  font-size: 1.25rem;
  display: block;
  transition: all 0.15s ease;
}

/* line 24, app/assets/stylesheets/custom/../core/close/_close.scss */
.close:hover, .close:focus {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9);
  outline: none;
}

/* line 30, app/assets/stylesheets/custom/../core/close/_close.scss */
.close:hover span:not(.sr-only), .close:focus span:not(.sr-only) {
  background-color: transparent;
}

/* line 37, app/assets/stylesheets/custom/../core/close/_close.scss */
.close-dark > span:not(.sr-only) {
  color: rgba(255, 255, 255, 0.8);
}

/* line 43, app/assets/stylesheets/custom/../core/close/_close.scss */
.close-dark:hover > span:not(.sr-only), .close-dark:focus > span:not(.sr-only) {
  color: white;
}

/* line 7, app/assets/stylesheets/custom/../core/collapse/_accordion.scss */
.accordion .card-header {
  position: relative;
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/custom/../core/collapse/_accordion.scss */
.accordion .card-header:after {
  content: "\ea0f";
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  font: normal normal normal 14px/1 NucleoIcons;
  line-height: 0;
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (prefers-reduced-motion: reduce) {
  /* line 11, app/assets/stylesheets/custom/../core/collapse/_accordion.scss */
  .accordion .card-header:after {
    transition: none;
  }
}

/* line 24, app/assets/stylesheets/custom/../core/collapse/_accordion.scss */
.accordion .card-header[aria-expanded="false"]:after {
  content: "\ea0f";
}

/* line 30, app/assets/stylesheets/custom/../core/collapse/_accordion.scss */
.accordion .card-header[aria-expanded="true"]:after {
  transform: rotate(180deg);
}

/* line 34, app/assets/stylesheets/custom/../core/collapse/_accordion.scss */
.accordion .card-header[aria-expanded="true"] .heading {
  color: #2da3b5;
}

/* line 1, app/assets/stylesheets/custom/../core/content/_main-content.scss */
.main-content {
  position: relative;
}

/* line 5, app/assets/stylesheets/custom/../core/content/_main-content.scss */
.main-content .navbar-top {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 768px) {
  /* line 11, app/assets/stylesheets/custom/../core/content/_main-content.scss */
  .main-content .container-fluid, .main-content .container-sm, .main-content .container-md, .main-content .container-lg, .main-content .container-xl {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/* line 6, app/assets/stylesheets/custom/../core/custom-forms/_custom-form.scss */
.custom-checkbox .custom-control-input ~ .custom-control-label {
  cursor: pointer;
  font-size: 0.875rem;
}

/* line 14, app/assets/stylesheets/custom/../core/custom-forms/_custom-form.scss */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #2da3b5;
}

/* line 17, app/assets/stylesheets/custom/../core/custom-forms/_custom-form.scss */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");
}

/* line 25, app/assets/stylesheets/custom/../core/custom-forms/_custom-form.scss */
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before {
  border-color: #e9ecef;
}

/* line 31, app/assets/stylesheets/custom/../core/custom-forms/_custom-form.scss */
.custom-checkbox .custom-control-input:disabled:checked::before {
  border-color: rgba(45, 163, 181, 0.5);
}

/* line 8, app/assets/stylesheets/custom/../core/custom-forms/_custom-control.scss */
.custom-control-label::before {
  border: 1px solid #dee2e6;
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  top: 0.25rem;
  left: -1.75rem;
}

@media (prefers-reduced-motion: reduce) {
  /* line 8, app/assets/stylesheets/custom/../core/custom-forms/_custom-control.scss */
  .custom-control-label::before {
    transition: none;
  }
}

/* line 16, app/assets/stylesheets/custom/../core/custom-forms/_custom-control.scss */
.custom-control-label::after {
  top: 0.25rem;
  left: -1.75rem;
}

/* line 22, app/assets/stylesheets/custom/../core/custom-forms/_custom-control.scss */
.custom-control-label span {
  position: relative;
  top: 2px;
}

/* line 28, app/assets/stylesheets/custom/../core/custom-forms/_custom-control.scss */
.custom-control-label {
  margin-bottom: 0;
}

/* line 38, app/assets/stylesheets/custom/../core/custom-forms/_custom-control.scss */
.custom-control-alternative .custom-control-label::before {
  border: 0;
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);
}

/* line 47, app/assets/stylesheets/custom/../core/custom-forms/_custom-control.scss */
.custom-control-alternative .custom-control-input:checked ~ .custom-control-label::before {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 53, app/assets/stylesheets/custom/../core/custom-forms/_custom-control.scss */
.custom-control-alternative .custom-control-input:active ~ .custom-control-label::before, .custom-control-alternative .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);
}

/* line 6, app/assets/stylesheets/custom/../core/custom-forms/_custom-checkbox.scss */
.custom-checkbox .custom-control-input ~ .custom-control-label {
  cursor: pointer;
  font-size: 0.875rem;
  height: 1rem;
}

/* line 15, app/assets/stylesheets/custom/../core/custom-forms/_custom-checkbox.scss */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #2da3b5;
}

/* line 18, app/assets/stylesheets/custom/../core/custom-forms/_custom-checkbox.scss */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");
}

/* line 26, app/assets/stylesheets/custom/../core/custom-forms/_custom-checkbox.scss */
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before {
  border-color: #e9ecef;
}

/* line 32, app/assets/stylesheets/custom/../core/custom-forms/_custom-checkbox.scss */
.custom-checkbox .custom-control-input:disabled:checked::before {
  border-color: rgba(45, 163, 181, 0.5);
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #2da3b5;
  background-color: #2da3b5;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #2da3b5;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #f7fafc;
  background-color: #f7fafc;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #f7fafc;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #2dce89;
  background-color: #2dce89;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #2dce89;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #11cdef;
  background-color: #11cdef;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #11cdef;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #fb6340;
  background-color: #fb6340;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #fb6340;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #f5365c;
  background-color: #f5365c;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #f5365c;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-light .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #adb5bd;
  background-color: #adb5bd;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-light .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #adb5bd;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #212529;
  background-color: #212529;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #212529;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-default .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #172b4d;
  background-color: #172b4d;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-default .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #172b4d;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-white .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #fff;
  background-color: #fff;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-white .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #fff;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-neutral .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #fff;
  background-color: #fff;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-neutral .custom-control-input:checked ~ .custom-control-label::after {
  background-image: #fff;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-darker .custom-control-input:checked ~ .custom-control-label::before {
  border-color: black;
  background-color: black;
}

/* line 9, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-checkbox-darker .custom-control-input:checked ~ .custom-control-label::after {
  background-image: black;
}

/* line 6, app/assets/stylesheets/custom/../core/custom-forms/_custom-radio.scss */
.custom-radio .custom-control-input ~ .custom-control-label {
  cursor: pointer;
  font-size: 0.875rem;
  height: 1rem;
}

/* line 15, app/assets/stylesheets/custom/../core/custom-forms/_custom-radio.scss */
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #2da3b5;
}

/* line 18, app/assets/stylesheets/custom/../core/custom-forms/_custom-radio.scss */
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#fff'/></svg>");
}

/* line 26, app/assets/stylesheets/custom/../core/custom-forms/_custom-radio.scss */
.custom-radio .custom-control-input:disabled ~ .custom-control-label::before {
  border-color: #e9ecef;
}

/* line 32, app/assets/stylesheets/custom/../core/custom-forms/_custom-radio.scss */
.custom-radio .custom-control-input:disabled:checked::before {
  border-color: rgba(45, 163, 181, 0.5);
}

/* line 5, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle {
  position: relative;
  display: inherit;
  width: 52px;
  height: 1.5rem;
  margin: 0;
  display: inline-block;
}

/* line 13, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle input {
  display: none;
}

/* line 17, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle input:checked + .custom-toggle-slider {
  border: 1px solid #2da3b5;
}

/* line 20, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle input:checked + .custom-toggle-slider:before {
  background: #2da3b5;
  transform: translateX(28px);
}

/* line 28, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle input:disabled + .custom-toggle-slider {
  border: 1px solid #e9ecef;
}

/* line 33, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle input:disabled:checked + .custom-toggle-slider {
  border: 1px solid #e9ecef;
}

/* line 36, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle input:disabled:checked + .custom-toggle-slider:before {
  background-color: #44bed1;
}

/* line 45, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ced4da;
  border-radius: 34px !important;
  background-color: transparent;
}

/* line 57, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  border-radius: 50% !important;
  background-color: #e9ecef;
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* line 71, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle-wrapper .custom-toggle + .custom-toggle {
  margin-left: 1rem !important;
}

/* line 84, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle input:checked + .custom-toggle-slider:after {
  content: attr(data-label-on);
  color: #2da3b5;
  right: auto;
  left: 0;
}

/* line 96, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
.custom-toggle-slider:after {
  color: #ced4da;
  content: attr(data-label-off);
  display: block;
  font-family: inherit;
  font-weight: 600;
  font-size: .75rem;
  line-height: 24px;
  position: absolute;
  right: 0;
  margin: 0 .21667rem;
  top: 0;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 96, app/assets/stylesheets/custom/../core/custom-forms/_custom-toggle.scss */
  .custom-toggle-slider:after {
    transition: none;
  }
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-primary input:checked + .custom-toggle-slider {
  border-color: #2da3b5;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-primary input:checked + .custom-toggle-slider:before {
  background: #2da3b5;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-primary input:checked + .custom-toggle-slider:after {
  color: #2da3b5;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-primary input:disabled:checked + .custom-toggle-slider {
  border-color: #2da3b5;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-primary input:disabled:checked + .custom-toggle-slider:before {
  background-color: #44bed1;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-secondary input:checked + .custom-toggle-slider {
  border-color: #f7fafc;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-secondary input:checked + .custom-toggle-slider:before {
  background: #f7fafc;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-secondary input:checked + .custom-toggle-slider:after {
  color: #f7fafc;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-secondary input:disabled:checked + .custom-toggle-slider {
  border-color: #f7fafc;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-secondary input:disabled:checked + .custom-toggle-slider:before {
  background-color: white;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-success input:checked + .custom-toggle-slider {
  border-color: #2dce89;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-success input:checked + .custom-toggle-slider:before {
  background: #2dce89;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-success input:checked + .custom-toggle-slider:after {
  color: #2dce89;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-success input:disabled:checked + .custom-toggle-slider {
  border-color: #2dce89;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-success input:disabled:checked + .custom-toggle-slider:before {
  background-color: #54daa1;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-info input:checked + .custom-toggle-slider {
  border-color: #11cdef;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-info input:checked + .custom-toggle-slider:before {
  background: #11cdef;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-info input:checked + .custom-toggle-slider:after {
  color: #11cdef;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-info input:disabled:checked + .custom-toggle-slider {
  border-color: #11cdef;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-info input:disabled:checked + .custom-toggle-slider:before {
  background-color: #41d7f2;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-warning input:checked + .custom-toggle-slider {
  border-color: #fb6340;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-warning input:checked + .custom-toggle-slider:before {
  background: #fb6340;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-warning input:checked + .custom-toggle-slider:after {
  color: #fb6340;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-warning input:disabled:checked + .custom-toggle-slider {
  border-color: #fb6340;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-warning input:disabled:checked + .custom-toggle-slider:before {
  background-color: #fc8c72;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-danger input:checked + .custom-toggle-slider {
  border-color: #f5365c;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-danger input:checked + .custom-toggle-slider:before {
  background: #f5365c;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-danger input:checked + .custom-toggle-slider:after {
  color: #f5365c;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-danger input:disabled:checked + .custom-toggle-slider {
  border-color: #f5365c;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-danger input:disabled:checked + .custom-toggle-slider:before {
  background-color: #f76783;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-light input:checked + .custom-toggle-slider {
  border-color: #adb5bd;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-light input:checked + .custom-toggle-slider:before {
  background: #adb5bd;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-light input:checked + .custom-toggle-slider:after {
  color: #adb5bd;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-light input:disabled:checked + .custom-toggle-slider {
  border-color: #adb5bd;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-light input:disabled:checked + .custom-toggle-slider:before {
  background-color: #c9cfd4;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-dark input:checked + .custom-toggle-slider {
  border-color: #212529;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-dark input:checked + .custom-toggle-slider:before {
  background: #212529;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-dark input:checked + .custom-toggle-slider:after {
  color: #212529;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-dark input:disabled:checked + .custom-toggle-slider {
  border-color: #212529;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-dark input:disabled:checked + .custom-toggle-slider:before {
  background-color: #383f45;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-default input:checked + .custom-toggle-slider {
  border-color: #172b4d;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-default input:checked + .custom-toggle-slider:before {
  background: #172b4d;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-default input:checked + .custom-toggle-slider:after {
  color: #172b4d;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-default input:disabled:checked + .custom-toggle-slider {
  border-color: #172b4d;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-default input:disabled:checked + .custom-toggle-slider:before {
  background-color: #234174;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-white input:checked + .custom-toggle-slider {
  border-color: #fff;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-white input:checked + .custom-toggle-slider:before {
  background: #fff;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-white input:checked + .custom-toggle-slider:after {
  color: #fff;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-white input:disabled:checked + .custom-toggle-slider {
  border-color: #fff;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-white input:disabled:checked + .custom-toggle-slider:before {
  background-color: white;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-neutral input:checked + .custom-toggle-slider {
  border-color: #fff;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-neutral input:checked + .custom-toggle-slider:before {
  background: #fff;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-neutral input:checked + .custom-toggle-slider:after {
  color: #fff;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-neutral input:disabled:checked + .custom-toggle-slider {
  border-color: #fff;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-neutral input:disabled:checked + .custom-toggle-slider:before {
  background-color: white;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-darker input:checked + .custom-toggle-slider {
  border-color: black;
}

/* line 24, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-darker input:checked + .custom-toggle-slider:before {
  background: black;
}

/* line 29, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-darker input:checked + .custom-toggle-slider:after {
  color: black;
}

/* line 37, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-darker input:disabled:checked + .custom-toggle-slider {
  border-color: black;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_custom-forms.scss */
.custom-toggle-darker input:disabled:checked + .custom-toggle-slider:before {
  background-color: #171a1c;
}

/* line 7, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown,
.dropup,
.dropright,
.dropleft {
  display: inline-block;
}

/* line 14, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu {
  min-width: 12rem;
}

/* line 17, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu .dropdown-item {
  padding: .5rem 1rem;
  font-size: 0.875rem;
}

/* line 21, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu .dropdown-item > i,
.dropdown-menu .dropdown-item > svg {
  margin-right: 1rem;
  font-size: 1rem;
  vertical-align: -17%;
}

/* line 28, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu .dropdown-item img {
  margin-right: .5rem;
}

/* line 34, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-header {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .625rem;
  text-transform: uppercase;
  font-weight: 700;
}

/* line 50, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu a.media > div:first-child {
  line-height: 1;
}

/* line 55, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu a.media p {
  color: #8898aa;
}

/* line 60, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu a.media:hover .heading,
.dropdown-menu a.media:hover p {
  color: #172b4d !important;
}

/* line 69, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu-dark .h1, .dropdown-menu-dark .h2, .dropdown-menu-dark .h3, .dropdown-menu-dark .h4, .dropdown-menu-dark .h5, .dropdown-menu-dark .h6, .dropdown-menu-dark a {
  color: white;
}

/* line 76, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu-sm {
  min-width: 100px;
  border: 0.4375rem;
}

/* line 81, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu-lg {
  min-width: 320px;
  border-radius: 0.4375rem;
}

/* line 86, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
.dropdown-menu-xl {
  min-width: 420px;
  border-radius: 0.4375rem;
}

/* line 91, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
ul[data-sku-suggestions] {
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* line 102, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
ul[data-sku-suggestions] li {
  padding: 8px 10px;
  cursor: pointer;
}

/* line 106, app/assets/stylesheets/custom/../core/dropdowns/_dropdown.scss */
ul[data-sku-suggestions] li:hover {
  background-color: #f0f0f0;
}

/* line 8, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer {
  background: #f8f9fe;
  padding: 30px 0;
}

/* line 13, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer .col-footer .heading {
  color: #8898aa;
  letter-spacing: 0;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* line 23, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer .nav .nav-item .nav-link,
.footer .footer-link {
  color: #8898aa !important;
}

/* line 27, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer .nav .nav-item .nav-link:hover,
.footer .footer-link:hover {
  color: #525f7f !important;
}

/* line 32, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer .list-unstyled li a {
  display: inline-block;
  padding: .125rem 0;
  color: #8898aa;
  font-size: 0.85rem;
}

/* line 38, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer .list-unstyled li a:hover {
  color: #525f7f;
}

/* line 43, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer .copyright {
  font-size: 0.875rem;
}

/* line 52, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer-dark .col-footer .heading {
  color: #fff;
}

/* line 61, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.nav-footer .nav-link {
  font-size: 0.875rem;
}

/* line 66, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.nav-footer .nav-item:last-child .nav-link {
  padding-right: 0;
}

/* line 75, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer.has-cards {
  overflow: hidden;
  padding-top: 500px;
  margin-top: -420px;
  position: relative;
  background: transparent;
  pointer-events: none;
}

/* line 83, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer.has-cards:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 600px;
  height: 2000px;
  background: #f7fafc;
  transform: skew(0, -8deg);
}

/* line 94, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer.has-cards .container {
  pointer-events: auto;
  position: relative;
}

/* line 103, app/assets/stylesheets/custom/../core/footers/_footer.scss */
.footer-auto-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* line 8, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-label {
  color: #525f7f;
  font-size: 0.875rem;
  font-weight: 600;
}

/* line 17, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control {
  font-size: 0.875rem;
  transition: all 0.15s ease-in-out;
  height: calc(1.5em + 1.25rem + 5px);
}

@media (prefers-reduced-motion: reduce) {
  /* line 17, app/assets/stylesheets/custom/../core/forms/_form.scss */
  .form-control {
    transition: none;
  }
}

/* line 23, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control:focus::placeholder {
  color: #adb5bd;
}

/* line 31, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-lg {
  height: calc(2.25em + 1.25rem + 5px);
}

/* line 36, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-sm {
  height: calc(0.45em + 1.25rem + 5px);
}

/* line 44, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-flush {
  padding: 0;
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
}

/* line 50, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-flush:focus {
  background-color: transparent;
  box-shadow: none;
  border-width: 0;
}

/* line 59, app/assets/stylesheets/custom/../core/forms/_form.scss */
textarea[resize="none"] {
  resize: none !important;
}

/* line 63, app/assets/stylesheets/custom/../core/forms/_form.scss */
textarea[resize="both"] {
  resize: both !important;
}

/* line 67, app/assets/stylesheets/custom/../core/forms/_form.scss */
textarea[resize="vertical"] {
  resize: vertical !important;
}

/* line 71, app/assets/stylesheets/custom/../core/forms/_form.scss */
textarea[resize="horizontal"] {
  resize: horizontal !important;
}

/* line 80, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-muted {
  background-color: #F7FAFE;
  border-color: #F7FAFE;
  box-shadow: none;
}

/* line 85, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-muted:focus {
  background-color: #fcfdff;
}

/* line 93, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-alternative {
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);
  border: 0;
  transition: box-shadow .15s ease;
}

/* line 98, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-alternative:focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 105, app/assets/stylesheets/custom/../core/forms/_form.scss */
.form-control-lg,
.input-group-lg .form-control,
.input-group-text {
  font-size: 1rem !important;
}

/* line 5, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.custom-control {
  padding-left: 1.75rem;
}

/* line 10, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group {
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
  border-radius: 0.25rem;
  transition: all 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 10, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
  .input-group {
    transition: none;
  }
}

/* line 15, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group .form-control {
  box-shadow: none;
}

/* line 18, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group .form-control:focus {
  box-shadow: none;
}

/* line 24, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-text {
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (prefers-reduced-motion: reduce) {
  /* line 24, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
  .input-group-text {
    transition: none;
  }
}

/* line 27, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-text i {
  font-size: 0.875rem;
}

/* line 31, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-text .custom-control {
  line-height: 1;
}

/* line 40, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-prepend .input-group-text {
  border-right: 0;
}

/* line 48, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-append .input-group-text {
  border-left: 0;
}

/* line 58, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-merge .form-control:not(:first-child) {
  border-left: 0;
  padding-left: 0;
}

/* line 63, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-merge .form-control:not(:last-child) {
  border-right: 0;
  padding-right: 0;
}

/* line 72, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-alternative {
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);
  border: 0;
  transition: box-shadow .15s ease;
}

/* line 77, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-alternative .form-control,
.input-group-alternative .input-group-text {
  border: 0;
  box-shadow: none;
}

/* line 85, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.focused .input-group-alternative {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* line 93, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-flush {
  box-shadow: none;
}

/* line 96, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-flush > .form-control {
  padding: 0;
  border-width: 0;
  background-color: transparent;
}

/* line 106, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.input-group-flush > .input-group-prepend > .input-group-text,
.input-group-flush > .input-group-append > .input-group-text {
  padding: 0;
  padding-right: 1rem;
  border-width: 0;
  background-color: transparent;
}

/* line 119, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.focused .input-group {
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(45, 163, 181, 0.1);
}

/* line 123, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.focused .input-group-text {
  color: #8898aa;
  background-color: #fff;
  border-color: #2da3b5;
}

/* line 129, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.focused .form-control {
  border-color: #2da3b5;
}

/* line 133, app/assets/stylesheets/custom/../core/forms/_input-group.scss */
.focused .input-group-flush {
  box-shadow: none;
}

/* line 7, app/assets/stylesheets/custom/../core/forms/_form-validation.scss */
.has-success,
.has-danger {
  position: relative;
}

/* line 11, app/assets/stylesheets/custom/../core/forms/_form-validation.scss */
.has-success:after,
.has-danger:after {
  display: none;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  font-family: 'NucleoIcons';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  font-size: 9px;
  opacity: 1;
}

/* line 29, app/assets/stylesheets/custom/../core/forms/_form-validation.scss */
.has-success .input-group-prepend .input-group-text,
.has-danger .input-group-prepend .input-group-text {
  border-color: red;
}

/* line 36, app/assets/stylesheets/custom/../core/forms/_form-validation.scss */
.has-success:after {
  content: "\ea26";
  color: #1d8357;
  background-color: #69deac;
}

/* line 42, app/assets/stylesheets/custom/../core/forms/_form-validation.scss */
.has-success .form-control {
  background-color: #fff;
}

/* line 52, app/assets/stylesheets/custom/../core/forms/_form-validation.scss */
.has-success .form-control::placeholder {
  color: #2dce89;
}

/* line 59, app/assets/stylesheets/custom/../core/forms/_form-validation.scss */
.has-danger:after {
  content: "\ea53";
  color: #db2d05;
  background-color: #fda08b;
}

/* line 65, app/assets/stylesheets/custom/../core/forms/_form-validation.scss */
.has-danger .form-control {
  background-color: #fff;
}

/* line 74, app/assets/stylesheets/custom/../core/forms/_form-validation.scss */
.has-danger .form-control::placeholder {
  color: #fb6340;
}

/* line 11, app/assets/stylesheets/custom/../core/grid/_grid.scss */
.row-example > .col span,
.row-example > [class^="col-"] span {
  display: block;
  padding: .75rem;
  color: #393f49;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 16px;
  font-size: 0.875rem;
  border-radius: .25rem;
  margin: 1rem 0;
}

/* line 27, app/assets/stylesheets/custom/../core/grid/_grid.scss */
.no-gutters > .col span,
.no-gutters > [class^="col-"] span {
  border-radius: 0;
}

/* line 5, app/assets/stylesheets/custom/../core/headers/_header.scss */
.header {
  position: relative;
}

/* line 5, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-row-l {
  font-size: large;
  vertical-align: middle;
  color: #5e72e4;
  margin-right: .5rem;
}

/* line 12, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-row-xl {
  font-size: x-large;
  vertical-align: middle;
  color: #5e72e4;
  margin-right: .5rem;
}

/* line 19, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon {
  width: 3rem;
  height: 3rem;
}

/* line 23, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon i, .icon svg {
  font-size: 2.25rem;
}

/* line 27, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon + .icon-text {
  padding-left: 1rem;
  width: calc(100% - 3rem - 1);
}

/* line 36, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-xl {
  width: 5rem;
  height: 5rem;
}

/* line 40, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-xl i, .icon-xl svg {
  font-size: 4.25rem;
}

/* line 44, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-xl + .icon-text {
  width: calc(100% - 5rem - 1);
}

/* line 52, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-lg {
  width: 4rem;
  height: 4rem;
}

/* line 56, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-lg i, .icon-lg svg {
  font-size: 3.25rem;
}

/* line 60, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-lg + .icon-text {
  width: calc(100% - 4rem - 1);
}

/* line 68, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-sm {
  width: 2rem;
  height: 2rem;
}

/* line 72, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-sm i, .icon-sm svg {
  font-size: 1.25rem;
}

/* line 76, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-sm + .icon-text {
  width: calc(100% - 2rem - 1);
}

/* line 83, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-xs {
  width: 1.25rem;
  height: 1.25rem;
}

/* line 87, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-xs i, .icon-xs svg {
  font-size: 0.5rem;
}

/* line 91, app/assets/stylesheets/custom/../core/icons/_icon.scss */
.icon-xs + .icon-text {
  width: calc(100% - 1.25rem - 1);
}

/* line 6, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape {
  padding: 12px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

/* line 15, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape i, .icon-shape svg {
  font-size: 1.25rem;
}

/* line 20, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape.icon-lg i, .icon-shape.icon-lg svg {
  font-size: 1.625rem;
}

/* line 26, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape.icon-sm i, .icon-shape.icon-sm svg {
  font-size: .875rem;
}

/* line 32, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape.icon-xs i, .icon-shape.icon-xs svg {
  font-size: .6rem;
}

/* line 37, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape svg {
  width: 30px;
  height: 30px;
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-primary {
  color: #1a8595;
  background-color: rgba(68, 190, 209, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-secondary {
  color: #cfe3f1;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-success {
  color: #1aae6f;
  background-color: rgba(84, 218, 161, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-info {
  color: #03acca;
  background-color: rgba(65, 215, 242, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-warning {
  color: #ff3709;
  background-color: rgba(252, 140, 114, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-danger {
  color: #f80031;
  background-color: rgba(247, 103, 131, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-light {
  color: #879cb0;
  background-color: rgba(201, 207, 212, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-dark {
  color: #090c0e;
  background-color: rgba(56, 63, 69, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-default {
  color: #091428;
  background-color: rgba(35, 65, 116, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-white {
  color: #e8e3e3;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-neutral {
  color: #e8e3e3;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 45, app/assets/stylesheets/custom/../core/icons/_icon-shape.scss */
.icon-shape-darker {
  color: black;
  background-color: rgba(23, 26, 28, 0.5);
}

/* line 9, app/assets/stylesheets/custom/../core/list-groups/_list-group.scss */
.list-group-space .list-group-item {
  margin-bottom: 1.5rem;
  border-radius: 0.375rem;
}

/* line 18, app/assets/stylesheets/custom/../core/list-groups/_list-group.scss */
.list-group-img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  vertical-align: top;
  margin: -.1rem 1.2rem 0 -.2rem;
}

/* line 26, app/assets/stylesheets/custom/../core/list-groups/_list-group.scss */
.list-group-content {
  flex: 1;
  min-width: 0;
}

/* line 30, app/assets/stylesheets/custom/../core/list-groups/_list-group.scss */
.list-group-content > p {
  color: #adb5bd;
  line-height: 1.5;
  margin: .2rem 0 0;
}

/* line 37, app/assets/stylesheets/custom/../core/list-groups/_list-group.scss */
.list-group-heading {
  font-size: 1rem;
  color: #32325d;
}

/* line 41, app/assets/stylesheets/custom/../core/list-groups/_list-group.scss */
.list-group-heading > small {
  float: right;
  color: #adb5bd;
  font-weight: 500;
}

/* line 5, app/assets/stylesheets/custom/../core/maps/_map.scss */
.map-canvas {
  position: relative;
  width: 100%;
  height: 500px;
  border-radius: 0.375rem;
}

/* line 5, app/assets/stylesheets/custom/../core/masks/_mask.scss */
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 5, app/assets/stylesheets/custom/../core/masks/_mask.scss */
  .mask {
    transition: none;
  }
}

/* line 17, app/assets/stylesheets/custom/../core/masks/_mask.scss */
.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1040;
}

/* line 27, app/assets/stylesheets/custom/../core/masks/_mask.scss */
.backdrop-dark {
  background: rgba(0, 0, 0, 0.3);
}

/* line 31, app/assets/stylesheets/custom/../core/masks/_mask.scss */
.backdrop-light {
  background: rgba(255, 255, 255, 0.3);
}

/* line 6, app/assets/stylesheets/custom/../core/modals/_modal.scss */
.modal-title {
  font-size: 1.0625rem;
}

/* line 14, app/assets/stylesheets/custom/../core/modals/_modal.scss */
.modal-fluid .modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 19, app/assets/stylesheets/custom/../core/modals/_modal.scss */
.modal-fluid .modal-content {
  border-radius: 0;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-primary .modal-title {
  color: #fff;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-primary .modal-header,
.modal-primary .modal-footer {
  border-color: rgba(255, 255, 255, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-primary .modal-content {
  background-color: #2da3b5;
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-primary .modal-content .heading {
  color: #fff;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-primary .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-secondary .modal-title {
  color: #212529;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-secondary .modal-header,
.modal-secondary .modal-footer {
  border-color: rgba(33, 37, 41, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-secondary .modal-content {
  background-color: #f7fafc;
  color: #212529;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-secondary .modal-content .heading {
  color: #212529;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-secondary .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-success .modal-title {
  color: #fff;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-success .modal-header,
.modal-success .modal-footer {
  border-color: rgba(255, 255, 255, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-success .modal-content {
  background-color: #2dce89;
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-success .modal-content .heading {
  color: #fff;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-success .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-info .modal-title {
  color: #fff;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-info .modal-header,
.modal-info .modal-footer {
  border-color: rgba(255, 255, 255, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-info .modal-content {
  background-color: #11cdef;
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-info .modal-content .heading {
  color: #fff;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-info .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-warning .modal-title {
  color: #fff;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-warning .modal-header,
.modal-warning .modal-footer {
  border-color: rgba(255, 255, 255, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-warning .modal-content {
  background-color: #fb6340;
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-warning .modal-content .heading {
  color: #fff;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-warning .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-danger .modal-title {
  color: #fff;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-danger .modal-header,
.modal-danger .modal-footer {
  border-color: rgba(255, 255, 255, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-danger .modal-content {
  background-color: #f5365c;
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-danger .modal-content .heading {
  color: #fff;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-danger .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-light .modal-title {
  color: #fff;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-light .modal-header,
.modal-light .modal-footer {
  border-color: rgba(255, 255, 255, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-light .modal-content {
  background-color: #adb5bd;
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-light .modal-content .heading {
  color: #fff;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-light .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-dark .modal-title {
  color: #fff;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-dark .modal-header,
.modal-dark .modal-footer {
  border-color: rgba(255, 255, 255, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-dark .modal-content {
  background-color: #212529;
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-dark .modal-content .heading {
  color: #fff;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-dark .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-default .modal-title {
  color: #fff;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-default .modal-header,
.modal-default .modal-footer {
  border-color: rgba(255, 255, 255, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-default .modal-content {
  background-color: #172b4d;
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-default .modal-content .heading {
  color: #fff;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-default .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-white .modal-title {
  color: #212529;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-white .modal-header,
.modal-white .modal-footer {
  border-color: rgba(33, 37, 41, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-white .modal-content {
  background-color: #fff;
  color: #212529;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-white .modal-content .heading {
  color: #212529;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-white .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-neutral .modal-title {
  color: #212529;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-neutral .modal-header,
.modal-neutral .modal-footer {
  border-color: rgba(33, 37, 41, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-neutral .modal-content {
  background-color: #fff;
  color: #212529;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-neutral .modal-content .heading {
  color: #212529;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-neutral .close > span:not(.sr-only) {
  color: #fff;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-darker .modal-title {
  color: #fff;
}

/* line 6, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-darker .modal-header,
.modal-darker .modal-footer {
  border-color: rgba(255, 255, 255, 0.075);
}

/* line 11, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-darker .modal-content {
  background-color: black;
  color: #fff;
}

/* line 15, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-darker .modal-content .heading {
  color: #fff;
}

/* line 21, app/assets/stylesheets/custom/../core/mixins/_modals.scss */
.modal-darker .close > span:not(.sr-only) {
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal .navbar-nav .nav-link {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: normal;
  letter-spacing: 0;
}

/* line 17, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal .navbar-nav .nav-link .nav-link-inner--text {
  margin-left: .25rem;
}

/* line 23, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal .navbar-brand {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: .875rem;
  letter-spacing: .05px;
}

/* line 30, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal .navbar-brand img {
  height: 30px;
}

/* line 36, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal .navbar-dark .navbar-brand {
  color: #fff;
}

/* line 42, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal .navbar-light .navbar-brand {
  color: #32325d;
}

/* line 49, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal .navbar-nav .nav-item .media:not(:last-child) {
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  /* line 61, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .nav-item {
    margin-right: .5rem;
  }
  /* line 64, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .nav-item [data-toggle="dropdown"]::after {
    transition: all 0.15s ease;
  }
  /* line 69, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .nav-item.show [data-toggle="dropdown"]::after {
    transform: rotate(180deg);
  }
  /* line 74, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 0.375rem;
  }
  /* line 79, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .nav-link i {
    margin-right: .625rem;
  }
  /* line 84, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .nav-link-icon {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    font-size: 1rem;
    border-radius: 0.375rem;
  }
  /* line 90, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .nav-link-icon i {
    margin-right: 0;
  }
  /* line 96, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .dropdown-menu {
    opacity: 0;
    pointer-events: none;
    margin: 0;
  }
  /* line 101, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .dropdown-menu:before {
    background: #fff;
    box-shadow: none;
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    left: 20px;
    position: absolute;
    bottom: 100%;
    transform: rotate(-45deg) translateY(1rem);
    z-index: -5;
    border-radius: 0.25rem;
  }
  /* line 118, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .dropdown-menu-right:before {
    right: 20px;
    left: auto;
  }
  /* line 126, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.show {
    opacity: 1;
    pointer-events: auto;
    animation: show-navbar-dropdown .25s ease forwards;
  }
  /* line 132, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.close {
    display: block;
    animation: hide-navbar-dropdown .15s ease backwards;
  }
  /* line 140, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav.navbar-nav-hover .dropdown-menu {
    opacity: 0;
    display: block;
    pointer-events: none;
    transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
    transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
  }
  /* line 148, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translate(0, 0);
    animation: none;
  }
  /* line 158, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .dropdown-menu-inner {
    position: relative;
    padding: 1rem;
  }
}

/* line 166, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal.navbar-transparent {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

/* line 175, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal.navbar-transparent .navbar-brand {
  color: white;
}

/* line 179, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal.navbar-transparent .navbar-toggler {
  color: white;
}

/* line 183, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal.navbar-transparent .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

@media (min-width: 768px) {
  /* line 191, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal.navbar-transparent .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.95);
  }
  /* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
  .navbar-horizontal.navbar-transparent .navbar-nav .nav-link:hover, .navbar-horizontal.navbar-transparent .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.65);
  }
  /* line 198, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
  }
  /* line 203, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal.navbar-transparent .navbar-nav .show > .nav-link,
.navbar-horizontal.navbar-transparent .navbar-nav .active > .nav-link,
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link.show,
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link.active {
    color: rgba(255, 255, 255, 0.65);
  }
  /* line 211, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal.navbar-transparent .navbar-brand {
    color: rgba(255, 255, 255, 0.95);
  }
  /* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
  .navbar-horizontal.navbar-transparent .navbar-brand:hover, .navbar-horizontal.navbar-transparent .navbar-brand:focus {
    color: rgba(255, 255, 255, 0.95);
  }
}

/* line 223, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
.navbar-horizontal .navbar-collapse-header {
  display: none;
}

@media (max-width: 991.98px) {
  /* line 229, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .nav-link {
    padding: .625rem 0;
    color: #172b4d !important;
  }
  /* line 234, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .dropdown-menu {
    box-shadow: none;
    min-width: auto;
  }
  /* line 239, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-nav .dropdown-menu .media svg {
    width: 30px;
  }
  /* line 246, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse {
    width: calc(100% - 1.4rem);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    margin: .7rem;
    overflow-y: auto;
    height: auto !important;
    opacity: 0;
  }
  /* line 258, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse .navbar-toggler {
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0;
  }
  /* line 266, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse .navbar-toggler span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    opacity: 1;
    background: #283448;
  }
  /* line 276, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(1) {
    transform: rotate(135deg);
  }
  /* line 280, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(2) {
    transform: rotate(-135deg);
  }
  /* line 285, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse .navbar-collapse-header {
    display: block;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  /* line 293, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse .collapse-brand img {
    height: 36px;
  }
  /* line 298, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse .collapse-close {
    text-align: right;
  }
  /* line 303, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse.collapsing,
.navbar-horizontal .navbar-collapse.show {
    padding: 1.5rem;
    border-radius: 0.375rem;
    background: #FFF;
    box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
    animation: show-navbar-collapse .2s ease forwards;
  }
  /* line 312, app/assets/stylesheets/custom/../core/navbars/_navbar.scss */
  .navbar-horizontal .navbar-collapse.collapsing-out {
    animation: hide-navbar-collapse .2s ease forwards;
  }
}

@keyframes show-navbar-collapse {
  0% {
    opacity: 0;
    transform: scale(0.95);
    transform-origin: 100% 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes hide-navbar-collapse {
  from {
    opacity: 1;
    transform: scale(1);
    transform-origin: 100% 0;
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}

@keyframes show-navbar-dropdown {
  0% {
    opacity: 0;
    transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
    transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes hide-navbar-dropdown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate(0, 10px);
  }
}

/* line 6, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical {
  padding-top: 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
}

/* line 16, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-light {
  background-color: #f6f9fc;
  border-color: rgba(0, 0, 0, 0.05);
}

/* line 24, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-dark {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 32, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-brand {
  text-align: center;
  margin-right: 0;
  width: 100%;
}

/* line 38, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-brand-img,
.navbar-vertical .navbar-brand > img {
  max-width: 100%;
  max-height: 2rem;
}

@media (min-width: 768px) {
  /* line 48, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical .navbar-collapse {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  /* line 52, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical .navbar-collapse:before {
    content: '';
    display: block;
    margin: 0.5rem;
  }
}

/* line 63, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav {
  margin-left: -1rem;
  margin-right: -1rem;
}

/* line 70, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 76, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav-link.active {
  position: relative;
}

/* line 84, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav-link > i {
  min-width: 2rem;
  font-size: .9375rem;
  line-height: 1.5rem;
}

/* line 93, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav-link .dropdown-menu {
  border: none;
}

/* line 96, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu {
  margin-left: 0.5rem;
}

/* line 103, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav-sm .nav-link {
  font-size: .8125rem;
}

/* line 112, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav-link {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

/* line 119, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"]:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  content: "\f105";
  margin-left: auto;
  color: #ced4da;
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 119, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"]:after {
    transition: none;
  }
}

/* line 135, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"][aria-expanded="true"]:after {
  color: #2da3b5;
  transform: rotate(90deg);
}

/* line 143, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav .nav-link {
  padding-left: 3rem;
}

/* line 148, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-nav .nav .nav .nav-link {
  padding-left: 3.5rem;
}

/* line 154, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical .navbar-heading {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* line 167, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 250px;
  overflow-y: auto;
  padding-left: 0;
  padding-right: 0;
}

/* line 179, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-inner {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs > [class*="container"] {
  flex-direction: column;
  align-items: stretch;
  min-height: 100%;
  padding-left: 0;
  padding-right: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xs > [class*="container"] {
    min-height: none;
    height: 100%;
  }
}

/* line 199, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs.fixed-left {
  left: 0;
  border-width: 0 1px 0 0;
}

/* line 206, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs.fixed-right {
  right: 0;
  border-width: 0 0 0 1px;
}

/* line 213, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-collapse {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 223, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-collapse > * {
  min-width: 100%;
}

/* line 231, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-nav {
  flex-direction: column;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

/* line 237, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
  padding: 0.675rem 1.5rem;
}

/* line 241, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item {
  margin-top: 2px;
}

/* line 245, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active {
  background: #f6f9fc;
  margin-right: .5rem;
  margin-left: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.375rem;
}

/* line 256, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .lavalamp-object {
  width: calc(100% - 1rem) !important;
  background: #2da3b5;
  color: #fff;
  margin-right: .5rem;
  margin-left: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.375rem;
}

/* line 268, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  padding-left: 15px;
}

/* line 272, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link span.sidenav-normal {
  padding-left: 8px;
  transition: all .1s ease 0s;
}

/* line 277, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link span.sidenav-mini-icon {
  width: 34px;
  text-align: center;
  transition: all .1s ease 0s;
}

/* line 286, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link {
  padding-left: 4.25rem;
}

@media (min-width: 576px) {
  /* line 167, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 250px;
    overflow-y: auto;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 179, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm > [class*="container"] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active) {
  /* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm > [class*="container"] {
    min-height: none;
    height: 100%;
  }
}

@media (min-width: 576px) {
  /* line 199, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm.fixed-left {
    left: 0;
    border-width: 0 1px 0 0;
  }
  /* line 206, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm.fixed-right {
    right: 0;
    border-width: 0 0 0 1px;
  }
  /* line 213, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-collapse {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 223, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-collapse > * {
    min-width: 100%;
  }
  /* line 231, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-nav {
    flex-direction: column;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  /* line 237, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
    padding: 0.675rem 1.5rem;
  }
  /* line 241, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item {
    margin-top: 2px;
  }
  /* line 245, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link.active {
    background: #f6f9fc;
    margin-right: .5rem;
    margin-left: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
  }
  /* line 256, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .lavalamp-object {
    width: calc(100% - 1rem) !important;
    background: #2da3b5;
    color: #fff;
    margin-right: .5rem;
    margin-left: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
  }
  /* line 268, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    padding-left: 15px;
  }
  /* line 272, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link span.sidenav-normal {
    padding-left: 8px;
    transition: all .1s ease 0s;
  }
  /* line 277, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link span.sidenav-mini-icon {
    width: 34px;
    text-align: center;
    transition: all .1s ease 0s;
  }
  /* line 286, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav .nav-link {
    padding-left: 4.25rem;
  }
}

@media (min-width: 768px) {
  /* line 167, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 250px;
    overflow-y: auto;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 179, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md > [class*="container"] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  /* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md > [class*="container"] {
    min-height: none;
    height: 100%;
  }
}

@media (min-width: 768px) {
  /* line 199, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md.fixed-left {
    left: 0;
    border-width: 0 1px 0 0;
  }
  /* line 206, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md.fixed-right {
    right: 0;
    border-width: 0 0 0 1px;
  }
  /* line 213, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-collapse {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 223, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-collapse > * {
    min-width: 100%;
  }
  /* line 231, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-nav {
    flex-direction: column;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  /* line 237, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
    padding: 0.675rem 1.5rem;
  }
  /* line 241, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item {
    margin-top: 2px;
  }
  /* line 245, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link.active {
    background: #f6f9fc;
    margin-right: .5rem;
    margin-left: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
  }
  /* line 256, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .lavalamp-object {
    width: calc(100% - 1rem) !important;
    background: #2da3b5;
    color: #fff;
    margin-right: .5rem;
    margin-left: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
  }
  /* line 268, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    padding-left: 15px;
  }
  /* line 272, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link span.sidenav-normal {
    padding-left: 8px;
    transition: all .1s ease 0s;
  }
  /* line 277, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link span.sidenav-mini-icon {
    width: 34px;
    text-align: center;
    transition: all .1s ease 0s;
  }
  /* line 286, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav .nav-link {
    padding-left: 4.25rem;
  }
}

@media (min-width: 992px) {
  /* line 167, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 250px;
    overflow-y: auto;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 179, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg > [class*="container"] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) {
  /* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg > [class*="container"] {
    min-height: none;
    height: 100%;
  }
}

@media (min-width: 992px) {
  /* line 199, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg.fixed-left {
    left: 0;
    border-width: 0 1px 0 0;
  }
  /* line 206, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg.fixed-right {
    right: 0;
    border-width: 0 0 0 1px;
  }
  /* line 213, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-collapse {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 223, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-collapse > * {
    min-width: 100%;
  }
  /* line 231, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-nav {
    flex-direction: column;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  /* line 237, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0.675rem 1.5rem;
  }
  /* line 241, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item {
    margin-top: 2px;
  }
  /* line 245, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link.active {
    background: #f6f9fc;
    margin-right: .5rem;
    margin-left: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
  }
  /* line 256, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .lavalamp-object {
    width: calc(100% - 1rem) !important;
    background: #2da3b5;
    color: #fff;
    margin-right: .5rem;
    margin-left: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
  }
  /* line 268, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    padding-left: 15px;
  }
  /* line 272, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link span.sidenav-normal {
    padding-left: 8px;
    transition: all .1s ease 0s;
  }
  /* line 277, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link span.sidenav-mini-icon {
    width: 34px;
    text-align: center;
    transition: all .1s ease 0s;
  }
  /* line 286, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav .nav-link {
    padding-left: 4.25rem;
  }
}

@media (min-width: 1200px) {
  /* line 167, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 250px;
    overflow-y: auto;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 179, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl > [class*="container"] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active) {
  /* line 185, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl > [class*="container"] {
    min-height: none;
    height: 100%;
  }
}

@media (min-width: 1200px) {
  /* line 199, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl.fixed-left {
    left: 0;
    border-width: 0 1px 0 0;
  }
  /* line 206, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl.fixed-right {
    right: 0;
    border-width: 0 0 0 1px;
  }
  /* line 213, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-collapse {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 223, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-collapse > * {
    min-width: 100%;
  }
  /* line 231, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-nav {
    flex-direction: column;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  /* line 237, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
    padding: 0.675rem 1.5rem;
  }
  /* line 241, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item {
    margin-top: 2px;
  }
  /* line 245, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link.active {
    background: #f6f9fc;
    margin-right: .5rem;
    margin-left: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
  }
  /* line 256, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .lavalamp-object {
    width: calc(100% - 1rem) !important;
    background: #2da3b5;
    color: #fff;
    margin-right: .5rem;
    margin-left: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.375rem;
  }
  /* line 268, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    padding-left: 15px;
  }
  /* line 272, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link span.sidenav-normal {
    padding-left: 8px;
    transition: all .1s ease 0s;
  }
  /* line 277, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link span.sidenav-mini-icon {
    width: 34px;
    text-align: center;
    transition: all .1s ease 0s;
  }
  /* line 286, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav .nav-link {
    padding-left: 4.25rem;
  }
}

/* line 305, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs.fixed-left + .main-content {
  margin-left: 250px;
}

/* line 308, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.navbar-vertical.navbar-expand-xs.fixed-right + .main-content {
  margin-right: 250px;
}

@media (min-width: 576px) {
  /* line 305, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm.fixed-left + .main-content {
    margin-left: 250px;
  }
  /* line 308, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-sm.fixed-right + .main-content {
    margin-right: 250px;
  }
}

@media (min-width: 768px) {
  /* line 305, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md.fixed-left + .main-content {
    margin-left: 250px;
  }
  /* line 308, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-md.fixed-right + .main-content {
    margin-right: 250px;
  }
}

@media (min-width: 992px) {
  /* line 305, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg.fixed-left + .main-content {
    margin-left: 250px;
  }
  /* line 308, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-lg.fixed-right + .main-content {
    margin-right: 250px;
  }
}

@media (min-width: 1200px) {
  /* line 305, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl.fixed-left + .main-content {
    margin-left: 250px;
  }
  /* line 308, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .navbar-vertical.navbar-expand-xl.fixed-right + .main-content {
    margin-right: 250px;
  }
}

/* line 317, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav.fixed-left + .main-content {
  margin-left: 250px;
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 317, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .sidenav.fixed-left + .main-content {
    transition: none;
  }
}

/* line 321, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav.fixed-right + .main-content {
  margin-right: 250px;
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 321, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .sidenav.fixed-right + .main-content {
    transition: none;
  }
}

@media (min-width: 1200px) {
  /* line 330, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .g-sidenav-pinned .sidenav.fixed-left + .main-content {
    margin-left: 250px;
  }
  /* line 333, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .g-sidenav-pinned .sidenav.fixed-right + .main-content {
    margin-right: 250px;
  }
}

/* line 345, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav {
  z-index: 1050;
  transition: all 0.4s ease;
}

@media (min-width: 1200px) {
  /* line 350, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .sidenav:hover {
    max-width: 250px;
  }
  /* line 354, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .sidenav .sidenav-toggler {
    padding: 1.5rem;
  }
}

/* line 359, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav .navbar-heading .docs-mini {
  padding-left: 3px;
}

/* line 363, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav .navbar-heading {
  transition: all .1s ease;
}

/* line 367, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav .navbar-brand {
  padding: 1.5rem;
}

/* line 372, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-header {
  height: 78px;
}

/* line 381, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-show .sidenav .navbar-brand,
.g-sidenav-show .sidenav .navbar-heading .docs-normal {
  display: block;
}

/* line 385, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-show .sidenav .navbar-heading .docs-mini {
  display: none;
}

/* line 390, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-show .sidenav .nav-item .collapse {
  height: auto;
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 390, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .g-sidenav-show .sidenav .nav-item .collapse {
    transition: none;
  }
}

/* line 395, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-show .sidenav .nav-link-text {
  transition: 0.3s ease;
  opacity: 1;
}

/* line 400, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-show .sidenav .nav-item .sidenav-mini-icon {
  opacity: 0;
}

/* line 407, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-pinned .sidenav {
  max-width: 250px !important;
}

/* line 410, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-pinned .sidenav .navbar-brand,
.g-sidenav-pinned .sidenav .navbar-heading {
  display: block;
}

/* line 421, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-hidden:not(.g-sidenav-show) .sidenav .navbar-nav > .nav-item > .nav-link:after {
  content: '';
}

/* line 427, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-hidden:not(.g-sidenav-show) .sidenav .nav-item .collapse .sidenav-normal {
  display: none !important;
}

/* line 431, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-hidden:not(.g-sidenav-show) .sidenav .nav-link-text {
  opacity: 0;
}

/* line 441, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-hide .sidenav .navbar-nav > .nav-item > .nav-link:after {
  content: '';
}

/* line 447, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-hide .sidenav .nav-item .collapse .sidenav-normal {
  display: none !important;
}

/* line 451, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.g-sidenav-hide .sidenav .nav-link-text {
  opacity: 0;
}

@media (max-width: 1199.98px) {
  /* line 461, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .sidenav {
    transform: translateX(-250px);
  }
  /* line 464, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .sidenav.fixed-left + .main-content {
    margin-left: 0 !important;
  }
  /* line 470, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .g-sidenav-pinned .sidenav {
    transform: translateX(0);
  }
}

/* line 478, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler-inner,
.sidenav-toggler-line {
  width: 18px;
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 478, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .sidenav-toggler-inner,
.sidenav-toggler-line {
    transition: none;
  }
}

/* line 484, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler-inner {
  position: relative;
}

/* line 487, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler-inner:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  left: -11px;
  top: -14px;
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (prefers-reduced-motion: reduce) {
  /* line 487, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
  .sidenav-toggler-inner:before {
    transition: none;
  }
}

/* line 501, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler-line {
  height: 2px;
  background-color: #172b4d;
  display: block;
  position: relative;
}

/* line 507, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler-line:not(:last-child) {
  margin-bottom: 3px;
}

/* line 513, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler-dark .sidenav-toggler-line {
  background-color: #fff;
}

/* line 518, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler {
  cursor: pointer;
}

/* line 523, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler.active .sidenav-toggler-inner:before {
  transform: scale(1);
}

/* line 531, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler.active .sidenav-toggler-line:first-child {
  width: 13px;
  transform: translateX(5px);
}

/* line 536, app/assets/stylesheets/custom/../core/navbars/_navbar-vertical.scss */
.sidenav-toggler.active .sidenav-toggler-line:last-child {
  width: 13px;
  transform: translateX(5px);
}

/* line 6, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search .input-group {
  border-radius: 2rem;
  border: 0 solid;
  transition: background-color 0.3s linear;
  transition-delay: 0.15s;
}

@media (prefers-reduced-motion: reduce) {
  /* line 6, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-search .input-group {
    transition: none;
  }
}

/* line 12, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search .input-group .input-group-text {
  background-color: transparent;
  padding-left: 1rem;
  border: 0;
}

/* line 19, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search .form-control {
  width: 250px;
  background-color: transparent;
  border: 0;
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (prefers-reduced-motion: reduce) {
  /* line 19, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-search .form-control {
    transition: none;
  }
}

/* line 28, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search .focused .input-group .form-control {
  width: 380px;
}

/* line 34, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search .close {
  display: none;
}

/* line 43, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-dark .input-group {
  background-color: rgba(23, 43, 77, 0.8);
  border-color: rgba(255, 255, 255, 0.6);
}

/* line 48, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-dark .input-group-text {
  color: rgba(255, 255, 255, 0.6);
}

/* line 52, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-dark .form-control {
  color: rgba(255, 255, 255, 0.9);
}

/* line 55, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-dark .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* line 61, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-dark .focused .input-group {
  background-color: rgba(23, 43, 77, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
}

/* line 69, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-light .input-group {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(0, 0, 0, 0.6);
}

/* line 74, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-light .input-group-text {
  color: rgba(0, 0, 0, 0.6);
}

/* line 78, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-light .form-control {
  color: rgba(0, 0, 0, 0.9);
}

/* line 81, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-light .form-control::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

/* line 87, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
.navbar-search-light .focused .input-group {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.9);
}

@media (max-width: 575.98px) {
  /* line 96, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-search {
    display: none;
    width: 100%;
    transform: translateX(-150%);
    transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  /* line 96, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-search {
    transition: none;
  }
}

@media (max-width: 575.98px) {
  /* line 102, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-search .form-group {
    width: 100%;
  }
  /* line 106, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-search .form-control {
    width: auto;
  }
  /* line 112, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-search .focused .input-group .form-control {
    width: auto;
  }
  /* line 118, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-search .close {
    display: none;
    opacity: 0;
  }
  /* line 122, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-search .close span {
    width: auto;
    height: auto;
  }
  /* line 130, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-top .navbar-nav {
    transition: all 0.15s ease;
  }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  /* line 130, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .navbar-top .navbar-nav {
    transition: none;
  }
}

@media (max-width: 575.98px) {
  /* line 137, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-showing .navbar-search .close {
    display: block;
  }
  /* line 143, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-showing .navbar-top .navbar-nav {
    display: flex;
    opacity: 1;
    transform: translateX(150%);
  }
  /* line 153, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-show .navbar-search {
    display: block;
  }
  /* line 156, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-show .navbar-search .form-control {
    width: auto;
  }
  /* line 160, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-show .navbar-search .close {
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
  }
  /* line 175, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-show .navbar-top .navbar-nav {
    display: none;
  }
  /* line 180, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-show .navbar-top .navbar-collapse {
    width: 100%;
  }
  /* line 187, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-shown .navbar-search {
    transform: translateX(0);
  }
  /* line 190, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-shown .navbar-search .close {
    display: block;
    opacity: 1;
  }
  /* line 200, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-hiding .navbar-top .navbar-nav {
    display: flex;
    opacity: 0;
    transform: translateX(150%);
  }
  /* line 210, app/assets/stylesheets/custom/../core/navbars/_navbar-search.scss */
  .g-navbar-search-hidden .navbar-top .navbar-nav {
    opacity: 1;
    transform: translateX(0);
  }
}

/* line 7, app/assets/stylesheets/custom/../core/navbars/_navbar-dropdown.scss */
.navbar .dropdown-menu {
  opacity: 0;
  pointer-events: none;
  margin: 0;
}

/* line 14, app/assets/stylesheets/custom/../core/navbars/_navbar-dropdown.scss */
.navbar .dropdown-menu-arrow:before {
  background: #fff;
  box-shadow: none;
  content: '';
  display: block;
  height: 12px;
  width: 12px;
  left: 20px;
  position: absolute;
  bottom: 100%;
  transform: rotate(-45deg) translateY(12px);
  z-index: -5;
  border-radius: 2px;
}

/* line 31, app/assets/stylesheets/custom/../core/navbars/_navbar-dropdown.scss */
.navbar .dropdown-menu-right:before {
  right: 20px;
  left: auto;
}

/* line 39, app/assets/stylesheets/custom/../core/navbars/_navbar-dropdown.scss */
.navbar:not(.navbar-nav-hover) .dropdown-menu.show {
  opacity: 1;
  pointer-events: auto;
  animation: show-navbar-dropdown .25s ease forwards;
}

/* line 45, app/assets/stylesheets/custom/../core/navbars/_navbar-dropdown.scss */
.navbar:not(.navbar-nav-hover) .dropdown-menu.close {
  display: block;
  animation: hide-navbar-dropdown .15s ease backwards;
}

/* line 53, app/assets/stylesheets/custom/../core/navbars/_navbar-dropdown.scss */
.navbar.navbar-nav-hover .dropdown-menu {
  opacity: 0;
  display: block;
  pointer-events: none;
  transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
  transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
}

/* line 61, app/assets/stylesheets/custom/../core/navbars/_navbar-dropdown.scss */
.navbar.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu {
  display: block;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translate(0, 0);
  animation: none;
}

/* line 71, app/assets/stylesheets/custom/../core/navbars/_navbar-dropdown.scss */
.navbar .dropdown-menu-inner {
  position: relative;
  padding: 1rem;
}

@keyframes show-navbar-dropdown {
  0% {
    opacity: 0;
    transform: translate(0, 10px) perspective(200px);
    transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes hide-navbar-dropdown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate(0, 10px);
  }
}

/* line 7, app/assets/stylesheets/custom/../core/navbars/_navbar-collapse.scss */
.navbar-collapse-header {
  display: none;
}

@keyframes show-navbar-collapse {
  0% {
    opacity: 0;
    transform: scale(0.95);
    transform-origin: 100% 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes hide-navbar-collapse {
  from {
    opacity: 1;
    transform: scale(1);
    transform-origin: 100% 0;
  }
  to {
    opacity: 0;
    transform: scale(0.95);
  }
}

/* line 6, app/assets/stylesheets/custom/../core/navbars/_navbar-top.scss */
.navbar-top {
  border: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 11, app/assets/stylesheets/custom/../core/navbars/_navbar-top.scss */
.navbar-top .container,
.navbar-top .container-fluid,
.navbar-top .container-sm,
.navbar-top .container-md,
.navbar-top .container-lg,
.navbar-top .container-xl {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 576px) {
  /* line 18, app/assets/stylesheets/custom/../core/navbars/_navbar-top.scss */
  .navbar-top .navbar-brand {
    display: none;
  }
}

@media (max-width: 575.98px) {
  /* line 24, app/assets/stylesheets/custom/../core/navbars/_navbar-top.scss */
  .navbar-top .navbar-collapse {
    width: 100%;
  }
  /* line 28, app/assets/stylesheets/custom/../core/navbars/_navbar-top.scss */
  .navbar-top .nav-item {
    position: static;
  }
  /* line 31, app/assets/stylesheets/custom/../core/navbars/_navbar-top.scss */
  .navbar-top .nav-item .dropdown-menu {
    position: absolute;
    width: 94%;
    min-width: auto;
    left: 3%;
    right: auto;
  }
}

/* line 42, app/assets/stylesheets/custom/../core/navbars/_navbar-top.scss */
.navbar-top.border-bottom.navbar-dark {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 46, app/assets/stylesheets/custom/../core/navbars/_navbar-top.scss */
.navbar-top.border-bottom.navbar-light {
  border-color: rgba(0, 0, 0, 0.04) !important;
}

/* line 54, app/assets/stylesheets/custom/../core/navbars/_navbar-top.scss */
.sidenav-pinned .navbar-top .navbar-brand {
  display: none;
}

/* line 9, app/assets/stylesheets/custom/../core/navs/_nav.scss */
.nav-wrapper {
  padding: 1rem 0;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

/* line 13, app/assets/stylesheets/custom/../core/navs/_nav.scss */
.nav-wrapper + .card {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

/* line 22, app/assets/stylesheets/custom/../core/navs/_nav.scss */
.nav-link {
  color: #525f7f;
}

/* line 25, app/assets/stylesheets/custom/../core/navs/_nav.scss */
.nav-link:hover {
  color: #2da3b5;
}

/* line 29, app/assets/stylesheets/custom/../core/navs/_nav.scss */
.nav-link i.ni {
  position: relative;
  top: 2px;
}

/* line 9, app/assets/stylesheets/custom/../core/navs/_nav-pills.scss */
.nav-pills .nav-item:not(:last-child) {
  padding-right: 1rem;
}

/* line 13, app/assets/stylesheets/custom/../core/navs/_nav-pills.scss */
.nav-pills .nav-link {
  padding: 0.75rem 1rem;
  color: #2da3b5;
  font-weight: 500;
  font-size: 0.875rem;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  transition: all 0.15s ease;
}

/* line 22, app/assets/stylesheets/custom/../core/navs/_nav-pills.scss */
.nav-pills .nav-link:hover {
  color: #2891a1;
}

/* line 27, app/assets/stylesheets/custom/../core/navs/_nav-pills.scss */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2da3b5;
}

@media (max-width: 575.98px) {
  /* line 34, app/assets/stylesheets/custom/../core/navs/_nav-pills.scss */
  .nav-pills .nav-item {
    margin-bottom: 1rem;
  }
}

@media (max-width: 767.98px) {
  /* line 42, app/assets/stylesheets/custom/../core/navs/_nav-pills.scss */
  .nav-pills:not(.nav-pills-circle) .nav-item {
    padding-right: 0;
  }
}

/* line 52, app/assets/stylesheets/custom/../core/navs/_nav-pills.scss */
.nav-pills-circle .nav-link {
  text-align: center;
  height: 60px;
  width: 60px;
  padding: 0;
  line-height: 60px;
  border-radius: 50%;
}

/* line 62, app/assets/stylesheets/custom/../core/navs/_nav-pills.scss */
.nav-pills-circle .nav-link-icon i, .nav-pills-circle .nav-link-icon svg {
  font-size: 1rem;
}

/* line 7, app/assets/stylesheets/custom/../core/paginations/_pagination.scss */
.page-item.active .page-link {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

/* line 11, app/assets/stylesheets/custom/../core/paginations/_pagination.scss */
.page-item .page-link,
.page-item span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 3px;
  border-radius: 50% !important;
  width: 36px;
  height: 36px;
  font-size: 0.875rem;
}

/* line 30, app/assets/stylesheets/custom/../core/paginations/_pagination.scss */
.pagination-lg .page-item .page-link,
.pagination-lg .page-item span {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

/* line 41, app/assets/stylesheets/custom/../core/paginations/_pagination.scss */
.pagination-sm .page-item .page-link,
.pagination-sm .page-item span {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/* line 6, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover {
  border: 0;
}

/* line 10, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-header {
  font-weight: 600;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-primary {
  background-color: #2da3b5;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-primary .popover-header {
  background-color: #2da3b5;
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-primary .popover-body {
  color: #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-primary .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-primary.bs-popover-top .arrow::after, .popover-primary.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #2da3b5;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-primary.bs-popover-right .arrow::after, .popover-primary.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #2da3b5;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-primary.bs-popover-bottom .arrow::after, .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #2da3b5;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-primary.bs-popover-left .arrow::after, .popover-primary.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #2da3b5;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-secondary {
  background-color: #f7fafc;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-secondary .popover-header {
  background-color: #f7fafc;
  color: #212529;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-secondary .popover-body {
  color: #212529;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-secondary .popover-header {
  border-color: rgba(33, 37, 41, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-secondary.bs-popover-top .arrow::after, .popover-secondary.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #f7fafc;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-secondary.bs-popover-right .arrow::after, .popover-secondary.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #f7fafc;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-secondary.bs-popover-bottom .arrow::after, .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #f7fafc;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-secondary.bs-popover-left .arrow::after, .popover-secondary.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #f7fafc;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-success {
  background-color: #2dce89;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-success .popover-header {
  background-color: #2dce89;
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-success .popover-body {
  color: #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-success .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-success.bs-popover-top .arrow::after, .popover-success.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #2dce89;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-success.bs-popover-right .arrow::after, .popover-success.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #2dce89;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-success.bs-popover-bottom .arrow::after, .popover-success.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #2dce89;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-success.bs-popover-left .arrow::after, .popover-success.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #2dce89;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-info {
  background-color: #11cdef;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-info .popover-header {
  background-color: #11cdef;
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-info .popover-body {
  color: #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-info .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-info.bs-popover-top .arrow::after, .popover-info.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #11cdef;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-info.bs-popover-right .arrow::after, .popover-info.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #11cdef;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-info.bs-popover-bottom .arrow::after, .popover-info.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #11cdef;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-info.bs-popover-left .arrow::after, .popover-info.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #11cdef;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-warning {
  background-color: #fb6340;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-warning .popover-header {
  background-color: #fb6340;
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-warning .popover-body {
  color: #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-warning .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-warning.bs-popover-top .arrow::after, .popover-warning.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #fb6340;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-warning.bs-popover-right .arrow::after, .popover-warning.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #fb6340;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-warning.bs-popover-bottom .arrow::after, .popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #fb6340;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-warning.bs-popover-left .arrow::after, .popover-warning.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #fb6340;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-danger {
  background-color: #f5365c;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-danger .popover-header {
  background-color: #f5365c;
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-danger .popover-body {
  color: #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-danger .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-danger.bs-popover-top .arrow::after, .popover-danger.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #f5365c;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-danger.bs-popover-right .arrow::after, .popover-danger.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #f5365c;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-danger.bs-popover-bottom .arrow::after, .popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #f5365c;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-danger.bs-popover-left .arrow::after, .popover-danger.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #f5365c;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-light {
  background-color: #adb5bd;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-light .popover-header {
  background-color: #adb5bd;
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-light .popover-body {
  color: #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-light .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-light.bs-popover-top .arrow::after, .popover-light.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #adb5bd;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-light.bs-popover-right .arrow::after, .popover-light.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #adb5bd;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-light.bs-popover-bottom .arrow::after, .popover-light.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #adb5bd;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-light.bs-popover-left .arrow::after, .popover-light.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #adb5bd;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-dark {
  background-color: #212529;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-dark .popover-header {
  background-color: #212529;
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-dark .popover-body {
  color: #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-dark .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-dark.bs-popover-top .arrow::after, .popover-dark.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #212529;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-dark.bs-popover-right .arrow::after, .popover-dark.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #212529;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-dark.bs-popover-bottom .arrow::after, .popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #212529;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-dark.bs-popover-left .arrow::after, .popover-dark.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #212529;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-default {
  background-color: #172b4d;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-default .popover-header {
  background-color: #172b4d;
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-default .popover-body {
  color: #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-default .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-default.bs-popover-top .arrow::after, .popover-default.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #172b4d;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-default.bs-popover-right .arrow::after, .popover-default.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #172b4d;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-default.bs-popover-bottom .arrow::after, .popover-default.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #172b4d;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-default.bs-popover-left .arrow::after, .popover-default.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #172b4d;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-white {
  background-color: #fff;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-white .popover-header {
  background-color: #fff;
  color: #212529;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-white .popover-body {
  color: #212529;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-white .popover-header {
  border-color: rgba(33, 37, 41, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-white.bs-popover-top .arrow::after, .popover-white.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #fff;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-white.bs-popover-right .arrow::after, .popover-white.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #fff;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-white.bs-popover-bottom .arrow::after, .popover-white.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #fff;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-white.bs-popover-left .arrow::after, .popover-white.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #fff;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-neutral {
  background-color: #fff;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-neutral .popover-header {
  background-color: #fff;
  color: #212529;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-neutral .popover-body {
  color: #212529;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-neutral .popover-header {
  border-color: rgba(33, 37, 41, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-neutral.bs-popover-top .arrow::after, .popover-neutral.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: #fff;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-neutral.bs-popover-right .arrow::after, .popover-neutral.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: #fff;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-neutral.bs-popover-bottom .arrow::after, .popover-neutral.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: #fff;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-neutral.bs-popover-left .arrow::after, .popover-neutral.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: #fff;
}

/* line 18, app/assets/stylesheets/custom/../core/popovers/_popover.scss */
.popover-darker {
  background-color: black;
}

/* line 5, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-darker .popover-header {
  background-color: black;
  color: #fff;
}

/* line 10, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-darker .popover-body {
  color: #fff;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-darker .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 17, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-darker.bs-popover-top .arrow::after, .popover-darker.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-top-color: black;
}

/* line 22, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-darker.bs-popover-right .arrow::after, .popover-darker.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-right-color: black;
}

/* line 27, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-darker.bs-popover-bottom .arrow::after, .popover-darker.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-bottom-color: black;
}

/* line 32, app/assets/stylesheets/custom/../core/mixins/_popover.scss */
.popover-darker.bs-popover-left .arrow::after, .popover-darker.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-left-color: black;
}

/* line 8, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress-wrapper {
  position: relative;
  padding-top: 1.5rem;
}

/* line 16, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress {
  height: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: 0.25rem;
  background-color: #e9ecef;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* line 24, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress .sr-only {
  width: auto;
  height: 20px;
  margin: 0 0 0 30px;
  left: 0;
  clip: auto;
  line-height: 20px;
  font-size: 13px;
}

/* line 38, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress-sm {
  height: 5px;
}

/* line 42, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress-xs {
  height: 3px;
}

/* line 48, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress-heading {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 2px;
  padding: 0;
}

/* line 55, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress-bar {
  box-shadow: none;
  border-radius: 0;
  height: auto;
}

/* line 61, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress-info {
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 69, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress-label span {
  display: inline-block;
  color: #2da3b5;
  font-size: .625rem;
  font-weight: 600;
  text-transform: uppercase;
  background: rgba(45, 163, 181, 0.1);
  padding: .25rem 1rem;
  border-radius: 30px;
}

/* line 81, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress-percentage {
  text-align: right;
}

/* line 83, app/assets/stylesheets/custom/../core/progresses/_progress.scss */
.progress-percentage span {
  display: inline-block;
  color: #8898aa;
  font-size: .875rem;
  font-weight: 600;
}

/* line 7, app/assets/stylesheets/custom/../core/separators/_separator.scss */
.separator {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  width: 100%;
  height: 150px;
  transform: translateZ(0);
  overflow: hidden;
  pointer-events: none;
}

/* line 18, app/assets/stylesheets/custom/../core/separators/_separator.scss */
.separator svg {
  position: absolute;
  pointer-events: none;
}

/* line 24, app/assets/stylesheets/custom/../core/separators/_separator.scss */
.separator-top {
  top: 0;
  bottom: auto;
}

/* line 28, app/assets/stylesheets/custom/../core/separators/_separator.scss */
.separator-top svg {
  top: 0;
}

/* line 33, app/assets/stylesheets/custom/../core/separators/_separator.scss */
.separator-bottom {
  top: auto;
  bottom: 0;
}

/* line 37, app/assets/stylesheets/custom/../core/separators/_separator.scss */
.separator-bottom svg {
  bottom: 0;
}

/* line 42, app/assets/stylesheets/custom/../core/separators/_separator.scss */
.separator-inverse {
  transform: rotate(180deg);
}

/* line 48, app/assets/stylesheets/custom/../core/separators/_separator.scss */
.separator-skew {
  height: 60px;
}

@media (min-width: 1200px) {
  /* line 48, app/assets/stylesheets/custom/../core/separators/_separator.scss */
  .separator-skew {
    height: 70px;
  }
}

/* line 1, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons {
  --icon-size: 5rem;
  --icon-sm-size: 3.75rem;
  --gutter: 7rem;
}

/* line 7, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container {
  position: relative;
  max-width: 100%;
  height: 360px;
  margin: 0 auto;
  z-index: 1;
}

/* line 14, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
  transition: all 0.2s cubic-bezier(0.25, 0.65, 0.9, 0.75);
}

/* line 26, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i.icon {
  width: var(--icon-size);
  height: var(--icon-size);
  font-size: 1.7em;
}

/* line 32, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i.icon-sm {
  width: var(--icon-sm-size);
  height: var(--icon-sm-size);
  font-size: 1.5em;
}

/* line 38, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(1) {
  font-size: 42px;
  color: #fb6340;
  z-index: 2;
}

/* line 45, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i {
  opacity: 1;
}

/* line 48, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(1) {
  left: 50%;
  top: 50%;
  font-size: 42px;
  color: #fb6340;
}

/* line 55, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(2) {
  left: calc(50% + (var(--gutter) * 1.7));
  top: 50%;
}

/* line 60, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(3) {
  left: calc(50% + var(--gutter));
  top: calc(50% + var(--gutter));
}

/* line 65, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(4) {
  left: calc(50% + var(--gutter));
  top: calc(50% - var(--gutter));
}

/* line 70, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(5) {
  left: calc(50% + (var(--gutter) * 4));
  top: 50%;
}

/* line 75, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(6) {
  left: calc(50% + (var(--gutter) * 2.7));
  top: calc(50% + (var(--gutter) * 1.5));
}

/* line 80, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(7) {
  left: calc(50% + (var(--gutter) * 2.7));
  top: calc(50% - (var(--gutter) * 1.5));
}

/* line 85, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(8) {
  left: calc(50% - (var(--gutter) * 1.7));
  top: 50%;
}

/* line 90, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(9) {
  left: calc(50% - var(--gutter));
  top: calc(50% + var(--gutter));
}

/* line 95, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(10) {
  left: calc(50% - var(--gutter));
  top: calc(50% - var(--gutter));
}

/* line 100, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(11) {
  left: calc(50% - (var(--gutter) * 4));
  top: 50%;
}

/* line 105, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(12) {
  left: calc(50% - (var(--gutter) * 2.7));
  top: calc(50% + (var(--gutter) * 1.5));
}

/* line 110, app/assets/stylesheets/custom/../core/sections/_nucleo-icons.scss */
.section-nucleo-icons .icons-container i:nth-child(13) {
  left: calc(50% - (var(--gutter) * 2.7));
  top: calc(50% - (var(--gutter) * 1.5));
}

/* line 9, app/assets/stylesheets/custom/../core/shortcuts/_shortcut.scss */
.shortcut-media {
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (prefers-reduced-motion: reduce) {
  /* line 9, app/assets/stylesheets/custom/../core/shortcuts/_shortcut.scss */
  .shortcut-media {
    transition: none;
  }
}

/* line 13, app/assets/stylesheets/custom/../core/shortcuts/_shortcut.scss */
.shortcut-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
}

/* line 18, app/assets/stylesheets/custom/../core/shortcuts/_shortcut.scss */
.shortcut-item small {
  display: block;
  margin-top: .75rem;
  font-size: 0.8125rem;
  font-weight: 600;
}

/* line 26, app/assets/stylesheets/custom/../core/shortcuts/_shortcut.scss */
.shortcut-item:hover .shortcut-media {
  transform: scale(1.1);
}

/* line 6, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort {
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.2s ease !important;
  border-right: 1px solid transparent !important;
  padding: 0 !important;
  background: linear-gradient(135deg, rgba(0, 123, 255, 0.02), rgba(0, 123, 255, 0.01)) !important;
}

/* line 17, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  padding: 0.75rem 0.75rem 0.75rem 1.5rem !important;
  position: relative !important;
}

/* line 26, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort a:hover {
  text-decoration: none !important;
  color: inherit !important;
}

/* line 32, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
  transform: translateY(-1px) !important;
  border-right: 1px solid #dee2e6 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* line 39, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort::before {
  content: "↕" !important;
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 12px !important;
  color: #6c757d !important;
  opacity: 0.6 !important;
  transition: opacity 0.2s ease !important;
  font-weight: bold !important;
  z-index: 10 !important;
}

/* line 54, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort[data-sort-direction="asc"]::before {
  content: "↑" !important;
  color: #007bff !important;
  opacity: 1 !important;
}

/* line 61, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort[data-sort-direction="desc"]::before {
  content: "↓" !important;
  color: #007bff !important;
  opacity: 1 !important;
}

/* line 68, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort:not([data-sort-direction])::before {
  content: "↕" !important;
  color: #6c757d !important;
  opacity: 0.6 !important;
}

/* line 74, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort:hover::before {
  opacity: 1 !important;
  color: #495057 !important;
  transform: translateY(-50%) scale(1.1) !important;
}

/* line 81, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort[title]:hover::after {
  content: attr(title) !important;
  position: absolute !important;
  bottom: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(0, 0, 0, 0.8) !important;
  color: white !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  z-index: 1000 !important;
  pointer-events: none !important;
  margin-bottom: 5px !important;
  height: auto !important;
  width: auto !important;
}

/* line 101, app/assets/stylesheets/custom/../core/tables/_table-sortable.scss */
.table th.clickable-sort:not([title]):hover::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #007bff, transparent) !important;
  opacity: 0.3 !important;
  transition: opacity 0.2s ease !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

/* line 5, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-action {
  font-size: 0.875rem;
  color: #adb5bd;
  margin: 0 .25rem;
}

/* line 10, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-action:hover {
  color: #919ca6;
}

/* line 16, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-action-delete:hover {
  color: #f5365c;
}

/* line 22, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-dark .table-action {
  color: #4d7bca;
}

/* line 28, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.users-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
}

/* line 35, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.users-actions--start {
  justify-content: flex-start;
}

/* line 39, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.users-action-btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--muted-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  text-decoration: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 0;
  box-sizing: border-box;
  flex-shrink: 0;
  vertical-align: middle;
}

/* line 61, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.users-action-btn > .bi {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  line-height: 0;
  font-size: 1em;
}

/* line 71, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.users-action-btn:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 65%);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
}

/* line 77, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.users-action-btn::after {
  display: none;
}

/* line 82, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
label.users-action-btn {
  margin-bottom: 0;
}

/* line 86, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.users-action-btn--spaced {
  margin-top: 10px;
}

/* line 91, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-actions {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 140px;
}

/* line 99, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-actions--inline {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

/* line 106, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-actions--inline .table-file-action {
  width: auto;
  white-space: nowrap;
}

/* line 111, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 10px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 72%);
  background: transparent;
  color: var(--accent-color);
  font-size: 0.875rem;
  line-height: 1.1;
  cursor: pointer;
  user-select: none;
  margin: 0;
}

/* line 127, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-action:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
  text-decoration: none;
}

/* line 134, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-action--primary {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: #fff;
}

/* line 139, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-action--primary:hover {
  background: color-mix(in srgb, var(--accent-color), #000 10%);
  border-color: color-mix(in srgb, var(--accent-color), #000 10%);
  color: #fff;
}

/* line 146, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-action--secondary {
  color: var(--muted-color);
  border-color: color-mix(in srgb, var(--muted-color), transparent 65%);
}

/* line 150, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-action--secondary:hover {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
}

/* line 156, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-action__icon {
  font-size: 0.9em;
  opacity: 0.95;
}

/* line 161, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-action__label {
  flex: 1 1 auto;
}

/* line 165, app/assets/stylesheets/custom/../core/tables/_table-actions.scss */
.table-file-action__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 12, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table thead th {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid #e9ecef;
}

/* line 21, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table th {
  font-weight: 600;
}

/* line 26, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table td .progress {
  height: 3px;
  width: 120px;
  margin: 0;
}

/* line 33, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table td,
.table th {
  font-size: 0.8125rem;
  white-space: nowrap;
}

/* line 43, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table.align-items-center td,
.table.align-items-center th {
  vertical-align: middle;
}

/* line 53, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table .thead-dark th {
  background-color: #1c345d;
  color: #4d7bca;
}

/* line 57, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table .thead-dark th a {
  color: #4d7bca;
}

/* line 67, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table .thead-light th {
  background-color: #f6f9fc;
  color: #8898aa;
}

/* line 71, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table .thead-light th a {
  color: #8898aa;
}

/* line 79, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table-responsive-vertical {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 89, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #fff;
}

/* line 97, app/assets/stylesheets/custom/../core/tables/_table.scss */
.thead-light th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #f6f9fc;
  color: #8898aa;
}

/* line 104, app/assets/stylesheets/custom/../core/tables/_table.scss */
.thead-dark th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #1c345d;
  color: #4d7bca;
}

/* line 116, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table-hover tr {
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 116, app/assets/stylesheets/custom/../core/tables/_table.scss */
  .table-hover tr {
    transition: none;
  }
}

/* line 125, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table-flush td,
.table-flush th {
  border-left: 0;
  border-right: 0;
}

/* line 134, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table-flush tbody tr:first-child td,
.table-flush tbody tr:first-child th {
  border-top: 0;
}

/* line 141, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table-flush tbody tr:last-child td,
.table-flush tbody tr:last-child th {
  border-bottom: 0;
}

/* line 154, app/assets/stylesheets/custom/../core/tables/_table.scss */
.card .table {
  margin-bottom: 0;
}

/* line 157, app/assets/stylesheets/custom/../core/tables/_table.scss */
.card .table td,
.card .table th {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 169, app/assets/stylesheets/custom/../core/tables/_table.scss */
.table .custom-toggle {
  display: block;
}

/* line 174, app/assets/stylesheets/custom/../core/tables/_table.scss */
.action-list {
  width: 94px;
  white-space: nowrap;
}

/* line 179, app/assets/stylesheets/custom/../core/tables/_table.scss */
.file-list {
  padding-bottom: 5px;
}

/* line 8, app/assets/stylesheets/custom/../core/type/_type.scss */
p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7;
}

/* line 14, app/assets/stylesheets/custom/../core/type/_type.scss */
.lead {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.7;
  margin-top: 1.5rem;
}

/* line 20, app/assets/stylesheets/custom/../core/type/_type.scss */
.lead + .btn-wrapper {
  margin-top: 3rem;
}

/* line 25, app/assets/stylesheets/custom/../core/type/_type.scss */
.description {
  font-size: 0.875rem;
}

/* line 6, app/assets/stylesheets/custom/../core/type/_article.scss */
article h4:not(:first-child),
article h5:not(:first-child) {
  margin-top: 3rem;
}

/* line 11, app/assets/stylesheets/custom/../core/type/_article.scss */
article h4, article h5 {
  margin-bottom: 1.5rem;
}

/* line 15, app/assets/stylesheets/custom/../core/type/_article.scss */
article figure {
  margin: 3rem 0;
}

/* line 19, app/assets/stylesheets/custom/../core/type/_article.scss */
article h5 + figure {
  margin-top: 0;
}

/* line 10, app/assets/stylesheets/custom/../core/type/_display.scss */
.display-1 span,
.display-2 span,
.display-3 span,
.display-4 span {
  display: block;
  font-weight: 300;
}

/* line 8, app/assets/stylesheets/custom/../core/type/_heading.scss */
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color: inherit;
}

/* line 12, app/assets/stylesheets/custom/../core/type/_heading.scss */
.heading {
  letter-spacing: 0.025em;
  font-size: 0.95rem;
  text-transform: uppercase;
  font-weight: 600;
}

/* line 22, app/assets/stylesheets/custom/../core/type/_heading.scss */
.heading-small {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* line 30, app/assets/stylesheets/custom/../core/type/_heading.scss */
.heading-title {
  letter-spacing: 0.025em;
  font-size: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 37, app/assets/stylesheets/custom/../core/type/_heading.scss */
.heading-section {
  letter-spacing: 0.025em;
  font-size: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 43, app/assets/stylesheets/custom/../core/type/_heading.scss */
.heading-section img {
  display: block;
  width: 72px;
  height: 72px;
  margin-bottom: 1.5rem;
}

/* line 51, app/assets/stylesheets/custom/../core/type/_heading.scss */
.heading-section.text-center img {
  margin-left: auto;
  margin-right: auto;
}

/* line 60, app/assets/stylesheets/custom/../core/type/_heading.scss */
.surtitle {
  text-transform: uppercase;
  color: #8898aa;
  letter-spacing: 2px;
  margin-bottom: 0;
}

/* line 6, app/assets/stylesheets/custom/_timeline.scss */
.timeline {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}

/* line 13, app/assets/stylesheets/custom/_timeline.scss */
.timeline:before {
  content: '';
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: 5px;
  background: #2d353c;
  left: 20%;
  margin-left: -2.5px;
}

/* line 24, app/assets/stylesheets/custom/_timeline.scss */
.timeline > li {
  position: relative;
  min-height: 50px;
  padding: 20px 0;
}

/* line 30, app/assets/stylesheets/custom/_timeline.scss */
.timeline .timeline-time {
  position: absolute;
  left: 0;
  width: 18%;
  text-align: right;
  top: 30px;
}

/* line 38, app/assets/stylesheets/custom/_timeline.scss */
.timeline .timeline-time .date,
.timeline .timeline-time .time {
  display: block;
  font-weight: 600;
}

/* line 44, app/assets/stylesheets/custom/_timeline.scss */
.timeline .timeline-time .date {
  line-height: 16px;
  font-size: 12px;
}

/* line 49, app/assets/stylesheets/custom/_timeline.scss */
.timeline .timeline-time .time {
  line-height: 24px;
  font-size: 20px;
  color: #242a30;
}

/* line 55, app/assets/stylesheets/custom/_timeline.scss */
.timeline .timeline-icon {
  left: 15%;
  position: absolute;
  width: 10%;
  text-align: center;
  top: 40px;
}

/* line 63, app/assets/stylesheets/custom/_timeline.scss */
.timeline .timeline-icon a {
  text-decoration: none;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 20px;
  background: #d9e0e7;
  line-height: 10px;
  color: #fff;
  font-size: 14px;
  border: 5px solid #2d353c;
  transition: border-color .2s linear;
}

/* line 77, app/assets/stylesheets/custom/_timeline.scss */
.timeline .timeline-body {
  margin-left: 23%;
  margin-right: 17%;
  background: #ffffff !important;
  position: relative;
  padding: 20px 25px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* line 89, app/assets/stylesheets/custom/_timeline.scss */
.timeline .timeline-body > div + div {
  margin-top: 15px;
}

/* line 93, app/assets/stylesheets/custom/_timeline.scss */
.timeline .timeline-body > div + div:last-child {
  margin-bottom: -20px;
  padding-bottom: 20px;
  border-radius: 0 0 6px 6px;
}

/* line 99, app/assets/stylesheets/custom/_timeline.scss */
.timeline-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e7eb;
  line-height: 30px;
}

/* line 105, app/assets/stylesheets/custom/_timeline.scss */
.timeline-header .userimage {
  float: left;
  width: 34px;
  height: 34px;
  border-radius: 40px;
  overflow: hidden;
  margin: -2px 10px -2px 0;
}

/* line 114, app/assets/stylesheets/custom/_timeline.scss */
.timeline-header .username {
  font-size: 16px;
  font-weight: 600;
}

/* line 119, app/assets/stylesheets/custom/_timeline.scss */
.timeline-header .username,
.timeline-header .username a {
  color: #2d353c;
}

/* line 124, app/assets/stylesheets/custom/_timeline.scss */
.timeline img {
  max-width: 100%;
  display: block;
}

/* line 129, app/assets/stylesheets/custom/_timeline.scss */
.timeline-content {
  letter-spacing: .25px;
  line-height: 18px;
  font-size: 13px;
}

/* line 135, app/assets/stylesheets/custom/_timeline.scss */
.timeline-content:after,
.timeline-content:before {
  content: '';
  display: table;
  clear: both;
}

/* line 142, app/assets/stylesheets/custom/_timeline.scss */
.timeline-title {
  margin-top: 0;
}

/* line 146, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer {
  background: #fff;
  border-top: 1px solid #e2e7ec;
  padding-top: 15px;
}

/* line 152, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer a:not(.btn) {
  color: #575d63;
}

/* line 156, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer a:not(.btn):focus,
.timeline-footer a:not(.btn):hover {
  color: #2d353c;
}

/* line 161, app/assets/stylesheets/custom/_timeline.scss */
.timeline-likes {
  color: #6d767f;
  font-weight: 600;
  font-size: 12px;
}

/* line 167, app/assets/stylesheets/custom/_timeline.scss */
.timeline-likes .stats-right {
  float: right;
}

/* line 171, app/assets/stylesheets/custom/_timeline.scss */
.timeline-likes .stats-total {
  display: inline-block;
  line-height: 20px;
}

/* line 176, app/assets/stylesheets/custom/_timeline.scss */
.timeline-likes .stats-icon {
  float: left;
  margin-right: 5px;
  font-size: 9px;
}

/* line 182, app/assets/stylesheets/custom/_timeline.scss */
.timeline-likes .stats-icon + .stats-icon {
  margin-left: -2px;
}

/* line 186, app/assets/stylesheets/custom/_timeline.scss */
.timeline-likes .stats-text {
  line-height: 20px;
}

/* line 190, app/assets/stylesheets/custom/_timeline.scss */
.timeline-likes .stats-text + .stats-text {
  margin-left: 15px;
}

/* line 194, app/assets/stylesheets/custom/_timeline.scss */
.timeline-comment-box {
  background: #f2f3f4;
  margin-left: -25px;
  margin-right: -25px;
  padding: 20px 25px;
}

/* line 201, app/assets/stylesheets/custom/_timeline.scss */
.timeline-comment-box .user {
  float: left;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 30px;
}

/* line 209, app/assets/stylesheets/custom/_timeline.scss */
.timeline-comment-box .user img {
  max-width: 100%;
  max-height: 100%;
}

/* line 214, app/assets/stylesheets/custom/_timeline.scss */
.timeline-comment-box .user + .input {
  margin-left: 44px;
}

/* line 218, app/assets/stylesheets/custom/_timeline.scss */
.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.4;
}

/* line 225, app/assets/stylesheets/custom/_timeline.scss */
.text-danger, .text-red {
  color: #ff5b57 !important;
}

/* line 230, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .btn-group {
  display: inline-flex;
  align-items: stretch;
}

/* line 235, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .users-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

/* line 242, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .users-action-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 4px;
  border-color: #d1d5db;
  background: #fff;
  color: #6c757d;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}

/* line 254, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .users-action-btn:hover {
  border-color: #6c757d;
  background: #6c757d;
  color: #fff;
}

/* line 260, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .users-action-btn.text-danger {
  border-color: #dc3545;
  color: #dc3545;
}

/* line 265, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .users-action-btn.text-danger:hover {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

/* line 271, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .btn-group .btn {
  border-radius: 0;
  font-size: 12px;
  padding: 8px 12px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 32px;
}

/* line 283, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .btn-group .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 288, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 293, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .btn-outline-secondary {
  border-color: #6c757d;
  color: #6c757d;
}

/* line 298, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .btn-outline-secondary:hover {
  background-color: #6c757d;
  border-color: #6c757d;
  color: white;
}

/* line 304, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .btn-outline-danger {
  border-color: #dc3545;
  color: #dc3545;
}

/* line 309, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .btn-outline-danger:hover {
  background-color: #dc3545;
  border-color: #dc3545;
  color: white;
}

/* line 316, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .btn-add-file {
  border-radius: 0 0.375rem 0.375rem 0;
}

/* line 320, app/assets/stylesheets/custom/_timeline.scss */
.timeline-footer .entry-timeline-actions .btn {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* line 327, app/assets/stylesheets/custom/_timeline.scss */
.entry-timeline-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 7, app/assets/stylesheets/custom/_case_dockets.scss */
.docket-cases-table td,
.docket-cases-table th {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}

/* line 13, app/assets/stylesheets/custom/_case_dockets.scss */
.docket-cases-table th {
  white-space: nowrap;
}

/* line 17, app/assets/stylesheets/custom/_case_dockets.scss */
.docket-cases-table td.text-wrap {
  white-space: normal;
  line-height: 1.35;
}

/* line 22, app/assets/stylesheets/custom/_case_dockets.scss */
.docket-cases-table td.text-right {
  white-space: nowrap;
}

/* line 36, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td .d-flex .avatar {
  margin-right: 1rem !important;
  margin-left: 0.5rem !important;
  min-width: 48px !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease !important;
}

/* line 49, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td .d-flex .avatar:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* line 56, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td .d-flex > div:last-child {
  flex: 1;
  min-width: 0;
}

/* line 60, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td .d-flex > div:last-child h6 {
  margin-bottom: 0.25rem;
  font-weight: 600;
  color: #2d3748;
  line-height: 1.4;
}

/* line 68, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td .d-flex > div:last-child .subtitle {
  font-size: 0.875rem;
  color: #718096;
  margin-bottom: 0;
}

/* line 78, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.text-right .icon-row-l {
  margin: 0 0.5rem;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* line 85, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.text-right .icon-row-l:hover {
  background-color: #f7fafc;
  color: #2d3748;
}

/* line 90, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.text-right .icon-row-l.fa-pencil {
  color: #3182ce;
}

/* line 93, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.text-right .icon-row-l.fa-pencil:hover {
  background-color: #ebf8ff;
  color: #2c5282;
}

/* line 99, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.text-right .icon-row-l.fa-trash {
  color: #e53e3e;
}

/* line 102, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.text-right .icon-row-l.fa-trash:hover {
  background-color: #fed7d7;
  color: #c53030;
}

/* line 112, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr:hover {
  background-color: #f8fafc;
  transition: background-color 0.2s ease;
}

/* line 120, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr:only-child th {
  text-align: center;
  padding: 2rem;
  color: #718096;
  font-style: italic;
  background-color: #f8fafc;
}

/* line 134, app/assets/stylesheets/custom/_case_dockets.scss */
.badge-pill {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  border-radius: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

/* line 143, app/assets/stylesheets/custom/_case_dockets.scss */
.badge-pill.lead_counsel {
  background-color: #805ad5;
  color: white;
}

/* line 148, app/assets/stylesheets/custom/_case_dockets.scss */
.badge-pill.associate {
  background-color: #3182ce;
  color: white;
}

/* line 153, app/assets/stylesheets/custom/_case_dockets.scss */
.badge-pill.observer {
  background-color: #38a169;
  color: white;
}

/* line 158, app/assets/stylesheets/custom/_case_dockets.scss */
.badge-pill.plaintiff {
  background-color: #e53e3e;
  color: white;
}

/* line 163, app/assets/stylesheets/custom/_case_dockets.scss */
.badge-pill.defendant {
  background-color: #3182ce;
  color: white;
}

/* line 168, app/assets/stylesheets/custom/_case_dockets.scss */
.badge-pill.witness {
  background-color: #38a169;
  color: white;
}

/* line 173, app/assets/stylesheets/custom/_case_dockets.scss */
.badge-pill.other {
  background-color: #718096;
  color: white;
}

/* line 180, app/assets/stylesheets/custom/_case_dockets.scss */
.card-header {
  border-bottom: 1px solid #e2e8f0;
  background-color: #ffffff;
}

/* line 184, app/assets/stylesheets/custom/_case_dockets.scss */
.card-header h3 {
  color: #2d3748;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 194, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm {
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  transition: all 0.2s ease;
}

/* line 199, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px);
}

/* line 204, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-header {
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-bottom: 2px solid #e2e8f0;
  padding: 1.25rem 1.5rem;
}

/* line 209, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-header h5 {
  color: #2d3748;
  font-weight: 600;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

/* line 216, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-header h5 i {
  font-size: 1.1rem;
  margin-right: 0.75rem;
}

/* line 221, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-header h5 .fa-calendar {
  color: #3182ce;
}

/* line 225, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-header h5 .fa-exclamation-triangle {
  color: #e53e3e;
}

/* line 233, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item {
  border: none;
  border-bottom: 1px solid #f1f5f9;
  padding: 1.25rem 1.5rem;
  transition: all 0.2s ease;
}

/* line 239, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item:hover {
  background-color: #f8fafc;
}

/* line 243, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item:last-child {
  border-bottom: none;
}

/* line 248, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item .d-flex .avatar {
  margin-right: 1rem !important;
  margin-left: 0.5rem !important;
  min-width: 48px !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease !important;
}

/* line 261, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item .d-flex .avatar:hover {
  transform: scale(1.05) !important;
}

/* line 265, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item .d-flex .avatar.bg-primary {
  background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%) !important;
}

/* line 269, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item .d-flex .avatar.bg-danger {
  background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%) !important;
}

/* line 275, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item .d-flex .flex-grow-1 h6 {
  color: #2d3748;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

/* line 282, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item .d-flex .flex-grow-1 p {
  color: #718096;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

/* line 288, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item .d-flex .flex-grow-1 .d-flex {
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 293, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .list-group .list-group-item .d-flex .flex-grow-1 .d-flex small {
  color: #718096;
  font-weight: 500;
}

/* line 304, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .text-center {
  padding: 3rem 1.5rem;
}

/* line 307, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .text-center i {
  color: #cbd5e0;
  margin-bottom: 1rem;
}

/* line 312, app/assets/stylesheets/custom/_case_dockets.scss */
.row .card.shadow-sm .card-body .text-center p {
  color: #718096;
  font-size: 1rem;
  margin-bottom: 0;
}

/* line 324, app/assets/stylesheets/custom/_case_dockets.scss */
.table-responsive-vertical .table .list tr td .d-flex .avatar {
  margin-right: 1rem !important;
  margin-left: 0.5rem !important;
  min-width: 48px !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease !important;
}

/* line 337, app/assets/stylesheets/custom/_case_dockets.scss */
.table-responsive-vertical .table .list tr td .d-flex .avatar:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* line 343, app/assets/stylesheets/custom/_case_dockets.scss */
.table-responsive-vertical .table .list tr td .d-flex > div:last-child {
  flex: 1;
  min-width: 0;
}

/* line 347, app/assets/stylesheets/custom/_case_dockets.scss */
.table-responsive-vertical .table .list tr td .d-flex > div:last-child h6 {
  margin-bottom: 0.25rem;
  font-weight: 600;
  color: #2d3748;
  line-height: 1.4;
}

/* line 354, app/assets/stylesheets/custom/_case_dockets.scss */
.table-responsive-vertical .table .list tr td .d-flex > div:last-child small {
  color: #718096;
  font-size: 0.8rem;
}

/* line 364, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .clickable-sort {
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 368, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .clickable-sort:hover {
  background-color: #f8fafc;
}

/* line 374, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr {
  transition: all 0.2s ease;
}

/* line 377, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr:hover {
  background-color: #f8fafc;
}

/* line 382, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.text-wrap {
  max-width: 200px;
  word-wrap: break-word;
}

/* line 389, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.client a, .card .table-responsive-vertical .table .list tr td.assignee a {
  color: #3182ce;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

/* line 395, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.client a:hover, .card .table-responsive-vertical .table .list tr td.assignee a:hover {
  color: #2c5282;
  text-decoration: underline;
}

/* line 402, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.deadline, .card .table-responsive-vertical .table .list tr td.running_lead_time {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 0.875rem;
  color: #4a5568;
}

/* line 410, app/assets/stylesheets/custom/_case_dockets.scss */
.card .table-responsive-vertical .table .list tr td.status .badge-pill {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

/* line 423, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease !important;
}

/* line 430, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-1px) !important;
}

/* line 435, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body {
  padding: 1.5rem !important;
}

/* line 438, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .card-title {
  color: #2d3748 !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  margin-bottom: 1.25rem !important;
  text-align: center !important;
  border-bottom: 2px solid #e2e8f0 !important;
  padding-bottom: 0.75rem !important;
}

/* line 448, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row {
  margin: 0 !important;
}

/* line 451, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row .col-4 {
  padding: 0.75rem !important;
}

/* line 455, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row .col-4:first-child .border-end {
  border-right: 2px solid #e2e8f0 !important;
  padding-right: 1rem !important;
  margin-right: 0.5rem !important;
}

/* line 463, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row .col-4:nth-child(2) .border-end {
  border-right: 2px solid #e2e8f0 !important;
  padding-right: 1rem !important;
  margin-right: 0.5rem !important;
}

/* line 470, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row .col-4:last-child {
  padding-left: 0.5rem !important;
}

/* line 474, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row .col-4 h4 {
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.2 !important;
}

/* line 480, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row .col-4 h4.text-primary {
  color: #3182ce !important;
}

/* line 484, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row .col-4 h4.text-success {
  color: #38a169 !important;
}

/* line 488, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row .col-4 h4.text-info {
  color: #3182ce !important;
}

/* line 493, app/assets/stylesheets/custom/_case_dockets.scss */
.card.bg-light .card-body .row .col-4 small {
  color: #718096 !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.025em !important;
}

@media (max-width: 768px) {
  /* line 514, app/assets/stylesheets/custom/_case_dockets.scss */
  .card .table-responsive-vertical .table .list tr td .d-flex .avatar {
    margin-right: 0.75rem !important;
    min-width: 40px;
    min-height: 40px;
    font-size: 1rem;
  }
  /* line 522, app/assets/stylesheets/custom/_case_dockets.scss */
  .card .table-responsive-vertical .table .list tr td .d-flex > div:last-child h6 {
    font-size: 0.9rem;
  }
  /* line 529, app/assets/stylesheets/custom/_case_dockets.scss */
  .card .table-responsive-vertical .table .list tr td.text-right .icon-row-l {
    margin: 0 0.25rem;
    padding: 0.375rem;
  }
  /* line 543, app/assets/stylesheets/custom/_case_dockets.scss */
  .row .card .card-header {
    padding: 1rem;
  }
  /* line 546, app/assets/stylesheets/custom/_case_dockets.scss */
  .row .card .card-header h5 {
    font-size: 1rem;
  }
  /* line 553, app/assets/stylesheets/custom/_case_dockets.scss */
  .row .card .card-body .list-group .list-group-item {
    padding: 1rem;
  }
  /* line 557, app/assets/stylesheets/custom/_case_dockets.scss */
  .row .card .card-body .list-group .list-group-item .d-flex .avatar {
    min-width: 40px;
    min-height: 40px;
    font-size: 1rem;
  }
  /* line 564, app/assets/stylesheets/custom/_case_dockets.scss */
  .row .card .card-body .list-group .list-group-item .d-flex .flex-grow-1 h6 {
    font-size: 0.9rem;
  }
  /* line 568, app/assets/stylesheets/custom/_case_dockets.scss */
  .row .card .card-body .list-group .list-group-item .d-flex .flex-grow-1 p {
    font-size: 0.8rem;
  }
  /* line 581, app/assets/stylesheets/custom/_case_dockets.scss */
  .card.bg-light .card-body {
    padding: 1rem !important;
  }
  /* line 584, app/assets/stylesheets/custom/_case_dockets.scss */
  .card.bg-light .card-body .card-title {
    font-size: 0.9rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 590, app/assets/stylesheets/custom/_case_dockets.scss */
  .card.bg-light .card-body .row .col-4 {
    padding: 0.5rem !important;
  }
  /* line 594, app/assets/stylesheets/custom/_case_dockets.scss */
  .card.bg-light .card-body .row .col-4:first-child .border-end {
    padding-right: 0.5rem !important;
    margin-right: 0.25rem !important;
  }
  /* line 601, app/assets/stylesheets/custom/_case_dockets.scss */
  .card.bg-light .card-body .row .col-4:nth-child(2) .border-end {
    padding-right: 0.5rem !important;
    margin-right: 0.25rem !important;
  }
  /* line 607, app/assets/stylesheets/custom/_case_dockets.scss */
  .card.bg-light .card-body .row .col-4:last-child {
    padding-left: 0.5rem !important;
  }
  /* line 611, app/assets/stylesheets/custom/_case_dockets.scss */
  .card.bg-light .card-body .row .col-4 h4 {
    font-size: 1.1rem !important;
  }
  /* line 615, app/assets/stylesheets/custom/_case_dockets.scss */
  .card.bg-light .card-body .row .col-4 small {
    font-size: 0.8rem !important;
  }
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-blue {
  background-color: #5e72e4 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-blue:hover, a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
  background-color: #324cdd !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-indigo {
  background-color: #5603ad !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-indigo:hover, a.bg-indigo:focus,
button.bg-indigo:hover,
button.bg-indigo:focus {
  background-color: #3d027b !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-purple {
  background-color: #8965e0 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-purple:hover, a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
  background-color: #683bd7 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-pink {
  background-color: #f3a4b5 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-pink:hover, a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:focus {
  background-color: #ed7790 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-red {
  background-color: #f5365c !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-red:hover, a.bg-red:focus,
button.bg-red:hover,
button.bg-red:focus {
  background-color: #ec0c38 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-orange {
  background-color: #fb6340 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-orange:hover, a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus {
  background-color: #fa3a0e !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-yellow {
  background-color: #ffd600 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-yellow:hover, a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus {
  background-color: #ccab00 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-green {
  background-color: #2dce89 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-green:hover, a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus {
  background-color: #24a46d !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-teal {
  background-color: #11cdef !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-teal:hover, a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus {
  background-color: #0da5c0 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-cyan {
  background-color: #2bffc6 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-cyan:hover, a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:focus {
  background-color: #00f7b5 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-white {
  background-color: #fff !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: #e6e6e6 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gray {
  background-color: #8898aa !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-gray:hover, a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
  background-color: #6a7e95 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gray-dark {
  background-color: #32325d !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-gray-dark:hover, a.bg-gray-dark:focus,
button.bg-gray-dark:hover,
button.bg-gray-dark:focus {
  background-color: #20203c !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-light {
  background-color: #ced4da !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #b1bbc4 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-lighter {
  background-color: #e9ecef !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-lighter:hover, a.bg-lighter:focus,
button.bg-lighter:hover,
button.bg-lighter:focus {
  background-color: #cbd3da !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-primary {
  background: linear-gradient(87deg, #2da3b5 0, #2d6ab5 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-secondary {
  background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-success {
  background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-info {
  background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-warning {
  background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-danger {
  background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-light {
  background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-dark {
  background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-default {
  background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-white {
  background: linear-gradient(87deg, #fff 0, white 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-neutral {
  background: linear-gradient(87deg, #fff 0, white 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-darker {
  background: linear-gradient(87deg, black 0, black 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-blue {
  background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-indigo {
  background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-purple {
  background: linear-gradient(87deg, #8965e0 0, #bc65e0 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-pink {
  background: linear-gradient(87deg, #f3a4b5 0, #f3b4a4 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-red {
  background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-orange {
  background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-yellow {
  background: linear-gradient(87deg, #ffd600 0, #beff00 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-green {
  background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-teal {
  background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-cyan {
  background: linear-gradient(87deg, #2bffc6 0, #2be0ff 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-white {
  background: linear-gradient(87deg, #fff 0, white 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-gray {
  background: linear-gradient(87deg, #8898aa 0, #888aaa 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-gray-dark {
  background: linear-gradient(87deg, #32325d 0, #44325d 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-light {
  background: linear-gradient(87deg, #ced4da 0, #cecfda 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-lighter {
  background: linear-gradient(87deg, #e9ecef 0, #e9eaef 100%) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-primary {
  background-color: rgba(38, 137, 152, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-primary:hover, a.bg-translucent-primary:focus,
button.bg-translucent-primary:hover,
button.bg-translucent-primary:focus {
  background-color: rgba(33, 119, 132, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-secondary {
  background-color: rgba(221, 234, 242, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-secondary:hover, a.bg-translucent-secondary:focus,
button.bg-translucent-secondary:hover,
button.bg-translucent-secondary:focus {
  background-color: rgba(202, 222, 235, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-success {
  background-color: rgba(39, 177, 118, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-success:hover, a.bg-translucent-success:focus,
button.bg-translucent-success:hover,
button.bg-translucent-success:focus {
  background-color: rgba(34, 156, 104, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-info {
  background-color: rgba(14, 177, 206, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-info:hover, a.bg-translucent-info:focus,
button.bg-translucent-info:hover,
button.bg-translucent-info:focus {
  background-color: rgba(12, 156, 183, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-warning {
  background-color: rgba(250, 70, 29, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-warning:hover, a.bg-translucent-warning:focus,
button.bg-translucent-warning:hover,
button.bg-translucent-warning:focus {
  background-color: rgba(249, 51, 5, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-danger {
  background-color: rgba(243, 20, 64, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-danger:hover, a.bg-translucent-danger:focus,
button.bg-translucent-danger:hover,
button.bg-translucent-danger:focus {
  background-color: rgba(227, 11, 54, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-light {
  background-color: rgba(153, 163, 173, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-light:hover, a.bg-translucent-light:focus,
button.bg-translucent-light:hover,
button.bg-translucent-light:focus {
  background-color: rgba(139, 150, 162, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-dark {
  background-color: rgba(17, 19, 21, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-dark:hover, a.bg-translucent-dark:focus,
button.bg-translucent-dark:hover,
button.bg-translucent-dark:focus {
  background-color: rgba(6, 6, 7, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-default {
  background-color: rgba(15, 28, 50, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-default:hover, a.bg-translucent-default:focus,
button.bg-translucent-default:hover,
button.bg-translucent-default:focus {
  background-color: rgba(9, 17, 30, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-white {
  background-color: rgba(237, 237, 237, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-white:hover, a.bg-translucent-white:focus,
button.bg-translucent-white:hover,
button.bg-translucent-white:focus {
  background-color: rgba(224, 224, 224, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-neutral {
  background-color: rgba(237, 237, 237, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-neutral:hover, a.bg-translucent-neutral:focus,
button.bg-translucent-neutral:hover,
button.bg-translucent-neutral:focus {
  background-color: rgba(224, 224, 224, 0.6) !important;
}

/* line 20, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-translucent-darker {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.bg-translucent-darker:hover, a.bg-translucent-darker:focus,
button.bg-translucent-darker:hover,
button.bg-translucent-darker:focus {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.section-primary {
  background-color: #f8f9fe !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.section-primary:hover, a.section-primary:focus,
button.section-primary:hover,
button.section-primary:focus {
  background-color: #cbd3f8 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.section-secondary {
  background-color: #f7fafc !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.section-secondary:hover, a.section-secondary:focus,
button.section-secondary:hover,
button.section-secondary:focus {
  background-color: #d2e3ee !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.section-light {
  background-color: #ced4da !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.section-light:hover, a.section-light:focus,
button.section-light:hover,
button.section-light:focus {
  background-color: #b1bbc4 !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.section-dark {
  background-color: #212529 !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.section-dark:hover, a.section-dark:focus,
button.section-dark:hover,
button.section-dark:focus {
  background-color: #0a0c0d !important;
}

/* line 3, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.section-darker {
  background-color: black !important;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
a.section-darker:hover, a.section-darker:focus,
button.section-darker:hover,
button.section-darker:focus {
  background-color: black !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-primary {
  background: linear-gradient(87deg, #2da3b5 0, #2d6ab5 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-secondary {
  background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-success {
  background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-info {
  background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-warning {
  background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-danger {
  background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-light {
  background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-dark {
  background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-default {
  background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-white {
  background: linear-gradient(87deg, #fff 0, white 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-neutral {
  background: linear-gradient(87deg, #fff 0, white 100%) !important;
}

/* line 14, app/assets/stylesheets/custom/../core/mixins/_background-variant.scss */
.bg-gradient-darker {
  background: linear-gradient(87deg, black 0, black 100%) !important;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-primary {
  fill: #2da3b5;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-primary {
  stroke: #2da3b5;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-secondary {
  fill: #f7fafc;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-secondary {
  stroke: #f7fafc;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-success {
  fill: #2dce89;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-success {
  stroke: #2dce89;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-info {
  fill: #11cdef;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-info {
  stroke: #11cdef;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-warning {
  fill: #fb6340;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-warning {
  stroke: #fb6340;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-danger {
  fill: #f5365c;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-danger {
  stroke: #f5365c;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-light {
  fill: #adb5bd;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-light {
  stroke: #adb5bd;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-dark {
  fill: #212529;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-dark {
  stroke: #212529;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-default {
  fill: #172b4d;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-default {
  stroke: #172b4d;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-white {
  fill: #fff;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-white {
  stroke: #fff;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-neutral {
  fill: #fff;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-neutral {
  stroke: #fff;
}

/* line 40, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-darker {
  fill: black;
}

/* line 44, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.stroke-darker {
  stroke: black;
}

/* line 49, app/assets/stylesheets/custom/../core/utilities/_backgrounds.scss */
.fill-opacity-8 {
  fill-opacity: .8;
}

/* line 6, app/assets/stylesheets/custom/../core/utilities/_blurable.scss */
.blur--hover {
  position: relative;
}

/* line 9, app/assets/stylesheets/custom/../core/utilities/_blurable.scss */
.blur--hover .blur-item {
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
  filter: blur(0);
  opacity: 1;
}

/* line 16, app/assets/stylesheets/custom/../core/utilities/_blurable.scss */
.blur--hover .blur-hidden {
  position: absolute;
  top: calc(50% + 7px);
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.15s ease;
  z-index: 100;
}

/* line 26, app/assets/stylesheets/custom/../core/utilities/_blurable.scss */
.blur--hover:hover .blur-item {
  opacity: .8;
  filter: blur(10px);
  transform: scale(0.95);
  z-index: 1;
}

/* line 32, app/assets/stylesheets/custom/../core/utilities/_blurable.scss */
.blur--hover:hover .blur-hidden {
  opacity: 1;
  top: 50%;
}

/* line 7, app/assets/stylesheets/custom/../core/utilities/_floating.scss */
.floating {
  animation: floating 3s ease infinite;
  will-change: transform;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_floating.scss */
.floating:hover {
  animation-play-state: paused;
}

/* line 19, app/assets/stylesheets/custom/../core/utilities/_floating.scss */
.floating-lg {
  animation: floating-lg 3s ease infinite;
}

/* line 23, app/assets/stylesheets/custom/../core/utilities/_floating.scss */
.floating-sm {
  animation: floating-sm 3s ease infinite;
}

@keyframes floating-lg {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes floating-sm {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* line 10, app/assets/stylesheets/custom/../core/utilities/_helper.scss */
.floatfix:before, .floatfix:after {
  content: '';
  display: table;
}

/* line 15, app/assets/stylesheets/custom/../core/utilities/_helper.scss */
.floatfix:after {
  clear: both;
}

/* line 5, app/assets/stylesheets/custom/../core/utilities/_image.scss */
.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 1, app/assets/stylesheets/custom/../core/utilities/_link.scss */
.view-link {
  color: #2da3b5;
}

/* line 4, app/assets/stylesheets/custom/../core/utilities/_link.scss */
.view-link:hover {
  color: #1e6c78;
}

/* line 9, app/assets/stylesheets/custom/../core/utilities/_link.scss */
.notif-view-link {
  color: #212529;
}

/* line 12, app/assets/stylesheets/custom/../core/utilities/_link.scss */
.notif-view-link:hover {
  color: #2da3b5;
}

/* line 6, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-1 {
  opacity: .1 !important;
}

/* line 9, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-2 {
  opacity: .2 !important;
}

/* line 12, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-3 {
  opacity: .3 !important;
}

/* line 15, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-4 {
  opacity: .4 !important;
}

/* line 18, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-5 {
  opacity: .5 !important;
}

/* line 21, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-6 {
  opacity: .6 !important;
}

/* line 24, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-7 {
  opacity: .7 !important;
}

/* line 27, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-8 {
  opacity: .8 !important;
}

/* line 30, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-8 {
  opacity: .9 !important;
}

/* line 33, app/assets/stylesheets/custom/../core/utilities/_opacity.scss */
.opacity-10 {
  opacity: 1 !important;
}

/* line 5, app/assets/stylesheets/custom/../core/utilities/_overflow.scss */
.overflow-visible {
  overflow: visible !important;
}

/* line 9, app/assets/stylesheets/custom/../core/utilities/_overflow.scss */
.overflow-hidden {
  overflow: hidden !important;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-0 {
  top: 0;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-0 {
  right: 0;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-0 {
  bottom: 0;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-0 {
  left: 0;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-1 {
  top: 0.25rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-1 {
  right: 0.25rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-1 {
  bottom: 0.25rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-1 {
  left: 0.25rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-2 {
  top: 0.5rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-2 {
  right: 0.5rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-2 {
  bottom: 0.5rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-2 {
  left: 0.5rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-3 {
  top: 1rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-3 {
  right: 1rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-3 {
  bottom: 1rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-3 {
  left: 1rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-4 {
  top: 1.5rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-4 {
  right: 1.5rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-4 {
  bottom: 1.5rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-4 {
  left: 1.5rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-5 {
  top: 3rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-5 {
  right: 3rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-5 {
  bottom: 3rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-5 {
  left: 3rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top--9 {
  top: -10rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right--9 {
  right: -10rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom--9 {
  bottom: -10rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left--9 {
  left: -10rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top--8 {
  top: -8rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right--8 {
  right: -8rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom--8 {
  bottom: -8rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left--8 {
  left: -8rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top--7 {
  top: -6rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right--7 {
  right: -6rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom--7 {
  bottom: -6rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left--7 {
  left: -6rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top--6 {
  top: -4.5rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right--6 {
  right: -4.5rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom--6 {
  bottom: -4.5rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left--6 {
  left: -4.5rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top--5 {
  top: -3rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right--5 {
  right: -3rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom--5 {
  bottom: -3rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left--5 {
  left: -3rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top--4 {
  top: -1.5rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right--4 {
  right: -1.5rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom--4 {
  bottom: -1.5rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left--4 {
  left: -1.5rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top--3 {
  top: -1rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right--3 {
  right: -1rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom--3 {
  bottom: -1rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left--3 {
  left: -1rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top--2 {
  top: -0.5rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right--2 {
  right: -0.5rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom--2 {
  bottom: -0.5rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left--2 {
  left: -0.5rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top--1 {
  top: -0.25rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right--1 {
  right: -0.25rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom--1 {
  bottom: -0.25rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left--1 {
  left: -0.25rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-6 {
  top: 4.5rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-6 {
  right: 4.5rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-6 {
  bottom: 4.5rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-6 {
  left: 4.5rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-7 {
  top: 6rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-7 {
  right: 6rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-7 {
  bottom: 6rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-7 {
  left: 6rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-8 {
  top: 8rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-8 {
  right: 8rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-8 {
  bottom: 8rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-8 {
  left: 8rem;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.top-9 {
  top: 10rem;
}

/* line 11, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.right-9 {
  right: 10rem;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.bottom-9 {
  bottom: 10rem;
}

/* line 17, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.left-9 {
  left: 10rem;
}

/* line 22, app/assets/stylesheets/custom/../core/utilities/_position.scss */
.center {
  left: 50%;
  transform: translateX(-50%);
}

/* line 6, app/assets/stylesheets/custom/../core/utilities/_shadows.scss */
[class*="shadow"] {
  transition: all 0.15s ease;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_shadows.scss */
.shadow-sm--hover:hover {
  box-shadow: 0 0 0.5rem rgba(136, 152, 170, 0.075) !important;
}

/* line 18, app/assets/stylesheets/custom/../core/utilities/_shadows.scss */
.shadow--hover:hover {
  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15) !important;
}

/* line 22, app/assets/stylesheets/custom/../core/utilities/_shadows.scss */
.shadow-lg--hover:hover {
  box-shadow: 0 0 3rem rgba(136, 152, 170, 0.175) !important;
}

/* line 26, app/assets/stylesheets/custom/../core/utilities/_shadows.scss */
.shadow-none--hover:hover {
  box-shadow: none !important;
}

/* line 5, app/assets/stylesheets/custom/../core/utilities/_sizing.scss */
.h-100vh {
  height: 100vh !important;
}

/* line 5, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
.row.row-grid > [class*="col-"] + [class*="col-"] {
  margin-top: 3rem;
}

@media (min-width: 992px) {
  /* line 10, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .row.row-grid > [class*="col-lg-"] + [class*="col-lg-"] {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  /* line 15, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .row.row-grid > [class*="col-md-"] + [class*="col-md-"] {
    margin-top: 0;
  }
}

@media (min-width: 576px) {
  /* line 20, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .row.row-grid > [class*="col-sm-"] + [class*="col-sm-"] {
    margin-top: 0;
  }
}

/* line 25, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
.row-grid + .row-grid {
  margin-top: 3rem;
}

@media (min-width: 992px) {
  /* line 43, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .mt--100 {
    margin-top: -100px !important;
  }
  /* line 46, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .mr--100 {
    margin-right: -100px !important;
  }
  /* line 49, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .mb--100 {
    margin-bottom: -100px !important;
  }
  /* line 52, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .ml--100 {
    margin-left: -100px !important;
  }
  /* line 55, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .mt--150 {
    margin-top: -150px !important;
  }
  /* line 58, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .mb--150 {
    margin-bottom: -150px !important;
  }
  /* line 61, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .mt--200 {
    margin-top: -200px !important;
  }
  /* line 64, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .mb--200 {
    margin-bottom: -200px !important;
  }
  /* line 67, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .mt--300 {
    margin-top: -300px !important;
  }
  /* line 70, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .mb--300 {
    margin-bottom: -300px !important;
  }
  /* line 77, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pt-100 {
    padding-top: 100px !important;
  }
  /* line 80, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pb-100 {
    padding-bottom: 100px !important;
  }
  /* line 83, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pt-150 {
    padding-top: 150px !important;
  }
  /* line 86, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pb-150 {
    padding-bottom: 150px !important;
  }
  /* line 89, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pt-200 {
    padding-top: 200px !important;
  }
  /* line 92, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pb-200 {
    padding-bottom: 200px !important;
  }
  /* line 95, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pt-250 {
    padding-top: 250px !important;
  }
  /* line 98, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pb-250 {
    padding-bottom: 250px !important;
  }
  /* line 101, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pt-300 {
    padding-top: 300px !important;
  }
  /* line 104, app/assets/stylesheets/custom/../core/utilities/_spacing.scss */
  .pb-300 {
    padding-bottom: 300px !important;
  }
}

/* line 3, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.font-weight-300 {
  font-weight: 300 !important;
}

/* line 4, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.font-weight-400 {
  font-weight: 400 !important;
}

/* line 5, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.font-weight-500 {
  font-weight: 500 !important;
}

/* line 6, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.font-weight-600 {
  font-weight: 600 !important;
}

/* line 7, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.font-weight-700 {
  font-weight: 700 !important;
}

/* line 8, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.font-weight-800 {
  font-weight: 800 !important;
}

/* line 9, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.font-weight-900 {
  font-weight: 900 !important;
}

/* line 14, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-underline {
  text-decoration: underline;
}

/* line 15, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-through {
  text-decoration: line-through;
}

/* line 20, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-xs {
  font-size: 0.75rem !important;
}

/* line 21, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-sm {
  font-size: 0.875rem !important;
}

/* line 22, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-lg {
  font-size: 1.25rem !important;
}

/* line 23, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-xl {
  font-size: 1.5rem !important;
}

/* line 28, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.lh-100 {
  line-height: 1;
}

/* line 29, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.lh-110 {
  line-height: 1.1;
}

/* line 30, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.lh-120 {
  line-height: 1.2;
}

/* line 31, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.lh-130 {
  line-height: 1.3;
}

/* line 32, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.lh-140 {
  line-height: 1.4;
}

/* line 33, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.lh-150 {
  line-height: 1.5;
}

/* line 34, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.lh-160 {
  line-height: 1.6;
}

/* line 35, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.lh-170 {
  line-height: 1.7;
}

/* line 36, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.lh-180 {
  line-height: 1.8;
}

/* line 41, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.ls-1 {
  letter-spacing: .0625rem;
}

/* line 42, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.ls-15 {
  letter-spacing: .09375rem;
}

/* line 43, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.ls-2 {
  letter-spacing: 0.125rem;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-blue {
  color: #5e72e4 !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-blue:hover, a.text-blue:focus {
  color: #233dd2 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-indigo {
  color: #5603ad !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-indigo:hover, a.text-indigo:focus {
  color: #310262 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-purple {
  color: #8965e0 !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-purple:hover, a.text-purple:focus {
  color: #5a2acf !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-pink {
  color: #f3a4b5 !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-pink:hover, a.text-pink:focus {
  color: #ea607e !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-red {
  color: #f5365c !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-red:hover, a.text-red:focus {
  color: #d40b33 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-orange {
  color: #fb6340 !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-orange:hover, a.text-orange:focus {
  color: #ea3005 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-yellow {
  color: #ffd600 !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-yellow:hover, a.text-yellow:focus {
  color: #b39600 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-green {
  color: #2dce89 !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-green:hover, a.text-green:focus {
  color: #1f8f5f !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-teal {
  color: #11cdef !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-teal:hover, a.text-teal:focus {
  color: #0b90a8 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-cyan {
  color: #2bffc6 !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-cyan:hover, a.text-cyan:focus {
  color: #00dea2 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-white {
  color: #fff !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-white:hover, a.text-white:focus {
  color: #d9d9d9 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-gray {
  color: #8898aa !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-gray:hover, a.text-gray:focus {
  color: #607286 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-gray-dark {
  color: #32325d !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-gray-dark:hover, a.text-gray-dark:focus {
  color: #17172b !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-light {
  color: #ced4da !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-light:hover, a.text-light:focus {
  color: #a2aeb9 !important;
}

/* line 48, app/assets/stylesheets/custom/../core/utilities/_text.scss */
.text-lighter {
  color: #e9ecef !important;
}

/* line 52, app/assets/stylesheets/custom/../core/utilities/_text.scss */
a.text-lighter:hover, a.text-lighter:focus {
  color: #bdc6cf !important;
}

@media (min-width: 992px) {
  /* line 7, app/assets/stylesheets/custom/../core/utilities/_transform.scss */
  .transform-perspective-right {
    transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
  }
  /* line 10, app/assets/stylesheets/custom/../core/utilities/_transform.scss */
  .transform-perspective-left {
    transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg);
  }
}

/* line 37, app/assets/stylesheets/custom/_utilities.scss */
.wordwrap-column {
  white-space: normal !important;
  /* This allows word wrapping */
}

/* line 41, app/assets/stylesheets/custom/_utilities.scss */
.text-area-height {
  height: 46px !important;
}

/* line 6, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker {
  border-radius: 0.375rem;
  direction: ltr;
}

/* line 9, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-inline {
  width: 220px;
}

/* line 15, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-rtl {
  direction: rtl;
}

/* line 17, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-rtl.dropdown-menu {
  left: auto;
}

/* line 20, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-rtl table tr td span {
  float: right;
}

/* line 25, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 20px 22px;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* line 31, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

/* line 34, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

/* line 37, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

/* line 40, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

/* line 43, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

/* line 46, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

/* line 50, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid white;
}

/* line 56, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

/* line 63, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  user-select: none;
}

/* line 69, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td {
  border-radius: 50%;
}

/* line 73, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr th {
  border-radius: 0.375rem;
  font-weight: 500;
}

/* line 78, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td,
.datepicker table tr th {
  transition: all 0.15s ease;
  width: 36px;
  height: 36px;
  border: none;
  text-align: center;
  font-size: 0.875rem;
}

/* line 93, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

/* line 100, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.old, .datepicker table tr td.new {
  color: #adb5bd;
}

/* line 105, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
  background: white;
  cursor: pointer;
}

/* line 111, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: none;
  color: #dee2e6;
  cursor: default;
}

/* line 118, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.highlighted {
  border-radius: 0;
}

/* line 121, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.highlighted.focused {
  background: #2da3b5;
}

/* line 125, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
  background: #2da3b5;
  color: #ced4da;
}

/* line 132, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.today {
  background: #d3f0f4;
}

/* line 134, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.today.focused {
  background: white;
}

/* line 138, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
  background: white;
  color: #8898aa;
}

/* line 146, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.range {
  background: #2da3b5;
  color: #fff;
  border-radius: 0;
}

/* line 151, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.range.focused {
  background: #258694;
}

/* line 155, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active, .datepicker table tr td.range.day.disabled:hover {
  background: #237e8c;
  color: #44bed1;
}

/* line 164, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.range.highlighted.focused {
  background: #cbd3da;
}

/* line 168, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
  background: #e9ecef;
  color: #dee2e6;
}

/* line 176, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
  background: #5e72e4;
  color: #fff;
}

/* line 183, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.day.range-start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 188, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.day.range-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 193, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.day.range-start.range-end {
  border-radius: 50%;
}

/* line 197, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.day.range:hover {
  background: #2da3b5;
  color: #fff;
}

/* line 206, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td.active, .datepicker table tr td.active.highlighted, .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover {
  background: #2da3b5;
  color: #fff;
  box-shadow: none;
}

/* line 215, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

/* line 225, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td span:hover, .datepicker table tr td span.focused {
  background: #e9ecef;
}

/* line 230, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: none;
  color: #dee2e6;
  cursor: default;
}

/* line 237, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* line 244, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker table tr td span.old, .datepicker table tr td span.new {
  color: #8898aa;
}

/* line 251, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker .datepicker-switch {
  width: 145px;
}

/* line 255, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

/* line 260, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #e9ecef;
}

/* line 267, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

/* line 273, app/assets/stylesheets/custom/../core/vendors/_bootstrap-datepicker.scss */
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

/* line 6, app/assets/stylesheets/custom/../core/vendors/_bootstrap-tagsinput.scss */
.bootstrap-tagsinput {
  background-color: #fff;
  border: 0 solid transparent;
  display: inline-block;
  padding: .25rem;
  color: #8898aa;
  vertical-align: middle;
  border-radius: 0.25rem;
  max-width: 100%;
  cursor: text;
}

/* line 17, app/assets/stylesheets/custom/../core/vendors/_bootstrap-tagsinput.scss */
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}

/* line 27, app/assets/stylesheets/custom/../core/vendors/_bootstrap-tagsinput.scss */
.bootstrap-tagsinput input::placeholder {
  color: #adb5bd;
  opacity: 1;
}

/* line 32, app/assets/stylesheets/custom/../core/vendors/_bootstrap-tagsinput.scss */
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}

/* line 38, app/assets/stylesheets/custom/../core/vendors/_bootstrap-tagsinput.scss */
.bootstrap-tagsinput .badge {
  position: relative;
  padding: .625rem .625rem .5rem;
  margin: .125rem;
  border-radius: 0.25rem;
  background: #172b4d;
  color: #fff;
  line-height: 1.5;
  box-shadow: 0 1px 2px rgba(68, 68, 68, 0.25);
  transition: all 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 38, app/assets/stylesheets/custom/../core/vendors/_bootstrap-tagsinput.scss */
  .bootstrap-tagsinput .badge {
    transition: none;
  }
}

/* line 49, app/assets/stylesheets/custom/../core/vendors/_bootstrap-tagsinput.scss */
.bootstrap-tagsinput .badge:hover {
  padding-right: 1.5rem;
}

/* line 54, app/assets/stylesheets/custom/../core/vendors/_bootstrap-tagsinput.scss */
.bootstrap-tagsinput [data-role="remove"] {
  margin-left: 10px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

/* line 62, app/assets/stylesheets/custom/../core/vendors/_bootstrap-tagsinput.scss */
.bootstrap-tagsinput [data-role="remove"]:after {
  content: "×";
  font-size: 16px;
}

/* line 6, app/assets/stylesheets/custom/../core/vendors/_chartjs.scss */
#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 3px;
  transition: all .1s ease;
  pointer-events: none;
  transform: translate(-50%, 0);
}

/* line 17, app/assets/stylesheets/custom/../core/vendors/_chartjs.scss */
.chartjs-tooltip-key {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

/* line 5, app/assets/stylesheets/custom/../core/vendors/_datatables.scss */
.dataTables_wrapper {
  font-size: 0.875rem;
}

/* line 9, app/assets/stylesheets/custom/../core/vendors/_datatables.scss */
table.dataTable {
  margin-bottom: 1.25rem !important;
  border-bottom: 1px solid #e9ecef;
}

/* line 14, app/assets/stylesheets/custom/../core/vendors/_datatables.scss */
table.dataTable tbody > tr.selected {
  background-color: #2da3b5;
}

/* line 20, app/assets/stylesheets/custom/../core/vendors/_datatables.scss */
.dataTables_length,
.dataTables_info,
.dt-buttons {
  padding-left: 1.5rem;
}

/* line 27, app/assets/stylesheets/custom/../core/vendors/_datatables.scss */
.dataTables_length .form-control {
  margin: 0 .375rem;
}

/* line 32, app/assets/stylesheets/custom/../core/vendors/_datatables.scss */
.dataTables_filter {
  padding-right: 1.5rem;
  display: inline-block;
  float: right;
}

/* line 38, app/assets/stylesheets/custom/../core/vendors/_datatables.scss */
.dataTables_paginate {
  padding-right: 1.5rem;
}

/* line 5, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dropzone {
  position: relative;
  display: flex;
  flex-direction: column;
}

/* line 11, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dz-message {
  padding: 5rem 1rem;
  background-color: #fff;
  border: 1px dashed #dee2e6;
  border-radius: 0.375rem;
  text-align: center;
  color: #8898aa;
  transition: all 0.15s ease;
  order: -1;
  cursor: pointer;
  z-index: 999;
}

/* line 23, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dz-message:hover {
  border-color: #8898aa;
  color: #525f7f;
}

/* line 29, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dz-drag-hover .dz-message {
  border-color: #2da3b5;
  color: #2da3b5;
}

/* line 34, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dropzone-multiple .dz-message {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* line 39, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dropzone-single.dz-max-files-reached .dz-message {
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  opacity: 0;
}

/* line 44, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dropzone-single.dz-max-files-reached .dz-message:hover {
  opacity: 1;
}

/* line 49, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dz-preview-single {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.375rem;
}

/* line 55, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dz-preview-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.375rem;
}

/* line 61, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dz-preview-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0.375rem;
}

/* line 67, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
.dz-preview-multiple .list-group-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

/* line 72, app/assets/stylesheets/custom/../core/vendors/_dropzone.scss */
[data-dz-size] strong {
  font-weight: 400;
}

/* line 6, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-header-toolbar {
  display: none;
}

/* line 10, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-scroller {
  height: auto !important;
}

/* line 15, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc th {
  padding: 0.75rem 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #8898aa;
  text-transform: uppercase;
}

/* line 25, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc div.fc-row {
  margin-right: 0;
  border: 0;
}

/* line 31, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc button .fc-icon {
  top: -5px;
}

/* line 38, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-unthemed td.fc-today {
  background-color: transparent;
}

/* line 41, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-unthemed td.fc-today span {
  color: #fb6340;
}

/* line 47, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-event {
  padding: 0;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  border: 0;
}

/* line 53, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-event .fc-title {
  padding: .4rem .5rem;
  display: block;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

/* line 61, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-event .fc-time {
  float: left;
  background: rgba(0, 0, 0, 0.2);
  padding: 2px 6px;
  margin: 0 0 0 -1px;
}

/* line 70, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-view, .fc-view > table {
  border: 0;
  overflow: hidden;
}

/* line 77, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-view > table > tbody > tr .ui-widget-content {
  border-top: 0;
}

/* line 85, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-body {
  border: 0;
}

/* line 89, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-icon {
  font-family: NucleoIcons, sans-serif;
  font-size: 1rem;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  line-height: 35px;
}

/* line 97, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-icon:hover {
  color: #2da3b5;
}

/* line 102, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-button {
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* line 107, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.fc-button:focus, .fc-button:active {
  outline: 0;
}

/* line 116, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.calendar {
  z-index: 0;
}

/* line 118, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.calendar td, .calendar th {
  border-color: #eff1f3;
}

/* line 122, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.calendar .fc-toolbar {
  height: 250px;
  background-color: #fff;
  border-radius: 0.375rem 0.375rem 0 0;
  position: relative;
  margin-bottom: -2px;
  z-index: 2;
}

@media (max-width: 575.98px) {
  /* line 122, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
  .calendar .fc-toolbar {
    height: 135px;
  }
}

/* line 134, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.calendar .fc-day-number {
  padding: .5rem 1rem;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 576px) {
  /* line 134, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
  .calendar .fc-day-number {
    font-size: 0.875rem;
    font-weight: 600;
    color: #67779d;
  }
}

/* line 144, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.calendar .fc-day-header {
  text-align: left;
}

/* line 147, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.calendar .fc-day-grid-event {
  margin: 1px 9px;
}

/* line 155, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month] {
  background-size: contain;
  transition: background-image 300ms;
}

@media (prefers-reduced-motion: reduce) {
  /* line 155, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
  [data-calendar-month] {
    transition: none;
  }
}

/* line 160, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="0"] {
  background-image: url(/../img/calendar/january.jpg);
}

/* line 163, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="1"] {
  background-image: url(/../img/calendar/february.jpg);
}

/* line 166, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="2"] {
  background-image: url(/../img/calendar/march.jpg);
}

/* line 169, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="3"] {
  background-image: url(/../img/calendar/april.jpg);
}

/* line 172, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="4"] {
  background-image: url(/../img/calendar/may.jpg);
}

/* line 175, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="5"] {
  background-image: url(/../img/calendar/june.jpg);
}

/* line 178, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="6"] {
  background-image: url(/../img/calendar/july.jpg);
}

/* line 181, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="7"] {
  background-image: url(/../img/calendar/august.jpg);
}

/* line 184, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="8"] {
  background-image: url(/../img/calendar/september.jpg);
}

/* line 187, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="9"] {
  background-image: url(/../img/calendar/october.jpg);
}

/* line 190, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="10"] {
  background-image: url(/../img/calendar/november.jpg);
}

/* line 193, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
[data-calendar-month="11"] {
  background-image: url(/../img/calendar/december.jpg);
}

/* line 201, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.card-calendar .card-header {
  border-bottom: 0;
}

/* line 205, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.card-calendar table {
  background: transparent;
}

/* line 209, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.card-calendar table tr > td:first-child {
  border-left-width: 0;
}

/* line 212, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.card-calendar table tr > td:last-child {
  border-right-width: 0;
}

/* line 222, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.widget-calendar {
  position: relative;
  z-index: 0;
}

/* line 226, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.widget-calendar td, .widget-calendar th {
  border-color: transparent;
  text-align: center;
}

/* line 231, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.widget-calendar .fc-toolbar {
  margin-top: 1.25rem;
}

/* line 234, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.widget-calendar .fc-toolbar h2 {
  font-size: 1rem;
}

/* line 239, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.widget-calendar .fc-day-number {
  text-align: center;
  width: 100%;
  padding: 0;
}

/* line 246, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.widget-calendar .fc table {
  font-size: 0.875rem;
}

/* line 249, app/assets/stylesheets/custom/../core/vendors/_fullcalendar.scss */
.widget-calendar .fc th {
  padding: .75rem .5rem;
  font-size: 0.75rem;
}

/* line 6, app/assets/stylesheets/custom/../core/vendors/_jvectormap.scss */
.vector-map {
  position: relative;
  height: 600px;
}

/* line 14, app/assets/stylesheets/custom/../core/vendors/_jvectormap.scss */
.vector-map-sm {
  height: 280px;
}

/* line 21, app/assets/stylesheets/custom/../core/vendors/_jvectormap.scss */
.jvectormap-container {
  width: 100%;
  height: 100%;
}

/* line 26, app/assets/stylesheets/custom/../core/vendors/_jvectormap.scss */
.jvectormap-zoomin,
.jvectormap-zoomout {
  position: absolute;
  left: 0;
  bottom: 0;
}

/* line 33, app/assets/stylesheets/custom/../core/vendors/_jvectormap.scss */
.jvectormap-zoomin {
  bottom: 4.25rem;
}

/* line 37, app/assets/stylesheets/custom/../core/vendors/_jvectormap.scss */
.jvectormap-zoomout {
  bottom: 2rem;
}

/*!
 * Lavalamp
 * http://lavalamp.magicmediamuse.com/
 */
/* line 11, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp {
  position: relative;
}

/* line 14, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp-item {
  z-index: 5;
  position: relative;
}

/* line 18, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp-object {
  position: absolute;
  top: 0;
  left: 0;
}

/* Custom easing transitions */
/* line 26, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object {
  transition-property: transform, width, height;
}

/* line 29, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.ease {
  transition-timing-function: ease;
}

/* line 32, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.ease-in {
  transition-timing-function: ease-in;
}

/* line 35, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.ease-out {
  transition-timing-function: ease-out;
}

/* line 38, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.ease-in-out {
  transition-timing-function: ease-in-out;
}

/* line 41, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.linear {
  transition-timing-function: linear;
}

/* line 44, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInQuad {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

/* line 47, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInCubic {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* line 50, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInQuart {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/* line 53, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInQuint {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

/* line 56, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInSine {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

/* line 59, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInExpo {
  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

/* line 62, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInCirc {
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

/* line 65, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInBack {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

/* line 68, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeOutQuad {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* line 71, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeOutCubic {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* line 74, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeOutQuart {
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* line 80, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeOutQuint {
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 86, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeOutSine {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

/* line 92, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeOutExpo {
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 98, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeOutCirc {
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* line 104, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeOutBack {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* line 110, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInOutQuad {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* line 116, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInOutCubic {
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* line 122, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInOutQuart {
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* line 128, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInOutQuint {
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

/* line 134, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInOutSine {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/* line 140, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInOutExpo {
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

/* line 146, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInOutCirc {
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

/* line 152, app/assets/stylesheets/custom/../core/vendors/_lavalamp.scss */
.lavalamp .lavalamp-object.easeInOutBack {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* line 8, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  user-select: none;
  box-sizing: border-box;
}

/* line 18, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-target {
  position: relative;
  direction: ltr;
}

/* line 23, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* line 34, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

/* line 39, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
}

/* line 52, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

/* line 57, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-vertical .noUi-origin {
  width: 0;
}

/* line 61, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-horizontal .noUi-origin {
  height: 0;
}

/* line 65, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-handle {
  position: absolute;
}

/* line 69, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform .3s;
}

/* line 74, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-state-drag * {
  cursor: inherit !important;
}

/* line 78, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-horizontal {
  height: 5px;
}

/* line 82, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

/* line 89, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-vertical {
  width: 5px;
}

/* line 93, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* line 100, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

/* line 105, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-connects {
  border-radius: 3px;
}

/* line 109, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-connect {
  background: #2da3b5;
}

/* line 113, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-draggable {
  cursor: ew-resize;
}

/* line 117, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

/* line 121, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
  outline: none;
}

/* line 130, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-active {
  outline: none;
}

/* Disabled state;
 */
/* line 138, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

/* line 142, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-target[disabled],
.noUi-handle[disabled],
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
/* line 153, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 159, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
/* line 169, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

/* line 175, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
/* line 185, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

/* line 190, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-marker-sub {
  background: #AAA;
}

/* line 194, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
/* line 203, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

/* line 211, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

/* line 215, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

/* line 219, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

/* line 225, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

/* line 229, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
/* line 238, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

/* line 245, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}

/* line 251, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

/* line 256, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

/* line 262, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

/* line 266, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

/* line 270, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

/* line 282, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

/* line 289, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

/* line 299, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-target {
  background: #eceeef;
  border-radius: 5px;
  border: 0;
  box-shadow: inset 0 1px 2px rgba(90, 97, 105, 0.1);
  margin: 15px 0;
  cursor: pointer;
}

/* line 308, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-horizontal {
  height: 5px;
}

/* line 312, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -10px;
}

/* line 316, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-vertical {
  width: 5px;
}

/* line 320, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-connect {
  background: #2da3b5;
  box-shadow: none;
}

/* line 329, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
  top: -5px;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  box-shadow: none;
  cursor: pointer;
  background-color: #2da3b5;
  border: 0;
  transition: box-shadow .15s, transform .15s;
}

/* line 342, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.noUi-horizontal .noUi-handle.noUi-active,
.noUi-vertical .noUi-handle.noUi-active {
  box-shadow: 0px 0px 0px 2px #2da3b5;
}

/* line 347, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.input-slider--cyan .noUi-connect {
  background: #2bffc6;
}

/* Disabled state */
/* line 354, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
[disabled] .noUi-connect,
.noUi-connect[disabled] {
  background: #b2b2b2;
}

/* line 359, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
[disabled] .noUi-handle,
.noUi-origin[disabled] {
  cursor: not-allowed;
}

/* Range slider value labels */
/* line 366, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.range-slider-value {
  font-size: 0.75rem;
  font-weight: 500;
  background-color: rgba(33, 37, 41, 0.7);
  color: #fff;
  border-radius: 10px;
  padding: .4em .8em .3em .85em;
}

/* line 375, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.range-slider-wrapper .upper-info {
  font-weight: 400;
  margin-bottom: 5px;
}

/* line 380, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.input-slider-value-output {
  background: #333;
  color: #fff;
  padding: 4px 8px;
  position: relative;
  top: 12px;
  font-size: 11px;
  border-radius: 2px;
}

/* line 390, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.input-slider-value-output:after {
  bottom: 100%;
  left: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #333;
  border-width: 4px;
  margin-left: -4px;
}

/* line 405, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.input-slider-value-output.left:after {
  left: 10px;
  right: auto;
}

/* line 410, app/assets/stylesheets/custom/../core/vendors/_nouislider.scss */
.input-slider-value-output.right:after {
  right: 10px;
  left: auto;
}

/* line 5, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-container {
  font-family: Open Sans, sans-serif;
}

/* line 9, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar {
  position: relative;
  padding: 0.625rem 0.75rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem 0.25rem 0 0;
  color: #8898aa;
}

/* line 18, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar + .ql-container {
  margin-top: -1px;
}

/* line 22, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar + .ql-container .ql-editor {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 27, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-editor {
  min-height: 6rem;
  display: block;
  width: 100%;
  padding: 0.625rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #8898aa;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (prefers-reduced-motion: reduce) {
  /* line 27, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
  .ql-editor {
    transition: none;
  }
}

/* line 52, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-editor::-ms-expand {
  background-color: transparent;
  border: 0;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.ql-editor:focus {
  color: #8898aa;
  background-color: #fff;
  border-color: #2da3b5;
  outline: 0;
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(45, 163, 181, 0.1);
}

/* line 60, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-editor:focus {
  border-color: #dee2e6;
}

/* line 65, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-hidden {
  position: absolute;
  transform: scale(0);
}

/* line 73, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-editor.ql-blank::before {
  top: 0.625rem;
  left: 0.75rem;
  font-style: normal;
  color: #adb5bd;
}

/* line 79, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-editor:focus::before {
  display: none;
}

/* line 86, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-formats {
  padding-left: .5rem;
  padding-right: .5rem;
}

/* line 90, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-formats:first-child {
  padding-left: 0;
}

/* line 94, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-formats:last-child {
  padding-right: 0;
}

/* line 99, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar button {
  padding: 0 .25rem;
  background: none;
  border: none;
  color: #525f7f;
  cursor: pointer;
  transition: all 0.15s ease;
}

/* line 106, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar button:hover {
  color: #2da3b5;
}

/* line 110, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar button:first-child {
  margin-left: -.25rem;
}

/* line 115, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar .ql-active {
  color: #2da3b5;
}

/* line 119, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar button svg {
  height: 1.25rem;
  width: 1.25rem;
}

/* line 123, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar .ql-stroke {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* line 131, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar .ql-thin {
  stroke-width: 1;
}

/* line 135, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar .ql-fill {
  fill: currentColor;
}

/* line 139, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-toolbar input.ql-image {
  position: absolute;
  transform: scale(0);
}

/* line 147, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip {
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
  width: 18.5rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.4375rem;
  padding: 0.625rem 0.75rem;
  margin-top: .6rem;
  box-shadow: 0px 0.5rem 2rem 0px rgba(0, 0, 0, 0.2);
}

/* line 161, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip:before, .ql-tooltip:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}

/* line 168, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip:before {
  border-bottom: 0.6rem solid rgba(0, 0, 0, 0.05);
  border-left: .6rem solid transparent;
  border-right: .6rem solid transparent;
}

/* line 174, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip:after {
  border-bottom: 0.5rem solid #fff;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
}

/* line 181, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-container .ql-tooltip:hover {
  display: flex !important;
}

/* line 185, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip .ql-preview {
  width: 100%;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  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) {
  /* line 185, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
  .ql-tooltip .ql-preview {
    transition: none;
  }
}

/* line 191, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip.ql-editing .ql-preview {
  display: none;
}

/* line 195, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip input {
  display: none;
  width: 100%;
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  background-color: transparent;
  font-size: 0.875rem;
  line-height: 1.5;
  border: none;
  color: #8898aa;
}

/* line 206, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip input:focus {
  outline: none;
}

/* line 211, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip.ql-editing input {
  display: block;
}

/* line 216, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip .ql-action,
.ql-tooltip .ql-remove {
  margin-left: .25rem;
}

/* line 221, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip .ql-action::before,
.ql-tooltip .ql-remove::before {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  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) {
  /* line 221, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
  .ql-tooltip .ql-action::before,
.ql-tooltip .ql-remove::before {
    transition: none;
  }
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.ql-tooltip .ql-action::before:hover, .ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-remove::before:hover,
.ql-tooltip .ql-remove::before:focus {
  text-decoration: none;
}

/* line 239, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip .ql-action::before:focus, .ql-tooltip .ql-action.focus::before,
.ql-tooltip .ql-remove::before:focus,
.ql-tooltip .ql-remove.focus::before {
  outline: 0;
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

/* line 246, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip .ql-action::before,
.ql-tooltip.ql-editing .ql-action::before {
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.ql-tooltip .ql-action::before:hover,
.ql-tooltip.ql-editing .ql-action::before:hover {
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.ql-tooltip .ql-action::before:focus, .ql-tooltip .ql-action.focus::before,
.ql-tooltip.ql-editing .ql-action::before:focus,
.ql-tooltip.ql-editing .ql-action.focus::before {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(45, 163, 181, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.ql-tooltip .ql-action.disabled::before, .ql-tooltip .ql-action::before:disabled,
.ql-tooltip.ql-editing .ql-action.disabled::before,
.ql-tooltip.ql-editing .ql-action::before:disabled {
  color: #fff;
  background-color: #2da3b5;
  border-color: #2da3b5;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active, .ql-tooltip .ql-action.active::before:not(:disabled):not(.disabled), .show > .ql-tooltip .ql-action.dropdown-toggle::before,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active,
.ql-tooltip.ql-editing .ql-action.active::before:not(:disabled):not(.disabled), .show > .ql-tooltip.ql-editing .ql-action.dropdown-toggle::before {
  color: #fff;
  background-color: #237e8c;
  border-color: #2da3b5;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active:focus, .ql-tooltip .ql-action.active::before:not(:disabled):not(.disabled):focus, .show > .ql-tooltip .ql-action.dropdown-toggle::before:focus,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip.ql-editing .ql-action.active::before:not(:disabled):not(.disabled):focus, .show > .ql-tooltip.ql-editing .ql-action.dropdown-toggle::before:focus {
  box-shadow: none, 0 0 0 0 rgba(45, 163, 181, 0.5);
}

/* line 251, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip .ql-action::before {
  content: 'Edit';
}

/* line 255, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip.ql-editing .ql-action::before {
  content: 'Save';
}

/* line 259, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip .ql-remove::before {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  content: 'Remove';
  border-color: #dee2e6;
}

/* line 13, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.ql-tooltip .ql-remove::before:hover {
  color: #212529;
  background-color: white;
  border-color: white;
}

/* line 13, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.ql-tooltip .ql-remove::before:focus, .ql-tooltip .ql-remove.focus::before {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 23, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.ql-tooltip .ql-remove.disabled::before, .ql-tooltip .ql-remove::before:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

/* line 30, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active, .ql-tooltip .ql-remove.active::before:not(:disabled):not(.disabled), .show > .ql-tooltip .ql-remove.dropdown-toggle::before {
  color: #212529;
  background-color: #e6e6e6;
  border-color: white;
}

/* line 40, app/assets/stylesheets/custom/../core/mixins/_buttons.scss */
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active:focus, .ql-tooltip .ql-remove.active::before:not(:disabled):not(.disabled):focus, .show > .ql-tooltip .ql-remove.dropdown-toggle::before:focus {
  box-shadow: none, 0 0 0 0 rgba(255, 255, 255, 0.5);
}

/* line 265, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-tooltip.ql-editing .ql-remove::before {
  display: none;
}

/* line 272, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-editor blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

/* line 277, app/assets/stylesheets/custom/../core/vendors/_quill.scss */
.ql-editor img {
  max-width: 100%;
  height: auto;
}

/* line 6, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

/* line 11, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

/* line 25, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/* line 29, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

/* line 33, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-element {
  box-sizing: content-box;
  display: none;
}

/* line 37, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-element div {
  box-sizing: content-box;
}

/* line 40, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

/* line 44, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

/* line 48, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

/* line 52, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

/* line 55, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

/* line 69, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
/* line 75, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 84, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 92, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

/* line 99, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

/* line 106, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

/* line 110, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/* line 118, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

/* line 125, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

/* line 129, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

/* line 133, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

/* line 137, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
/* line 142, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

/* line 146, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

/* line 150, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

/* line 154, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
/* line 159, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 168, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

/* line 172, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 180, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

/* line 187, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

/* line 194, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

/* line 199, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

/* line 204, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

/* line 208, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

/* line 212, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/* line 220, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

/* line 224, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

/* line 228, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
/* line 233, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

/* line 238, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

/* line 243, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

/* line 247, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 252, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

/* line 256, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

/* line 260, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

/* line 264, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
/* line 269, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 279, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 287, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

/* line 291, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

/* line 307, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* line 314, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

/* line 323, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
/* line 332, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

/* line 338, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

/* line 344, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

/* line 348, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

/* line 352, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

/* line 356, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 361, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

/* line 365, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
/* line 370, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 380, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

/* line 384, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 392, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* line 398, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* line 412, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

/* line 420, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

/* line 428, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
/* line 444, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

/* line 449, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

/* line 454, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}

/* line 460, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}

/* line 466, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

/* line 472, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

/* line 476, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

/* line 482, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 487, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

/* line 491, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

/* line 495, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

/* line 499, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
/* line 504, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 514, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

/* line 518, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 526, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

/* line 531, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 536, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

/* line 545, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

/* line 554, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* line 562, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
/* line 567, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

/* line 572, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

/* line 577, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

/* line 583, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

/* line 589, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

/* line 594, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

/* line 600, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

/* line 605, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 612, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

/* line 616, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

/* line 620, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

/* line 624, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
/* line 629, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 639, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 647, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

/* line 655, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

/* line 663, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

/* line 670, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

/* line 683, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
/* line 691, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

/* line 698, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

/* line 705, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}

/* line 716, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}

/* line 727, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

/* line 731, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 736, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

/* line 740, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/* hover & drag */
/* line 745, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* line 753, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

/* line 758, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

/* line 767, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

/* line 773, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
/* line 780, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 790, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

/* line 794, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 802, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

/* line 807, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

/* line 815, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

/* line 823, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 832, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

/* line 837, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
/* line 843, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

/* line 848, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

/* line 853, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

/* line 859, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}

/* line 865, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

/* line 869, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

/* line 874, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

/* line 879, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

/* line 883, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

/* line 888, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 894, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

/* line 898, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

/* line 902, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

/* line 906, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/* line 915, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner {
  height: 100%;
}

/* line 918, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner:not(:hover) .scroll-element {
  opacity: 0;
}

/* line 922, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner .scroll-element {
  transition: opacity 300ms;
  margin-right: 2px;
}

/* line 926, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner .scroll-element .scroll-bar,
.scrollbar-inner .scroll-element .scroll-element_track {
  transition: background-color 300ms;
}

/* line 931, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner .scroll-element .scroll-element_track {
  background-color: transparent;
}

/* line 935, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner .scroll-element:hover {
  width: 4px;
}

/* line 940, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner .scroll-element.scroll-y {
  width: 3px;
  right: 0;
}

/* line 945, app/assets/stylesheets/custom/../core/vendors/_scrollbar.scss */
.scrollbar-inner .scroll-element.scroll-x {
  height: 3px;
  bottom: 0;
}

/* line 6, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-selection__arrow {
  display: none;
}

/* line 10, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2.select2-container {
  width: 100% !important;
}

/* line 14, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
  display: block;
  width: 100%;
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.625rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #8898aa;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (prefers-reduced-motion: reduce) {
  /* line 14, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
  .select2-container .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
    transition: none;
  }
}

/* line 42, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container .select2-selection--single::-ms-expand,
.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-expand,
.select2-container--default .select2-selection--multiple::-ms-expand,
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-expand {
  background-color: transparent;
  border: 0;
}

/* line 2, app/assets/stylesheets/custom/../core/mixins/_forms.scss */
.select2-container .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  color: #8898aa;
  background-color: #fff;
  border-color: #2da3b5;
  outline: 0;
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(45, 163, 181, 0.1);
}

/* line 51, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container .select2-selection--single::placeholder,
.select2-container--default.select2-container--focus .select2-selection--multiple::placeholder,
.select2-container--default .select2-selection--multiple::placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
  color: #adb5bd;
  opacity: 1;
}

/* line 62, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container .select2-selection--single:disabled, .select2-container .select2-selection--single[readonly],
.select2-container--default.select2-container--focus .select2-selection--multiple:disabled,
.select2-container--default.select2-container--focus .select2-selection--multiple[readonly],
.select2-container--default .select2-selection--multiple:disabled,
.select2-container--default .select2-selection--multiple[readonly],
.select2-container--default .select2-search--dropdown .select2-search__field:disabled,
.select2-container--default .select2-search--dropdown .select2-search__field[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

/* line 70, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}

/* line 77, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit;
  line-height: inherit;
}

/* line 82, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-dropdown {
  padding: 0.5rem 0;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.4375rem;
}

/* line 89, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-results__option {
  padding: 0.5rem 0.75rem;
  background-color: #fff;
  color: #212529;
  font-size: 0.875rem;
}

/* line 17, app/assets/stylesheets/bootstrap/mixins/_hover.scss */
.select2-results__option:hover, .select2-results__option:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f6f9fc;
}

/* line 102, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: transparent;
  color: #16181b;
}

/* line 108, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #8898aa;
}

/* line 112, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  height: auto;
  min-height: calc(1.5em + 1.25rem + 2px);
}

/* line 118, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: block;
  margin: 0 0 -.25rem -.25rem;
  padding: 0;
}

/* line 124, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  padding: 0 .5rem;
  margin: 0 0 .25rem .25rem;
  background-color: #adb5bd;
  border: none;
  border-radius: 0.25rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: #8898aa;
}

/* line 136, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  order: 2;
  margin-left: .5rem;
  color: #8898aa;
}

/* line 141, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #525f7f;
}

/* line 146, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container .select2-search--inline {
  display: none;
}

/* line 150, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-selection[aria-expanded="true"] {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* line 157, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-search--dropdown {
  padding: 0.5rem 0.75rem;
}

/* line 161, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

/* line 174, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.form-control-sm + .select2-container .select2-selection--single,
.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-sm + .select2-container--default .select2-selection--multiple {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

/* line 184, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-sm + .select2-container--default .select2-selection--multiple {
  min-height: calc(1.5em + 0.5rem + 2px);
}

/* line 189, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.form-control-sm + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  line-height: 1.3125rem;
}

/* line 193, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.form-control-lg + .select2-container .select2-selection--single,
.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-lg + .select2-container--default .select2-selection--multiple {
  height: calc(1.5em + 1.75rem + 2px);
  padding: 0.875rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.4375rem;
}

/* line 203, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-lg + .select2-container--default .select2-selection--multiple {
  min-height: calc(1.5em + 1.75rem + 2px);
}

/* line 208, app/assets/stylesheets/custom/../core/vendors/_select2.scss */
.form-control-lg + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  line-height: 1.875rem;
}

/* line 7, app/assets/stylesheets/custom/../core/vendors/_sweet-alert-2.scss */
.swal2-popup {
  padding: 1.5rem;
}

/* line 11, app/assets/stylesheets/custom/../core/vendors/_sweet-alert-2.scss */
.swal2-popup .swal2-title {
  font-size: 1.5rem;
}

/* line 15, app/assets/stylesheets/custom/../core/vendors/_sweet-alert-2.scss */
.swal2-popup .swal2-content {
  font-size: 0.875rem;
}

/* line 19, app/assets/stylesheets/custom/../core/vendors/_sweet-alert-2.scss */
.swal2-popup .swal2-image {
  max-width: 200px;
}

/* line 1, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.sr-only,
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after,
.bootstrap-datetimepicker-widget .picker-switch::after,
.bootstrap-datetimepicker-widget table th.prev::after,
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 24, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget {
  list-style: none;
}

/* line 27, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget a .btn:hover {
  background-color: transparent;
}

/* line 30, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu {
  padding: 8px 6px;
  width: 254px;
  max-width: 254px;
}

/* line 34, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu .tim-icons {
  opacity: 1;
}

/* line 40, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch .table-condensed:hover {
  background: #eee;
  border-radius: 3px;
}

/* line 48, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed {
  margin-top: 10px;
  margin-bottom: 5px;
}

/* line 52, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed .btn[data-action="togglePeriod"]:hover,
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker .table-condensed .separator {
  color: #9A9A9A !important;
}

/* line 59, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month,
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year,
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade {
  color: #9A9A9A;
}

/* line 64, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .month.active,
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .year.active,
.bootstrap-datetimepicker-widget.dropdown-menu .table-condensed .decade.active {
  color: #fff;
}

@media (min-width: 768px) {
  /* line 71, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 992px) {
  /* line 76, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 1200px) {
  /* line 81, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

/* line 85, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  right: auto;
  border-bottom: .4em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
}

/* line 100, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  display: none;
}

/* line 104, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: auto;
  bottom: -6px;
  right: auto;
  left: 10px;
  color: #fff;
  border-top: .4em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
}

/* line 120, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu.top {
  margin-top: auto;
}

/* line 123, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu.top.open {
  margin-top: auto;
}

/* line 126, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

/* line 130, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

/* line 134, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

/* line 137, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 0;
  border-width: 0;
  color: #fff;
}

/* line 142, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget a[data-action="togglePicker"],
.bootstrap-datetimepicker-widget a[data-action="togglePicker"]:hover {
  color: #2da3b5;
}

/* line 146, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}

/* line 149, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-weight: 300;
  font-size: 1.5em;
  margin: 3px;
  border-radius: 50%;
  color: #9A9A9A;
}

/* line 161, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget button[data-action] {
  width: 38px;
  height: 38px;
  padding: 0;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
}

/* line 168, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn {
  margin: 0 !important;
}

/* line 171, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  content: "Increment Hours";
}

/* line 174, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  content: "Increment Minutes";
}

/* line 177, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  content: "Decrement Hours";
}

/* line 180, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  content: "Decrement Minutes";
}

/* line 183, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  content: "Show Hours";
}

/* line 186, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  content: "Show Minutes";
}

/* line 189, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  content: "Toggle AM/PM";
}

/* line 192, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  content: "Clear the picker";
}

/* line 195, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  content: "Set the date to today";
}

/* line 198, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
  border-radius: 3px;
  color: #2da3b5;
}

/* line 203, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .picker-switch::after {
  content: "Toggle Date and Time Screens";
}

/* line 206, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

/* line 213, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
  border-radius: 3px;
  margin: 2px 0px !important;
}

/* line 220, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
  text-align: center;
}

/* line 225, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td > div, .bootstrap-datetimepicker-widget table th > div {
  text-align: center;
}

/* line 228, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
  font-weight: 300;
}

/* line 234, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}

/* line 237, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #cfcfca;
  cursor: not-allowed;
}

/* line 242, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table th.prev span, .bootstrap-datetimepicker-widget table th.next span {
  border-radius: 4px;
  height: 27px;
  width: 27px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  color: #2da3b5;
}

/* line 252, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table th.prev::after {
  content: "Previous Month";
}

/* line 255, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table th.next::after {
  content: "Next Month";
}

/* line 258, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table th.dow {
  text-align: center;
  color: #2da3b5;
  padding-bottom: 5px;
  padding-top: 10px;
}

/* line 264, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

/* line 267, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
  background: #eee;
}

/* line 271, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td.cw > div {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #cfcfca;
}

/* line 277, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td.day > div,
.bootstrap-datetimepicker-widget table td.minute > div,
.bootstrap-datetimepicker-widget table td.hour > div {
  height: 30px;
  line-height: 2.2;
  width: 30px;
  text-align: center;
  padding: 0px;
  border-radius: 50%;
  margin: 0 auto;
  z-index: -1;
  color: #9A9A9A;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}

/* line 300, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td.day:hover > div, .bootstrap-datetimepicker-widget table td.hour:hover > div, .bootstrap-datetimepicker-widget table td.minute:hover > div, .bootstrap-datetimepicker-widget table td.second:hover > div {
  background: #eee;
  cursor: pointer;
}

/* line 304, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td.old > div, .bootstrap-datetimepicker-widget table td.new > div {
  color: #172b4d;
}

/* line 308, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td.today, .bootstrap-datetimepicker-widget table td.day {
  background: transparent !important;
}

/* line 312, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td.today > div:before {
  content: '';
  display: inline-block;
  border: 0 0 7px 7px solid transparent;
  border-bottom-color: #68B3C8;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

/* line 322, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td.active > div, .bootstrap-datetimepicker-widget table td.active:hover > div {
  background-color: #2da3b5;
  color: #fff;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
}

/* line 327, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td.active.today:before > div {
  border-bottom-color: #fff;
}

/* line 330, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td.disabled > div, .bootstrap-datetimepicker-widget table td.disabled:hover > div {
  background: none;
  color: #cfcfca;
  cursor: not-allowed;
}

/* line 335, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 3px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}

/* line 346, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #2da3b5;
  color: #FFFFFF;
}

/* line 350, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td span.old {
  color: #cfcfca;
}

/* line 353, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #cfcfca;
  cursor: not-allowed;
}

/* line 358, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .timepicker-picker span,
.bootstrap-datetimepicker-widget .timepicker-hours span,
.bootstrap-datetimepicker-widget .timepicker-minutes span {
  border-radius: 50% !important;
}

/* line 363, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

/* line 368, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.input-group.date .input-group-addon {
  cursor: pointer;
}

/* line 372, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 1px;
  text-align: center;
  z-index: 1;
  cursor: pointer;
}

/* line 384, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget .separator {
  position: relative;
  color: red;
  width: auto;
  height: auto;
}

/* line 393, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget .picker-switch,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table th.prev span,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table th.next span,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.day > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget a[data-action="togglePicker"],
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget a[data-action="togglePicker"]:hover,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget span,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget .timepicker-hours span,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget .timepicker-minutes span,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget .separator,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.minute > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.hour > div {
  color: #9A9A9A;
}

/* line 410, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table th.dow {
  color: rgba(255, 255, 255, 0.8);
}

/* line 414, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.old > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.new > div {
  color: rgba(255, 255, 255, 0.4);
}

/* line 419, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget button[data-action] {
  background-color: #fff;
}

/* line 423, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.active:hover > div {
  background-color: #fff;
}

/* line 428, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.day:not(.active):hover > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.hour:hover > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.minute:hover > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td.second:hover > div,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table td span:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* line 436, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* line 443, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="orange"] + .bootstrap-datetimepicker-widget {
  background-color: #2da3b5;
}

/* line 446, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="orange"] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color="orange"] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color="orange"] + .bootstrap-datetimepicker-widget button[data-action], input.datetimepicker[data-color="orange"] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, input.datetimepicker[data-color="orange"] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  color: #2da3b5;
}

/* line 455, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="blue"] + .bootstrap-datetimepicker-widget {
  background-color: #11cdef;
}

/* line 458, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="blue"] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color="blue"] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color="blue"] + .bootstrap-datetimepicker-widget button[data-action], input.datetimepicker[data-color="blue"] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, input.datetimepicker[data-color="blue"] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  color: #11cdef;
}

/* line 467, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="green"] + .bootstrap-datetimepicker-widget {
  background-color: #2dce89;
}

/* line 470, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="green"] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color="green"] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color="green"] + .bootstrap-datetimepicker-widget button[data-action], input.datetimepicker[data-color="green"] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, input.datetimepicker[data-color="green"] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  color: #2dce89;
}

/* line 479, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="red"] + .bootstrap-datetimepicker-widget {
  background-color: #f5365c;
}

/* line 482, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="red"] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color="red"] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color="red"] + .bootstrap-datetimepicker-widget button[data-action], input.datetimepicker[data-color="red"] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, input.datetimepicker[data-color="red"] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  color: #f5365c;
}

/* line 491, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget {
  background-color: #fb6340;
}

/* line 494, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget table td.active > div,
input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget table td.active:hover > div,
input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget button[data-action], input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget.dropdown-menu.top:after, input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  color: #fb6340;
}

/* line 507, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day, .bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute {
  color: rgba(255, 255, 255, 0.7);
}

/* line 510, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .day:hover, .bootstrap-datetimepicker-widget.dropdown-black .datepicker-days .minute:hover {
  color: #212529;
}

/* line 516, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-black table td span, .bootstrap-datetimepicker-widget.dropdown-black table td.minute, .bootstrap-datetimepicker-widget.dropdown-black table td.hour {
  color: rgba(255, 255, 255, 0.7);
}

/* line 519, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-black table td span:hover, .bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover, .bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover {
  background: transparent;
  color: rgba(255, 255, 255, 0.4);
}

/* line 523, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-black table td span:hover div, .bootstrap-datetimepicker-widget.dropdown-black table td.minute:hover div, .bootstrap-datetimepicker-widget.dropdown-black table td.hour:hover div {
  background: transparent;
}

/* line 529, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action] {
  color: #fff;
}

/* line 533, app/assets/stylesheets/custom/../core/vendors/_plugin-datetimepicker.scss */
.bootstrap-datetimepicker-widget.dropdown-black table td .btn[data-action="togglePeriod"] {
  background: transparent;
}

/* [Object] Modal
 * =============================== */
/* line 3, app/assets/stylesheets/custom/_modal.scss */
.css__modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.9);
  transition: opacity .25s ease;
}

/* line 16, app/assets/stylesheets/custom/_modal.scss */
.css__modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

/* line 25, app/assets/stylesheets/custom/_modal.scss */
.css__modal-state {
  display: none;
}

/* line 29, app/assets/stylesheets/custom/_modal.scss */
.css__modal-state:checked + .css__modal {
  opacity: 1;
  visibility: visible;
  z-index: 1060;
}

/* line 35, app/assets/stylesheets/custom/_modal.scss */
.css__modal-state:checked + .css__modal .css__modal__inner {
  top: 50%;
}

/* line 39, app/assets/stylesheets/custom/_modal.scss */
.css__modal-state:checked + .css__modal .css__modal__inner_xs {
  top: 50%;
}

/* line 43, app/assets/stylesheets/custom/_modal.scss */
.css__modal-state:checked + .css__modal .css__modal__inner_lg,
.css__modal-state:checked + .css__modal .css__modal__inner_lg_wide,
.css__modal-state:checked + .css__modal .css__modal__inner_lg_long,
.css__modal-state:checked + .css__modal .css__modal__inner_xlg {
  top: 50%;
}

/* line 50, app/assets/stylesheets/custom/_modal.scss */
.css__modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: auto;
  max-height: 90vh;
}

/* line 66, app/assets/stylesheets/custom/_modal.scss */
.css__modal__inner_xs {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: auto;
  max-height: 80vh;
}

/* line 82, app/assets/stylesheets/custom/_modal.scss */
.css__modal__inner_lg {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: auto;
  max-height: 90vh;
}

/* line 98, app/assets/stylesheets/custom/_modal.scss */
.css__modal__inner_lg_wide {
  transition: top .25s ease;
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: auto;
  max-height: 90vh;
}

/* line 114, app/assets/stylesheets/custom/_modal.scss */
.css__modal__inner_lg_long {
  transition: top .25s ease;
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: auto;
  max-height: 90vh;
}

/* line 130, app/assets/stylesheets/custom/_modal.scss */
.css__modal__inner_xlg {
  transition: top .25s ease;
  position: absolute;
  top: -5%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: auto;
  max-height: 90vh;
}

/* line 146, app/assets/stylesheets/custom/_modal.scss */
.css__modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

/* line 155, app/assets/stylesheets/custom/_modal.scss */
.css__modal__close:after,
.css__modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

/* line 169, app/assets/stylesheets/custom/_modal.scss */
.css__modal__close:hover:after,
.css__modal__close:hover:before {
  background: #aaa;
}

/* line 174, app/assets/stylesheets/custom/_modal.scss */
.css__modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  /* line 180, app/assets/stylesheets/custom/_modal.scss */
  .css__modal__inner {
    width: 90%;
    max-height: 90vh;
    box-sizing: border-box;
  }
  /* line 186, app/assets/stylesheets/custom/_modal.scss */
  .css__modal__inner_xs {
    width: 90%;
    max-height: 90vh;
    box-sizing: border-box;
  }
  /* line 192, app/assets/stylesheets/custom/_modal.scss */
  .css__modal__inner_lg,
.css__modal__inner_lg_wide,
.css__modal__inner_lg_long,
.css__modal__inner_xlg {
    width: 90%;
    max-height: 90vh;
    box-sizing: border-box;
  }
}

/* line 203, app/assets/stylesheets/custom/_modal.scss */
.css__btn {
  cursor: pointer;
  background: ghostwhite;
  display: inline-block;
  padding: .5em 1em;
  color: #5e72e4;
}

/* line 211, app/assets/stylesheets/custom/_modal.scss */
.css__btn:hover,
.css__btn:focus {
  background: whitesmoke;
}

/* line 216, app/assets/stylesheets/custom/_modal.scss */
.css__btn:active {
  background: #27ae60;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* line 221, app/assets/stylesheets/custom/_modal.scss */
.css__btn--blue {
  background: #2980b9;
}

/* line 225, app/assets/stylesheets/custom/_modal.scss */
.css__btn--blue:hover,
.css__btn--blue:focus {
  background: #3498db;
}

/* line 230, app/assets/stylesheets/custom/_modal.scss */
.css__btn--blue:active {
  background: #2980b9;
}

/* line 235, app/assets/stylesheets/custom/_modal.scss */
.add-file-modal__portal-share.form-check {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 0.5rem;
  padding-left: 0;
}

/* line 243, app/assets/stylesheets/custom/_modal.scss */
.add-file-modal__portal-share.form-check .form-check-input {
  position: static;
  flex: 0 0 auto;
  margin: 0.125rem 0 0;
}

/* line 249, app/assets/stylesheets/custom/_modal.scss */
.add-file-modal__portal-share.form-check .form-check-label {
  flex: 1 1 auto;
  min-width: 0;
  margin-bottom: 0;
  line-height: 1.4;
}

/* line 1, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion {
  margin: auto;
}

/* line 4, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion input.accordion-toggle {
  display: none;
}

/* line 7, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box {
  position: relative;
  background: white;
  height: 40px;
  transition: all .15s ease-in-out;
  border-radius: 6px;
  margin: 2px 0;
}

/* line 16, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box:has(input:checked), .css_accordion .css_box.selected {
  background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
  border-left: 4px solid #2da3b5;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}

/* line 22, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box:has(input:checked) .css_box-title, .css_accordion .css_box.selected .css_box-title {
  background: transparent;
  color: #2da3b5;
  font-weight: 600;
}

/* line 27, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box:has(input:checked) .css_box-title i, .css_accordion .css_box.selected .css_box-title i {
  color: #007bff !important;
}

/* line 31, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box:has(input:checked) .css_box-title span, .css_accordion .css_box.selected .css_box-title span {
  color: #007bff !important;
}

/* line 38, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box:not(:has(input:checked)):hover {
  background: #f8f9fa;
  transform: translateX(2px);
  transition: all 0.2s ease;
}

/* line 44, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

/* line 55, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion header.css_box {
  background: #2da3b5;
  z-index: 100;
  cursor: initial;
}

/* line 61, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion header .css_box-title {
  margin: 0;
  font-weight: normal;
  font-size: 16pt;
  color: white;
  cursor: initial;
}

/* line 68, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box-title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.2s ease;
}

/* line 81, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box-title i {
  flex-shrink: 0;
  margin-right: 8px;
  font-size: 1rem;
  transition: color 0.2s ease;
}

/* line 88, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box-title span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.2s ease;
}

/* line 96, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box:hover > .css_box-title {
  background-color: #f6f9fc;
}

/* line 99, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box-title {
  transition: background-color 0.2s ease;
}

/* line 102, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box-content {
  padding: 5px 10px;
  font-size: 11pt;
  color: rgba(0, 0, 0, 0.54);
  display: none;
  background: #f8f9fa;
  border-radius: 0 0 6px 6px;
  margin-top: 2px;
}

/* line 111, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box-close {
  position: absolute;
  height: 40px;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
}

/* line 119, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion input:checked + .css_box {
  height: auto;
  margin: 16px 0;
  background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
  border-left: 4px solid #2da3b5;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}

/* line 128, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion input:checked + .css_box .css_box-title {
  background: transparent;
  color: #2da3b5;
  font-weight: 600;
}

/* line 133, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion input:checked + .css_box .css_box-title i {
  color: #2da3b5 !important;
}

/* line 137, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion input:checked + .css_box .css_box-title span {
  color: #2da3b5 !important;
}

/* line 142, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion input:checked + .css_box .css_box-content {
  background: #f8f9fa;
  border-radius: 0 0 6px 6px;
  margin-top: 2px;
  border-left: 2px solid #e3f2fd;
}

/* line 150, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion input:checked + .css_box .css_box-content,
.css_accordion input:checked + .css_box .css_box-close {
  display: inline-block;
}

/* line 154, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_arrows section .css_box-title {
  padding-left: 44px;
}

/* line 157, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_arrows section .css_box-title:before {
  position: absolute;
  display: block;
  content: '\203a';
  font-size: 18pt;
  left: 20px;
  top: -2px;
  transition: transform .15s ease-in-out;
  color: rgba(0, 0, 0, 0.54);
}

/* line 167, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion input:checked + section.css_box .css_box-title:before {
  transform: rotate(90deg);
  color: #007bff;
}

/* line 173, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion input:checked + .css_box .nav-link.active {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

/* line 179, app/assets/stylesheets/custom/_accordion.scss */
.css_accordion .css_box,
.css_accordion .css_box-title,
.css_accordion .css_box-content {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 189, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box,
.settings .css_box,
.admin-panel .css_box {
  position: relative;
  background: white;
  height: 40px;
  transition: all .15s ease-in-out;
  border-radius: 6px;
  margin: 2px 0;
}

/* line 198, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box:has(input:checked), .permissions .css_box.selected,
.settings .css_box:has(input:checked),
.settings .css_box.selected,
.admin-panel .css_box:has(input:checked),
.admin-panel .css_box.selected {
  background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
  border-left: 4px solid #007bff;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}

/* line 204, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box:has(input:checked) .css_box-title, .permissions .css_box.selected .css_box-title,
.settings .css_box:has(input:checked) .css_box-title,
.settings .css_box.selected .css_box-title,
.admin-panel .css_box:has(input:checked) .css_box-title,
.admin-panel .css_box.selected .css_box-title {
  background: transparent;
  color: #007bff;
  font-weight: 600;
}

/* line 209, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box:has(input:checked) .css_box-title i, .permissions .css_box.selected .css_box-title i,
.settings .css_box:has(input:checked) .css_box-title i,
.settings .css_box.selected .css_box-title i,
.admin-panel .css_box:has(input:checked) .css_box-title i,
.admin-panel .css_box.selected .css_box-title i {
  color: #007bff !important;
}

/* line 213, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box:has(input:checked) .css_box-title span, .permissions .css_box.selected .css_box-title span,
.settings .css_box:has(input:checked) .css_box-title span,
.settings .css_box.selected .css_box-title span,
.admin-panel .css_box:has(input:checked) .css_box-title span,
.admin-panel .css_box.selected .css_box-title span {
  color: #007bff !important;
}

/* line 220, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box:not(:has(input:checked)):hover,
.settings .css_box:not(:has(input:checked)):hover,
.admin-panel .css_box:not(:has(input:checked)):hover {
  background: #f8f9fa;
  transform: translateX(2px);
  transition: all 0.2s ease;
}

/* line 227, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box-title,
.settings .css_box-title,
.admin-panel .css_box-title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.2s ease;
}

/* line 240, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box-title i,
.settings .css_box-title i,
.admin-panel .css_box-title i {
  flex-shrink: 0;
  margin-right: 8px;
  font-size: 1rem;
  transition: color 0.2s ease;
}

/* line 247, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box-title span,
.settings .css_box-title span,
.admin-panel .css_box-title span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.2s ease;
}

/* line 256, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box-content,
.settings .css_box-content,
.admin-panel .css_box-content {
  padding: 5px 10px;
  font-size: 11pt;
  color: rgba(0, 0, 0, 0.54);
  display: none;
  background: #f8f9fa;
  border-radius: 0 0 6px 6px;
  margin-top: 2px;
}

/* line 266, app/assets/stylesheets/custom/_accordion.scss */
.permissions input:checked + .css_box,
.settings input:checked + .css_box,
.admin-panel input:checked + .css_box {
  height: auto;
  margin: 16px 0;
  background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
  border-left: 4px solid #007bff;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}

/* line 275, app/assets/stylesheets/custom/_accordion.scss */
.permissions input:checked + .css_box .css_box-title,
.settings input:checked + .css_box .css_box-title,
.admin-panel input:checked + .css_box .css_box-title {
  background: transparent;
  color: #007bff;
  font-weight: 600;
}

/* line 280, app/assets/stylesheets/custom/_accordion.scss */
.permissions input:checked + .css_box .css_box-title i,
.settings input:checked + .css_box .css_box-title i,
.admin-panel input:checked + .css_box .css_box-title i {
  color: #007bff !important;
}

/* line 284, app/assets/stylesheets/custom/_accordion.scss */
.permissions input:checked + .css_box .css_box-title span,
.settings input:checked + .css_box .css_box-title span,
.admin-panel input:checked + .css_box .css_box-title span {
  color: #007bff !important;
}

/* line 289, app/assets/stylesheets/custom/_accordion.scss */
.permissions input:checked + .css_box .css_box-content,
.settings input:checked + .css_box .css_box-content,
.admin-panel input:checked + .css_box .css_box-content {
  background: #f8f9fa;
  border-radius: 0 0 6px 6px;
  margin-top: 2px;
  border-left: 2px solid #e3f2fd;
}

/* line 297, app/assets/stylesheets/custom/_accordion.scss */
.permissions input:checked + .css_box .css_box-content,
.permissions input:checked + .css_box .css_box-close,
.settings input:checked + .css_box .css_box-content,
.settings input:checked + .css_box .css_box-close,
.admin-panel input:checked + .css_box .css_box-content,
.admin-panel input:checked + .css_box .css_box-close {
  display: inline-block;
}

/* line 303, app/assets/stylesheets/custom/_accordion.scss */
.permissions input:checked + .css_box .nav-link.active,
.settings input:checked + .css_box .nav-link.active,
.admin-panel input:checked + .css_box .nav-link.active {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: #2da3b5 !important;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

/* line 308, app/assets/stylesheets/custom/_accordion.scss */
.permissions input:checked + .css_box .nav-link.active i,
.settings input:checked + .css_box .nav-link.active i,
.admin-panel input:checked + .css_box .nav-link.active i {
  color: #2da3b5 !important;
}

/* line 312, app/assets/stylesheets/custom/_accordion.scss */
.permissions input:checked + .css_box .nav-link.active .nav-link-text,
.settings input:checked + .css_box .nav-link.active .nav-link-text,
.admin-panel input:checked + .css_box .nav-link.active .nav-link-text {
  color: #2da3b5 !important;
}

/* line 318, app/assets/stylesheets/custom/_accordion.scss */
.permissions .css_box,
.permissions .css_box-title,
.permissions .css_box-content,
.settings .css_box,
.settings .css_box-title,
.settings .css_box-content,
.admin-panel .css_box,
.admin-panel .css_box-title,
.admin-panel .css_box-content {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1, app/assets/stylesheets/custom/_flash_message.scss */
.flash-container {
  position: fixed;
  top: 1rem;
  right: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  pointer-events: none;
}

/* line 14, app/assets/stylesheets/custom/_flash_message.scss */
.sticky-alert {
  position: relative;
  right: 1rem;
  left: auto;
  width: 420px;
  max-width: calc(100vw - 2rem);
  margin: 0;
  pointer-events: auto;
}

/* line 1, app/assets/stylesheets/custom/_navigations.scss */
.custom-navlink {
  text-decoration: none;
  color: #525f7f;
  padding: 0.25rem 0.75rem;
  display: inline-flex;
}

/* line 8, app/assets/stylesheets/custom/_navigations.scss */
.custom-navlink i.ni {
  position: relative;
  top: 2px;
}

/* line 13, app/assets/stylesheets/custom/_navigations.scss */
.navbar-account-name {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* line 1, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper {
  display: inline-flex;
}

/* line 5, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .css-icon {
  position: relative;
  background: #ffffff;
  color: #5e72e4;
  border-radius: 50%;
  padding: .5rem;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* line 22, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .css-icon-border {
  position: relative;
  background: #ffffff;
  border-radius: 50%;
  padding: .5rem;
  margin: .5rem;
  width: 2rem;
  height: 2rem;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* line 48, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .tooltip {
  position: absolute;
  top: 0;
  font-size: 14px;
  background: #fff;
  color: #ffffff;
  padding: 5px 8px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

/* line 70, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #fff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: translate(-50%) rotate(45deg);
  -moz-transform: translate(-50%) rotate(45deg);
  -ms-transform: translate(-50%) rotate(45deg);
  -o-transform: translate(-50%) rotate(45deg);
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* line 90, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .css-icon:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* line 97, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .css-icon:hover span,
.wrapper .css-icon:hover .tooltip {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.01);
}

/* line 102, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .facebook:hover,
.wrapper .facebook:hover .tooltip,
.wrapper .facebook:hover .tooltip::before {
  background: #3b5999;
  color: #fff;
}

/* line 109, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .twitter:hover,
.wrapper .twitter:hover .tooltip,
.wrapper .twitter:hover .tooltip::before {
  background: #46c1f6;
  color: #fff;
}

/* line 116, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .instagram:hover,
.wrapper .instagram:hover .tooltip,
.wrapper .instagram:hover .tooltip::before {
  background: #e1306c;
  color: #fff;
}

/* line 123, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .github:hover,
.wrapper .github:hover .tooltip,
.wrapper .github:hover .tooltip::before {
  background: #333333;
  color: #fff;
}

/* line 130, app/assets/stylesheets/custom/_icon_tooltip.scss */
.wrapper .youtube:hover,
.wrapper .youtube:hover .tooltip,
.wrapper .youtube:hover .tooltip::before {
  background: #e92828;
  color: #fff;
}

/* line 1, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip {
  margin: 15px;
}

/* line 3, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .empDetail {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  table-layout: fixed;
}

/* line 10, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .head {
  margin: 10px;
  margin-bottom: 50px;
  width: 100%;
}

/* line 16, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .companyName {
  text-align: right;
  font-size: 25px;
  font-weight: bold;
}

/* line 22, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .salaryMonth {
  text-align: center;
}

/* line 26, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .table-border-bottom {
  border-bottom: 1px solid;
}

/* line 30, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .table-border-right {
  border-right: 1px solid;
}

/* line 34, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .myBackground {
  padding-top: 10px;
  text-align: left;
  border: 1px solid black;
  height: 40px;
}

/* line 41, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .myAlign {
  text-align: center;
  border-right: 1px solid black;
}

/* line 46, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .myTotalBackground {
  padding-top: 10px;
  text-align: left;
  background-color: #EBF1DE;
  border-spacing: 0px;
}

/* line 53, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .align-4 {
  width: 25%;
  float: left;
}

/* line 58, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .tail {
  margin-top: 35px;
}

/* line 62, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .align-2 {
  margin-top: 25px;
  width: 50%;
  float: left;
}

/* line 68, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .border-center {
  text-align: center;
}

/* line 71, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .border-center th, .salary-slip .border-center td {
  border: 1px solid black;
}

/* line 75, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip th, .salary-slip td {
  padding-left: 6px;
}

/* line 79, app/assets/stylesheets/custom/_payslip.scss */
.salary-slip .spacing {
  padding-top: 10px;
}

/* line 2, app/assets/stylesheets/custom/calendar.scss */
.calendar-container {
  overflow-x: auto;
}

/* line 6, app/assets/stylesheets/custom/calendar.scss */
.calendar-grid {
  min-width: 800px;
}

/* line 10, app/assets/stylesheets/custom/calendar.scss */
.calendar-header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

/* line 17, app/assets/stylesheets/custom/calendar.scss */
.calendar-day-header {
  padding: 12px 8px;
  text-align: center;
  font-weight: 600;
  color: #495057;
  border-right: 1px solid #dee2e6;
}

/* line 24, app/assets/stylesheets/custom/calendar.scss */
.calendar-day-header:last-child {
  border-right: none;
}

/* line 29, app/assets/stylesheets/custom/calendar.scss */
.calendar-body {
  border: 1px solid #dee2e6;
}

/* line 33, app/assets/stylesheets/custom/calendar.scss */
.calendar-week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  min-height: 120px;
}

/* line 39, app/assets/stylesheets/custom/calendar.scss */
.calendar-day {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  padding: 8px;
  position: relative;
}

/* line 45, app/assets/stylesheets/custom/calendar.scss */
.calendar-day:last-child {
  border-right: none;
}

/* line 49, app/assets/stylesheets/custom/calendar.scss */
.calendar-day.other-month {
  background-color: #f8f9fa;
  color: #6c757d;
}

/* line 54, app/assets/stylesheets/custom/calendar.scss */
.calendar-day.today {
  background-color: #e3f2fd;
  font-weight: bold;
}

/* line 60, app/assets/stylesheets/custom/calendar.scss */
.calendar-date {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 66, app/assets/stylesheets/custom/calendar.scss */
.calendar-bank-holidays {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 4px;
}

/* line 73, app/assets/stylesheets/custom/calendar.scss */
.calendar-bank-holiday {
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #e9ecef;
  color: #495057;
  border-left: 3px solid #6c757d;
  word-wrap: break-word;
  line-height: 1.2;
}

/* line 84, app/assets/stylesheets/custom/calendar.scss */
.calendar-events {
  max-height: 80px;
  overflow-y: auto;
}

/* line 89, app/assets/stylesheets/custom/calendar.scss */
.calendar-event {
  font-size: 11px;
  padding: 2px 4px;
  margin-bottom: 2px;
  border-radius: 3px;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  word-wrap: break-word;
  transition: all 0.2s ease;
  user-select: none;
  position: relative;
  z-index: 10;
}

/* line 103, app/assets/stylesheets/custom/calendar.scss */
.calendar-event:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 108, app/assets/stylesheets/custom/calendar.scss */
.calendar-event:active {
  transform: scale(0.98);
}

/* line 113, app/assets/stylesheets/custom/calendar.scss */
.calendar-event * {
  pointer-events: none;
}

/* line 119, app/assets/stylesheets/custom/calendar.scss */
.calendar-event.pending {
  background-color: #6c757d;
  color: white;
}

/* line 124, app/assets/stylesheets/custom/calendar.scss */
.calendar-event.pre-approved, .calendar-event.approved {
  background-color: #28a745;
  color: white;
}

/* line 130, app/assets/stylesheets/custom/calendar.scss */
.calendar-event.denied, .calendar-event.cancelled {
  background-color: #dc3545;
  color: white;
}

/* line 137, app/assets/stylesheets/custom/calendar.scss */
.calendar-event.confirmed {
  background-color: #007bff;
  color: white;
}

/* line 142, app/assets/stylesheets/custom/calendar.scss */
.calendar-event.completed {
  background-color: #28a745;
  color: white;
}

/* line 147, app/assets/stylesheets/custom/calendar.scss */
.calendar-event.multi-day-start {
  border-left: 3px solid #2E7D32;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* line 153, app/assets/stylesheets/custom/calendar.scss */
.calendar-event.multi-day-end {
  border-right: 3px solid #C62828;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* line 159, app/assets/stylesheets/custom/calendar.scss */
.calendar-event.multi-day-middle {
  border-left: 1px solid #F57F17;
  border-right: 1px solid #F57F17;
  border-radius: 0;
}

/* line 166, app/assets/stylesheets/custom/calendar.scss */
.calendar-event.multi-day-start.multi-day-end {
  border-radius: 6px;
  border-left: 3px solid #2E7D32;
  border-right: 3px solid #C62828;
}

/* line 173, app/assets/stylesheets/custom/calendar.scss */
.calendar-event-more {
  font-size: 11px;
  padding: 2px 4px;
  margin-top: 2px;
  border-radius: 3px;
  background-color: #6c757d;
  color: white;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

/* line 184, app/assets/stylesheets/custom/calendar.scss */
.calendar-event-more:hover {
  background-color: #5a6268;
}

/* line 189, app/assets/stylesheets/custom/calendar.scss */
.calendar-legend {
  margin-top: 1.5rem;
}

/* line 192, app/assets/stylesheets/custom/calendar.scss */
.calendar-legend .badge {
  font-size: 12px;
  padding: 6px 10px;
}

/* line 199, app/assets/stylesheets/custom/calendar.scss */
.badge-pending {
  background-color: #6c757d;
  color: white;
}

/* line 204, app/assets/stylesheets/custom/calendar.scss */
.badge-pre-approved,
.badge-approved {
  background-color: #28a745;
  color: white;
}

/* line 210, app/assets/stylesheets/custom/calendar.scss */
.badge-denied,
.badge-cancelled {
  background-color: #dc3545;
  color: white;
}

@media (max-width: 768px) {
  /* line 218, app/assets/stylesheets/custom/calendar.scss */
  .calendar-grid {
    min-width: 600px;
  }
  /* line 222, app/assets/stylesheets/custom/calendar.scss */
  .calendar-day {
    min-height: 100px;
  }
  /* line 226, app/assets/stylesheets/custom/calendar.scss */
  .calendar-event {
    font-size: 10px;
    padding: 1px 3px;
  }
}

/* line 233, app/assets/stylesheets/custom/calendar.scss */
.modal-backdrop {
  z-index: 1040;
}

/* line 237, app/assets/stylesheets/custom/calendar.scss */
#timeOffModal {
  z-index: 1050;
}

/* line 241, app/assets/stylesheets/custom/calendar.scss */
#timeOffModal .modal-header .close {
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

/* line 246, app/assets/stylesheets/custom/calendar.scss */
#timeOffModal .modal-header .close:hover {
  opacity: 1;
}

/* line 253, app/assets/stylesheets/custom/calendar.scss */
#timeOffModal .modal-footer .btn {
  cursor: pointer;
}

/* line 261, app/assets/stylesheets/custom/calendar.scss */
.time-off-details .row {
  margin-bottom: 0.5rem;
}

/* line 265, app/assets/stylesheets/custom/calendar.scss */
.time-off-details .badge {
  font-size: 0.875em;
}

/* line 269, app/assets/stylesheets/custom/calendar.scss */
.time-off-details .card {
  border: 1px solid #dee2e6;
}

/* line 272, app/assets/stylesheets/custom/calendar.scss */
.time-off-details .card .card-body {
  padding: 1rem;
}

/* line 278, app/assets/stylesheets/custom/calendar.scss */
.time-off-details .d-grid .btn {
  margin-bottom: 0.5rem;
}

/* line 281, app/assets/stylesheets/custom/calendar.scss */
.time-off-details .d-grid .btn:last-child {
  margin-bottom: 0;
}

/* line 1, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
}

/* line 10, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo .todo-item {
  align-items: flex-start;
}

/* line 15, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo__description {
  margin-top: 0.25rem;
  color: inherit;
}

/* line 20, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo__remarks {
  margin-top: 0.75rem;
  padding: 0.75rem;
  width: 100%;
  max-width: 48rem;
  box-sizing: border-box;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.04);
  border-left: 3px solid rgba(0, 0, 0, 0.18);
}

/* line 31, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo__remarks-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

/* line 39, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo__remarks-label {
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 0.75rem;
  opacity: 0.85;
}

/* line 47, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo__remarks-edit {
  flex: 0 0 auto;
}

/* line 51, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo__remarks-body {
  min-width: 0;
}

/* line 55, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo__actions {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

/* line 64, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

/* line 71, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__region--task {
  background: #fff;
}

/* line 75, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__region--todos {
  background: rgba(0, 0, 0, 0.02);
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  margin-top: 0.25rem;
  padding-bottom: 1.25rem;
}

/* line 82, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__region-title {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.55);
}

/* line 90, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__group-label {
  letter-spacing: 0.04em;
}

/* line 94, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__toolbar-actions {
  position: relative;
  z-index: 2;
}

/* line 99, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__toggle {
  border: none;
  background: transparent;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  box-shadow: none;
  padding: 0.375rem 0.5rem;
  margin: 0;
  border-radius: 0.25rem;
  line-height: inherit;
  align-self: center;
}

/* line 112, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__toggle:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.05);
  color: inherit;
}

/* line 118, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__toggle:focus {
  outline: none;
  text-decoration: none;
  box-shadow: 0 0 0 2px rgba(94, 114, 228, 0.35);
}

/* line 124, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__toggle:active {
  text-decoration: none;
}

/* line 129, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__chevron {
  transition: transform 0.2s ease;
  font-size: 0.75rem;
  opacity: 0.7;
}

/* line 135, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__collapse-trigger.collapsed .task-files-tab__chevron {
  transform: rotate(-90deg);
}

/* line 139, app/assets/stylesheets/custom/_tasks.scss */
.task-files-tab__col-actions {
  width: 7rem;
}

/* line 143, app/assets/stylesheets/custom/_tasks.scss */
.task-subtasks-todo__complete-blocked {
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}

/* line 1, app/assets/stylesheets/custom/_clock_in_activities.scss */
.clock-in-activity-cell {
  min-width: 5rem;
  vertical-align: middle;
}

/* line 6, app/assets/stylesheets/custom/_clock_in_activities.scss */
.clock-in-activity-trigger {
  cursor: pointer;
}

/* line 10, app/assets/stylesheets/custom/_clock_in_activities.scss */
.clock-in-activity-list__item:last-child {
  margin-bottom: 0 !important;
}

/* line 14, app/assets/stylesheets/custom/_clock_in_activities.scss */
.clock-in-ac-suggestions .list-group-item {
  border-left: 0;
  border-right: 0;
}

/* line 19, app/assets/stylesheets/custom/_clock_in_activities.scss */
.clock-in-ac-suggestions .list-group-item:first-child {
  border-top: 0;
}

/* line 24, app/assets/stylesheets/custom/_clock_in_activities.scss */
.clock-in-activity-details > summary.clock-in-activity-summary {
  cursor: pointer;
  list-style: none;
  user-select: none;
}

/* line 29, app/assets/stylesheets/custom/_clock_in_activities.scss */
.clock-in-activity-details > summary.clock-in-activity-summary::-webkit-details-marker {
  display: none;
}

/* line 34, app/assets/stylesheets/custom/_clock_in_activities.scss */
.clock-in-activity-details .clock-in-activity-chevron {
  transition: transform 0.15s ease;
}

/* line 38, app/assets/stylesheets/custom/_clock_in_activities.scss */
.clock-in-activity-details[open] > summary .clock-in-activity-chevron {
  transform: rotate(-180deg);
}

/* line 5, app/assets/stylesheets/custom/_company_code_of_conduct.scss */
.trix-editor-scroll {
  max-height: 28rem;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  background: #fff;
}

/* line 13, app/assets/stylesheets/custom/_company_code_of_conduct.scss */
.trix-editor-scroll trix-toolbar {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
}

/* line 20, app/assets/stylesheets/custom/_company_code_of_conduct.scss */
.trix-editor-scroll .trix-content.form-control {
  min-height: 12rem;
  max-height: none;
  border: 0;
  border-radius: 0;
}

/* line 28, app/assets/stylesheets/custom/_company_code_of_conduct.scss */
.trix-content.form-control {
  min-height: 12rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

/* line 36, app/assets/stylesheets/custom/_company_code_of_conduct.scss */
.company-code-of-conduct-content {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

/* line 42, app/assets/stylesheets/custom/_company_code_of_conduct.scss */
.company-code-of-conduct-content div,
.company-code-of-conduct-content p {
  margin-bottom: 0.75em;
}

/* line 46, app/assets/stylesheets/custom/_company_code_of_conduct.scss */
.company-code-of-conduct-content div:last-child,
.company-code-of-conduct-content p:last-child {
  margin-bottom: 0;
}

/* line 51, app/assets/stylesheets/custom/_company_code_of_conduct.scss */
.company-code-of-conduct-content img {
  max-width: 100%;
  height: auto;
}

/* line 3, app/assets/stylesheets/core/_appointments.scss */
.attendees-container .attendee-fields {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef !important;
}

/* line 7, app/assets/stylesheets/core/_appointments.scss */
.attendees-container .attendee-fields .remove-attendee {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

/* line 13, app/assets/stylesheets/core/_appointments.scss */
.attendees-container .resource-selector {
  margin-top: 0.5rem;
}

/* line 18, app/assets/stylesheets/core/_appointments.scss */
.attendee-item {
  background-color: #f8f9fa;
}

/* line 21, app/assets/stylesheets/core/_appointments.scss */
.attendee-item .badge {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}

/* line 26, app/assets/stylesheets/core/_appointments.scss */
.attendee-item small {
  font-size: 0.875rem;
}

/* line 33, app/assets/stylesheets/core/_appointments.scss */
.calendar-event.appointment {
  background-color: #e3f2fd;
  color: #1976d2;
  border: 1px solid #bbdefb;
}

/* line 42, app/assets/stylesheets/core/_appointments.scss */
.field_with_errors .form-control {
  border-color: #dc3545;
}

/* line 46, app/assets/stylesheets/core/_appointments.scss */
.field_with_errors label {
  color: #dc3545;
}

@media (max-width: 768px) {
  /* line 54, app/assets/stylesheets/core/_appointments.scss */
  .attendee-fields .col-md-4, .attendee-fields .col-md-3, .attendee-fields .col-md-1 {
    margin-bottom: 0.5rem;
  }
}

/* Modal styles for appointments calendar */
/* Note: This file now only contains custom modal styles specific to appointments */
/* The main modal system is defined in custom/_modal.scss */
/* Custom styles for appointment modal content */
/* line 8, app/assets/stylesheets/core/_modal.scss */
.appointment-details .attendee-item {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.375rem;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* line 15, app/assets/stylesheets/core/_modal.scss */
.appointment-details .attendee-item .badge {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}

/* line 20, app/assets/stylesheets/core/_modal.scss */
.appointment-details .attendee-item small {
  font-size: 0.875rem;
}

/* line 25, app/assets/stylesheets/core/_modal.scss */
.appointment-details .form-control-label {
  font-weight: 600;
  color: #525f7f;
}

/* line 30, app/assets/stylesheets/core/_modal.scss */
.appointment-details .btn {
  margin-right: 0.5rem;
}

/* line 4, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper .custom-control {
  margin-bottom: 0;
}

/* line 9, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper .custom-control .custom-control-input:checked ~ .custom-control-label .permission-status {
  color: #28a745;
  font-weight: 600;
}

/* line 16, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper .custom-control .custom-control-input:not(:checked) ~ .custom-control-label .permission-status {
  color: #6c757d;
}

/* line 21, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper .custom-control .custom-control-input:disabled ~ .custom-control-label {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 27, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper .custom-control .custom-control-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 120px;
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper .custom-control .custom-control-label .permission-status {
  font-size: 0.875rem;
  transition: all 0.2s ease;
}

/* line 39, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper .custom-control .custom-control-label .loading-spinner {
  margin-left: 8px;
}

/* line 42, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper .custom-control .custom-control-label .loading-spinner .spinner-border {
  width: 1rem;
  height: 1rem;
  border-width: 0.125em;
}

/* line 53, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper.updating .custom-control-label .permission-status {
  opacity: 0.7;
}

/* line 57, app/assets/stylesheets/permissions.scss */
.permissions-page .permission-toggle-wrapper.updating .custom-control-label .loading-spinner {
  display: block !important;
}

/* line 65, app/assets/stylesheets/permissions.scss */
.permissions-page .card-body.bg-light {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
  border-bottom: 1px solid #dee2e6;
}

/* line 69, app/assets/stylesheets/permissions.scss */
.permissions-page .card-body.bg-light .badge {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  border-radius: 1rem;
}

/* line 74, app/assets/stylesheets/permissions.scss */
.permissions-page .card-body.bg-light .badge.badge-success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  border: none;
}

/* line 78, app/assets/stylesheets/permissions.scss */
.permissions-page .card-body.bg-light .badge.badge-success .permission-count-enabled {
  color: white !important;
  font-weight: 600;
  font-size: .75rem;
}

/* line 85, app/assets/stylesheets/permissions.scss */
.permissions-page .card-body.bg-light .badge.badge-secondary {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
  border: none;
}

/* line 89, app/assets/stylesheets/permissions.scss */
.permissions-page .card-body.bg-light .badge.badge-secondary .permission-count-disabled {
  color: white !important;
  font-weight: 600;
  font-size: .75rem;
}

/* line 96, app/assets/stylesheets/permissions.scss */
.permissions-page .card-body.bg-light .badge.badge-light {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  color: #495057;
  border: 1px solid #dee2e6;
}

/* line 103, app/assets/stylesheets/permissions.scss */
.permissions-page .card-body.bg-light h6 {
  font-size: 1rem;
}

/* line 106, app/assets/stylesheets/permissions.scss */
.permissions-page .card-body.bg-light h6 i {
  color: #6c757d;
}

/* line 115, app/assets/stylesheets/permissions.scss */
.permissions-page .table .thead-light th {
  border-top: none;
  font-weight: 600;
  color: #495057;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 126, app/assets/stylesheets/permissions.scss */
.permissions-page .table tbody tr {
  transition: all 0.2s ease;
  position: relative;
}

/* line 130, app/assets/stylesheets/permissions.scss */
.permissions-page .table tbody tr:hover {
  background-color: rgba(0, 123, 255, 0.05);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

/* line 137, app/assets/stylesheets/permissions.scss */
.permissions-page .table tbody tr.permission-updated {
  animation: permissionUpdate 1s ease;
}

/* line 141, app/assets/stylesheets/permissions.scss */
.permissions-page .table tbody tr td {
  vertical-align: middle;
  padding: 1rem 0.75rem;
  border-top: 1px solid #e9ecef;
}

/* line 148, app/assets/stylesheets/permissions.scss */
.permissions-page .table tbody tr td:first-child .d-flex .fas {
  font-size: 1.1rem;
  width: 20px;
  text-align: center;
}

/* line 154, app/assets/stylesheets/permissions.scss */
.permissions-page .table tbody tr td:first-child .d-flex .font-weight-600 {
  color: #495057;
  margin-bottom: 0.25rem;
}

/* line 159, app/assets/stylesheets/permissions.scss */
.permissions-page .table tbody tr td:first-child .d-flex small {
  font-size: 0.8rem;
}

/* line 171, app/assets/stylesheets/permissions.scss */
.permissions-page .custom-accordion .card {
  background-color: #f8f9fa;
  margin-bottom: 0px;
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  border: none;
}

/* line 180, app/assets/stylesheets/permissions.scss */
.permissions-page .custom-accordion .card-header {
  background-color: rgba(73, 80, 87, 0.06);
  border-bottom: none;
  padding: 0;
}

/* line 185, app/assets/stylesheets/permissions.scss */
.permissions-page .custom-accordion .card-header .btn-link {
  display: block;
  width: 100%;
  padding: 15px 0;
  text-decoration: none;
  text-align: left;
  color: #495057;
  border: none;
  padding-left: 40px;
  border-radius: 0;
  position: relative;
  background-color: transparent;
  font-weight: 600;
}

/* line 199, app/assets/stylesheets/permissions.scss */
.permissions-page .custom-accordion .card-header .btn-link i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #495057;
  transition: color 0.2s ease;
}

/* line 208, app/assets/stylesheets/permissions.scss */
.permissions-page .custom-accordion .card-header .btn-link:not(.collapsed) {
  color: #007bff;
}

/* line 211, app/assets/stylesheets/permissions.scss */
.permissions-page .custom-accordion .card-header .btn-link:not(.collapsed) i {
  color: #007bff;
}

/* line 216, app/assets/stylesheets/permissions.scss */
.permissions-page .custom-accordion .card-header .btn-link:focus {
  box-shadow: none;
  outline: none;
}

/* line 223, app/assets/stylesheets/permissions.scss */
.permissions-page .custom-accordion .card-body {
  padding: 20px 20px 20px 20px;
  color: #495057;
  background-color: #f8f9fa;
}

@keyframes permissionUpdate {
  0% {
    background-color: rgba(40, 167, 69, 0.1);
  }
  50% {
    background-color: rgba(40, 167, 69, 0.2);
  }
  100% {
    background-color: transparent;
  }
}

/* line 244, app/assets/stylesheets/permissions.scss */
.permissions-page .alert {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 0.5rem;
}

/* line 249, app/assets/stylesheets/permissions.scss */
.permissions-page .alert.alert-success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
}

/* line 254, app/assets/stylesheets/permissions.scss */
.permissions-page .alert.alert-danger {
  background: linear-gradient(135deg, #dc3545 0%, #fd7e14 100%);
  color: white;
}

/* line 259, app/assets/stylesheets/permissions.scss */
.permissions-page .alert .close {
  color: inherit;
  opacity: 0.8;
}

/* line 263, app/assets/stylesheets/permissions.scss */
.permissions-page .alert .close:hover {
  opacity: 1;
}

@media (max-width: 768px) {
  /* line 272, app/assets/stylesheets/permissions.scss */
  .permissions-page .permission-toggle-wrapper .custom-control-label {
    min-width: 100px;
    font-size: 0.8rem;
  }
  /* line 278, app/assets/stylesheets/permissions.scss */
  .permissions-page .table {
    font-size: 0.875rem;
  }
  /* line 281, app/assets/stylesheets/permissions.scss */
  .permissions-page .table tbody td {
    padding: 0.75rem 0.5rem;
  }
  /* line 285, app/assets/stylesheets/permissions.scss */
  .permissions-page .table tbody tr:hover {
    transform: none;
    box-shadow: none;
  }
  /* line 293, app/assets/stylesheets/permissions.scss */
  .permissions-page .card-body.bg-light .row .col-md-6:last-child {
    text-align: left !important;
    margin-top: 1rem;
  }
}

/* line 5, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion .accordion-item {
  border-color: var(--border-color, #e9ecef);
}

/* line 9, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion .accordion-button {
  font-weight: 500;
  align-items: center;
}

/* line 13, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion .accordion-button[aria-expanded="true"] {
  box-shadow: none;
  color: var(--accent-color, #5e72e4);
  background-color: transparent;
}

/* line 18, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion .accordion-button[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

/* line 23, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion .accordion-button[aria-expanded="false"]::after {
  transform: none;
}

/* line 27, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion .accordion-button:focus {
  box-shadow: none;
  border-color: var(--border-color, #e9ecef);
}

/* line 33, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion .accordion-body {
  color: var(--default-color, #212529);
}

/* line 39, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion-item:first-child {
  border-top: 0;
}

/* line 43, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion-item .accordion-header {
  width: 100%;
}

/* line 47, app/assets/stylesheets/compliance_items.scss */
.compliance-accordion-item .accordion-button {
  width: 100%;
  min-width: 0;
}

/* line 53, app/assets/stylesheets/compliance_items.scss */
.compliance-group-title {
  font-weight: 600;
  font-size: 1rem;
}

/* line 58, app/assets/stylesheets/compliance_items.scss */
.compliance-progress-container {
  width: 100px;
  min-width: 80px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.08);
}

/* line 65, app/assets/stylesheets/compliance_items.scss */
.compliance-progress-bar {
  background-color: var(--success-color, #28a745);
}

/* line 69, app/assets/stylesheets/compliance_items.scss */
.compliance-group-count {
  white-space: nowrap;
  font-size: 0.875rem;
}

/* line 74, app/assets/stylesheets/compliance_items.scss */
.compliance-table-header {
  background-color: var(--surface-muted, #f8f9fa);
}

/* line 78, app/assets/stylesheets/compliance_items.scss */
.compliance-table-header th {
  color: var(--heading-color, #495057);
  font-weight: 600;
  font-size: 0.8125rem;
}

/* line 84, app/assets/stylesheets/compliance_items.scss */
.compliance-items-table th:nth-child(1) {
  width: 25%;
}

/* line 85, app/assets/stylesheets/compliance_items.scss */
.compliance-items-table th:nth-child(2) {
  width: 15%;
}

/* line 86, app/assets/stylesheets/compliance_items.scss */
.compliance-items-table th:nth-child(3) {
  width: 10%;
}

/* line 87, app/assets/stylesheets/compliance_items.scss */
.compliance-items-table th:nth-child(4) {
  width: 20%;
}

/* line 88, app/assets/stylesheets/compliance_items.scss */
.compliance-items-table th:nth-child(5) {
  width: 15%;
}

/* line 89, app/assets/stylesheets/compliance_items.scss */
.compliance-items-table th:nth-child(6) {
  width: 15%;
}

/* line 91, app/assets/stylesheets/compliance_items.scss */
.compliance-item-name {
  font-weight: 600;
}

/* line 95, app/assets/stylesheets/compliance_items.scss */
.compliance-remarks-text {
  font-size: 0.875rem;
}

/* line 99, app/assets/stylesheets/compliance_items.scss */
.compliance-edit-button {
  flex-shrink: 0;
}

/* line 106, app/assets/stylesheets/compliance_items.scss */
.compliance-files-actions .btn,
.compliance-items-table .table-file-actions .btn,
.compliance-completion-actions .btn {
  white-space: nowrap;
}

/* line 2, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container {
  padding: 0;
}

/* line 6, app/assets/stylesheets/loans/supporting_documents.scss */
.border-left-primary {
  border-left: 4px solid #5e72e4 !important;
}

/* line 10, app/assets/stylesheets/loans/supporting_documents.scss */
.border-left-success {
  border-left: 4px solid #2dce89 !important;
}

/* line 14, app/assets/stylesheets/loans/supporting_documents.scss */
.border-left-info {
  border-left: 4px solid #11cdef !important;
}

/* line 18, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-category-card {
  height: 100%;
}

/* line 21, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-category-card .card {
  height: 100%;
  transition: all 0.3s ease;
}

/* line 25, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-category-card .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* line 32, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-progress-mini {
  transition: all 0.3s ease;
}

/* line 37, app/assets/stylesheets/loans/supporting_documents.scss */
.document-item:last-child {
  border-bottom: none !important;
}

/* line 41, app/assets/stylesheets/loans/supporting_documents.scss */
.document-item:hover {
  background: #f8f9fc;
}

/* line 46, app/assets/stylesheets/loans/supporting_documents.scss */
.document-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #f8f9fc;
}

/* line 56, app/assets/stylesheets/loans/supporting_documents.scss */
.document-actions {
  display: flex;
  align-items: center;
}

/* line 62, app/assets/stylesheets/loans/supporting_documents.scss */
.custom-file {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}

/* line 69, app/assets/stylesheets/loans/supporting_documents.scss */
.custom-file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

/* line 80, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 60px;
  padding: 1rem;
  background: linear-gradient(135deg, #f8f9fc 0%, #ffffff 100%);
  border: 2px dashed #d1d3e2;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
  color: #6c757d;
  text-align: center;
  overflow: hidden;
}

/* line 98, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label::after {
  display: none !important;
  content: none !important;
}

/* line 104, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label .upload-text {
  display: inline !important;
}

/* line 106, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label:hover {
  border-color: #5e72e4;
  background: linear-gradient(135deg, #f0f2ff 0%, #ffffff 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(94, 114, 228, 0.15);
}

/* line 113, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label:active {
  transform: translateY(0);
}

/* line 117, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
  color: #5e72e4;
}

/* line 124, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label.file-selected {
  border-color: #2dce89;
  background: linear-gradient(135deg, #f0fff4 0%, #ffffff 100%);
  color: #2dce89;
}

/* line 129, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label.file-selected i {
  color: #2dce89;
}

/* line 135, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label.drag-over {
  border-color: #5e72e4;
  background: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%);
  transform: scale(1.02);
  box-shadow: 0 6px 20px rgba(94, 114, 228, 0.2);
}

/* line 142, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label.drag-error {
  border-color: #e74a3b;
  background: linear-gradient(135deg, #fdf2f2 0%, #ffffff 100%);
  color: #e74a3b;
}

/* line 147, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-label.drag-error i {
  color: #e74a3b;
}

/* line 154, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

/* line 155, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-input::file-selector-button {
  visibility: hidden;
}

/* line 156, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-input::-ms-browse {
  visibility: hidden;
}

/* line 157, app/assets/stylesheets/loans/supporting_documents.scss */
.supporting-documents-container .custom-file-input {
  color: transparent;
}

/* line 161, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-form .btn {
  border-radius: 8px;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 169, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-form .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* line 174, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-form .btn:active {
  transform: translateY(0);
}

/* line 179, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-form .btn.loading {
  pointer-events: none;
}

/* line 182, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-form .btn.loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid transparent;
  border-top: 2px solid #ffffff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* line 200, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview {
  margin-top: 1rem;
  padding: 1rem;
  background: #f8f9fc;
  border-radius: 8px;
  border: 1px solid #e3e6f0;
}

/* line 207, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview .file-item {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e3e6f0;
}

/* line 213, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview .file-item:last-child {
  border-bottom: none;
}

/* line 217, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview .file-item .file-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 6px;
  margin-right: 0.75rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 228, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview .file-item .file-icon i {
  font-size: 0.875rem;
  color: #5e72e4;
}

/* line 234, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview .file-item .file-info {
  flex: 1;
}

/* line 237, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview .file-item .file-info .file-name {
  font-weight: 500;
  color: #5a5c69;
  margin-bottom: 0.25rem;
}

/* line 243, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview .file-item .file-info .file-size {
  font-size: 0.75rem;
  color: #858796;
}

/* line 249, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview .file-item .file-remove {
  color: #e74a3b;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}

/* line 256, app/assets/stylesheets/loans/supporting_documents.scss */
.file-preview .file-item .file-remove:hover {
  background: #fdf2f2;
}

/* line 264, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-progress {
  margin-top: 1rem;
}

/* line 267, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-progress .progress {
  height: 8px;
  border-radius: 4px;
  background: #e3e6f0;
  overflow: hidden;
}

/* line 273, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-progress .progress .progress-bar {
  background: linear-gradient(90deg, #5e72e4 0%, #2dce89 100%);
  transition: width 0.3s ease;
}

/* line 279, app/assets/stylesheets/loans/supporting_documents.scss */
.upload-progress .progress-text {
  font-size: 0.875rem;
  color: #858796;
  margin-top: 0.5rem;
  text-align: center;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@media (max-width: 768px) {
  /* line 301, app/assets/stylesheets/loans/supporting_documents.scss */
  .document-item .d-flex {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 306, app/assets/stylesheets/loans/supporting_documents.scss */
  .document-actions {
    margin-top: 0.5rem;
    align-self: flex-end;
  }
  /* line 311, app/assets/stylesheets/loans/supporting_documents.scss */
  .custom-file-label {
    min-height: 50px;
    padding: 0.75rem;
    font-size: 0.875rem;
  }
  /* line 316, app/assets/stylesheets/loans/supporting_documents.scss */
  .custom-file-label i {
    font-size: 1.25rem;
  }
  /* line 321, app/assets/stylesheets/loans/supporting_documents.scss */
  .upload-form .btn {
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
  }
}

/* line 3, app/assets/stylesheets/loans/reports.scss */
.page-loans .loan-reports-summary .loan-reports-stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

/* line 10, app/assets/stylesheets/loans/reports.scss */
.page-loans .loan-reports-summary .card-stats .card-body {
  padding: 1.25rem 1.5rem;
}

/* line 14, app/assets/stylesheets/loans/reports.scss */
.page-loans .loan-reports-summary .icon-shape {
  width: 3rem;
  height: 3rem;
}

/* line 71, app/assets/stylesheets/application.scss */
body {
  zoom: .92;
}

/**
 * =======================================================
 * Template Name: FlexAdmin - Bootstrap Admin Template
 * Template URL: https://bootstrapmade.com/flex-admin-bootstrap-template/
 * Updated: Mar 4, 2026 with Bootstrap v5.3.8
 * Author: BootstrapMade.com
 * License: https://bootstrapmade.com/license/
 * =======================================================
 */
/*--------------------------------------------------------------
# Starter Template - Main Stylesheet
# Self-contained - all imports are local to this template
# Uses modern Dart Sass @use syntax (no deprecated @import)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CSS Custom Properties - Color System
# Single accent color theming with comprehensive palette
--------------------------------------------------------------*/
/* Fonts */
/* line 22, app/assets/stylesheets/flexadmin_main.scss */
:root {
  --default-font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Sora", sans-serif;
  --nav-font: "Manrope", sans-serif;
  --mono-font: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
}

/* Spacing Scale */
/* line 30, app/assets/stylesheets/flexadmin_main.scss */
:root {
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
}

/* Border Radius */
/* line 40, app/assets/stylesheets/flexadmin_main.scss */
:root {
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.25rem;
  --radius-full: 9999px;
}

/* Shadows */
/* line 50, app/assets/stylesheets/flexadmin_main.scss */
:root {
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.04), 0 1px 2px -1px rgb(0 0 0 / 0.04);
  --shadow-md: 0 8px 20px -10px rgb(2 12 27 / 0.18), 0 6px 12px -8px rgb(2 12 27 / 0.12);
  --shadow-lg: 0 16px 36px -16px rgb(2 12 27 / 0.26), 0 10px 20px -10px rgb(2 12 27 / 0.14);
  --shadow-xl: 0 28px 60px -22px rgb(2 12 27 / 0.34), 0 18px 28px -12px rgb(2 12 27 / 0.16);
}

/* Transitions */
/* line 58, app/assets/stylesheets/flexadmin_main.scss */
:root {
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;
}

/* Layout Dimensions */
/* line 65, app/assets/stylesheets/flexadmin_main.scss */
:root {
  --header-height: 64px;
  --sidebar-width: 280px;
  --sidebar-collapsed-width: 70px;
  --footer-height: 64px;
}

/*--------------------------------------------------------------
# Global Colors - Light Mode
--------------------------------------------------------------*/
/* line 75, app/assets/stylesheets/flexadmin_main.scss */
:root {
  /* Core palette */
  --background-color: #f4f7fb;
  --default-color: #1c2635;
  --heading-color: #0f1728;
  --accent-color: #0ea5a4;
  --surface-color: #ffffff;
  --contrast-color: #ffffff;
  /* Extended text colors */
  --muted-color: #5f6e83;
  --light-color: #8ea0b8;
  /* Borders */
  --border-color: #dde5f1;
  --border-color-light: #eef3fa;
  --border-color-dark: #c4d2e6;
  /* Status colors */
  --success-color: #16a34a;
  --success-color-light: #dcfce7;
  --warning-color: #d97706;
  --warning-color-light: #ffedd5;
  --danger-color: #dc2626;
  --danger-color-light: #fee2e2;
  --info-color: #0284c7;
  --info-color-light: #e0f2fe;
  /* Navigation colors */
  --nav-color: var(--default-color);
  --nav-hover-color: var(--accent-color);
  --nav-mobile-background-color: var(--surface-color);
  --nav-dropdown-background-color: var(--surface-color);
  --nav-dropdown-color: var(--default-color);
  --nav-dropdown-hover-color: var(--accent-color);
  /* Header */
  --header-bg: rgba(255, 255, 255, 0.9);
  --header-shadow: 0 1px 0 rgb(14 26 47 / 0.06);
  --header-border: var(--border-color);
  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: #d9e3f1;
  --sidebar-color: #223248;
  --sidebar-muted-color: #6b809d;
  --sidebar-hover-bg: rgba(14, 165, 164, 0.1);
  --sidebar-active-bg: rgba(14, 165, 164, 0.16);
  --sidebar-active-color: #ffffff;
  /* Cards */
  --card-bg: #ffffff;
  --card-shadow: var(--shadow-md);
  --card-border: var(--border-color);
  /* Tables */
  --table-header-bg: #edf3fb;
  --table-hover-bg: #e9f0fa;
  --table-stripe-bg: #f7faff;
  /* Forms */
  --input-bg: #ffffff;
  --input-border: var(--border-color);
  --input-focus-border: var(--accent-color);
  --input-focus-ring: rgb(14 165 164 / 0.25);
}

/*--------------------------------------------------------------
# Dark Mode Palette
--------------------------------------------------------------*/
/* line 136, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] {
  /* Core palette */
  --background-color: #08141a;
  --default-color: #d2e1e7;
  --heading-color: #f3f7ff;
  --accent-color: #22d3ce;
  --surface-color: #11222c;
  --contrast-color: #ffffff;
  /* Extended text colors */
  --muted-color: #95aebe;
  --light-color: #6f8a9d;
  /* Borders */
  --border-color: #2a4458;
  --border-color-light: #1d3141;
  --border-color-dark: #3b5e77;
  /* Status colors (adjusted for dark mode) */
  --success-color: #4ade80;
  --success-color-light: rgba(74, 222, 128, 0.16);
  --warning-color: #f59e0b;
  --warning-color-light: rgba(245, 158, 11, 0.16);
  --danger-color: #fb7185;
  --danger-color-light: rgba(251, 113, 133, 0.16);
  --info-color: #38bdf8;
  --info-color-light: rgba(56, 189, 248, 0.16);
  /* Navigation colors */
  --nav-color: var(--default-color);
  --nav-hover-color: var(--accent-color);
  --nav-mobile-background-color: var(--surface-color);
  --nav-dropdown-background-color: var(--surface-color);
  --nav-dropdown-color: var(--default-color);
  --nav-dropdown-hover-color: var(--accent-color);
  /* Header */
  --header-bg: rgba(17, 34, 44, 0.9);
  --header-shadow: 0 1px 0 rgb(129 161 185 / 0.16);
  --header-border: var(--border-color);
  /* Sidebar */
  --sidebar-bg: #081018;
  --sidebar-border: var(--border-color);
  --sidebar-color: #b9cde0;
  --sidebar-muted-color: #7b92a8;
  --sidebar-hover-bg: rgba(34, 211, 206, 0.14);
  --sidebar-active-bg: rgba(34, 211, 206, 0.2);
  --sidebar-active-color: #ffffff;
  /* Cards */
  --card-bg: #11222c;
  --card-shadow: 0 14px 36px -20px rgb(0 0 0 / 0.75), 0 8px 16px -12px rgb(6 14 21 / 0.82);
  --card-border: var(--border-color);
  /* Tables */
  --table-header-bg: #0d1a24;
  --table-hover-bg: #173042;
  --table-stripe-bg: #142836;
  /* Forms */
  --input-bg: #0c1822;
  --input-border: var(--border-color);
  --input-focus-border: var(--accent-color);
  --input-focus-ring: rgb(34 211 206 / 0.25);
  /* Bootstrap overrides */
  --bs-body-color: var(--default-color);
  --bs-body-bg: var(--background-color);
}

/*--------------------------------------------------------------
# Color Utility Classes
# Override Bootstrap's color utilities with CSS custom properties
# for proper dark mode support
--------------------------------------------------------------*/
/* Text Colors */
/* line 203, app/assets/stylesheets/flexadmin_main.scss */
.text-primary {
  color: var(--accent-color) !important;
}

/* line 207, app/assets/stylesheets/flexadmin_main.scss */
.text-secondary {
  color: var(--muted-color) !important;
}

/* line 211, app/assets/stylesheets/flexadmin_main.scss */
.text-success {
  color: var(--success-color) !important;
}

/* line 215, app/assets/stylesheets/flexadmin_main.scss */
.text-warning {
  color: var(--warning-color) !important;
}

/* line 219, app/assets/stylesheets/flexadmin_main.scss */
.text-danger {
  color: var(--danger-color) !important;
}

/* line 223, app/assets/stylesheets/flexadmin_main.scss */
.text-info {
  color: var(--info-color) !important;
}

/* line 227, app/assets/stylesheets/flexadmin_main.scss */
.text-muted {
  color: var(--muted-color) !important;
}

/* line 231, app/assets/stylesheets/flexadmin_main.scss */
.text-body {
  color: var(--default-color) !important;
}

/* Background Colors */
/* line 236, app/assets/stylesheets/flexadmin_main.scss */
.bg-primary {
  background-color: var(--accent-color) !important;
}

/* line 240, app/assets/stylesheets/flexadmin_main.scss */
.bg-success {
  background-color: var(--success-color) !important;
}

/* line 244, app/assets/stylesheets/flexadmin_main.scss */
.bg-warning {
  background-color: var(--warning-color) !important;
}

/* line 248, app/assets/stylesheets/flexadmin_main.scss */
.bg-danger {
  background-color: var(--danger-color) !important;
}

/* line 252, app/assets/stylesheets/flexadmin_main.scss */
.bg-info {
  background-color: var(--info-color) !important;
}

/* line 256, app/assets/stylesheets/flexadmin_main.scss */
.bg-light {
  background-color: var(--background-color) !important;
}

/* line 260, app/assets/stylesheets/flexadmin_main.scss */
.bg-body {
  background-color: var(--background-color) !important;
}

/* line 264, app/assets/stylesheets/flexadmin_main.scss */
.bg-surface {
  background-color: var(--surface-color) !important;
}

/* Soft/Light Background Colors */
/* line 269, app/assets/stylesheets/flexadmin_main.scss */
.bg-primary-light {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%) !important;
}

/* line 273, app/assets/stylesheets/flexadmin_main.scss */
.bg-success-light {
  background-color: var(--success-color-light) !important;
}

/* line 277, app/assets/stylesheets/flexadmin_main.scss */
.bg-warning-light {
  background-color: var(--warning-color-light) !important;
}

/* line 281, app/assets/stylesheets/flexadmin_main.scss */
.bg-danger-light {
  background-color: var(--danger-color-light) !important;
}

/* line 285, app/assets/stylesheets/flexadmin_main.scss */
.bg-info-light {
  background-color: var(--info-color-light) !important;
}

/* Border Colors */
/* line 290, app/assets/stylesheets/flexadmin_main.scss */
.border-primary {
  border-color: var(--accent-color) !important;
}

/* line 294, app/assets/stylesheets/flexadmin_main.scss */
.border-success {
  border-color: var(--success-color) !important;
}

/* line 298, app/assets/stylesheets/flexadmin_main.scss */
.border-warning {
  border-color: var(--warning-color) !important;
}

/* line 302, app/assets/stylesheets/flexadmin_main.scss */
.border-danger {
  border-color: var(--danger-color) !important;
}

/* line 306, app/assets/stylesheets/flexadmin_main.scss */
.border-info {
  border-color: var(--info-color) !important;
}

/* Gradient Backgrounds */
/* line 311, app/assets/stylesheets/flexadmin_main.scss */
.bg-gradient-primary {
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 15%)) !important;
}

/* line 315, app/assets/stylesheets/flexadmin_main.scss */
.bg-gradient-success {
  background: linear-gradient(135deg, var(--success-color), #059669) !important;
}

/* line 319, app/assets/stylesheets/flexadmin_main.scss */
.bg-gradient-warning {
  background: linear-gradient(135deg, var(--warning-color), #d97706) !important;
}

/* line 323, app/assets/stylesheets/flexadmin_main.scss */
.bg-gradient-danger {
  background: linear-gradient(135deg, var(--danger-color), #dc2626) !important;
}

/* line 327, app/assets/stylesheets/flexadmin_main.scss */
.bg-gradient-info {
  background: linear-gradient(135deg, var(--info-color), #7c3aed) !important;
}

/* Icon Colors */
/* line 332, app/assets/stylesheets/flexadmin_main.scss */
.icon-primary {
  color: var(--accent-color);
}

/* line 336, app/assets/stylesheets/flexadmin_main.scss */
.icon-success {
  color: var(--success-color);
}

/* line 340, app/assets/stylesheets/flexadmin_main.scss */
.icon-warning {
  color: var(--warning-color);
}

/* line 344, app/assets/stylesheets/flexadmin_main.scss */
.icon-danger {
  color: var(--danger-color);
}

/* line 348, app/assets/stylesheets/flexadmin_main.scss */
.icon-info {
  color: var(--info-color);
}

/* line 352, app/assets/stylesheets/flexadmin_main.scss */
.icon-muted {
  color: var(--muted-color);
}

/*--------------------------------------------------------------
# Base - Reset, Typography, and Global Styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Box Sizing & Scroll
--------------------------------------------------------------*/
/* line 362, app/assets/stylesheets/flexadmin_main.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 368, app/assets/stylesheets/flexadmin_main.scss */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 70px;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/
/* line 378, app/assets/stylesheets/flexadmin_main.scss */
body {
  margin: 0;
  font-family: var(--default-font);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--default-color);
  background-color: var(--background-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
/* line 394, app/assets/stylesheets/flexadmin_main.scss */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--heading-font);
  font-weight: 600;
  line-height: 1.3;
  color: var(--heading-color);
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/* line 414, app/assets/stylesheets/flexadmin_main.scss */
h1,
.h1 {
  font-size: 2.25rem;
}

/* line 419, app/assets/stylesheets/flexadmin_main.scss */
h2,
.h2 {
  font-size: 1.875rem;
}

/* line 424, app/assets/stylesheets/flexadmin_main.scss */
h3,
.h3 {
  font-size: 1.5rem;
}

/* line 429, app/assets/stylesheets/flexadmin_main.scss */
h4,
.h4 {
  font-size: 1.25rem;
}

/* line 434, app/assets/stylesheets/flexadmin_main.scss */
h5,
.h5 {
  font-size: 1.125rem;
}

/* line 439, app/assets/stylesheets/flexadmin_main.scss */
h6,
.h6 {
  font-size: 1rem;
}

/*--------------------------------------------------------------
# Paragraph & Text
--------------------------------------------------------------*/
/* line 447, app/assets/stylesheets/flexadmin_main.scss */
p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* line 452, app/assets/stylesheets/flexadmin_main.scss */
.lead {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--muted-color);
}

/* line 459, app/assets/stylesheets/flexadmin_main.scss */
small,
.small {
  font-size: 0.875rem;
}

/* line 464, app/assets/stylesheets/flexadmin_main.scss */
strong {
  font-weight: 600;
}

/* Custom text size - Bootstrap doesn't have .text-xs */
/* line 469, app/assets/stylesheets/flexadmin_main.scss */
.text-xs {
  font-size: 0.75rem !important;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
/* line 476, app/assets/stylesheets/flexadmin_main.scss */
a {
  color: var(--accent-color);
  text-decoration: none;
  transition: color var(--transition-fast);
}

/* line 482, app/assets/stylesheets/flexadmin_main.scss */
a:hover {
  color: color-mix(in srgb, var(--accent-color), black 10%);
}

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
/* line 489, app/assets/stylesheets/flexadmin_main.scss */
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*--------------------------------------------------------------
# Code
--------------------------------------------------------------*/
/* line 499, app/assets/stylesheets/flexadmin_main.scss */
code {
  font-family: var(--mono-font);
  font-size: 0.875em;
  color: var(--danger-color);
  background-color: var(--danger-color-light);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
}

/* line 508, app/assets/stylesheets/flexadmin_main.scss */
pre {
  font-family: var(--mono-font);
  font-size: 0.875rem;
  margin: 0;
  padding: var(--spacing-md);
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  overflow-x: auto;
}

/* line 519, app/assets/stylesheets/flexadmin_main.scss */
pre code {
  background: none;
  padding: 0;
  color: inherit;
}

/*--------------------------------------------------------------
# Blockquote
--------------------------------------------------------------*/
/* line 528, app/assets/stylesheets/flexadmin_main.scss */
blockquote {
  margin: 0 0 1rem;
  padding: var(--spacing-md) var(--spacing-lg);
  border-left: 4px solid var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

/* line 536, app/assets/stylesheets/flexadmin_main.scss */
blockquote p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Horizontal Rule
--------------------------------------------------------------*/
/* line 543, app/assets/stylesheets/flexadmin_main.scss */
hr {
  margin: var(--spacing-lg) 0;
  border: 0;
  border-top: 1px solid var(--border-color);
}

/*--------------------------------------------------------------
# Mark/Highlight
--------------------------------------------------------------*/
/* line 552, app/assets/stylesheets/flexadmin_main.scss */
mark,
.mark {
  padding: 0.125rem 0.25rem;
  background-color: var(--warning-color-light);
  border-radius: var(--radius-sm);
}

/*--------------------------------------------------------------
# Abbreviation
--------------------------------------------------------------*/
/* line 562, app/assets/stylesheets/flexadmin_main.scss */
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
}

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/
/* line 571, app/assets/stylesheets/flexadmin_main.scss */
img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
/* line 581, app/assets/stylesheets/flexadmin_main.scss */
table {
  border-collapse: collapse;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms Reset
--------------------------------------------------------------*/
/* line 589, app/assets/stylesheets/flexadmin_main.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/* line 600, app/assets/stylesheets/flexadmin_main.scss */
button {
  cursor: pointer;
  border: none;
  background: transparent;
}

/*--------------------------------------------------------------
# Focus Styles
--------------------------------------------------------------*/
/* line 609, app/assets/stylesheets/flexadmin_main.scss */
:focus,
:focus-visible {
  outline: none;
}

/*--------------------------------------------------------------
# Selection
--------------------------------------------------------------*/
/* line 617, app/assets/stylesheets/flexadmin_main.scss */
::-moz-selection {
  background-color: var(--accent-color);
  color: white;
}

/* line 622, app/assets/stylesheets/flexadmin_main.scss */
::selection {
  background-color: var(--accent-color);
  color: white;
}

/*--------------------------------------------------------------
# Scrollbar (WebKit)
--------------------------------------------------------------*/
/* line 630, app/assets/stylesheets/flexadmin_main.scss */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* line 635, app/assets/stylesheets/flexadmin_main.scss */
::-webkit-scrollbar-track {
  background: var(--background-color);
}

/* line 639, app/assets/stylesheets/flexadmin_main.scss */
::-webkit-scrollbar-thumb {
  background: var(--light-color);
  border-radius: var(--radius-full);
}

/* line 644, app/assets/stylesheets/flexadmin_main.scss */
::-webkit-scrollbar-thumb:hover {
  background: var(--muted-color);
}

/* Firefox scrollbar */
/* line 649, app/assets/stylesheets/flexadmin_main.scss */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--light-color) var(--background-color);
}

/*--------------------------------------------------------------
# Animations & Transitions
--------------------------------------------------------------*/
/* Keyframes */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%,
100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes bounce {
  0%,
100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes shake {
  0%,
100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}

/* Animation utility classes */
/* line 779, app/assets/stylesheets/flexadmin_main.scss */
.animate-fade-in {
  animation: fadeIn var(--transition-base) ease-out;
}

/* line 783, app/assets/stylesheets/flexadmin_main.scss */
.animate-fade-in-up {
  animation: fadeInUp var(--transition-slow) ease-out;
}

/* line 787, app/assets/stylesheets/flexadmin_main.scss */
.animate-fade-in-down {
  animation: fadeInDown var(--transition-slow) ease-out;
}

/* line 791, app/assets/stylesheets/flexadmin_main.scss */
.animate-slide-in-left {
  animation: slideInLeft var(--transition-slow) ease-out;
}

/* line 795, app/assets/stylesheets/flexadmin_main.scss */
.animate-slide-in-right {
  animation: slideInRight var(--transition-slow) ease-out;
}

/* line 799, app/assets/stylesheets/flexadmin_main.scss */
.animate-scale-in {
  animation: scaleIn var(--transition-base) ease-out;
}

/* line 803, app/assets/stylesheets/flexadmin_main.scss */
.animate-spin {
  animation: spin 1s linear infinite;
}

/* line 807, app/assets/stylesheets/flexadmin_main.scss */
.animate-pulse {
  animation: pulse 2s ease-in-out infinite;
}

/* line 811, app/assets/stylesheets/flexadmin_main.scss */
.animate-bounce {
  animation: bounce 1s ease-in-out infinite;
}

/* Transition utilities */
/* line 816, app/assets/stylesheets/flexadmin_main.scss */
.transition-none {
  transition: none !important;
}

/* line 820, app/assets/stylesheets/flexadmin_main.scss */
.transition-all {
  transition: all var(--transition-base);
}

/* line 824, app/assets/stylesheets/flexadmin_main.scss */
.transition-colors {
  transition: color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base);
}

/* line 828, app/assets/stylesheets/flexadmin_main.scss */
.transition-opacity {
  transition: opacity var(--transition-base);
}

/* line 832, app/assets/stylesheets/flexadmin_main.scss */
.transition-transform {
  transition: transform var(--transition-base);
}

/* Hover transform utilities */
/* line 837, app/assets/stylesheets/flexadmin_main.scss */
.hover-lift {
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

/* line 841, app/assets/stylesheets/flexadmin_main.scss */
.hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* line 846, app/assets/stylesheets/flexadmin_main.scss */
.hover-scale {
  transition: transform var(--transition-fast);
}

/* line 850, app/assets/stylesheets/flexadmin_main.scss */
.hover-scale:hover {
  transform: scale(1.02);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  /* line 857, app/assets/stylesheets/flexadmin_main.scss */
  *,
*::before,
*::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/*--------------------------------------------------------------
# Bootstrap Overrides
--------------------------------------------------------------*/
/* Container widths */
/* line 870, app/assets/stylesheets/flexadmin_main.scss */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

/* Row gutter */
/* line 882, app/assets/stylesheets/flexadmin_main.scss */
.row {
  --bs-gutter-x: var(--spacing-lg);
  --bs-gutter-y: var(--spacing-lg);
}

/* Grid - ensure all columns use CSS custom properties */
/* line 888, app/assets/stylesheets/flexadmin_main.scss */
.row > * {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}

/* Button overrides */
/* line 894, app/assets/stylesheets/flexadmin_main.scss */
.btn {
  font-weight: 500;
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}

/* line 900, app/assets/stylesheets/flexadmin_main.scss */
.btn-primary {
  --bs-btn-bg: var(--accent-color);
  --bs-btn-border-color: var(--accent-color);
  --bs-btn-hover-bg: color-mix(in srgb, var(--accent-color), black 10%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--accent-color), black 10%);
  --bs-btn-active-bg: color-mix(in srgb, var(--accent-color), black 15%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--accent-color), black 15%);
}

/* line 909, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-primary {
  --bs-btn-color: var(--accent-color);
  --bs-btn-border-color: var(--accent-color);
  --bs-btn-hover-color: var(--contrast-color);
  --bs-btn-hover-bg: var(--accent-color);
  --bs-btn-hover-border-color: var(--accent-color);
  --bs-btn-active-color: var(--contrast-color);
  --bs-btn-active-bg: color-mix(in srgb, var(--accent-color), black 10%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--accent-color), black 10%);
}

/* line 920, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-secondary {
  --bs-btn-color: var(--muted-color);
  --bs-btn-border-color: var(--muted-color);
  --bs-btn-hover-color: var(--contrast-color);
  --bs-btn-hover-bg: var(--muted-color);
  --bs-btn-hover-border-color: var(--muted-color);
  --bs-btn-active-color: var(--contrast-color);
  --bs-btn-active-bg: color-mix(in srgb, var(--muted-color), black 10%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--muted-color), black 10%);
}

/* line 931, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-success {
  --bs-btn-color: var(--success-color);
  --bs-btn-border-color: var(--success-color);
  --bs-btn-hover-color: var(--contrast-color);
  --bs-btn-hover-bg: var(--success-color);
  --bs-btn-hover-border-color: var(--success-color);
  --bs-btn-active-color: var(--contrast-color);
  --bs-btn-active-bg: color-mix(in srgb, var(--success-color), black 10%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--success-color), black 10%);
}

/* line 942, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-warning {
  --bs-btn-color: var(--warning-color);
  --bs-btn-border-color: var(--warning-color);
  --bs-btn-hover-color: var(--heading-color);
  --bs-btn-hover-bg: var(--warning-color);
  --bs-btn-hover-border-color: var(--warning-color);
  --bs-btn-active-color: var(--heading-color);
  --bs-btn-active-bg: color-mix(in srgb, var(--warning-color), black 10%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--warning-color), black 10%);
}

/* line 953, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-danger {
  --bs-btn-color: var(--danger-color);
  --bs-btn-border-color: var(--danger-color);
  --bs-btn-hover-color: var(--contrast-color);
  --bs-btn-hover-bg: var(--danger-color);
  --bs-btn-hover-border-color: var(--danger-color);
  --bs-btn-active-color: var(--contrast-color);
  --bs-btn-active-bg: color-mix(in srgb, var(--danger-color), black 10%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--danger-color), black 10%);
}

/* line 964, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-info {
  --bs-btn-color: var(--info-color);
  --bs-btn-border-color: var(--info-color);
  --bs-btn-hover-color: var(--contrast-color);
  --bs-btn-hover-bg: var(--info-color);
  --bs-btn-hover-border-color: var(--info-color);
  --bs-btn-active-color: var(--contrast-color);
  --bs-btn-active-bg: color-mix(in srgb, var(--info-color), black 10%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--info-color), black 10%);
}

/* Form controls */
/* line 976, app/assets/stylesheets/flexadmin_main.scss */
.form-control,
.form-select {
  border-radius: var(--radius-md);
  border-color: var(--input-border);
  padding: var(--spacing-sm) var(--spacing-md);
}

/* line 983, app/assets/stylesheets/flexadmin_main.scss */
.form-control:focus,
.form-select:focus {
  border-color: var(--input-focus-border);
  box-shadow: none;
  outline: none;
}

/* Remove all focus outlines and rings */
/* line 991, app/assets/stylesheets/flexadmin_main.scss */
:focus,
:focus-visible {
  outline: none;
}

/* line 996, app/assets/stylesheets/flexadmin_main.scss */
.btn:focus,
.form-check-input:focus,
.accordion-button:focus,
.page-link:focus,
.dropdown-toggle:focus {
  box-shadow: none;
}

/* Cards */
/* line 1005, app/assets/stylesheets/flexadmin_main.scss */
.card {
  border-radius: var(--radius-lg);
  border-color: var(--card-border);
  box-shadow: var(--card-shadow);
  margin-bottom: var(--spacing-lg);
}

/* line 1012, app/assets/stylesheets/flexadmin_main.scss */
.card:last-child {
  margin-bottom: 0;
}

/* Modals */
/* line 1017, app/assets/stylesheets/flexadmin_main.scss */
.modal-content {
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-color);
}

/* Dropdowns */
/* line 1023, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu {
  border-radius: var(--radius-lg);
  border-color: var(--border-color);
  box-shadow: var(--shadow-lg);
  padding: var(--spacing-sm) 0;
}

/* line 1030, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item {
  padding: var(--spacing-sm) var(--spacing-md);
  transition: background-color var(--transition-fast);
}

/* line 1035, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--background-color);
}

/* Alerts */
/* line 1041, app/assets/stylesheets/flexadmin_main.scss */
.alert {
  border-radius: var(--radius-md);
}

/* Badges */
/* line 1046, app/assets/stylesheets/flexadmin_main.scss */
.badge {
  font-weight: 600;
  border-radius: var(--radius-sm);
}

/* List Group */
/* line 1052, app/assets/stylesheets/flexadmin_main.scss */
.list-group-item {
  border-color: var(--border-color);
  padding: var(--spacing-md) var(--spacing-lg);
}

/* line 1057, app/assets/stylesheets/flexadmin_main.scss */
.list-group-item.active {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* Navs & Tabs */
/* line 1063, app/assets/stylesheets/flexadmin_main.scss */
.nav-link {
  color: var(--muted-color);
  transition: color var(--transition-fast);
}

/* line 1068, app/assets/stylesheets/flexadmin_main.scss */
.nav-link:hover {
  color: var(--accent-color);
}

/* line 1072, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs .nav-link.active {
  color: var(--heading-color);
  border-color: var(--border-color) var(--border-color) var(--surface-color);
}

/* line 1077, app/assets/stylesheets/flexadmin_main.scss */
.nav-pills .nav-link.active {
  background-color: var(--accent-color);
}

/* Tables */
/* line 1082, app/assets/stylesheets/flexadmin_main.scss */
.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--default-color);
  --bs-table-border-color: var(--border-color);
  --bs-table-striped-bg: var(--table-stripe-bg);
  --bs-table-hover-bg: var(--table-hover-bg);
}

/* line 1090, app/assets/stylesheets/flexadmin_main.scss */
.table > thead {
  background-color: var(--table-header-bg);
}

/* Pagination */
/* line 1095, app/assets/stylesheets/flexadmin_main.scss */
.page-link {
  color: var(--default-color);
  border-color: var(--border-color);
}

/* line 1100, app/assets/stylesheets/flexadmin_main.scss */
.page-link:hover {
  color: var(--accent-color);
  background-color: var(--background-color);
}

/* line 1105, app/assets/stylesheets/flexadmin_main.scss */
.page-item.active .page-link {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* Progress */
/* line 1111, app/assets/stylesheets/flexadmin_main.scss */
.progress {
  background-color: var(--background-color);
  border-radius: var(--radius-full);
}

/* line 1116, app/assets/stylesheets/flexadmin_main.scss */
.progress-bar {
  background-color: var(--accent-color);
}

/* Accordion */
/* line 1121, app/assets/stylesheets/flexadmin_main.scss */
.accordion-button {
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--surface-color);
  color: var(--heading-color);
}

/* line 1127, app/assets/stylesheets/flexadmin_main.scss */
.accordion-button:not(.collapsed) {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 1132, app/assets/stylesheets/flexadmin_main.scss */
.accordion-button:focus {
  box-shadow: none;
}

/* line 1136, app/assets/stylesheets/flexadmin_main.scss */
.accordion-body {
  padding: var(--spacing-lg);
}

/* Breadcrumb */
/* line 1141, app/assets/stylesheets/flexadmin_main.scss */
.breadcrumb {
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
}

/* line 1147, app/assets/stylesheets/flexadmin_main.scss */
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--light-color);
}

/* Close button */
/* line 1152, app/assets/stylesheets/flexadmin_main.scss */
.btn-close {
  opacity: 0.5;
  transition: opacity var(--transition-fast);
}

/* line 1157, app/assets/stylesheets/flexadmin_main.scss */
.btn-close:hover {
  opacity: 1;
}

/* Tooltips */
/* line 1162, app/assets/stylesheets/flexadmin_main.scss */
.tooltip {
  font-size: 0.8125rem;
}

/* line 1166, app/assets/stylesheets/flexadmin_main.scss */
.tooltip-inner {
  background-color: var(--heading-color);
  border-radius: var(--radius-sm);
  padding: var(--spacing-xs) var(--spacing-sm);
}

/* Popovers */
/* line 1173, app/assets/stylesheets/flexadmin_main.scss */
.popover {
  border-color: var(--border-color);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

/* line 1179, app/assets/stylesheets/flexadmin_main.scss */
.popover-header {
  background-color: var(--background-color);
  border-bottom-color: var(--border-color);
}

/* Spinners */
/* line 1185, app/assets/stylesheets/flexadmin_main.scss */
.spinner-border {
  color: var(--accent-color);
}

/* Offcanvas */
/* line 1190, app/assets/stylesheets/flexadmin_main.scss */
.offcanvas {
  background-color: var(--surface-color);
  border-color: var(--border-color);
}

/* line 1195, app/assets/stylesheets/flexadmin_main.scss */
.offcanvas-header {
  border-bottom: 1px solid var(--border-color);
}

/* Input group */
/* line 1200, app/assets/stylesheets/flexadmin_main.scss */
.input-group-text {
  background-color: var(--background-color);
  border-color: var(--input-border);
}

/*--------------------------------------------------------------
# DataTables Overrides (simple-datatables)
--------------------------------------------------------------*/
/* line 1208, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper {
  overflow-x: auto;
}

/* line 1212, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-top,
.datatable-wrapper .datatable-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

/* line 1222, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-search {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 1228, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-search input {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.875rem;
  font-family: inherit;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  background-color: var(--input-bg);
  color: var(--default-color);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

/* line 1239, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-search input:focus {
  outline: none;
  border-color: var(--input-focus-border);
  box-shadow: 0 0 0 3px var(--input-focus-ring);
}

/* line 1245, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-dropdown {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: 0.875rem;
  color: var(--muted-color);
}

/* line 1253, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-dropdown select {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.875rem;
  font-family: inherit;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  background-color: var(--input-bg);
  color: var(--default-color);
  cursor: pointer;
}

/* line 1264, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-table {
  width: 100%;
  border-collapse: collapse;
}

/* line 1269, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-table thead th {
  padding: var(--spacing-md);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  background-color: var(--table-header-bg);
  border-bottom: 1px solid var(--border-color);
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 1286, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-table thead th:hover {
  background-color: var(--table-hover-bg);
}

/* line 1290, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-table thead th.datatable-ascending::after,
.datatable-wrapper .datatable-table thead th.datatable-descending::after {
  content: "";
  display: inline-block;
  margin-left: var(--spacing-xs);
  border: 4px solid transparent;
}

/* line 1298, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-table thead th.datatable-ascending::after {
  border-bottom-color: var(--accent-color);
  transform: translateY(-2px);
}

/* line 1303, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-table thead th.datatable-descending::after {
  border-top-color: var(--accent-color);
  transform: translateY(2px);
}

/* line 1308, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-table tbody td {
  padding: var(--spacing-md);
  font-size: 0.875rem;
  color: var(--default-color);
  border-bottom: 1px solid var(--border-color-light);
  vertical-align: middle;
}

/* line 1316, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 1320, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-table tbody tr:hover td {
  background-color: var(--table-hover-bg);
}

/* line 1324, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-info {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 1329, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-pagination {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

/* line 1335, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-pagination button,
.datatable-wrapper .datatable-pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 var(--spacing-sm);
  font-size: 0.8125rem;
  font-family: inherit;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  background-color: var(--surface-color);
  color: var(--default-color);
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}

/* line 1354, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-pagination button:hover:not(:disabled),
.datatable-wrapper .datatable-pagination a:hover {
  background-color: var(--background-color);
  border-color: var(--border-color-dark);
}

/* line 1360, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-pagination .active button,
.datatable-wrapper .datatable-pagination .active a {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: white;
}

/* line 1367, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Empty state */
/* line 1373, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper .datatable-empty {
  text-align: center;
  padding: var(--spacing-2xl);
  color: var(--muted-color);
}

/*--------------------------------------------------------------
# Chart Library Overrides
--------------------------------------------------------------*/
/* ApexCharts */
/* line 1383, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-canvas {
  font-family: var(--font-default) !important;
}

/* line 1387, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-title-text {
  fill: var(--heading-color) !important;
}

/* line 1391, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-subtitle-text {
  fill: var(--muted-color) !important;
}

/* line 1395, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-legend-text {
  color: var(--default-color) !important;
}

/* line 1399, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-xaxis-label,
.apexcharts-yaxis-label {
  fill: var(--muted-color) !important;
}

/* line 1404, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-gridline {
  stroke: var(--border-color) !important;
}

/* line 1408, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-tooltip {
  background-color: var(--surface-color) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* line 1415, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-tooltip-title {
  background-color: var(--background-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  padding: var(--spacing-sm) var(--spacing-md) !important;
  font-weight: 600 !important;
}

/* line 1422, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-tooltip-text {
  padding: var(--spacing-sm) var(--spacing-md) !important;
}

/* line 1426, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-menu {
  background-color: var(--surface-color) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* line 1433, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-menu-item {
  color: var(--default-color) !important;
}

/* line 1437, app/assets/stylesheets/flexadmin_main.scss */
.apexcharts-menu-item:hover {
  background-color: var(--background-color) !important;
}

/* Chart.js */
/* line 1442, app/assets/stylesheets/flexadmin_main.scss */
.chartjs-tooltip {
  background-color: var(--surface-color) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
  padding: var(--spacing-sm) var(--spacing-md) !important;
  font-family: var(--font-default) !important;
}

/* ECharts */
/* line 1452, app/assets/stylesheets/flexadmin_main.scss */
.echarts-tooltip {
  font-family: var(--font-default) !important;
}

/* Chart Containers */
/* line 1457, app/assets/stylesheets/flexadmin_main.scss */
.chart-container {
  position: relative;
  width: 100%;
  min-height: 300px;
}

/* line 1463, app/assets/stylesheets/flexadmin_main.scss */
.chart-container-sm {
  min-height: 200px;
}

/* line 1467, app/assets/stylesheets/flexadmin_main.scss */
.chart-container-lg {
  min-height: 400px;
}

/* Chart Loading State */
/* line 1472, app/assets/stylesheets/flexadmin_main.scss */
.chart-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-color);
}

/* Chart Legend Custom */
/* line 1485, app/assets/stylesheets/flexadmin_main.scss */
.chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  justify-content: center;
  padding-top: var(--spacing-md);
}

/* line 1493, app/assets/stylesheets/flexadmin_main.scss */
.chart-legend-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 1501, app/assets/stylesheets/flexadmin_main.scss */
.chart-legend-color {
  width: 12px;
  height: 12px;
  border-radius: var(--radius-sm);
}

/* Sparkline Charts */
/* line 1508, app/assets/stylesheets/flexadmin_main.scss */
.sparkline-container {
  height: 40px;
  width: 100%;
}

/* Mini Chart Stat */
/* line 1514, app/assets/stylesheets/flexadmin_main.scss */
.mini-chart {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-md);
}

/* line 1520, app/assets/stylesheets/flexadmin_main.scss */
.mini-chart-info {
  flex: 1;
}

/* line 1524, app/assets/stylesheets/flexadmin_main.scss */
.mini-chart-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 1531, app/assets/stylesheets/flexadmin_main.scss */
.mini-chart-label {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 1536, app/assets/stylesheets/flexadmin_main.scss */
.mini-chart-canvas {
  width: 100px;
  height: 50px;
}

/*--------------------------------------------------------------
# Header - FlexAdmin
# Command-bar style header with contextual chip,
# floating controls, and richly styled dropdown surfaces.
--------------------------------------------------------------*/
/* line 1546, app/assets/stylesheets/flexadmin_main.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-height);
  background: var(--header-bg);
  -webkit-backdrop-filter: saturate(140%) blur(8px);
  backdrop-filter: saturate(140%) blur(8px);
  border-bottom: 1px solid var(--header-border);
  box-shadow: var(--header-shadow);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: 0 var(--spacing-md);
  z-index: 1000;
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

@media (min-width: 576px) {
  /* line 1566, app/assets/stylesheets/flexadmin_main.scss */
  .header {
    padding: 0 var(--spacing-lg);
  }
}

/* line 1571, app/assets/stylesheets/flexadmin_main.scss */
.header-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

@media (min-width: 1200px) {
  /* line 1579, app/assets/stylesheets/flexadmin_main.scss */
  .header-left {
    min-width: calc(var(--sidebar-width) - var(--spacing-lg) - 10px);
  }
}

/* line 1584, app/assets/stylesheets/flexadmin_main.scss */
.header-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--heading-font);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--heading-color);
  text-decoration: none;
}

/* line 1595, app/assets/stylesheets/flexadmin_main.scss */
.header-logo:hover {
  color: var(--accent-color);
}

/* line 1599, app/assets/stylesheets/flexadmin_main.scss */
.header-logo img {
  height: 22px;
  width: auto;
}

/* line 1604, app/assets/stylesheets/flexadmin_main.scss */
.header-logo span {
  display: none;
}

@media (min-width: 576px) {
  /* line 1609, app/assets/stylesheets/flexadmin_main.scss */
  .header-logo span {
    display: inline;
  }
}

/* line 1614, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-toggle {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--default-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-fast);
}

/* line 1627, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-toggle i {
  font-size: 1.15rem;
}

/* line 1631, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-toggle:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 40%);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
/* line 1640, app/assets/stylesheets/flexadmin_main.scss */
.header-search {
  flex: 1;
  max-width: 520px;
  margin: 0 var(--spacing-sm);
  display: none;
}

@media (min-width: 768px) {
  /* line 1648, app/assets/stylesheets/flexadmin_main.scss */
  .header-search {
    display: block;
  }
}

/* line 1653, app/assets/stylesheets/flexadmin_main.scss */
.search-form {
  position: relative;
  display: flex;
  align-items: center;
}

/* line 1659, app/assets/stylesheets/flexadmin_main.scss */
.search-icon {
  position: absolute;
  left: 14px;
  font-size: 0.9rem;
  color: var(--muted-color);
  pointer-events: none;
}

/* line 1667, app/assets/stylesheets/flexadmin_main.scss */
.search-form input {
  width: 100%;
  height: 42px;
  padding: 0 52px 0 40px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--surface-color), var(--background-color) 24%);
  color: var(--default-color);
  font-size: 0.83rem;
  transition: all var(--transition-fast);
}

/* line 1679, app/assets/stylesheets/flexadmin_main.scss */
.search-form input::-moz-placeholder {
  color: var(--light-color);
}

/* line 1683, app/assets/stylesheets/flexadmin_main.scss */
.search-form input::placeholder {
  color: var(--light-color);
}

/* line 1687, app/assets/stylesheets/flexadmin_main.scss */
.search-form input:focus,
.search-form input:focus-visible {
  outline: none;
  border-color: var(--accent-color);
  background: var(--surface-color);
  box-shadow: 0 0 0 4px var(--input-focus-ring);
}

/* line 1695, app/assets/stylesheets/flexadmin_main.scss */
.search-shortcut {
  position: absolute;
  right: 10px;
  height: 24px;
  min-width: 24px;
  border-radius: 7px;
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--light-color);
  font-size: 0.72rem;
  font-family: var(--mono-font);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  pointer-events: none;
}

/*--------------------------------------------------------------
# Right Action Cluster
--------------------------------------------------------------*/
/* line 1717, app/assets/stylesheets/flexadmin_main.scss */
.header-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

/* line 1724, app/assets/stylesheets/flexadmin_main.scss */
.header-actions-desktop {
  display: none;
  align-items: center;
  gap: 8px;
}

@media (min-width: 768px) {
  /* line 1731, app/assets/stylesheets/flexadmin_main.scss */
  .header-actions-desktop {
    display: flex;
  }
}

/* line 1736, app/assets/stylesheets/flexadmin_main.scss */
.header-actions-mobile {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

@media (min-width: 768px) {
  /* line 1743, app/assets/stylesheets/flexadmin_main.scss */
  .header-actions-mobile {
    display: none;
  }
}

/* line 1748, app/assets/stylesheets/flexadmin_main.scss */
.header-action-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* line 1754, app/assets/stylesheets/flexadmin_main.scss */
.header-action-cluster {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  border: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--surface-color), var(--background-color) 16%);
  box-shadow: 0 12px 24px -20px rgba(15, 23, 40, 0.35);
}

/* line 1765, app/assets/stylesheets/flexadmin_main.scss */
.header-action {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--border-color), transparent 20%);
  background: var(--surface-color);
  color: var(--muted-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-fast);
  cursor: pointer;
}

/* line 1780, app/assets/stylesheets/flexadmin_main.scss */
.header-action i {
  font-size: 1.1rem;
}

/* line 1784, app/assets/stylesheets/flexadmin_main.scss */
.header-action:hover {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}

/* line 1790, app/assets/stylesheets/flexadmin_main.scss */
.header-divider {
  display: none;
  width: 1px;
  height: 30px;
  background: var(--border-color);
  margin: 0 6px;
}

@media (min-width: 768px) {
  /* line 1799, app/assets/stylesheets/flexadmin_main.scss */
  .header-divider {
    display: block;
  }
}

/* line 1804, app/assets/stylesheets/flexadmin_main.scss */
.header-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: var(--radius-full);
  background: var(--danger-color);
  color: var(--contrast-color);
  font-size: 0.62rem;
  line-height: 17px;
  text-align: center;
  font-weight: 700;
}

/* line 1820, app/assets/stylesheets/flexadmin_main.scss */
.theme-toggle .theme-icon-light {
  display: none;
}

/* line 1824, app/assets/stylesheets/flexadmin_main.scss */
.theme-toggle i {
  font-size: 1.2rem;
}

/* line 1828, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .theme-toggle .theme-icon-dark {
  display: none;
}

/* line 1832, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .theme-toggle .theme-icon-light {
  display: block;
}

/*--------------------------------------------------------------
# Shared Dropdown Surface
--------------------------------------------------------------*/
/* line 1839, app/assets/stylesheets/flexadmin_main.scss */
.header .dropdown-menu {
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl);
  background: var(--surface-color);
  box-shadow: var(--shadow-xl);
  padding: 0;
  overflow: hidden;
}

/* line 1849, app/assets/stylesheets/flexadmin_main.scss */
.menu-title {
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-color);
  color: var(--heading-color);
  font-size: 0.84rem;
  font-weight: 700;
}

/* Language */
/* line 1858, app/assets/stylesheets/flexadmin_main.scss */
.lang-dropdown .dropdown-toggle::after {
  display: none;
}

/* line 1862, app/assets/stylesheets/flexadmin_main.scss */
.lang-trigger {
  padding: 0;
}

/* line 1866, app/assets/stylesheets/flexadmin_main.scss */
.lang-flag {
  width: 22px;
  height: 16px;
  border-radius: 3px;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 1874, app/assets/stylesheets/flexadmin_main.scss */
.lang-menu {
  width: 210px;
}

/* line 1878, app/assets/stylesheets/flexadmin_main.scss */
.lang-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 0.8rem;
  color: var(--default-color);
  text-decoration: none;
}

/* line 1888, app/assets/stylesheets/flexadmin_main.scss */
.lang-item:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  color: var(--accent-color);
}

/* line 1893, app/assets/stylesheets/flexadmin_main.scss */
.lang-item span {
  flex: 1;
}

/* line 1897, app/assets/stylesheets/flexadmin_main.scss */
.lang-item i {
  color: var(--accent-color);
  font-size: 0.9rem;
}

/* line 1902, app/assets/stylesheets/flexadmin_main.scss */
.lang-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 91%);
  font-weight: 600;
}

/* Quick access */
/* line 1908, app/assets/stylesheets/flexadmin_main.scss */
.quickaccess-dropdown .dropdown-toggle::after {
  display: none;
}

/* line 1912, app/assets/stylesheets/flexadmin_main.scss */
.quickaccess-menu {
  width: 286px;
}

/* line 1916, app/assets/stylesheets/flexadmin_main.scss */
.quickaccess-grid {
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

/* line 1923, app/assets/stylesheets/flexadmin_main.scss */
.quickaccess-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 10px 6px;
  border-radius: 12px;
  text-decoration: none;
  transition: all var(--transition-fast);
}

/* line 1934, app/assets/stylesheets/flexadmin_main.scss */
.quickaccess-item:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}

/* line 1938, app/assets/stylesheets/flexadmin_main.scss */
.quickaccess-icon {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}

/* line 1949, app/assets/stylesheets/flexadmin_main.scss */
.quickaccess-icon i {
  font-size: 1rem;
}

/* line 1953, app/assets/stylesheets/flexadmin_main.scss */
.quickaccess-label {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--default-color);
}

/* Notifications */
/* line 1960, app/assets/stylesheets/flexadmin_main.scss */
.notification-dropdown .dropdown-toggle::after {
  display: none;
}

/* line 1964, app/assets/stylesheets/flexadmin_main.scss */
.notification-menu {
  width: 360px;
}

/* line 1968, app/assets/stylesheets/flexadmin_main.scss */
.messages-dropdown .dropdown-toggle::after {
  display: none;
}

/* line 1972, app/assets/stylesheets/flexadmin_main.scss */
.messages-menu {
  width: 360px;
}

/* line 1976, app/assets/stylesheets/flexadmin_main.scss */
.messages-menu .notification-item {
  color: var(--default-color);
  text-decoration: none;
}

/* line 1981, app/assets/stylesheets/flexadmin_main.scss */
.messages-menu .notification-item .notification-title,
.messages-menu .notification-item .notification-text,
.messages-menu .notification-item .notification-time {
  color: inherit;
}

/* line 1987, app/assets/stylesheets/flexadmin_main.scss */
.notification-header {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--background-color), var(--surface-color) 20%);
}

/* line 1996, app/assets/stylesheets/flexadmin_main.scss */
.notification-header h6 {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 2003, app/assets/stylesheets/flexadmin_main.scss */
.notification-count {
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 2008, app/assets/stylesheets/flexadmin_main.scss */
.notification-mark-read {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
}

/* line 2015, app/assets/stylesheets/flexadmin_main.scss */
.notification-list {
  max-height: 350px;
  overflow-y: auto;
}

/* line 2020, app/assets/stylesheets/flexadmin_main.scss */
.notification-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-color-light);
  cursor: pointer;
  transition: background var(--transition-fast);
}

/* line 2031, app/assets/stylesheets/flexadmin_main.scss */
.notification-item:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
}

/* line 2035, app/assets/stylesheets/flexadmin_main.scss */
.notification-item.unread {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 2039, app/assets/stylesheets/flexadmin_main.scss */
.notification-dot {
  position: absolute;
  left: 6px;
  top: 18px;
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  background: var(--accent-color);
}

/* line 2049, app/assets/stylesheets/flexadmin_main.scss */
.notification-avatar,
.notification-icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  flex-shrink: 0;
}

/* line 2057, app/assets/stylesheets/flexadmin_main.scss */
.notification-avatar {
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 2062, app/assets/stylesheets/flexadmin_main.scss */
.notification-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 2068, app/assets/stylesheets/flexadmin_main.scss */
.notification-icon.success {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 2073, app/assets/stylesheets/flexadmin_main.scss */
.notification-icon.warning {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 2078, app/assets/stylesheets/flexadmin_main.scss */
.notification-icon.info {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 2083, app/assets/stylesheets/flexadmin_main.scss */
.notification-content {
  min-width: 0;
}

/* line 2087, app/assets/stylesheets/flexadmin_main.scss */
.notification-title {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 2093, app/assets/stylesheets/flexadmin_main.scss */
.notification-text {
  margin-top: 1px;
  font-size: 0.77rem;
  line-height: 1.38;
  color: var(--muted-color);
}

/* line 2100, app/assets/stylesheets/flexadmin_main.scss */
.notification-time {
  margin-top: 4px;
  display: inline-block;
  font-size: 0.69rem;
  color: var(--light-color);
}

/* line 2107, app/assets/stylesheets/flexadmin_main.scss */
.notification-footer {
  padding: 10px 14px;
  border-top: 1px solid var(--border-color);
  text-align: center;
}

/* line 2113, app/assets/stylesheets/flexadmin_main.scss */
.notification-footer a {
  color: var(--accent-color);
  text-decoration: none;
  font-size: 0.78rem;
  font-weight: 600;
}

/* User */
/* line 2121, app/assets/stylesheets/flexadmin_main.scss */
.user-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px 4px 4px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: all var(--transition-fast);
}

/* line 2133, app/assets/stylesheets/flexadmin_main.scss */
.user-trigger:hover {
  border-color: var(--border-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 2138, app/assets/stylesheets/flexadmin_main.scss */
.user-trigger.dropdown-toggle::after {
  display: none;
}

/* line 2142, app/assets/stylesheets/flexadmin_main.scss */
.user-avatar {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid var(--border-color);
}

/* line 2151, app/assets/stylesheets/flexadmin_main.scss */
.user-brief {
  display: none;
  flex-direction: column;
  min-width: 0;
}

@media (min-width: 992px) {
  /* line 2158, app/assets/stylesheets/flexadmin_main.scss */
  .user-brief {
    display: flex;
  }
}

/* line 2163, app/assets/stylesheets/flexadmin_main.scss */
.user-name {
  font-size: 0.77rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 2170, app/assets/stylesheets/flexadmin_main.scss */
.user-role {
  font-size: 0.67rem;
  color: var(--muted-color);
}

/* line 2175, app/assets/stylesheets/flexadmin_main.scss */
.user-chevron {
  font-size: 0.62rem;
  color: var(--light-color);
  display: none;
}

@media (min-width: 992px) {
  /* line 2182, app/assets/stylesheets/flexadmin_main.scss */
  .user-chevron {
    display: block;
  }
}

/* line 2187, app/assets/stylesheets/flexadmin_main.scss */
.user-menu {
  width: 250px;
}

/* line 2191, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  border-bottom: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 2200, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-avatar {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 62%);
}

/* line 2209, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-name {
  font-size: 0.83rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 2215, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-email {
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 2220, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-body {
  padding: 8px;
}

/* line 2224, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 11px;
  text-decoration: none;
  color: var(--default-color);
  font-size: 0.8rem;
  font-weight: 600;
}

/* line 2236, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-item:hover {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}

/* line 2241, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-icon {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--background-color);
  color: var(--muted-color);
}

/* line 2252, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-footer {
  padding: 8px;
  border-top: 1px solid var(--border-color);
}

/* line 2257, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  border-radius: 11px;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--danger-color);
}

/* line 2270, app/assets/stylesheets/flexadmin_main.scss */
.user-menu-logout:hover {
  background: var(--danger-color-light);
}

/*--------------------------------------------------------------
# Mobile Search + Menu
--------------------------------------------------------------*/
/* line 2277, app/assets/stylesheets/flexadmin_main.scss */
.mobile-search,
.mobile-header-menu {
  display: none;
  position: fixed;
  top: var(--header-height);
  left: 0;
  right: 0;
  z-index: 998;
  background: var(--header-bg);
  border-bottom: 1px solid var(--border-color);
  box-shadow: var(--shadow-md);
  animation: headerDrop var(--transition-fast) ease;
}

/* line 2291, app/assets/stylesheets/flexadmin_main.scss */
.mobile-search.active,
.mobile-header-menu.active {
  display: block;
}

/* line 2296, app/assets/stylesheets/flexadmin_main.scss */
.mobile-search {
  padding: 8px var(--spacing-md);
}

/* line 2300, app/assets/stylesheets/flexadmin_main.scss */
.mobile-search .search-form input {
  height: 42px;
  padding-right: 42px;
  padding-left: 12px;
  border-radius: 12px;
}

/* line 2307, app/assets/stylesheets/flexadmin_main.scss */
.mobile-search .search-form button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 9px;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--muted-color);
  background: transparent;
}

/* line 2323, app/assets/stylesheets/flexadmin_main.scss */
.mobile-search .search-form button:hover {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}

/* line 2328, app/assets/stylesheets/flexadmin_main.scss */
.mobile-header-menu-content {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
}

/* line 2335, app/assets/stylesheets/flexadmin_main.scss */
.mobile-menu-item {
  position: relative;
  flex: 1;
  min-width: calc(33.333% - 6px);
  max-width: calc(33.333% - 6px);
  border: none;
  border-radius: 12px;
  background: transparent;
  color: var(--default-color);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 12px 6px;
  transition: all var(--transition-fast);
}

/* line 2354, app/assets/stylesheets/flexadmin_main.scss */
.mobile-menu-item:hover {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
}

/* line 2359, app/assets/stylesheets/flexadmin_main.scss */
.mobile-menu-item i {
  font-size: 1.14rem;
}

/* line 2363, app/assets/stylesheets/flexadmin_main.scss */
.mobile-menu-label {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--muted-color);
}

/* line 2371, app/assets/stylesheets/flexadmin_main.scss */
.mobile-menu-item:hover .mobile-menu-label {
  color: var(--accent-color);
}

/* line 2375, app/assets/stylesheets/flexadmin_main.scss */
.mobile-menu-item .badge {
  position: absolute;
  top: 8px;
  right: calc(50% - 19px);
  min-width: 17px;
  height: 17px;
  line-height: 17px;
  border-radius: var(--radius-full);
  background: var(--danger-color);
  color: var(--contrast-color);
  font-size: 0.62rem;
  font-weight: 700;
}

/* line 2389, app/assets/stylesheets/flexadmin_main.scss */
.mobile-menu-item-danger:hover {
  color: var(--danger-color);
  background: var(--danger-color-light);
}

/* line 2394, app/assets/stylesheets/flexadmin_main.scss */
.mobile-menu-item-danger:hover .mobile-menu-label {
  color: var(--danger-color);
}

/* line 2398, app/assets/stylesheets/flexadmin_main.scss */
.mobile-menu-item.theme-toggle .theme-icon-light {
  display: none;
}

/* line 2402, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .mobile-menu-item.theme-toggle .theme-icon-dark {
  display: none;
}

/* line 2406, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .mobile-menu-item.theme-toggle .theme-icon-light {
  display: block;
}

@media (min-width: 768px) {
  /* line 2412, app/assets/stylesheets/flexadmin_main.scss */
  .mobile-search,
.mobile-header-menu {
    display: none !important;
  }
}

@keyframes headerDrop {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*--------------------------------------------------------------
# Sidebar - FlexAdmin
# Frosted productivity rail with card-like nav groups,
# pill interactions, and workspace/footer utility modules.
--------------------------------------------------------------*/
/* line 2435, app/assets/stylesheets/flexadmin_main.scss */
.sidebar {
  position: fixed;
  top: var(--header-height);
  left: 0;
  bottom: 0;
  width: var(--sidebar-width);
  background: var(--sidebar-bg);
  border-right: 1px solid var(--sidebar-border);
  box-shadow: 14px 0 34px -26px rgba(15, 23, 40, 0.38);
  z-index: 999;
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-base);
  overflow: hidden;
}

/* line 2451, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .sidebar {
  box-shadow: 18px 0 44px -28px rgba(0, 0, 0, 0.8);
}

/* Mobile: Hidden by default */
@media (max-width: 1199px) {
  /* line 2457, app/assets/stylesheets/flexadmin_main.scss */
  .sidebar {
    transform: translateX(-100%);
  }
  /* line 2461, app/assets/stylesheets/flexadmin_main.scss */
  .sidebar-open .sidebar {
    transform: translateX(0);
  }
}

/* Desktop sidebar hide/show */
@media (min-width: 1200px) {
  /* line 2468, app/assets/stylesheets/flexadmin_main.scss */
  .sidebar-hidden .sidebar {
    transform: translateX(-100%);
  }
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/* line 2476, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-nav {
  flex: 1;
  padding: var(--spacing-md) var(--spacing-sm) var(--spacing-sm);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--sidebar-muted-color), transparent 42%) transparent;
}

/* line 2485, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-nav::-webkit-scrollbar {
  width: 4px;
}

/* line 2489, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-nav::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--sidebar-muted-color), transparent 42%);
  border-radius: 4px;
}

/* line 2494, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-nav::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--sidebar-muted-color), transparent 24%);
}

/* line 2498, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-menu,
.sidebar .nav-submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 2505, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-menu {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* line 2511, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-heading {
  padding: 16px 12px 6px;
  font-size: 0.64rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--sidebar-muted-color);
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 2525, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-heading::after {
  content: "";
  flex: 1;
  height: 1px;
  background: color-mix(in srgb, var(--sidebar-muted-color), transparent 78%);
}

/* line 2532, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-item {
  position: relative;
}

/* line 2536, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-item > .nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: var(--radius-lg);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--sidebar-color);
  text-decoration: none;
  transition: all var(--transition-fast);
  position: relative;
}

/* line 2550, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-item > .nav-link:hover {
  background: var(--sidebar-hover-bg);
  color: var(--heading-color);
}

/* line 2555, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: color-mix(in srgb, var(--accent-color), black 12%);
  flex-shrink: 0;
  transition: all var(--transition-fast);
}

/* line 2568, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-icon i {
  font-size: 1.125rem;
}

/* line 2572, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

/* line 2579, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  height: 18px;
  border-radius: var(--radius-full);
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
  margin-left: auto;
}

/* line 2594, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-badge-soft {
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
  color: color-mix(in srgb, var(--accent-color), black 8%);
}

/* line 2599, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--sidebar-muted-color);
  transition: transform var(--transition-fast), color var(--transition-fast);
}

/* line 2609, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-arrow i {
  font-size: 0.625rem;
}

/* line 2613, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-link[aria-expanded=true] > .nav-arrow,
.sidebar .has-submenu.open > .nav-link > .nav-arrow {
  transform: rotate(90deg);
  color: var(--accent-color);
}

/* line 2619, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-item > .nav-link.active {
  color: var(--contrast-color);
  background: linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color), black 12%));
  box-shadow: 0 12px 20px -14px color-mix(in srgb, var(--accent-color), black 18%);
}

/* line 2625, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-item > .nav-link.active .nav-icon {
  background: rgba(255, 255, 255, 0.18);
  color: var(--contrast-color);
}

/* line 2630, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-item > .nav-link.active .nav-badge-soft,
.sidebar .nav-item > .nav-link.active .nav-badge {
  background: rgba(255, 255, 255, 0.2);
  color: var(--contrast-color);
}

/* line 2636, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-item > .nav-link.active .nav-arrow {
  color: var(--contrast-color);
}

/* line 2640, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-item.has-submenu.open > .nav-link:not(.active) {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--heading-color);
}

/* line 2645, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-item.has-submenu.open > .nav-link:not(.active) .nav-icon {
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/*--------------------------------------------------------------
# Submenus
--------------------------------------------------------------*/
/* line 2652, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
}

/* line 2658, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .has-submenu.open > .nav-submenu,
.sidebar .nav-submenu.show {
  margin-top: 4px;
}

/* line 2663, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu > li {
  position: relative;
}

/* line 2667, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu > li > .nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 14px;
  padding: 7px 10px 7px 12px;
  border-radius: var(--radius-md);
  font-size: 0.785rem;
  font-weight: 500;
  color: var(--sidebar-muted-color);
  text-decoration: none;
  transition: all var(--transition-fast);
}

/* line 2681, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu > li > .nav-link:hover {
  color: var(--sidebar-color);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
}

/* line 2686, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu > li > .nav-link.active {
  color: color-mix(in srgb, var(--accent-color), black 8%);
  background: color-mix(in srgb, var(--accent-color), transparent 86%);
  font-weight: 700;
}

/* line 2692, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-dot {
  width: 7px;
  height: 7px;
  border-radius: var(--radius-full);
  border: 2px solid currentColor;
  opacity: 0.34;
  flex-shrink: 0;
  transition: all var(--transition-fast);
}

/* line 2702, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu > li > .nav-link:hover .nav-dot,
.sidebar .nav-submenu > li > .nav-link.active .nav-dot {
  opacity: 1;
  background: currentColor;
}

/* line 2708, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu .has-submenu > .nav-link {
  font-weight: 600;
}

/* line 2712, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu .has-submenu > .nav-link .nav-arrow {
  margin-left: auto;
}

/* line 2716, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu .has-submenu.open > .nav-link > .nav-arrow {
  transform: rotate(90deg);
}

/* line 2720, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu .has-submenu.open > .nav-submenu {
  margin-top: 4px;
}

/* line 2724, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu .nav-submenu > li > .nav-link {
  margin-left: 28px;
  font-size: 0.75rem;
}

/* line 2729, app/assets/stylesheets/flexadmin_main.scss */
.sidebar .nav-submenu .nav-submenu .nav-dot {
  width: 6px;
  height: 6px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/* line 2737, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer {
  margin-top: auto;
  padding: var(--spacing-sm);
  border-top: 1px solid var(--sidebar-border);
}

/* line 2743, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-user {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: var(--radius-xl);
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 82%);
}

/* line 2753, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
  text-decoration: none;
}

/* line 2762, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  flex-shrink: 0;
}

/* line 2772, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-info {
  min-width: 0;
}

/* line 2776, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-name {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--heading-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 2785, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-role {
  font-size: 0.675rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--sidebar-muted-color);
  font-weight: 600;
}

/* line 2793, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-actions {
  display: flex;
  gap: 4px;
}

/* line 2798, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-action {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--sidebar-muted-color);
  transition: all var(--transition-fast);
}

/* line 2810, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-action:hover {
  background: var(--sidebar-hover-bg);
  color: var(--sidebar-color);
}

/* line 2815, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-action i {
  font-size: 0.9rem;
}

/* line 2819, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-footer-logout:hover {
  color: var(--danger-color);
  background: color-mix(in srgb, var(--danger-color), transparent 86%);
}

/* line 2824, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-help-card {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-lg);
  border: 1px dashed color-mix(in srgb, var(--accent-color), transparent 72%);
  padding: 8px 10px;
  text-decoration: none;
  color: var(--sidebar-muted-color);
  font-size: 0.72rem;
  font-weight: 600;
  transition: all var(--transition-fast);
}

/* line 2839, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-help-card:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 46%);
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
  color: var(--sidebar-color);
}

/* line 2845, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-help-card i {
  font-size: 0.78rem;
}

/* line 2849, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-help-icon {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  flex-shrink: 0;
}

/* line 2861, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-help-text {
  flex: 1;
  line-height: 1.25;
}

/*--------------------------------------------------------------
# Overlay
--------------------------------------------------------------*/
/* line 2869, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-overlay {
  position: fixed;
  top: var(--header-height);
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(10, 16, 30, 0.56);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-base), visibility var(--transition-base);
}

/* line 2884, app/assets/stylesheets/flexadmin_main.scss */
.sidebar-open .sidebar-overlay {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1200px) {
  /* line 2890, app/assets/stylesheets/flexadmin_main.scss */
  .sidebar-overlay {
    display: none;
  }
}

@media (max-width: 575px) {
  /* line 2896, app/assets/stylesheets/flexadmin_main.scss */
  .sidebar {
    /* Use a responsive width without Sass calc to avoid unit incompatibility issues in SassC */
    width: 86vw;
  }
}

/*--------------------------------------------------------------
# Footer - FlexAdmin
# Structured utility footer with status signal,
# compact nav links, and right-aligned credits.
--------------------------------------------------------------*/
/* line 2907, app/assets/stylesheets/flexadmin_main.scss */
.footer {
  margin-top: auto;
  padding: 10px var(--spacing-lg);
  background: color-mix(in srgb, var(--surface-color), var(--background-color) 18%);
  border-top: 1px solid var(--border-color);
}

/* line 2914, app/assets/stylesheets/flexadmin_main.scss */
.footer-content {
  min-height: var(--footer-height);
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  text-align: center;
  gap: 8px;
}

/* line 2924, app/assets/stylesheets/flexadmin_main.scss */
.footer-meta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
}

/* line 2932, app/assets/stylesheets/flexadmin_main.scss */
.footer-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 28px;
  padding: 0 11px;
  border-radius: var(--radius-full);
  background: color-mix(in srgb, var(--success-color), transparent 88%);
  color: color-mix(in srgb, var(--success-color), black 14%);
  font-size: 0.71rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

/* line 2947, app/assets/stylesheets/flexadmin_main.scss */
.footer-status-dot {
  width: 7px;
  height: 7px;
  border-radius: var(--radius-full);
  background: var(--success-color);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--success-color), transparent 82%);
}

/* line 2955, app/assets/stylesheets/flexadmin_main.scss */
.footer-version {
  font-size: 0.74rem;
  color: var(--muted-color);
  font-weight: 600;
  white-space: nowrap;
}

/* line 2962, app/assets/stylesheets/flexadmin_main.scss */
.footer-links {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

/* line 2969, app/assets/stylesheets/flexadmin_main.scss */
.footer-links a {
  position: relative;
  color: var(--muted-color);
  text-decoration: none;
  font-size: 0.76rem;
  font-weight: 600;
  transition: color var(--transition-fast);
}

/* line 2978, app/assets/stylesheets/flexadmin_main.scss */
.footer-links a:hover {
  color: var(--accent-color);
}

/* line 2982, app/assets/stylesheets/flexadmin_main.scss */
.footer-links a:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -9px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  border-radius: var(--radius-full);
  background: color-mix(in srgb, var(--muted-color), transparent 38%);
}

/* line 2994, app/assets/stylesheets/flexadmin_main.scss */
.footer-credits {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 3002, app/assets/stylesheets/flexadmin_main.scss */
.footer-copyright {
  font-size: 0.74rem;
  color: var(--muted-color);
  line-height: 1.4;
}

/* line 3008, app/assets/stylesheets/flexadmin_main.scss */
.footer-copyright a {
  color: var(--accent-color);
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 991px) {
  /* line 3015, app/assets/stylesheets/flexadmin_main.scss */
  .footer {
    padding: 12px var(--spacing-md);
  }
  /* line 3019, app/assets/stylesheets/flexadmin_main.scss */
  .footer-content {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 10px;
  }
  /* line 3026, app/assets/stylesheets/flexadmin_main.scss */
  .footer-meta,
.footer-links,
.footer-credits {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  /* line 3034, app/assets/stylesheets/flexadmin_main.scss */
  .footer-links {
    gap: 12px;
    flex-wrap: wrap;
  }
  /* line 3039, app/assets/stylesheets/flexadmin_main.scss */
  .footer-version {
    display: none;
  }
}

/*--------------------------------------------------------------
# Main Content Area
--------------------------------------------------------------*/
/* line 3047, app/assets/stylesheets/flexadmin_main.scss */
.main {
  margin-top: var(--header-height);
  min-height: calc(100vh - var(--header-height));
  display: flex;
  flex-direction: column;
  transition: margin-left var(--transition-base);
}

/* Desktop: Account for sidebar */
@media (min-width: 1200px) {
  /* line 3057, app/assets/stylesheets/flexadmin_main.scss */
  .main {
    margin-left: var(--sidebar-width);
  }
  /* line 3061, app/assets/stylesheets/flexadmin_main.scss */
  .sidebar-hidden .main {
    margin-left: 0;
  }
}

/* Main Content */
/* line 3067, app/assets/stylesheets/flexadmin_main.scss */
.main-content {
  flex: 1;
  padding: var(--spacing-xl);
  padding-bottom: 4rem;
}

@media (max-width: 767px) {
  /* line 3074, app/assets/stylesheets/flexadmin_main.scss */
  .main-content {
    padding: var(--spacing-md);
    padding-bottom: var(--spacing-xl);
  }
  /* line 3079, app/assets/stylesheets/flexadmin_main.scss */
  .page-header {
    flex-direction: column;
  }
}

/* Page Header */
/* line 3085, app/assets/stylesheets/flexadmin_main.scss */
.page-header,
.pagetitle {
  margin-bottom: var(--spacing-xl);
}

/* line 3090, app/assets/stylesheets/flexadmin_main.scss */
.page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}

/* line 3098, app/assets/stylesheets/flexadmin_main.scss */
.page-header-actions {
  display: flex;
  gap: var(--spacing-sm);
}

/* line 3103, app/assets/stylesheets/flexadmin_main.scss */
.page-title,
.pagetitle h1 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 var(--spacing-sm);
}

/* Breadcrumb */
/* line 3112, app/assets/stylesheets/flexadmin_main.scss */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xs);
  padding: 0;
  margin: 0;
  background: transparent;
  font-size: 0.8125rem;
}

/* line 3123, app/assets/stylesheets/flexadmin_main.scss */
.breadcrumb-item {
  color: var(--muted-color);
}

/* line 3127, app/assets/stylesheets/flexadmin_main.scss */
.breadcrumb-item a {
  color: var(--muted-color);
  transition: color var(--transition-fast);
}

/* line 3132, app/assets/stylesheets/flexadmin_main.scss */
.breadcrumb-item a:hover {
  color: var(--accent-color);
}

/* line 3136, app/assets/stylesheets/flexadmin_main.scss */
.breadcrumb-item.active {
  color: var(--default-color);
}

/* line 3140, app/assets/stylesheets/flexadmin_main.scss */
.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  padding-right: var(--spacing-xs);
  color: var(--light-color);
}

/* Content Sections */
/* line 3147, app/assets/stylesheets/flexadmin_main.scss */
.section {
  margin-bottom: var(--spacing-xl);
}

/* line 3151, app/assets/stylesheets/flexadmin_main.scss */
.section:last-child {
  margin-bottom: 0;
}

/* line 3155, app/assets/stylesheets/flexadmin_main.scss */
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-lg);
  flex-wrap: wrap;
  gap: var(--spacing-md);
}

/* line 3164, app/assets/stylesheets/flexadmin_main.scss */
.section-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
}

/* line 3171, app/assets/stylesheets/flexadmin_main.scss */
.section-subtitle {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin-top: 2px;
}

/* Dashboard Grid */
/* line 3178, app/assets/stylesheets/flexadmin_main.scss */
.dashboard-grid {
  display: grid;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}

/* line 3184, app/assets/stylesheets/flexadmin_main.scss */
.dashboard-grid > .card {
  margin-bottom: 0;
  height: 100%;
}

/* line 3189, app/assets/stylesheets/flexadmin_main.scss */
.dashboard-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

/* line 3193, app/assets/stylesheets/flexadmin_main.scss */
.dashboard-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

/* line 3197, app/assets/stylesheets/flexadmin_main.scss */
.dashboard-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 991px) {
  /* line 3203, app/assets/stylesheets/flexadmin_main.scss */
  .dashboard-grid-3,
.dashboard-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  /* line 3211, app/assets/stylesheets/flexadmin_main.scss */
  .dashboard-grid-2,
.dashboard-grid-3,
.dashboard-grid-4 {
    grid-template-columns: 1fr;
  }
}

/* Two Column Layout */
/* line 3219, app/assets/stylesheets/flexadmin_main.scss */
.two-column-layout {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: var(--spacing-xl);
}

/* line 3225, app/assets/stylesheets/flexadmin_main.scss */
.two-column-layout > div > .card:last-child {
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  /* line 3230, app/assets/stylesheets/flexadmin_main.scss */
  .two-column-layout {
    grid-template-columns: 1fr;
  }
}

/* Back to Top Button */
/* line 3236, app/assets/stylesheets/flexadmin_main.scss */
.back-to-top {
  position: fixed;
  bottom: var(--spacing-xl);
  right: var(--spacing-xl);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-base), visibility var(--transition-base), background-color var(--transition-fast);
  z-index: 999;
}

/* line 3255, app/assets/stylesheets/flexadmin_main.scss */
.back-to-top:hover {
  background: color-mix(in srgb, var(--accent-color), black 10%);
  color: var(--contrast-color);
}

/* line 3260, app/assets/stylesheets/flexadmin_main.scss */
.back-to-top.visible {
  opacity: 1;
  visibility: visible;
}

/* line 3265, app/assets/stylesheets/flexadmin_main.scss */
.back-to-top i {
  font-size: 1.25rem;
}

/* Loading Overlay */
/* line 3270, app/assets/stylesheets/flexadmin_main.scss */
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-color);
  z-index: 9999;
  transition: opacity var(--transition-slow);
}

/* line 3284, app/assets/stylesheets/flexadmin_main.scss */
.loading-overlay.fade-out {
  opacity: 0;
  pointer-events: none;
}

/* line 3289, app/assets/stylesheets/flexadmin_main.scss */
.loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--border-color);
  border-top-color: var(--accent-color);
  border-radius: var(--radius-full);
  animation: spin 1s linear infinite;
}

/* Empty State */
/* line 3299, app/assets/stylesheets/flexadmin_main.scss */
.empty-state {
  text-align: center;
  padding: var(--spacing-2xl);
}

/* line 3304, app/assets/stylesheets/flexadmin_main.scss */
.empty-state-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-radius: var(--radius-full);
}

/* line 3316, app/assets/stylesheets/flexadmin_main.scss */
.empty-state-icon i {
  font-size: 2rem;
}

/* line 3320, app/assets/stylesheets/flexadmin_main.scss */
.empty-state-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-sm);
}

/* line 3327, app/assets/stylesheets/flexadmin_main.scss */
.empty-state-text {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-lg);
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Auth Layout - FlexAdmin
--------------------------------------------------------------*/
/* line 3339, app/assets/stylesheets/flexadmin_main.scss */
.fauth {
  min-height: 100vh;
  background: radial-gradient(circle at 6% 0%, color-mix(in srgb, var(--accent-color), transparent 94%) 0, transparent 38%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--info-color), transparent 95%) 0, transparent 34%), var(--background-color);
}

/* line 3344, app/assets/stylesheets/flexadmin_main.scss */
.fauth-split {
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
}

/* line 3349, app/assets/stylesheets/flexadmin_main.scss */
.fauth-centered {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
}

/* line 3356, app/assets/stylesheets/flexadmin_main.scss */
.fauth-visual {
  background: linear-gradient(165deg, color-mix(in srgb, var(--accent-color), #0f172a 25%), color-mix(in srgb, var(--accent-color), #020617 55%));
  color: #f8fafc;
  padding: 34px 28px;
  position: relative;
  overflow: hidden;
}

/* line 3364, app/assets/stylesheets/flexadmin_main.scss */
.fauth-visual::before,
.fauth-visual::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

/* line 3372, app/assets/stylesheets/flexadmin_main.scss */
.fauth-visual::before {
  width: 220px;
  height: 220px;
  top: -120px;
  right: -90px;
  background: rgba(255, 255, 255, 0.08);
}

/* line 3380, app/assets/stylesheets/flexadmin_main.scss */
.fauth-visual::after {
  width: 180px;
  height: 180px;
  bottom: -80px;
  left: -70px;
  background: rgba(255, 255, 255, 0.06);
}

/* line 3388, app/assets/stylesheets/flexadmin_main.scss */
.fauth-kicker {
  display: inline-flex;
  padding: 4px 9px;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.16);
  font-size: 0.67rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 22px 0 12px;
  position: relative;
  z-index: 1;
}

/* line 3402, app/assets/stylesheets/flexadmin_main.scss */
.fauth-visual-title {
  margin: 0;
  font-size: 1.7rem;
  line-height: 1.2;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  z-index: 1;
}

/* line 3412, app/assets/stylesheets/flexadmin_main.scss */
.fauth-visual-text {
  margin: 10px 0 18px;
  font-size: 0.84rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.84);
  position: relative;
  z-index: 1;
}

/* line 3421, app/assets/stylesheets/flexadmin_main.scss */
.fauth-visual-points {
  display: flex;
  flex-direction: column;
  gap: 9px;
  position: relative;
  z-index: 1;
}

/* line 3429, app/assets/stylesheets/flexadmin_main.scss */
.fauth-point {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.79rem;
  color: rgba(255, 255, 255, 0.92);
}

/* line 3437, app/assets/stylesheets/flexadmin_main.scss */
.fauth-point i {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.7);
}

/* line 3442, app/assets/stylesheets/flexadmin_main.scss */
.fauth-main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* line 3449, app/assets/stylesheets/flexadmin_main.scss */
.fauth-main-inner {
  width: 100%;
  max-width: 470px;
}

/* line 3454, app/assets/stylesheets/flexadmin_main.scss */
.fauth-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  font-size: 1.06rem;
  font-weight: 700;
}

/* line 3464, app/assets/stylesheets/flexadmin_main.scss */
.fauth-logo img {
  height: 23px;
  width: auto;
}

/* line 3469, app/assets/stylesheets/flexadmin_main.scss */
.fauth-visual .fauth-logo {
  color: #ffffff;
  position: relative;
  z-index: 1;
}

/* line 3475, app/assets/stylesheets/flexadmin_main.scss */
.fauth-visual .fauth-logo img {
  filter: brightness(0) invert(1);
}

/* line 3479, app/assets/stylesheets/flexadmin_main.scss */
.fauth-logo-center {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  color: var(--heading-color);
}

/* line 3486, app/assets/stylesheets/flexadmin_main.scss */
.fauth-card {
  border: 1px solid var(--border-color);
  background: var(--card-bg);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  padding: 22px;
}

/* line 3494, app/assets/stylesheets/flexadmin_main.scss */
.fauth-card-sm {
  max-width: 440px;
  margin: 0 auto;
}

/* line 3499, app/assets/stylesheets/flexadmin_main.scss */
.fauth-card-head {
  margin-bottom: 16px;
}

/* line 3503, app/assets/stylesheets/flexadmin_main.scss */
.fauth-title {
  margin: 0;
  color: var(--heading-color);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.25;
}

/* line 3511, app/assets/stylesheets/flexadmin_main.scss */
.fauth-subtitle {
  margin: 6px 0 0;
  color: var(--muted-color);
  font-size: 0.82rem;
  line-height: 1.55;
}

/* line 3518, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .form-label {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 6px;
}

/* line 3525, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .form-control {
  height: 42px;
  border-color: var(--input-border);
  background: var(--input-bg);
  color: var(--default-color);
  font-size: 0.84rem;
}

/* line 3533, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .form-control::-moz-placeholder {
  color: var(--light-color);
}

/* line 3537, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .form-control::placeholder {
  color: var(--light-color);
}

/* line 3541, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .form-control:focus {
  box-shadow: none;
  border-color: var(--input-focus-border);
}

/* line 3546, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .input-group .btn {
  border-color: var(--input-border);
  color: var(--muted-color);
  background: var(--input-bg);
}

/* line 3552, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .input-group .btn:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 3557, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .input-group .btn:focus {
  box-shadow: none;
  border-color: var(--input-focus-border);
}

/* line 3562, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .form-check {
  margin: 0;
  padding-left: 0;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

/* line 3570, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .form-check .form-check-input {
  position: static;
  margin-left: 0;
  margin-top: 0.18rem;
  width: 16px;
  height: 16px;
}

/* line 3578, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .form-check .form-check-label {
  color: var(--default-color);
  font-size: 0.78rem;
}

/* line 3583, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .form-text {
  margin-top: 6px;
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 3589, app/assets/stylesheets/flexadmin_main.scss */
.fauth-form .btn-primary {
  height: 42px;
  font-weight: 700;
  font-size: 0.84rem;
}

/* line 3595, app/assets/stylesheets/flexadmin_main.scss */
.fauth-field {
  margin-bottom: 12px;
}

/* line 3599, app/assets/stylesheets/flexadmin_main.scss */
.fauth-row-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

/* line 3606, app/assets/stylesheets/flexadmin_main.scss */
.fauth-link {
  color: var(--accent-color);
  text-decoration: none;
  font-size: 0.76rem;
  font-weight: 700;
}

/* line 3613, app/assets/stylesheets/flexadmin_main.scss */
.fauth-link:hover {
  color: color-mix(in srgb, var(--accent-color), black 20%);
}

/* line 3617, app/assets/stylesheets/flexadmin_main.scss */
.fauth-divider {
  margin: 14px 0;
  position: relative;
  text-align: center;
}

/* line 3623, app/assets/stylesheets/flexadmin_main.scss */
.fauth-divider span {
  position: relative;
  z-index: 1;
  background: var(--card-bg);
  padding: 0 8px;
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 3632, app/assets/stylesheets/flexadmin_main.scss */
.fauth-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: var(--border-color);
}

/* line 3642, app/assets/stylesheets/flexadmin_main.scss */
.fauth-social {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

/* line 3648, app/assets/stylesheets/flexadmin_main.scss */
.fauth-social .btn {
  height: 38px;
  font-size: 0.76rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* line 3658, app/assets/stylesheets/flexadmin_main.scss */
.fauth-foot-text {
  margin: 12px 0 0;
  color: var(--muted-color);
  text-align: center;
  font-size: 0.78rem;
}

/* line 3665, app/assets/stylesheets/flexadmin_main.scss */
.fauth-icon {
  width: 52px;
  height: 52px;
  border-radius: var(--radius-full);
  margin: 0 auto 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
}

/* line 3678, app/assets/stylesheets/flexadmin_main.scss */
.fauth-icon-success {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 3683, app/assets/stylesheets/flexadmin_main.scss */
.fauth-avatar {
  width: 84px;
  height: 84px;
  margin: 0 auto 10px;
}

/* line 3689, app/assets/stylesheets/flexadmin_main.scss */
.fauth-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--radius-full);
  border: 3px solid var(--card-bg);
  box-shadow: var(--shadow-md);
}

/* line 3699, app/assets/stylesheets/flexadmin_main.scss */
.fauth-otp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

/* line 3706, app/assets/stylesheets/flexadmin_main.scss */
.fauth-otp-input {
  width: 44px;
  height: 52px;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0;
}

/* line 3715, app/assets/stylesheets/flexadmin_main.scss */
.fauth-otp-gap {
  color: var(--muted-color);
  font-weight: 700;
  margin: 0 1px;
}

/* line 3721, app/assets/stylesheets/flexadmin_main.scss */
.footer-centered {
  margin-top: 16px;
  text-align: center;
  color: var(--muted-color);
  font-size: 0.72rem;
}

/* line 3728, app/assets/stylesheets/flexadmin_main.scss */
.footer-centered .footer-copyright {
  margin-bottom: 5px;
}

/* line 3732, app/assets/stylesheets/flexadmin_main.scss */
.footer-centered .footer-copyright a {
  color: var(--default-color);
  font-weight: 600;
  text-decoration: none;
}

/* line 3738, app/assets/stylesheets/flexadmin_main.scss */
.footer-centered .footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

/* line 3745, app/assets/stylesheets/flexadmin_main.scss */
.footer-centered .footer-links a {
  color: var(--muted-color);
  text-decoration: none;
}

/* line 3750, app/assets/stylesheets/flexadmin_main.scss */
.footer-centered .footer-links a:hover {
  color: var(--accent-color);
}

@media (max-width: 991px) {
  /* line 3755, app/assets/stylesheets/flexadmin_main.scss */
  .fauth-split {
    grid-template-columns: 1fr;
  }
  /* line 3759, app/assets/stylesheets/flexadmin_main.scss */
  .fauth-visual {
    display: none;
  }
}

@media (max-width: 575px) {
  /* line 3765, app/assets/stylesheets/flexadmin_main.scss */
  .fauth-main {
    padding: 12px;
  }
  /* line 3769, app/assets/stylesheets/flexadmin_main.scss */
  .fauth-centered {
    padding: 12px;
  }
  /* line 3773, app/assets/stylesheets/flexadmin_main.scss */
  .fauth-card {
    padding: 16px;
  }
  /* line 3777, app/assets/stylesheets/flexadmin_main.scss */
  .fauth-title {
    font-size: 1.24rem;
  }
  /* line 3781, app/assets/stylesheets/flexadmin_main.scss */
  .fauth-row-between {
    flex-wrap: wrap;
  }
  /* line 3785, app/assets/stylesheets/flexadmin_main.scss */
  .fauth-social {
    grid-template-columns: 1fr;
  }
  /* line 3789, app/assets/stylesheets/flexadmin_main.scss */
  .fauth-otp-input {
    width: 38px;
    height: 46px;
    font-size: 1.05rem;
  }
}

/*--------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/
/* line 3799, app/assets/stylesheets/flexadmin_main.scss */
.accordion {
  --bs-accordion-bg: var(--surface-color);
  --bs-accordion-border-color: var(--border-color);
  --bs-accordion-btn-color: var(--heading-color);
  --bs-accordion-btn-bg: var(--surface-color);
  --bs-accordion-active-color: var(--accent-color);
  --bs-accordion-active-bg: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 3808, app/assets/stylesheets/flexadmin_main.scss */
.accordion-button {
  font-weight: 500;
}

/* line 3812, app/assets/stylesheets/flexadmin_main.scss */
.accordion-button:focus {
  box-shadow: none;
  border-color: var(--border-color);
}

/* line 3817, app/assets/stylesheets/flexadmin_main.scss */
.accordion-button:not(.collapsed) {
  box-shadow: none;
}

/* line 3821, app/assets/stylesheets/flexadmin_main.scss */
.accordion-body {
  color: var(--default-color);
}

/* Flush Accordion */
/* line 3826, app/assets/stylesheets/flexadmin_main.scss */
.accordion-flush .accordion-item {
  border-left: 0;
  border-right: 0;
}

/* line 3831, app/assets/stylesheets/flexadmin_main.scss */
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}

/* line 3835, app/assets/stylesheets/flexadmin_main.scss */
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}

/* line 3839, app/assets/stylesheets/flexadmin_main.scss */
.accordion-flush .accordion-button {
  background-color: transparent;
}

/* line 3843, app/assets/stylesheets/flexadmin_main.scss */
.accordion-flush .accordion-button:not(.collapsed) {
  background-color: transparent;
}

/* Colored Accordions */
/* line 3848, app/assets/stylesheets/flexadmin_main.scss */
.accordion-primary .accordion-button:not(.collapsed) {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 3853, app/assets/stylesheets/flexadmin_main.scss */
.accordion-primary .accordion-item {
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
}

/* line 3857, app/assets/stylesheets/flexadmin_main.scss */
.accordion-success .accordion-button:not(.collapsed) {
  background-color: var(--success-color-light);
  color: var(--success-color);
}

/* line 3862, app/assets/stylesheets/flexadmin_main.scss */
.accordion-success .accordion-item {
  border-color: color-mix(in srgb, var(--success-color), transparent 70%);
}

/* line 3866, app/assets/stylesheets/flexadmin_main.scss */
.accordion-warning .accordion-button:not(.collapsed) {
  background-color: var(--warning-color-light);
  color: color-mix(in srgb, var(--warning-color), black 30%);
}

/* line 3871, app/assets/stylesheets/flexadmin_main.scss */
.accordion-warning .accordion-item {
  border-color: color-mix(in srgb, var(--warning-color), transparent 70%);
}

/* line 3875, app/assets/stylesheets/flexadmin_main.scss */
.accordion-danger .accordion-button:not(.collapsed) {
  background-color: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 3880, app/assets/stylesheets/flexadmin_main.scss */
.accordion-danger .accordion-item {
  border-color: color-mix(in srgb, var(--danger-color), transparent 70%);
}

/* line 3884, app/assets/stylesheets/flexadmin_main.scss */
.accordion-info .accordion-button:not(.collapsed) {
  background-color: var(--info-color-light);
  color: var(--info-color);
}

/* line 3889, app/assets/stylesheets/flexadmin_main.scss */
.accordion-info .accordion-item {
  border-color: color-mix(in srgb, var(--info-color), transparent 70%);
}

/* Dark mode adjustments */
/* line 3894, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .accordion-warning .accordion-button:not(.collapsed) {
  color: var(--warning-color);
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
/* line 3901, app/assets/stylesheets/flexadmin_main.scss */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

/* line 3922, app/assets/stylesheets/flexadmin_main.scss */
.btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--input-focus-ring);
}

/* line 3927, app/assets/stylesheets/flexadmin_main.scss */
.btn:disabled,
.btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* Button Sizes */
/* line 3934, app/assets/stylesheets/flexadmin_main.scss */
.btn-sm, .btn-group-sm > .btn {
  padding: 6px var(--spacing-md);
  font-size: 0.8125rem;
}

/* line 3939, app/assets/stylesheets/flexadmin_main.scss */
.btn-lg, .btn-group-lg > .btn {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1rem;
}

/* Primary Button */
/* line 3945, app/assets/stylesheets/flexadmin_main.scss */
.btn-primary {
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* line 3951, app/assets/stylesheets/flexadmin_main.scss */
.btn-primary:hover {
  color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--accent-color), black 10%);
  border-color: color-mix(in srgb, var(--accent-color), black 10%);
}

/* Secondary Button */
/* line 3958, app/assets/stylesheets/flexadmin_main.scss */
.btn-secondary {
  color: var(--contrast-color);
  background-color: var(--muted-color);
  border-color: var(--muted-color);
}

/* line 3964, app/assets/stylesheets/flexadmin_main.scss */
.btn-secondary:hover {
  color: var(--contrast-color);
  background-color: var(--default-color);
  border-color: var(--default-color);
}

/* Success Button */
/* line 3971, app/assets/stylesheets/flexadmin_main.scss */
.btn-success {
  color: var(--contrast-color);
  background-color: var(--success-color);
  border-color: var(--success-color);
}

/* line 3977, app/assets/stylesheets/flexadmin_main.scss */
.btn-success:hover {
  color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--success-color), black 10%);
  border-color: color-mix(in srgb, var(--success-color), black 10%);
}

/* Warning Button */
/* line 3984, app/assets/stylesheets/flexadmin_main.scss */
.btn-warning {
  color: var(--heading-color);
  background-color: var(--warning-color);
  border-color: var(--warning-color);
}

/* line 3990, app/assets/stylesheets/flexadmin_main.scss */
.btn-warning:hover {
  color: var(--heading-color);
  background-color: color-mix(in srgb, var(--warning-color), black 10%);
  border-color: color-mix(in srgb, var(--warning-color), black 10%);
}

/* Danger Button */
/* line 3997, app/assets/stylesheets/flexadmin_main.scss */
.btn-danger {
  color: var(--contrast-color);
  background-color: var(--danger-color);
  border-color: var(--danger-color);
}

/* line 4003, app/assets/stylesheets/flexadmin_main.scss */
.btn-danger:hover {
  color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--danger-color), black 10%);
  border-color: color-mix(in srgb, var(--danger-color), black 10%);
}

/* Info Button */
/* line 4010, app/assets/stylesheets/flexadmin_main.scss */
.btn-info {
  color: var(--contrast-color);
  background-color: var(--info-color);
  border-color: var(--info-color);
}

/* line 4016, app/assets/stylesheets/flexadmin_main.scss */
.btn-info:hover {
  color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--info-color), black 10%);
  border-color: color-mix(in srgb, var(--info-color), black 10%);
}

/* Light Button */
/* line 4023, app/assets/stylesheets/flexadmin_main.scss */
.btn-light {
  color: var(--default-color);
  background-color: var(--background-color);
  border-color: var(--border-color);
}

/* line 4029, app/assets/stylesheets/flexadmin_main.scss */
.btn-light:hover {
  color: var(--default-color);
  background-color: var(--border-color-light);
  border-color: var(--border-color-dark);
}

/* Dark Button */
/* line 4036, app/assets/stylesheets/flexadmin_main.scss */
.btn-dark {
  color: var(--contrast-color);
  background-color: var(--heading-color);
  border-color: var(--heading-color);
}

/* line 4042, app/assets/stylesheets/flexadmin_main.scss */
.btn-dark:hover {
  color: var(--contrast-color);
  background-color: var(--default-color);
  border-color: var(--default-color);
}

/* Outline Buttons */
/* line 4049, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-primary {
  color: var(--accent-color);
  border-color: var(--accent-color);
  background-color: transparent;
}

/* line 4055, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-primary:hover {
  color: var(--contrast-color);
  background-color: var(--accent-color);
}

/* line 4060, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-secondary {
  color: var(--muted-color);
  border-color: var(--muted-color);
  background-color: transparent;
}

/* line 4066, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-secondary:hover {
  color: var(--contrast-color);
  background-color: var(--muted-color);
}

/* line 4071, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-success {
  color: var(--success-color);
  border-color: var(--success-color);
  background-color: transparent;
}

/* line 4077, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-success:hover {
  color: var(--contrast-color);
  background-color: var(--success-color);
}

/* line 4082, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-warning {
  color: var(--warning-color);
  border-color: var(--warning-color);
  background-color: transparent;
}

/* line 4088, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-warning:hover {
  color: var(--heading-color);
  background-color: var(--warning-color);
}

/* line 4093, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-danger {
  color: var(--danger-color);
  border-color: var(--danger-color);
  background-color: transparent;
}

/* line 4099, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-danger:hover {
  color: var(--contrast-color);
  background-color: var(--danger-color);
}

/* line 4104, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-info {
  color: var(--info-color);
  border-color: var(--info-color);
  background-color: transparent;
}

/* line 4110, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-info:hover {
  color: var(--contrast-color);
  background-color: var(--info-color);
}

/* Accent Button - Uses template accent color */
/* line 4116, app/assets/stylesheets/flexadmin_main.scss */
.btn-accent {
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* line 4122, app/assets/stylesheets/flexadmin_main.scss */
.btn-accent:hover {
  color: var(--contrast-color);
  background-color: color-mix(in srgb, var(--accent-color), black 10%);
  border-color: color-mix(in srgb, var(--accent-color), black 10%);
}

/* line 4128, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-accent {
  color: var(--accent-color);
  border-color: var(--border-color);
  background-color: transparent;
}

/* line 4134, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-accent:hover {
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-color: var(--accent-color);
}

/* Btn-check with accent outline (radio/checkbox toggles) */
/* line 4141, app/assets/stylesheets/flexadmin_main.scss */
.btn-check:checked + .btn-outline-accent,
.btn-check:active + .btn-outline-accent {
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* line 4148, app/assets/stylesheets/flexadmin_main.scss */
.btn-check:checked + .btn-outline-accent:hover,
.btn-check:active + .btn-outline-accent:hover {
  background-color: color-mix(in srgb, var(--accent-color), black 10%);
  border-color: color-mix(in srgb, var(--accent-color), black 10%);
}

/* line 4154, app/assets/stylesheets/flexadmin_main.scss */
.btn-check:focus-visible + .btn-outline-accent {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 75%);
}

/* Btn-check with primary outline - use accent color */
/* line 4159, app/assets/stylesheets/flexadmin_main.scss */
.btn-check + .btn-outline-primary {
  color: var(--accent-color);
  border-color: var(--accent-color);
}

/* line 4164, app/assets/stylesheets/flexadmin_main.scss */
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary {
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* line 4171, app/assets/stylesheets/flexadmin_main.scss */
.btn-check:checked + .btn-outline-primary:hover,
.btn-check:active + .btn-outline-primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), black 10%);
  border-color: color-mix(in srgb, var(--accent-color), black 10%);
}

/* line 4177, app/assets/stylesheets/flexadmin_main.scss */
.btn-check:focus-visible + .btn-outline-primary {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 75%);
}

/* Button group with outline-primary active state - use accent color */
/* line 4182, app/assets/stylesheets/flexadmin_main.scss */
.btn-group .btn-outline-primary.active,
.btn-group .btn-outline-primary:active {
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* line 4189, app/assets/stylesheets/flexadmin_main.scss */
.btn-group .btn-outline-primary.active:hover,
.btn-group .btn-outline-primary:active:hover {
  background-color: color-mix(in srgb, var(--accent-color), black 10%);
  border-color: color-mix(in srgb, var(--accent-color), black 10%);
}

/* Ghost/Link Button */
/* line 4196, app/assets/stylesheets/flexadmin_main.scss */
.btn-ghost {
  color: var(--muted-color);
  background-color: transparent;
  border-color: transparent;
}

/* line 4202, app/assets/stylesheets/flexadmin_main.scss */
.btn-ghost:hover {
  color: var(--default-color);
  background-color: var(--background-color);
}

/* line 4207, app/assets/stylesheets/flexadmin_main.scss */
.btn-link {
  color: var(--accent-color);
  background-color: transparent;
  border-color: transparent;
  text-decoration: none;
}

/* line 4214, app/assets/stylesheets/flexadmin_main.scss */
.btn-link:hover {
  color: color-mix(in srgb, var(--accent-color), black 10%);
  text-decoration: underline;
}

/* Icon Button */
/* line 4220, app/assets/stylesheets/flexadmin_main.scss */
.btn-icon {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: var(--radius-md);
}

/* line 4227, app/assets/stylesheets/flexadmin_main.scss */
.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
  width: 32px;
  height: 32px;
}

/* line 4232, app/assets/stylesheets/flexadmin_main.scss */
.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
  width: 48px;
  height: 48px;
}

/* Button Group */
/* line 4238, app/assets/stylesheets/flexadmin_main.scss */
.btn-group {
  display: inline-flex;
}

/* line 4242, app/assets/stylesheets/flexadmin_main.scss */
.btn-group > .btn {
  border-radius: 0;
}

/* line 4246, app/assets/stylesheets/flexadmin_main.scss */
.btn-group > .btn:first-child,
.btn-group > .btn-check:first-child + .btn {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

/* line 4252, app/assets/stylesheets/flexadmin_main.scss */
.btn-group > .btn:last-child,
.btn-group > .btn-check:last-of-type + .btn {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

/* line 4258, app/assets/stylesheets/flexadmin_main.scss */
.btn-group > .btn:not(:first-child),
.btn-group > .btn-check + .btn {
  margin-left: -1px;
}

/* Reset margin for first btn-check + btn */
/* line 4264, app/assets/stylesheets/flexadmin_main.scss */
.btn-group > .btn-check:first-child + .btn {
  margin-left: 0;
}

/* Loading State */
/* line 4269, app/assets/stylesheets/flexadmin_main.scss */
.btn-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}

/* line 4275, app/assets/stylesheets/flexadmin_main.scss */
.btn-loading::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  color: var(--contrast-color);
}

/* line 4287, app/assets/stylesheets/flexadmin_main.scss */
.btn-outline-primary.btn-loading::after,
.btn-outline-secondary.btn-loading::after,
.btn-outline-success.btn-loading::after,
.btn-outline-warning.btn-loading::after,
.btn-outline-danger.btn-loading::after,
.btn-outline-info.btn-loading::after {
  color: currentColor;
}

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
/* line 4299, app/assets/stylesheets/flexadmin_main.scss */
.card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--card-shadow);
}

/* line 4306, app/assets/stylesheets/flexadmin_main.scss */
.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md) var(--spacing-lg);
  background: transparent;
  border-bottom: 1px solid var(--border-color);
}

/* line 4315, app/assets/stylesheets/flexadmin_main.scss */
.card-header:first-child {
  border-radius: calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;
}

/* line 4319, app/assets/stylesheets/flexadmin_main.scss */
.card-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
}

/* line 4326, app/assets/stylesheets/flexadmin_main.scss */
.card-subtitle {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-top: 2px;
}

/* line 4332, app/assets/stylesheets/flexadmin_main.scss */
.card-body {
  padding: var(--spacing-lg);
}

/* line 4336, app/assets/stylesheets/flexadmin_main.scss */
.card-footer {
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--background-color);
  border-top: 1px solid var(--border-color);
  border-radius: 0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px);
}

/* Card Actions (Dropdown menu) */
/* line 4344, app/assets/stylesheets/flexadmin_main.scss */
.card-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

/* line 4350, app/assets/stylesheets/flexadmin_main.scss */
.card-actions .btn-icon {
  width: 32px;
  height: 32px;
  color: var(--muted-color);
}

/* line 4356, app/assets/stylesheets/flexadmin_main.scss */
.card-actions .btn-icon:hover {
  color: var(--default-color);
  background: var(--background-color);
}

/* Card with no header border */
/* line 4362, app/assets/stylesheets/flexadmin_main.scss */
.card-borderless .card-header {
  border-bottom: none;
  padding-bottom: 0;
}

/* Card with colored header */
/* line 4368, app/assets/stylesheets/flexadmin_main.scss */
.card-header-primary {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-bottom: none;
}

/* line 4374, app/assets/stylesheets/flexadmin_main.scss */
.card-header-primary .card-title {
  color: var(--contrast-color);
}

/* Card image */
/* line 4379, app/assets/stylesheets/flexadmin_main.scss */
.card-img-top {
  border-radius: calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;
}

/* line 4383, app/assets/stylesheets/flexadmin_main.scss */
.card-img-bottom {
  border-radius: 0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px);
}

/* Horizontal Card */
/* line 4388, app/assets/stylesheets/flexadmin_main.scss */
.card-horizontal {
  flex-direction: row;
}

/* line 4392, app/assets/stylesheets/flexadmin_main.scss */
.card-horizontal .card-img-left {
  border-radius: calc(var(--radius-lg) - 1px) 0 0 calc(var(--radius-lg) - 1px);
  width: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Card Link */
/* line 4400, app/assets/stylesheets/flexadmin_main.scss */
.card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* line 4406, app/assets/stylesheets/flexadmin_main.scss */
.card-link:hover .card {
  border-color: var(--accent-color);
  box-shadow: var(--shadow-md);
}

/* Card hover effect */
/* line 4412, app/assets/stylesheets/flexadmin_main.scss */
.card-hover {
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

/* line 4416, app/assets/stylesheets/flexadmin_main.scss */
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/*--------------------------------------------------------------
# Dashboard Widgets
--------------------------------------------------------------*/
/* line 4424, app/assets/stylesheets/flexadmin_main.scss */
.widget {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--card-shadow);
}

/* line 4431, app/assets/stylesheets/flexadmin_main.scss */
.widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md) var(--spacing-lg);
  border-bottom: 1px solid var(--border-color);
}

/* line 4439, app/assets/stylesheets/flexadmin_main.scss */
.widget-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
}

/* line 4446, app/assets/stylesheets/flexadmin_main.scss */
.widget-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

/* line 4452, app/assets/stylesheets/flexadmin_main.scss */
.widget-action {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  color: var(--muted-color);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

/* line 4463, app/assets/stylesheets/flexadmin_main.scss */
.widget-action:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 4468, app/assets/stylesheets/flexadmin_main.scss */
.widget-body {
  padding: var(--spacing-lg);
  position: relative;
}

/* Widget Loading State */
/* line 4474, app/assets/stylesheets/flexadmin_main.scss */
.widget-loading .widget-body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--card-bg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 4487, app/assets/stylesheets/flexadmin_main.scss */
.widget-loading .widget-action[data-action=refresh] i {
  animation: spin 1s linear infinite;
}

/* Stat Widget */
/* line 4492, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat {
  padding: var(--spacing-lg);
}

/* line 4496, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--spacing-sm);
}

/* line 4503, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1.5rem;
}

/* line 4513, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 4518, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 4523, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 4528, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.danger {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 4533, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.info {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 4538, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-value {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 4545, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-label {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-top: 2px;
}

/* line 4551, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-change {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: var(--spacing-sm);
  padding: 2px 8px;
  border-radius: var(--radius-full);
}

/* line 4562, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-change.positive {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 4567, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-change.negative {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* Progress Widget */
/* line 4573, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress {
  padding: var(--spacing-lg);
}

/* line 4577, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-sm);
}

/* line 4584, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 4590, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--accent-color);
}

/* List Widget */
/* line 4597, app/assets/stylesheets/flexadmin_main.scss */
.widget-list {
  padding: 0;
}

/* line 4601, app/assets/stylesheets/flexadmin_main.scss */
.widget-list-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  border-bottom: 1px solid var(--border-color-light);
  transition: background-color var(--transition-fast);
}

/* line 4610, app/assets/stylesheets/flexadmin_main.scss */
.widget-list-item:last-child {
  border-bottom: none;
}

/* line 4614, app/assets/stylesheets/flexadmin_main.scss */
.widget-list-item:hover {
  background: var(--background-color);
}

/* line 4618, app/assets/stylesheets/flexadmin_main.scss */
.widget-list-avatar {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 4627, app/assets/stylesheets/flexadmin_main.scss */
.widget-list-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  flex-shrink: 0;
}

/* line 4639, app/assets/stylesheets/flexadmin_main.scss */
.widget-list-content {
  flex: 1;
  min-width: 0;
}

/* line 4644, app/assets/stylesheets/flexadmin_main.scss */
.widget-list-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 4653, app/assets/stylesheets/flexadmin_main.scss */
.widget-list-subtitle {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 4658, app/assets/stylesheets/flexadmin_main.scss */
.widget-list-meta {
  font-size: 0.75rem;
  color: var(--light-color);
  text-align: right;
  flex-shrink: 0;
}

/*--------------------------------------------------------------
# Badges
--------------------------------------------------------------*/
/* line 4668, app/assets/stylesheets/flexadmin_main.scss */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--radius-sm);
}

/* Badge Colors - Bootstrap's .bg-* handle backgrounds, these set text color */
/* line 4682, app/assets/stylesheets/flexadmin_main.scss */
.badge.bg-primary {
  color: var(--contrast-color);
}

/* line 4686, app/assets/stylesheets/flexadmin_main.scss */
.badge.bg-secondary {
  color: var(--contrast-color);
}

/* line 4690, app/assets/stylesheets/flexadmin_main.scss */
.badge.bg-success {
  color: var(--contrast-color);
}

/* line 4694, app/assets/stylesheets/flexadmin_main.scss */
.badge.bg-warning {
  color: var(--heading-color);
}

/* line 4698, app/assets/stylesheets/flexadmin_main.scss */
.badge.bg-danger {
  color: var(--contrast-color);
}

/* line 4702, app/assets/stylesheets/flexadmin_main.scss */
.badge.bg-info {
  color: var(--contrast-color);
}

/* line 4706, app/assets/stylesheets/flexadmin_main.scss */
.badge.bg-light {
  color: var(--default-color);
}

/* line 4710, app/assets/stylesheets/flexadmin_main.scss */
.badge.bg-dark {
  color: var(--contrast-color);
}

/* Soft/Light Badge Variants */
/* line 4715, app/assets/stylesheets/flexadmin_main.scss */
.badge-soft-primary {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 4720, app/assets/stylesheets/flexadmin_main.scss */
.badge-soft-success {
  background-color: var(--success-color-light);
  color: var(--success-color);
}

/* line 4725, app/assets/stylesheets/flexadmin_main.scss */
.badge-soft-warning {
  background-color: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 4730, app/assets/stylesheets/flexadmin_main.scss */
.badge-soft-danger {
  background-color: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 4735, app/assets/stylesheets/flexadmin_main.scss */
.badge-soft-info {
  background-color: var(--info-color-light);
  color: var(--info-color);
}

/* line 4740, app/assets/stylesheets/flexadmin_main.scss */
.badge-soft-secondary {
  background-color: var(--border-color-light);
  color: var(--muted-color);
}

/* Outline Badges */
/* line 4746, app/assets/stylesheets/flexadmin_main.scss */
.badge-outline-primary {
  background-color: transparent;
  border: 1px solid var(--accent-color);
  color: var(--accent-color);
}

/* line 4752, app/assets/stylesheets/flexadmin_main.scss */
.badge-outline-secondary {
  background-color: transparent;
  border: 1px solid var(--muted-color);
  color: var(--muted-color);
}

/* line 4758, app/assets/stylesheets/flexadmin_main.scss */
.badge-outline-success {
  background-color: transparent;
  border: 1px solid var(--success-color);
  color: var(--success-color);
}

/* line 4764, app/assets/stylesheets/flexadmin_main.scss */
.badge-outline-warning {
  background-color: transparent;
  border: 1px solid var(--warning-color);
  color: var(--warning-color);
}

/* line 4770, app/assets/stylesheets/flexadmin_main.scss */
.badge-outline-danger {
  background-color: transparent;
  border: 1px solid var(--danger-color);
  color: var(--danger-color);
}

/* line 4776, app/assets/stylesheets/flexadmin_main.scss */
.badge-outline-info {
  background-color: transparent;
  border: 1px solid var(--info-color);
  color: var(--info-color);
}

/* Pill Badge - Bootstrap has .rounded-pill, this adds badge-specific padding */
/* line 4783, app/assets/stylesheets/flexadmin_main.scss */
.badge.rounded-pill {
  padding-left: 0.75em;
  padding-right: 0.75em;
}

/* Badge with Icon */
/* line 4789, app/assets/stylesheets/flexadmin_main.scss */
.badge-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
}

/* line 4795, app/assets/stylesheets/flexadmin_main.scss */
.badge-icon i {
  font-size: 0.875em;
}

/* Badge Dot */
/* line 4800, app/assets/stylesheets/flexadmin_main.scss */
.badge-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: var(--radius-full);
}

/* line 4807, app/assets/stylesheets/flexadmin_main.scss */
.badge-dot-lg {
  width: 10px;
  height: 10px;
}

/* Status Badge */
/* line 4813, app/assets/stylesheets/flexadmin_main.scss */
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: var(--radius-full);
}

/* line 4823, app/assets/stylesheets/flexadmin_main.scss */
.status-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  background-color: currentColor;
}

/* line 4831, app/assets/stylesheets/flexadmin_main.scss */
.status-badge-active {
  background-color: var(--success-color-light);
  color: var(--success-color);
}

/* line 4836, app/assets/stylesheets/flexadmin_main.scss */
.status-badge-inactive {
  background-color: var(--border-color-light);
  color: var(--muted-color);
}

/* line 4841, app/assets/stylesheets/flexadmin_main.scss */
.status-badge-pending {
  background-color: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 4846, app/assets/stylesheets/flexadmin_main.scss */
.status-badge-error {
  background-color: var(--danger-color-light);
  color: var(--danger-color);
}

/* Badge Sizes */
/* line 4852, app/assets/stylesheets/flexadmin_main.scss */
.badge-sm {
  padding: 0.2em 0.4em;
  font-size: 0.625rem;
}

/* line 4857, app/assets/stylesheets/flexadmin_main.scss */
.badge-lg {
  padding: 0.35em 0.65em;
  font-size: 0.875rem;
}

/*--------------------------------------------------------------
# Alerts
--------------------------------------------------------------*/
/* line 4865, app/assets/stylesheets/flexadmin_main.scss */
.alert {
  position: relative;
  padding: var(--spacing-md) var(--spacing-lg);
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
}

/* line 4873, app/assets/stylesheets/flexadmin_main.scss */
.alert-heading {
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  color: inherit;
}

/* line 4879, app/assets/stylesheets/flexadmin_main.scss */
.alert p:last-child {
  margin-bottom: 0;
}

/* Alert Colors */
/* line 4884, app/assets/stylesheets/flexadmin_main.scss */
.alert-primary {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-color: var(--accent-color);
  color: color-mix(in srgb, var(--accent-color), black 15%);
}

/* line 4890, app/assets/stylesheets/flexadmin_main.scss */
.alert-secondary {
  background-color: var(--border-color-light);
  border-color: var(--border-color-dark);
  color: var(--default-color);
}

/* line 4896, app/assets/stylesheets/flexadmin_main.scss */
.alert-success {
  background-color: var(--success-color-light);
  border-color: var(--success-color);
  color: color-mix(in srgb, var(--success-color), black 30%);
}

/* line 4902, app/assets/stylesheets/flexadmin_main.scss */
.alert-warning {
  background-color: var(--warning-color-light);
  border-color: var(--warning-color);
  color: color-mix(in srgb, var(--warning-color), black 30%);
}

/* line 4908, app/assets/stylesheets/flexadmin_main.scss */
.alert-danger {
  background-color: var(--danger-color-light);
  border-color: var(--danger-color);
  color: color-mix(in srgb, var(--danger-color), black 30%);
}

/* line 4914, app/assets/stylesheets/flexadmin_main.scss */
.alert-info {
  background-color: var(--info-color-light);
  border-color: var(--info-color);
  color: color-mix(in srgb, var(--info-color), black 30%);
}

/* Dark mode adjustments */
/* line 4921, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .alert-success {
  color: var(--success-color);
}

/* line 4925, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .alert-warning {
  color: var(--warning-color);
}

/* line 4929, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .alert-danger {
  color: var(--danger-color);
}

/* line 4933, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .alert-info {
  color: var(--info-color);
}

/* line 4937, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .alert-primary {
  color: var(--accent-color);
}

/* Alert with Icon */
/* line 4942, app/assets/stylesheets/flexadmin_main.scss */
.alert-icon {
  display: flex;
  gap: var(--spacing-md);
}

/* line 4947, app/assets/stylesheets/flexadmin_main.scss */
.alert-icon > i {
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 4953, app/assets/stylesheets/flexadmin_main.scss */
.alert-icon-content {
  flex: 1;
}

/* Dismissible Alert */
/* line 4958, app/assets/stylesheets/flexadmin_main.scss */
.alert-dismissible {
  padding-right: calc(var(--spacing-lg) + 32px);
}

/* line 4962, app/assets/stylesheets/flexadmin_main.scss */
.alert-dismissible .btn-close {
  position: absolute;
  top: 50%;
  right: var(--spacing-md);
  transform: translateY(-50%);
  padding: var(--spacing-sm);
  background: transparent;
  border: none;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity var(--transition-fast);
}

/* line 4975, app/assets/stylesheets/flexadmin_main.scss */
.alert-dismissible .btn-close:hover {
  opacity: 1;
}

/* line 4979, app/assets/stylesheets/flexadmin_main.scss */
.alert-dismissible .btn-close i {
  font-size: 1rem;
}

/* Alert Outline Variants */
/* line 4984, app/assets/stylesheets/flexadmin_main.scss */
.alert-outline-primary {
  background-color: transparent;
  border-color: var(--accent-color);
  color: var(--accent-color);
}

/* line 4990, app/assets/stylesheets/flexadmin_main.scss */
.alert-outline-success {
  background-color: transparent;
  border-color: var(--success-color);
  color: var(--success-color);
}

/* line 4996, app/assets/stylesheets/flexadmin_main.scss */
.alert-outline-warning {
  background-color: transparent;
  border-color: var(--warning-color);
  color: var(--warning-color);
}

/* line 5002, app/assets/stylesheets/flexadmin_main.scss */
.alert-outline-danger {
  background-color: transparent;
  border-color: var(--danger-color);
  color: var(--danger-color);
}

/* line 5008, app/assets/stylesheets/flexadmin_main.scss */
.alert-outline-info {
  background-color: transparent;
  border-color: var(--info-color);
  color: var(--info-color);
}

/* Solid Background Variants */
/* line 5015, app/assets/stylesheets/flexadmin_main.scss */
.alert-solid-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 5021, app/assets/stylesheets/flexadmin_main.scss */
.alert-solid-success {
  background-color: var(--success-color);
  border-color: var(--success-color);
  color: var(--contrast-color);
}

/* line 5027, app/assets/stylesheets/flexadmin_main.scss */
.alert-solid-warning {
  background-color: var(--warning-color);
  border-color: var(--warning-color);
  color: var(--heading-color);
}

/* line 5033, app/assets/stylesheets/flexadmin_main.scss */
.alert-solid-danger {
  background-color: var(--danger-color);
  border-color: var(--danger-color);
  color: var(--contrast-color);
}

/* line 5039, app/assets/stylesheets/flexadmin_main.scss */
.alert-solid-info {
  background-color: var(--info-color);
  border-color: var(--info-color);
  color: var(--contrast-color);
}

/* Alert Link */
/* line 5046, app/assets/stylesheets/flexadmin_main.scss */
.alert-link {
  font-weight: 600;
  color: inherit;
  text-decoration: underline;
}

/* Alert List */
/* line 5053, app/assets/stylesheets/flexadmin_main.scss */
.alert ul {
  margin-bottom: 0;
  padding-left: var(--spacing-lg);
}

/* line 5058, app/assets/stylesheets/flexadmin_main.scss */
.alert ul li {
  margin-top: var(--spacing-xs);
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* line 5065, app/assets/stylesheets/flexadmin_main.scss */
.form-group {
  margin-bottom: var(--spacing-lg);
}

/* line 5069, app/assets/stylesheets/flexadmin_main.scss */
.form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: var(--spacing-sm);
}

/* line 5077, app/assets/stylesheets/flexadmin_main.scss */
.form-label-optional {
  font-weight: 400;
  color: var(--muted-color);
  margin-left: var(--spacing-xs);
}

/* Text Inputs */
/* line 5084, app/assets/stylesheets/flexadmin_main.scss */
.form-control {
  display: block;
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--default-color);
  background-color: var(--input-bg);
  background-clip: padding-box;
  border: 1px solid var(--input-border);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

/* line 5099, app/assets/stylesheets/flexadmin_main.scss */
.form-control:focus {
  outline: none;
  border-color: var(--input-focus-border);
  box-shadow: none;
}

/* line 5105, app/assets/stylesheets/flexadmin_main.scss */
.form-control::-moz-placeholder {
  color: var(--light-color);
}

/* line 5109, app/assets/stylesheets/flexadmin_main.scss */
.form-control::placeholder {
  color: var(--light-color);
}

/* line 5113, app/assets/stylesheets/flexadmin_main.scss */
.form-control:disabled,
.form-control[readonly] {
  background-color: var(--background-color);
  opacity: 0.7;
  cursor: not-allowed;
}

/* Form Control Sizes */
/* line 5121, app/assets/stylesheets/flexadmin_main.scss */
.form-control-sm {
  padding: 6px var(--spacing-sm);
  font-size: 0.8125rem;
  border-radius: var(--radius-sm);
}

/* line 5127, app/assets/stylesheets/flexadmin_main.scss */
.form-control-lg {
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: 1rem;
  border-radius: var(--radius-md);
}

/* Textarea */
/* line 5134, app/assets/stylesheets/flexadmin_main.scss */
textarea.form-control {
  min-height: 100px;
  resize: vertical;
}

/* Select */
/* line 5140, app/assets/stylesheets/flexadmin_main.scss */
.form-select {
  display: block;
  width: 100%;
  padding: var(--spacing-sm) calc(var(--spacing-md) + 24px) var(--spacing-sm) var(--spacing-md);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--default-color);
  background-color: var(--input-bg);
  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='%2364748b' 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 var(--spacing-md) center;
  background-size: 16px 12px;
  border: 1px solid var(--input-border);
  border-radius: var(--radius-md);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

/* line 5162, app/assets/stylesheets/flexadmin_main.scss */
.form-select:focus {
  outline: none;
  border-color: var(--input-focus-border);
  box-shadow: none;
}

/* Checkbox & Radio */
/* line 5169, app/assets/stylesheets/flexadmin_main.scss */
.form-check {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  min-height: 1.5rem;
}

/* line 5176, app/assets/stylesheets/flexadmin_main.scss */
.form-check-input {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  vertical-align: top;
  background-color: var(--input-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--input-border);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

/* line 5193, app/assets/stylesheets/flexadmin_main.scss */
.form-check-input[type=checkbox] {
  border-radius: var(--radius-sm);
}

/* line 5197, app/assets/stylesheets/flexadmin_main.scss */
.form-check-input[type=radio] {
  border-radius: 50%;
}

/* line 5201, app/assets/stylesheets/flexadmin_main.scss */
.form-check-input:focus {
  outline: none;
  border-color: var(--input-focus-border);
  box-shadow: none;
}

/* line 5207, app/assets/stylesheets/flexadmin_main.scss */
.form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* line 5212, app/assets/stylesheets/flexadmin_main.scss */
.form-check-input[type=checkbox]:checked {
  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");
}

/* line 5216, app/assets/stylesheets/flexadmin_main.scss */
.form-check-input[type=radio]:checked {
  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");
}

/* line 5220, app/assets/stylesheets/flexadmin_main.scss */
.form-check-label {
  font-size: 0.9375rem;
  color: var(--default-color);
  cursor: pointer;
}

/* Switch */
/* line 5227, app/assets/stylesheets/flexadmin_main.scss */
.form-switch .form-check-input {
  width: 2.5rem;
  height: 1.25rem;
  border-radius: var(--radius-full);
  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='%2364748b'/%3e%3c/svg%3e");
  background-position: left center;
  transition: background-position var(--transition-fast), background-color var(--transition-fast);
}

/* line 5236, app/assets/stylesheets/flexadmin_main.scss */
.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");
}

/* Input Group */
/* line 5242, app/assets/stylesheets/flexadmin_main.scss */
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 5250, app/assets/stylesheets/flexadmin_main.scss */
.input-group > .form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 5257, app/assets/stylesheets/flexadmin_main.scss */
.input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 5262, app/assets/stylesheets/flexadmin_main.scss */
.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 5267, app/assets/stylesheets/flexadmin_main.scss */
.input-group-text {
  display: flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--muted-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--background-color);
  border: 1px solid var(--input-border);
}

/* line 5281, app/assets/stylesheets/flexadmin_main.scss */
.input-group > .input-group-text:first-child {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
  border-right: 0;
}

/* line 5287, app/assets/stylesheets/flexadmin_main.scss */
.input-group > .input-group-text:last-child {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
  border-left: 0;
}

/* Form Text/Help */
/* line 5294, app/assets/stylesheets/flexadmin_main.scss */
.form-text {
  margin-top: var(--spacing-xs);
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* Validation States */
/* line 5301, app/assets/stylesheets/flexadmin_main.scss */
.is-valid {
  border-color: var(--success-color) !important;
}

/* line 5305, app/assets/stylesheets/flexadmin_main.scss */
.is-valid:focus {
  box-shadow: none !important;
}

/* line 5309, app/assets/stylesheets/flexadmin_main.scss */
.is-invalid {
  border-color: var(--danger-color) !important;
}

/* line 5313, app/assets/stylesheets/flexadmin_main.scss */
.is-invalid:focus {
  box-shadow: none !important;
}

/* line 5317, app/assets/stylesheets/flexadmin_main.scss */
.valid-feedback,
.invalid-feedback {
  display: none;
  margin-top: var(--spacing-xs);
  font-size: 0.8125rem;
}

/* line 5324, app/assets/stylesheets/flexadmin_main.scss */
.valid-feedback {
  color: var(--success-color);
}

/* line 5328, app/assets/stylesheets/flexadmin_main.scss */
.invalid-feedback {
  color: var(--danger-color);
}

/* line 5332, app/assets/stylesheets/flexadmin_main.scss */
.is-valid ~ .valid-feedback,
.is-invalid ~ .invalid-feedback {
  display: block;
}

/* Floating Labels */
/* line 5338, app/assets/stylesheets/flexadmin_main.scss */
.form-floating {
  position: relative;
}

/* line 5342, app/assets/stylesheets/flexadmin_main.scss */
.form-floating > .form-control {
  height: 56px;
  padding: 1.5rem var(--spacing-md) 0.5rem;
}

/* line 5347, app/assets/stylesheets/flexadmin_main.scss */
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: var(--spacing-md);
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity var(--transition-fast), transform var(--transition-fast);
  color: var(--muted-color);
}

/* line 5360, app/assets/stylesheets/flexadmin_main.scss */
.form-floating > .form-control:not(:-moz-placeholder) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

/* line 5365, app/assets/stylesheets/flexadmin_main.scss */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

/* Required Indicator */
/* line 5372, app/assets/stylesheets/flexadmin_main.scss */
.required::after {
  content: " *";
  color: var(--danger-color);
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
/* line 5380, app/assets/stylesheets/flexadmin_main.scss */
.table {
  width: 100%;
  margin-bottom: 0;
  color: var(--default-color);
  vertical-align: middle;
  border-color: var(--border-color);
}

/* line 5388, app/assets/stylesheets/flexadmin_main.scss */
.table > :not(caption) > * > * {
  padding: var(--spacing-md) var(--spacing-md);
  background-color: transparent;
  border-bottom-width: 1px;
  box-shadow: none;
}

/* line 5395, app/assets/stylesheets/flexadmin_main.scss */
.table > thead {
  vertical-align: bottom;
}

/* line 5399, app/assets/stylesheets/flexadmin_main.scss */
.table > thead > tr > th {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  background-color: var(--table-header-bg);
  border-bottom: 1px solid var(--border-color);
}

/* line 5409, app/assets/stylesheets/flexadmin_main.scss */
.table > tbody > tr > td {
  font-size: 0.875rem;
  border-bottom: 1px solid var(--border-color-light);
}

/* line 5414, app/assets/stylesheets/flexadmin_main.scss */
.table > tbody > tr:last-child > td {
  border-bottom: none;
}

/* Striped Table */
/* line 5419, app/assets/stylesheets/flexadmin_main.scss */
.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--table-stripe-bg);
}

/* Hover Table */
/* line 5424, app/assets/stylesheets/flexadmin_main.scss */
.table-hover > tbody > tr:hover > * {
  background-color: var(--table-hover-bg);
}

/* Bordered Table */
/* line 5429, app/assets/stylesheets/flexadmin_main.scss */
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}

/* line 5433, app/assets/stylesheets/flexadmin_main.scss */
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

/* Borderless Table */
/* line 5438, app/assets/stylesheets/flexadmin_main.scss */
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

/* Small Table */
/* line 5443, app/assets/stylesheets/flexadmin_main.scss */
.table-sm > :not(caption) > * > * {
  padding: var(--spacing-sm) var(--spacing-sm);
}

/* Responsive Table */
/* line 5448, app/assets/stylesheets/flexadmin_main.scss */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Table with Actions */
/* line 5454, app/assets/stylesheets/flexadmin_main.scss */
.table-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

/* line 5460, app/assets/stylesheets/flexadmin_main.scss */
.table-actions .btn-icon {
  width: 32px;
  height: 32px;
}

/* Table User Cell */
/* line 5466, app/assets/stylesheets/flexadmin_main.scss */
.table-user {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 5472, app/assets/stylesheets/flexadmin_main.scss */
.table-user-avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 5481, app/assets/stylesheets/flexadmin_main.scss */
.table-user-name {
  font-weight: 500;
  color: var(--heading-color);
}

/* line 5486, app/assets/stylesheets/flexadmin_main.scss */
.table-user-email {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* Table Status */
/* line 5492, app/assets/stylesheets/flexadmin_main.scss */
.table-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  font-weight: 500;
}

/* line 5500, app/assets/stylesheets/flexadmin_main.scss */
.table-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
}

/* line 5507, app/assets/stylesheets/flexadmin_main.scss */
.table-status-active::before {
  background-color: var(--success-color);
}

/* line 5511, app/assets/stylesheets/flexadmin_main.scss */
.table-status-inactive::before {
  background-color: var(--light-color);
}

/* line 5515, app/assets/stylesheets/flexadmin_main.scss */
.table-status-pending::before {
  background-color: var(--warning-color);
}

/* Sortable Headers */
/* line 5520, app/assets/stylesheets/flexadmin_main.scss */
.table-sortable th {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 5527, app/assets/stylesheets/flexadmin_main.scss */
.table-sortable th:hover {
  background-color: var(--table-hover-bg);
}

/* line 5531, app/assets/stylesheets/flexadmin_main.scss */
.table-sort-icon {
  margin-left: var(--spacing-xs);
  opacity: 0.3;
}

/* line 5536, app/assets/stylesheets/flexadmin_main.scss */
.table-sortable th.sorted .table-sort-icon {
  opacity: 1;
  color: var(--accent-color);
}

/* Selectable Rows */
/* line 5542, app/assets/stylesheets/flexadmin_main.scss */
.table-selectable tbody tr {
  cursor: pointer;
}

/* line 5546, app/assets/stylesheets/flexadmin_main.scss */
.table-selectable tbody tr.selected {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%) !important;
}

/* Empty Table State */
/* line 5551, app/assets/stylesheets/flexadmin_main.scss */
.table-empty {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-lg);
  color: var(--muted-color);
}

/* line 5557, app/assets/stylesheets/flexadmin_main.scss */
.table-empty-icon {
  font-size: 2rem;
  margin-bottom: var(--spacing-md);
  opacity: 0.5;
}

/* DataTables Overrides (when using simple-datatables) */
/* line 5564, app/assets/stylesheets/flexadmin_main.scss */
.datatable-wrapper {
  font-size: 0.875rem;
}

/* line 5568, app/assets/stylesheets/flexadmin_main.scss */
.datatable-top,
.datatable-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

/* line 5578, app/assets/stylesheets/flexadmin_main.scss */
.datatable-search {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 5584, app/assets/stylesheets/flexadmin_main.scss */
.datatable-search input {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.875rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  background: var(--input-bg);
  color: var(--default-color);
}

/* line 5593, app/assets/stylesheets/flexadmin_main.scss */
.datatable-search input:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px var(--input-focus-ring);
}

/* line 5599, app/assets/stylesheets/flexadmin_main.scss */
.datatable-dropdown {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 5605, app/assets/stylesheets/flexadmin_main.scss */
.datatable-dropdown select {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.875rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  background: var(--input-bg);
  color: var(--default-color);
}

/* line 5614, app/assets/stylesheets/flexadmin_main.scss */
.datatable-info {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 5619, app/assets/stylesheets/flexadmin_main.scss */
.datatable-pagination {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

/* line 5625, app/assets/stylesheets/flexadmin_main.scss */
.datatable-pagination button {
  min-width: 32px;
  height: 32px;
  padding: 0 var(--spacing-sm);
  font-size: 0.8125rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  background: var(--surface-color);
  color: var(--default-color);
  cursor: pointer;
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

/* line 5638, app/assets/stylesheets/flexadmin_main.scss */
.datatable-pagination button:hover:not(:disabled) {
  background: var(--background-color);
  border-color: var(--border-color-dark);
}

/* line 5643, app/assets/stylesheets/flexadmin_main.scss */
.datatable-pagination button.active {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 5649, app/assets/stylesheets/flexadmin_main.scss */
.datatable-pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/*--------------------------------------------------------------
# Modals
--------------------------------------------------------------*/
/* line 5657, app/assets/stylesheets/flexadmin_main.scss */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

/* line 5670, app/assets/stylesheets/flexadmin_main.scss */
.modal.show {
  display: block;
}

/* line 5674, app/assets/stylesheets/flexadmin_main.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: color-mix(in srgb, var(--default-color), transparent 50%);
  opacity: 0;
  transition: opacity var(--transition-base);
}

/* line 5686, app/assets/stylesheets/flexadmin_main.scss */
.modal-backdrop.show {
  opacity: 1;
}

/* line 5690, app/assets/stylesheets/flexadmin_main.scss */
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--spacing-lg);
  pointer-events: none;
  transform: translateY(-20px);
  opacity: 0;
  transition: transform var(--transition-base), opacity var(--transition-base);
}

/* line 5700, app/assets/stylesheets/flexadmin_main.scss */
.modal.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}

/* line 5705, app/assets/stylesheets/flexadmin_main.scss */
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--spacing-lg) * 2);
}

/* line 5711, app/assets/stylesheets/flexadmin_main.scss */
.modal-dialog-scrollable {
  height: calc(100% - var(--spacing-lg) * 2);
}

/* line 5715, app/assets/stylesheets/flexadmin_main.scss */
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

/* line 5720, app/assets/stylesheets/flexadmin_main.scss */
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

/* line 5724, app/assets/stylesheets/flexadmin_main.scss */
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--surface-color);
  background-clip: padding-box;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xl);
  outline: 0;
}

/* line 5738, app/assets/stylesheets/flexadmin_main.scss */
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-lg);
  border-bottom: 1px solid var(--border-color);
  border-top-left-radius: calc(var(--radius-xl) - 1px);
  border-top-right-radius: calc(var(--radius-xl) - 1px);
}

/* line 5748, app/assets/stylesheets/flexadmin_main.scss */
.modal-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 5755, app/assets/stylesheets/flexadmin_main.scss */
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--default-color);
  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: 0.375rem;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity var(--transition-fast);
}

/* line 5769, app/assets/stylesheets/flexadmin_main.scss */
.btn-close:hover {
  opacity: 1;
}

/* line 5773, app/assets/stylesheets/flexadmin_main.scss */
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--accent-color), transparent 75%);
  opacity: 1;
}

/* line 5779, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* line 5783, app/assets/stylesheets/flexadmin_main.scss */
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--spacing-lg);
}

/* line 5789, app/assets/stylesheets/flexadmin_main.scss */
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  border-top: 1px solid var(--border-color);
  border-bottom-right-radius: calc(var(--radius-xl) - 1px);
  border-bottom-left-radius: calc(var(--radius-xl) - 1px);
}

/* Modal Sizes */
@media (min-width: 576px) {
  /* line 5803, app/assets/stylesheets/flexadmin_main.scss */
  .modal-dialog {
    max-width: 500px;
    margin: var(--spacing-xl) auto;
  }
  /* line 5808, app/assets/stylesheets/flexadmin_main.scss */
  .modal-sm {
    max-width: 380px;
  }
}

@media (min-width: 992px) {
  /* line 5814, app/assets/stylesheets/flexadmin_main.scss */
  .modal-lg {
    max-width: 800px;
  }
  /* line 5818, app/assets/stylesheets/flexadmin_main.scss */
  .modal-xl {
    max-width: 1140px;
  }
}

/* Fullscreen Modal */
/* line 5824, app/assets/stylesheets/flexadmin_main.scss */
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

/* line 5831, app/assets/stylesheets/flexadmin_main.scss */
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

/* Confirmation Modal */
/* line 5838, app/assets/stylesheets/flexadmin_main.scss */
.modal-confirm .modal-body {
  text-align: center;
  padding: var(--spacing-xl);
}

/* line 5843, app/assets/stylesheets/flexadmin_main.scss */
.modal-confirm-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  font-size: 2rem;
}

/* line 5854, app/assets/stylesheets/flexadmin_main.scss */
.modal-confirm-icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 5859, app/assets/stylesheets/flexadmin_main.scss */
.modal-confirm-icon.danger {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 5864, app/assets/stylesheets/flexadmin_main.scss */
.modal-confirm-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 5869, app/assets/stylesheets/flexadmin_main.scss */
.modal-confirm-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-sm);
}

/* line 5876, app/assets/stylesheets/flexadmin_main.scss */
.modal-confirm-text {
  color: var(--muted-color);
  margin-bottom: var(--spacing-lg);
}

/* line 5881, app/assets/stylesheets/flexadmin_main.scss */
.modal-confirm .modal-footer {
  justify-content: center;
  border-top: none;
  padding-top: 0;
}

/*--------------------------------------------------------------
# Dropdowns
--------------------------------------------------------------*/
/* line 5890, app/assets/stylesheets/flexadmin_main.scss */
.dropdown {
  position: relative;
}

/* line 5894, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-toggle {
  white-space: nowrap;
}

/* line 5898, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: 0.15em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

/* line 5909, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 5913, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 180px;
  padding: var(--spacing-sm) 0;
  margin: 0;
  font-size: 0.875rem;
  color: var(--default-color);
  text-align: left;
  list-style: none;
  background-color: var(--surface-color);
  background-clip: padding-box;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

/* line 5931, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu.show {
  display: block;
}

/* Dropdown positioning */
/* line 5936, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu-end {
  right: 0;
  left: auto;
}

/* line 5941, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu-start {
  right: auto;
  left: 0;
}

/* Dropup, Dropstart, Dropend */
/* line 5947, app/assets/stylesheets/flexadmin_main.scss */
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--spacing-xs);
}

/* line 5954, app/assets/stylesheets/flexadmin_main.scss */
.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}

/* line 5959, app/assets/stylesheets/flexadmin_main.scss */
.dropend .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--spacing-xs);
}

/* line 5967, app/assets/stylesheets/flexadmin_main.scss */
.dropstart .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--spacing-xs);
}

/* Dropdown Items */
/* line 5976, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  clear: both;
  font-weight: 400;
  color: var(--default-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

/* line 5992, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--default-color);
  background-color: var(--background-color);
}

/* line 5998, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item.active,
.dropdown-item:active {
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
}

/* line 6004, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item:disabled,
.dropdown-item.disabled {
  color: var(--light-color);
  pointer-events: none;
  background-color: transparent;
}

/* Dropdown Item with Icon */
/* line 6012, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item i {
  width: 20px;
  margin-right: var(--spacing-sm);
  color: var(--muted-color);
  text-align: center;
}

/* line 6019, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item:hover i {
  color: var(--accent-color);
}

/* Dropdown Divider */
/* line 6024, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-divider {
  height: 0;
  margin: var(--spacing-sm) 0;
  overflow: hidden;
  border-top: 1px solid var(--border-color);
}

/* Dropdown Header */
/* line 6032, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-header {
  display: block;
  padding: var(--spacing-sm) var(--spacing-md);
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  white-space: nowrap;
}

/* Dropdown Text */
/* line 6045, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item-text {
  display: block;
  padding: var(--spacing-sm) var(--spacing-md);
  color: var(--muted-color);
}

/* Dropdown Menu Dark */
/* line 6052, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu-dark {
  color: var(--light-color);
  background-color: var(--heading-color);
  border-color: transparent;
}

/* line 6058, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu-dark .dropdown-item {
  color: var(--light-color);
}

/* line 6062, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
  color: var(--contrast-color);
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 6068, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 6072, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu-dark .dropdown-header {
  color: var(--muted-color);
}

/* Dropdown with Animation */
/* line 6077, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--spacing-xs);
}

/* Wide Dropdown */
/* line 6084, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu-wide {
  min-width: 280px;
}

/* Dropdown with Scrollable Content */
/* line 6089, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-menu-scrollable {
  max-height: 300px;
  overflow-y: auto;
}

/* Dropdown Checkbox/Radio */
/* line 6095, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item-check {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 6101, app/assets/stylesheets/flexadmin_main.scss */
.dropdown-item-check input {
  margin: 0;
}

/*--------------------------------------------------------------
# Navigation Components (Tabs, Pills, etc.)
--------------------------------------------------------------*/
/* line 6108, app/assets/stylesheets/flexadmin_main.scss */
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/* line 6116, app/assets/stylesheets/flexadmin_main.scss */
.nav-link {
  display: block;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--muted-color);
  text-decoration: none;
  transition: color var(--transition-fast), background-color var(--transition-fast);
}

/* line 6126, app/assets/stylesheets/flexadmin_main.scss */
.nav-link:hover,
.nav-link:focus {
  color: var(--accent-color);
}

/* line 6131, app/assets/stylesheets/flexadmin_main.scss */
.nav-link.disabled {
  color: var(--light-color);
  pointer-events: none;
  cursor: default;
}

/* line 6137, app/assets/stylesheets/flexadmin_main.scss */
.nav-link.active {
  color: var(--accent-color);
}

/* Tabs */
/* line 6142, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs {
  border-bottom: 1px solid var(--border-color);
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Firefox */
}

/* line 6152, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari */
}

/* line 6157, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs .nav-item {
  flex-shrink: 0;
}

/* line 6161, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
  white-space: nowrap;
}

/* line 6170, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: var(--border-color-light) var(--border-color-light) var(--border-color);
  isolation: isolate;
}

/* line 6176, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs .nav-link.active {
  color: var(--heading-color);
  background-color: var(--surface-color);
  border-color: var(--border-color) var(--border-color) var(--surface-color);
}

/* Bordered Tabs (used in profile, settings pages) */
/* line 6183, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs-bordered {
  border-bottom: 2px solid var(--border-color);
}

/* line 6187, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: var(--spacing-sm) var(--spacing-md);
}

/* line 6195, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  border-color: transparent;
  border-bottom-color: var(--accent-color);
  isolation: auto;
}

/* line 6202, app/assets/stylesheets/flexadmin_main.scss */
.nav-tabs-bordered .nav-link.active {
  background-color: transparent;
  border-color: transparent;
  border-bottom-color: var(--accent-color);
  color: var(--accent-color);
}

/* Pills */
/* line 6210, app/assets/stylesheets/flexadmin_main.scss */
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--radius-md);
}

/* line 6216, app/assets/stylesheets/flexadmin_main.scss */
.nav-pills .nav-link:hover {
  background-color: var(--background-color);
}

/* line 6220, app/assets/stylesheets/flexadmin_main.scss */
.nav-pills .nav-link.active {
  color: var(--contrast-color);
  background-color: var(--accent-color);
}

/* Underline Tabs */
/* line 6226, app/assets/stylesheets/flexadmin_main.scss */
.nav-underline {
  gap: var(--spacing-lg);
  border-bottom: 1px solid var(--border-color);
}

/* line 6231, app/assets/stylesheets/flexadmin_main.scss */
.nav-underline .nav-link {
  padding: var(--spacing-md) 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  margin-bottom: -1px;
}

/* line 6238, app/assets/stylesheets/flexadmin_main.scss */
.nav-underline .nav-link:hover {
  border-bottom-color: var(--border-color-dark);
}

/* line 6242, app/assets/stylesheets/flexadmin_main.scss */
.nav-underline .nav-link.active {
  color: var(--accent-color);
  border-bottom-color: var(--accent-color);
}

/* Justified Tabs/Pills */
/* line 6248, app/assets/stylesheets/flexadmin_main.scss */
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

/* line 6253, app/assets/stylesheets/flexadmin_main.scss */
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

/* Vertical Nav */
/* line 6260, app/assets/stylesheets/flexadmin_main.scss */
.nav-vertical {
  flex-direction: column;
}

/* line 6264, app/assets/stylesheets/flexadmin_main.scss */
.nav-vertical .nav-link {
  border-radius: var(--radius-md);
}

/* line 6268, app/assets/stylesheets/flexadmin_main.scss */
.nav-vertical .nav-link.active {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* Tab Content */
/* line 6274, app/assets/stylesheets/flexadmin_main.scss */
.tab-content > .tab-pane {
  display: none;
}

/* line 6278, app/assets/stylesheets/flexadmin_main.scss */
.tab-content > .active {
  display: block;
}

/* Nav with Icon */
/* line 6283, app/assets/stylesheets/flexadmin_main.scss */
.nav-link-icon {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 6289, app/assets/stylesheets/flexadmin_main.scss */
.nav-link-icon i {
  font-size: 1.125rem;
}

/* Segment Control (Toggle Group) */
/* line 6294, app/assets/stylesheets/flexadmin_main.scss */
.nav-segment {
  background-color: var(--background-color);
  border-radius: var(--radius-md);
  padding: 4px;
  gap: 0;
}

/* line 6301, app/assets/stylesheets/flexadmin_main.scss */
.nav-segment .nav-link {
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-sm);
}

/* line 6306, app/assets/stylesheets/flexadmin_main.scss */
.nav-segment .nav-link.active {
  background-color: var(--surface-color);
  color: var(--heading-color);
  box-shadow: var(--shadow-sm);
}

/* Card Nav (inside card header) */
/* line 6313, app/assets/stylesheets/flexadmin_main.scss */
.card-header-tabs {
  margin-right: calc(var(--spacing-lg) * -0.5);
  margin-bottom: calc(var(--spacing-md) * -1);
  margin-left: calc(var(--spacing-lg) * -0.5);
  border-bottom: 0;
}

/* line 6320, app/assets/stylesheets/flexadmin_main.scss */
.card-header-tabs .nav-link {
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: var(--spacing-sm) var(--spacing-md);
  margin-bottom: 0;
  color: var(--muted-color);
  font-weight: 500;
}

/* line 6330, app/assets/stylesheets/flexadmin_main.scss */
.card-header-tabs .nav-link:hover,
.card-header-tabs .nav-link:focus {
  border-color: transparent;
  border-bottom-color: var(--border-color-dark);
  color: var(--default-color);
  isolation: auto;
}

/* line 6338, app/assets/stylesheets/flexadmin_main.scss */
.card-header-tabs .nav-link.active {
  background: none;
  border-color: transparent;
  border-bottom-color: var(--accent-color);
  color: var(--accent-color);
}

/* line 6345, app/assets/stylesheets/flexadmin_main.scss */
.card-header-pills {
  margin-right: calc(var(--spacing-lg) * -0.5);
  margin-left: calc(var(--spacing-lg) * -0.5);
}

/* Steps Navigation */
/* line 6351, app/assets/stylesheets/flexadmin_main.scss */
.nav-steps {
  counter-reset: step;
}

/* line 6355, app/assets/stylesheets/flexadmin_main.scss */
.nav-steps .nav-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
}

/* line 6362, app/assets/stylesheets/flexadmin_main.scss */
.nav-steps .nav-link::before {
  counter-increment: step;
  content: counter(step);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 0.8125rem;
  font-weight: 600;
  background-color: var(--background-color);
  color: var(--muted-color);
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

/* line 6378, app/assets/stylesheets/flexadmin_main.scss */
.nav-steps .nav-link.active::before {
  background-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 6383, app/assets/stylesheets/flexadmin_main.scss */
.nav-steps .nav-link.completed::before {
  content: "✓";
  background-color: var(--success-color);
  color: var(--contrast-color);
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
/* line 6392, app/assets/stylesheets/flexadmin_main.scss */
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  gap: var(--spacing-xs);
}

/* line 6399, app/assets/stylesheets/flexadmin_main.scss */
.page-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 var(--spacing-sm);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--default-color);
  text-decoration: none;
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
}

/* line 6417, app/assets/stylesheets/flexadmin_main.scss */
.page-link:hover {
  z-index: 2;
  color: var(--accent-color);
  background-color: var(--background-color);
  border-color: var(--border-color-dark);
}

/* line 6424, app/assets/stylesheets/flexadmin_main.scss */
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 3px var(--input-focus-ring);
}

/* line 6430, app/assets/stylesheets/flexadmin_main.scss */
.page-item.active .page-link {
  z-index: 3;
  color: var(--contrast-color);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* line 6437, app/assets/stylesheets/flexadmin_main.scss */
.page-item.disabled .page-link {
  color: var(--light-color);
  pointer-events: none;
  background-color: var(--surface-color);
  border-color: var(--border-color);
  opacity: 0.5;
}

/* Pagination Sizes */
/* line 6446, app/assets/stylesheets/flexadmin_main.scss */
.pagination-lg .page-link {
  min-width: 44px;
  height: 44px;
  padding: 0 var(--spacing-md);
  font-size: 1rem;
}

/* line 6453, app/assets/stylesheets/flexadmin_main.scss */
.pagination-sm .page-link {
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  font-size: 0.75rem;
}

/* Pagination Variants */
/* line 6461, app/assets/stylesheets/flexadmin_main.scss */
.pagination-rounded .page-link {
  border-radius: var(--radius-full);
}

/* line 6465, app/assets/stylesheets/flexadmin_main.scss */
.pagination-borderless .page-link {
  border: none;
}

/* line 6469, app/assets/stylesheets/flexadmin_main.scss */
.pagination-borderless .page-item.active .page-link {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* Simple Pagination (Prev/Next only) */
/* line 6475, app/assets/stylesheets/flexadmin_main.scss */
.pagination-simple {
  justify-content: space-between;
}

/* line 6479, app/assets/stylesheets/flexadmin_main.scss */
.pagination-simple .page-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* Pagination with Info */
/* line 6486, app/assets/stylesheets/flexadmin_main.scss */
.pagination-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}

/* line 6494, app/assets/stylesheets/flexadmin_main.scss */
.pagination-info-text {
  font-size: 0.875rem;
  color: var(--muted-color);
}

/* Centered Pagination */
/* line 6500, app/assets/stylesheets/flexadmin_main.scss */
.pagination-center {
  justify-content: center;
}

/* Per Page Selector */
/* line 6505, app/assets/stylesheets/flexadmin_main.scss */
.per-page-select {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: 0.875rem;
  color: var(--muted-color);
}

/* line 6513, app/assets/stylesheets/flexadmin_main.scss */
.per-page-select select {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 0.875rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  background-color: var(--surface-color);
  color: var(--default-color);
}

/*--------------------------------------------------------------
# Progress Bars
--------------------------------------------------------------*/
/* line 6525, app/assets/stylesheets/flexadmin_main.scss */
.progress {
  display: flex;
  height: 8px;
  overflow: hidden;
  font-size: 0.625rem;
  background-color: var(--background-color);
  border-radius: var(--radius-full);
}

/* line 6534, app/assets/stylesheets/flexadmin_main.scss */
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--contrast-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--accent-color);
  transition: width var(--transition-slow) ease;
}

/* Progress Bar Colors */
/* line 6547, app/assets/stylesheets/flexadmin_main.scss */
.progress-bar-success,
.bg-success {
  background-color: var(--success-color) !important;
}

/* line 6552, app/assets/stylesheets/flexadmin_main.scss */
.progress-bar-warning,
.bg-warning {
  background-color: var(--warning-color) !important;
}

/* line 6557, app/assets/stylesheets/flexadmin_main.scss */
.progress-bar-danger,
.bg-danger {
  background-color: var(--danger-color) !important;
}

/* line 6562, app/assets/stylesheets/flexadmin_main.scss */
.progress-bar-info,
.bg-info {
  background-color: var(--info-color) !important;
}

/* Striped Progress Bar */
/* line 6568, app/assets/stylesheets/flexadmin_main.scss */
.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: 1rem 1rem;
}

/* Animated Striped */
/* line 6574, app/assets/stylesheets/flexadmin_main.scss */
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

/* Progress Sizes */
/* line 6585, app/assets/stylesheets/flexadmin_main.scss */
.progress-sm {
  height: 4px;
}

/* line 6589, app/assets/stylesheets/flexadmin_main.scss */
.progress-lg {
  height: 12px;
}

/* line 6593, app/assets/stylesheets/flexadmin_main.scss */
.progress-xl {
  height: 16px;
  font-size: 0.75rem;
}

/* Progress with Label */
/* line 6599, app/assets/stylesheets/flexadmin_main.scss */
.progress-with-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

/* line 6605, app/assets/stylesheets/flexadmin_main.scss */
.progress-with-label .progress {
  flex: 1;
}

/* line 6609, app/assets/stylesheets/flexadmin_main.scss */
.progress-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  min-width: 40px;
  text-align: right;
}

/* Stacked Progress (Multiple bars) */
/* line 6618, app/assets/stylesheets/flexadmin_main.scss */
.progress-stacked {
  display: flex;
}

/* line 6622, app/assets/stylesheets/flexadmin_main.scss */
.progress-stacked .progress {
  flex: 1;
}

/* Progress Circle */
/* line 6627, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 6634, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle svg {
  transform: rotate(-90deg);
}

/* line 6638, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle-track {
  fill: none;
  stroke: var(--background-color);
}

/* line 6643, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle-bar {
  fill: none;
  stroke: var(--accent-color);
  stroke-linecap: round;
  transition: stroke-dasharray var(--transition-slow) ease;
}

/* line 6650, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle-bar.success {
  stroke: var(--success-color);
}

/* line 6654, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle-bar.warning {
  stroke: var(--warning-color);
}

/* line 6658, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle-bar.danger {
  stroke: var(--danger-color);
}

/* line 6662, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle-value {
  position: absolute;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 6669, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle-sm .progress-circle-value {
  font-size: 0.875rem;
}

/* line 6673, app/assets/stylesheets/flexadmin_main.scss */
.progress-circle-lg .progress-circle-value {
  font-size: 1.5rem;
}

/* Progress Group (Multiple progress items) */
/* line 6678, app/assets/stylesheets/flexadmin_main.scss */
.progress-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

/* line 6684, app/assets/stylesheets/flexadmin_main.scss */
.progress-group-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

/* line 6690, app/assets/stylesheets/flexadmin_main.scss */
.progress-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 6696, app/assets/stylesheets/flexadmin_main.scss */
.progress-group-label {
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 6701, app/assets/stylesheets/flexadmin_main.scss */
.progress-group-value {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* Step Progress */
/* line 6708, app/assets/stylesheets/flexadmin_main.scss */
.step-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

/* line 6715, app/assets/stylesheets/flexadmin_main.scss */
.step-progress::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--border-color);
  transform: translateY(-50%);
  z-index: 0;
}

/* line 6727, app/assets/stylesheets/flexadmin_main.scss */
.step-progress-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  z-index: 1;
}

/* line 6736, app/assets/stylesheets/flexadmin_main.scss */
.step-progress-marker {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background-color: var(--surface-color);
  border: 2px solid var(--border-color);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--muted-color);
}

/* line 6750, app/assets/stylesheets/flexadmin_main.scss */
.step-progress-item.active .step-progress-marker {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 6756, app/assets/stylesheets/flexadmin_main.scss */
.step-progress-item.completed .step-progress-marker {
  background-color: var(--success-color);
  border-color: var(--success-color);
  color: var(--contrast-color);
}

/* line 6762, app/assets/stylesheets/flexadmin_main.scss */
.step-progress-label {
  font-size: 0.8125rem;
  color: var(--muted-color);
  text-align: center;
  white-space: nowrap;
}

/* line 6769, app/assets/stylesheets/flexadmin_main.scss */
.step-progress-item.active .step-progress-label {
  color: var(--heading-color);
  font-weight: 500;
}

/*--------------------------------------------------------------
# Toasts / Notifications
--------------------------------------------------------------*/
/* line 6777, app/assets/stylesheets/flexadmin_main.scss */
.toast-container {
  position: fixed;
  z-index: 1090;
  width: 100%;
  max-width: 380px;
  pointer-events: none;
}

/* Toast Positions */
/* line 6786, app/assets/stylesheets/flexadmin_main.scss */
.toast-container.top-right {
  top: var(--spacing-lg);
  right: var(--spacing-lg);
}

/* line 6791, app/assets/stylesheets/flexadmin_main.scss */
.toast-container.top-left {
  top: var(--spacing-lg);
  left: var(--spacing-lg);
}

/* line 6796, app/assets/stylesheets/flexadmin_main.scss */
.toast-container.top-center {
  top: var(--spacing-lg);
  left: 50%;
  transform: translateX(-50%);
}

/* line 6802, app/assets/stylesheets/flexadmin_main.scss */
.toast-container.bottom-right {
  bottom: var(--spacing-lg);
  right: var(--spacing-lg);
}

/* line 6807, app/assets/stylesheets/flexadmin_main.scss */
.toast-container.bottom-left {
  bottom: var(--spacing-lg);
  left: var(--spacing-lg);
}

/* line 6812, app/assets/stylesheets/flexadmin_main.scss */
.toast-container.bottom-center {
  bottom: var(--spacing-lg);
  left: 50%;
  transform: translateX(-50%);
}

/* line 6818, app/assets/stylesheets/flexadmin_main.scss */
.toast {
  width: 100%;
  max-width: 380px;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: var(--surface-color);
  background-clip: padding-box;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-lg);
  border-radius: var(--radius-lg);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity var(--transition-base), transform var(--transition-base);
}

/* line 6833, app/assets/stylesheets/flexadmin_main.scss */
.toast.show {
  opacity: 1;
  transform: translateY(0);
}

/* line 6838, app/assets/stylesheets/flexadmin_main.scss */
.toast.hiding {
  opacity: 0;
  transform: translateY(-10px);
}

/* line 6843, app/assets/stylesheets/flexadmin_main.scss */
.toast + .toast {
  margin-top: var(--spacing-md);
}

/* line 6847, app/assets/stylesheets/flexadmin_main.scss */
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  color: var(--heading-color);
  background-color: var(--surface-color);
  background-clip: padding-box;
  border-bottom: 1px solid var(--border-color-light);
  border-top-left-radius: calc(var(--radius-lg) - 1px);
  border-top-right-radius: calc(var(--radius-lg) - 1px);
}

/* line 6859, app/assets/stylesheets/flexadmin_main.scss */
.toast-header .btn-close {
  margin-left: auto;
  padding: var(--spacing-xs);
  background: transparent;
  border: none;
  opacity: 0.5;
  cursor: pointer;
}

/* line 6868, app/assets/stylesheets/flexadmin_main.scss */
.toast-header .btn-close:hover {
  opacity: 1;
}

/* line 6872, app/assets/stylesheets/flexadmin_main.scss */
.toast-body {
  padding: var(--spacing-md);
  word-wrap: break-word;
}

/* Toast with Icon */
/* line 6878, app/assets/stylesheets/flexadmin_main.scss */
.toast-icon {
  display: flex;
  gap: var(--spacing-sm);
}

/* line 6883, app/assets/stylesheets/flexadmin_main.scss */
.toast-icon-wrapper {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
}

/* line 6894, app/assets/stylesheets/flexadmin_main.scss */
.toast-icon-wrapper.success {
  background-color: var(--success-color-light);
  color: var(--success-color);
}

/* line 6899, app/assets/stylesheets/flexadmin_main.scss */
.toast-icon-wrapper.warning {
  background-color: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 6904, app/assets/stylesheets/flexadmin_main.scss */
.toast-icon-wrapper.danger {
  background-color: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 6909, app/assets/stylesheets/flexadmin_main.scss */
.toast-icon-wrapper.info {
  background-color: var(--info-color-light);
  color: var(--info-color);
}

/* line 6914, app/assets/stylesheets/flexadmin_main.scss */
.toast-content {
  flex: 1;
  min-width: 0;
}

/* line 6919, app/assets/stylesheets/flexadmin_main.scss */
.toast-title {
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 2px;
}

/* line 6925, app/assets/stylesheets/flexadmin_main.scss */
.toast-message {
  color: var(--muted-color);
}

/* line 6929, app/assets/stylesheets/flexadmin_main.scss */
.toast-time {
  font-size: 0.75rem;
  color: var(--light-color);
  margin-top: var(--spacing-xs);
}

/* Toast Variants */
/* line 6936, app/assets/stylesheets/flexadmin_main.scss */
.toast-success {
  border-left: 4px solid var(--success-color);
}

/* line 6940, app/assets/stylesheets/flexadmin_main.scss */
.toast-warning {
  border-left: 4px solid var(--warning-color);
}

/* line 6944, app/assets/stylesheets/flexadmin_main.scss */
.toast-danger {
  border-left: 4px solid var(--danger-color);
}

/* line 6948, app/assets/stylesheets/flexadmin_main.scss */
.toast-info {
  border-left: 4px solid var(--info-color);
}

/* Solid Toast Variants */
/* line 6953, app/assets/stylesheets/flexadmin_main.scss */
.toast-solid-success {
  background-color: var(--success-color);
  border-color: var(--success-color);
  color: var(--contrast-color);
}

/* line 6959, app/assets/stylesheets/flexadmin_main.scss */
.toast-solid-success .toast-header {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  color: var(--contrast-color);
}

/* line 6965, app/assets/stylesheets/flexadmin_main.scss */
.toast-solid-success .toast-title,
.toast-solid-success .toast-message {
  color: var(--contrast-color);
}

/* line 6970, app/assets/stylesheets/flexadmin_main.scss */
.toast-solid-success .toast-time {
  color: rgba(255, 255, 255, 0.8);
}

/* line 6974, app/assets/stylesheets/flexadmin_main.scss */
.toast-solid-warning {
  background-color: var(--warning-color);
  border-color: var(--warning-color);
  color: var(--heading-color);
}

/* line 6980, app/assets/stylesheets/flexadmin_main.scss */
.toast-solid-danger {
  background-color: var(--danger-color);
  border-color: var(--danger-color);
  color: var(--contrast-color);
}

/* line 6986, app/assets/stylesheets/flexadmin_main.scss */
.toast-solid-info {
  background-color: var(--info-color);
  border-color: var(--info-color);
  color: var(--contrast-color);
}

/* Toast Actions */
/* line 6993, app/assets/stylesheets/flexadmin_main.scss */
.toast-actions {
  display: flex;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}

/* line 6999, app/assets/stylesheets/flexadmin_main.scss */
.toast-actions .btn {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 0.8125rem;
}

/* Toast Progress Bar (Auto-dismiss indicator) */
/* line 7005, app/assets/stylesheets/flexadmin_main.scss */
.toast-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background-color: var(--accent-color);
  border-radius: 0 0 0 var(--radius-lg);
  animation: toast-progress linear forwards;
}

@keyframes toast-progress {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

/*--------------------------------------------------------------
# Dashboard Widgets - Activity
--------------------------------------------------------------*/
/* Activity Widget */
/* line 7029, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity .activity-item {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
  position: relative;
}

/* line 7036, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity .activity-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 48px;
  bottom: 0;
  width: 2px;
  background: var(--border-color);
}

/* line 7046, app/assets/stylesheets/flexadmin_main.scss */
.activity-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  flex-shrink: 0;
  font-size: 0.875rem;
}

/* line 7057, app/assets/stylesheets/flexadmin_main.scss */
.activity-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 7062, app/assets/stylesheets/flexadmin_main.scss */
.activity-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 7067, app/assets/stylesheets/flexadmin_main.scss */
.activity-icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 7072, app/assets/stylesheets/flexadmin_main.scss */
.activity-icon.danger {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 7077, app/assets/stylesheets/flexadmin_main.scss */
.activity-content {
  flex: 1;
  min-width: 0;
}

/* line 7082, app/assets/stylesheets/flexadmin_main.scss */
.activity-title {
  font-size: 0.875rem;
  color: var(--heading-color);
  margin-bottom: 2px;
}

/* line 7088, app/assets/stylesheets/flexadmin_main.scss */
.activity-title a {
  font-weight: 500;
  color: var(--accent-color);
}

/* line 7093, app/assets/stylesheets/flexadmin_main.scss */
.activity-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 7098, app/assets/stylesheets/flexadmin_main.scss */
.activity-time {
  font-size: 0.75rem;
  color: var(--light-color);
  margin-top: var(--spacing-xs);
}

/* Badge Dot */
/* line 7105, app/assets/stylesheets/flexadmin_main.scss */
.badge-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

/* Activity Icon Info Variant */
/* line 7114, app/assets/stylesheets/flexadmin_main.scss */
.activity-icon.info {
  background: var(--info-color-light);
  color: var(--info-color);
}

/*--------------------------------------------------------------
# Dashboard Widgets - Lists
--------------------------------------------------------------*/
/* Todo Widget */
/* line 7123, app/assets/stylesheets/flexadmin_main.scss */
.widget-todo .todo-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) 0;
}

/* line 7130, app/assets/stylesheets/flexadmin_main.scss */
.widget-todo .todo-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7134, app/assets/stylesheets/flexadmin_main.scss */
.todo-checkbox {
  width: 18px;
  height: 18px;
  border: 2px solid var(--border-color);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

/* line 7143, app/assets/stylesheets/flexadmin_main.scss */
.todo-checkbox:hover {
  border-color: var(--accent-color);
}

/* line 7147, app/assets/stylesheets/flexadmin_main.scss */
.todo-checkbox.checked {
  background: var(--success-color);
  border-color: var(--success-color);
}

/* line 7152, app/assets/stylesheets/flexadmin_main.scss */
.todo-checkbox.checked::after {
  content: "✓";
  color: var(--contrast-color);
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* line 7162, app/assets/stylesheets/flexadmin_main.scss */
.todo-content {
  flex: 1;
  min-width: 0;
}

/* line 7167, app/assets/stylesheets/flexadmin_main.scss */
.todo-title {
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 7172, app/assets/stylesheets/flexadmin_main.scss */
.todo-item.completed .todo-title {
  text-decoration: line-through;
  color: var(--muted-color);
}

/* line 7177, app/assets/stylesheets/flexadmin_main.scss */
.todo-priority {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

/* line 7184, app/assets/stylesheets/flexadmin_main.scss */
.todo-priority.high {
  background: var(--danger-color);
}

/* line 7188, app/assets/stylesheets/flexadmin_main.scss */
.todo-priority.medium {
  background: var(--warning-color);
}

/* line 7192, app/assets/stylesheets/flexadmin_main.scss */
.todo-priority.low {
  background: var(--success-color);
}

/* Sales Widget */
/* line 7197, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md) 0;
}

/* line 7204, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7208, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-product {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 7214, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-image {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 7222, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 7228, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-category {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 7233, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-amount {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* News/Blog Widget */
/* line 7240, app/assets/stylesheets/flexadmin_main.scss */
.widget-news-item {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

/* line 7246, app/assets/stylesheets/flexadmin_main.scss */
.widget-news-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7250, app/assets/stylesheets/flexadmin_main.scss */
.widget-news-image {
  width: 80px;
  height: 60px;
  border-radius: var(--radius-md);
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 7259, app/assets/stylesheets/flexadmin_main.scss */
.widget-news-content {
  flex: 1;
  min-width: 0;
}

/* line 7264, app/assets/stylesheets/flexadmin_main.scss */
.widget-news-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 7275, app/assets/stylesheets/flexadmin_main.scss */
.widget-news-title a:hover {
  color: var(--accent-color);
}

/* line 7279, app/assets/stylesheets/flexadmin_main.scss */
.widget-news-meta {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* Transaction List Widget */
/* line 7285, app/assets/stylesheets/flexadmin_main.scss */
.transaction-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

/* line 7291, app/assets/stylesheets/flexadmin_main.scss */
.transaction-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

/* line 7297, app/assets/stylesheets/flexadmin_main.scss */
.transaction-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  flex-shrink: 0;
  font-size: 1rem;
}

/* line 7308, app/assets/stylesheets/flexadmin_main.scss */
.transaction-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 7313, app/assets/stylesheets/flexadmin_main.scss */
.transaction-icon.danger {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 7318, app/assets/stylesheets/flexadmin_main.scss */
.transaction-details {
  flex: 1;
  min-width: 0;
}

/* line 7323, app/assets/stylesheets/flexadmin_main.scss */
.transaction-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 7329, app/assets/stylesheets/flexadmin_main.scss */
.transaction-meta {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 7334, app/assets/stylesheets/flexadmin_main.scss */
.transaction-amount {
  font-size: 0.9375rem;
  font-weight: 600;
}

/* line 7339, app/assets/stylesheets/flexadmin_main.scss */
.transaction-amount.positive {
  color: var(--success-color);
}

/* line 7343, app/assets/stylesheets/flexadmin_main.scss */
.transaction-amount.negative {
  color: var(--danger-color);
}

/* Deal List Widget */
/* line 7348, app/assets/stylesheets/flexadmin_main.scss */
.deal-list {
  display: flex;
  flex-direction: column;
}

/* line 7353, app/assets/stylesheets/flexadmin_main.scss */
.deal-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md);
  gap: var(--spacing-md);
}

/* line 7361, app/assets/stylesheets/flexadmin_main.scss */
.deal-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7365, app/assets/stylesheets/flexadmin_main.scss */
.deal-info {
  flex: 1;
  min-width: 0;
}

/* line 7370, app/assets/stylesheets/flexadmin_main.scss */
.deal-company {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 7376, app/assets/stylesheets/flexadmin_main.scss */
.deal-contact {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 7381, app/assets/stylesheets/flexadmin_main.scss */
.deal-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-xs);
}

/* line 7388, app/assets/stylesheets/flexadmin_main.scss */
.deal-amount {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* Contact List Widget */
/* line 7395, app/assets/stylesheets/flexadmin_main.scss */
.contact-list {
  display: flex;
  flex-direction: column;
}

/* line 7400, app/assets/stylesheets/flexadmin_main.scss */
.contact-item {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  gap: var(--spacing-md);
}

/* line 7407, app/assets/stylesheets/flexadmin_main.scss */
.contact-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7411, app/assets/stylesheets/flexadmin_main.scss */
.contact-avatar {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 7420, app/assets/stylesheets/flexadmin_main.scss */
.contact-info {
  flex: 1;
  min-width: 0;
}

/* line 7425, app/assets/stylesheets/flexadmin_main.scss */
.contact-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 7431, app/assets/stylesheets/flexadmin_main.scss */
.contact-company {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 7436, app/assets/stylesheets/flexadmin_main.scss */
.contact-stats {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  min-width: 80px;
}

/* line 7444, app/assets/stylesheets/flexadmin_main.scss */
.contact-deals {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 7449, app/assets/stylesheets/flexadmin_main.scss */
.contact-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 7455, app/assets/stylesheets/flexadmin_main.scss */
.contact-actions {
  display: flex;
  gap: var(--spacing-xs);
}

/* line 7460, app/assets/stylesheets/flexadmin_main.scss */
.contact-actions .btn {
  padding: 4px 8px;
}

/* Task List Widget */
/* line 7465, app/assets/stylesheets/flexadmin_main.scss */
.task-list {
  display: flex;
  flex-direction: column;
}

/* line 7470, app/assets/stylesheets/flexadmin_main.scss */
.task-item {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  gap: var(--spacing-md);
}

/* line 7477, app/assets/stylesheets/flexadmin_main.scss */
.task-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7481, app/assets/stylesheets/flexadmin_main.scss */
.task-checkbox {
  position: relative;
  flex-shrink: 0;
}

/* line 7486, app/assets/stylesheets/flexadmin_main.scss */
.task-checkbox input {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-color);
  border-radius: var(--radius-sm);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  display: block;
  transition: all var(--transition-fast);
}

/* line 7501, app/assets/stylesheets/flexadmin_main.scss */
.task-checkbox input:checked {
  background: var(--success-color);
  border-color: var(--success-color);
}

/* line 7506, app/assets/stylesheets/flexadmin_main.scss */
.task-checkbox input:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 9px;
  border: solid var(--contrast-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* line 7518, app/assets/stylesheets/flexadmin_main.scss */
.task-checkbox label {
  display: none;
}

/* line 7522, app/assets/stylesheets/flexadmin_main.scss */
.task-info {
  flex: 1;
  min-width: 0;
}

/* line 7527, app/assets/stylesheets/flexadmin_main.scss */
.task-title {
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 7532, app/assets/stylesheets/flexadmin_main.scss */
.task-item:has(input:checked) .task-title {
  text-decoration: line-through;
  color: var(--muted-color);
}

/* line 7537, app/assets/stylesheets/flexadmin_main.scss */
.task-meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-top: 2px;
}

/* line 7544, app/assets/stylesheets/flexadmin_main.scss */
.task-due {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 7552, app/assets/stylesheets/flexadmin_main.scss */
.task-due i {
  font-size: 0.6875rem;
}

/* Content List Widget */
/* line 7557, app/assets/stylesheets/flexadmin_main.scss */
.content-list {
  display: flex;
  flex-direction: column;
}

/* line 7562, app/assets/stylesheets/flexadmin_main.scss */
.content-item {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  gap: var(--spacing-md);
}

/* line 7569, app/assets/stylesheets/flexadmin_main.scss */
.content-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7573, app/assets/stylesheets/flexadmin_main.scss */
.content-rank {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-color);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  flex-shrink: 0;
}

/* line 7587, app/assets/stylesheets/flexadmin_main.scss */
.content-info {
  flex: 1;
  min-width: 0;
}

/* line 7592, app/assets/stylesheets/flexadmin_main.scss */
.content-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 7601, app/assets/stylesheets/flexadmin_main.scss */
.content-meta {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 7606, app/assets/stylesheets/flexadmin_main.scss */
.content-stats {
  display: flex;
  gap: var(--spacing-md);
}

/* line 7611, app/assets/stylesheets/flexadmin_main.scss */
.content-views,
.content-shares {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 7620, app/assets/stylesheets/flexadmin_main.scss */
.content-views i,
.content-shares i {
  font-size: 0.6875rem;
}

/* Milestone List Widget */
/* line 7626, app/assets/stylesheets/flexadmin_main.scss */
.milestone-list {
  display: flex;
  flex-direction: column;
}

/* line 7631, app/assets/stylesheets/flexadmin_main.scss */
.milestone-item {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  gap: var(--spacing-md);
}

/* line 7638, app/assets/stylesheets/flexadmin_main.scss */
.milestone-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7642, app/assets/stylesheets/flexadmin_main.scss */
.milestone-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--background-color);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

/* line 7654, app/assets/stylesheets/flexadmin_main.scss */
.milestone-day {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
}

/* line 7661, app/assets/stylesheets/flexadmin_main.scss */
.milestone-month {
  font-size: 0.6875rem;
  color: var(--muted-color);
  text-transform: uppercase;
}

/* line 7667, app/assets/stylesheets/flexadmin_main.scss */
.milestone-info {
  flex: 1;
  min-width: 0;
}

/* line 7672, app/assets/stylesheets/flexadmin_main.scss */
.milestone-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 7678, app/assets/stylesheets/flexadmin_main.scss */
.milestone-project {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* Workload List Widget */
/* line 7684, app/assets/stylesheets/flexadmin_main.scss */
.workload-list {
  display: flex;
  flex-direction: column;
}

/* line 7689, app/assets/stylesheets/flexadmin_main.scss */
.workload-item {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  gap: var(--spacing-md);
}

/* line 7696, app/assets/stylesheets/flexadmin_main.scss */
.workload-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7700, app/assets/stylesheets/flexadmin_main.scss */
.workload-avatar {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 7709, app/assets/stylesheets/flexadmin_main.scss */
.workload-info {
  min-width: 120px;
}

/* line 7713, app/assets/stylesheets/flexadmin_main.scss */
.workload-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 7719, app/assets/stylesheets/flexadmin_main.scss */
.workload-role {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 7724, app/assets/stylesheets/flexadmin_main.scss */
.workload-stats {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

/* line 7731, app/assets/stylesheets/flexadmin_main.scss */
.workload-tasks {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 7736, app/assets/stylesheets/flexadmin_main.scss */
.workload-bar-container {
  height: 6px;
  background: var(--background-color);
  border-radius: var(--radius-full);
  overflow: hidden;
}

/* line 7743, app/assets/stylesheets/flexadmin_main.scss */
.workload-bar {
  height: 100%;
  border-radius: var(--radius-full);
}

/* line 7748, app/assets/stylesheets/flexadmin_main.scss */
.workload-bar-fill {
  height: 100%;
  border-radius: var(--radius-full);
  width: 100%;
}

/* line 7754, app/assets/stylesheets/flexadmin_main.scss */
.workload-bar-fill.overloaded {
  background: var(--danger-color);
}

/* line 7758, app/assets/stylesheets/flexadmin_main.scss */
.workload-bar-fill.warning {
  background: var(--warning-color);
}

/* line 7762, app/assets/stylesheets/flexadmin_main.scss */
.workload-bar-fill.normal {
  background: var(--success-color);
}

/* line 7766, app/assets/stylesheets/flexadmin_main.scss */
.workload-bar-fill.low {
  background: var(--info-color);
}

/*--------------------------------------------------------------
# Dashboard Widgets - Analytics
--------------------------------------------------------------*/
/* Traffic Sources Widget */
/* line 7774, app/assets/stylesheets/flexadmin_main.scss */
.traffic-source-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) 0;
}

/* line 7781, app/assets/stylesheets/flexadmin_main.scss */
.traffic-source-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1rem;
}

/* line 7791, app/assets/stylesheets/flexadmin_main.scss */
.traffic-source-info {
  flex: 1;
}

/* line 7795, app/assets/stylesheets/flexadmin_main.scss */
.traffic-source-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 7801, app/assets/stylesheets/flexadmin_main.scss */
.traffic-source-value {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 7806, app/assets/stylesheets/flexadmin_main.scss */
.traffic-source-percent {
  font-size: 0.875rem;
  font-weight: 600;
}

/* Region List Widget */
/* line 7812, app/assets/stylesheets/flexadmin_main.scss */
.region-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

/* line 7818, app/assets/stylesheets/flexadmin_main.scss */
.region-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}

/* line 7825, app/assets/stylesheets/flexadmin_main.scss */
.region-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 140px;
}

/* line 7832, app/assets/stylesheets/flexadmin_main.scss */
.region-flag {
  font-size: 1.25rem;
}

/* line 7836, app/assets/stylesheets/flexadmin_main.scss */
.region-name {
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 7841, app/assets/stylesheets/flexadmin_main.scss */
.region-stats {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  flex: 1;
}

/* line 7848, app/assets/stylesheets/flexadmin_main.scss */
.region-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  min-width: 70px;
  text-align: right;
}

/* line 7856, app/assets/stylesheets/flexadmin_main.scss */
.region-progress {
  flex: 1;
  height: 6px;
}

/* Device List Widget */
/* line 7862, app/assets/stylesheets/flexadmin_main.scss */
.device-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

/* line 7868, app/assets/stylesheets/flexadmin_main.scss */
.device-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

/* line 7874, app/assets/stylesheets/flexadmin_main.scss */
.device-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: var(--background-color);
  color: var(--muted-color);
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 7887, app/assets/stylesheets/flexadmin_main.scss */
.device-info {
  flex: 1;
  min-width: 0;
}

/* line 7892, app/assets/stylesheets/flexadmin_main.scss */
.device-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: var(--spacing-xs);
}

/* line 7899, app/assets/stylesheets/flexadmin_main.scss */
.device-progress {
  height: 6px;
}

/* line 7903, app/assets/stylesheets/flexadmin_main.scss */
.device-stats {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 70px;
}

/* line 7910, app/assets/stylesheets/flexadmin_main.scss */
.device-percent {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 7916, app/assets/stylesheets/flexadmin_main.scss */
.device-count {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* Browser List Widget */
/* line 7922, app/assets/stylesheets/flexadmin_main.scss */
.browser-list {
  display: flex;
  flex-direction: column;
}

/* line 7927, app/assets/stylesheets/flexadmin_main.scss */
.browser-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm) 0;
}

/* line 7934, app/assets/stylesheets/flexadmin_main.scss */
.browser-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 7938, app/assets/stylesheets/flexadmin_main.scss */
.browser-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 7944, app/assets/stylesheets/flexadmin_main.scss */
.browser-info i {
  font-size: 1.25rem;
}

/* line 7948, app/assets/stylesheets/flexadmin_main.scss */
.browser-name {
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 7953, app/assets/stylesheets/flexadmin_main.scss */
.browser-stats {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

/* line 7959, app/assets/stylesheets/flexadmin_main.scss */
.browser-percent {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  min-width: 50px;
  text-align: right;
}

/* Real-time Stats Widget */
/* line 7968, app/assets/stylesheets/flexadmin_main.scss */
.realtime-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--success-color);
  border-radius: var(--radius-full);
  margin-right: var(--spacing-sm);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--success-color), transparent 30%);
  }
  70% {
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--success-color), transparent 100%);
  }
  100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--success-color), transparent 100%);
  }
}

/* line 7992, app/assets/stylesheets/flexadmin_main.scss */
.realtime-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-lg);
  text-align: center;
}

/* line 7999, app/assets/stylesheets/flexadmin_main.scss */
.realtime-stat {
  padding: var(--spacing-md);
  background: var(--background-color);
  border-radius: var(--radius-md);
}

/* line 8005, app/assets/stylesheets/flexadmin_main.scss */
.realtime-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 8012, app/assets/stylesheets/flexadmin_main.scss */
.realtime-label {
  font-size: 0.75rem;
  color: var(--muted-color);
  margin-top: var(--spacing-xs);
}

@media (max-width: 767px) {
  /* line 8019, app/assets/stylesheets/flexadmin_main.scss */
  .realtime-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Social Stats Widget */
/* line 8025, app/assets/stylesheets/flexadmin_main.scss */
.social-stats-list {
  display: flex;
  flex-direction: column;
}

/* line 8030, app/assets/stylesheets/flexadmin_main.scss */
.social-stats-item {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  gap: var(--spacing-md);
}

/* line 8037, app/assets/stylesheets/flexadmin_main.scss */
.social-stats-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 8041, app/assets/stylesheets/flexadmin_main.scss */
.social-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 8052, app/assets/stylesheets/flexadmin_main.scss */
.social-icon.facebook {
  background: rgba(24, 119, 242, 0.1);
  color: #1877f2;
}

/* line 8057, app/assets/stylesheets/flexadmin_main.scss */
.social-icon.twitter {
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  color: var(--default-color);
}

/* line 8062, app/assets/stylesheets/flexadmin_main.scss */
[data-bs-theme=dark] .social-icon.twitter {
  background: color-mix(in srgb, var(--contrast-color), transparent 90%);
  color: var(--contrast-color);
}

/* line 8067, app/assets/stylesheets/flexadmin_main.scss */
.social-icon.instagram {
  background: linear-gradient(45deg, rgba(253, 29, 29, 0.1), rgba(131, 58, 180, 0.1));
  color: #e1306c;
}

/* line 8072, app/assets/stylesheets/flexadmin_main.scss */
.social-icon.linkedin {
  background: rgba(10, 102, 194, 0.1);
  color: #0a66c2;
}

/* line 8077, app/assets/stylesheets/flexadmin_main.scss */
.social-icon.youtube {
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}

/* line 8082, app/assets/stylesheets/flexadmin_main.scss */
.social-info {
  flex: 1;
  min-width: 0;
}

/* line 8087, app/assets/stylesheets/flexadmin_main.scss */
.social-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 8093, app/assets/stylesheets/flexadmin_main.scss */
.social-followers {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 8098, app/assets/stylesheets/flexadmin_main.scss */
.social-engagement {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 70px;
}

/* line 8105, app/assets/stylesheets/flexadmin_main.scss */
.engagement-value {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--success-color);
}

/* line 8111, app/assets/stylesheets/flexadmin_main.scss */
.engagement-label {
  font-size: 0.6875rem;
  color: var(--muted-color);
  text-transform: uppercase;
}

/* Funnel Chart Widget */
/* line 8118, app/assets/stylesheets/flexadmin_main.scss */
.funnel-chart {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

/* line 8125, app/assets/stylesheets/flexadmin_main.scss */
.funnel-stage {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

/* line 8131, app/assets/stylesheets/flexadmin_main.scss */
.funnel-bar {
  height: 32px;
  width: var(--funnel-width, 100%);
  border-radius: var(--radius-sm);
  transition: width var(--transition-base);
}

/* line 8138, app/assets/stylesheets/flexadmin_main.scss */
.funnel-bar.primary {
  background: var(--accent-color);
}

/* line 8142, app/assets/stylesheets/flexadmin_main.scss */
.funnel-bar.info {
  background: var(--info-color);
}

/* line 8146, app/assets/stylesheets/flexadmin_main.scss */
.funnel-bar.warning {
  background: var(--warning-color);
}

/* line 8150, app/assets/stylesheets/flexadmin_main.scss */
.funnel-bar.success {
  background: var(--success-color);
}

/* line 8154, app/assets/stylesheets/flexadmin_main.scss */
.funnel-bar.danger {
  background: var(--danger-color);
}

/* line 8158, app/assets/stylesheets/flexadmin_main.scss */
.funnel-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 180px;
  flex-shrink: 0;
}

/* line 8166, app/assets/stylesheets/flexadmin_main.scss */
.funnel-name {
  font-size: 0.875rem;
  color: var(--default-color);
  min-width: 80px;
}

/* line 8172, app/assets/stylesheets/flexadmin_main.scss */
.funnel-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 8178, app/assets/stylesheets/flexadmin_main.scss */
.funnel-rate {
  font-size: 0.75rem;
  color: var(--muted-color);
}

@media (max-width: 767px) {
  /* line 8184, app/assets/stylesheets/flexadmin_main.scss */
  .funnel-info {
    min-width: 120px;
  }
}

/* Pipeline Stages Widget */
/* line 8190, app/assets/stylesheets/flexadmin_main.scss */
.pipeline-stages {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

/* line 8196, app/assets/stylesheets/flexadmin_main.scss */
.pipeline-stage {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

/* line 8202, app/assets/stylesheets/flexadmin_main.scss */
.pipeline-stage-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 8208, app/assets/stylesheets/flexadmin_main.scss */
.pipeline-stage-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--default-color);
}

/* line 8214, app/assets/stylesheets/flexadmin_main.scss */
.pipeline-stage-count {
  font-size: 0.75rem;
  color: var(--muted-color);
  background: var(--background-color);
  padding: 2px 8px;
  border-radius: var(--radius-full);
}

/* line 8222, app/assets/stylesheets/flexadmin_main.scss */
.pipeline-stage-bar {
  height: 8px;
  background: var(--background-color);
  border-radius: var(--radius-full);
  position: relative;
  overflow: hidden;
}

/* line 8230, app/assets/stylesheets/flexadmin_main.scss */
.pipeline-stage-bar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: var(--stage-width, 100%);
  background: var(--stage-color, var(--accent-color));
  border-radius: var(--radius-full);
  transition: width var(--transition-base);
}

/* line 8242, app/assets/stylesheets/flexadmin_main.scss */
.pipeline-stage-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/*--------------------------------------------------------------
# Dashboard Widgets - Interactive
--------------------------------------------------------------*/
/* Calendar Widget */
/* line 8252, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-md);
}

/* line 8259, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-nav {
  display: flex;
  gap: var(--spacing-xs);
}

/* line 8264, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-nav button {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  color: var(--muted-color);
}

/* line 8274, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-nav button:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 8279, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-month {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 8285, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  text-align: center;
}

/* line 8292, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-day-header {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--muted-color);
  padding: var(--spacing-sm);
}

/* line 8300, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  color: var(--default-color);
  border-radius: var(--radius-full);
  cursor: pointer;
}

/* line 8311, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-day:hover {
  background: var(--background-color);
}

/* line 8315, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-day.other-month {
  color: var(--light-color);
}

/* line 8319, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-day.today {
  background: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
}

/* line 8325, app/assets/stylesheets/flexadmin_main.scss */
.widget-calendar-day.has-event::after {
  content: "";
  position: absolute;
  bottom: 4px;
  width: 4px;
  height: 4px;
  background: var(--accent-color);
  border-radius: var(--radius-full);
}

/* Quick Actions Widget */
/* line 8336, app/assets/stylesheets/flexadmin_main.scss */
.quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-sm);
}

/* line 8342, app/assets/stylesheets/flexadmin_main.scss */
.quick-action-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

/* line 8352, app/assets/stylesheets/flexadmin_main.scss */
.quick-action-item:hover {
  background: var(--background-color);
}

/* line 8356, app/assets/stylesheets/flexadmin_main.scss */
.quick-action-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1rem;
  flex-shrink: 0;
}

/* line 8367, app/assets/stylesheets/flexadmin_main.scss */
.quick-action-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--default-color);
}

/* Project List Widget */
/* line 8374, app/assets/stylesheets/flexadmin_main.scss */
.project-list {
  display: flex;
  flex-direction: column;
}

/* line 8379, app/assets/stylesheets/flexadmin_main.scss */
.project-item {
  display: flex;
  align-items: center;
  padding: var(--spacing-md) var(--spacing-lg);
  gap: var(--spacing-lg);
}

/* line 8386, app/assets/stylesheets/flexadmin_main.scss */
.project-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 8390, app/assets/stylesheets/flexadmin_main.scss */
.project-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  min-width: 220px;
}

/* line 8397, app/assets/stylesheets/flexadmin_main.scss */
.project-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 8408, app/assets/stylesheets/flexadmin_main.scss */
.project-details {
  min-width: 0;
}

/* line 8412, app/assets/stylesheets/flexadmin_main.scss */
.project-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 8418, app/assets/stylesheets/flexadmin_main.scss */
.project-client {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 8423, app/assets/stylesheets/flexadmin_main.scss */
.project-team {
  min-width: 120px;
}

/* line 8427, app/assets/stylesheets/flexadmin_main.scss */
.avatar-group {
  display: flex;
  align-items: center;
}

/* line 8432, app/assets/stylesheets/flexadmin_main.scss */
.avatar-group .avatar {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  border: 2px solid var(--surface-color);
  margin-left: -8px;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 8442, app/assets/stylesheets/flexadmin_main.scss */
.avatar-group .avatar:first-child {
  margin-left: 0;
}

/* line 8446, app/assets/stylesheets/flexadmin_main.scss */
.avatar-more {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-color);
  border-radius: var(--radius-full);
  border: 2px solid var(--surface-color);
  margin-left: -8px;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--muted-color);
}

/* line 8461, app/assets/stylesheets/flexadmin_main.scss */
.project-progress-info {
  min-width: 150px;
}

/* line 8465, app/assets/stylesheets/flexadmin_main.scss */
.project-progress-label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 8470, app/assets/stylesheets/flexadmin_main.scss */
.project-progress-value {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 8476, app/assets/stylesheets/flexadmin_main.scss */
.project-deadline {
  display: flex;
  flex-direction: column;
  min-width: 100px;
}

/* line 8482, app/assets/stylesheets/flexadmin_main.scss */
.deadline-label {
  font-size: 0.6875rem;
  color: var(--muted-color);
  text-transform: uppercase;
}

/* line 8488, app/assets/stylesheets/flexadmin_main.scss */
.deadline-date {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--default-color);
}

/* line 8494, app/assets/stylesheets/flexadmin_main.scss */
.project-status {
  min-width: 80px;
}

/* line 8498, app/assets/stylesheets/flexadmin_main.scss */
.project-actions {
  min-width: 40px;
}

@media (max-width: 1199px) {
  /* line 8503, app/assets/stylesheets/flexadmin_main.scss */
  .project-item {
    flex-wrap: wrap;
    gap: var(--spacing-md);
  }
  /* line 8508, app/assets/stylesheets/flexadmin_main.scss */
  .project-info {
    min-width: 100%;
  }
  /* line 8512, app/assets/stylesheets/flexadmin_main.scss */
  .project-team,
.project-progress-info,
.project-deadline,
.project-status {
    min-width: auto;
  }
}

/* line 8520, app/assets/stylesheets/flexadmin_main.scss */
.faq-accordion .accordion-item {
  border: none;
  border-bottom: 1px solid var(--border-color);
}

/* line 8525, app/assets/stylesheets/flexadmin_main.scss */
.faq-accordion .accordion-item:last-child {
  border-bottom: none;
}

/* line 8529, app/assets/stylesheets/flexadmin_main.scss */
.faq-accordion .accordion-button {
  padding: 1rem 0;
  font-weight: 500;
  background: transparent;
  box-shadow: none;
}

/* line 8536, app/assets/stylesheets/flexadmin_main.scss */
.faq-accordion .accordion-button:not(.collapsed) {
  color: var(--accent-color);
  background: transparent;
}

/* line 8541, app/assets/stylesheets/flexadmin_main.scss */
.faq-accordion .accordion-button:focus {
  box-shadow: none;
}

/* line 8545, app/assets/stylesheets/flexadmin_main.scss */
.faq-accordion .accordion-button::after {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}

/* line 8551, app/assets/stylesheets/flexadmin_main.scss */
.faq-accordion .accordion-body {
  padding: 0 0 1rem 0;
}

/*--------------------------------------------------------------
# Error Pages - FlexAdmin
--------------------------------------------------------------*/
/* line 8558, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  background: radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--accent-color), transparent 95%), transparent 46%), radial-gradient(circle at 88% 82%, color-mix(in srgb, var(--info-color), transparent 95%), transparent 48%), var(--background-color);
  position: relative;
  overflow: hidden;
}

/* line 8569, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-bg-shape {
  position: absolute;
  border-radius: var(--radius-full);
  pointer-events: none;
}

/* line 8575, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-bg-shape.shape-a {
  width: 340px;
  height: 340px;
  top: -150px;
  right: -90px;
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
}

/* line 8583, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-bg-shape.shape-b {
  width: 300px;
  height: 300px;
  bottom: -130px;
  left: -110px;
  background: color-mix(in srgb, var(--success-color), transparent 95%);
}

/* line 8591, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-card {
  width: 100%;
  max-width: 560px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl);
  background: var(--card-bg);
  box-shadow: var(--shadow-lg);
  padding: 1.5rem;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* line 8604, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-logo {
  display: inline-block;
  margin-bottom: 1.05rem;
}

/* line 8609, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-logo img {
  height: 34px;
  width: auto;
}

/* line 8614, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.22rem 0.55rem;
  border-radius: var(--radius-full);
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 75%);
}

/* line 8629, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-code {
  margin: 0.7rem 0 0;
  /* Fixed font-size to avoid clamp with mixed units that SassC cannot process */
  font-size: 4.2rem;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--heading-color);
}

/* line 8638, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-icon {
  width: 68px;
  height: 68px;
  margin: 0.7rem auto 0;
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}

/* line 8651, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-icon.warning {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 8656, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-icon.danger {
  color: var(--danger-color);
  background: var(--danger-color-light);
}

/* line 8661, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-title {
  margin: 0.8rem 0 0;
  font-size: 1.45rem;
  color: var(--heading-color);
}

/* line 8667, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-text {
  margin: 0.45rem auto 0;
  font-size: 0.88rem;
  color: var(--muted-color);
  line-height: 1.58;
  max-width: 52ch;
}

/* line 8675, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-status-row {
  margin-top: 0.8rem;
  display: flex;
  justify-content: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

/* line 8683, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-status-row span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  color: var(--muted-color);
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-full);
  padding: 0.22rem 0.55rem;
  background: var(--surface-color);
}

/* line 8695, app/assets/stylesheets/flexadmin_main.scss */
.fx-error-actions {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

/* line 8703, app/assets/stylesheets/flexadmin_main.scss */
.fx-maintenance-steps {
  margin-top: 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  text-align: left;
}

/* line 8711, app/assets/stylesheets/flexadmin_main.scss */
.fx-step {
  border: 1px solid var(--border-color-light);
  background: var(--surface-color);
  border-radius: var(--radius-md);
  padding: 0.48rem 0.6rem;
  font-size: 0.77rem;
  color: var(--default-color);
  display: flex;
  align-items: center;
  gap: 0.38rem;
}

/* line 8723, app/assets/stylesheets/flexadmin_main.scss */
.fx-step i {
  font-size: 0.82rem;
}

/* line 8727, app/assets/stylesheets/flexadmin_main.scss */
.fx-step.done i {
  color: var(--success-color);
}

/* line 8731, app/assets/stylesheets/flexadmin_main.scss */
.fx-step.active {
  border-color: color-mix(in srgb, var(--accent-color), transparent 55%);
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}

/* line 8736, app/assets/stylesheets/flexadmin_main.scss */
.fx-step.active i {
  color: var(--accent-color);
}

/* line 8740, app/assets/stylesheets/flexadmin_main.scss */
.fx-countdown {
  margin-top: 0.95rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}

/* line 8747, app/assets/stylesheets/flexadmin_main.scss */
.fx-count-item {
  border: 1px solid var(--border-color-light);
  background: var(--surface-color);
  border-radius: var(--radius-md);
  padding: 0.45rem 0.35rem;
}

/* line 8754, app/assets/stylesheets/flexadmin_main.scss */
.fx-count-item strong {
  display: block;
  font-size: 1.28rem;
  line-height: 1;
  color: var(--heading-color);
}

/* line 8761, app/assets/stylesheets/flexadmin_main.scss */
.fx-count-item span {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-color);
}

/* line 8770, app/assets/stylesheets/flexadmin_main.scss */
.fx-newsletter-form {
  margin-top: 0.9rem;
  display: flex;
  gap: 0.45rem;
}

/* line 8776, app/assets/stylesheets/flexadmin_main.scss */
.fx-newsletter-form .form-control {
  height: 40px;
  font-size: 0.8rem;
  border-radius: var(--radius-md);
}

/* line 8782, app/assets/stylesheets/flexadmin_main.scss */
.fx-newsletter-form .btn {
  height: 40px;
  white-space: nowrap;
}

/* line 8787, app/assets/stylesheets/flexadmin_main.scss */
.fx-social-links {
  margin-top: 0.9rem;
  display: inline-flex;
  gap: 0.4rem;
}

/* line 8793, app/assets/stylesheets/flexadmin_main.scss */
.fx-social-link {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--muted-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all var(--transition-fast);
}

/* line 8807, app/assets/stylesheets/flexadmin_main.scss */
.fx-social-link:hover {
  border-color: var(--accent-color);
  background: var(--accent-color);
  color: var(--contrast-color);
}

@media (max-width: 767px) {
  /* line 8814, app/assets/stylesheets/flexadmin_main.scss */
  .fx-error-card {
    padding: 1.1rem;
  }
  /* line 8818, app/assets/stylesheets/flexadmin_main.scss */
  .fx-error-title {
    font-size: 1.2rem;
  }
  /* line 8822, app/assets/stylesheets/flexadmin_main.scss */
  .fx-countdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 8826, app/assets/stylesheets/flexadmin_main.scss */
  .fx-newsletter-form {
    flex-direction: column;
  }
  /* line 8830, app/assets/stylesheets/flexadmin_main.scss */
  .fx-newsletter-form .btn {
    width: 100%;
  }
  /* line 8834, app/assets/stylesheets/flexadmin_main.scss */
  .fx-error-actions .btn {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Profile Page - FlexAdmin
--------------------------------------------------------------*/
/* line 8842, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-shell {
  border-radius: var(--radius-xl);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 78%);
  overflow: hidden;
  background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent-color), transparent 92%) 0, transparent 40%), var(--card-bg);
}

/* line 8849, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-md);
  padding: 16px;
  border-bottom: 1px solid var(--border-color-light);
}

/* line 8858, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-hero-main {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

/* line 8865, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-avatar-wrap {
  position: relative;
  flex-shrink: 0;
}

/* line 8870, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-avatar {
  width: 88px;
  height: 88px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  border: 3px solid var(--card-bg);
  box-shadow: var(--shadow-md);
}

/* line 8880, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-status-dot {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 12px;
  height: 12px;
  border-radius: var(--radius-full);
  border: 2px solid var(--card-bg);
  background: var(--success-color);
}

/* line 8891, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-eyebrow {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: var(--accent-color);
}

/* line 8899, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-name {
  margin: 2px 0 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 8907, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-role {
  margin: 5px 0 0;
  font-size: 0.83rem;
  color: var(--muted-color);
  max-width: 640px;
}

/* line 8914, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-meta-row {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* line 8922, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-meta-row span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.75rem;
  color: var(--muted-color);
  font-weight: 600;
}

/* line 8931, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-meta-row i {
  color: var(--light-color);
}

/* line 8935, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-hero-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* line 8942, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 10px 16px 14px;
}

/* line 8949, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-metric {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--surface-color), var(--background-color) 16%);
  padding: 9px 44px 9px 11px;
  position: relative;
  overflow: hidden;
}

/* line 8958, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-metric-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  position: absolute;
  right: 8px;
  top: 8px;
}

/* line 8971, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-metric:nth-child(1) .profile-metric-icon {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 8976, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-metric:nth-child(2) .profile-metric-icon {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 8981, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-metric:nth-child(3) .profile-metric-icon {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 8986, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-metric:nth-child(4) .profile-metric-icon {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 8991, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-metric-label {
  display: block;
  font-size: 0.67rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 9000, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-metric-value {
  display: block;
  margin-top: 1px;
  font-size: 1.15rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 9008, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-about {
  font-size: 0.84rem;
  color: var(--default-color);
  line-height: 1.65;
  margin-bottom: var(--spacing-md);
}

/* line 9015, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-contact-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 9021, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  color: var(--muted-color);
}

/* line 9029, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-contact-item i {
  width: 16px;
  color: var(--light-color);
  text-align: center;
  flex-shrink: 0;
}

/* line 9036, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-skills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 9042, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-skill {
  padding: 4px 10px;
  border-radius: var(--radius-full);
  font-size: 0.71rem;
  font-weight: 700;
  color: var(--accent-color);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 72%);
  background: color-mix(in srgb, var(--accent-color), transparent 93%);
}

/* line 9052, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-social-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

/* line 9058, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-social-link {
  height: 34px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--default-color);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
}

/* line 9073, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-social-link i {
  font-size: 0.82rem;
}

/* line 9077, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-social-link:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 58%);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
}

/* line 9083, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

/* line 9089, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-info-item {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 9px 10px;
  background: var(--surface-color);
}

/* line 9096, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-info-label {
  display: block;
  font-size: 0.69rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 9105, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-info-value {
  display: block;
  margin-top: 2px;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 9113, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 9119, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0;
}

/* line 9126, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 9130, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline-dot {
  width: 9px;
  height: 9px;
  border-radius: var(--radius-full);
  margin-top: 6px;
  flex-shrink: 0;
}

/* line 9138, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline-dot.success {
  background: var(--success-color);
}

/* line 9142, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline-dot.accent {
  background: var(--accent-color);
}

/* line 9146, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline-dot.info {
  background: var(--info-color);
}

/* line 9150, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline-dot.warning {
  background: var(--warning-color);
}

/* line 9154, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline-title {
  font-size: 0.81rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.35;
}

/* line 9161, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-timeline-meta {
  margin-top: 1px;
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 9167, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-project-list {
  display: flex;
  flex-direction: column;
}

/* line 9172, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-project-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
}

/* line 9180, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-project-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 9184, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-project-name {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 9190, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-project-desc {
  margin-top: 2px;
  font-size: 0.76rem;
  color: var(--muted-color);
  line-height: 1.45;
  max-width: 520px;
}

/* line 9198, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-project-status {
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: var(--radius-full);
  white-space: nowrap;
}

/* line 9208, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-project-status.on-track {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 9213, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-project-status.review {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 9218, app/assets/stylesheets/flexadmin_main.scss */
.page-profile .profile-project-status.planning {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

@media (max-width: 1199px) {
  /* line 9224, app/assets/stylesheets/flexadmin_main.scss */
  .page-profile .profile-hero {
    flex-direction: column;
  }
  /* line 9228, app/assets/stylesheets/flexadmin_main.scss */
  .page-profile .profile-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 9234, app/assets/stylesheets/flexadmin_main.scss */
  .page-profile .profile-hero-main {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 9239, app/assets/stylesheets/flexadmin_main.scss */
  .page-profile .profile-metrics {
    grid-template-columns: 1fr;
  }
  /* line 9243, app/assets/stylesheets/flexadmin_main.scss */
  .page-profile .profile-info-grid,
.page-profile .profile-social-grid {
    grid-template-columns: 1fr;
  }
  /* line 9248, app/assets/stylesheets/flexadmin_main.scss */
  .page-profile .profile-project-item {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*--------------------------------------------------------------
# Activity Log Page - FlexAdmin
--------------------------------------------------------------*/
/* line 9257, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-link {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--accent-color);
  text-decoration: none;
}

/* line 9264, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

/* line 9270, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-kpi {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 9px 40px 9px 9px;
  background: var(--surface-color);
  position: relative;
  overflow: hidden;
}

/* line 9279, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-kpi-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  position: absolute;
  right: 8px;
  top: 8px;
}

/* line 9292, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-kpi:nth-child(1) .act-kpi-icon {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 9297, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-kpi:nth-child(2) .act-kpi-icon {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 9302, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-kpi:nth-child(3) .act-kpi-icon {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 9307, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-kpi:nth-child(4) .act-kpi-icon {
  color: var(--danger-color);
  background: var(--danger-color-light);
}

/* line 9312, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-kpi-label {
  display: block;
  font-size: 0.67rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 9321, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-kpi-value {
  display: block;
  margin-top: 1px;
  font-size: 1.05rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 9329, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-session-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 9335, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-session-item {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  padding: 9px;
}

/* line 9345, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-session-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--background-color);
  color: var(--muted-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 9357, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-session-name {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 9363, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-session-meta {
  margin-top: 1px;
  font-size: 0.71rem;
  color: var(--muted-color);
}

/* line 9369, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-card {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

/* line 9374, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-group {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 9378, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-group:last-child {
  border-bottom: none;
}

/* line 9382, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-date {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 700;
  color: var(--muted-color);
  padding: 10px 14px;
  background: var(--background-color);
  border-bottom: 1px solid var(--border-color-light);
}

/* line 9393, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-item {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--border-color-light);
}

/* line 9401, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-item:last-child {
  border-bottom: none;
}

/* line 9405, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-dot {
  width: 9px;
  height: 9px;
  border-radius: var(--radius-full);
  margin-top: 6px;
  flex-shrink: 0;
}

/* line 9413, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-dot.success {
  background: var(--success-color);
}

/* line 9417, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-dot.accent {
  background: var(--accent-color);
}

/* line 9421, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-dot.warning {
  background: var(--warning-color);
}

/* line 9425, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-dot.info {
  background: var(--info-color);
}

/* line 9429, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-dot.danger {
  background: var(--danger-color);
}

/* line 9433, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-content {
  flex: 1;
  min-width: 0;
}

/* line 9438, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-title {
  font-size: 0.82rem;
  color: var(--heading-color);
  font-weight: 700;
  line-height: 1.35;
}

/* line 9445, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-text {
  margin-top: 1px;
  font-size: 0.74rem;
  color: var(--muted-color);
  line-height: 1.45;
}

/* line 9452, app/assets/stylesheets/flexadmin_main.scss */
.page-activity .act-stream-time {
  font-size: 0.71rem;
  color: var(--muted-color);
  white-space: nowrap;
  margin-top: 2px;
}

@media (max-width: 575px) {
  /* line 9460, app/assets/stylesheets/flexadmin_main.scss */
  .page-activity .act-stream-item {
    flex-wrap: wrap;
  }
  /* line 9464, app/assets/stylesheets/flexadmin_main.scss */
  .page-activity .act-stream-time {
    margin-left: 18px;
  }
}

/*--------------------------------------------------------------
# Notifications Page - FlexAdmin
--------------------------------------------------------------*/
/* line 9472, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-channel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

/* line 9478, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-channel-card {
  border-radius: var(--radius-lg);
}

/* line 9482, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-channel-head {
  display: flex;
  align-items: center;
  gap: 9px;
}

/* line 9488, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-channel-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 9498, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-channel-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 9503, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-channel-icon.info {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 9508, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-channel-icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 9513, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-channel-title {
  margin: 0;
  font-size: 0.82rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 9520, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-channel-desc {
  margin: 1px 0 0;
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 9526, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-rule-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 9532, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-rule-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--surface-color);
}

/* line 9542, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-rule-info {
  flex: 1;
  min-width: 0;
}

/* line 9547, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-rule-title {
  display: block;
  font-size: 0.8rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 9554, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-rule-desc {
  display: block;
  margin-top: 1px;
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 9561, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-rule-priority {
  font-size: 0.66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 3px 7px;
  border-radius: var(--radius-full);
  white-space: nowrap;
}

/* line 9571, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-rule-priority.high {
  color: var(--danger-color);
  background: var(--danger-color-light);
}

/* line 9576, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-rule-priority.medium {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 9581, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-rule-priority.low {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 9586, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-card {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

/* line 9591, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-list {
  display: flex;
  flex-direction: column;
}

/* line 9596, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-color-light);
}

/* line 9604, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-item:last-child {
  border-bottom: none;
}

/* line 9608, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-item.unread {
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}

/* line 9612, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-icon {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 9622, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-icon.success {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 9627, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-icon.warning {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 9632, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-icon.info {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 9637, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-icon.accent {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
}

/* line 9642, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-content {
  flex: 1;
  min-width: 0;
}

/* line 9647, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-title {
  font-size: 0.82rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 9653, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-text {
  margin-top: 1px;
  font-size: 0.74rem;
  color: var(--muted-color);
}

/* line 9659, app/assets/stylesheets/flexadmin_main.scss */
.page-notifications .notif-stream-meta {
  font-size: 0.71rem;
  color: var(--muted-color);
  white-space: nowrap;
  margin-top: 3px;
}

@media (max-width: 1199px) {
  /* line 9667, app/assets/stylesheets/flexadmin_main.scss */
  .page-notifications .notif-channel-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  /* line 9673, app/assets/stylesheets/flexadmin_main.scss */
  .page-notifications .notif-rule-item {
    flex-wrap: wrap;
  }
  /* line 9677, app/assets/stylesheets/flexadmin_main.scss */
  .page-notifications .notif-stream-item {
    flex-wrap: wrap;
  }
  /* line 9681, app/assets/stylesheets/flexadmin_main.scss */
  .page-notifications .notif-stream-meta {
    margin-left: 44px;
  }
}

/*--------------------------------------------------------------
# Users List - FlexAdmin
--------------------------------------------------------------*/
/* line 9689, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-page-header {
  margin-bottom: var(--spacing-lg);
}

/* line 9693, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-page-subtitle {
  margin: 0;
  font-size: 0.88rem;
  color: var(--muted-color);
}

/* line 9699, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-sm);
}

/* line 9705, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  padding: 12px 14px;
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
  overflow: hidden;
}

/* line 9718, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  position: absolute;
  right: 10px;
  top: 10px;
}

/* line 9731, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-label {
  font-size: 0.67rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted-color);
  font-weight: 700;
  position: relative;
  z-index: 1;
}

/* line 9741, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-value {
  font-size: 1.3rem;
  line-height: 1.2;
  color: var(--heading-color);
  font-weight: 700;
  position: relative;
  z-index: 1;
}

/* line 9750, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-meta {
  font-size: 0.72rem;
  color: var(--muted-color);
  font-weight: 600;
  position: relative;
  z-index: 1;
}

/* line 9758, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-total {
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 9763, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-total .users-insight-icon {
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
  color: var(--accent-color);
}

/* line 9768, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-active {
  border-color: color-mix(in srgb, var(--success-color), transparent 70%);
  background: color-mix(in srgb, var(--success-color), transparent 94%);
}

/* line 9773, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-active .users-insight-icon {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 9778, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-pending {
  border-color: color-mix(in srgb, var(--warning-color), transparent 66%);
  background: color-mix(in srgb, var(--warning-color), transparent 93%);
}

/* line 9783, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-pending .users-insight-icon {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 9788, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-inactive {
  border-color: color-mix(in srgb, var(--danger-color), transparent 74%);
  background: color-mix(in srgb, var(--danger-color), transparent 95%);
}

/* line 9793, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-insight-inactive .users-insight-icon {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 9798, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-list-card {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

/* line 9803, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  padding: 10px 14px;
  border-bottom: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--card-bg), var(--background-color) 22%);
  flex-wrap: wrap;
}

/* line 9814, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-toolbar-left,
.page-users .users-toolbar-right {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 9821, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-filter-tabs {
  display: inline-flex;
  gap: 3px;
  border-radius: var(--radius-md);
  background: var(--background-color);
  padding: 3px;
}

/* line 9829, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-filter-tab {
  border: none;
  background: transparent;
  color: var(--muted-color);
  font-size: 0.76rem;
  font-weight: 700;
  border-radius: var(--radius-sm);
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* line 9842, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-filter-tab.active {
  background: var(--surface-color);
  color: var(--heading-color);
  box-shadow: var(--shadow-sm);
}

/* line 9848, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-filter-count {
  font-size: 0.67rem;
  color: var(--light-color);
  font-weight: 700;
}

/* line 9854, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-search {
  position: relative;
}

/* line 9858, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-search i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--light-color);
  font-size: 0.8rem;
  pointer-events: none;
}

/* line 9868, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-search input {
  width: 250px;
  height: 34px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-color);
  padding: 0 10px 0 30px;
  font-size: 0.78rem;
  color: var(--default-color);
  background: var(--surface-color);
}

/* line 9879, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-search input:focus {
  outline: none;
  border-color: var(--accent-color);
}

/* line 9884, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-toolbar-btn {
  height: 34px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  color: var(--default-color);
  font-size: 0.78rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
}

/* line 9898, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-table-wrap {
  border-top: 1px solid var(--border-color-light);
}

/* line 9902, app/assets/stylesheets/flexadmin_main.scss */
.page-users .table {
  --bs-table-striped-bg: transparent;
}

/* line 9906, app/assets/stylesheets/flexadmin_main.scss */
.page-users .table thead th {
  font-size: 0.69rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 700;
  color: var(--muted-color);
  background: color-mix(in srgb, var(--background-color), var(--surface-color) 26%);
  border-bottom: 1px solid var(--border-color);
  padding: 11px 10px;
}

/* line 9917, app/assets/stylesheets/flexadmin_main.scss */
.page-users .table tbody td {
  padding: 11px 10px;
  border-bottom: 1px solid var(--border-color-light);
}

/* line 9922, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-th-check {
  width: 44px;
}

/* line 9926, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-th-actions {
  width: 126px;
  text-align: right;
}

/* line 9931, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-meta {
  font-size: 0.76rem;
  color: var(--muted-color);
  white-space: nowrap;
}

/* line 9937, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-user {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 9943, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-avatar-wrap {
  position: relative;
  flex-shrink: 0;
}

/* line 9948, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-avatar {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 9956, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-avatar-status {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 10px;
  height: 10px;
  border-radius: var(--radius-full);
  border: 2px solid var(--card-bg);
}

/* line 9966, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-avatar-status.online {
  background: var(--success-color);
}

/* line 9970, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-avatar-status.away {
  background: var(--warning-color);
}

/* line 9974, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-avatar-status.offline {
  background: var(--light-color);
}

/* line 9978, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-user-name {
  display: block;
  font-size: 0.84rem;
  color: var(--heading-color);
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
}

/* line 9987, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-user-name:hover {
  color: var(--accent-color);
}

/* line 9991, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-user-email {
  display: block;
  font-size: 0.71rem;
  color: var(--muted-color);
  margin-top: 1px;
}

/* line 9998, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-role {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  border-radius: var(--radius-full);
  font-size: 0.71rem;
  font-weight: 700;
}

/* line 10008, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-role i {
  font-size: 0.66rem;
}

/* line 10012, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-role.admin {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 10017, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-role.manager {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 10022, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-role.user {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 10027, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.74rem;
  font-weight: 700;
  white-space: nowrap;
}

/* line 10036, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-status .users-status-dot {
  width: 7px;
  height: 7px;
  border-radius: var(--radius-full);
  background: currentColor;
}

/* line 10043, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-status.active {
  color: var(--success-color);
}

/* line 10047, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-status.inactive {
  color: var(--muted-color);
}

/* line 10051, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-status.pending {
  color: var(--warning-color);
}

/* line 10055, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
}

/* line 10062, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-action-btn {
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--muted-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  text-decoration: none;
  padding: 0;
}

/* line 10077, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-action-btn:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 65%);
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
}

/* line 10083, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-action-btn::after {
  display: none;
}

/* line 10087, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  padding: 10px 14px;
  border-top: 1px solid var(--border-color);
}

/* line 10097, app/assets/stylesheets/flexadmin_main.scss */
.page-users .users-pagination-info {
  font-size: 0.76rem;
  color: var(--muted-color);
}

@media (max-width: 991px) {
  /* line 10103, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-insight-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 10107, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 10112, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-toolbar-right {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /* line 10117, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-search input {
    width: 220px;
  }
}

@media (max-width: 767px) {
  /* line 10123, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-insight-row {
    grid-template-columns: 1fr;
  }
  /* line 10127, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-search {
    width: 100%;
  }
  /* line 10131, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-search input {
    width: 100%;
  }
  /* line 10135, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-th-actions {
    width: 94px;
  }
  /* line 10139, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-actions {
    gap: 0;
  }
}

/*--------------------------------------------------------------
# User View - FlexAdmin
--------------------------------------------------------------*/
/* line 10147, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-page-header {
  margin-bottom: var(--spacing-lg);
}

/* line 10151, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-card {
  border-radius: var(--radius-xl);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 78%);
  background: linear-gradient(155deg, color-mix(in srgb, var(--accent-color), transparent 95%), var(--card-bg) 58%);
}

/* line 10157, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

/* line 10165, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-user {
  display: flex;
  gap: var(--spacing-md);
  align-items: center;
}

/* line 10171, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-avatar-wrap {
  position: relative;
}

/* line 10175, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-avatar {
  width: 82px;
  height: 82px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  border: 3px solid var(--card-bg);
  box-shadow: var(--shadow-md);
}

/* line 10185, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-status {
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 13px;
  height: 13px;
  border-radius: var(--radius-full);
  border: 2px solid var(--card-bg);
  background: var(--success-color);
}

/* line 10196, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-name {
  margin: 0;
  font-size: 1.35rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 10203, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-email {
  margin: 0;
  font-size: 0.82rem;
  color: var(--muted-color);
}

/* line 10209, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-tags {
  margin-top: 8px;
  display: flex;
  gap: 7px;
  align-items: center;
  flex-wrap: wrap;
}

/* line 10217, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-id-chip {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--muted-color);
  padding: 3px 8px;
  border-radius: var(--radius-full);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
}

/* line 10227, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-cta {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--accent-color);
  text-decoration: none;
}

/* line 10234, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-cta i {
  font-size: 0.72rem;
  margin-left: 4px;
}

/* line 10239, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

/* line 10246, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-metric {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  padding: 10px 44px 10px 11px;
  background: color-mix(in srgb, var(--surface-color), var(--background-color) 20%);
  position: relative;
  overflow: hidden;
}

/* line 10255, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-metric-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  position: absolute;
  right: 8px;
  top: 8px;
}

/* line 10268, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-metric:nth-child(1) .uv-metric-icon {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 10273, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-metric:nth-child(2) .uv-metric-icon {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 10278, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-metric:nth-child(3) .uv-metric-icon {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 10283, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-metric:nth-child(4) .uv-metric-icon {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 10288, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-metric-label {
  display: block;
  font-size: 0.67rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 10297, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-metric-value {
  display: block;
  font-size: 1.16rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-top: 2px;
}

/* line 10305, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-identity-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

/* line 10311, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-detail-item {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 8px 10px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

/* line 10320, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-detail-item span {
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 10325, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-detail-item strong {
  font-size: 0.74rem;
  color: var(--heading-color);
  font-weight: 700;
  text-align: right;
}

/* line 10332, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-health-card {
  border-radius: var(--radius-xl);
}

/* line 10336, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-health-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 0;
}

/* line 10344, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-health-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 10348, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-health-label {
  font-size: 0.77rem;
  color: var(--muted-color);
}

/* line 10353, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-health-value {
  font-size: 0.78rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 10359, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-health-ok {
  font-size: 0.76rem;
  color: var(--success-color);
  font-weight: 700;
}

/* line 10365, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-health-ok i {
  margin-right: 3px;
}

/* line 10369, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-team-stack {
  margin-top: var(--spacing-sm);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 10376, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-team-stack-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
}

/* line 10385, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-team-icon {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 10395, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-team-name {
  font-size: 0.78rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 10401, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-team-members {
  font-size: 0.7rem;
  color: var(--muted-color);
}

/* line 10406, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline {
  display: flex;
  flex-direction: column;
}

/* line 10411, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-item {
  position: relative;
  display: flex;
  gap: 10px;
  padding: 9px 0;
}

/* line 10418, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 20px;
  bottom: -6px;
  width: 1px;
  background: var(--border-color-light);
}

/* line 10428, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-dot {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

/* line 10436, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-dot.success {
  background: var(--success-color);
}

/* line 10440, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-dot.info {
  background: var(--info-color);
}

/* line 10444, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-dot.warning {
  background: var(--warning-color);
}

/* line 10448, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-dot.accent {
  background: var(--accent-color);
}

/* line 10452, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-title {
  font-size: 0.82rem;
  color: var(--heading-color);
  font-weight: 700;
  line-height: 1.3;
}

/* line 10459, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-desc {
  font-size: 0.76rem;
  color: var(--muted-color);
  margin-top: 1px;
}

/* line 10465, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-timeline-time {
  font-size: 0.69rem;
  color: var(--light-color);
  margin-top: 3px;
}

/* line 10471, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-access-note {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding: 9px 10px;
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in srgb, var(--info-color), transparent 78%);
  background: color-mix(in srgb, var(--info-color), transparent 94%);
  color: var(--info-color);
  font-size: 0.74rem;
  margin-bottom: var(--spacing-sm);
}

/* line 10484, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-access-note a {
  color: inherit;
  font-weight: 700;
}

/* line 10489, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-access-grid {
  display: flex;
  flex-direction: column;
}

/* line 10494, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-access-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--border-color-light);
  font-size: 0.78rem;
  color: var(--muted-color);
}

/* line 10504, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-access-row:last-child {
  border-bottom: none;
}

/* line 10508, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-perm-yes {
  color: var(--success-color);
  font-weight: 700;
}

/* line 10513, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-session-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
}

/* line 10520, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-session-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 10524, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-session-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--background-color);
  color: var(--muted-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 10536, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-session-title {
  font-size: 0.8rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 10542, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-session-current {
  font-size: 0.64rem;
  font-weight: 700;
  color: var(--success-color);
  background: var(--success-color-light);
  padding: 1px 6px;
  border-radius: var(--radius-sm);
  margin-left: 5px;
}

/* line 10552, app/assets/stylesheets/flexadmin_main.scss */
.page-users-view .uv-session-details {
  font-size: 0.72rem;
  color: var(--muted-color);
  margin-top: 1px;
}

@media (max-width: 1199px) {
  /* line 10559, app/assets/stylesheets/flexadmin_main.scss */
  .page-users-view .uv-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 10565, app/assets/stylesheets/flexadmin_main.scss */
  .page-users-view .uv-identity-head {
    flex-direction: column;
  }
  /* line 10569, app/assets/stylesheets/flexadmin_main.scss */
  .page-users-view .uv-identity-user {
    align-items: flex-start;
  }
  /* line 10573, app/assets/stylesheets/flexadmin_main.scss */
  .page-users-view .uv-identity-details {
    grid-template-columns: 1fr;
  }
  /* line 10577, app/assets/stylesheets/flexadmin_main.scss */
  .page-users-view .uv-metrics-grid {
    grid-template-columns: 1fr;
  }
  /* line 10581, app/assets/stylesheets/flexadmin_main.scss */
  .page-users-view .uv-session-item {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

/*--------------------------------------------------------------
# User Edit - FlexAdmin
--------------------------------------------------------------*/
/* line 10590, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-summary-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-sm);
}

/* line 10596, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-summary-item {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  padding: 11px 44px 11px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
  overflow: hidden;
}

/* line 10609, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-summary-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  position: absolute;
  right: 9px;
  top: 9px;
}

/* line 10622, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-summary-item:nth-child(1) .ue-summary-icon {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 10627, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-summary-item:nth-child(2) .ue-summary-icon {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 10632, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-summary-item:nth-child(3) .ue-summary-icon {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 10637, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-summary-item:nth-child(4) .ue-summary-icon {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 10642, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-summary-label {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: var(--muted-color);
}

/* line 10650, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-summary-value {
  font-size: 0.9rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 10656, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit {
  /* Avatar Upload */
}

/* line 10660, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-avatar-upload {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto var(--spacing-md);
  border-radius: var(--radius-full);
  overflow: hidden;
  cursor: pointer;
}

/* line 10670, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-avatar-preview {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

/* line 10678, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-avatar-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--contrast-color);
  font-size: 0.75rem;
  font-weight: 500;
  opacity: 0;
  transition: opacity var(--transition-fast);
}

/* line 10694, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-avatar-overlay i {
  font-size: 1.25rem;
}

/* line 10698, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-avatar-upload:hover .ue-avatar-overlay {
  opacity: 1;
}

/* line 10702, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-avatar-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

/* line 10709, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-avatar-hint {
  text-align: center;
  font-size: 0.75rem;
  color: var(--light-color);
  margin: 0;
}

/* line 10716, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit {
  /* Toggle Items */
}

/* line 10720, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-toggles {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 10726, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-toggle-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) 0;
}

/* line 10734, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-toggle-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 10738, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-toggle-label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 10745, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-toggle-desc {
  display: block;
  font-size: 0.6875rem;
  color: var(--light-color);
}

/* line 10751, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit {
  /* Danger Card */
}

/* line 10755, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-danger-card {
  border-color: var(--danger-color-light);
}

/* line 10759, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-danger-card .card-header {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 10764, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-danger-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-md);
}

/* line 10770, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit {
  /* Password Note */
}

/* line 10774, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-password-note {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background: color-mix(in srgb, var(--info-color), transparent 92%);
  border-radius: var(--radius-md);
  color: var(--info-color);
  font-size: 0.8125rem;
  margin-bottom: var(--spacing-lg);
}

/* line 10786, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit {
  /* Form Actions */
}

/* line 10790, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-sm);
}

/* line 10796, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit {
  /* Delete Modal Icon */
}

/* line 10800, app/assets/stylesheets/flexadmin_main.scss */
.page-users-edit .ue-delete-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-full);
  background: var(--danger-color-light);
  color: var(--danger-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin: 0 auto var(--spacing-md);
}

/* Responsive */
@media (max-width: 767px) {
  /* line 10816, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-toolbar,
.page-users-view .users-toolbar,
.page-users-edit .users-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 10823, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-toolbar-right,
.page-users-view .users-toolbar-right,
.page-users-edit .users-toolbar-right {
    flex-wrap: wrap;
  }
  /* line 10829, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-search input,
.page-users-view .users-search input,
.page-users-edit .users-search input {
    width: 100%;
  }
  /* line 10835, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .users-filter-tabs,
.page-users-view .users-filter-tabs,
.page-users-edit .users-filter-tabs {
    overflow-x: auto;
  }
  /* line 10841, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .uv-banner-content,
.page-users-view .uv-banner-content,
.page-users-edit .uv-banner-content {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 var(--spacing-lg) var(--spacing-lg);
  }
  /* line 10849, app/assets/stylesheets/flexadmin_main.scss */
  .page-users .uv-banner-stats,
.page-users-view .uv-banner-stats,
.page-users-edit .uv-banner-stats {
    gap: var(--spacing-lg);
  }
  /* line 10855, app/assets/stylesheets/flexadmin_main.scss */
  .page-users-edit .ue-summary-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  /* line 10861, app/assets/stylesheets/flexadmin_main.scss */
  .page-users-edit .ue-summary-row {
    grid-template-columns: 1fr;
  }
}

/*--------------------------------------------------------------
# Roles & Permissions Page - FlexAdmin
--------------------------------------------------------------*/
/* line 10869, app/assets/stylesheets/flexadmin_main.scss */
.page-roles {
  /* Subtitle */
}

/* line 10873, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-subtitle {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 10878, app/assets/stylesheets/flexadmin_main.scss */
.page-roles {
  /* Roles List */
}

/* line 10882, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  border-bottom: 1px solid var(--border-color-light);
  cursor: pointer;
  transition: all var(--transition-fast);
}

/* line 10892, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item:last-child {
  border-bottom: none;
}

/* line 10896, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item:hover {
  background: var(--background-color);
}

/* line 10900, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
  border-left: 3px solid var(--accent-color);
  padding-left: calc(var(--spacing-lg) - 3px);
}

/* line 10906, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item.active .roles-item-name {
  color: var(--accent-color);
}

/* line 10910, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 10921, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* line 10928, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 10934, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item-count {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 10939, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item-edit {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-md);
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  cursor: pointer;
  opacity: 0;
  transition: all var(--transition-fast);
}

/* line 10955, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item:hover .roles-item-edit {
  opacity: 1;
}

/* line 10959, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-item-edit:hover {
  background: var(--background-color);
  color: var(--accent-color);
}

/* line 10964, app/assets/stylesheets/flexadmin_main.scss */
.page-roles {
  /* Role Details */
}

/* line 10968, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-detail-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

/* line 10974, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-detail {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 10980, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-detail-label {
  font-size: 0.75rem;
  color: var(--muted-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 500;
}

/* line 10988, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-detail-value {
  font-size: 0.875rem;
  color: var(--heading-color);
  line-height: 1.5;
}

/* line 10994, app/assets/stylesheets/flexadmin_main.scss */
.page-roles {
  /* Permissions Table */
}

/* line 10998, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-perm-table {
  font-size: 0.875rem;
}

/* line 11002, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-perm-table thead th {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--muted-color);
  border-bottom-width: 2px;
  padding: var(--spacing-sm) var(--spacing-md);
}

/* line 11012, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-perm-table td {
  vertical-align: middle;
  padding: var(--spacing-sm) var(--spacing-md);
}

/* line 11017, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-perm-group td {
  background: var(--background-color);
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--heading-color);
  padding-top: var(--spacing-md);
  border-bottom: 1px solid var(--border-color);
}

/* line 11026, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-perm-module {
  padding-left: var(--spacing-xl);
  color: var(--default-color);
}

/* line 11031, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-perm-na {
  color: var(--light-color);
  font-size: 0.75rem;
}

/* line 11036, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-perm-table .form-check-input {
  cursor: pointer;
  width: 1.125rem;
  height: 1.125rem;
}

/* line 11042, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-perm-table .form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

/* line 11047, app/assets/stylesheets/flexadmin_main.scss */
.page-roles {
  /* Users with Role */
}

/* line 11051, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user-count {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--muted-color);
  background: var(--background-color);
  padding: 2px 10px;
  border-radius: var(--radius-full);
}

/* line 11060, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-users-list {
  display: flex;
  flex-direction: column;
}

/* line 11065, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  border-bottom: 1px solid var(--border-color-light);
}

/* line 11073, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user:last-child {
  border-bottom: none;
}

/* line 11077, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user-avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 11086, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* line 11093, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 11099, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user-email {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 11104, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user-status {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

/* line 11112, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user-status.active {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 11117, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-user-date {
  font-size: 0.75rem;
  color: var(--muted-color);
  flex-shrink: 0;
  white-space: nowrap;
}

/* line 11124, app/assets/stylesheets/flexadmin_main.scss */
.page-roles {
  /* Color Picker in Modal */
}

/* line 11128, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-color-options {
  display: flex;
  gap: var(--spacing-sm);
}

/* line 11133, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-color-option {
  cursor: pointer;
  position: relative;
}

/* line 11138, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-color-option input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 11144, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-color-swatch {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  border: 2px solid transparent;
  transition: all var(--transition-fast);
}

/* line 11153, app/assets/stylesheets/flexadmin_main.scss */
.page-roles .roles-color-option input:checked + .roles-color-swatch {
  border-color: var(--heading-color);
  box-shadow: 0 0 0 2px var(--card-bg), 0 0 0 4px var(--heading-color);
}

/* Responsive */
@media (max-width: 767px) {
  /* line 11160, app/assets/stylesheets/flexadmin_main.scss */
  .page-roles .roles-user {
    flex-wrap: wrap;
  }
  /* line 11164, app/assets/stylesheets/flexadmin_main.scss */
  .page-roles .roles-user-date {
    display: none;
  }
  /* line 11168, app/assets/stylesheets/flexadmin_main.scss */
  .page-roles .roles-perm-module {
    padding-left: var(--spacing-md);
  }
}

/*--------------------------------------------------------------
# Invoice Pages - FlexAdmin
--------------------------------------------------------------*/
/* line 11176, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-header-subtitle,
.page-invoice .inv-header-subtitle {
  margin: 0;
  font-size: 0.86rem;
  color: var(--muted-color);
}

/* line 11183, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-overview,
.page-invoice .inv-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

/* line 11190, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-overview-item,
.page-invoice .inv-overview-item {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  padding: 10px 42px 10px 11px;
  position: relative;
}

/* line 11200, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-overview-icon,
.page-invoice .inv-overview-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 9px;
  top: 9px;
  font-size: 0.82rem;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 11216, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-overview-item:nth-child(2) .inv-overview-icon,
.page-invoice .inv-overview-item:nth-child(2) .inv-overview-icon {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 11222, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-overview-item:nth-child(3) .inv-overview-icon,
.page-invoice .inv-overview-item:nth-child(3) .inv-overview-icon {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 11228, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-overview-item:nth-child(4) .inv-overview-icon,
.page-invoice .inv-overview-item:nth-child(4) .inv-overview-icon {
  color: var(--danger-color);
  background: var(--danger-color-light);
}

/* line 11234, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-overview-label,
.page-invoice .inv-overview-label {
  display: block;
  font-size: 0.67rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 11244, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-overview-value,
.page-invoice .inv-overview-value {
  display: block;
  margin-top: 2px;
  font-size: 0.94rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 11253, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-status,
.page-invoice .inv-status {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: var(--radius-full);
}

/* line 11262, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-status.paid,
.page-invoice .inv-status.paid {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 11268, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-status.pending,
.page-invoice .inv-status.pending {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 11274, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-status.overdue,
.page-invoice .inv-status.overdue {
  color: var(--danger-color);
  background: var(--danger-color-light);
}

/* line 11280, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-status.draft,
.page-invoice .inv-status.draft {
  color: var(--muted-color);
  background: color-mix(in srgb, var(--muted-color), transparent 84%);
}

/* line 11286, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-client-avatar,
.page-invoice .inv-client-avatar {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
}

/* line 11298, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-client-avatar.accent,
.page-invoice .inv-client-avatar.accent {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 11304, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-client-avatar.success,
.page-invoice .inv-client-avatar.success {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 11310, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-client-avatar.warning,
.page-invoice .inv-client-avatar.warning {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 11316, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-client-avatar.info,
.page-invoice .inv-client-avatar.info {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 11322, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-client-avatar.danger,
.page-invoice .inv-client-avatar.danger {
  color: var(--danger-color);
  background: var(--danger-color-light);
}

/* line 11328, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-list-card,
.page-invoice-list .inv-side-card {
  border-radius: var(--radius-lg);
}

/* line 11333, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 11341, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 11347, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-search {
  position: relative;
}

/* line 11351, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-search i {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.78rem;
  color: var(--muted-color);
}

/* line 11360, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-search input {
  width: 225px;
  height: 34px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  padding: 0 10px 0 28px;
  font-size: 0.76rem;
}

/* line 11370, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-search input:focus {
  outline: none;
  border-color: var(--accent-color);
}

/* line 11375, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-filter {
  height: 34px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  font-size: 0.76rem;
  color: var(--default-color);
  padding: 0 9px;
}

/* line 11385, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-filter:focus {
  outline: none;
  border-color: var(--accent-color);
}

/* line 11390, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .table thead th {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--muted-color);
  font-weight: 700;
  border-bottom: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--background-color), var(--surface-color) 25%);
  padding: 10px;
}

/* line 11401, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .table tbody td {
  padding: 10px;
  border-bottom: 1px solid var(--border-color-light);
}

/* line 11406, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-th-check {
  width: 42px;
}

/* line 11410, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-th-actions {
  width: 108px;
  text-align: right;
}

/* line 11415, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-id {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--accent-color);
  text-decoration: none;
}

/* line 11422, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-client {
  display: flex;
  align-items: center;
  gap: 7px;
}

/* line 11428, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-client span:last-child {
  font-size: 0.79rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11434, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-date {
  font-size: 0.75rem;
  color: var(--muted-color);
  white-space: nowrap;
}

/* line 11440, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-amount {
  font-size: 0.8rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11446, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-actions {
  display: inline-flex;
  gap: 3px;
}

/* line 11451, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-action-btn {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-md);
  border: 1px solid transparent;
  background: transparent;
  color: var(--muted-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
}

/* line 11464, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-action-btn:hover {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 64%);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 11470, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px;
  border-top: 1px solid var(--border-color-light);
  flex-wrap: wrap;
}

/* line 11480, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-pagination-info {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 11485, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-pipeline .inv-pipe-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  font-size: 0.76rem;
  color: var(--muted-color);
}

/* line 11494, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-pipeline .inv-pipe-row strong {
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11499, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-pipeline .progress {
  height: 8px;
  border-radius: var(--radius-full);
  background: var(--background-color);
}

/* line 11505, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-quick-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 11511, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-quick-links a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 8px;
  font-size: 0.77rem;
  color: var(--default-color);
}

/* line 11523, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-quick-links a i {
  color: var(--accent-color);
}

/* line 11527, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice-list .inv-quick-links a:hover {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 11533, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-sheet-card,
.page-invoice .inv-side-card {
  border-radius: var(--radius-lg);
}

/* line 11538, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-sheet-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--border-color-light);
  padding-bottom: 14px;
  margin-bottom: 14px;
}

/* line 11547, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-brand {
  display: flex;
  align-items: center;
  gap: 9px;
}

/* line 11553, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-brand img {
  height: 26px;
  width: auto;
}

/* line 11558, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-brand-name {
  font-size: 0.9rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11564, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-brand-meta {
  font-size: 0.73rem;
  color: var(--muted-color);
}

/* line 11569, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-doc-meta {
  text-align: right;
}

/* line 11573, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-doc-title {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--heading-color);
  letter-spacing: 0.04em;
}

/* line 11580, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-doc-number {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 11585, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-address-card {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 10px;
  background: var(--surface-color);
}

/* line 11592, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-address-card p {
  margin: 4px 0 0;
  font-size: 0.75rem;
  color: var(--muted-color);
  line-height: 1.5;
}

/* line 11599, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-address-label {
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 11607, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-address-name {
  display: block;
  margin-top: 2px;
  font-size: 0.83rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11615, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-meta-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

/* line 11622, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-meta-strip div {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 8px;
  background: var(--surface-color);
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 11632, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-meta-strip span {
  font-size: 0.67rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 11640, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-meta-strip strong {
  font-size: 0.78rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11646, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-line-table-wrap {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: 12px;
}

/* line 11653, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-line-table {
  margin: 0;
}

/* line 11657, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-line-table thead th {
  font-size: 0.67rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--muted-color);
  font-weight: 700;
  background: color-mix(in srgb, var(--background-color), var(--surface-color) 25%);
  border-bottom: 1px solid var(--border-color);
  padding: 10px;
}

/* line 11668, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-line-table tbody td {
  padding: 10px;
  border-bottom: 1px solid var(--border-color-light);
  font-size: 0.77rem;
  color: var(--default-color);
}

/* line 11675, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-line-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 11679, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-line-name {
  font-size: 0.79rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11685, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-line-desc {
  font-size: 0.72rem;
  color: var(--muted-color);
  margin-top: 1px;
}

/* line 11691, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-total-table td {
  font-size: 0.76rem;
  color: var(--muted-color);
  padding: 4px 0;
}

/* line 11697, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-total-table .inv-total td {
  font-size: 0.88rem;
  color: var(--heading-color);
  font-weight: 700;
  border-top: 1px solid var(--border-color-light);
  padding-top: 8px;
}

/* line 11705, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-total-table .inv-balance td {
  font-size: 0.8rem;
  color: var(--heading-color);
  font-weight: 700;
  border-top: 1px solid var(--border-color-light);
  padding-top: 7px;
}

/* line 11713, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-note-block {
  margin-top: 12px;
  border-top: 1px solid var(--border-color-light);
  padding-top: 10px;
}

/* line 11719, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-note-block p {
  margin: 4px 0 0;
  font-size: 0.75rem;
  color: var(--muted-color);
  line-height: 1.5;
}

/* line 11726, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-side-list {
  display: flex;
  flex-direction: column;
}

/* line 11731, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-side-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 11px;
  border-bottom: 1px solid var(--border-color-light);
}

/* line 11739, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-side-row:last-child {
  border-bottom: none;
}

/* line 11743, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-side-row span {
  font-size: 0.74rem;
  color: var(--muted-color);
}

/* line 11748, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-side-row strong {
  font-size: 0.77rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11754, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-client-card {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 11760, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-client-name {
  font-size: 0.82rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11766, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-client-email {
  font-size: 0.73rem;
  color: var(--muted-color);
  margin-top: 1px;
}

/* line 11772, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-activity {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 11778, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-activity-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

/* line 11784, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-activity-dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  margin-top: 6px;
  flex-shrink: 0;
}

/* line 11792, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-activity-dot.success {
  background: var(--success-color);
}

/* line 11796, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-activity-dot.accent {
  background: var(--accent-color);
}

/* line 11800, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-activity-dot.muted {
  background: var(--muted-color);
}

/* line 11804, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-activity-text {
  font-size: 0.78rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 11810, app/assets/stylesheets/flexadmin_main.scss */
.page-invoice .inv-activity-time {
  font-size: 0.72rem;
  color: var(--muted-color);
  margin-top: 1px;
}

@media (max-width: 1199px) {
  /* line 11818, app/assets/stylesheets/flexadmin_main.scss */
  .page-invoice-list .inv-overview,
.page-invoice .inv-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 11823, app/assets/stylesheets/flexadmin_main.scss */
  .page-invoice .inv-meta-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 11830, app/assets/stylesheets/flexadmin_main.scss */
  .page-invoice-list .inv-overview,
.page-invoice .inv-overview {
    grid-template-columns: 1fr;
  }
  /* line 11835, app/assets/stylesheets/flexadmin_main.scss */
  .page-invoice-list .inv-toolbar {
    width: 100%;
    flex-wrap: wrap;
  }
  /* line 11840, app/assets/stylesheets/flexadmin_main.scss */
  .page-invoice-list .inv-search {
    width: 100%;
  }
  /* line 11844, app/assets/stylesheets/flexadmin_main.scss */
  .page-invoice-list .inv-search input {
    width: 100%;
  }
  /* line 11848, app/assets/stylesheets/flexadmin_main.scss */
  .page-invoice .inv-sheet-head {
    flex-direction: column;
  }
  /* line 11852, app/assets/stylesheets/flexadmin_main.scss */
  .page-invoice .inv-doc-meta {
    text-align: left;
  }
  /* line 11856, app/assets/stylesheets/flexadmin_main.scss */
  .page-invoice .inv-meta-strip {
    grid-template-columns: 1fr;
  }
}

/*--------------------------------------------------------------
# Pricing Page - FlexAdmin
--------------------------------------------------------------*/
/* line 11864, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl);
  overflow: hidden;
}

/* line 11870, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-hero-main {
  padding: 1.35rem;
}

/* line 11874, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.67rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--accent-color);
  font-weight: 700;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 74%);
  padding: 0.35rem 0.6rem;
  border-radius: var(--radius-full);
}

/* line 11889, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-hero-title {
  margin: 0.75rem 0 0.35rem;
  font-size: 1.8rem;
  line-height: 1.2;
  color: var(--heading-color);
}

/* line 11896, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-hero-desc {
  margin: 0;
  max-width: 62ch;
  color: var(--muted-color);
  font-size: 0.9rem;
}

/* line 11903, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-toggle-shell {
  margin-top: 1rem;
}

/* line 11907, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-full);
  background: var(--surface-color);
}

/* line 11917, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-toggle-label {
  height: 32px;
  border: none;
  border-radius: var(--radius-full);
  background: transparent;
  padding: 0 0.8rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--muted-color);
}

/* line 11928, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-toggle-label.active {
  color: var(--contrast-color);
  background: var(--accent-color);
}

/* line 11933, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-toggle-pill {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--success-color);
  background: var(--success-color-light);
  border-radius: var(--radius-full);
  padding: 0.18rem 0.5rem;
  white-space: nowrap;
}

/* line 11943, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-hero-points {
  margin-top: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

/* line 11950, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-hero-point {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.74rem;
  color: var(--muted-color);
}

/* line 11958, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-hero-point i {
  color: var(--success-color);
}

/* line 11962, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-hero-side {
  height: 100%;
  border-left: 1px solid var(--border-color-light);
  background: linear-gradient(155deg, color-mix(in srgb, var(--accent-color), transparent 95%), var(--card-bg));
  padding: 1.15rem;
}

/* line 11969, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-side-title {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted-color);
  margin-bottom: 0.7rem;
}

/* line 11977, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-side-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 11983, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-side-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--border-color-light);
  background: var(--card-bg);
  border-radius: var(--radius-md);
  padding: 0.5rem 0.6rem;
  font-size: 0.78rem;
  color: var(--heading-color);
}

/* line 11995, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-hero .pricing-side-item i {
  color: var(--accent-color);
}

/* line 11999, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

/* line 12005, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-card {
  position: relative;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl);
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

/* line 12017, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-card.pricing-card-featured {
  border-color: color-mix(in srgb, var(--accent-color), transparent 45%);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--accent-color), transparent 85%);
}

/* line 12022, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-badge {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  background: color-mix(in srgb, var(--accent-color), transparent 10%);
  color: var(--contrast-color);
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: var(--radius-full);
  padding: 0.22rem 0.45rem;
}

/* line 12036, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-plan-head {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

/* line 12042, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-plan-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

/* line 12052, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-plan-icon.starter {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 12057, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-plan-icon.pro {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 12062, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-plan-icon.enterprise {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 12067, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-name {
  font-size: 1rem;
  color: var(--heading-color);
  margin: 0;
}

/* line 12073, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-tagline {
  margin: 0.1rem 0 0;
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 12079, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-price-row {
  display: flex;
  align-items: baseline;
  gap: 0.18rem;
  margin-top: 0.25rem;
}

/* line 12086, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-currency {
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 12092, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-amount {
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--heading-color);
  line-height: 1;
  transition: opacity 0.14s ease, transform 0.14s ease;
}

/* line 12101, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-amount-changing {
  opacity: 0;
  transform: translateY(-4px);
}

/* line 12106, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-period {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--muted-color);
}

/* line 12112, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}

/* line 12120, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-features li {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  color: var(--default-color);
}

/* line 12128, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-features li i {
  color: var(--success-color);
}

/* line 12132, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-note {
  display: block;
  text-align: center;
  margin-top: -0.2rem;
  font-size: 0.68rem;
  color: var(--muted-color);
}

/* line 12140, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-compare-card,
.page-pricing .pricing-faq-card,
.page-pricing .pricing-cta {
  border-radius: var(--radius-xl);
}

/* line 12146, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-matrix-hint {
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 12151, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-compare-table {
  width: 100%;
}

/* line 12155, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-compare-table th,
.page-pricing .pricing-compare-table td {
  padding: 0.7rem 0.9rem;
  border-bottom: 1px solid var(--border-color-light);
  font-size: 0.78rem;
  white-space: nowrap;
}

/* line 12163, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-compare-table th {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--muted-color);
  font-weight: 700;
  background: color-mix(in srgb, var(--background-color), var(--surface-color) 30%);
}

/* line 12172, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-compare-table td {
  color: var(--default-color);
}

/* line 12176, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-compare-table td:first-child {
  font-weight: 700;
  color: var(--heading-color);
}

/* line 12181, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-compare-table td:nth-child(3),
.page-pricing .pricing-compare-table th:nth-child(3) {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 12186, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-compare-table i.bi-check2 {
  color: var(--success-color);
  font-weight: 700;
}

/* line 12191, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-compare-table i.bi-dash-lg {
  color: var(--muted-color);
}

/* line 12195, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

/* line 12201, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-faq-item {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 0.65rem;
  background: var(--surface-color);
}

/* line 12208, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-faq-item h6 {
  margin: 0;
  font-size: 0.8rem;
  color: var(--heading-color);
}

/* line 12214, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-faq-item p {
  margin: 0.28rem 0 0;
  font-size: 0.74rem;
  color: var(--muted-color);
  line-height: 1.45;
}

/* line 12221, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-cta {
  border: 1px solid var(--border-color);
  background: linear-gradient(130deg, color-mix(in srgb, var(--accent-color), transparent 92%), color-mix(in srgb, var(--success-color), transparent 94%));
}

/* line 12226, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-cta .pricing-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 12234, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-cta .pricing-cta-title {
  font-size: 1.1rem;
  margin: 0;
  color: var(--heading-color);
}

/* line 12240, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-cta .pricing-cta-desc {
  margin: 0.3rem 0 0;
  font-size: 0.82rem;
  color: var(--muted-color);
  max-width: 56ch;
}

/* line 12247, app/assets/stylesheets/flexadmin_main.scss */
.page-pricing .pricing-cta .pricing-cta-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 1199px) {
  /* line 12254, app/assets/stylesheets/flexadmin_main.scss */
  .page-pricing .pricing-hero .pricing-hero-side {
    border-left: none;
    border-top: 1px solid var(--border-color-light);
  }
  /* line 12259, app/assets/stylesheets/flexadmin_main.scss */
  .page-pricing .pricing-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  /* line 12265, app/assets/stylesheets/flexadmin_main.scss */
  .page-pricing .pricing-hero .pricing-hero-title {
    font-size: 1.35rem;
  }
  /* line 12269, app/assets/stylesheets/flexadmin_main.scss */
  .page-pricing .pricing-hero .pricing-toggle {
    width: 100%;
    justify-content: space-between;
  }
  /* line 12274, app/assets/stylesheets/flexadmin_main.scss */
  .page-pricing .pricing-hero .pricing-toggle-label {
    flex: 1;
  }
  /* line 12278, app/assets/stylesheets/flexadmin_main.scss */
  .page-pricing .pricing-compare-table th,
.page-pricing .pricing-compare-table td {
    padding: 0.6rem 0.7rem;
  }
  /* line 12283, app/assets/stylesheets/flexadmin_main.scss */
  .page-pricing .pricing-cta .pricing-cta-actions {
    width: 100%;
  }
  /* line 12287, app/assets/stylesheets/flexadmin_main.scss */
  .page-pricing .pricing-cta .pricing-cta-actions .btn {
    flex: 1;
  }
}

/*--------------------------------------------------------------
# FAQ Page - FlexAdmin
--------------------------------------------------------------*/
/* line 12295, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-header-subtitle {
  margin: 0;
  font-size: 0.86rem;
  color: var(--muted-color);
}

/* line 12301, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

/* line 12307, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-overview-item {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  padding: 10px 42px 10px 11px;
  position: relative;
}

/* line 12316, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-overview-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 9px;
  top: 9px;
  font-size: 0.82rem;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 12331, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-overview-item:nth-child(2) .faq-overview-icon {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 12336, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-overview-item:nth-child(3) .faq-overview-icon {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 12341, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-overview-item:nth-child(4) .faq-overview-icon {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 12346, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-overview-label {
  display: block;
  font-size: 0.67rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 12355, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-overview-value {
  display: block;
  margin-top: 2px;
  font-size: 0.94rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 12363, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-search-card,
.page-faq .faq-side-card,
.page-faq .faq-side-help,
.page-faq .faq-section {
  border-radius: var(--radius-lg);
}

/* line 12370, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-search-shell {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  background: var(--surface-color);
  padding: 6px;
}

/* line 12380, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-search-shell i {
  color: var(--muted-color);
  font-size: 0.95rem;
  margin-left: 4px;
}

/* line 12386, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-search-shell .faq-search-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 0.84rem;
  color: var(--default-color);
  outline: none;
}

/* line 12395, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-search-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

/* line 12403, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-search-tags-label {
  font-size: 0.74rem;
  color: var(--muted-color);
  font-weight: 600;
}

/* line 12409, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-tag {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: var(--radius-full);
  border: 1px solid var(--border-color);
  background: var(--background-color);
  color: var(--default-color);
  text-decoration: none;
}

/* line 12420, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-tag:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 60%);
  color: var(--accent-color);
}

/* line 12426, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-cat-list {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* line 12432, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-cat-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 9px;
  border-radius: var(--radius-md);
  color: var(--default-color);
  text-decoration: none;
  font-size: 0.8rem;
}

/* line 12443, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-cat-item i {
  width: 16px;
  text-align: center;
  color: var(--muted-color);
  flex-shrink: 0;
}

/* line 12450, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-cat-item span:nth-child(2) {
  flex: 1;
}

/* line 12454, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-cat-item:hover {
  background: var(--background-color);
  color: var(--heading-color);
}

/* line 12459, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-cat-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 12464, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-cat-item.active i {
  color: var(--accent-color);
}

/* line 12468, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-cat-item.active .faq-cat-count {
  background: var(--accent-color);
  color: var(--contrast-color);
}

/* line 12473, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-cat-count {
  font-size: 0.66rem;
  font-weight: 700;
  border-radius: var(--radius-full);
  padding: 2px 7px;
  background: var(--background-color);
  color: var(--muted-color);
}

/* line 12482, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-support-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  font-size: 1.1rem;
  margin-bottom: 8px;
}

/* line 12495, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-support-title {
  margin: 0;
  font-size: 0.82rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 12502, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-support-desc {
  margin: 4px 0 11px;
  font-size: 0.74rem;
  color: var(--muted-color);
  line-height: 1.45;
}

/* line 12509, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-section .card-header .card-title {
  font-size: 0.9rem;
}

/* line 12513, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-section .card-header .card-title i {
  color: var(--accent-color);
}

/* line 12517, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-accordion .accordion-item {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  margin-bottom: 7px;
  overflow: hidden;
}

/* line 12524, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

/* line 12528, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-accordion .accordion-button {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--heading-color);
  background: var(--surface-color);
  box-shadow: none;
  padding: 11px 12px;
}

/* line 12537, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-accordion .accordion-button:not(.collapsed) {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 12542, app/assets/stylesheets/flexadmin_main.scss */
.page-faq .faq-accordion .accordion-body {
  font-size: 0.76rem;
  color: var(--muted-color);
  line-height: 1.5;
  padding: 10px 12px 12px;
}

@media (max-width: 1199px) {
  /* line 12550, app/assets/stylesheets/flexadmin_main.scss */
  .page-faq .faq-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  /* line 12556, app/assets/stylesheets/flexadmin_main.scss */
  .page-faq .faq-cat-list {
    flex-direction: row;
    overflow-x: auto;
  }
  /* line 12561, app/assets/stylesheets/flexadmin_main.scss */
  .page-faq .faq-cat-item {
    white-space: nowrap;
    flex-shrink: 0;
  }
}

@media (max-width: 575px) {
  /* line 12568, app/assets/stylesheets/flexadmin_main.scss */
  .page-faq .faq-overview {
    grid-template-columns: 1fr;
  }
  /* line 12572, app/assets/stylesheets/flexadmin_main.scss */
  .page-faq .faq-search-shell {
    flex-wrap: wrap;
  }
  /* line 12576, app/assets/stylesheets/flexadmin_main.scss */
  .page-faq .faq-search-shell .btn {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Timeline Page - FlexAdmin
--------------------------------------------------------------*/
/* line 12584, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-header-subtitle {
  margin: 0;
  font-size: 0.86rem;
  color: var(--muted-color);
}

/* line 12590, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

/* line 12596, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-overview-item {
  position: relative;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  padding: 10px 42px 10px 11px;
}

/* line 12605, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-overview-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 9px;
  top: 9px;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
  font-size: 0.82rem;
}

/* line 12620, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-overview-item:nth-child(2) .tl-overview-icon {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 12625, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-overview-item:nth-child(3) .tl-overview-icon {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 12630, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-overview-item:nth-child(4) .tl-overview-icon {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 12635, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-overview-label {
  display: block;
  font-size: 0.67rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 12644, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-overview-value {
  display: block;
  margin-top: 2px;
  font-size: 0.94rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 12652, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-stream-card,
.page-timeline .tl-side-card {
  border-radius: var(--radius-lg);
}

/* line 12657, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-stream-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 12665, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-filter-group {
  display: inline-flex;
  gap: 5px;
  flex-wrap: wrap;
}

/* line 12671, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-filter-btn {
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--muted-color);
  border-radius: var(--radius-md);
  font-size: 0.73rem;
  font-weight: 700;
  height: 30px;
  padding: 0 10px;
}

/* line 12682, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-filter-btn.active,
.page-timeline .tl-filter-btn:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 40%);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 12689, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-sort {
  height: 30px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  font-size: 0.74rem;
  color: var(--default-color);
  padding: 0 8px;
}

/* line 12699, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-sort:focus {
  outline: none;
  border-color: var(--accent-color);
}

/* line 12704, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-stream {
  position: relative;
  padding-left: 26px;
}

/* line 12709, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-stream::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: color-mix(in srgb, var(--border-color), transparent 20%);
}

/* line 12719, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-day-label {
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-full);
  font-size: 0.67rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: var(--contrast-color);
  background: var(--accent-color);
  padding: 0.22rem 0.6rem;
  margin: 4px 0 9px -3px;
}

/* line 12733, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-day-label.muted {
  background: var(--muted-color);
}

/* line 12737, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event {
  position: relative;
  margin-bottom: 10px;
}

/* line 12742, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-node {
  position: absolute;
  left: -26px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-radius: var(--radius-full);
  color: var(--contrast-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.62rem;
  z-index: 1;
}

/* line 12757, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-accent .tl-node {
  background: var(--accent-color);
}

/* line 12761, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-success .tl-node {
  background: var(--success-color);
}

/* line 12765, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-warning .tl-node {
  background: var(--warning-color);
}

/* line 12769, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-danger .tl-node {
  background: var(--danger-color);
}

/* line 12773, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-info .tl-node {
  background: var(--info-color);
}

/* line 12777, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-card {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  padding: 10px;
}

/* line 12784, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-alert {
  border-color: color-mix(in srgb, var(--danger-color), transparent 55%);
  background: color-mix(in srgb, var(--danger-color), transparent 97%);
}

/* line 12789, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}

/* line 12797, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-user {
  display: flex;
  align-items: center;
  gap: 7px;
}

/* line 12803, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-user strong {
  display: block;
  font-size: 0.79rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 12810, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-user span {
  display: block;
  font-size: 0.73rem;
  color: var(--muted-color);
  line-height: 1.2;
  margin-top: 1px;
}

/* line 12818, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-avatar {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 12826, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-time {
  font-size: 0.7rem;
  color: var(--muted-color);
  white-space: nowrap;
}

/* line 12832, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-event-text {
  margin: 0;
  font-size: 0.75rem;
  color: var(--default-color);
  line-height: 1.5;
}

/* line 12839, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-tags {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  flex-wrap: wrap;
}

/* line 12847, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-tag {
  font-size: 0.66rem;
  font-weight: 700;
  border-radius: var(--radius-full);
  padding: 0.22rem 0.52rem;
}

/* line 12854, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-tag.success {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 12859, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-tag.danger {
  color: var(--danger-color);
  background: var(--danger-color-light);
}

/* line 12864, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-tag.neutral {
  color: var(--muted-color);
  background: color-mix(in srgb, var(--muted-color), transparent 84%);
}

/* line 12869, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-quote {
  margin: 0;
  padding: 8px 9px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 86%);
  font-size: 0.75rem;
  font-style: italic;
  color: var(--muted-color);
  line-height: 1.45;
}

/* line 12881, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-highlight-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

/* line 12887, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-highlight-row h6 {
  margin: 0;
  font-size: 0.79rem;
  color: var(--heading-color);
}

/* line 12893, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-highlight-row p {
  margin: 2px 0 0;
  font-size: 0.73rem;
  color: var(--muted-color);
  line-height: 1.45;
}

/* line 12900, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-highlight-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--warning-color);
  background: var(--warning-color-light);
  font-size: 0.82rem;
  flex-shrink: 0;
}

/* line 12913, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-file-grid {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

/* line 12920, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-file-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--card-bg);
  color: var(--default-color);
  font-size: 0.72rem;
  padding: 0.26rem 0.52rem;
}

/* line 12932, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-file-pill i {
  color: var(--accent-color);
}

/* line 12936, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-mix-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 12942, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-mix-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.76rem;
  color: var(--default-color);
}

/* line 12950, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-mix-item span:nth-child(2) {
  flex: 1;
}

/* line 12954, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-mix-item strong {
  font-size: 0.75rem;
  color: var(--heading-color);
}

/* line 12959, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-mix-dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
}

/* line 12965, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-mix-dot.success {
  background: var(--success-color);
}

/* line 12969, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-mix-dot.accent {
  background: var(--accent-color);
}

/* line 12973, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-mix-dot.warning {
  background: var(--warning-color);
}

/* line 12977, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-mix-dot.danger {
  background: var(--danger-color);
}

/* line 12981, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-contrib-list {
  display: flex;
  flex-direction: column;
}

/* line 12986, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-contrib-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--border-color-light);
}

/* line 12994, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-contrib-item:last-child {
  border-bottom: none;
}

/* line 12998, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-contrib-item img {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 13006, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-contrib-item strong {
  display: block;
  font-size: 0.77rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 13013, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-contrib-item span {
  display: block;
  font-size: 0.71rem;
  color: var(--muted-color);
  margin-top: 1px;
}

/* line 13020, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-upcoming-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

/* line 13026, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-upcoming-item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 8px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  padding: 7px;
}

/* line 13036, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-upcoming-item strong {
  display: block;
  font-size: 0.77rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 13043, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-upcoming-item p {
  margin: 1px 0 0;
  font-size: 0.71rem;
  color: var(--muted-color);
  line-height: 1.35;
}

/* line 13050, app/assets/stylesheets/flexadmin_main.scss */
.page-timeline .tl-upcoming-date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  font-size: 0.67rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

@media (max-width: 1199px) {
  /* line 13064, app/assets/stylesheets/flexadmin_main.scss */
  .page-timeline .tl-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 13070, app/assets/stylesheets/flexadmin_main.scss */
  .page-timeline .tl-overview {
    grid-template-columns: 1fr;
  }
  /* line 13074, app/assets/stylesheets/flexadmin_main.scss */
  .page-timeline .tl-stream {
    padding-left: 22px;
  }
  /* line 13078, app/assets/stylesheets/flexadmin_main.scss */
  .page-timeline .tl-stream::before {
    left: 8px;
  }
  /* line 13082, app/assets/stylesheets/flexadmin_main.scss */
  .page-timeline .tl-node {
    left: -22px;
  }
  /* line 13086, app/assets/stylesheets/flexadmin_main.scss */
  .page-timeline .tl-event-head {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 13091, app/assets/stylesheets/flexadmin_main.scss */
  .page-timeline .tl-upcoming-item {
    grid-template-columns: 1fr;
  }
  /* line 13095, app/assets/stylesheets/flexadmin_main.scss */
  .page-timeline .tl-upcoming-item .tl-upcoming-date {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.2rem 0.45rem;
  }
}

/*--------------------------------------------------------------
# Search Results Page - FlexAdmin
--------------------------------------------------------------*/
/* line 13105, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-header-subtitle {
  margin: 0;
  font-size: 0.86rem;
  color: var(--muted-color);
}

/* line 13111, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-command-card,
.page-search-results .sr-main-card,
.page-search-results .sr-side-card {
  border-radius: var(--radius-lg);
}

/* line 13117, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-command-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  background: var(--surface-color);
  padding: 7px 8px 7px 11px;
}

/* line 13127, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-command-icon {
  font-size: 0.9rem;
  color: var(--muted-color);
}

/* line 13132, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-command-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 0.8rem;
  color: var(--default-color);
}

/* line 13140, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-command-input:focus {
  outline: none;
}

/* line 13144, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-command-meta {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 13153, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-result-count {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 13158, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-result-count strong {
  color: var(--heading-color);
  font-weight: 700;
}

/* line 13163, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-chip-list {
  display: inline-flex;
  gap: 5px;
  flex-wrap: wrap;
}

/* line 13169, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-chip {
  font-size: 0.68rem;
  font-weight: 700;
  text-decoration: none;
  border-radius: var(--radius-full);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--muted-color);
  padding: 0.2rem 0.52rem;
}

/* line 13180, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-chip:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 50%);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 13186, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 13194, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-tabs {
  display: inline-flex;
  gap: 5px;
  flex-wrap: wrap;
}

/* line 13200, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-tab {
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--muted-color);
  border-radius: var(--radius-md);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.34rem 0.58rem;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* line 13213, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-tab span {
  font-size: 0.64rem;
  padding: 0.1rem 0.38rem;
  border-radius: var(--radius-full);
  color: var(--muted-color);
  background: color-mix(in srgb, var(--muted-color), transparent 87%);
}

/* line 13221, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-tab.active,
.page-search-results .sr-tab:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 45%);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 96%);
}

/* line 13228, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-tab.active span,
.page-search-results .sr-tab:hover span {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 87%);
}

/* line 13234, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-sort {
  height: 30px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  font-size: 0.73rem;
  color: var(--default-color);
  padding: 0 8px;
}

/* line 13244, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-sort:focus {
  outline: none;
  border-color: var(--accent-color);
}

/* line 13249, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-group-title {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted-color);
  font-weight: 700;
  margin-bottom: 8px;
}

/* line 13258, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item {
  display: flex;
  gap: 9px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  padding: 9px;
  margin-bottom: 8px;
}

/* line 13268, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item:last-child {
  margin-bottom: 0;
}

/* line 13272, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 62%);
  background: color-mix(in srgb, var(--accent-color), transparent 97%);
}

/* line 13277, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* line 13288, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-icon.accent {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
}

/* line 13293, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-icon.danger {
  color: var(--danger-color);
  background: var(--danger-color-light);
}

/* line 13298, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-icon.success {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 13303, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-user-avatar {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 13312, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-body {
  min-width: 0;
  flex: 1;
}

/* line 13317, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-body h6 {
  margin: 0;
  font-size: 0.79rem;
  color: var(--heading-color);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

/* line 13327, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-body h6 a {
  color: var(--heading-color);
  text-decoration: none;
}

/* line 13332, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-body h6 a:hover {
  color: var(--accent-color);
}

/* line 13336, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-body p {
  margin: 3px 0 0;
  font-size: 0.74rem;
  color: var(--muted-color);
  line-height: 1.45;
}

/* line 13343, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-status {
  font-size: 0.64rem;
  font-weight: 700;
  padding: 0.14rem 0.45rem;
  border-radius: var(--radius-full);
}

/* line 13350, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-status.success {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 13355, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-meta {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 13362, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-item-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.69rem;
  color: var(--muted-color);
}

/* line 13370, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results mark {
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
  color: inherit;
  border-radius: 3px;
  padding: 0 2px;
}

/* line 13377, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-pagination {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--border-color-light);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 13388, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-pagination span {
  font-size: 0.74rem;
  color: var(--muted-color);
}

/* line 13393, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-filter-block {
  margin-bottom: 11px;
}

/* line 13397, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-filter-block label {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted-color);
  font-weight: 700;
  margin-bottom: 5px;
}

/* line 13407, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 13413, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list label {
  cursor: pointer;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
  margin: 0;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  padding: 6px 8px;
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: normal;
  color: var(--default-color);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 13431, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list label:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 62%);
  background: color-mix(in srgb, var(--accent-color), transparent 97%);
}

/* line 13436, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list label input[type=checkbox] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border: 1.5px solid color-mix(in srgb, var(--muted-color), transparent 25%);
  background: var(--card-bg);
  margin: 0;
  display: inline-grid;
  place-content: center;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

/* line 13451, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list label input[type=checkbox]::before {
  content: "";
  width: 7px;
  height: 4px;
  border: 2px solid var(--contrast-color);
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg) scale(0);
  transform-origin: center;
  transition: transform var(--transition-fast);
}

/* line 13463, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list label input[type=checkbox]:checked {
  border-color: var(--accent-color);
  background: var(--accent-color);
}

/* line 13468, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list label input[type=checkbox]:checked::before {
  transform: rotate(-45deg) scale(1);
}

/* line 13472, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list label input[type=checkbox]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 78%);
}

/* line 13477, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list label input {
  margin: 0;
}

/* line 13481, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-check-list label span {
  margin-left: auto;
  font-size: 0.67rem;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 13488, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-insight-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

/* line 13494, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-insight-item {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  padding: 7px;
}

/* line 13501, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-insight-item span {
  display: block;
  font-size: 0.69rem;
  color: var(--muted-color);
}

/* line 13507, app/assets/stylesheets/flexadmin_main.scss */
.page-search-results .sr-insight-item strong {
  display: block;
  margin-top: 2px;
  font-size: 0.76rem;
  color: var(--heading-color);
}

@media (max-width: 1199px) {
  /* line 13515, app/assets/stylesheets/flexadmin_main.scss */
  .page-search-results .sr-side-card {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  /* line 13521, app/assets/stylesheets/flexadmin_main.scss */
  .page-search-results .sr-command-bar {
    flex-wrap: wrap;
  }
  /* line 13525, app/assets/stylesheets/flexadmin_main.scss */
  .page-search-results .sr-command-bar .btn {
    width: 100%;
  }
  /* line 13529, app/assets/stylesheets/flexadmin_main.scss */
  .page-search-results .sr-main-header {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 13534, app/assets/stylesheets/flexadmin_main.scss */
  .page-search-results .sr-sort {
    width: 100%;
  }
  /* line 13538, app/assets/stylesheets/flexadmin_main.scss */
  .page-search-results .sr-pagination .pagination {
    width: 100%;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# Blank Page - FlexAdmin
--------------------------------------------------------------*/
/* line 13547, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-subtitle {
  margin: 0;
  font-size: 0.86rem;
  color: var(--muted-color);
}

/* line 13553, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

/* line 13559, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-tile {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  padding: 10px 42px 10px 11px;
  position: relative;
}

/* line 13568, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-tile-icon {
  position: absolute;
  right: 9px;
  top: 9px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.84rem;
}

/* line 13583, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-tile-label {
  display: block;
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 13592, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-tile-value {
  display: block;
  font-size: 0.87rem;
  line-height: 1.25;
  color: var(--heading-color);
  margin-top: 2px;
}

/* line 13600, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-card {
  border-radius: var(--radius-lg);
}

/* line 13604, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-steps {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--default-color);
}

/* line 13614, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-code-block {
  margin-top: 12px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  padding: 10px;
}

/* line 13622, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-code-block pre {
  margin: 0;
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 13628, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-checklist {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

/* line 13634, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-checklist label {
  font-size: 0.8rem;
  color: var(--default-color);
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

/* line 13642, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-checklist input {
  width: 15px;
  height: 15px;
}

/* line 13647, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 13653, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-links a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  font-size: 0.8rem;
  color: var(--default-color);
  padding: 7px 8px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-color-light);
}

/* line 13665, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-links a i {
  color: var(--accent-color);
}

/* line 13669, app/assets/stylesheets/flexadmin_main.scss */
.page-blank .blank-links a:hover {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color), transparent 62%);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

@media (max-width: 1199px) {
  /* line 13676, app/assets/stylesheets/flexadmin_main.scss */
  .page-blank .blank-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  /* line 13682, app/assets/stylesheets/flexadmin_main.scss */
  .page-blank .blank-grid {
    grid-template-columns: 1fr;
  }
}

/* line 13687, app/assets/stylesheets/flexadmin_main.scss */
.calendar-app {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 1.5rem;
  min-height: calc(100vh - 200px);
}

@media (max-width: 991.98px) {
  /* line 13695, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-app {
    grid-template-columns: 1fr;
  }
}

/* line 13700, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 13706, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar .card {
  margin-bottom: 0;
}

/* line 13711, app/assets/stylesheets/flexadmin_main.scss */
.calendar-public-booking-link .calendar-public-booking-link__field {
  font-size: 0.8125rem;
  cursor: text;
  user-select: all;
  word-break: break-all;
}

/* line 13719, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar {
  padding: 0.5rem;
}

/* line 13723, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 13731, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-title {
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--heading-color);
}

/* line 13737, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-nav {
  display: flex;
  gap: 0.25rem;
}

/* line 13742, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-nav button {
  background: none;
  border: none;
  width: 28px;
  height: 28px;
  border-radius: var(--bs-border-radius);
  cursor: pointer;
  color: var(--muted-color);
  transition: all 0.2s;
}

/* line 13753, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-nav button:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

/* line 13758, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  text-align: center;
}

/* line 13765, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-day-header {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  padding: 0.5rem 0;
}

/* line 13772, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  border-radius: var(--bs-border-radius);
  cursor: pointer;
  transition: all 0.2s;
  color: var(--default-color);
  position: relative;
}

/* line 13785, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-day:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}

/* line 13789, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-day.other-month {
  color: var(--muted-color);
  opacity: 0.5;
}

/* line 13794, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-day.today {
  background: var(--accent-color);
  color: var(--contrast-color);
  font-weight: 600;
}

/* line 13800, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-day.selected {
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
  color: var(--accent-color);
  font-weight: 600;
}

/* line 13806, app/assets/stylesheets/flexadmin_main.scss */
.mini-calendar-day.has-event::after {
  content: "";
  position: absolute;
  bottom: 2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--accent-color);
}

/* line 13816, app/assets/stylesheets/flexadmin_main.scss */
.event-categories {
  padding: 0;
}

/* line 13820, app/assets/stylesheets/flexadmin_main.scss */
.event-category-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1rem;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 13829, app/assets/stylesheets/flexadmin_main.scss */
.event-category-item:hover {
  background: color-mix(in srgb, var(--default-color), transparent 95%);
}

/* line 13833, app/assets/stylesheets/flexadmin_main.scss */
.event-category-color {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  flex-shrink: 0;
}

/* line 13840, app/assets/stylesheets/flexadmin_main.scss */
.event-category-name {
  flex: 1;
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 13846, app/assets/stylesheets/flexadmin_main.scss */
.event-category-count {
  font-size: 0.75rem;
  color: var(--muted-color);
  background: color-mix(in srgb, var(--default-color), transparent 90%);
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
}

/* line 13854, app/assets/stylesheets/flexadmin_main.scss */
.calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* line 13861, app/assets/stylesheets/flexadmin_main.scss */
.calendar-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
  white-space: nowrap;
}

/* line 13869, app/assets/stylesheets/flexadmin_main.scss */
.calendar-nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 13875, app/assets/stylesheets/flexadmin_main.scss */
.calendar-nav-btn {
  background: none;
  border: 1px solid var(--border-color);
  width: 36px;
  height: 36px;
  border-radius: var(--bs-border-radius);
  cursor: pointer;
  color: var(--default-color);
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 13889, app/assets/stylesheets/flexadmin_main.scss */
.calendar-nav-btn:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}

/* line 13894, app/assets/stylesheets/flexadmin_main.scss */
.calendar-today-btn {
  padding: 0 1rem;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  white-space: nowrap;
}

/* line 13902, app/assets/stylesheets/flexadmin_main.scss */
.calendar-views-nav {
  border-bottom: none;
}

/* line 13906, app/assets/stylesheets/flexadmin_main.scss */
.calendar-views-nav .nav-link {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: var(--default-color);
  border: 1px solid var(--border-color);
  border-radius: 0;
  margin-left: -1px;
}

/* line 13915, app/assets/stylesheets/flexadmin_main.scss */
.calendar-views-nav .nav-link:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-color: var(--accent-color);
  color: var(--accent-color);
}

/* line 13921, app/assets/stylesheets/flexadmin_main.scss */
.calendar-views-nav .nav-link.active {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 13927, app/assets/stylesheets/flexadmin_main.scss */
.calendar-views-nav .nav-item:first-child .nav-link {
  border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
  margin-left: 0;
}

/* line 13932, app/assets/stylesheets/flexadmin_main.scss */
.calendar-views-nav .nav-item:last-child .nav-link {
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
}

/* line 13936, app/assets/stylesheets/flexadmin_main.scss */
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(100px, 1fr));
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
}

/* line 13944, app/assets/stylesheets/flexadmin_main.scss */
.calendar-day-header {
  padding: 0.75rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--muted-color);
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  border-bottom: 1px solid var(--border-color);
}

/* line 13954, app/assets/stylesheets/flexadmin_main.scss */
.calendar-day {
  min-height: 120px;
  padding: 0.5rem;
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  background: var(--surface-color);
  cursor: pointer;
  transition: background 0.2s;
}

/* line 13964, app/assets/stylesheets/flexadmin_main.scss */
.calendar-day:nth-child(7n) {
  border-right: none;
}

/* line 13968, app/assets/stylesheets/flexadmin_main.scss */
.calendar-day:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 97%);
}

/* line 13972, app/assets/stylesheets/flexadmin_main.scss */
.calendar-day.other-month {
  background: color-mix(in srgb, var(--default-color), transparent 98%);
}

/* line 13976, app/assets/stylesheets/flexadmin_main.scss */
.calendar-day.other-month .day-number {
  color: var(--muted-color);
  opacity: 0.5;
}

/* line 13981, app/assets/stylesheets/flexadmin_main.scss */
.calendar-day.today {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 13985, app/assets/stylesheets/flexadmin_main.scss */
.calendar-day.today .day-number {
  background: var(--accent-color);
  color: var(--contrast-color);
}

/* line 13990, app/assets/stylesheets/flexadmin_main.scss */
.day-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 50%;
  margin-bottom: 0.25rem;
  color: var(--default-color);
}

/* line 14003, app/assets/stylesheets/flexadmin_main.scss */
.day-events {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 14009, app/assets/stylesheets/flexadmin_main.scss */
.calendar-event {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 0.2s;
}

/* line 14020, app/assets/stylesheets/flexadmin_main.scss */
.calendar-event:hover {
  opacity: 0.85;
}

/* line 14024, app/assets/stylesheets/flexadmin_main.scss */
.calendar-event.event-primary {
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
  color: var(--accent-color);
  border-left: 3px solid var(--accent-color);
}

/* line 14030, app/assets/stylesheets/flexadmin_main.scss */
.calendar-event.event-success {
  background: color-mix(in srgb, var(--success-color), transparent 80%);
  color: var(--success-color);
  border-left: 3px solid var(--success-color);
}

/* line 14036, app/assets/stylesheets/flexadmin_main.scss */
.calendar-event.event-warning {
  background: color-mix(in srgb, var(--warning-color), transparent 80%);
  color: color-mix(in srgb, var(--warning-color), black 20%);
  border-left: 3px solid var(--warning-color);
}

/* line 14042, app/assets/stylesheets/flexadmin_main.scss */
.calendar-event.event-danger {
  background: color-mix(in srgb, var(--danger-color), transparent 80%);
  color: var(--danger-color);
  border-left: 3px solid var(--danger-color);
}

/* line 14048, app/assets/stylesheets/flexadmin_main.scss */
.calendar-event.event-info {
  background: color-mix(in srgb, var(--info-color), transparent 80%);
  color: color-mix(in srgb, var(--info-color), black 20%);
  border-left: 3px solid var(--info-color);
}

/* line 14054, app/assets/stylesheets/flexadmin_main.scss */
.more-events {
  font-size: 0.75rem;
  color: var(--muted-color);
  padding: 0.125rem 0.5rem;
  cursor: pointer;
}

/* line 14061, app/assets/stylesheets/flexadmin_main.scss */
.more-events:hover {
  color: var(--accent-color);
}

/* line 14065, app/assets/stylesheets/flexadmin_main.scss */
.week-view {
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
}

/* line 14071, app/assets/stylesheets/flexadmin_main.scss */
.week-header {
  display: grid;
  grid-template-columns: 60px repeat(7, minmax(80px, 1fr));
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  border-bottom: 1px solid var(--border-color);
}

/* line 14078, app/assets/stylesheets/flexadmin_main.scss */
.week-header-time {
  padding: 0.75rem 0.5rem;
  border-right: 1px solid var(--border-color);
}

/* line 14083, app/assets/stylesheets/flexadmin_main.scss */
.week-header-day {
  padding: 0.75rem 0.5rem;
  text-align: center;
  border-right: 1px solid var(--border-color);
}

/* line 14089, app/assets/stylesheets/flexadmin_main.scss */
.week-header-day:last-child {
  border-right: none;
}

/* line 14093, app/assets/stylesheets/flexadmin_main.scss */
.week-header-day .day-name {
  font-size: 0.75rem;
  color: var(--muted-color);
  font-weight: 600;
  text-transform: uppercase;
}

/* line 14100, app/assets/stylesheets/flexadmin_main.scss */
.week-header-day .day-num {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 14106, app/assets/stylesheets/flexadmin_main.scss */
.week-header-day.today .day-num {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 14117, app/assets/stylesheets/flexadmin_main.scss */
.week-body {
  display: grid;
  grid-template-columns: 60px repeat(7, minmax(80px, 1fr));
  max-height: 600px;
  overflow-y: auto;
}

/* line 14124, app/assets/stylesheets/flexadmin_main.scss */
.week-time-col {
  border-right: 1px solid var(--border-color);
}

/* line 14128, app/assets/stylesheets/flexadmin_main.scss */
.week-time-slot {
  height: 60px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  color: var(--muted-color);
  border-bottom: 1px solid var(--border-color-light);
  text-align: right;
}

/* line 14137, app/assets/stylesheets/flexadmin_main.scss */
.week-day-col {
  border-right: 1px solid var(--border-color);
  position: relative;
}

/* line 14142, app/assets/stylesheets/flexadmin_main.scss */
.week-day-col:last-child {
  border-right: none;
}

/* line 14146, app/assets/stylesheets/flexadmin_main.scss */
.week-day-slot {
  height: 60px;
  border-bottom: 1px solid var(--border-color-light);
  position: relative;
}

/* line 14152, app/assets/stylesheets/flexadmin_main.scss */
.week-event {
  position: absolute;
  left: 2px;
  right: 2px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
}

/* line 14164, app/assets/stylesheets/flexadmin_main.scss */
.week-event.event-primary {
  background: color-mix(in srgb, var(--accent-color), transparent 70%);
  border-left: 3px solid var(--accent-color);
  color: var(--accent-color);
}

/* line 14170, app/assets/stylesheets/flexadmin_main.scss */
.week-event.event-success {
  background: color-mix(in srgb, var(--success-color), transparent 70%);
  border-left: 3px solid var(--success-color);
  color: var(--success-color);
}

/* line 14176, app/assets/stylesheets/flexadmin_main.scss */
.week-event.event-warning {
  background: color-mix(in srgb, var(--warning-color), transparent 70%);
  border-left: 3px solid var(--warning-color);
  color: color-mix(in srgb, var(--warning-color), black 20%);
}

/* line 14182, app/assets/stylesheets/flexadmin_main.scss */
.week-event.event-danger {
  background: color-mix(in srgb, var(--danger-color), transparent 70%);
  border-left: 3px solid var(--danger-color);
  color: var(--danger-color);
}

/* line 14188, app/assets/stylesheets/flexadmin_main.scss */
.week-event.event-info {
  background: color-mix(in srgb, var(--info-color), transparent 70%);
  border-left: 3px solid var(--info-color);
  color: color-mix(in srgb, var(--info-color), black 20%);
}

/* line 14194, app/assets/stylesheets/flexadmin_main.scss */
.day-view {
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
}

/* line 14200, app/assets/stylesheets/flexadmin_main.scss */
.day-view-header {
  display: grid;
  grid-template-columns: 60px 1fr;
  background: color-mix(in srgb, var(--default-color), transparent 97%);
  border-bottom: 1px solid var(--border-color);
}

/* line 14207, app/assets/stylesheets/flexadmin_main.scss */
.day-view-header-time {
  padding: 0.75rem 0.5rem;
  border-right: 1px solid var(--border-color);
}

/* line 14212, app/assets/stylesheets/flexadmin_main.scss */
.day-view-header-info {
  padding: 0.75rem 1rem;
  text-align: center;
}

/* line 14217, app/assets/stylesheets/flexadmin_main.scss */
.day-view-header-info .day-name {
  font-size: 0.875rem;
  color: var(--muted-color);
  font-weight: 600;
}

/* line 14223, app/assets/stylesheets/flexadmin_main.scss */
.day-view-header-info .day-num {
  font-size: 2rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 14229, app/assets/stylesheets/flexadmin_main.scss */
.day-view-header-info.today .day-num {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 14240, app/assets/stylesheets/flexadmin_main.scss */
.day-view-body {
  display: grid;
  grid-template-columns: 60px 1fr;
  max-height: 600px;
  overflow-y: auto;
}

/* line 14247, app/assets/stylesheets/flexadmin_main.scss */
.day-view-time-col {
  border-right: 1px solid var(--border-color);
}

/* line 14251, app/assets/stylesheets/flexadmin_main.scss */
.day-view-time-slot {
  height: 60px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  color: var(--muted-color);
  border-bottom: 1px solid var(--border-color-light);
  text-align: right;
}

/* line 14260, app/assets/stylesheets/flexadmin_main.scss */
.day-view-events-col {
  position: relative;
}

/* line 14264, app/assets/stylesheets/flexadmin_main.scss */
.day-view-slot {
  height: 60px;
  border-bottom: 1px solid var(--border-color-light);
  position: relative;
}

/* line 14270, app/assets/stylesheets/flexadmin_main.scss */
.day-view-slot:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 97%);
}

/* line 14274, app/assets/stylesheets/flexadmin_main.scss */
.day-event {
  position: absolute;
  left: 4px;
  right: 4px;
  padding: 0.5rem;
  font-size: 0.8125rem;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
}

/* line 14285, app/assets/stylesheets/flexadmin_main.scss */
.day-event .event-title {
  font-weight: 500;
  margin-bottom: 0.25rem;
}

/* line 14290, app/assets/stylesheets/flexadmin_main.scss */
.day-event .event-time {
  font-size: 0.75rem;
  opacity: 0.8;
}

/* line 14295, app/assets/stylesheets/flexadmin_main.scss */
.day-event.event-primary {
  background: color-mix(in srgb, var(--accent-color), transparent 70%);
  border-left: 4px solid var(--accent-color);
  color: var(--accent-color);
}

/* line 14301, app/assets/stylesheets/flexadmin_main.scss */
.day-event.event-success {
  background: color-mix(in srgb, var(--success-color), transparent 70%);
  border-left: 4px solid var(--success-color);
  color: var(--success-color);
}

/* line 14307, app/assets/stylesheets/flexadmin_main.scss */
.day-event.event-warning {
  background: color-mix(in srgb, var(--warning-color), transparent 70%);
  border-left: 4px solid var(--warning-color);
  color: color-mix(in srgb, var(--warning-color), black 20%);
}

/* line 14313, app/assets/stylesheets/flexadmin_main.scss */
.day-event.event-danger {
  background: color-mix(in srgb, var(--danger-color), transparent 70%);
  border-left: 4px solid var(--danger-color);
  color: var(--danger-color);
}

/* line 14319, app/assets/stylesheets/flexadmin_main.scss */
.day-event.event-info {
  background: color-mix(in srgb, var(--info-color), transparent 70%);
  border-left: 4px solid var(--info-color);
  color: color-mix(in srgb, var(--info-color), black 20%);
}

/* line 14325, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-events {
  max-height: 300px;
  overflow-y: auto;
}

/* line 14330, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-item {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  transition: background 0.2s;
}

/* line 14339, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-item:last-child {
  border-bottom: none;
}

/* line 14343, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-item:hover {
  background: color-mix(in srgb, var(--default-color), transparent 97%);
}

/* line 14347, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-date {
  text-align: center;
  min-width: 45px;
}

/* line 14352, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-day {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
}

/* line 14359, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-month {
  font-size: 0.75rem;
  color: var(--muted-color);
  text-transform: uppercase;
}

/* line 14365, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-details {
  flex: 1;
  min-width: 0;
}

/* line 14370, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-title {
  font-weight: 500;
  color: var(--default-color);
  margin-bottom: 0.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 14379, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-time {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 14384, app/assets/stylesheets/flexadmin_main.scss */
.upcoming-event-color {
  width: 4px;
  border-radius: 2px;
  flex-shrink: 0;
}

/* line 14390, app/assets/stylesheets/flexadmin_main.scss */
.event-modal .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 14395, app/assets/stylesheets/flexadmin_main.scss */
.event-color-picker {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 14401, app/assets/stylesheets/flexadmin_main.scss */
.event-color-option {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.2s;
}

/* line 14410, app/assets/stylesheets/flexadmin_main.scss */
.event-color-option:hover,
.event-color-option.selected {
  transform: scale(1.15);
  border-color: var(--default-color);
}

/* line 14416, app/assets/stylesheets/flexadmin_main.scss */
.calendar-main {
  min-width: 0;
  container-type: inline-size;
}

/* line 14421, app/assets/stylesheets/flexadmin_main.scss */
.calendar-main .card {
  height: 100%;
}

@media (max-width: 1399.98px) {
  /* line 14426, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-main {
    overflow: hidden;
  }
  /* line 14430, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-main .card {
    max-width: 100%;
  }
  /* line 14434, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-main .card-body {
    max-width: 100%;
  }
  /* line 14438, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-scroll-wrapper {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  /* line 14445, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
  }
  /* line 14449, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-scroll-wrapper::-webkit-scrollbar-track {
    background: var(--background-color);
    border-radius: 4px;
  }
  /* line 14454, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-scroll-wrapper::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
  }
  /* line 14459, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--muted-color);
  }
  /* line 14463, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-grid,
.week-view,
.day-view {
    min-width: 768px;
  }
}

@container (max-width: 700px) {
  /* line 14471, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-day {
    min-height: 100px;
    padding: 0.375rem;
  }
  /* line 14476, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-day-header {
    padding: 0.5rem 0.25rem;
    font-size: 0.75rem;
  }
  /* line 14481, app/assets/stylesheets/flexadmin_main.scss */
  .day-number {
    width: 24px;
    height: 24px;
    font-size: 0.8125rem;
  }
  /* line 14487, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-event {
    padding: 0.125rem 0.375rem;
    font-size: 0.6875rem;
  }
  /* line 14492, app/assets/stylesheets/flexadmin_main.scss */
  .more-events {
    font-size: 0.6875rem;
  }
  /* line 14496, app/assets/stylesheets/flexadmin_main.scss */
  .week-header {
    grid-template-columns: 50px repeat(7, 1fr);
  }
  /* line 14500, app/assets/stylesheets/flexadmin_main.scss */
  .week-body {
    grid-template-columns: 50px repeat(7, 1fr);
  }
  /* line 14504, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day {
    padding: 0.5rem 0.25rem;
  }
  /* line 14508, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day .day-name {
    font-size: 0.625rem;
  }
  /* line 14512, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day .day-num {
    font-size: 1rem;
  }
  /* line 14516, app/assets/stylesheets/flexadmin_main.scss */
  .week-time-slot,
.week-day-slot {
    height: 50px;
  }
  /* line 14521, app/assets/stylesheets/flexadmin_main.scss */
  .week-time-slot {
    font-size: 0.625rem;
    padding: 0.125rem 0.25rem;
  }
  /* line 14526, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header {
    grid-template-columns: 50px 1fr;
  }
  /* line 14530, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-body {
    grid-template-columns: 50px 1fr;
  }
  /* line 14534, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-time-slot,
.day-view-slot {
    height: 50px;
  }
  /* line 14539, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-time-slot {
    font-size: 0.625rem;
  }
}

@container (max-width: 550px) {
  /* line 14545, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-day {
    min-height: 70px;
    padding: 0.25rem;
  }
  /* line 14550, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-day-header {
    padding: 0.375rem 0.125rem;
    font-size: 0.6875rem;
  }
  /* line 14555, app/assets/stylesheets/flexadmin_main.scss */
  .day-number {
    width: 20px;
    height: 20px;
    font-size: 0.75rem;
    margin-bottom: 0.125rem;
  }
  /* line 14562, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-event {
    padding: 0.0625rem 0.25rem;
    font-size: 0.625rem;
    border-left-width: 2px;
  }
  /* line 14568, app/assets/stylesheets/flexadmin_main.scss */
  .day-events {
    gap: 1px;
  }
  /* line 14572, app/assets/stylesheets/flexadmin_main.scss */
  .more-events {
    font-size: 0.5625rem;
    padding: 0.0625rem 0.125rem;
  }
  /* line 14577, app/assets/stylesheets/flexadmin_main.scss */
  .week-header {
    grid-template-columns: 40px repeat(7, 1fr);
  }
  /* line 14581, app/assets/stylesheets/flexadmin_main.scss */
  .week-body {
    grid-template-columns: 40px repeat(7, 1fr);
    max-height: 350px;
  }
  /* line 14586, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day {
    padding: 0.375rem 0.125rem;
  }
  /* line 14590, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day .day-name {
    font-size: 0.5625rem;
  }
  /* line 14594, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day .day-num {
    font-size: 0.875rem;
  }
  /* line 14598, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day.today .day-num {
    width: 24px;
    height: 24px;
  }
  /* line 14603, app/assets/stylesheets/flexadmin_main.scss */
  .week-time-slot,
.week-day-slot {
    height: 45px;
  }
  /* line 14608, app/assets/stylesheets/flexadmin_main.scss */
  .week-time-slot {
    font-size: 0.5625rem;
    padding: 0.0625rem 0.125rem;
  }
  /* line 14613, app/assets/stylesheets/flexadmin_main.scss */
  .week-event {
    padding: 0.0625rem 0.125rem;
    font-size: 0.5625rem;
  }
  /* line 14618, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header {
    grid-template-columns: 40px 1fr;
  }
  /* line 14622, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-body {
    grid-template-columns: 40px 1fr;
    max-height: 400px;
  }
  /* line 14627, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-time-slot,
.day-view-slot {
    height: 45px;
  }
  /* line 14632, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-time-slot {
    font-size: 0.5625rem;
    padding: 0.0625rem 0.125rem;
  }
  /* line 14637, app/assets/stylesheets/flexadmin_main.scss */
  .day-event {
    padding: 0.25rem;
    font-size: 0.6875rem;
    border-left-width: 2px;
  }
  /* line 14643, app/assets/stylesheets/flexadmin_main.scss */
  .day-event .event-title {
    font-size: 0.6875rem;
    margin-bottom: 0;
  }
  /* line 14648, app/assets/stylesheets/flexadmin_main.scss */
  .day-event .event-time {
    font-size: 0.5625rem;
  }
}

@container (max-width: 950px) {
  /* line 14654, app/assets/stylesheets/flexadmin_main.scss */
  .card-header.calendar-header {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 14659, app/assets/stylesheets/flexadmin_main.scss */
  .card-header.calendar-header > .d-flex {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    flex: 1;
    min-width: 0;
  }
  /* line 14667, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-title {
    font-size: 1.125rem;
    order: 1;
  }
  /* line 14672, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-nav {
    order: 2;
  }
  /* line 14676, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-nav-btn {
    width: 36px;
    height: 36px;
  }
  /* line 14681, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-views-nav {
    align-self: flex-start;
  }
}

@container (max-width: 750px) {
  /* line 14687, app/assets/stylesheets/flexadmin_main.scss */
  .card-header.calendar-header {
    gap: 0.625rem;
  }
  /* line 14691, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-title {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 14697, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-views-nav {
    width: 100%;
    justify-content: center;
  }
  /* line 14702, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-views-nav .nav-link {
    flex: 1;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
  }
}

@container (max-width: 550px) {
  /* line 14711, app/assets/stylesheets/flexadmin_main.scss */
  .card-header.calendar-header {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  /* line 14716, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-title {
    font-size: 0.9375rem;
    text-align: center;
    width: 100%;
  }
  /* line 14722, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-nav {
    width: 100%;
    justify-content: space-between;
  }
  /* line 14727, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-nav-btn {
    width: 40px;
    height: 40px;
  }
  /* line 14732, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-today-btn {
    flex: 1;
    max-width: 120px;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  /* line 14739, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-views-nav .nav-link {
    padding: 0.5rem 0.625rem;
    font-size: 0.8125rem;
    min-height: 40px;
  }
}

@container (max-width: 400px) {
  /* line 14747, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-title {
    font-size: 0.875rem;
  }
  /* line 14751, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-views-nav .nav-link {
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
  }
}

/* line 14757, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 44px;
  padding: 0.625rem 1rem;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius);
  color: var(--default-color);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 14775, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-toggle svg {
  width: 18px;
  height: 18px;
  stroke: var(--muted-color);
}

/* line 14781, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-toggle:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-color: var(--accent-color);
  color: var(--accent-color);
}

/* line 14787, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-toggle:hover svg {
  stroke: var(--accent-color);
}

/* line 14791, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-toggle:active {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}

/* line 14795, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-close {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 44px;
  height: 44px;
  padding: 0;
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border: none;
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
  z-index: 10;
}

/* line 14814, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-close:hover {
  background: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 14819, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-close:active {
  background: color-mix(in srgb, var(--danger-color), transparent 75%);
}

/* line 14823, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--default-color), transparent 50%);
  z-index: 1040;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 14836, app/assets/stylesheets/flexadmin_main.scss */
.calendar-sidebar-overlay.show {
  opacity: 1;
}

/* line 14840, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .calendar-sidebar-overlay {
  background: color-mix(in srgb, var(--default-color), transparent 30%);
}

@media (max-width: 1279.98px) {
  /* line 14845, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-app {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  /* line 14850, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-sidebar-toggle {
    display: flex;
  }
  /* line 14854, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-sidebar-overlay {
    display: block;
    pointer-events: none;
  }
  /* line 14859, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-sidebar-overlay.show {
    pointer-events: auto;
  }
  /* line 14863, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 10;
  }
  /* line 14873, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 320px;
    max-width: 90vw;
    background: var(--surface-color);
    z-index: 1050;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem;
    padding-top: 4rem;
    padding-bottom: calc(env(safe-area-inset-bottom) + 1rem);
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    display: flex;
  }
  /* line 14894, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-sidebar.show {
    transform: translateX(0);
  }
  /* line 14898, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-sidebar .card {
    min-width: auto;
    flex-shrink: 0;
  }
  /* line 14903, app/assets/stylesheets/flexadmin_main.scss */
  body.calendar-sidebar-open {
    overflow: hidden;
  }
  /* line 14907, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-header {
    gap: 0.75rem;
    flex-wrap: nowrap;
  }
  /* line 14912, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-title {
    flex-shrink: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 14920, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-nav-btn {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }
  /* line 14926, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-views-nav {
    flex-shrink: 0;
  }
  /* line 14930, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-nav button {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 767.98px) {
  /* line 14937, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-app {
    min-height: auto;
    gap: 0.75rem;
  }
  /* line 14942, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-header {
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
  }
  /* line 14948, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-title {
    font-size: 1rem;
    order: 1;
    flex: 1;
    text-align: center;
    width: 100%;
  }
  /* line 14956, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-nav {
    order: 3;
    width: 100%;
    justify-content: space-between;
  }
  /* line 14962, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-nav-btn {
    width: 44px;
    height: 44px;
  }
  /* line 14967, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-today-btn {
    flex: 1;
    max-width: 120px;
  }
  /* line 14972, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-views-nav {
    order: 2;
  }
  /* line 14976, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-views-nav .nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  /* line 14984, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar {
    padding: 0.375rem;
  }
  /* line 14988, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-header {
    padding: 0.375rem;
    margin-bottom: 0.375rem;
  }
  /* line 14993, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-title {
    font-size: 0.875rem;
  }
  /* line 14997, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-nav {
    gap: 0.125rem;
  }
  /* line 15001, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-nav button {
    width: 44px;
    height: 44px;
  }
  /* line 15006, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-day-header {
    font-size: 0.6875rem;
    padding: 0.375rem 0;
  }
  /* line 15011, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-day {
    font-size: 0.75rem;
  }
  /* line 15015, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-grid {
    border-radius: var(--bs-border-radius);
  }
  /* line 15019, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-day-header {
    padding: 0.5rem 0.25rem;
    font-size: 0.6875rem;
  }
  /* line 15024, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-day {
    min-height: 80px;
    padding: 0.25rem;
  }
  /* line 15029, app/assets/stylesheets/flexadmin_main.scss */
  .day-number {
    width: 24px;
    height: 24px;
    font-size: 0.75rem;
  }
  /* line 15035, app/assets/stylesheets/flexadmin_main.scss */
  .day-events {
    gap: 1px;
  }
  /* line 15039, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-event {
    padding: 0.125rem 0.25rem;
    font-size: 0.625rem;
    border-left-width: 2px;
  }
  /* line 15045, app/assets/stylesheets/flexadmin_main.scss */
  .more-events {
    font-size: 0.625rem;
    padding: 0.125rem 0.25rem;
  }
  /* line 15050, app/assets/stylesheets/flexadmin_main.scss */
  .week-header {
    grid-template-columns: 50px repeat(7, 1fr);
  }
  /* line 15054, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-time {
    padding: 0.5rem 0.25rem;
  }
  /* line 15058, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day {
    padding: 0.5rem 0.25rem;
  }
  /* line 15062, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day .day-name {
    font-size: 0.625rem;
  }
  /* line 15066, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day .day-num {
    font-size: 1rem;
  }
  /* line 15070, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day.today .day-num {
    width: 28px;
    height: 28px;
  }
  /* line 15075, app/assets/stylesheets/flexadmin_main.scss */
  .week-body {
    grid-template-columns: 50px repeat(7, 1fr);
    max-height: 400px;
  }
  /* line 15080, app/assets/stylesheets/flexadmin_main.scss */
  .week-time-slot {
    height: 50px;
    font-size: 0.625rem;
    padding: 0.125rem 0.25rem;
  }
  /* line 15086, app/assets/stylesheets/flexadmin_main.scss */
  .week-day-slot {
    height: 50px;
  }
  /* line 15090, app/assets/stylesheets/flexadmin_main.scss */
  .week-event {
    padding: 0.125rem 0.25rem;
    font-size: 0.625rem;
    border-left-width: 2px;
  }
  /* line 15096, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header {
    grid-template-columns: 50px 1fr;
  }
  /* line 15100, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-time {
    padding: 0.5rem 0.25rem;
  }
  /* line 15104, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-info {
    padding: 0.5rem;
  }
  /* line 15108, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-info .day-name {
    font-size: 0.75rem;
  }
  /* line 15112, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-info .day-num {
    font-size: 1.5rem;
  }
  /* line 15116, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-info.today .day-num {
    width: 40px;
    height: 40px;
  }
  /* line 15121, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-body {
    grid-template-columns: 50px 1fr;
    max-height: 450px;
  }
  /* line 15126, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-time-slot {
    height: 50px;
    font-size: 0.625rem;
    padding: 0.125rem 0.25rem;
  }
  /* line 15132, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-slot {
    height: 50px;
  }
  /* line 15136, app/assets/stylesheets/flexadmin_main.scss */
  .day-event {
    padding: 0.375rem;
    font-size: 0.75rem;
    border-left-width: 3px;
  }
  /* line 15142, app/assets/stylesheets/flexadmin_main.scss */
  .day-event .event-title {
    font-size: 0.75rem;
    margin-bottom: 0.125rem;
  }
  /* line 15147, app/assets/stylesheets/flexadmin_main.scss */
  .day-event .event-time {
    font-size: 0.625rem;
  }
  /* line 15151, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-events {
    max-height: 200px;
  }
  /* line 15155, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-item {
    padding: 0.625rem 0.75rem;
    gap: 0.5rem;
  }
  /* line 15160, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-date {
    min-width: 40px;
  }
  /* line 15164, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-day {
    font-size: 1rem;
  }
  /* line 15168, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-month {
    font-size: 0.625rem;
  }
  /* line 15172, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-title {
    font-size: 0.875rem;
  }
  /* line 15176, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-time {
    font-size: 0.75rem;
  }
  /* line 15180, app/assets/stylesheets/flexadmin_main.scss */
  .event-category-item {
    padding: 0.75rem;
    min-height: 44px;
  }
  /* line 15185, app/assets/stylesheets/flexadmin_main.scss */
  .event-category-name {
    font-size: 0.8125rem;
  }
  /* line 15189, app/assets/stylesheets/flexadmin_main.scss */
  .event-category-count {
    font-size: 0.6875rem;
  }
  /* line 15193, app/assets/stylesheets/flexadmin_main.scss */
  .event-color-picker {
    gap: 0.625rem;
  }
  /* line 15197, app/assets/stylesheets/flexadmin_main.scss */
  .event-color-option {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 575.98px) {
  /* line 15204, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-app {
    gap: 0.5rem;
  }
  /* line 15208, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-main .card {
    border-radius: var(--bs-border-radius);
  }
  /* line 15212, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-header {
    padding: 0.5rem 0.75rem;
    gap: 0.375rem;
  }
  /* line 15217, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-title {
    font-size: 0.9375rem;
  }
  /* line 15221, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-nav {
    gap: 0.25rem;
  }
  /* line 15225, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-nav-btn {
    width: 44px;
    height: 44px;
    font-size: 1rem;
  }
  /* line 15231, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-today-btn {
    font-size: 0.75rem;
    padding: 0 0.625rem;
  }
  /* line 15236, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-views-nav .nav-link {
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    min-height: 40px;
  }
  /* line 15242, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar {
    padding: 0.25rem;
  }
  /* line 15246, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-header {
    padding: 0.25rem;
    margin-bottom: 0.25rem;
  }
  /* line 15251, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-title {
    font-size: 0.8125rem;
  }
  /* line 15255, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-nav button {
    width: 40px;
    height: 40px;
  }
  /* line 15260, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-grid {
    gap: 1px;
  }
  /* line 15264, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-day-header {
    font-size: 0.625rem;
    padding: 0.25rem 0;
  }
  /* line 15269, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-day {
    font-size: 0.6875rem;
  }
  /* line 15273, app/assets/stylesheets/flexadmin_main.scss */
  .mini-calendar-day.has-event::after {
    width: 3px;
    height: 3px;
    bottom: 1px;
  }
  /* line 15279, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-day-header {
    padding: 0.375rem 0.125rem;
    font-size: 0.5625rem;
  }
  /* line 15284, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-day-header::first-letter {
    text-transform: uppercase;
  }
  /* line 15288, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-day {
    min-height: 60px;
    padding: 0.125rem;
  }
  /* line 15293, app/assets/stylesheets/flexadmin_main.scss */
  .day-number {
    width: 20px;
    height: 20px;
    font-size: 0.625rem;
    margin-bottom: 0.125rem;
  }
  /* line 15300, app/assets/stylesheets/flexadmin_main.scss */
  .calendar-event {
    padding: 0.0625rem 0.125rem;
    font-size: 0.5625rem;
    border-left-width: 2px;
    border-radius: 2px;
  }
  /* line 15307, app/assets/stylesheets/flexadmin_main.scss */
  .more-events {
    font-size: 0.5625rem;
    padding: 0.0625rem 0.125rem;
  }
  /* line 15312, app/assets/stylesheets/flexadmin_main.scss */
  .week-header {
    grid-template-columns: 40px repeat(7, 1fr);
  }
  /* line 15316, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-time {
    padding: 0.375rem 0.125rem;
    font-size: 0.5625rem;
  }
  /* line 15321, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day {
    padding: 0.375rem 0.125rem;
  }
  /* line 15325, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day .day-name {
    font-size: 0.5625rem;
  }
  /* line 15329, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day .day-num {
    font-size: 0.875rem;
  }
  /* line 15333, app/assets/stylesheets/flexadmin_main.scss */
  .week-header-day.today .day-num {
    width: 24px;
    height: 24px;
    font-size: 0.75rem;
  }
  /* line 15339, app/assets/stylesheets/flexadmin_main.scss */
  .week-body {
    grid-template-columns: 40px repeat(7, 1fr);
    max-height: 350px;
  }
  /* line 15344, app/assets/stylesheets/flexadmin_main.scss */
  .week-time-slot {
    height: 45px;
    font-size: 0.5625rem;
    padding: 0.0625rem 0.125rem;
  }
  /* line 15350, app/assets/stylesheets/flexadmin_main.scss */
  .week-day-slot {
    height: 45px;
  }
  /* line 15354, app/assets/stylesheets/flexadmin_main.scss */
  .week-event {
    padding: 0.0625rem 0.125rem;
    font-size: 0.5625rem;
    left: 1px;
    right: 1px;
  }
  /* line 15361, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header {
    grid-template-columns: 40px 1fr;
  }
  /* line 15365, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-time {
    padding: 0.375rem 0.125rem;
  }
  /* line 15369, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-info {
    padding: 0.375rem;
  }
  /* line 15373, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-info .day-name {
    font-size: 0.6875rem;
  }
  /* line 15377, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-info .day-num {
    font-size: 1.25rem;
  }
  /* line 15381, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-header-info.today .day-num {
    width: 36px;
    height: 36px;
  }
  /* line 15386, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-body {
    grid-template-columns: 40px 1fr;
    max-height: 400px;
  }
  /* line 15391, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-time-slot {
    height: 45px;
    font-size: 0.5625rem;
    padding: 0.0625rem 0.125rem;
  }
  /* line 15397, app/assets/stylesheets/flexadmin_main.scss */
  .day-view-slot {
    height: 45px;
  }
  /* line 15401, app/assets/stylesheets/flexadmin_main.scss */
  .day-event {
    left: 2px;
    right: 2px;
    padding: 0.25rem;
    font-size: 0.6875rem;
    border-left-width: 2px;
  }
  /* line 15409, app/assets/stylesheets/flexadmin_main.scss */
  .day-event .event-title {
    font-size: 0.6875rem;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 15417, app/assets/stylesheets/flexadmin_main.scss */
  .day-event .event-time {
    font-size: 0.5625rem;
  }
  /* line 15421, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-events {
    max-height: 180px;
  }
  /* line 15425, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-item {
    padding: 0.5rem 0.625rem;
    gap: 0.375rem;
  }
  /* line 15430, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-date {
    min-width: 35px;
  }
  /* line 15434, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-day {
    font-size: 0.9375rem;
  }
  /* line 15438, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-month {
    font-size: 0.5625rem;
  }
  /* line 15442, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-title {
    font-size: 0.8125rem;
  }
  /* line 15446, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-time {
    font-size: 0.6875rem;
  }
  /* line 15450, app/assets/stylesheets/flexadmin_main.scss */
  .upcoming-event-color {
    width: 3px;
  }
  /* line 15454, app/assets/stylesheets/flexadmin_main.scss */
  .event-category-item {
    padding: 0.625rem 0.75rem;
    gap: 0.5rem;
    min-height: 44px;
  }
  /* line 15460, app/assets/stylesheets/flexadmin_main.scss */
  .event-category-color {
    width: 10px;
    height: 10px;
  }
  /* line 15465, app/assets/stylesheets/flexadmin_main.scss */
  .event-category-name {
    font-size: 0.75rem;
  }
  /* line 15469, app/assets/stylesheets/flexadmin_main.scss */
  .event-category-count {
    font-size: 0.625rem;
    padding: 0.0625rem 0.375rem;
  }
  /* line 15474, app/assets/stylesheets/flexadmin_main.scss */
  .event-modal .modal-header {
    padding: 0.75rem 1rem;
  }
  /* line 15478, app/assets/stylesheets/flexadmin_main.scss */
  .event-modal .modal-body {
    padding: 0.75rem 1rem;
  }
  /* line 15482, app/assets/stylesheets/flexadmin_main.scss */
  .event-modal .modal-footer {
    padding: 0.75rem 1rem;
    gap: 0.5rem;
  }
  /* line 15487, app/assets/stylesheets/flexadmin_main.scss */
  .event-modal .modal-footer .btn {
    min-height: 44px;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
  }
  /* line 15493, app/assets/stylesheets/flexadmin_main.scss */
  .event-color-picker {
    gap: 0.5rem;
    justify-content: center;
  }
  /* line 15498, app/assets/stylesheets/flexadmin_main.scss */
  .event-color-option {
    width: 40px;
    height: 40px;
  }
}

/* line 15504, app/assets/stylesheets/flexadmin_main.scss */
.kanban-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

/* line 15513, app/assets/stylesheets/flexadmin_main.scss */
.kanban-header-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 15519, app/assets/stylesheets/flexadmin_main.scss */
.kanban-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
}

/* line 15526, app/assets/stylesheets/flexadmin_main.scss */
.kanban-members {
  display: flex;
  align-items: center;
}

/* line 15531, app/assets/stylesheets/flexadmin_main.scss */
.kanban-member {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid var(--surface-color);
  margin-left: -8px;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 15541, app/assets/stylesheets/flexadmin_main.scss */
.kanban-member:first-child {
  margin-left: 0;
}

/* line 15545, app/assets/stylesheets/flexadmin_main.scss */
.kanban-member-add {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px dashed var(--border-color);
  margin-left: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted-color);
  font-size: 0.875rem;
  cursor: pointer;
  background: var(--surface-color);
  transition: all 0.2s;
}

/* line 15561, app/assets/stylesheets/flexadmin_main.scss */
.kanban-member-add:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}

/* line 15566, app/assets/stylesheets/flexadmin_main.scss */
.kanban-header-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 15572, app/assets/stylesheets/flexadmin_main.scss */
.kanban-board {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  padding-bottom: 1rem;
  min-height: calc(100vh - 280px);
}

/* line 15580, app/assets/stylesheets/flexadmin_main.scss */
.kanban-board::-webkit-scrollbar {
  height: 8px;
}

/* line 15584, app/assets/stylesheets/flexadmin_main.scss */
.kanban-board::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 15589, app/assets/stylesheets/flexadmin_main.scss */
.kanban-board::-webkit-scrollbar-track {
  background: var(--background-color);
}

/* line 15593, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column {
  flex: 0 0 320px;
  min-width: 320px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius-lg);
  max-height: calc(100vh - 280px);
  overflow: hidden;
}

/* line 15606, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column[data-status=backlog] .kanban-column-header {
  border-top: 3px solid var(--muted-color);
  border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;
}

/* line 15611, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column[data-status=todo] .kanban-column-header {
  border-top: 3px solid var(--info-color);
  border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;
}

/* line 15616, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column[data-status=in-progress] .kanban-column-header {
  border-top: 3px solid var(--warning-color);
  border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;
}

/* line 15621, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column[data-status=review] .kanban-column-header {
  border-top: 3px solid var(--accent-color);
  border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;
}

/* line 15626, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column[data-status=done] .kanban-column-header {
  border-top: 3px solid var(--success-color);
  border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;
}

/* line 15631, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: var(--surface-color);
  border-bottom: 1px solid var(--border-color);
}

/* line 15640, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--heading-color);
}

/* line 15649, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-count {
  background: var(--border-color);
  color: var(--muted-color);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
}

/* line 15658, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-actions {
  display: flex;
  gap: 0.25rem;
}

/* line 15663, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-btn {
  background: none;
  border: none;
  width: 28px;
  height: 28px;
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

/* line 15677, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-btn:hover {
  background: var(--surface-color);
  color: var(--default-color);
}

/* line 15682, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-body {
  flex: 1;
  padding: 0.75rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--surface-color);
}

/* line 15692, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-body::-webkit-scrollbar {
  width: 4px;
}

/* line 15696, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-body::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 15701, app/assets/stylesheets/flexadmin_main.scss */
.kanban-column-body.drag-over {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-radius: var(--bs-border-radius);
}

/* line 15706, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card {
  background: var(--surface-color);
  border-radius: var(--bs-border-radius-lg);
  padding: 1rem;
  cursor: grab;
  border: 1px solid var(--border-color);
  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
}

/* line 15715, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card:hover {
  box-shadow: var(--bs-box-shadow-sm);
}

/* line 15719, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card.dragging {
  opacity: 0.5;
  transform: rotate(3deg);
}

/* line 15724, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card[data-priority=high] {
  border-left: 3px solid var(--danger-color);
}

/* line 15728, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card[data-priority=medium] {
  border-left: 3px solid var(--warning-color);
}

/* line 15732, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card[data-priority=low] {
  border-left: 3px solid var(--success-color);
}

/* line 15736, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}

/* line 15743, app/assets/stylesheets/flexadmin_main.scss */
.kanban-label {
  padding: 0.125rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 600;
  border-radius: 3px;
  text-transform: uppercase;
}

/* line 15751, app/assets/stylesheets/flexadmin_main.scss */
.kanban-label-feature {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 15756, app/assets/stylesheets/flexadmin_main.scss */
.kanban-label-bug {
  background: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 15761, app/assets/stylesheets/flexadmin_main.scss */
.kanban-label-enhancement {
  background: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 15766, app/assets/stylesheets/flexadmin_main.scss */
.kanban-label-design {
  background: color-mix(in srgb, var(--info-color), transparent 85%);
  color: var(--info-color);
}

/* line 15771, app/assets/stylesheets/flexadmin_main.scss */
.kanban-label-urgent {
  background: color-mix(in srgb, var(--warning-color), transparent 85%);
  color: color-mix(in srgb, var(--warning-color), black 20%);
}

/* line 15776, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-title {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

/* line 15784, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-title:hover {
  color: var(--accent-color);
  cursor: pointer;
}

/* line 15789, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-description {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 15799, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-image {
  width: 100%;
  border-radius: var(--bs-border-radius);
  margin-bottom: 0.75rem;
}

/* line 15805, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-color);
}

/* line 15813, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 15819, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-meta-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 15827, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-meta-item i {
  font-size: 0.875rem;
}

/* line 15831, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-assignees {
  display: flex;
}

/* line 15835, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-assignee {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid var(--surface-color);
  margin-left: -6px;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 15845, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-assignee:first-child {
  margin-left: 0;
}

/* line 15849, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-progress {
  margin-bottom: 0.75rem;
}

/* line 15853, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-progress .progress {
  height: 4px;
}

/* line 15857, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-progress-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}

/* line 15863, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-progress-label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 15868, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-progress-value {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--default-color);
}

/* line 15874, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-checklist {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 15882, app/assets/stylesheets/flexadmin_main.scss */
.kanban-card-checklist.complete {
  color: var(--success-color);
}

/* line 15886, app/assets/stylesheets/flexadmin_main.scss */
.kanban-due-date {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-radius: 3px;
}

/* line 15895, app/assets/stylesheets/flexadmin_main.scss */
.kanban-due-date.overdue {
  background: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 15900, app/assets/stylesheets/flexadmin_main.scss */
.kanban-due-date.due-soon {
  background: color-mix(in srgb, var(--warning-color), transparent 85%);
  color: color-mix(in srgb, var(--warning-color), black 20%);
}

/* line 15905, app/assets/stylesheets/flexadmin_main.scss */
.kanban-due-date.on-track {
  background: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 15910, app/assets/stylesheets/flexadmin_main.scss */
.kanban-add-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: none;
  border: 2px dashed var(--border-color);
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
  width: 100%;
}

/* line 15926, app/assets/stylesheets/flexadmin_main.scss */
.kanban-add-card:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 15932, app/assets/stylesheets/flexadmin_main.scss */
.kanban-add-column {
  flex: 0 0 320px;
  min-width: 320px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 1rem;
}

/* line 15941, app/assets/stylesheets/flexadmin_main.scss */
.kanban-add-column-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--surface-color);
  border: 2px dashed var(--border-color);
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 15955, app/assets/stylesheets/flexadmin_main.scss */
.kanban-add-column-btn:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}

/* line 15960, app/assets/stylesheets/flexadmin_main.scss */
.kanban-empty {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--muted-color);
}

/* line 15966, app/assets/stylesheets/flexadmin_main.scss */
.kanban-empty i {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  opacity: 0.5;
}

/* line 15972, app/assets/stylesheets/flexadmin_main.scss */
.kanban-empty p {
  font-size: 0.8125rem;
  margin: 0;
}

/* line 15977, app/assets/stylesheets/flexadmin_main.scss */
.task-modal .modal-body {
  padding: 1.5rem;
}

/* line 15981, app/assets/stylesheets/flexadmin_main.scss */
.task-detail-row {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 15988, app/assets/stylesheets/flexadmin_main.scss */
.task-detail-icon {
  width: 24px;
  color: var(--muted-color);
  flex-shrink: 0;
  text-align: center;
}

/* line 15995, app/assets/stylesheets/flexadmin_main.scss */
.task-detail-content {
  flex: 1;
}

/* line 15999, app/assets/stylesheets/flexadmin_main.scss */
.task-detail-label {
  font-size: 0.75rem;
  color: var(--muted-color);
  margin-bottom: 0.25rem;
}

/* line 16005, app/assets/stylesheets/flexadmin_main.scss */
.task-detail-value {
  color: var(--default-color);
}

@media (max-width: 991.98px) {
  /* line 16010, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-board {
    min-height: calc(100vh - 240px);
  }
  /* line 16014, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column {
    flex: 0 0 280px;
    min-width: 280px;
    max-width: 280px;
    max-height: calc(100vh - 240px);
  }
  /* line 16021, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-add-column {
    flex: 0 0 280px;
    min-width: 280px;
  }
  /* line 16026, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-btn {
    width: 36px;
    height: 36px;
  }
  /* line 16031, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-header {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 16036, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-header-right {
    width: 100%;
    justify-content: flex-end;
  }
}

@media (max-width: 767.98px) {
  /* line 16043, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-header {
    margin-bottom: 1rem;
  }
  /* line 16047, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-title {
    font-size: 1.25rem;
  }
  /* line 16051, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-header-left {
    flex-wrap: wrap;
    width: 100%;
  }
  /* line 16056, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-header-right {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 16061, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-header-right .btn {
    min-height: 44px;
    padding: 0.5rem 1rem;
  }
  /* line 16066, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-board {
    gap: 1rem;
    min-height: auto;
    padding-bottom: 1.5rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  /* line 16074, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column {
    flex: 0 0 85vw;
    min-width: 85vw;
    max-width: 85vw;
    max-height: calc(100vh - 260px);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  /* line 16083, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-add-column {
    flex: 0 0 85vw;
    min-width: 85vw;
    scroll-snap-align: start;
  }
  /* line 16089, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-header {
    padding: 0.875rem;
  }
  /* line 16093, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-title {
    font-size: 0.875rem;
  }
  /* line 16097, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-btn {
    width: 44px;
    height: 44px;
    font-size: 1.125rem;
  }
  /* line 16103, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-body {
    padding: 0.5rem;
    gap: 0.5rem;
  }
  /* line 16108, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card {
    padding: 0.875rem;
  }
  /* line 16112, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-title {
    font-size: 0.875rem;
  }
  /* line 16116, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-description {
    font-size: 0.75rem;
  }
  /* line 16120, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-meta-item {
    font-size: 0.6875rem;
  }
  /* line 16124, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-meta-item i {
    font-size: 0.75rem;
  }
  /* line 16128, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-add-card {
    padding: 0.875rem;
    min-height: 44px;
  }
  /* line 16133, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-add-column-btn {
    padding: 0.875rem 1.25rem;
    min-height: 44px;
  }
  /* line 16138, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-member,
.kanban-member-add {
    width: 36px;
    height: 36px;
  }
  /* line 16144, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-mobile-nav {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 0;
  }
  /* line 16151, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-mobile-nav-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--border-color);
    transition: all 0.2s;
  }
  /* line 16159, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-mobile-nav-dot.active {
    width: 24px;
    border-radius: 4px;
    background: var(--accent-color);
  }
}

@media (max-width: 575.98px) {
  /* line 16167, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-header {
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }
  /* line 16172, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-title {
    font-size: 1.125rem;
  }
  /* line 16176, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-members {
    flex-wrap: wrap;
  }
  /* line 16180, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-member,
.kanban-member-add {
    width: 32px;
    height: 32px;
    margin-left: -6px;
  }
  /* line 16187, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-member:first-child,
.kanban-member-add:first-child {
    margin-left: 0;
  }
  /* line 16192, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-header-right {
    gap: 0.375rem;
  }
  /* line 16196, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-header-right .btn {
    font-size: 0.8125rem;
    padding: 0.5rem 0.75rem;
  }
  /* line 16201, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-board {
    gap: 0.75rem;
    padding-bottom: 1rem;
  }
  /* line 16206, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column {
    flex: 0 0 calc(100vw - 2rem);
    min-width: calc(100vw - 2rem);
    max-width: calc(100vw - 2rem);
    max-height: calc(100vh - 280px);
  }
  /* line 16213, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-add-column {
    flex: 0 0 calc(100vw - 2rem);
    min-width: calc(100vw - 2rem);
  }
  /* line 16218, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-header {
    padding: 0.75rem;
  }
  /* line 16222, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-title {
    font-size: 0.8125rem;
    gap: 0.375rem;
  }
  /* line 16227, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-count {
    font-size: 0.6875rem;
    padding: 0.125rem 0.375rem;
  }
  /* line 16232, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-actions {
    gap: 0.125rem;
  }
  /* line 16236, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-btn {
    width: 44px;
    height: 44px;
  }
  /* line 16241, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-column-body {
    padding: 0.375rem;
    gap: 0.375rem;
  }
  /* line 16246, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card {
    padding: 0.75rem;
  }
  /* line 16250, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-labels {
    margin-bottom: 0.5rem;
  }
  /* line 16254, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-label {
    font-size: 0.625rem;
    padding: 0.125rem 0.375rem;
  }
  /* line 16259, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-title {
    font-size: 0.8125rem;
    margin-bottom: 0.375rem;
  }
  /* line 16264, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-description {
    font-size: 0.6875rem;
    margin-bottom: 0.5rem;
    -webkit-line-clamp: 3;
  }
  /* line 16270, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-footer {
    padding-top: 0.5rem;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 16276, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-meta {
    gap: 0.5rem;
  }
  /* line 16280, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-meta-item {
    font-size: 0.625rem;
  }
  /* line 16284, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-meta-item i {
    font-size: 0.6875rem;
  }
  /* line 16288, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-assignee {
    width: 20px;
    height: 20px;
    margin-left: -4px;
  }
  /* line 16294, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-assignee:first-child {
    margin-left: 0;
  }
  /* line 16298, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-progress {
    margin-bottom: 0.5rem;
  }
  /* line 16302, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-card-progress-label,
.kanban-card-progress-value {
    font-size: 0.6875rem;
  }
  /* line 16307, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-due-date {
    font-size: 0.6875rem;
    padding: 0.125rem 0.375rem;
  }
  /* line 16312, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-add-card {
    padding: 0.75rem;
    font-size: 0.8125rem;
    min-height: 44px;
  }
  /* line 16318, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-add-column-btn {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    min-height: 44px;
  }
  /* line 16324, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-empty {
    padding: 1.5rem 0.75rem;
  }
  /* line 16328, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-empty i {
    font-size: 1.5rem;
  }
  /* line 16332, app/assets/stylesheets/flexadmin_main.scss */
  .kanban-empty p {
    font-size: 0.75rem;
  }
  /* line 16336, app/assets/stylesheets/flexadmin_main.scss */
  .task-modal .modal-body {
    padding: 1rem;
  }
  /* line 16340, app/assets/stylesheets/flexadmin_main.scss */
  .task-detail-row {
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }
  /* line 16345, app/assets/stylesheets/flexadmin_main.scss */
  .task-detail-icon {
    width: 20px;
  }
  /* line 16349, app/assets/stylesheets/flexadmin_main.scss */
  .task-detail-label {
    font-size: 0.6875rem;
  }
  /* line 16353, app/assets/stylesheets/flexadmin_main.scss */
  .task-detail-value {
    font-size: 0.875rem;
  }
}

/* line 16358, app/assets/stylesheets/flexadmin_main.scss */
.chat-container {
  display: flex;
  min-height: calc(100vh - 200px);
  background: var(--surface-color);
  border-radius: var(--bs-border-radius-lg);
  border: 1px solid var(--border-color);
  overflow: hidden;
}

/* line 16367, app/assets/stylesheets/flexadmin_main.scss */
.chat-sidebar {
  width: 320px;
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

/* line 16375, app/assets/stylesheets/flexadmin_main.scss */
.chat-sidebar-header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 16380, app/assets/stylesheets/flexadmin_main.scss */
.chat-sidebar-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 1rem;
}

/* line 16387, app/assets/stylesheets/flexadmin_main.scss */
.chat-search {
  position: relative;
}

/* line 16391, app/assets/stylesheets/flexadmin_main.scss */
.chat-search .form-control {
  padding-left: 2.5rem;
  background: var(--background-color);
  border-color: var(--border-color);
}

/* line 16397, app/assets/stylesheets/flexadmin_main.scss */
.chat-search .form-control:focus {
  background: var(--surface-color);
}

/* line 16401, app/assets/stylesheets/flexadmin_main.scss */
.chat-search-icon {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted-color);
}

/* line 16409, app/assets/stylesheets/flexadmin_main.scss */
.chat-tabs {
  display: flex;
  padding: 0.5rem 1.25rem;
  gap: 0.5rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 16416, app/assets/stylesheets/flexadmin_main.scss */
.chat-tab {
  flex: 1;
  padding: 0.5rem;
  border: none;
  background: none;
  color: var(--muted-color);
  font-size: 0.8125rem;
  font-weight: 500;
  border-radius: var(--bs-border-radius);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 16429, app/assets/stylesheets/flexadmin_main.scss */
.chat-tab:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 16434, app/assets/stylesheets/flexadmin_main.scss */
.chat-tab.active {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 16439, app/assets/stylesheets/flexadmin_main.scss */
.chat-tab .badge {
  margin-left: 0.25rem;
  font-size: 0.6875rem;
}

/* line 16444, app/assets/stylesheets/flexadmin_main.scss */
.chat-list {
  flex: 1;
  overflow-y: auto;
}

/* line 16449, app/assets/stylesheets/flexadmin_main.scss */
.chat-list::-webkit-scrollbar {
  width: 4px;
}

/* line 16453, app/assets/stylesheets/flexadmin_main.scss */
.chat-list::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 16458, app/assets/stylesheets/flexadmin_main.scss */
.chat-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.25rem;
  cursor: pointer;
  transition: background 0.2s;
  border-left: 3px solid transparent;
}

/* line 16468, app/assets/stylesheets/flexadmin_main.scss */
.chat-item:hover {
  background: var(--background-color);
}

/* line 16472, app/assets/stylesheets/flexadmin_main.scss */
.chat-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-left-color: var(--accent-color);
}

/* line 16477, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-avatar {
  position: relative;
  flex-shrink: 0;
}

/* line 16482, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-avatar img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 16490, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-status {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--surface-color);
}

/* line 16500, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-status.online {
  background: var(--success-color);
}

/* line 16504, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-status.away {
  background: var(--warning-color);
}

/* line 16508, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-status.offline {
  background: var(--muted-color);
}

/* line 16512, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-status.busy {
  background: var(--danger-color);
}

/* line 16516, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-content {
  flex: 1;
  min-width: 0;
}

/* line 16521, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}

/* line 16528, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-name {
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--heading-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 16537, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-time {
  font-size: 0.75rem;
  color: var(--muted-color);
  flex-shrink: 0;
}

/* line 16543, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 16549, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-message-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

/* line 16558, app/assets/stylesheets/flexadmin_main.scss */
.chat-item-unread {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  font-size: 0.6875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 16572, app/assets/stylesheets/flexadmin_main.scss */
.chat-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 16579, app/assets/stylesheets/flexadmin_main.scss */
.chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 16587, app/assets/stylesheets/flexadmin_main.scss */
.chat-header-user {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 16593, app/assets/stylesheets/flexadmin_main.scss */
.chat-header-avatar {
  position: relative;
}

/* line 16597, app/assets/stylesheets/flexadmin_main.scss */
.chat-header-avatar img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 16605, app/assets/stylesheets/flexadmin_main.scss */
.chat-header-info h5 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 0.125rem 0;
}

/* line 16612, app/assets/stylesheets/flexadmin_main.scss */
.chat-header-info span {
  font-size: 0.8125rem;
  color: var(--success-color);
}

/* line 16617, app/assets/stylesheets/flexadmin_main.scss */
.chat-header-actions {
  display: flex;
  gap: 0.5rem;
}

/* line 16622, app/assets/stylesheets/flexadmin_main.scss */
.chat-header-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: var(--background-color);
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 16636, app/assets/stylesheets/flexadmin_main.scss */
.chat-header-btn:hover {
  background: var(--border-color);
  color: var(--default-color);
}

/* line 16641, app/assets/stylesheets/flexadmin_main.scss */
.chat-messages {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 16650, app/assets/stylesheets/flexadmin_main.scss */
.chat-messages::-webkit-scrollbar {
  width: 6px;
}

/* line 16654, app/assets/stylesheets/flexadmin_main.scss */
.chat-messages::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 16659, app/assets/stylesheets/flexadmin_main.scss */
.message-group {
  display: flex;
  gap: 0.75rem;
}

/* line 16664, app/assets/stylesheets/flexadmin_main.scss */
.message-group.sent {
  flex-direction: row-reverse;
}

/* line 16668, app/assets/stylesheets/flexadmin_main.scss */
.message-group.sent .message-content {
  align-items: flex-end;
}

/* line 16672, app/assets/stylesheets/flexadmin_main.scss */
.message-group.sent .message-bubble {
  background: var(--accent-color);
  color: var(--contrast-color);
  border-bottom-right-radius: 0.25rem;
}

/* line 16678, app/assets/stylesheets/flexadmin_main.scss */
.message-group.received .message-bubble {
  border-bottom-left-radius: 0.25rem;
}

/* line 16682, app/assets/stylesheets/flexadmin_main.scss */
.message-avatar img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 16690, app/assets/stylesheets/flexadmin_main.scss */
.message-content {
  max-width: 70%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 16697, app/assets/stylesheets/flexadmin_main.scss */
.message-bubble {
  padding: 0.75rem 1rem;
  border-radius: 1rem;
  background: var(--background-color);
  color: var(--default-color);
  font-size: 0.9375rem;
  line-height: 1.5;
  word-wrap: break-word;
}

/* line 16707, app/assets/stylesheets/flexadmin_main.scss */
.message-time {
  font-size: 0.6875rem;
  color: var(--muted-color);
  padding: 0 0.5rem;
}

/* line 16713, app/assets/stylesheets/flexadmin_main.scss */
.message-status {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 16721, app/assets/stylesheets/flexadmin_main.scss */
.message-status.seen {
  color: var(--accent-color);
}

/* line 16725, app/assets/stylesheets/flexadmin_main.scss */
.message-date-divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0;
}

/* line 16732, app/assets/stylesheets/flexadmin_main.scss */
.message-date-divider::before,
.message-date-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border-color);
}

/* line 16740, app/assets/stylesheets/flexadmin_main.scss */
.message-date-divider span {
  font-size: 0.75rem;
  color: var(--muted-color);
  white-space: nowrap;
}

/* line 16746, app/assets/stylesheets/flexadmin_main.scss */
.message-image {
  max-width: 280px;
  border-radius: 0.75rem;
  overflow: hidden;
  margin-top: 0.25rem;
}

/* line 16753, app/assets/stylesheets/flexadmin_main.scss */
.message-image img {
  width: 100%;
  display: block;
}

/* line 16758, app/assets/stylesheets/flexadmin_main.scss */
.message-file {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--background-color);
  border-radius: 0.75rem;
  margin-top: 0.25rem;
  border: 1px solid var(--border-color);
}

/* line 16769, app/assets/stylesheets/flexadmin_main.scss */
.message-file-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--bs-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

/* line 16781, app/assets/stylesheets/flexadmin_main.scss */
.message-file-info {
  flex: 1;
}

/* line 16785, app/assets/stylesheets/flexadmin_main.scss */
.message-file-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 16791, app/assets/stylesheets/flexadmin_main.scss */
.message-file-size {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 16796, app/assets/stylesheets/flexadmin_main.scss */
.message-file-download {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 16810, app/assets/stylesheets/flexadmin_main.scss */
.message-file-download:hover {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 16816, app/assets/stylesheets/flexadmin_main.scss */
.typing-indicator {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

/* line 16823, app/assets/stylesheets/flexadmin_main.scss */
.typing-indicator img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

/* line 16829, app/assets/stylesheets/flexadmin_main.scss */
.typing-dots {
  display: flex;
  gap: 4px;
  padding: 0.75rem 1rem;
  background: var(--background-color);
  border-radius: 1rem;
  border-bottom-left-radius: 0.25rem;
}

/* line 16838, app/assets/stylesheets/flexadmin_main.scss */
.typing-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--muted-color);
  animation: typingBounce 1.4s infinite ease-in-out both;
}

/* line 16846, app/assets/stylesheets/flexadmin_main.scss */
.typing-dots span:nth-child(1) {
  animation-delay: -0.32s;
}

/* line 16850, app/assets/stylesheets/flexadmin_main.scss */
.typing-dots span:nth-child(2) {
  animation-delay: -0.16s;
}

@keyframes typingBounce {
  0%,
80%,
100% {
    transform: scale(0.6);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 16869, app/assets/stylesheets/flexadmin_main.scss */
.chat-input {
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-color);
  background: var(--surface-color);
}

/* line 16875, app/assets/stylesheets/flexadmin_main.scss */
.chat-input-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  background: var(--background-color);
  border-radius: var(--bs-border-radius-lg);
  padding: 0.5rem;
}

/* line 16884, app/assets/stylesheets/flexadmin_main.scss */
.chat-input-actions {
  display: flex;
  gap: 0.25rem;
}

/* line 16889, app/assets/stylesheets/flexadmin_main.scss */
.chat-input-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 16903, app/assets/stylesheets/flexadmin_main.scss */
.chat-input-btn:hover {
  background: var(--border-color);
  color: var(--default-color);
}

/* line 16908, app/assets/stylesheets/flexadmin_main.scss */
.chat-input-field {
  flex: 1;
}

/* line 16912, app/assets/stylesheets/flexadmin_main.scss */
.chat-input-field textarea {
  width: 100%;
  border: none;
  background: none;
  resize: none;
  padding: 0.5rem;
  font-size: 0.9375rem;
  color: var(--default-color);
  max-height: 120px;
  line-height: 1.5;
}

/* line 16924, app/assets/stylesheets/flexadmin_main.scss */
.chat-input-field textarea:focus {
  outline: none;
}

/* line 16928, app/assets/stylesheets/flexadmin_main.scss */
.chat-input-field textarea::-moz-placeholder {
  color: var(--muted-color);
}

/* line 16932, app/assets/stylesheets/flexadmin_main.scss */
.chat-input-field textarea::placeholder {
  color: var(--muted-color);
}

/* line 16936, app/assets/stylesheets/flexadmin_main.scss */
.chat-send-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 16950, app/assets/stylesheets/flexadmin_main.scss */
.chat-send-btn:hover {
  background: color-mix(in srgb, var(--accent-color), black 15%);
}

/* line 16954, app/assets/stylesheets/flexadmin_main.scss */
.chat-send-btn:disabled {
  background: var(--border-color);
  color: var(--muted-color);
  cursor: not-allowed;
}

/* line 16960, app/assets/stylesheets/flexadmin_main.scss */
.chat-info {
  width: 300px;
  border-left: 1px solid var(--border-color);
  display: none;
  flex-direction: column;
}

/* line 16967, app/assets/stylesheets/flexadmin_main.scss */
.chat-info.show {
  display: flex;
}

/* line 16971, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 16979, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-header h6 {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
}

/* line 16986, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: none;
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 16997, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-close:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 17002, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-body {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem;
}

/* line 17008, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-profile {
  text-align: center;
  margin-bottom: 1.5rem;
}

/* line 17013, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-profile img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 0.75rem;
}

/* line 17022, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-profile h5 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 0.25rem 0;
}

/* line 17029, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-profile span {
  font-size: 0.875rem;
  color: var(--muted-color);
}

/* line 17034, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-section {
  margin-bottom: 1.5rem;
}

/* line 17038, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-section-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

/* line 17047, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

/* line 17054, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-item i {
  width: 20px;
  color: var(--muted-color);
  text-align: center;
}

/* line 17060, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-item span {
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 17065, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-media {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}

/* line 17071, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-media img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--bs-border-radius);
  cursor: pointer;
  transition: opacity 0.2s;
}

/* line 17081, app/assets/stylesheets/flexadmin_main.scss */
.chat-info-media img:hover {
  opacity: 0.8;
}

/* line 17085, app/assets/stylesheets/flexadmin_main.scss */
.chat-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--muted-color);
  padding: 2rem;
  text-align: center;
}

/* line 17096, app/assets/stylesheets/flexadmin_main.scss */
.chat-empty-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin-bottom: 1rem;
}

/* line 17108, app/assets/stylesheets/flexadmin_main.scss */
.chat-empty h5 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 0.5rem 0;
}

/* line 17115, app/assets/stylesheets/flexadmin_main.scss */
.chat-empty p {
  font-size: 0.875rem;
  margin: 0;
}

/* line 17120, app/assets/stylesheets/flexadmin_main.scss */
.chat-sidebar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: var(--background-color);
  border: none;
  border-radius: 50%;
  color: var(--muted-color);
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}

/* line 17137, app/assets/stylesheets/flexadmin_main.scss */
.chat-sidebar-toggle:hover {
  background: var(--border-color);
  color: var(--default-color);
}

/* line 17142, app/assets/stylesheets/flexadmin_main.scss */
.chat-sidebar-close {
  display: none;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 44px;
  height: 44px;
  padding: 0;
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border: none;
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
  z-index: 10;
}

/* line 17159, app/assets/stylesheets/flexadmin_main.scss */
.chat-sidebar-close:hover {
  background: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 17164, app/assets/stylesheets/flexadmin_main.scss */
.chat-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--default-color), transparent 50%);
  z-index: 1040;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 17177, app/assets/stylesheets/flexadmin_main.scss */
.chat-sidebar-overlay.show {
  opacity: 1;
}

/* line 17181, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .chat-sidebar-overlay {
  background: color-mix(in srgb, var(--default-color), transparent 30%);
}

@media (max-width: 1279.98px) {
  /* line 17186, app/assets/stylesheets/flexadmin_main.scss */
  .chat-sidebar-toggle {
    display: flex;
  }
  /* line 17190, app/assets/stylesheets/flexadmin_main.scss */
  .chat-sidebar-overlay {
    display: block;
    pointer-events: none;
  }
  /* line 17195, app/assets/stylesheets/flexadmin_main.scss */
  .chat-sidebar-overlay.show {
    pointer-events: auto;
  }
  /* line 17199, app/assets/stylesheets/flexadmin_main.scss */
  .chat-sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 17205, app/assets/stylesheets/flexadmin_main.scss */
  .chat-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 340px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh;
    background: var(--surface-color);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 3.5rem;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  /* line 17225, app/assets/stylesheets/flexadmin_main.scss */
  .chat-sidebar.show {
    transform: translateX(0);
  }
  /* line 17229, app/assets/stylesheets/flexadmin_main.scss */
  .chat-sidebar-header {
    flex-shrink: 0;
  }
  /* line 17233, app/assets/stylesheets/flexadmin_main.scss */
  .chat-tabs {
    flex-shrink: 0;
  }
  /* line 17237, app/assets/stylesheets/flexadmin_main.scss */
  .chat-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    max-height: none;
    scrollbar-width: thin;
  }
  /* line 17245, app/assets/stylesheets/flexadmin_main.scss */
  .chat-list::-webkit-scrollbar {
    width: 4px;
  }
  /* line 17249, app/assets/stylesheets/flexadmin_main.scss */
  .chat-list::-webkit-scrollbar-track {
    background: var(--background-color);
  }
  /* line 17253, app/assets/stylesheets/flexadmin_main.scss */
  .chat-list::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 2px;
  }
  /* line 17258, app/assets/stylesheets/flexadmin_main.scss */
  .chat-list::-webkit-scrollbar-thumb:hover {
    background: var(--muted-color);
  }
  /* line 17262, app/assets/stylesheets/flexadmin_main.scss */
  body.chat-sidebar-open {
    overflow: hidden;
  }
  /* line 17266, app/assets/stylesheets/flexadmin_main.scss */
  .chat-info {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  /* line 17272, app/assets/stylesheets/flexadmin_main.scss */
  .chat-info {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  /* line 17278, app/assets/stylesheets/flexadmin_main.scss */
  .chat-container {
    min-height: calc(100vh - 180px);
  }
  /* line 17282, app/assets/stylesheets/flexadmin_main.scss */
  .message-content {
    max-width: 80%;
  }
  /* line 17286, app/assets/stylesheets/flexadmin_main.scss */
  .chat-messages {
    padding: 1rem;
    gap: 1rem;
  }
  /* line 17291, app/assets/stylesheets/flexadmin_main.scss */
  .chat-input {
    padding: 0.75rem 1rem;
  }
  /* line 17295, app/assets/stylesheets/flexadmin_main.scss */
  .chat-input-wrapper {
    padding: 0.375rem;
  }
}

@media (max-width: 575.98px) {
  /* line 17301, app/assets/stylesheets/flexadmin_main.scss */
  .chat-container {
    border-radius: 0;
    border-left: none;
    border-right: none;
    min-height: calc(100vh - 160px);
  }
  /* line 17308, app/assets/stylesheets/flexadmin_main.scss */
  .chat-sidebar-header {
    padding: 0.75rem 1rem;
  }
  /* line 17312, app/assets/stylesheets/flexadmin_main.scss */
  .chat-sidebar-title {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
  /* line 17317, app/assets/stylesheets/flexadmin_main.scss */
  .chat-tabs {
    padding: 0.375rem 0.75rem;
  }
  /* line 17321, app/assets/stylesheets/flexadmin_main.scss */
  .chat-tab {
    padding: 0.625rem 0.5rem;
    min-height: 44px;
    font-size: 0.75rem;
  }
  /* line 17327, app/assets/stylesheets/flexadmin_main.scss */
  .chat-list {
    max-height: 200px;
  }
  /* line 17331, app/assets/stylesheets/flexadmin_main.scss */
  .chat-item {
    padding: 0.75rem 1rem;
    min-height: 64px;
  }
  /* line 17336, app/assets/stylesheets/flexadmin_main.scss */
  .chat-item-avatar img {
    width: 44px;
    height: 44px;
  }
  /* line 17341, app/assets/stylesheets/flexadmin_main.scss */
  .chat-item-name {
    font-size: 0.875rem;
  }
  /* line 17345, app/assets/stylesheets/flexadmin_main.scss */
  .chat-item-message-text {
    font-size: 0.75rem;
  }
  /* line 17349, app/assets/stylesheets/flexadmin_main.scss */
  .chat-item-time {
    font-size: 0.6875rem;
  }
  /* line 17353, app/assets/stylesheets/flexadmin_main.scss */
  .chat-header {
    padding: 0.75rem 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 17359, app/assets/stylesheets/flexadmin_main.scss */
  .chat-header-user {
    flex: 1;
    min-width: 0;
  }
  /* line 17364, app/assets/stylesheets/flexadmin_main.scss */
  .chat-header-avatar img {
    width: 40px;
    height: 40px;
  }
  /* line 17369, app/assets/stylesheets/flexadmin_main.scss */
  .chat-header-info {
    min-width: 0;
  }
  /* line 17373, app/assets/stylesheets/flexadmin_main.scss */
  .chat-header-info h5 {
    font-size: 0.9375rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 17380, app/assets/stylesheets/flexadmin_main.scss */
  .chat-header-info span {
    font-size: 0.75rem;
  }
  /* line 17384, app/assets/stylesheets/flexadmin_main.scss */
  .chat-header-actions {
    gap: 0.25rem;
  }
  /* line 17388, app/assets/stylesheets/flexadmin_main.scss */
  .chat-header-btn[title="Voice Call"],
.chat-header-btn[title="Video Call"] {
    display: none;
  }
  /* line 17393, app/assets/stylesheets/flexadmin_main.scss */
  .message-content {
    max-width: 85%;
  }
  /* line 17397, app/assets/stylesheets/flexadmin_main.scss */
  .message-avatar img {
    width: 32px;
    height: 32px;
  }
  /* line 17402, app/assets/stylesheets/flexadmin_main.scss */
  .message-bubble {
    padding: 0.625rem 0.875rem;
    font-size: 0.875rem;
  }
  /* line 17407, app/assets/stylesheets/flexadmin_main.scss */
  .message-time {
    font-size: 0.625rem;
  }
  /* line 17411, app/assets/stylesheets/flexadmin_main.scss */
  .message-image {
    max-width: 220px;
  }
  /* line 17415, app/assets/stylesheets/flexadmin_main.scss */
  .message-file {
    padding: 0.5rem 0.75rem;
  }
  /* line 17419, app/assets/stylesheets/flexadmin_main.scss */
  .message-file-icon {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }
  /* line 17425, app/assets/stylesheets/flexadmin_main.scss */
  .message-file-name {
    font-size: 0.8125rem;
  }
  /* line 17429, app/assets/stylesheets/flexadmin_main.scss */
  .message-file-download {
    width: 44px;
    height: 44px;
  }
  /* line 17434, app/assets/stylesheets/flexadmin_main.scss */
  .chat-input {
    padding: 0.5rem 0.75rem;
  }
  /* line 17438, app/assets/stylesheets/flexadmin_main.scss */
  .chat-input-wrapper {
    gap: 0.5rem;
    padding: 0.25rem;
  }
  /* line 17443, app/assets/stylesheets/flexadmin_main.scss */
  .chat-input-actions {
    gap: 0;
  }
  /* line 17447, app/assets/stylesheets/flexadmin_main.scss */
  .chat-input-btn {
    width: 44px;
    height: 44px;
  }
  /* line 17452, app/assets/stylesheets/flexadmin_main.scss */
  .chat-input-field textarea {
    font-size: 0.875rem;
    padding: 0.375rem 0.5rem;
  }
  /* line 17457, app/assets/stylesheets/flexadmin_main.scss */
  .chat-send-btn {
    width: 44px;
    height: 44px;
  }
  /* line 17462, app/assets/stylesheets/flexadmin_main.scss */
  .typing-indicator img {
    width: 28px;
    height: 28px;
  }
  /* line 17467, app/assets/stylesheets/flexadmin_main.scss */
  .typing-dots {
    padding: 0.625rem 0.875rem;
  }
  /* line 17471, app/assets/stylesheets/flexadmin_main.scss */
  .typing-dots span {
    width: 6px;
    height: 6px;
  }
  /* line 17476, app/assets/stylesheets/flexadmin_main.scss */
  .chat-empty {
    padding: 1.5rem;
  }
  /* line 17480, app/assets/stylesheets/flexadmin_main.scss */
  .chat-empty-icon {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }
  /* line 17486, app/assets/stylesheets/flexadmin_main.scss */
  .chat-empty h5 {
    font-size: 1rem;
  }
  /* line 17490, app/assets/stylesheets/flexadmin_main.scss */
  .chat-empty p {
    font-size: 0.8125rem;
  }
}

/* line 17495, app/assets/stylesheets/flexadmin_main.scss */
.contacts-container {
  display: flex;
  min-height: calc(100vh - 200px);
  background: var(--surface-color);
  border-radius: var(--bs-border-radius-lg);
  border: 1px solid var(--border-color);
  overflow: hidden;
}

/* line 17504, app/assets/stylesheets/flexadmin_main.scss */
.contacts-sidebar {
  width: 260px;
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

/* line 17512, app/assets/stylesheets/flexadmin_main.scss */
.contacts-sidebar-header {
  padding: 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 17517, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border-color);
}

/* line 17522, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  color: var(--default-color);
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.2s;
}

/* line 17533, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav-item i {
  font-size: 1.125rem;
  color: var(--muted-color);
  width: 20px;
  text-align: center;
}

/* line 17540, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav-item span:first-of-type {
  flex: 1;
}

/* line 17544, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav-item .badge {
  background: var(--background-color);
  color: var(--muted-color);
  font-weight: 500;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}

/* line 17552, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav-item:hover {
  background: var(--background-color);
  color: var(--heading-color);
}

/* line 17557, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav-item:hover i {
  color: var(--accent-color);
}

/* line 17561, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 17566, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav-item.active i {
  color: var(--accent-color);
}

/* line 17570, app/assets/stylesheets/flexadmin_main.scss */
.contacts-nav-item.active .badge {
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
  color: var(--accent-color);
}

/* line 17575, app/assets/stylesheets/flexadmin_main.scss */
.contacts-groups {
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-color);
}

/* line 17580, app/assets/stylesheets/flexadmin_main.scss */
.contacts-groups-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
}

/* line 17592, app/assets/stylesheets/flexadmin_main.scss */
.contacts-groups-add {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
  background: none;
  color: var(--muted-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

/* line 17606, app/assets/stylesheets/flexadmin_main.scss */
.contacts-groups-add:hover {
  background: var(--background-color);
  color: var(--accent-color);
}

/* line 17611, app/assets/stylesheets/flexadmin_main.scss */
.contacts-groups-list {
  display: flex;
  flex-direction: column;
}

/* line 17616, app/assets/stylesheets/flexadmin_main.scss */
.contacts-group-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 1.25rem;
  color: var(--default-color);
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.2s;
}

/* line 17627, app/assets/stylesheets/flexadmin_main.scss */
.contacts-group-item .badge {
  background: var(--background-color);
  color: var(--muted-color);
  font-weight: 500;
  font-size: 0.6875rem;
  padding: 0.125rem 0.375rem;
  margin-left: auto;
}

/* line 17636, app/assets/stylesheets/flexadmin_main.scss */
.contacts-group-item:hover {
  background: var(--background-color);
}

/* line 17640, app/assets/stylesheets/flexadmin_main.scss */
.contacts-group-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 17645, app/assets/stylesheets/flexadmin_main.scss */
.contacts-group-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 17652, app/assets/stylesheets/flexadmin_main.scss */
.contacts-tags {
  padding: 1rem 1.25rem;
}

/* line 17656, app/assets/stylesheets/flexadmin_main.scss */
.contacts-tags-header {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  margin-bottom: 0.75rem;
}

/* line 17665, app/assets/stylesheets/flexadmin_main.scss */
.contacts-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 17671, app/assets/stylesheets/flexadmin_main.scss */
.contacts-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  background: var(--background-color);
  border-radius: 20px;
  font-size: 0.75rem;
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 17683, app/assets/stylesheets/flexadmin_main.scss */
.contacts-tag:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 17688, app/assets/stylesheets/flexadmin_main.scss */
.contacts-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

/* line 17696, app/assets/stylesheets/flexadmin_main.scss */
.contacts-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 17704, app/assets/stylesheets/flexadmin_main.scss */
.contacts-search {
  flex: 1;
  position: relative;
  max-width: 400px;
}

/* line 17710, app/assets/stylesheets/flexadmin_main.scss */
.contacts-search i {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted-color);
}

/* line 17718, app/assets/stylesheets/flexadmin_main.scss */
.contacts-search .form-control {
  padding-left: 2.5rem;
  background: var(--background-color);
  border-color: transparent;
}

/* line 17724, app/assets/stylesheets/flexadmin_main.scss */
.contacts-search .form-control:focus {
  background: var(--surface-color);
  border-color: var(--accent-color);
}

/* line 17729, app/assets/stylesheets/flexadmin_main.scss */
.contacts-view-toggle {
  display: flex;
  background: var(--background-color);
  border-radius: var(--bs-border-radius);
  padding: 2px;
}

/* line 17736, app/assets/stylesheets/flexadmin_main.scss */
.contacts-view-btn {
  width: 44px;
  height: 44px;
  border: none;
  background: none;
  color: var(--muted-color);
  border-radius: var(--bs-border-radius);
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 17750, app/assets/stylesheets/flexadmin_main.scss */
.contacts-view-btn:hover {
  color: var(--default-color);
}

/* line 17754, app/assets/stylesheets/flexadmin_main.scss */
.contacts-view-btn.active {
  background: var(--surface-color);
  color: var(--accent-color);
  box-shadow: var(--shadow-sm);
}

/* line 17760, app/assets/stylesheets/flexadmin_main.scss */
.contacts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.25rem;
  padding: 1.25rem;
  overflow-y: auto;
  flex: 1;
}

/* line 17769, app/assets/stylesheets/flexadmin_main.scss */
.contacts-grid::-webkit-scrollbar {
  width: 6px;
}

/* line 17773, app/assets/stylesheets/flexadmin_main.scss */
.contacts-grid::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 17778, app/assets/stylesheets/flexadmin_main.scss */
.contact-card {
  position: relative;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius-lg);
  text-align: center;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
}

/* line 17789, app/assets/stylesheets/flexadmin_main.scss */
.contact-card:hover {
  border-color: var(--accent-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 90%);
}

/* line 17794, app/assets/stylesheets/flexadmin_main.scss */
.contact-card:hover .contact-card-actions {
  opacity: 1;
}

/* line 17798, app/assets/stylesheets/flexadmin_main.scss */
.contact-card-body {
  padding: 1.5rem 1.5rem 0;
  cursor: pointer;
  flex: 1;
}

/* line 17804, app/assets/stylesheets/flexadmin_main.scss */
.contact-card-actions {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  left: 0.75rem;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.2s;
}

/* line 17815, app/assets/stylesheets/flexadmin_main.scss */
.contact-favorite {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: var(--background-color);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 17829, app/assets/stylesheets/flexadmin_main.scss */
.contact-favorite:hover {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 17834, app/assets/stylesheets/flexadmin_main.scss */
.contact-favorite.active {
  background: var(--warning-color-light);
  color: var(--warning-color);
  opacity: 1;
}

/* line 17840, app/assets/stylesheets/flexadmin_main.scss */
.contact-menu {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: var(--background-color);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 17854, app/assets/stylesheets/flexadmin_main.scss */
.contact-menu:hover {
  background: var(--border-color);
  color: var(--default-color);
}

/* line 17859, app/assets/stylesheets/flexadmin_main.scss */
.contact-card-avatar {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 1rem;
}

/* line 17866, app/assets/stylesheets/flexadmin_main.scss */
.contact-card-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 17874, app/assets/stylesheets/flexadmin_main.scss */
.contact-avatar-initial {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 600;
}

/* line 17885, app/assets/stylesheets/flexadmin_main.scss */
.contact-status {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--surface-color);
}

/* line 17895, app/assets/stylesheets/flexadmin_main.scss */
.contact-status.online {
  background: var(--success-color);
}

/* line 17899, app/assets/stylesheets/flexadmin_main.scss */
.contact-status.away {
  background: var(--warning-color);
}

/* line 17903, app/assets/stylesheets/flexadmin_main.scss */
.contact-status.offline {
  background: var(--muted-color);
}

/* line 17907, app/assets/stylesheets/flexadmin_main.scss */
.contact-status.busy {
  background: var(--danger-color);
}

/* line 17911, app/assets/stylesheets/flexadmin_main.scss */
.contact-card-name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 0.25rem;
}

/* line 17918, app/assets/stylesheets/flexadmin_main.scss */
.contact-card-role {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin: 0 0 0.125rem;
}

/* line 17924, app/assets/stylesheets/flexadmin_main.scss */
.contact-card-company {
  font-size: 0.75rem;
  color: var(--light-color);
  margin: 0 0 0.75rem;
}

/* line 17930, app/assets/stylesheets/flexadmin_main.scss */
.contact-card-tags {
  display: flex;
  justify-content: center;
  gap: 0.375rem;
  margin-bottom: 1rem;
}

/* line 17937, app/assets/stylesheets/flexadmin_main.scss */
.contact-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.1875rem 0.5rem;
  background: var(--background-color);
  border-radius: 20px;
  font-size: 0.6875rem;
  color: var(--muted-color);
}

/* line 17947, app/assets/stylesheets/flexadmin_main.scss */
.contact-card-info {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  margin-top: auto;
  border-top: 1px solid var(--border-color);
}

/* line 17956, app/assets/stylesheets/flexadmin_main.scss */
.contact-info-item {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--background-color);
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  text-decoration: none;
}

/* line 17969, app/assets/stylesheets/flexadmin_main.scss */
.contact-info-item:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

/* line 17974, app/assets/stylesheets/flexadmin_main.scss */
.contacts-list {
  flex: 1;
  overflow-y: auto;
  padding: 0 1.25rem;
}

/* line 17980, app/assets/stylesheets/flexadmin_main.scss */
.contacts-list::-webkit-scrollbar {
  width: 6px;
}

/* line 17984, app/assets/stylesheets/flexadmin_main.scss */
.contacts-list::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 17989, app/assets/stylesheets/flexadmin_main.scss */
.contacts-table {
  margin: 0;
}

/* line 17993, app/assets/stylesheets/flexadmin_main.scss */
.contacts-table th {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  background: var(--background-color);
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
  white-space: nowrap;
}

/* line 18005, app/assets/stylesheets/flexadmin_main.scss */
.contacts-table td {
  padding: 0.875rem 1rem;
  vertical-align: middle;
  font-size: 0.875rem;
  color: var(--default-color);
  border-bottom: 1px solid var(--border-color);
}

/* line 18013, app/assets/stylesheets/flexadmin_main.scss */
.contacts-table tr:hover td {
  background: var(--background-color);
}

/* line 18017, app/assets/stylesheets/flexadmin_main.scss */
.contact-list-user {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 18023, app/assets/stylesheets/flexadmin_main.scss */
.contact-list-user img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 18031, app/assets/stylesheets/flexadmin_main.scss */
.contact-list-name {
  font-weight: 600;
  color: var(--heading-color);
}

/* line 18036, app/assets/stylesheets/flexadmin_main.scss */
.contact-list-role {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 18041, app/assets/stylesheets/flexadmin_main.scss */
.contact-list-actions {
  display: flex;
  gap: 0.25rem;
}

/* line 18046, app/assets/stylesheets/flexadmin_main.scss */
.contact-list-actions .btn-icon {
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  color: var(--muted-color);
  border-radius: var(--bs-border-radius);
  cursor: pointer;
}

/* line 18060, app/assets/stylesheets/flexadmin_main.scss */
.contact-list-actions .btn-icon:hover {
  background: var(--background-color);
  color: var(--accent-color);
}

/* line 18065, app/assets/stylesheets/flexadmin_main.scss */
.contact-list-actions .btn-icon.text-danger:hover {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 18070, app/assets/stylesheets/flexadmin_main.scss */
.contacts-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-color);
}

/* line 18078, app/assets/stylesheets/flexadmin_main.scss */
.contacts-pagination-info {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 18083, app/assets/stylesheets/flexadmin_main.scss */
.contact-avatar-upload {
  position: relative;
  display: inline-block;
}

/* line 18088, app/assets/stylesheets/flexadmin_main.scss */
.contact-avatar-preview {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--background-color);
  border: 2px dashed var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* line 18100, app/assets/stylesheets/flexadmin_main.scss */
.contact-avatar-preview i {
  font-size: 2.5rem;
  color: var(--muted-color);
}

/* line 18105, app/assets/stylesheets/flexadmin_main.scss */
.contact-avatar-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 18112, app/assets/stylesheets/flexadmin_main.scss */
.contact-avatar-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 18128, app/assets/stylesheets/flexadmin_main.scss */
.contact-avatar-btn:hover {
  background: color-mix(in srgb, var(--accent-color), black 15%);
}

/* line 18132, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail {
  padding: 0;
}

/* line 18136, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-header {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--border-color);
}

/* line 18144, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-avatar {
  position: relative;
  flex-shrink: 0;
}

/* line 18149, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-avatar img,
.contact-detail-avatar .contact-avatar-initial {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 18158, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-avatar .contact-avatar-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 600;
}

/* line 18166, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-avatar .contact-status {
  width: 18px;
  height: 18px;
  bottom: 6px;
  right: 6px;
  border-width: 3px;
}

/* line 18174, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-info {
  flex: 1;
  min-width: 0;
}

/* line 18179, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-name {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 0.25rem;
}

/* line 18186, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-role {
  font-size: 0.9375rem;
  color: var(--muted-color);
  margin: 0 0 0.75rem;
}

/* line 18192, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 18198, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-tags .contact-tag {
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
}

/* line 18203, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-actions {
  display: flex;
  gap: 0.5rem;
}

/* line 18208, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-actions .btn {
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

/* line 18218, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-actions .btn i {
  font-size: 1.125rem;
}

/* line 18222, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-body {
  padding: 1.5rem 0 0;
}

/* line 18226, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-section {
  margin-bottom: 1.5rem;
}

/* line 18230, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-section-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  margin-bottom: 1rem;
}

/* line 18239, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.625rem 0;
}

/* line 18246, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 18250, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--background-color);
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 18262, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-content {
  flex: 1;
  min-width: 0;
}

/* line 18267, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-label {
  display: block;
  font-size: 0.75rem;
  color: var(--muted-color);
  margin-bottom: 0.125rem;
}

/* line 18274, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-value {
  display: block;
  font-size: 0.875rem;
  color: var(--default-color);
  text-decoration: none;
  word-break: break-word;
}

/* line 18282, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-value:hover {
  color: var(--accent-color);
}

/* line 18286, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-quick-actions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

/* line 18292, app/assets/stylesheets/flexadmin_main.scss */
.contact-quick-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: var(--background-color);
  border-radius: var(--bs-border-radius-lg);
  color: var(--default-color);
  text-decoration: none;
  transition: all 0.2s;
}

/* line 18306, app/assets/stylesheets/flexadmin_main.scss */
.contact-quick-action i {
  font-size: 1.25rem;
  color: var(--accent-color);
}

/* line 18311, app/assets/stylesheets/flexadmin_main.scss */
.contact-quick-action span {
  font-size: 0.8125rem;
}

/* line 18315, app/assets/stylesheets/flexadmin_main.scss */
.contact-quick-action:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 18320, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-notes {
  background: var(--background-color);
  border-radius: var(--bs-border-radius-lg);
  padding: 1rem;
}

/* line 18326, app/assets/stylesheets/flexadmin_main.scss */
.contact-detail-notes p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--default-color);
  line-height: 1.6;
}

/* line 18333, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-timeline {
  position: relative;
}

/* line 18337, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-item {
  display: flex;
  gap: 1rem;
  padding: 0.75rem 0;
  position: relative;
}

/* line 18344, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 36px;
  bottom: -0.75rem;
  width: 2px;
  background: var(--border-color);
}

/* line 18354, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-item:first-child {
  padding-top: 0;
}

/* line 18358, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-item:first-child::before {
  top: 36px;
}

/* line 18362, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-item:last-child {
  padding-bottom: 0;
}

/* line 18366, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

/* line 18378, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-icon i {
  font-size: 0.875rem;
}

/* line 18382, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-content {
  flex: 1;
  min-width: 0;
  padding-top: 0.375rem;
}

/* line 18388, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-text {
  margin: 0 0 0.25rem;
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 18394, app/assets/stylesheets/flexadmin_main.scss */
.contact-activity-time {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 18399, app/assets/stylesheets/flexadmin_main.scss */
.contacts-sidebar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: var(--background-color);
  border: none;
  border-radius: 50%;
  color: var(--muted-color);
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}

/* line 18416, app/assets/stylesheets/flexadmin_main.scss */
.contacts-sidebar-toggle:hover {
  background: var(--border-color);
  color: var(--default-color);
}

/* line 18421, app/assets/stylesheets/flexadmin_main.scss */
.contacts-sidebar-close {
  display: none;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 44px;
  height: 44px;
  padding: 0;
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border: none;
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
  z-index: 10;
}

/* line 18438, app/assets/stylesheets/flexadmin_main.scss */
.contacts-sidebar-close:hover {
  background: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 18443, app/assets/stylesheets/flexadmin_main.scss */
.contacts-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--default-color), transparent 50%);
  z-index: 1040;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 18456, app/assets/stylesheets/flexadmin_main.scss */
.contacts-sidebar-overlay.show {
  opacity: 1;
}

/* line 18460, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .contacts-sidebar-overlay {
  background: color-mix(in srgb, var(--default-color), transparent 30%);
}

@media (max-width: 1279.98px) {
  /* line 18465, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-sidebar-toggle {
    display: flex;
  }
  /* line 18469, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-sidebar-overlay {
    display: block;
    pointer-events: none;
  }
  /* line 18474, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-sidebar-overlay.show {
    pointer-events: auto;
  }
  /* line 18478, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 10;
  }
  /* line 18488, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 320px;
    height: 100vh;
    height: 100dvh;
    background: var(--surface-color);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 3.5rem;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  /* line 18508, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-sidebar.show {
    transform: translateX(0);
  }
  /* line 18512, app/assets/stylesheets/flexadmin_main.scss */
  body.contacts-sidebar-open {
    overflow: hidden;
  }
}

@media (max-width: 991.98px) {
  /* line 18518, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
  }
}

@media (max-width: 767.98px) {
  /* line 18525, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-container {
    min-height: calc(100vh - 180px);
  }
  /* line 18529, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-header {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 18534, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-header .contacts-search {
    order: 3;
    width: 100%;
    max-width: none;
    margin-top: 0.5rem;
  }
  /* line 18541, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    padding: 1rem;
    gap: 0.75rem;
  }
  /* line 18547, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card {
    padding: 0;
  }
  /* line 18551, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-body {
    padding: 1rem 1rem 0;
  }
  /* line 18555, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-avatar {
    width: 60px;
    height: 60px;
  }
  /* line 18560, app/assets/stylesheets/flexadmin_main.scss */
  .contact-avatar-initial {
    width: 60px;
    height: 60px;
    font-size: 1.25rem;
  }
  /* line 18566, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-info {
    padding: 0.75rem 1rem;
  }
  /* line 18570, app/assets/stylesheets/flexadmin_main.scss */
  .contact-info-item {
    width: 44px;
    height: 44px;
  }
  /* line 18575, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-pagination {
    flex-direction: column;
    gap: 0.75rem;
    text-align: center;
  }
  /* line 18581, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-table th:nth-child(n+4),
.contacts-table td:nth-child(n+4) {
    display: none;
  }
  /* line 18586, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-header {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* line 18592, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-tags {
    justify-content: center;
  }
  /* line 18596, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-actions {
    margin-top: 1rem;
  }
  /* line 18600, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-actions .btn {
    width: 44px;
    height: 44px;
  }
  /* line 18605, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-quick-actions {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 18609, app/assets/stylesheets/flexadmin_main.scss */
  .contact-quick-action {
    padding: 0.75rem 0.5rem;
    min-height: 44px;
  }
  /* line 18614, app/assets/stylesheets/flexadmin_main.scss */
  .contact-quick-action span {
    font-size: 0.6875rem;
  }
}

@media (max-width: 575.98px) {
  /* line 18620, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-container {
    border-radius: 0;
    border-left: none;
    border-right: none;
    min-height: calc(100vh - 160px);
  }
  /* line 18627, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-header {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  /* line 18632, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-view-toggle {
    order: 2;
    margin-left: auto;
  }
  /* line 18637, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-view-btn {
    width: 44px;
    height: 44px;
  }
  /* line 18642, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0.75rem;
    gap: 0.5rem;
  }
  /* line 18648, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-body {
    padding: 0.75rem 0.75rem 0;
  }
  /* line 18652, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-avatar {
    width: 50px;
    height: 50px;
    margin-bottom: 0.75rem;
  }
  /* line 18658, app/assets/stylesheets/flexadmin_main.scss */
  .contact-avatar-initial {
    width: 50px;
    height: 50px;
    font-size: 1rem;
  }
  /* line 18664, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-name {
    font-size: 0.875rem;
  }
  /* line 18668, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-role {
    font-size: 0.75rem;
  }
  /* line 18672, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-company {
    display: none;
  }
  /* line 18676, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-tags {
    display: none;
  }
  /* line 18680, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-info {
    padding: 0.625rem 0.75rem;
    gap: 0.25rem;
  }
  /* line 18685, app/assets/stylesheets/flexadmin_main.scss */
  .contact-info-item {
    width: 40px;
    height: 40px;
    font-size: 0.875rem;
  }
  /* line 18691, app/assets/stylesheets/flexadmin_main.scss */
  .contact-card-actions {
    opacity: 1;
  }
  /* line 18695, app/assets/stylesheets/flexadmin_main.scss */
  .contact-favorite,
.contact-menu {
    width: 36px;
    height: 36px;
  }
  /* line 18701, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-list {
    padding: 0 0.75rem;
  }
  /* line 18705, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-table th {
    padding: 0.625rem 0.75rem;
    font-size: 0.6875rem;
  }
  /* line 18710, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-table td {
    padding: 0.75rem;
    font-size: 0.8125rem;
  }
  /* line 18715, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-table th:nth-child(n+3),
.contacts-table td:nth-child(n+3) {
    display: none;
  }
  /* line 18720, app/assets/stylesheets/flexadmin_main.scss */
  .contact-list-user {
    gap: 0.5rem;
  }
  /* line 18724, app/assets/stylesheets/flexadmin_main.scss */
  .contact-list-user img {
    width: 36px;
    height: 36px;
  }
  /* line 18729, app/assets/stylesheets/flexadmin_main.scss */
  .contact-list-name {
    font-size: 0.8125rem;
  }
  /* line 18733, app/assets/stylesheets/flexadmin_main.scss */
  .contact-list-role {
    font-size: 0.6875rem;
  }
  /* line 18737, app/assets/stylesheets/flexadmin_main.scss */
  .contact-list-actions .btn-icon {
    width: 44px;
    height: 44px;
  }
  /* line 18742, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-pagination {
    padding: 0.75rem;
  }
  /* line 18746, app/assets/stylesheets/flexadmin_main.scss */
  .contacts-pagination-info {
    font-size: 0.75rem;
  }
  /* line 18750, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-header {
    padding: 1rem 0;
  }
  /* line 18754, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-avatar img,
.contact-detail-avatar .contact-avatar-initial {
    width: 80px;
    height: 80px;
  }
  /* line 18760, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-avatar .contact-avatar-initial {
    font-size: 1.5rem;
  }
  /* line 18764, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-name {
    font-size: 1.25rem;
  }
  /* line 18768, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-role {
    font-size: 0.875rem;
  }
  /* line 18772, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-body {
    padding: 1rem 0 0;
  }
  /* line 18776, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-section {
    margin-bottom: 1rem;
  }
  /* line 18780, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-item {
    padding: 0.5rem 0;
    gap: 0.75rem;
  }
  /* line 18785, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-icon {
    width: 40px;
    height: 40px;
  }
  /* line 18790, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-label {
    font-size: 0.6875rem;
  }
  /* line 18794, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-value {
    font-size: 0.8125rem;
  }
  /* line 18798, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-quick-actions {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  /* line 18803, app/assets/stylesheets/flexadmin_main.scss */
  .contact-quick-action {
    padding: 1rem 0.75rem;
    min-height: 70px;
  }
  /* line 18808, app/assets/stylesheets/flexadmin_main.scss */
  .contact-quick-action i {
    font-size: 1.125rem;
  }
  /* line 18812, app/assets/stylesheets/flexadmin_main.scss */
  .contact-quick-action span {
    font-size: 0.75rem;
  }
  /* line 18816, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-notes {
    padding: 0.75rem;
  }
  /* line 18820, app/assets/stylesheets/flexadmin_main.scss */
  .contact-detail-notes p {
    font-size: 0.8125rem;
  }
  /* line 18824, app/assets/stylesheets/flexadmin_main.scss */
  .contact-activity-item {
    gap: 0.75rem;
  }
  /* line 18828, app/assets/stylesheets/flexadmin_main.scss */
  .contact-activity-item:not(:last-child)::before {
    left: 16px;
  }
  /* line 18832, app/assets/stylesheets/flexadmin_main.scss */
  .contact-activity-icon {
    width: 32px;
    height: 32px;
  }
  /* line 18837, app/assets/stylesheets/flexadmin_main.scss */
  .contact-activity-icon i {
    font-size: 0.75rem;
  }
  /* line 18841, app/assets/stylesheets/flexadmin_main.scss */
  .contact-activity-text {
    font-size: 0.8125rem;
  }
  /* line 18845, app/assets/stylesheets/flexadmin_main.scss */
  .contact-activity-time {
    font-size: 0.6875rem;
  }
  /* line 18849, app/assets/stylesheets/flexadmin_main.scss */
  .contact-avatar-preview {
    width: 80px;
    height: 80px;
  }
  /* line 18854, app/assets/stylesheets/flexadmin_main.scss */
  .contact-avatar-preview i {
    font-size: 2rem;
  }
  /* line 18858, app/assets/stylesheets/flexadmin_main.scss */
  .contact-avatar-btn {
    width: 28px;
    height: 28px;
  }
}

/* line 18864, app/assets/stylesheets/flexadmin_main.scss */
.file-manager {
  display: flex;
  height: calc(100vh - 200px);
  min-height: 500px;
  background: var(--surface-color);
  border-radius: var(--bs-border-radius-lg);
  border: 1px solid var(--border-color);
  overflow: hidden;
}

/* line 18874, app/assets/stylesheets/flexadmin_main.scss */
.fm-sidebar {
  width: 260px;
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  background: var(--surface-color);
}

/* line 18883, app/assets/stylesheets/flexadmin_main.scss */
.fm-sidebar-header {
  padding: 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 18888, app/assets/stylesheets/flexadmin_main.scss */
.fm-upload-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: var(--bs-border-radius);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 18904, app/assets/stylesheets/flexadmin_main.scss */
.fm-upload-btn:hover {
  background: color-mix(in srgb, var(--accent-color), black 15%);
}

/* line 18908, app/assets/stylesheets/flexadmin_main.scss */
.fm-nav {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 0;
}

/* line 18914, app/assets/stylesheets/flexadmin_main.scss */
.fm-nav-title {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  padding: 0.5rem 1.25rem;
  margin-top: 0.5rem;
}

/* line 18924, app/assets/stylesheets/flexadmin_main.scss */
.fm-nav-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  color: var(--default-color);
  text-decoration: none;
  transition: all 0.2s;
  cursor: pointer;
}

/* line 18935, app/assets/stylesheets/flexadmin_main.scss */
.fm-nav-item:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 18940, app/assets/stylesheets/flexadmin_main.scss */
.fm-nav-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 18945, app/assets/stylesheets/flexadmin_main.scss */
.fm-nav-item i {
  font-size: 1.125rem;
  width: 20px;
  text-align: center;
}

/* line 18951, app/assets/stylesheets/flexadmin_main.scss */
.fm-nav-item span:not(.badge) {
  flex: 1;
  font-size: 0.875rem;
}

/* line 18956, app/assets/stylesheets/flexadmin_main.scss */
.fm-nav-item .badge {
  font-size: 0.6875rem;
  padding: 0.2rem 0.5rem;
  flex: 0 0 auto;
  min-width: auto;
}

/* line 18963, app/assets/stylesheets/flexadmin_main.scss */
.fm-storage {
  padding: 1.25rem;
  border-top: 1px solid var(--border-color);
}

/* line 18968, app/assets/stylesheets/flexadmin_main.scss */
.fm-storage .progress {
  height: 6px;
  margin-bottom: 0.5rem;
}

/* line 18973, app/assets/stylesheets/flexadmin_main.scss */
.fm-storage-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

/* line 18979, app/assets/stylesheets/flexadmin_main.scss */
.fm-storage-label {
  font-size: 0.8125rem;
  color: var(--default-color);
}

/* line 18984, app/assets/stylesheets/flexadmin_main.scss */
.fm-storage-value {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 18989, app/assets/stylesheets/flexadmin_main.scss */
.fm-storage-detail {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 18994, app/assets/stylesheets/flexadmin_main.scss */
.fm-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 19001, app/assets/stylesheets/flexadmin_main.scss */
.fm-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color);
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 19011, app/assets/stylesheets/flexadmin_main.scss */
.fm-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}

/* line 19018, app/assets/stylesheets/flexadmin_main.scss */
.fm-breadcrumb a {
  color: var(--muted-color);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 19024, app/assets/stylesheets/flexadmin_main.scss */
.fm-breadcrumb a:hover {
  color: var(--accent-color);
}

/* line 19028, app/assets/stylesheets/flexadmin_main.scss */
.fm-breadcrumb span {
  color: var(--default-color);
  font-weight: 500;
}

/* line 19033, app/assets/stylesheets/flexadmin_main.scss */
.fm-breadcrumb i {
  color: var(--muted-color);
  font-size: 0.75rem;
}

/* line 19038, app/assets/stylesheets/flexadmin_main.scss */
.fm-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 19044, app/assets/stylesheets/flexadmin_main.scss */
.fm-search {
  position: relative;
  width: 240px;
}

/* line 19049, app/assets/stylesheets/flexadmin_main.scss */
.fm-search .form-control {
  padding-left: 2.5rem;
  background: var(--background-color);
  border-color: var(--border-color);
}

/* line 19055, app/assets/stylesheets/flexadmin_main.scss */
.fm-search .form-control:focus {
  background: var(--surface-color);
}

/* line 19059, app/assets/stylesheets/flexadmin_main.scss */
.fm-search-icon {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted-color);
}

/* line 19067, app/assets/stylesheets/flexadmin_main.scss */
.fm-view-toggle {
  display: flex;
  background: var(--background-color);
  border-radius: var(--bs-border-radius);
  padding: 0.25rem;
}

/* line 19074, app/assets/stylesheets/flexadmin_main.scss */
.fm-view-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  color: var(--muted-color);
  border-radius: var(--bs-border-radius);
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 19088, app/assets/stylesheets/flexadmin_main.scss */
.fm-view-btn:hover {
  color: var(--default-color);
}

/* line 19092, app/assets/stylesheets/flexadmin_main.scss */
.fm-view-btn.active {
  background: var(--surface-color);
  color: var(--accent-color);
  box-shadow: var(--bs-box-shadow-sm);
}

/* line 19098, app/assets/stylesheets/flexadmin_main.scss */
.fm-content {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem;
}

/* line 19104, app/assets/stylesheets/flexadmin_main.scss */
.fm-content::-webkit-scrollbar {
  width: 6px;
}

/* line 19108, app/assets/stylesheets/flexadmin_main.scss */
.fm-content::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 19113, app/assets/stylesheets/flexadmin_main.scss */
.fm-section-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 1rem;
}

/* line 19120, app/assets/stylesheets/flexadmin_main.scss */
.fm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

/* line 19127, app/assets/stylesheets/flexadmin_main.scss */
.fm-grid.active {
  display: grid;
}

/* line 19131, app/assets/stylesheets/flexadmin_main.scss */
.fm-grid:not(.active) {
  display: none;
}

/* line 19135, app/assets/stylesheets/flexadmin_main.scss */
.fm-item {
  background: var(--background-color);
  border-radius: var(--bs-border-radius-lg);
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
  border: 2px solid transparent;
  position: relative;
}

/* line 19146, app/assets/stylesheets/flexadmin_main.scss */
.fm-item:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 80%);
}

/* line 19151, app/assets/stylesheets/flexadmin_main.scss */
.fm-item:hover .fm-item-checkbox {
  opacity: 1;
}

/* line 19155, app/assets/stylesheets/flexadmin_main.scss */
.fm-item.selected {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-color: var(--accent-color);
}

/* line 19160, app/assets/stylesheets/flexadmin_main.scss */
.fm-item.selected .fm-item-checkbox {
  opacity: 1;
}

/* line 19164, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-checkbox {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  opacity: 0;
  transition: opacity 0.2s;
}

/* line 19172, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
}

/* line 19182, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon.folder {
  color: #fbbf24;
}

/* line 19186, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon.image {
  color: var(--success-color);
}

/* line 19190, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon.document {
  color: var(--accent-color);
}

/* line 19194, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon.pdf {
  color: var(--danger-color);
}

/* line 19198, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon.spreadsheet {
  color: var(--success-color);
}

/* line 19202, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon.video {
  color: var(--info-color);
}

/* line 19206, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon.audio {
  color: #a855f7;
}

/* line 19210, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon.archive {
  color: var(--warning-color);
}

/* line 19214, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-icon.code {
  color: #6366f1;
}

/* line 19218, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--heading-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.25rem;
}

/* line 19228, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-meta {
  font-size: 0.6875rem;
  color: var(--muted-color);
}

/* line 19233, app/assets/stylesheets/flexadmin_main.scss */
.fm-item-thumbnail {
  width: 100%;
  height: 80px;
  border-radius: var(--bs-border-radius);
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 0.75rem;
}

/* line 19242, app/assets/stylesheets/flexadmin_main.scss */
.fm-list {
  display: none;
}

/* line 19246, app/assets/stylesheets/flexadmin_main.scss */
.fm-list.active {
  display: block;
}

/* line 19250, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-table {
  width: 100%;
}

/* line 19254, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-table th {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
  text-align: left;
}

/* line 19265, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-table th.sortable {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 19272, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-table th.sortable:hover {
  color: var(--default-color);
}

/* line 19276, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
  font-size: 0.875rem;
  vertical-align: middle;
}

/* line 19283, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-table tr:hover {
  background: var(--background-color);
}

/* line 19287, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-table tr:hover .fm-list-actions {
  opacity: 1;
}

/* line 19291, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-table tr.selected {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
}

/* line 19295, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 19301, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-icon {
  font-size: 1.5rem;
  width: 32px;
  text-align: center;
}

/* line 19307, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-name {
  font-weight: 500;
  color: var(--heading-color);
}

/* line 19312, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-actions {
  display: flex;
  gap: 0.25rem;
  opacity: 0;
  transition: opacity 0.2s;
}

/* line 19319, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-action-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: none;
  color: var(--muted-color);
  border-radius: var(--bs-border-radius);
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 19333, app/assets/stylesheets/flexadmin_main.scss */
.fm-list-action-btn:hover {
  background: var(--surface-color);
  color: var(--default-color);
}

/* line 19338, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-access {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

/* line 19345, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--background-color);
  border-radius: var(--bs-border-radius-lg);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 19356, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-item:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 19360, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--bs-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

/* line 19370, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-icon.documents {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 19375, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-icon.images {
  background: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 19380, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-icon.videos {
  background: color-mix(in srgb, var(--info-color), transparent 85%);
  color: var(--info-color);
}

/* line 19385, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-icon.music {
  background: color-mix(in srgb, #a855f7, transparent 85%);
  color: #a855f7;
}

/* line 19390, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-info h6 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 0.125rem 0;
}

/* line 19397, app/assets/stylesheets/flexadmin_main.scss */
.fm-quick-info span {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 19402, app/assets/stylesheets/flexadmin_main.scss */
.fm-context-menu {
  position: fixed;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow-lg);
  padding: 0.5rem 0;
  min-width: 180px;
  z-index: 1050;
  display: none;
}

/* line 19414, app/assets/stylesheets/flexadmin_main.scss */
.fm-context-menu.show {
  display: block;
}

/* line 19418, app/assets/stylesheets/flexadmin_main.scss */
.fm-context-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: var(--default-color);
  cursor: pointer;
  transition: background 0.2s;
}

/* line 19429, app/assets/stylesheets/flexadmin_main.scss */
.fm-context-item:hover {
  background: var(--background-color);
}

/* line 19433, app/assets/stylesheets/flexadmin_main.scss */
.fm-context-item i {
  width: 16px;
  color: var(--muted-color);
}

/* line 19438, app/assets/stylesheets/flexadmin_main.scss */
.fm-context-item.danger {
  color: var(--danger-color);
}

/* line 19442, app/assets/stylesheets/flexadmin_main.scss */
.fm-context-item.danger i {
  color: var(--danger-color);
}

/* line 19446, app/assets/stylesheets/flexadmin_main.scss */
.fm-context-divider {
  height: 1px;
  background: var(--border-color);
  margin: 0.5rem 0;
}

/* line 19452, app/assets/stylesheets/flexadmin_main.scss */
.fm-empty {
  text-align: center;
  padding: 3rem;
  color: var(--muted-color);
}

/* line 19458, app/assets/stylesheets/flexadmin_main.scss */
.fm-empty-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}

/* line 19464, app/assets/stylesheets/flexadmin_main.scss */
.fm-empty h5 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 0.5rem 0;
}

/* line 19471, app/assets/stylesheets/flexadmin_main.scss */
.fm-empty p {
  font-size: 0.875rem;
  margin: 0;
}

/* line 19476, app/assets/stylesheets/flexadmin_main.scss */
.fm-sidebar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: var(--background-color);
  border: none;
  border-radius: 50%;
  color: var(--muted-color);
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}

/* line 19493, app/assets/stylesheets/flexadmin_main.scss */
.fm-sidebar-toggle:hover {
  background: var(--border-color);
  color: var(--default-color);
}

/* line 19498, app/assets/stylesheets/flexadmin_main.scss */
.fm-sidebar-close {
  display: none;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 44px;
  height: 44px;
  padding: 0;
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border: none;
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
  z-index: 10;
}

/* line 19515, app/assets/stylesheets/flexadmin_main.scss */
.fm-sidebar-close:hover {
  background: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 19520, app/assets/stylesheets/flexadmin_main.scss */
.fm-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--default-color), transparent 50%);
  z-index: 1040;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 19533, app/assets/stylesheets/flexadmin_main.scss */
.fm-sidebar-overlay.show {
  opacity: 1;
}

/* line 19537, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .fm-sidebar-overlay {
  background: color-mix(in srgb, var(--default-color), transparent 30%);
}

@media (max-width: 1279.98px) {
  /* line 19542, app/assets/stylesheets/flexadmin_main.scss */
  .fm-sidebar-toggle {
    display: flex;
  }
  /* line 19546, app/assets/stylesheets/flexadmin_main.scss */
  .fm-sidebar-overlay {
    display: block;
    pointer-events: none;
  }
  /* line 19551, app/assets/stylesheets/flexadmin_main.scss */
  .fm-sidebar-overlay.show {
    pointer-events: auto;
  }
  /* line 19555, app/assets/stylesheets/flexadmin_main.scss */
  .fm-sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 19561, app/assets/stylesheets/flexadmin_main.scss */
  .fm-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh;
    background: var(--surface-color);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 3.5rem;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  /* line 19581, app/assets/stylesheets/flexadmin_main.scss */
  .fm-sidebar.show {
    transform: translateX(0);
  }
  /* line 19585, app/assets/stylesheets/flexadmin_main.scss */
  .fm-sidebar-header {
    flex-shrink: 0;
  }
  /* line 19589, app/assets/stylesheets/flexadmin_main.scss */
  .fm-nav {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    max-height: none;
    scrollbar-width: thin;
  }
  /* line 19597, app/assets/stylesheets/flexadmin_main.scss */
  .fm-nav::-webkit-scrollbar {
    width: 4px;
  }
  /* line 19601, app/assets/stylesheets/flexadmin_main.scss */
  .fm-nav::-webkit-scrollbar-track {
    background: var(--background-color);
  }
  /* line 19605, app/assets/stylesheets/flexadmin_main.scss */
  .fm-nav::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 2px;
  }
  /* line 19610, app/assets/stylesheets/flexadmin_main.scss */
  .fm-nav::-webkit-scrollbar-thumb:hover {
    background: var(--muted-color);
  }
  /* line 19614, app/assets/stylesheets/flexadmin_main.scss */
  .fm-storage {
    flex-shrink: 0;
  }
  /* line 19618, app/assets/stylesheets/flexadmin_main.scss */
  body.fm-sidebar-open {
    overflow: hidden;
  }
}

@media (max-width: 991.98px) {
  /* line 19624, app/assets/stylesheets/flexadmin_main.scss */
  .fm-search {
    width: 180px;
  }
}

@media (max-width: 767.98px) {
  /* line 19630, app/assets/stylesheets/flexadmin_main.scss */
  .file-manager {
    flex-direction: column;
    height: auto;
    min-height: auto;
  }
  /* line 19636, app/assets/stylesheets/flexadmin_main.scss */
  .fm-header {
    flex-direction: column;
    align-items: stretch;
    padding: 0.75rem 1rem;
    gap: 0.75rem;
  }
  /* line 19643, app/assets/stylesheets/flexadmin_main.scss */
  .fm-breadcrumb {
    font-size: 0.8125rem;
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  /* line 19649, app/assets/stylesheets/flexadmin_main.scss */
  .fm-breadcrumb a,
.fm-breadcrumb span {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 19657, app/assets/stylesheets/flexadmin_main.scss */
  .fm-actions {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 19662, app/assets/stylesheets/flexadmin_main.scss */
  .fm-search {
    width: 100%;
    order: -1;
  }
  /* line 19667, app/assets/stylesheets/flexadmin_main.scss */
  .fm-view-toggle {
    order: 1;
  }
  /* line 19671, app/assets/stylesheets/flexadmin_main.scss */
  .fm-view-btn {
    width: 44px;
    height: 44px;
  }
  /* line 19676, app/assets/stylesheets/flexadmin_main.scss */
  .fm-grid {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 0.75rem;
    padding: 0;
  }
  /* line 19682, app/assets/stylesheets/flexadmin_main.scss */
  .fm-item {
    padding: 0.75rem;
  }
  /* line 19686, app/assets/stylesheets/flexadmin_main.scss */
  .fm-quick-access {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
  /* line 19691, app/assets/stylesheets/flexadmin_main.scss */
  .fm-quick-item {
    padding: 0.75rem;
  }
  /* line 19695, app/assets/stylesheets/flexadmin_main.scss */
  .fm-list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* line 19700, app/assets/stylesheets/flexadmin_main.scss */
  .fm-list-table {
    min-width: 500px;
  }
  /* line 19704, app/assets/stylesheets/flexadmin_main.scss */
  .fm-list-action-btn {
    width: 44px;
    height: 44px;
    opacity: 1;
  }
  /* line 19710, app/assets/stylesheets/flexadmin_main.scss */
  .fm-list-actions {
    opacity: 1;
  }
  /* line 19714, app/assets/stylesheets/flexadmin_main.scss */
  .fm-content {
    padding: 1rem;
  }
  /* line 19718, app/assets/stylesheets/flexadmin_main.scss */
  .fm-upload-btn {
    min-height: 44px;
  }
}

@media (max-width: 575.98px) {
  /* line 19724, app/assets/stylesheets/flexadmin_main.scss */
  .file-manager {
    border-radius: var(--bs-border-radius);
  }
  /* line 19728, app/assets/stylesheets/flexadmin_main.scss */
  .fm-sidebar-header {
    padding: 1rem;
  }
  /* line 19732, app/assets/stylesheets/flexadmin_main.scss */
  .fm-header {
    padding: 0.75rem;
  }
  /* line 19736, app/assets/stylesheets/flexadmin_main.scss */
  .fm-breadcrumb {
    font-size: 0.75rem;
  }
  /* line 19740, app/assets/stylesheets/flexadmin_main.scss */
  .fm-breadcrumb a,
.fm-breadcrumb span {
    max-width: 80px;
  }
  /* line 19745, app/assets/stylesheets/flexadmin_main.scss */
  .fm-actions {
    justify-content: space-between;
  }
  /* line 19749, app/assets/stylesheets/flexadmin_main.scss */
  .fm-actions .dropdown {
    flex: 0 0 auto;
  }
  /* line 19753, app/assets/stylesheets/flexadmin_main.scss */
  .fm-actions .btn {
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
  }
  /* line 19759, app/assets/stylesheets/flexadmin_main.scss */
  .fm-grid {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 0.5rem;
  }
  /* line 19764, app/assets/stylesheets/flexadmin_main.scss */
  .fm-item {
    padding: 0.5rem;
  }
  /* line 19768, app/assets/stylesheets/flexadmin_main.scss */
  .fm-item-icon {
    width: 40px;
    height: 40px;
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
  }
  /* line 19775, app/assets/stylesheets/flexadmin_main.scss */
  .fm-item-thumbnail {
    height: 60px;
    margin-bottom: 0.5rem;
  }
  /* line 19780, app/assets/stylesheets/flexadmin_main.scss */
  .fm-item-name {
    font-size: 0.75rem;
  }
  /* line 19784, app/assets/stylesheets/flexadmin_main.scss */
  .fm-item-meta {
    font-size: 0.625rem;
  }
  /* line 19788, app/assets/stylesheets/flexadmin_main.scss */
  .fm-item-checkbox {
    top: 0.25rem;
    left: 0.25rem;
  }
  /* line 19793, app/assets/stylesheets/flexadmin_main.scss */
  .fm-quick-access {
    grid-template-columns: 1fr;
  }
  /* line 19797, app/assets/stylesheets/flexadmin_main.scss */
  .fm-quick-item {
    padding: 0.625rem;
  }
  /* line 19801, app/assets/stylesheets/flexadmin_main.scss */
  .fm-quick-icon {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
  /* line 19807, app/assets/stylesheets/flexadmin_main.scss */
  .fm-quick-info h6 {
    font-size: 0.8125rem;
  }
  /* line 19811, app/assets/stylesheets/flexadmin_main.scss */
  .fm-quick-info span {
    font-size: 0.6875rem;
  }
  /* line 19815, app/assets/stylesheets/flexadmin_main.scss */
  .fm-content {
    padding: 0.75rem;
  }
  /* line 19819, app/assets/stylesheets/flexadmin_main.scss */
  .fm-section-title {
    font-size: 0.75rem;
    margin-bottom: 0.75rem;
  }
  /* line 19824, app/assets/stylesheets/flexadmin_main.scss */
  .fm-context-menu {
    max-width: calc(100vw - 1rem);
    min-width: 160px;
  }
}

/* line 19830, app/assets/stylesheets/flexadmin_main.scss */
.email-container {
  display: flex;
  min-height: calc(100vh - 200px);
  background: var(--surface-color);
  border-radius: var(--bs-border-radius-lg);
  border: 1px solid var(--border-color);
  overflow: hidden;
}

/* line 19839, app/assets/stylesheets/flexadmin_main.scss */
.email-sidebar {
  width: 240px;
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

/* line 19847, app/assets/stylesheets/flexadmin_main.scss */
.email-sidebar-header {
  padding: 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 19852, app/assets/stylesheets/flexadmin_main.scss */
.email-nav {
  padding: 0.75rem 0;
}

/* line 19856, app/assets/stylesheets/flexadmin_main.scss */
.email-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 19862, app/assets/stylesheets/flexadmin_main.scss */
.email-nav-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  color: var(--default-color);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
  border-left: 3px solid transparent;
}

/* line 19874, app/assets/stylesheets/flexadmin_main.scss */
.email-nav-item i {
  font-size: 1.125rem;
  width: 20px;
  text-align: center;
  color: var(--muted-color);
}

/* line 19881, app/assets/stylesheets/flexadmin_main.scss */
.email-nav-item span:first-of-type {
  flex: 1;
}

/* line 19885, app/assets/stylesheets/flexadmin_main.scss */
.email-nav-item:hover {
  background: var(--background-color);
}

/* line 19889, app/assets/stylesheets/flexadmin_main.scss */
.email-nav-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-left-color: var(--accent-color);
  color: var(--accent-color);
  font-weight: 500;
}

/* line 19896, app/assets/stylesheets/flexadmin_main.scss */
.email-nav-item.active i {
  color: var(--accent-color);
}

/* line 19900, app/assets/stylesheets/flexadmin_main.scss */
.email-nav-badge {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
  background: var(--accent-color);
  color: var(--contrast-color);
}

/* line 19909, app/assets/stylesheets/flexadmin_main.scss */
.email-nav-badge.bg-warning {
  background: var(--warning-color) !important;
}

/* line 19913, app/assets/stylesheets/flexadmin_main.scss */
.email-labels {
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-color);
}

/* line 19918, app/assets/stylesheets/flexadmin_main.scss */
.email-labels-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

/* line 19925, app/assets/stylesheets/flexadmin_main.scss */
.email-labels-header span {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 19933, app/assets/stylesheets/flexadmin_main.scss */
.email-labels-add {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 19947, app/assets/stylesheets/flexadmin_main.scss */
.email-labels-add:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 19952, app/assets/stylesheets/flexadmin_main.scss */
.email-labels-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 19958, app/assets/stylesheets/flexadmin_main.scss */
.email-label-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0;
  font-size: 0.8125rem;
  color: var(--default-color);
  cursor: pointer;
  border-radius: var(--bs-border-radius);
}

/* line 19969, app/assets/stylesheets/flexadmin_main.scss */
.email-label-item:hover {
  color: var(--accent-color);
}

/* line 19973, app/assets/stylesheets/flexadmin_main.scss */
.email-label-item.active {
  color: var(--accent-color);
  font-weight: 500;
}

/* line 19978, app/assets/stylesheets/flexadmin_main.scss */
.email-label-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* line 19984, app/assets/stylesheets/flexadmin_main.scss */
.email-storage {
  padding: 1rem 1.25rem;
  margin-top: auto;
  border-top: 1px solid var(--border-color);
}

/* line 19990, app/assets/stylesheets/flexadmin_main.scss */
.email-storage-info {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: var(--muted-color);
  margin-bottom: 0.5rem;
}

/* line 19998, app/assets/stylesheets/flexadmin_main.scss */
.email-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 20005, app/assets/stylesheets/flexadmin_main.scss */
.email-list-view {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 20011, app/assets/stylesheets/flexadmin_main.scss */
.email-list-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 20019, app/assets/stylesheets/flexadmin_main.scss */
.email-list-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 20025, app/assets/stylesheets/flexadmin_main.scss */
.email-list-actions .form-check {
  margin: 0;
  padding-left: 0;
}

/* line 20030, app/assets/stylesheets/flexadmin_main.scss */
.email-list-actions .form-check .form-check-input {
  margin: 0;
}

/* line 20034, app/assets/stylesheets/flexadmin_main.scss */
.email-action-btn {
  width: 44px;
  height: 44px;
  border-radius: var(--bs-border-radius);
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 20048, app/assets/stylesheets/flexadmin_main.scss */
.email-action-btn:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 20053, app/assets/stylesheets/flexadmin_main.scss */
.email-search {
  flex: 1;
  position: relative;
  max-width: 400px;
}

/* line 20059, app/assets/stylesheets/flexadmin_main.scss */
.email-search .form-control {
  padding-left: 2.5rem;
  background: var(--background-color);
  border-color: transparent;
}

/* line 20065, app/assets/stylesheets/flexadmin_main.scss */
.email-search .form-control:focus {
  background: var(--surface-color);
  border-color: var(--border-color);
}

/* line 20070, app/assets/stylesheets/flexadmin_main.scss */
.email-search-icon {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted-color);
}

/* line 20078, app/assets/stylesheets/flexadmin_main.scss */
.email-list-pagination {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* line 20085, app/assets/stylesheets/flexadmin_main.scss */
.email-pagination-info {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 20090, app/assets/stylesheets/flexadmin_main.scss */
.email-pagination-btn {
  width: 32px;
  height: 32px;
  border-radius: var(--bs-border-radius);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 20104, app/assets/stylesheets/flexadmin_main.scss */
.email-pagination-btn:hover:not(:disabled) {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 20109, app/assets/stylesheets/flexadmin_main.scss */
.email-pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 20114, app/assets/stylesheets/flexadmin_main.scss */
.email-list {
  flex: 1;
  overflow-y: auto;
}

/* line 20119, app/assets/stylesheets/flexadmin_main.scss */
.email-list::-webkit-scrollbar {
  width: 6px;
}

/* line 20123, app/assets/stylesheets/flexadmin_main.scss */
.email-list::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 20128, app/assets/stylesheets/flexadmin_main.scss */
.email-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  transition: background 0.2s;
}

/* line 20138, app/assets/stylesheets/flexadmin_main.scss */
.email-item:hover {
  background: var(--background-color);
}

/* line 20142, app/assets/stylesheets/flexadmin_main.scss */
.email-item.unread {
  background: color-mix(in srgb, var(--accent-color), transparent 97%);
}

/* line 20146, app/assets/stylesheets/flexadmin_main.scss */
.email-item.unread .email-item-sender,
.email-item.unread .email-item-subject {
  font-weight: 600;
}

/* line 20151, app/assets/stylesheets/flexadmin_main.scss */
.email-item.unread:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 94%);
}

/* line 20155, app/assets/stylesheets/flexadmin_main.scss */
.email-item-select {
  flex-shrink: 0;
}

/* line 20159, app/assets/stylesheets/flexadmin_main.scss */
.email-item-select .form-check-input {
  margin: 0;
}

/* line 20163, app/assets/stylesheets/flexadmin_main.scss */
.email-item-star {
  flex-shrink: 0;
  background: none;
  border: none;
  color: var(--muted-color);
  cursor: pointer;
  padding: 0;
  font-size: 1rem;
  transition: color 0.2s;
}

/* line 20174, app/assets/stylesheets/flexadmin_main.scss */
.email-item-star:hover {
  color: var(--warning-color);
}

/* line 20178, app/assets/stylesheets/flexadmin_main.scss */
.email-item-star.starred {
  color: var(--warning-color);
}

/* line 20182, app/assets/stylesheets/flexadmin_main.scss */
.email-item-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
}

/* line 20194, app/assets/stylesheets/flexadmin_main.scss */
.email-item-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 20202, app/assets/stylesheets/flexadmin_main.scss */
.email-item-content {
  flex: 1;
  min-width: 0;
}

/* line 20207, app/assets/stylesheets/flexadmin_main.scss */
.email-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.125rem;
}

/* line 20214, app/assets/stylesheets/flexadmin_main.scss */
.email-item-sender {
  font-size: 0.875rem;
  color: var(--heading-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 20222, app/assets/stylesheets/flexadmin_main.scss */
.email-item-time {
  font-size: 0.75rem;
  color: var(--muted-color);
  flex-shrink: 0;
  margin-left: 0.5rem;
}

/* line 20229, app/assets/stylesheets/flexadmin_main.scss */
.email-item-subject {
  font-size: 0.8125rem;
  color: var(--default-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.125rem;
}

/* line 20238, app/assets/stylesheets/flexadmin_main.scss */
.email-item-preview {
  font-size: 0.8125rem;
  color: var(--muted-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 20246, app/assets/stylesheets/flexadmin_main.scss */
.email-item-labels {
  display: flex;
  gap: 0.25rem;
  flex-shrink: 0;
}

/* line 20252, app/assets/stylesheets/flexadmin_main.scss */
.email-item-label {
  font-size: 0.6875rem;
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
  color: var(--contrast-color);
  font-weight: 500;
}

/* line 20260, app/assets/stylesheets/flexadmin_main.scss */
.email-item-attachment {
  color: var(--muted-color);
  flex-shrink: 0;
}

/* line 20265, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-view {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* line 20271, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 20279, app/assets/stylesheets/flexadmin_main.scss */
.email-back-btn {
  width: 44px;
  height: 44px;
  border-radius: var(--bs-border-radius);
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 20293, app/assets/stylesheets/flexadmin_main.scss */
.email-back-btn:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 20298, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-actions {
  display: flex;
  gap: 0.25rem;
}

/* line 20303, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-nav {
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}

/* line 20309, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-content {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}

/* line 20315, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-content::-webkit-scrollbar {
  width: 6px;
}

/* line 20319, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-content::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 20324, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-subject {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

/* line 20332, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-subject h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.4;
}

/* line 20340, app/assets/stylesheets/flexadmin_main.scss */
.email-detail-labels {
  display: flex;
  gap: 0.25rem;
  flex-shrink: 0;
}

/* line 20346, app/assets/stylesheets/flexadmin_main.scss */
.email-message {
  background: var(--background-color);
  border-radius: var(--bs-border-radius-lg);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

/* line 20353, app/assets/stylesheets/flexadmin_main.scss */
.email-message-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 20362, app/assets/stylesheets/flexadmin_main.scss */
.email-message-sender {
  display: flex;
  gap: 0.75rem;
}

/* line 20367, app/assets/stylesheets/flexadmin_main.scss */
.email-message-sender img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 20375, app/assets/stylesheets/flexadmin_main.scss */
.email-message-sender-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 20381, app/assets/stylesheets/flexadmin_main.scss */
.email-message-sender-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 20387, app/assets/stylesheets/flexadmin_main.scss */
.email-message-sender-email {
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--muted-color);
  margin-left: 0.25rem;
}

/* line 20394, app/assets/stylesheets/flexadmin_main.scss */
.email-message-recipients {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 20399, app/assets/stylesheets/flexadmin_main.scss */
.email-message-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 20405, app/assets/stylesheets/flexadmin_main.scss */
.email-message-date {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 20410, app/assets/stylesheets/flexadmin_main.scss */
.email-star-btn.starred {
  color: var(--warning-color);
}

/* line 20414, app/assets/stylesheets/flexadmin_main.scss */
.email-message-body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--default-color);
}

/* line 20420, app/assets/stylesheets/flexadmin_main.scss */
.email-message-body p {
  margin-bottom: 1rem;
}

/* line 20424, app/assets/stylesheets/flexadmin_main.scss */
.email-message-body p:last-child {
  margin-bottom: 0;
}

/* line 20428, app/assets/stylesheets/flexadmin_main.scss */
.email-message-body ul,
.email-message-body ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

/* line 20434, app/assets/stylesheets/flexadmin_main.scss */
.email-message-body ul li,
.email-message-body ol li {
  margin-bottom: 0.5rem;
}

/* line 20439, app/assets/stylesheets/flexadmin_main.scss */
.email-attachments {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color);
}

/* line 20445, app/assets/stylesheets/flexadmin_main.scss */
.email-attachments-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

/* line 20452, app/assets/stylesheets/flexadmin_main.scss */
.email-attachments-header i {
  color: var(--muted-color);
}

/* line 20456, app/assets/stylesheets/flexadmin_main.scss */
.email-attachments-header span {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  flex: 1;
}

/* line 20463, app/assets/stylesheets/flexadmin_main.scss */
.email-attachments-download {
  font-size: 0.8125rem;
  color: var(--accent-color);
  text-decoration: none;
}

/* line 20469, app/assets/stylesheets/flexadmin_main.scss */
.email-attachments-download:hover {
  text-decoration: underline;
}

/* line 20473, app/assets/stylesheets/flexadmin_main.scss */
.email-attachments-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 20479, app/assets/stylesheets/flexadmin_main.scss */
.email-attachment-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius);
}

/* line 20489, app/assets/stylesheets/flexadmin_main.scss */
.email-attachment-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--bs-border-radius);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

/* line 20501, app/assets/stylesheets/flexadmin_main.scss */
.email-attachment-info {
  flex: 1;
  min-width: 0;
}

/* line 20506, app/assets/stylesheets/flexadmin_main.scss */
.email-attachment-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 20515, app/assets/stylesheets/flexadmin_main.scss */
.email-attachment-size {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 20520, app/assets/stylesheets/flexadmin_main.scss */
.email-attachment-actions {
  display: flex;
  gap: 0.25rem;
}

/* line 20525, app/assets/stylesheets/flexadmin_main.scss */
.email-attachment-btn {
  width: 32px;
  height: 32px;
  border-radius: var(--bs-border-radius);
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 20539, app/assets/stylesheets/flexadmin_main.scss */
.email-attachment-btn:hover {
  background: var(--background-color);
  color: var(--accent-color);
}

/* line 20544, app/assets/stylesheets/flexadmin_main.scss */
.email-quick-reply {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--background-color);
  border-radius: var(--bs-border-radius-lg);
}

/* line 20553, app/assets/stylesheets/flexadmin_main.scss */
.email-quick-reply img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 20561, app/assets/stylesheets/flexadmin_main.scss */
.email-quick-reply .btn {
  flex-shrink: 0;
}

/* line 20565, app/assets/stylesheets/flexadmin_main.scss */
.email-quick-reply-input {
  flex: 1;
}

/* line 20569, app/assets/stylesheets/flexadmin_main.scss */
.email-quick-reply-input textarea {
  width: 100%;
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  border-radius: var(--bs-border-radius);
  padding: 0.75rem;
  font-size: 0.875rem;
  color: var(--default-color);
  resize: none;
  min-height: 80px;
}

/* line 20581, app/assets/stylesheets/flexadmin_main.scss */
.email-quick-reply-input textarea:focus {
  outline: none;
  border-color: var(--accent-color);
}

/* line 20586, app/assets/stylesheets/flexadmin_main.scss */
.email-quick-reply-input textarea::-moz-placeholder {
  color: var(--muted-color);
}

/* line 20590, app/assets/stylesheets/flexadmin_main.scss */
.email-quick-reply-input textarea::placeholder {
  color: var(--muted-color);
}

/* line 20594, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-form .form-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 20600, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-form .form-control {
  font-size: 0.875rem;
}

/* line 20604, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-form textarea.form-control {
  resize: none;
}

/* line 20608, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 20614, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-attachment {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: var(--background-color);
  border-radius: var(--bs-border-radius);
  font-size: 0.8125rem;
  color: var(--default-color);
}

/* line 20625, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-attachment i {
  color: var(--muted-color);
}

/* line 20629, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-attachment-remove {
  background: none;
  border: none;
  padding: 0;
  color: var(--muted-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 20640, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-attachment-remove:hover {
  color: var(--danger-color);
}

/* line 20644, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-tools {
  display: flex;
  gap: 0.25rem;
}

/* line 20649, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-tool {
  width: 44px;
  height: 44px;
  border-radius: var(--bs-border-radius);
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 20663, app/assets/stylesheets/flexadmin_main.scss */
.email-compose-tool:hover {
  background: var(--background-color);
  color: var(--default-color);
}

@media (max-width: 991.98px) {
  /* line 20669, app/assets/stylesheets/flexadmin_main.scss */
  .email-message-meta {
    flex-wrap: wrap;
  }
}

@media (max-width: 767.98px) {
  /* line 20675, app/assets/stylesheets/flexadmin_main.scss */
  .email-container {
    min-height: calc(100vh - 180px);
  }
  /* line 20679, app/assets/stylesheets/flexadmin_main.scss */
  .email-list-header {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 20684, app/assets/stylesheets/flexadmin_main.scss */
  .email-search {
    order: 1;
    flex-basis: 100%;
    max-width: none;
    margin-top: 0.5rem;
  }
  /* line 20691, app/assets/stylesheets/flexadmin_main.scss */
  .email-list-pagination {
    margin-left: 0;
  }
  /* line 20695, app/assets/stylesheets/flexadmin_main.scss */
  .email-item-preview {
    display: block;
    -webkit-line-clamp: 1;
  }
  /* line 20700, app/assets/stylesheets/flexadmin_main.scss */
  .email-detail-content {
    padding: 1rem;
  }
  /* line 20704, app/assets/stylesheets/flexadmin_main.scss */
  .email-message {
    padding: 1rem;
  }
  /* line 20708, app/assets/stylesheets/flexadmin_main.scss */
  .email-message-header {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 20713, app/assets/stylesheets/flexadmin_main.scss */
  .email-message-meta {
    width: 100%;
    justify-content: flex-start;
  }
  /* line 20718, app/assets/stylesheets/flexadmin_main.scss */
  .email-quick-reply {
    flex-wrap: wrap;
  }
  /* line 20722, app/assets/stylesheets/flexadmin_main.scss */
  .email-quick-reply img {
    width: 44px;
    height: 44px;
  }
  /* line 20727, app/assets/stylesheets/flexadmin_main.scss */
  .email-quick-reply .btn {
    min-height: 44px;
    padding: 0.5rem 1rem;
  }
  /* line 20732, app/assets/stylesheets/flexadmin_main.scss */
  .email-quick-reply-input {
    flex-basis: 100%;
    order: 2;
    margin-top: 0.5rem;
  }
  /* line 20738, app/assets/stylesheets/flexadmin_main.scss */
  .email-quick-reply-input textarea {
    min-height: 60px;
  }
}

/* line 20743, app/assets/stylesheets/flexadmin_main.scss */
.email-sidebar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: var(--background-color);
  border: none;
  border-radius: 50%;
  color: var(--muted-color);
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}

/* line 20760, app/assets/stylesheets/flexadmin_main.scss */
.email-sidebar-toggle:hover {
  background: var(--border-color);
  color: var(--default-color);
}

/* line 20765, app/assets/stylesheets/flexadmin_main.scss */
.email-sidebar-close {
  display: none;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 44px;
  height: 44px;
  padding: 0;
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border: none;
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
  z-index: 10;
}

/* line 20782, app/assets/stylesheets/flexadmin_main.scss */
.email-sidebar-close:hover {
  background: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 20787, app/assets/stylesheets/flexadmin_main.scss */
.email-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--default-color), transparent 50%);
  z-index: 1040;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 20800, app/assets/stylesheets/flexadmin_main.scss */
.email-sidebar-overlay.show {
  opacity: 1;
}

/* line 20804, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .email-sidebar-overlay {
  background: color-mix(in srgb, var(--default-color), transparent 30%);
}

@media (max-width: 1279.98px) {
  /* line 20809, app/assets/stylesheets/flexadmin_main.scss */
  .email-sidebar-toggle {
    display: flex;
  }
  /* line 20813, app/assets/stylesheets/flexadmin_main.scss */
  .email-sidebar-overlay {
    display: block;
    pointer-events: none;
  }
  /* line 20818, app/assets/stylesheets/flexadmin_main.scss */
  .email-sidebar-overlay.show {
    pointer-events: auto;
  }
  /* line 20822, app/assets/stylesheets/flexadmin_main.scss */
  .email-sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 20828, app/assets/stylesheets/flexadmin_main.scss */
  .email-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh;
    background: var(--surface-color);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 3.5rem;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  /* line 20848, app/assets/stylesheets/flexadmin_main.scss */
  .email-sidebar.show {
    transform: translateX(0);
  }
  /* line 20852, app/assets/stylesheets/flexadmin_main.scss */
  .email-sidebar-header {
    flex-shrink: 0;
  }
  /* line 20856, app/assets/stylesheets/flexadmin_main.scss */
  .email-nav {
    flex-shrink: 0;
  }
  /* line 20860, app/assets/stylesheets/flexadmin_main.scss */
  .email-labels {
    display: block;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    max-height: none;
    scrollbar-width: thin;
  }
  /* line 20869, app/assets/stylesheets/flexadmin_main.scss */
  .email-labels::-webkit-scrollbar {
    width: 4px;
  }
  /* line 20873, app/assets/stylesheets/flexadmin_main.scss */
  .email-labels::-webkit-scrollbar-track {
    background: var(--background-color);
  }
  /* line 20877, app/assets/stylesheets/flexadmin_main.scss */
  .email-labels::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 2px;
  }
  /* line 20882, app/assets/stylesheets/flexadmin_main.scss */
  .email-labels::-webkit-scrollbar-thumb:hover {
    background: var(--muted-color);
  }
  /* line 20886, app/assets/stylesheets/flexadmin_main.scss */
  .email-storage {
    display: block;
    flex-shrink: 0;
  }
  /* line 20891, app/assets/stylesheets/flexadmin_main.scss */
  body.email-sidebar-open {
    overflow: hidden;
  }
}

@media (max-width: 575.98px) {
  /* line 20897, app/assets/stylesheets/flexadmin_main.scss */
  .email-container {
    border-radius: 0;
    border-left: none;
    border-right: none;
    min-height: calc(100vh - 160px);
  }
  /* line 20904, app/assets/stylesheets/flexadmin_main.scss */
  .email-list-header {
    padding: 0.5rem 0.75rem;
  }
  /* line 20908, app/assets/stylesheets/flexadmin_main.scss */
  .email-list-actions {
    gap: 0;
  }
  /* line 20912, app/assets/stylesheets/flexadmin_main.scss */
  .email-action-btn {
    width: 44px;
    height: 44px;
  }
  /* line 20917, app/assets/stylesheets/flexadmin_main.scss */
  .email-pagination-btn {
    width: 44px;
    height: 44px;
  }
  /* line 20922, app/assets/stylesheets/flexadmin_main.scss */
  .email-pagination-info {
    font-size: 0.75rem;
  }
  /* line 20926, app/assets/stylesheets/flexadmin_main.scss */
  .email-item {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  /* line 20931, app/assets/stylesheets/flexadmin_main.scss */
  .email-item-avatar {
    width: 36px;
    height: 36px;
    font-size: 0.75rem;
  }
  /* line 20937, app/assets/stylesheets/flexadmin_main.scss */
  .email-item-sender {
    font-size: 0.8125rem;
  }
  /* line 20941, app/assets/stylesheets/flexadmin_main.scss */
  .email-item-subject {
    font-size: 0.75rem;
  }
  /* line 20945, app/assets/stylesheets/flexadmin_main.scss */
  .email-item-preview {
    font-size: 0.75rem;
  }
  /* line 20949, app/assets/stylesheets/flexadmin_main.scss */
  .email-item-time {
    font-size: 0.6875rem;
  }
  /* line 20953, app/assets/stylesheets/flexadmin_main.scss */
  .email-item-labels {
    display: none;
  }
  /* line 20957, app/assets/stylesheets/flexadmin_main.scss */
  .email-detail-header {
    padding: 0.5rem 0.75rem;
    gap: 0.25rem;
  }
  /* line 20962, app/assets/stylesheets/flexadmin_main.scss */
  .email-detail-content {
    padding: 0.75rem;
  }
  /* line 20966, app/assets/stylesheets/flexadmin_main.scss */
  .email-detail-subject {
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }
  /* line 20972, app/assets/stylesheets/flexadmin_main.scss */
  .email-detail-subject h4 {
    font-size: 1rem;
  }
  /* line 20976, app/assets/stylesheets/flexadmin_main.scss */
  .email-message {
    padding: 0.75rem;
    margin-bottom: 1rem;
  }
  /* line 20981, app/assets/stylesheets/flexadmin_main.scss */
  .email-message-header {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
  }
  /* line 20986, app/assets/stylesheets/flexadmin_main.scss */
  .email-message-sender img {
    width: 40px;
    height: 40px;
  }
  /* line 20991, app/assets/stylesheets/flexadmin_main.scss */
  .email-message-sender-name {
    font-size: 0.875rem;
  }
  /* line 20995, app/assets/stylesheets/flexadmin_main.scss */
  .email-message-sender-email {
    font-size: 0.75rem;
  }
  /* line 20999, app/assets/stylesheets/flexadmin_main.scss */
  .email-message-body {
    font-size: 0.875rem;
  }
  /* line 21003, app/assets/stylesheets/flexadmin_main.scss */
  .email-attachments {
    margin-top: 1rem;
    padding-top: 1rem;
  }
  /* line 21008, app/assets/stylesheets/flexadmin_main.scss */
  .email-attachment-item {
    padding: 0.5rem;
  }
  /* line 21012, app/assets/stylesheets/flexadmin_main.scss */
  .email-attachment-icon {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }
  /* line 21018, app/assets/stylesheets/flexadmin_main.scss */
  .email-attachment-btn {
    width: 44px;
    height: 44px;
  }
  /* line 21023, app/assets/stylesheets/flexadmin_main.scss */
  .email-compose-tools {
    flex-wrap: wrap;
  }
  /* line 21027, app/assets/stylesheets/flexadmin_main.scss */
  .email-compose-tool {
    width: 44px;
    height: 44px;
  }
}

/* line 21033, app/assets/stylesheets/flexadmin_main.scss */
.todo-container {
  display: flex;
  height: calc(100vh - 200px);
  min-height: 500px;
  background: var(--surface-color);
  border-radius: var(--bs-border-radius-lg);
  border: 1px solid var(--border-color);
  overflow: hidden;
}

/* line 21043, app/assets/stylesheets/flexadmin_main.scss */
.todo-sidebar {
  width: 260px;
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

/* line 21051, app/assets/stylesheets/flexadmin_main.scss */
.todo-sidebar-header {
  padding: 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 21056, app/assets/stylesheets/flexadmin_main.scss */
.todo-nav {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border-color);
}

/* line 21061, app/assets/stylesheets/flexadmin_main.scss */
.todo-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 21067, app/assets/stylesheets/flexadmin_main.scss */
.todo-nav-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  color: var(--default-color);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
  border-left: 3px solid transparent;
}

/* line 21079, app/assets/stylesheets/flexadmin_main.scss */
.todo-nav-item i {
  font-size: 1.125rem;
  width: 20px;
  text-align: center;
  color: var(--muted-color);
}

/* line 21086, app/assets/stylesheets/flexadmin_main.scss */
.todo-nav-item span:first-of-type {
  flex: 1;
}

/* line 21090, app/assets/stylesheets/flexadmin_main.scss */
.todo-nav-item:hover {
  background: var(--background-color);
}

/* line 21094, app/assets/stylesheets/flexadmin_main.scss */
.todo-nav-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-left-color: var(--accent-color);
  color: var(--accent-color);
  font-weight: 500;
}

/* line 21101, app/assets/stylesheets/flexadmin_main.scss */
.todo-nav-item.active i {
  color: var(--accent-color);
}

/* line 21105, app/assets/stylesheets/flexadmin_main.scss */
.todo-nav-count {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
  background: var(--background-color);
  color: var(--muted-color);
}

/* line 21114, app/assets/stylesheets/flexadmin_main.scss */
.todo-projects {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 21119, app/assets/stylesheets/flexadmin_main.scss */
.todo-projects-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

/* line 21126, app/assets/stylesheets/flexadmin_main.scss */
.todo-projects-header span {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 21134, app/assets/stylesheets/flexadmin_main.scss */
.todo-projects-add {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 21148, app/assets/stylesheets/flexadmin_main.scss */
.todo-projects-add:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 21153, app/assets/stylesheets/flexadmin_main.scss */
.todo-projects-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 21159, app/assets/stylesheets/flexadmin_main.scss */
.todo-project-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.5rem;
  font-size: 0.8125rem;
  color: var(--default-color);
  cursor: pointer;
  border-radius: var(--bs-border-radius);
  margin: 0 -0.5rem;
}

/* line 21171, app/assets/stylesheets/flexadmin_main.scss */
.todo-project-item span:nth-child(2) {
  flex: 1;
}

/* line 21175, app/assets/stylesheets/flexadmin_main.scss */
.todo-project-item:hover {
  background: var(--background-color);
}

/* line 21179, app/assets/stylesheets/flexadmin_main.scss */
.todo-project-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  font-weight: 500;
}

/* line 21185, app/assets/stylesheets/flexadmin_main.scss */
.todo-project-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 21192, app/assets/stylesheets/flexadmin_main.scss */
.todo-tags {
  padding: 1rem 1.25rem;
}

/* line 21196, app/assets/stylesheets/flexadmin_main.scss */
.todo-tags-header {
  margin-bottom: 0.75rem;
}

/* line 21200, app/assets/stylesheets/flexadmin_main.scss */
.todo-tags-header span {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 21208, app/assets/stylesheets/flexadmin_main.scss */
.todo-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

/* line 21214, app/assets/stylesheets/flexadmin_main.scss */
.todo-tag {
  font-size: 0.75rem;
  padding: 0.25rem 0.625rem;
  border-radius: 10px;
  background: var(--background-color);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 21224, app/assets/stylesheets/flexadmin_main.scss */
.todo-tag:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 21229, app/assets/stylesheets/flexadmin_main.scss */
.todo-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 21236, app/assets/stylesheets/flexadmin_main.scss */
.todo-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 21244, app/assets/stylesheets/flexadmin_main.scss */
.todo-header-title h5 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
}

/* line 21251, app/assets/stylesheets/flexadmin_main.scss */
.todo-header-count {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 21256, app/assets/stylesheets/flexadmin_main.scss */
.todo-header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 21262, app/assets/stylesheets/flexadmin_main.scss */
.todo-search {
  position: relative;
  width: 200px;
}

/* line 21267, app/assets/stylesheets/flexadmin_main.scss */
.todo-search .form-control {
  padding-left: 2.25rem;
  background: var(--background-color);
  border-color: transparent;
  font-size: 0.875rem;
}

/* line 21274, app/assets/stylesheets/flexadmin_main.scss */
.todo-search .form-control:focus {
  background: var(--surface-color);
  border-color: var(--border-color);
}

/* line 21279, app/assets/stylesheets/flexadmin_main.scss */
.todo-search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted-color);
  font-size: 0.875rem;
}

/* line 21288, app/assets/stylesheets/flexadmin_main.scss */
.todo-filter-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--bs-border-radius);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--muted-color);
  font-size: 0.8125rem;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 21302, app/assets/stylesheets/flexadmin_main.scss */
.todo-filter-btn:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 21307, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-toggle {
  display: flex;
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
}

/* line 21314, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-btn {
  width: 36px;
  height: 36px;
  border: none;
  background: var(--surface-color);
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 21327, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-btn:not(:last-child) {
  border-right: 1px solid var(--border-color);
}

/* line 21331, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-btn:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 21336, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-btn.active {
  background: var(--accent-color);
  color: var(--contrast-color);
}

/* line 21341, app/assets/stylesheets/flexadmin_main.scss */
.todo-list {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 0;
}

/* line 21347, app/assets/stylesheets/flexadmin_main.scss */
.todo-list::-webkit-scrollbar {
  width: 6px;
}

/* line 21351, app/assets/stylesheets/flexadmin_main.scss */
.todo-list::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 21356, app/assets/stylesheets/flexadmin_main.scss */
.todo-section {
  margin-bottom: 1rem;
}

/* line 21360, app/assets/stylesheets/flexadmin_main.scss */
.todo-section-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  position: sticky;
  top: 0;
  background: var(--surface-color);
  z-index: 1;
}

/* line 21371, app/assets/stylesheets/flexadmin_main.scss */
.todo-section-header h6 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
  flex: 1;
}

/* line 21379, app/assets/stylesheets/flexadmin_main.scss */
.todo-section-toggle {
  width: 24px;
  height: 24px;
  border-radius: var(--bs-border-radius);
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 21393, app/assets/stylesheets/flexadmin_main.scss */
.todo-section-toggle:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 21398, app/assets/stylesheets/flexadmin_main.scss */
.todo-section-count {
  font-size: 0.75rem;
  color: var(--muted-color);
  background: var(--background-color);
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
}

/* line 21406, app/assets/stylesheets/flexadmin_main.scss */
.todo-section-content {
  padding: 0.25rem 0;
}

/* line 21410, app/assets/stylesheets/flexadmin_main.scss */
.todo-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  cursor: pointer;
  transition: background 0.2s;
  border-left: 3px solid transparent;
}

/* line 21420, app/assets/stylesheets/flexadmin_main.scss */
.todo-item:hover {
  background: var(--background-color);
}

/* line 21424, app/assets/stylesheets/flexadmin_main.scss */
.todo-item.selected {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-left-color: var(--accent-color);
}

/* line 21429, app/assets/stylesheets/flexadmin_main.scss */
.todo-item.completed .todo-item-title {
  text-decoration: line-through;
  color: var(--muted-color);
}

/* line 21434, app/assets/stylesheets/flexadmin_main.scss */
.todo-item.completed .todo-item-content {
  opacity: 0.7;
}

/* line 21438, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-check {
  padding-top: 0.125rem;
}

/* line 21442, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-check .todo-checkbox {
  display: none;
}

/* line 21446, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-check .todo-checkbox + label {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-color-dark);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}

/* line 21457, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-check .todo-checkbox + label:hover {
  border-color: var(--accent-color);
}

/* line 21461, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-check .todo-checkbox + label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent-color);
  transition: transform 0.2s;
}

/* line 21474, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-check .todo-checkbox:checked + label {
  border-color: var(--accent-color);
  background: var(--accent-color);
}

/* line 21479, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-check .todo-checkbox:checked + label::after {
  content: "";
  width: 5px;
  height: 9px;
  border: solid var(--contrast-color);
  border-width: 0 2px 2px 0;
  border-radius: 0;
  background: transparent;
  transform: translate(-50%, -60%) rotate(45deg);
}

/* line 21490, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-content {
  flex: 1;
  min-width: 0;
}

/* line 21495, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-title {
  font-size: 0.9375rem;
  color: var(--default-color);
  margin-bottom: 0.375rem;
  line-height: 1.4;
}

/* line 21502, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

/* line 21509, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-project {
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  background: color-mix(in srgb, var(--project-color, var(--accent-color)), transparent 85%);
  color: var(--project-color, var(--accent-color));
  font-weight: 500;
}

/* line 21518, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-due {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 21526, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-due i {
  font-size: 0.6875rem;
}

/* line 21530, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-tag {
  font-size: 0.6875rem;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  background: var(--background-color);
  color: var(--muted-color);
}

/* line 21538, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-completed-date {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 21543, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 21550, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-star {
  background: none;
  border: none;
  padding: 0;
  color: var(--muted-color);
  cursor: pointer;
  font-size: 1rem;
  opacity: 0;
  transition: all 0.2s;
}

/* line 21561, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-star:hover {
  color: var(--warning-color);
}

/* line 21565, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-star.starred {
  color: var(--warning-color);
  opacity: 1;
}

/* line 21570, app/assets/stylesheets/flexadmin_main.scss */
.todo-item:hover .todo-item-star {
  opacity: 1;
}

/* line 21574, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-priority {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  text-transform: uppercase;
}

/* line 21582, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-priority.high {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 21587, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-priority.medium {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 21592, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-priority.low {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 21597, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-more {
  width: 28px;
  height: 28px;
  border-radius: var(--bs-border-radius);
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s;
}

/* line 21612, app/assets/stylesheets/flexadmin_main.scss */
.todo-item-more:hover {
  background: var(--background-color);
  color: var(--default-color);
}

/* line 21617, app/assets/stylesheets/flexadmin_main.scss */
.todo-item:hover .todo-item-more {
  opacity: 1;
}

/* line 21621, app/assets/stylesheets/flexadmin_main.scss */
.todo-quick-add {
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-color);
  background: var(--surface-color);
}

/* line 21627, app/assets/stylesheets/flexadmin_main.scss */
.todo-quick-add-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: var(--bs-border-radius);
  border: 1px dashed var(--border-color);
  background: none;
  color: var(--muted-color);
  font-size: 0.875rem;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 21642, app/assets/stylesheets/flexadmin_main.scss */
.todo-quick-add-btn:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 21648, app/assets/stylesheets/flexadmin_main.scss */
.todo-quick-add-form .form-control {
  margin-bottom: 0.75rem;
  font-size: 0.9375rem;
}

/* line 21653, app/assets/stylesheets/flexadmin_main.scss */
.todo-quick-add-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 21659, app/assets/stylesheets/flexadmin_main.scss */
.todo-color-picker {
  display: flex;
  gap: 0.5rem;
}

/* line 21664, app/assets/stylesheets/flexadmin_main.scss */
.todo-color-option {
  cursor: pointer;
}

/* line 21668, app/assets/stylesheets/flexadmin_main.scss */
.todo-color-option input {
  display: none;
}

/* line 21672, app/assets/stylesheets/flexadmin_main.scss */
.todo-color-option input:checked + span {
  transform: scale(1.1);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 70%);
}

/* line 21677, app/assets/stylesheets/flexadmin_main.scss */
.todo-color-option span {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  transition: all 0.2s;
}

/* line 21685, app/assets/stylesheets/flexadmin_main.scss */
.todo-color-option span:hover {
  transform: scale(1.1);
}

/* line 21689, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-task {
  padding: 0.5rem 0;
}

/* line 21693, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

/* line 21700, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-check {
  padding-top: 0.25rem;
}

/* line 21704, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-title-wrapper {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

/* line 21712, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
  line-height: 1.4;
}

/* line 21720, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-star {
  background: none;
  border: none;
  padding: 0.25rem;
  color: var(--muted-color);
  cursor: pointer;
  font-size: 1.25rem;
  transition: color 0.2s;
}

/* line 21730, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-star:hover {
  color: var(--warning-color);
}

/* line 21734, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-star.starred {
  color: var(--warning-color);
}

/* line 21738, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
  background: var(--background-color);
  border-radius: var(--bs-border-radius);
  margin-bottom: 1.5rem;
}

/* line 21748, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-meta-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 21756, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-meta-item i {
  color: var(--muted-color);
}

/* line 21760, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-project {
  font-size: 0.75rem;
  padding: 0.25rem 0.625rem;
  border-radius: 4px;
  background: color-mix(in srgb, var(--project-color, var(--accent-color)), transparent 85%);
  color: var(--project-color, var(--accent-color));
  font-weight: 500;
}

/* line 21769, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-section {
  margin-bottom: 1.5rem;
}

/* line 21773, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-section h6 {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

/* line 21782, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-section p {
  font-size: 0.9375rem;
  color: var(--default-color);
  line-height: 1.6;
  margin: 0;
}

/* line 21789, app/assets/stylesheets/flexadmin_main.scss */
.todo-view-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

/* line 21795, app/assets/stylesheets/flexadmin_main.scss */
.todo-subtasks {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 21801, app/assets/stylesheets/flexadmin_main.scss */
.todo-subtask {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 21807, app/assets/stylesheets/flexadmin_main.scss */
.todo-subtask label {
  font-size: 0.9375rem;
  color: var(--default-color);
  cursor: pointer;
}

/* line 21813, app/assets/stylesheets/flexadmin_main.scss */
.todo-subtask input:checked + label {
  text-decoration: line-through;
  color: var(--muted-color);
}

/* line 21818, app/assets/stylesheets/flexadmin_main.scss */
.todo-subtask-check {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--accent-color);
}

/* line 21825, app/assets/stylesheets/flexadmin_main.scss */
.todo-activity {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 21831, app/assets/stylesheets/flexadmin_main.scss */
.todo-activity-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

/* line 21837, app/assets/stylesheets/flexadmin_main.scss */
.todo-activity-item img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 21845, app/assets/stylesheets/flexadmin_main.scss */
.todo-activity-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

/* line 21852, app/assets/stylesheets/flexadmin_main.scss */
.todo-activity-text {
  font-size: 0.875rem;
  color: var(--default-color);
}

/* line 21857, app/assets/stylesheets/flexadmin_main.scss */
.todo-activity-text strong {
  font-weight: 600;
}

/* line 21861, app/assets/stylesheets/flexadmin_main.scss */
.todo-activity-time {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 21866, app/assets/stylesheets/flexadmin_main.scss */
.todo-edit-subtasks {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 21872, app/assets/stylesheets/flexadmin_main.scss */
.todo-edit-subtask {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 21878, app/assets/stylesheets/flexadmin_main.scss */
.todo-edit-subtask .form-control {
  flex: 1;
}

/* line 21882, app/assets/stylesheets/flexadmin_main.scss */
.todo-edit-subtask-remove {
  width: 32px;
  height: 32px;
  border-radius: var(--bs-border-radius);
  border: none;
  background: none;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 21896, app/assets/stylesheets/flexadmin_main.scss */
.todo-edit-subtask-remove:hover {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 21901, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  padding: 1rem 1.25rem;
}

/* line 21908, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-section {
  display: contents;
}

/* line 21912, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-section-header {
  display: none;
}

/* line 21916, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-section-content {
  display: contents;
  padding: 0;
}

/* line 21921, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item {
  flex-direction: column;
  align-items: stretch;
  padding: 1rem;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius-lg);
  border-left: 4px solid var(--accent-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.2s;
}

/* line 21933, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item:hover {
  background: var(--surface-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* line 21939, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item.selected {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-color), transparent 70%);
}

/* line 21944, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item[data-priority=high] {
  border-left-color: var(--danger-color);
}

/* line 21948, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item[data-priority=medium] {
  border-left-color: var(--warning-color);
}

/* line 21952, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item[data-priority=low] {
  border-left-color: var(--success-color);
}

/* line 21956, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item-check {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding-top: 0;
}

/* line 21963, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item-content {
  order: 1;
  padding-right: 2rem;
}

/* line 21968, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item-title {
  font-size: 0.9375rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

/* line 21975, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item-meta {
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

/* line 21980, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item-actions {
  order: 2;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-color);
  justify-content: space-between;
}

/* line 21988, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item-actions .todo-item-star,
.todo-list.board-view .todo-item-actions .todo-item-more {
  opacity: 1;
}

/* line 21993, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item-priority {
  margin-left: 0;
}

/* line 21997, app/assets/stylesheets/flexadmin_main.scss */
.todo-list.board-view .todo-item {
  position: relative;
}

/* line 22001, app/assets/stylesheets/flexadmin_main.scss */
.todo-sidebar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: var(--background-color);
  border: none;
  border-radius: 50%;
  color: var(--muted-color);
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}

/* line 22018, app/assets/stylesheets/flexadmin_main.scss */
.todo-sidebar-toggle:hover {
  background: var(--border-color);
  color: var(--default-color);
}

/* line 22023, app/assets/stylesheets/flexadmin_main.scss */
.todo-sidebar-close {
  display: none;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 44px;
  height: 44px;
  padding: 0;
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border: none;
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
  z-index: 10;
}

/* line 22040, app/assets/stylesheets/flexadmin_main.scss */
.todo-sidebar-close:hover {
  background: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 22045, app/assets/stylesheets/flexadmin_main.scss */
.todo-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--default-color), transparent 50%);
  z-index: 1040;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 22058, app/assets/stylesheets/flexadmin_main.scss */
.todo-sidebar-overlay.show {
  opacity: 1;
}

/* line 22062, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .todo-sidebar-overlay {
  background: color-mix(in srgb, var(--default-color), transparent 30%);
}

@media (max-width: 1279.98px) {
  /* line 22067, app/assets/stylesheets/flexadmin_main.scss */
  .todo-sidebar-toggle {
    display: flex;
  }
  /* line 22071, app/assets/stylesheets/flexadmin_main.scss */
  .todo-sidebar-overlay {
    display: block;
    pointer-events: none;
  }
  /* line 22076, app/assets/stylesheets/flexadmin_main.scss */
  .todo-sidebar-overlay.show {
    pointer-events: auto;
  }
  /* line 22080, app/assets/stylesheets/flexadmin_main.scss */
  .todo-sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 22086, app/assets/stylesheets/flexadmin_main.scss */
  .todo-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh;
    background: var(--surface-color);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-top: 3.5rem;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  /* line 22106, app/assets/stylesheets/flexadmin_main.scss */
  .todo-sidebar.show {
    transform: translateX(0);
  }
  /* line 22110, app/assets/stylesheets/flexadmin_main.scss */
  body.todo-sidebar-open {
    overflow: hidden;
  }
}

@media (max-width: 991.98px) {
  /* line 22116, app/assets/stylesheets/flexadmin_main.scss */
  .todo-search {
    width: 150px;
  }
}

@media (max-width: 767.98px) {
  /* line 22122, app/assets/stylesheets/flexadmin_main.scss */
  .todo-container {
    min-height: calc(100vh - 180px);
  }
  /* line 22126, app/assets/stylesheets/flexadmin_main.scss */
  .todo-header {
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1rem;
  }
  /* line 22132, app/assets/stylesheets/flexadmin_main.scss */
  .todo-header-title {
    flex: 1;
  }
  /* line 22136, app/assets/stylesheets/flexadmin_main.scss */
  .todo-header-title h5 {
    font-size: 1rem;
  }
  /* line 22140, app/assets/stylesheets/flexadmin_main.scss */
  .todo-header-actions {
    width: 100%;
    gap: 0.5rem;
  }
  /* line 22145, app/assets/stylesheets/flexadmin_main.scss */
  .todo-search {
    flex: 1;
    width: auto;
    min-width: 100px;
  }
  /* line 22151, app/assets/stylesheets/flexadmin_main.scss */
  .todo-search .form-control {
    min-height: 44px;
  }
  /* line 22155, app/assets/stylesheets/flexadmin_main.scss */
  .todo-filter-btn {
    min-height: 44px;
    min-width: 44px;
    padding: 0.5rem;
  }
  /* line 22161, app/assets/stylesheets/flexadmin_main.scss */
  .todo-filter-btn span {
    display: none;
  }
  /* line 22165, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-toggle {
    flex-shrink: 0;
  }
  /* line 22169, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-btn {
    width: 44px;
    height: 44px;
  }
  /* line 22174, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list {
    flex: 1;
    min-height: 300px;
  }
  /* line 22179, app/assets/stylesheets/flexadmin_main.scss */
  .todo-section-header {
    padding: 0.5rem 1rem;
  }
  /* line 22183, app/assets/stylesheets/flexadmin_main.scss */
  .todo-section-header h6 {
    font-size: 0.75rem;
  }
  /* line 22187, app/assets/stylesheets/flexadmin_main.scss */
  .todo-section-toggle {
    width: 36px;
    height: 36px;
  }
  /* line 22192, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item {
    padding: 0.875rem 1rem;
    gap: 0.625rem;
  }
  /* line 22197, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-check .todo-checkbox + label {
    width: 24px;
    height: 24px;
  }
  /* line 22202, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-title {
    font-size: 0.875rem;
  }
  /* line 22206, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-meta {
    gap: 0.375rem;
  }
  /* line 22210, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-actions {
    flex-wrap: wrap;
    gap: 0.375rem;
  }
  /* line 22215, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-priority {
    display: none;
  }
  /* line 22219, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-star {
    opacity: 1;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 22228, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-more {
    opacity: 1;
    width: 44px;
    height: 44px;
  }
  /* line 22234, app/assets/stylesheets/flexadmin_main.scss */
  .todo-quick-add {
    padding: 0.875rem 1rem;
  }
  /* line 22238, app/assets/stylesheets/flexadmin_main.scss */
  .todo-quick-add-btn {
    min-height: 44px;
    padding: 0.875rem 1rem;
  }
  /* line 22243, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 0.75rem;
    padding: 0.75rem 1rem;
  }
  /* line 22249, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item {
    padding: 0.875rem;
  }
  /* line 22253, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item-check {
    top: 0.875rem;
    right: 0.875rem;
  }
  /* line 22258, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item-content {
    padding-right: 2.5rem;
  }
}

@media (max-width: 575.98px) {
  /* line 22264, app/assets/stylesheets/flexadmin_main.scss */
  .todo-container {
    min-height: calc(100vh - 160px);
    border-radius: var(--bs-border-radius);
  }
  /* line 22269, app/assets/stylesheets/flexadmin_main.scss */
  .todo-header {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  /* line 22274, app/assets/stylesheets/flexadmin_main.scss */
  .todo-header-title h5 {
    font-size: 0.9375rem;
  }
  /* line 22278, app/assets/stylesheets/flexadmin_main.scss */
  .todo-header-count {
    font-size: 0.75rem;
  }
  /* line 22282, app/assets/stylesheets/flexadmin_main.scss */
  .todo-header-actions {
    gap: 0.375rem;
  }
  /* line 22286, app/assets/stylesheets/flexadmin_main.scss */
  .todo-search {
    min-width: 0;
    flex: 1;
  }
  /* line 22291, app/assets/stylesheets/flexadmin_main.scss */
  .todo-search .form-control {
    font-size: 0.8125rem;
    padding-left: 2rem;
  }
  /* line 22296, app/assets/stylesheets/flexadmin_main.scss */
  .todo-search-icon {
    left: 0.625rem;
    font-size: 0.8125rem;
  }
  /* line 22301, app/assets/stylesheets/flexadmin_main.scss */
  .todo-filter-btn {
    min-width: 44px;
    padding: 0.5rem;
  }
  /* line 22306, app/assets/stylesheets/flexadmin_main.scss */
  .todo-filter-btn i {
    font-size: 1rem;
  }
  /* line 22310, app/assets/stylesheets/flexadmin_main.scss */
  .todo-filter-btn span {
    display: none;
  }
  /* line 22314, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-btn {
    width: 40px;
    height: 40px;
  }
  /* line 22319, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list {
    padding: 0.5rem 0;
    min-height: 250px;
    max-height: calc(100vh - 340px);
  }
  /* line 22325, app/assets/stylesheets/flexadmin_main.scss */
  .todo-section {
    margin-bottom: 0.75rem;
  }
  /* line 22329, app/assets/stylesheets/flexadmin_main.scss */
  .todo-section-header {
    padding: 0.375rem 0.75rem;
  }
  /* line 22333, app/assets/stylesheets/flexadmin_main.scss */
  .todo-section-header h6 {
    font-size: 0.6875rem;
  }
  /* line 22337, app/assets/stylesheets/flexadmin_main.scss */
  .todo-section-toggle {
    width: 32px;
    height: 32px;
  }
  /* line 22342, app/assets/stylesheets/flexadmin_main.scss */
  .todo-section-count {
    font-size: 0.6875rem;
    padding: 0.125rem 0.375rem;
  }
  /* line 22347, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item {
    padding: 0.75rem;
    gap: 0.5rem;
    border-left-width: 2px;
  }
  /* line 22353, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-check {
    padding-top: 0;
  }
  /* line 22357, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-check .todo-checkbox + label {
    width: 28px;
    height: 28px;
  }
  /* line 22362, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-check .todo-checkbox + label::after {
    width: 12px;
    height: 12px;
  }
  /* line 22367, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-check .todo-checkbox:checked + label::after {
    width: 6px;
    height: 10px;
  }
  /* line 22372, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-title {
    font-size: 0.8125rem;
    margin-bottom: 0.25rem;
    line-height: 1.3;
  }
  /* line 22378, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-meta {
    gap: 0.25rem;
    flex-wrap: wrap;
  }
  /* line 22383, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-project {
    font-size: 0.6875rem;
    padding: 0.125rem 0.375rem;
  }
  /* line 22388, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-due {
    font-size: 0.6875rem;
  }
  /* line 22392, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-due i {
    font-size: 0.625rem;
  }
  /* line 22396, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-tag {
    font-size: 0.625rem;
    padding: 0.125rem 0.25rem;
  }
  /* line 22401, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-actions {
    gap: 0.25rem;
    margin-top: 0.25rem;
  }
  /* line 22406, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-star {
    width: 40px;
    height: 40px;
    font-size: 1.125rem;
  }
  /* line 22412, app/assets/stylesheets/flexadmin_main.scss */
  .todo-item-more {
    width: 40px;
    height: 40px;
  }
  /* line 22417, app/assets/stylesheets/flexadmin_main.scss */
  .todo-quick-add {
    padding: 0.75rem;
  }
  /* line 22421, app/assets/stylesheets/flexadmin_main.scss */
  .todo-quick-add-btn {
    padding: 0.75rem;
    font-size: 0.8125rem;
    min-height: 44px;
  }
  /* line 22427, app/assets/stylesheets/flexadmin_main.scss */
  .todo-quick-add-form .form-control {
    font-size: 0.875rem;
    min-height: 44px;
  }
  /* line 22432, app/assets/stylesheets/flexadmin_main.scss */
  .todo-quick-add-actions {
    gap: 0.375rem;
  }
  /* line 22436, app/assets/stylesheets/flexadmin_main.scss */
  .todo-quick-add-actions .btn {
    min-height: 44px;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
  }
  /* line 22442, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
  }
  /* line 22448, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item {
    padding: 0.75rem;
    border-left-width: 3px;
  }
  /* line 22453, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item-check {
    top: 0.75rem;
    right: 0.75rem;
  }
  /* line 22458, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item-check .todo-checkbox + label {
    width: 24px;
    height: 24px;
  }
  /* line 22463, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item-content {
    padding-right: 2rem;
  }
  /* line 22467, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item-title {
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
  }
  /* line 22472, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item-meta {
    margin-bottom: 0.5rem;
  }
  /* line 22476, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item-actions {
    padding-top: 0.5rem;
    gap: 0.375rem;
  }
  /* line 22481, app/assets/stylesheets/flexadmin_main.scss */
  .todo-list.board-view .todo-item-actions .todo-item-star,
.todo-list.board-view .todo-item-actions .todo-item-more {
    width: 36px;
    height: 36px;
  }
  /* line 22487, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-task {
    padding: 0.25rem 0;
  }
  /* line 22491, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-header {
    gap: 0.5rem;
    margin-bottom: 1rem;
  }
  /* line 22496, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-title {
    font-size: 1.0625rem;
  }
  /* line 22500, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-star {
    padding: 0.5rem;
    font-size: 1.125rem;
  }
  /* line 22505, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-meta {
    gap: 0.625rem;
    padding: 0.75rem;
    margin-bottom: 1rem;
  }
  /* line 22511, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-meta-item {
    font-size: 0.8125rem;
  }
  /* line 22515, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-section {
    margin-bottom: 1rem;
  }
  /* line 22519, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-section h6 {
    font-size: 0.6875rem;
    margin-bottom: 0.5rem;
  }
  /* line 22524, app/assets/stylesheets/flexadmin_main.scss */
  .todo-view-section p {
    font-size: 0.875rem;
  }
  /* line 22528, app/assets/stylesheets/flexadmin_main.scss */
  .todo-color-option span {
    width: 36px;
    height: 36px;
  }
  /* line 22533, app/assets/stylesheets/flexadmin_main.scss */
  .todo-subtask-check {
    width: 24px;
    height: 24px;
  }
  /* line 22538, app/assets/stylesheets/flexadmin_main.scss */
  .todo-subtask label {
    font-size: 0.875rem;
  }
  /* line 22542, app/assets/stylesheets/flexadmin_main.scss */
  .todo-edit-subtask-remove {
    width: 44px;
    height: 44px;
  }
  /* line 22547, app/assets/stylesheets/flexadmin_main.scss */
  .todo-activity-item {
    gap: 0.5rem;
  }
  /* line 22551, app/assets/stylesheets/flexadmin_main.scss */
  .todo-activity-item img {
    width: 28px;
    height: 28px;
  }
  /* line 22556, app/assets/stylesheets/flexadmin_main.scss */
  .todo-activity-text {
    font-size: 0.8125rem;
  }
  /* line 22560, app/assets/stylesheets/flexadmin_main.scss */
  .todo-activity-time {
    font-size: 0.6875rem;
  }
}

/* line 22565, app/assets/stylesheets/flexadmin_main.scss */
.support-container {
  display: flex;
  min-height: calc(100vh - 200px);
  background: var(--surface-color);
  border-radius: var(--bs-border-radius-lg);
  border: 1px solid var(--border-color);
  overflow: hidden;
}

/* line 22574, app/assets/stylesheets/flexadmin_main.scss */
.support-sidebar {
  width: 260px;
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow-y: auto;
}

/* line 22583, app/assets/stylesheets/flexadmin_main.scss */
.support-sidebar-header {
  padding: 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 22588, app/assets/stylesheets/flexadmin_main.scss */
.support-nav,
.support-status-nav,
.support-categories {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border-color);
}

/* line 22595, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
}

/* line 22607, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-add {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
  background: none;
  color: var(--muted-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

/* line 22621, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-add:hover {
  background: var(--background-color);
  color: var(--accent-color);
}

/* line 22626, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  color: var(--default-color);
  text-decoration: none;
  font-size: 0.875rem;
  transition: all 0.2s;
}

/* line 22637, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-item > i {
  font-size: 1.125rem;
  color: var(--muted-color);
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}

/* line 22645, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-item > span:not(.badge):not(.support-status-dot) {
  flex: 1;
  min-width: 0;
}

/* line 22650, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-item .badge {
  background: var(--background-color);
  color: var(--muted-color);
  font-weight: 500;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  flex-shrink: 0;
  margin-left: auto;
}

/* line 22660, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-item:hover {
  background: var(--background-color);
  color: var(--heading-color);
}

/* line 22665, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-item:hover > i {
  color: var(--accent-color);
}

/* line 22669, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 22674, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-item.active > i {
  color: var(--accent-color);
}

/* line 22678, app/assets/stylesheets/flexadmin_main.scss */
.support-nav-item.active .badge {
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
  color: var(--accent-color);
}

/* line 22683, app/assets/stylesheets/flexadmin_main.scss */
.support-status-dot {
  width: 10px;
  height: 10px;
  min-width: 10px;
  max-width: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}

/* line 22693, app/assets/stylesheets/flexadmin_main.scss */
.support-status-dot.open {
  background: var(--info-color);
}

/* line 22697, app/assets/stylesheets/flexadmin_main.scss */
.support-status-dot.in-progress {
  background: var(--accent-color);
}

/* line 22701, app/assets/stylesheets/flexadmin_main.scss */
.support-status-dot.pending {
  background: var(--warning-color);
}

/* line 22705, app/assets/stylesheets/flexadmin_main.scss */
.support-status-dot.resolved {
  background: var(--success-color);
}

/* line 22709, app/assets/stylesheets/flexadmin_main.scss */
.support-status-dot.closed {
  background: var(--muted-color);
}

/* line 22713, app/assets/stylesheets/flexadmin_main.scss */
.support-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

/* line 22721, app/assets/stylesheets/flexadmin_main.scss */
.support-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 22729, app/assets/stylesheets/flexadmin_main.scss */
.support-search {
  flex: 1;
  position: relative;
  max-width: 400px;
}

/* line 22735, app/assets/stylesheets/flexadmin_main.scss */
.support-search i {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted-color);
}

/* line 22743, app/assets/stylesheets/flexadmin_main.scss */
.support-search .form-control {
  padding-left: 2.5rem;
  background: var(--background-color);
  border-color: transparent;
}

/* line 22749, app/assets/stylesheets/flexadmin_main.scss */
.support-search .form-control:focus {
  background: var(--surface-color);
  border-color: var(--accent-color);
}

/* line 22754, app/assets/stylesheets/flexadmin_main.scss */
.support-header-actions {
  display: flex;
  gap: 0.5rem;
}

/* line 22759, app/assets/stylesheets/flexadmin_main.scss */
.support-tickets {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}

/* line 22765, app/assets/stylesheets/flexadmin_main.scss */
.support-tickets::-webkit-scrollbar {
  width: 6px;
}

/* line 22769, app/assets/stylesheets/flexadmin_main.scss */
.support-tickets::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* line 22774, app/assets/stylesheets/flexadmin_main.scss */
.ticket-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 22784, app/assets/stylesheets/flexadmin_main.scss */
.ticket-item:hover {
  background: var(--background-color);
}

/* line 22788, app/assets/stylesheets/flexadmin_main.scss */
.ticket-item:last-child {
  border-bottom: none;
}

/* line 22792, app/assets/stylesheets/flexadmin_main.scss */
.ticket-checkbox {
  padding-top: 0.25rem;
}

/* line 22796, app/assets/stylesheets/flexadmin_main.scss */
.ticket-content {
  flex: 1;
  min-width: 0;
}

/* line 22801, app/assets/stylesheets/flexadmin_main.scss */
.ticket-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

/* line 22809, app/assets/stylesheets/flexadmin_main.scss */
.ticket-id {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  font-family: monospace;
}

/* line 22816, app/assets/stylesheets/flexadmin_main.scss */
.ticket-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 0.375rem;
  line-height: 1.4;
}

/* line 22824, app/assets/stylesheets/flexadmin_main.scss */
.ticket-item:hover .ticket-title {
  color: var(--accent-color);
}

/* line 22828, app/assets/stylesheets/flexadmin_main.scss */
.ticket-excerpt {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin: 0 0 0.75rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 22839, app/assets/stylesheets/flexadmin_main.scss */
.ticket-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 22848, app/assets/stylesheets/flexadmin_main.scss */
.ticket-user {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 22854, app/assets/stylesheets/flexadmin_main.scss */
.ticket-user img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 22862, app/assets/stylesheets/flexadmin_main.scss */
.ticket-user span {
  font-weight: 500;
  color: var(--default-color);
}

/* line 22867, app/assets/stylesheets/flexadmin_main.scss */
.ticket-user-initial {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: 600;
}

/* line 22878, app/assets/stylesheets/flexadmin_main.scss */
.ticket-category,
.ticket-time,
.ticket-replies {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

/* line 22886, app/assets/stylesheets/flexadmin_main.scss */
.ticket-assignee {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}

/* line 22894, app/assets/stylesheets/flexadmin_main.scss */
.ticket-assignee img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 22901, app/assets/stylesheets/flexadmin_main.scss */
.ticket-assignee.unassigned {
  background: var(--background-color);
  border: 2px dashed var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted-color);
}

/* line 22910, app/assets/stylesheets/flexadmin_main.scss */
.ticket-assignee.unassigned i {
  font-size: 1rem;
}

/* line 22914, app/assets/stylesheets/flexadmin_main.scss */
.priority-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.1875rem 0.5rem;
  border-radius: 20px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* line 22925, app/assets/stylesheets/flexadmin_main.scss */
.priority-badge.urgent {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 22930, app/assets/stylesheets/flexadmin_main.scss */
.priority-badge.high {
  background: var(--warning-color-light);
  color: color-mix(in srgb, var(--warning-color), black 15%);
}

/* line 22935, app/assets/stylesheets/flexadmin_main.scss */
.priority-badge.medium {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 22940, app/assets/stylesheets/flexadmin_main.scss */
.priority-badge.low {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 22945, app/assets/stylesheets/flexadmin_main.scss */
.ticket-status {
  display: inline-flex;
  align-items: center;
  padding: 0.1875rem 0.5rem;
  border-radius: 20px;
  font-size: 0.6875rem;
  font-weight: 600;
}

/* line 22954, app/assets/stylesheets/flexadmin_main.scss */
.ticket-status.open {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 22959, app/assets/stylesheets/flexadmin_main.scss */
.ticket-status.in-progress {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 22964, app/assets/stylesheets/flexadmin_main.scss */
.ticket-status.pending {
  background: var(--warning-color-light);
  color: color-mix(in srgb, var(--warning-color), black 15%);
}

/* line 22969, app/assets/stylesheets/flexadmin_main.scss */
.ticket-status.resolved {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 22974, app/assets/stylesheets/flexadmin_main.scss */
.ticket-status.closed {
  background: var(--background-color);
  color: var(--muted-color);
}

/* line 22979, app/assets/stylesheets/flexadmin_main.scss */
.support-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-color);
}

/* line 22987, app/assets/stylesheets/flexadmin_main.scss */
.support-pagination-info {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 22992, app/assets/stylesheets/flexadmin_main.scss */
.support-attachment-zone {
  border: 2px dashed var(--border-color);
  border-radius: var(--bs-border-radius-lg);
  padding: 2rem;
  text-align: center;
  transition: all 0.2s;
}

/* line 23000, app/assets/stylesheets/flexadmin_main.scss */
.support-attachment-zone:hover,
.support-attachment-zone.highlight {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 23006, app/assets/stylesheets/flexadmin_main.scss */
.support-attachment-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  color: var(--muted-color);
}

/* line 23015, app/assets/stylesheets/flexadmin_main.scss */
.support-attachment-label i {
  font-size: 2rem;
  color: var(--accent-color);
}

/* line 23020, app/assets/stylesheets/flexadmin_main.scss */
.support-attachment-label span {
  font-weight: 500;
  color: var(--default-color);
}

/* line 23025, app/assets/stylesheets/flexadmin_main.scss */
.support-attachment-label small {
  font-size: 0.75rem;
}

/* line 23029, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-header-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 23035, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail {
  padding: 0;
}

/* line 23039, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0 0 1.5rem;
  line-height: 1.4;
}

/* line 23047, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message {
  background: var(--background-color);
  border-radius: var(--bs-border-radius-lg);
  padding: 1.25rem;
  margin-bottom: 1rem;
}

/* line 23054, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message.original {
  background: var(--surface-color);
  border: 1px solid var(--border-color);
}

/* line 23059, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message.staff {
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
  border-left: 3px solid var(--accent-color);
}

/* line 23064, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

/* line 23071, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-user {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 23077, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-user img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 23085, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-user strong {
  display: block;
  font-size: 0.9375rem;
  color: var(--heading-color);
}

/* line 23091, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-user .badge {
  font-size: 0.6875rem;
  margin-left: 0.5rem;
}

/* line 23096, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-time {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 23101, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-body {
  font-size: 0.875rem;
  color: var(--default-color);
  line-height: 1.6;
}

/* line 23107, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-body p {
  margin: 0 0 0.75rem;
}

/* line 23111, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-body p:last-child {
  margin-bottom: 0;
}

/* line 23115, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-body ul,
.ticket-message-body ol {
  margin: 0.75rem 0;
  padding-left: 1.5rem;
}

/* line 23121, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-body ul li,
.ticket-message-body ol li {
  margin-bottom: 0.375rem;
}

/* line 23126, app/assets/stylesheets/flexadmin_main.scss */
.ticket-message-attachments {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 23135, app/assets/stylesheets/flexadmin_main.scss */
.ticket-attachment {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--bs-border-radius);
  font-size: 0.8125rem;
  color: var(--default-color);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 23149, app/assets/stylesheets/flexadmin_main.scss */
.ticket-attachment i {
  color: var(--accent-color);
}

/* line 23153, app/assets/stylesheets/flexadmin_main.scss */
.ticket-attachment small {
  color: var(--muted-color);
}

/* line 23157, app/assets/stylesheets/flexadmin_main.scss */
.ticket-attachment:hover {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 23162, app/assets/stylesheets/flexadmin_main.scss */
.ticket-reply-form {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color);
}

/* line 23168, app/assets/stylesheets/flexadmin_main.scss */
.ticket-reply-form h6 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 1rem;
}

/* line 23175, app/assets/stylesheets/flexadmin_main.scss */
.ticket-reply-editor .form-control {
  border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;
  border-bottom: none;
  resize: none;
}

/* line 23181, app/assets/stylesheets/flexadmin_main.scss */
.ticket-reply-editor .form-control:focus {
  box-shadow: none;
  border-color: var(--accent-color);
}

/* line 23186, app/assets/stylesheets/flexadmin_main.scss */
.ticket-reply-editor .form-control:focus + .ticket-reply-actions {
  border-color: var(--accent-color);
}

/* line 23190, app/assets/stylesheets/flexadmin_main.scss */
.ticket-reply-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 0 0 var(--bs-border-radius-lg) var(--bs-border-radius-lg);
}

/* line 23200, app/assets/stylesheets/flexadmin_main.scss */
.ticket-reply-attachments {
  display: flex;
  gap: 0.25rem;
}

/* line 23205, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-sidebar {
  background: var(--background-color);
  border-radius: var(--bs-border-radius-lg);
  padding: 1.25rem;
}

/* line 23211, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-section {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 23217, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-section:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

/* line 23223, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-section-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted-color);
  margin-bottom: 1rem;
}

/* line 23232, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-requester {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

/* line 23239, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-requester img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 23247, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-requester strong {
  display: block;
  font-size: 0.9375rem;
  color: var(--heading-color);
}

/* line 23253, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-requester span {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 23258, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-requester-stats {
  display: flex;
  gap: 1.5rem;
}

/* line 23263, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-requester-stats .stat {
  display: flex;
  flex-direction: column;
}

/* line 23268, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-requester-stats .stat-value {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 23274, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-requester-stats .stat-label {
  font-size: 0.6875rem;
  color: var(--muted-color);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* line 23281, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-assignee {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 23287, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-assignee img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 23295, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-assignee div {
  flex: 1;
}

/* line 23299, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-assignee div strong {
  display: block;
  font-size: 0.875rem;
  color: var(--heading-color);
}

/* line 23305, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-assignee div span {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 23310, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-assignee .btn-link {
  font-size: 0.75rem;
  padding: 0;
  text-decoration: none;
}

/* line 23316, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-assignee .btn-link:hover {
  text-decoration: underline;
}

/* line 23320, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-info-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 23326, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 23332, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-info-item .label {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 23337, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-info-item .value {
  font-size: 0.8125rem;
  color: var(--default-color);
  font-weight: 500;
}

/* line 23343, app/assets/stylesheets/flexadmin_main.scss */
.ticket-detail-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 23349, app/assets/stylesheets/flexadmin_main.scss */
.ticket-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  font-size: 0.75rem;
  color: var(--default-color);
}

/* line 23360, app/assets/stylesheets/flexadmin_main.scss */
.ticket-tag-add {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px dashed var(--border-color);
  background: none;
  color: var(--muted-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

/* line 23374, app/assets/stylesheets/flexadmin_main.scss */
.ticket-tag-add:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}

/* line 23379, app/assets/stylesheets/flexadmin_main.scss */
.ticket-activity {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 23385, app/assets/stylesheets/flexadmin_main.scss */
.ticket-activity-item {
  display: flex;
  gap: 0.75rem;
  font-size: 0.8125rem;
}

/* line 23391, app/assets/stylesheets/flexadmin_main.scss */
.ticket-activity-item i {
  font-size: 1rem;
  margin-top: 0.125rem;
}

/* line 23396, app/assets/stylesheets/flexadmin_main.scss */
.ticket-activity-item div {
  flex: 1;
}

/* line 23400, app/assets/stylesheets/flexadmin_main.scss */
.ticket-activity-item div span {
  display: block;
  color: var(--default-color);
  line-height: 1.4;
}

/* line 23406, app/assets/stylesheets/flexadmin_main.scss */
.ticket-activity-item div small {
  font-size: 0.6875rem;
  color: var(--muted-color);
}

/* line 23411, app/assets/stylesheets/flexadmin_main.scss */
.support-sidebar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: var(--background-color);
  border: none;
  border-radius: 50%;
  color: var(--muted-color);
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}

/* line 23428, app/assets/stylesheets/flexadmin_main.scss */
.support-sidebar-toggle:hover {
  background: var(--border-color);
  color: var(--default-color);
}

/* line 23433, app/assets/stylesheets/flexadmin_main.scss */
.support-sidebar-close {
  display: none;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 44px;
  height: 44px;
  padding: 0;
  background: color-mix(in srgb, var(--default-color), transparent 95%);
  border: none;
  border-radius: var(--bs-border-radius);
  color: var(--muted-color);
  cursor: pointer;
  transition: all 0.2s;
  z-index: 10;
}

/* line 23450, app/assets/stylesheets/flexadmin_main.scss */
.support-sidebar-close:hover {
  background: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 23455, app/assets/stylesheets/flexadmin_main.scss */
.support-sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--default-color), transparent 50%);
  z-index: 1040;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 23468, app/assets/stylesheets/flexadmin_main.scss */
.support-sidebar-overlay.show {
  opacity: 1;
}

/* line 23472, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .support-sidebar-overlay {
  background: color-mix(in srgb, var(--default-color), transparent 30%);
}

@media (max-width: 1279.98px) {
  /* line 23477, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar-toggle {
    display: flex;
  }
  /* line 23481, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar-overlay {
    display: block;
    pointer-events: none;
  }
  /* line 23486, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar-overlay.show {
    pointer-events: auto;
  }
  /* line 23490, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 23496, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh;
    background: var(--surface-color);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 3.5rem;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  /* line 23516, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar.show {
    transform: translateX(0);
  }
  /* line 23520, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar-header {
    flex-shrink: 0;
  }
  /* line 23524, app/assets/stylesheets/flexadmin_main.scss */
  .support-nav,
.support-status-nav,
.support-categories {
    flex-shrink: 0;
  }
  /* line 23530, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar {
    overflow-y: auto;
    scrollbar-width: thin;
  }
  /* line 23535, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar::-webkit-scrollbar {
    width: 4px;
  }
  /* line 23539, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar::-webkit-scrollbar-track {
    background: var(--background-color);
  }
  /* line 23543, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 2px;
  }
  /* line 23548, app/assets/stylesheets/flexadmin_main.scss */
  .support-sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--muted-color);
  }
  /* line 23552, app/assets/stylesheets/flexadmin_main.scss */
  body.support-sidebar-open {
    overflow: hidden;
  }
}

@media (max-width: 1199.98px) {
  /* line 23558, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail .row {
    flex-direction: column;
  }
  /* line 23562, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-sidebar {
    margin-top: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  /* line 23568, app/assets/stylesheets/flexadmin_main.scss */
  .support-container {
    flex-direction: column;
    min-height: auto;
  }
  /* line 23573, app/assets/stylesheets/flexadmin_main.scss */
  .support-nav-item {
    min-height: 44px;
    padding: 0.75rem 1.25rem;
  }
  /* line 23578, app/assets/stylesheets/flexadmin_main.scss */
  .support-nav-add {
    width: 44px;
    height: 44px;
  }
  /* line 23583, app/assets/stylesheets/flexadmin_main.scss */
  .support-header {
    flex-wrap: wrap;
    padding: 1rem;
    gap: 0.75rem;
  }
  /* line 23589, app/assets/stylesheets/flexadmin_main.scss */
  .support-header .support-search {
    order: 3;
    width: 100%;
    max-width: none;
    margin-top: 0;
  }
  /* line 23596, app/assets/stylesheets/flexadmin_main.scss */
  .support-header-actions {
    gap: 0.5rem;
  }
  /* line 23600, app/assets/stylesheets/flexadmin_main.scss */
  .support-header-actions .btn {
    min-height: 44px;
    padding: 0.5rem 0.75rem;
  }
  /* line 23605, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-item {
    flex-wrap: wrap;
    padding: 1rem;
    gap: 0.75rem;
  }
  /* line 23611, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-checkbox .form-check-input {
    width: 20px;
    height: 20px;
  }
  /* line 23616, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-assignee {
    order: -1;
    margin-left: auto;
    width: 44px;
    height: 44px;
  }
  /* line 23623, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-content {
    width: 100%;
    order: 1;
  }
  /* line 23628, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-header {
    flex-wrap: wrap;
    gap: 0.375rem;
  }
  /* line 23633, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-meta {
    gap: 0.5rem 0.75rem;
  }
  /* line 23637, app/assets/stylesheets/flexadmin_main.scss */
  .support-pagination {
    flex-direction: column;
    gap: 0.75rem;
    text-align: center;
    padding: 1rem;
  }
  /* line 23644, app/assets/stylesheets/flexadmin_main.scss */
  .support-pagination .pagination {
    justify-content: center;
  }
  /* line 23648, app/assets/stylesheets/flexadmin_main.scss */
  .support-pagination .pagination .page-link {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 23656, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message-user {
    flex-wrap: wrap;
  }
  /* line 23660, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message-user .badge {
    margin-left: 0;
  }
  /* line 23664, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message {
    padding: 1rem;
  }
  /* line 23668, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-reply-actions {
    flex-direction: column;
    gap: 0.75rem;
  }
  /* line 23673, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-reply-actions .d-flex {
    width: 100%;
    justify-content: flex-end;
  }
  /* line 23678, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-reply-actions .btn {
    min-height: 44px;
  }
  /* line 23682, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-reply-attachments .btn {
    width: 44px;
    height: 44px;
  }
  /* line 23687, app/assets/stylesheets/flexadmin_main.scss */
  .support-attachment-zone {
    padding: 1.5rem 1rem;
    min-height: 120px;
  }
}

@media (max-width: 575.98px) {
  /* line 23694, app/assets/stylesheets/flexadmin_main.scss */
  .support-container {
    border-radius: var(--bs-border-radius);
  }
  /* line 23698, app/assets/stylesheets/flexadmin_main.scss */
  .support-header {
    padding: 0.75rem;
  }
  /* line 23702, app/assets/stylesheets/flexadmin_main.scss */
  .support-header .btn {
    font-size: 0.8125rem;
  }
  /* line 23706, app/assets/stylesheets/flexadmin_main.scss */
  .support-search .form-control {
    min-height: 44px;
    font-size: 0.875rem;
  }
  /* line 23711, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-item {
    padding: 0.875rem;
  }
  /* line 23715, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-id {
    font-size: 0.6875rem;
  }
  /* line 23719, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-title {
    font-size: 0.875rem;
    line-height: 1.3;
  }
  /* line 23724, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-excerpt {
    font-size: 0.75rem;
    -webkit-line-clamp: 2;
    margin-bottom: 0.5rem;
  }
  /* line 23730, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-meta {
    font-size: 0.6875rem;
    gap: 0.375rem 0.5rem;
  }
  /* line 23735, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-user img {
    width: 20px;
    height: 20px;
  }
  /* line 23740, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-user span {
    font-size: 0.75rem;
  }
  /* line 23744, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-user-initial {
    width: 20px;
    height: 20px;
    font-size: 0.5rem;
  }
  /* line 23750, app/assets/stylesheets/flexadmin_main.scss */
  .priority-badge,
.ticket-status {
    font-size: 0.625rem;
    padding: 0.125rem 0.375rem;
  }
  /* line 23756, app/assets/stylesheets/flexadmin_main.scss */
  .support-pagination {
    padding: 0.75rem;
  }
  /* line 23760, app/assets/stylesheets/flexadmin_main.scss */
  .support-pagination-info {
    font-size: 0.75rem;
  }
  /* line 23764, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-title {
    font-size: 1rem;
    line-height: 1.3;
  }
  /* line 23769, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message {
    padding: 0.875rem;
    margin-bottom: 0.75rem;
  }
  /* line 23774, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message-user {
    gap: 0.5rem;
  }
  /* line 23778, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message-user img {
    width: 32px;
    height: 32px;
  }
  /* line 23783, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message-user strong {
    font-size: 0.8125rem;
  }
  /* line 23787, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message-body {
    font-size: 0.8125rem;
  }
  /* line 23791, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message-body p {
    margin-bottom: 0.5rem;
  }
  /* line 23795, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message-body ul,
.ticket-message-body ol {
    padding-left: 1.25rem;
  }
  /* line 23800, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-message-body ul li,
.ticket-message-body ol li {
    margin-bottom: 0.25rem;
  }
  /* line 23805, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-attachment {
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  /* line 23813, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-reply-form {
    margin-top: 1rem;
    padding-top: 1rem;
  }
  /* line 23818, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-reply-form h6 {
    font-size: 0.8125rem;
  }
  /* line 23822, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-reply-editor .form-control {
    font-size: 0.875rem;
    min-height: 100px;
  }
  /* line 23827, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-reply-actions {
    padding: 0.5rem;
  }
  /* line 23831, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-sidebar {
    padding: 1rem;
  }
  /* line 23835, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-section {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  /* line 23840, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-section-title {
    font-size: 0.6875rem;
    margin-bottom: 0.75rem;
  }
  /* line 23845, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-requester {
    gap: 0.5rem;
    margin-bottom: 0.75rem;
  }
  /* line 23850, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-requester img {
    width: 40px;
    height: 40px;
  }
  /* line 23855, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-requester strong {
    font-size: 0.8125rem;
  }
  /* line 23859, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-requester span {
    font-size: 0.6875rem;
  }
  /* line 23863, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-requester-stats {
    gap: 1rem;
  }
  /* line 23867, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-requester-stats .stat-value {
    font-size: 1rem;
  }
  /* line 23871, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-requester-stats .stat-label {
    font-size: 0.625rem;
  }
  /* line 23875, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-assignee {
    gap: 0.5rem;
  }
  /* line 23879, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-assignee img {
    width: 32px;
    height: 32px;
  }
  /* line 23884, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-assignee div strong {
    font-size: 0.8125rem;
  }
  /* line 23888, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-assignee div span {
    font-size: 0.6875rem;
  }
  /* line 23892, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-detail-info-item .label,
.ticket-detail-info-item .value {
    font-size: 0.75rem;
  }
  /* line 23897, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-tag {
    font-size: 0.6875rem;
    padding: 0.1875rem 0.5rem;
  }
  /* line 23902, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-tag-add {
    width: 44px;
    height: 28px;
    border-radius: 14px;
  }
  /* line 23908, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-activity-item {
    font-size: 0.75rem;
  }
  /* line 23912, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-activity-item i {
    font-size: 0.875rem;
  }
  /* line 23916, app/assets/stylesheets/flexadmin_main.scss */
  .ticket-activity-item small {
    font-size: 0.625rem;
  }
}

/*--------------------------------------------------------------
# Widget Cards Page Styles
--------------------------------------------------------------*/
/* Blog / Article Cards */
/* line 23925, app/assets/stylesheets/flexadmin_main.scss */
.widget-blog-card {
  overflow: hidden;
}

/* line 23929, app/assets/stylesheets/flexadmin_main.scss */
.widget-blog-image {
  position: relative;
  height: 180px;
  overflow: hidden;
}

/* line 23935, app/assets/stylesheets/flexadmin_main.scss */
.widget-blog-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform var(--transition-base);
}

/* line 23943, app/assets/stylesheets/flexadmin_main.scss */
.widget-blog-image:hover img {
  transform: scale(1.05);
}

/* line 23947, app/assets/stylesheets/flexadmin_main.scss */
.widget-blog-read-time {
  position: absolute;
  bottom: var(--spacing-md);
  right: var(--spacing-md);
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 4px 10px;
  border-radius: var(--radius-full);
  font-size: 0.6875rem;
  font-weight: 500;
}

/* line 23959, app/assets/stylesheets/flexadmin_main.scss */
.widget-blog-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-sm);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 23971, app/assets/stylesheets/flexadmin_main.scss */
.widget-blog-meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 23979, app/assets/stylesheets/flexadmin_main.scss */
.widget-blog-meta span {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 23985, app/assets/stylesheets/flexadmin_main.scss */
.widget-blog-meta i {
  font-size: 0.8125rem;
}

/* Product Cards */
/* line 23990, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-card {
  overflow: hidden;
}

/* line 23994, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-image {
  position: relative;
  height: 200px;
  background: var(--background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* line 24004, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-image img {
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: transform var(--transition-base);
}

/* line 24012, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-image:hover img {
  transform: scale(1.05);
}

/* line 24016, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-wishlist {
  position: absolute;
  bottom: var(--spacing-md);
  right: var(--spacing-md);
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  background: var(--surface-color);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted-color);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

/* line 24034, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-wishlist:hover {
  color: var(--danger-color);
}

/* line 24038, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-wishlist.active {
  color: var(--danger-color);
}

/* line 24042, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-xs);
}

/* line 24049, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-price {
  margin-bottom: var(--spacing-xs);
}

/* line 24053, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-price .current-price {
  font-size: 1rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 24059, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-price .original-price {
  font-size: 0.8125rem;
  color: var(--muted-color);
  text-decoration: line-through;
  margin-left: var(--spacing-xs);
}

/* line 24066, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-rating {
  display: flex;
  gap: 2px;
}

/* line 24071, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-rating i {
  font-size: 0.75rem;
  color: var(--warning-color);
}

/* line 24076, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-rating i.bi-star {
  color: var(--border-color);
}

/* Music Player Cards */
/* line 24081, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-card {
  overflow: hidden;
}

/* line 24085, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-content {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
}

/* line 24091, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-info {
  flex: 1;
  padding-right: var(--spacing-md);
}

/* line 24096, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 2px;
}

/* line 24103, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-artist {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-md);
}

/* line 24109, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-controls {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 24115, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-btn {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  border: none;
  background: transparent;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-fast);
}

/* line 24129, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-btn:hover {
  color: var(--accent-color);
}

/* line 24133, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-btn.play {
  background: var(--accent-color);
  color: var(--contrast-color);
}

/* line 24138, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-btn.play:hover {
  background: color-mix(in srgb, var(--accent-color), black 10%);
  color: var(--contrast-color);
}

/* line 24143, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-image {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  flex-shrink: 0;
}

/* line 24151, app/assets/stylesheets/flexadmin_main.scss */
.widget-music-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* User Profile Cards (Horizontal) */
/* line 24159, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-card-horizontal .card-body {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

/* line 24165, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 24174, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-info {
  flex: 1;
  min-width: 0;
}

/* line 24179, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 2px;
}

/* line 24186, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-location {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
}

/* line 24195, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-location i {
  font-size: 0.6875rem;
}

/* Friend Suggestion Cards */
/* line 24200, app/assets/stylesheets/flexadmin_main.scss */
.widget-friend-card .card-body {
  padding: var(--spacing-lg);
}

/* line 24204, app/assets/stylesheets/flexadmin_main.scss */
.widget-friend-avatar {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: var(--spacing-md);
}

/* line 24213, app/assets/stylesheets/flexadmin_main.scss */
.widget-friend-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-sm);
}

/* line 24220, app/assets/stylesheets/flexadmin_main.scss */
.widget-friend-mutual {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

/* line 24228, app/assets/stylesheets/flexadmin_main.scss */
.widget-friend-mutual span {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 24233, app/assets/stylesheets/flexadmin_main.scss */
.widget-friend-mutual-avatars {
  display: flex;
}

/* line 24237, app/assets/stylesheets/flexadmin_main.scss */
.widget-friend-mutual-avatars img {
  width: 24px;
  height: 24px;
  border-radius: var(--radius-full);
  border: 2px solid var(--surface-color);
  margin-left: -8px;
}

/* line 24245, app/assets/stylesheets/flexadmin_main.scss */
.widget-friend-mutual-avatars img:first-child {
  margin-left: 0;
}

/* line 24249, app/assets/stylesheets/flexadmin_main.scss */
.widget-friend-actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

/* Profile Info Cards */
/* line 24256, app/assets/stylesheets/flexadmin_main.scss */
.widget-profile-card .card-body {
  padding: var(--spacing-lg);
}

/* line 24260, app/assets/stylesheets/flexadmin_main.scss */
.widget-profile-avatar {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: var(--spacing-md);
}

/* line 24269, app/assets/stylesheets/flexadmin_main.scss */
.widget-profile-name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 4px;
}

/* line 24276, app/assets/stylesheets/flexadmin_main.scss */
.widget-profile-role {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-md);
}

/* line 24282, app/assets/stylesheets/flexadmin_main.scss */
.widget-profile-social {
  display: flex;
  justify-content: center;
  gap: var(--spacing-sm);
}

/* line 24288, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-link {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  transition: all var(--transition-fast);
}

/* line 24299, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-link.facebook {
  color: #1877f2;
}

/* line 24303, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-link.facebook:hover {
  background: rgba(24, 119, 242, 0.1);
}

/* line 24307, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-link.instagram {
  color: #e1306c;
}

/* line 24311, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-link.instagram:hover {
  background: rgba(225, 48, 108, 0.1);
}

/* line 24315, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-link.github {
  color: var(--default-color);
}

/* line 24319, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-link.github:hover {
  background: var(--background-color);
}

/* line 24323, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-link.twitter {
  color: var(--default-color);
}

/* line 24327, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-link.twitter:hover {
  background: var(--background-color);
}

/* Settings Card */
/* line 24332, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

/* line 24339, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 24343, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 24354, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 24359, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-icon.info {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 24364, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-info {
  flex: 1;
  min-width: 0;
}

/* line 24369, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  display: block;
}

/* line 24376, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-desc {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: block;
}

/* line 24382, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-slider {
  margin-top: var(--spacing-xs);
}

/* line 24386, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  min-width: 40px;
  text-align: right;
}

/* line 24394, app/assets/stylesheets/flexadmin_main.scss */
.widget-settings-actions {
  display: flex;
  gap: var(--spacing-sm);
  justify-content: flex-end;
  margin-top: var(--spacing-md);
}

/* Gift Card */
/* line 24402, app/assets/stylesheets/flexadmin_main.scss */
.widget-gift-card .card-body {
  padding: var(--spacing-md);
}

/* line 24406, app/assets/stylesheets/flexadmin_main.scss */
.widget-gift-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-md);
}

/* line 24413, app/assets/stylesheets/flexadmin_main.scss */
.widget-gift-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
}

/* line 24420, app/assets/stylesheets/flexadmin_main.scss */
.widget-gift-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  border: none;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* line 24433, app/assets/stylesheets/flexadmin_main.scss */
.widget-gift-image {
  height: 140px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

/* line 24442, app/assets/stylesheets/flexadmin_main.scss */
.widget-gift-image img {
  max-width: 70%;
  max-height: 70%;
  -o-object-fit: contain;
  object-fit: contain;
}

/* Payment Items */
/* line 24450, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

/* line 24457, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 24461, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 24472, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-icon.paypal {
  background: rgba(0, 112, 186, 0.1);
  color: #0070ba;
}

/* line 24477, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-icon.wallet {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 24482, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-icon.credit {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 24487, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-icon.refund {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 24492, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-info {
  flex: 1;
  min-width: 0;
}

/* line 24497, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  display: block;
}

/* line 24504, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-subtitle {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: block;
}

/* line 24510, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-amount {
  font-size: 0.9375rem;
  font-weight: 600;
}

/* line 24515, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-amount.positive {
  color: var(--success-color);
}

/* line 24519, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-amount.negative {
  color: var(--danger-color);
}

/* Activity Items Alternative */
/* line 24524, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-item-alt {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

/* line 24531, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-item-alt:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 24535, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-icon-alt {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  flex-shrink: 0;
}

/* line 24546, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-icon-alt.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 24551, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-icon-alt.info {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 24556, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-icon-alt.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 24561, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-icon-alt.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 24566, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-icon-alt.muted {
  background: var(--background-color);
  color: var(--muted-color);
}

/* line 24571, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-info-alt {
  flex: 1;
  min-width: 0;
}

/* line 24576, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-title-alt {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  display: block;
}

/* line 24583, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-status-alt {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: block;
}

/* line 24589, app/assets/stylesheets/flexadmin_main.scss */
.widget-activity-time-alt {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* Timeline Widget */
/* line 24595, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline {
  position: relative;
}

/* line 24599, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-item {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
  position: relative;
}

/* line 24607, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 52px;
  top: 38px;
  bottom: 0;
  width: 2px;
  background: var(--border-color);
}

/* line 24617, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-time {
  font-size: 0.75rem;
  color: var(--muted-color);
  min-width: 40px;
  text-align: right;
}

/* line 24624, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-dot {
  width: 10px;
  height: 10px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
  margin-top: 4px;
}

/* line 24632, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-dot.primary {
  background: var(--accent-color);
}

/* line 24636, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-dot.success {
  background: var(--success-color);
}

/* line 24640, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-dot.warning {
  background: var(--warning-color);
}

/* line 24644, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-dot.danger {
  background: var(--danger-color);
}

/* line 24648, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-dot.info {
  background: var(--info-color);
}

/* line 24652, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-content {
  flex: 1;
  min-width: 0;
}

/* line 24657, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-content p {
  font-size: 0.8125rem;
  color: var(--default-color);
  margin: 0;
}

/* line 24663, app/assets/stylesheets/flexadmin_main.scss */
.widget-timeline-content p a {
  color: var(--accent-color);
  font-weight: 500;
}

/* Products Table Widget */
/* line 24669, app/assets/stylesheets/flexadmin_main.scss */
.widget-products-table th {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  text-transform: uppercase;
  border-bottom: 1px solid var(--border-color);
  padding: var(--spacing-md);
}

/* line 24678, app/assets/stylesheets/flexadmin_main.scss */
.widget-products-table td {
  padding: var(--spacing-md);
  vertical-align: middle;
}

/* line 24683, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-cell {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 24689, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-thumb {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 24697, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-name-sm {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--heading-color);
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 24707, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-payment {
  font-size: 0.8125rem;
}

/* line 24711, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-payment strong {
  color: var(--heading-color);
}

/* line 24715, app/assets/stylesheets/flexadmin_main.scss */
.widget-payment-label {
  font-size: 0.6875rem;
  color: var(--muted-color);
  display: block;
}

/* Schedule Widget */
/* line 24722, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-tabs {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

/* line 24728, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-tab {
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  border: none;
  background: transparent;
  font-size: 0.8125rem;
  color: var(--muted-color);
  cursor: pointer;
  transition: all var(--transition-fast);
}

/* line 24739, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-tab.active {
  background: var(--background-color);
  color: var(--heading-color);
  font-weight: 500;
}

/* line 24745, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-tab:hover:not(.active) {
  color: var(--default-color);
}

/* line 24749, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-list {
  display: flex;
  flex-direction: column;
}

/* line 24754, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) 0;
}

/* line 24761, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  flex-shrink: 0;
}

/* line 24772, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 24777, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 24782, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
  margin-left: 14px;
}

/* line 24790, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-dot.primary {
  background: var(--accent-color);
}

/* line 24794, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-dot.info {
  background: var(--info-color);
}

/* line 24798, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-dot.warning {
  background: var(--warning-color);
}

/* line 24802, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-dot.danger {
  background: var(--danger-color);
}

/* line 24806, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-info {
  flex: 1;
  min-width: 0;
}

/* line 24811, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-title {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--heading-color);
  display: block;
}

/* line 24818, app/assets/stylesheets/flexadmin_main.scss */
.widget-schedule-subtitle {
  font-size: 0.6875rem;
  color: var(--muted-color);
  display: block;
}

/* Reviews Table Widget */
/* line 24825, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviews-table th {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  text-transform: uppercase;
  border-bottom: 1px solid var(--border-color);
  padding: var(--spacing-md);
}

/* line 24834, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviews-table td {
  padding: var(--spacing-md);
  vertical-align: middle;
}

/* line 24839, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviewer {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 24845, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviewer-avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 24853, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviewer-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 24859, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviewer-email {
  font-size: 0.6875rem;
  color: var(--muted-color);
}

/* line 24864, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviewer-rating {
  display: flex;
  gap: 2px;
  margin-top: 2px;
}

/* line 24870, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviewer-rating i {
  font-size: 0.625rem;
  color: var(--warning-color);
}

/* line 24875, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviewer-rating i.bi-star {
  color: var(--border-color);
}

/* line 24879, app/assets/stylesheets/flexadmin_main.scss */
.widget-review-text {
  font-size: 0.75rem;
  color: var(--muted-color);
  margin: 0;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 24889, app/assets/stylesheets/flexadmin_main.scss */
.widget-review-time {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 24894, app/assets/stylesheets/flexadmin_main.scss */
.widget-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
}

/* Location Widget */
/* line 24903, app/assets/stylesheets/flexadmin_main.scss */
.widget-map-placeholder {
  height: 180px;
  background: var(--background-color);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

/* line 24915, app/assets/stylesheets/flexadmin_main.scss */
.widget-map-placeholder i {
  font-size: 2rem;
  color: var(--muted-color);
}

/* line 24920, app/assets/stylesheets/flexadmin_main.scss */
.widget-map-placeholder span {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 24925, app/assets/stylesheets/flexadmin_main.scss */
.widget-location-stats {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

/* line 24931, app/assets/stylesheets/flexadmin_main.scss */
.widget-location-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

/* line 24937, app/assets/stylesheets/flexadmin_main.scss */
.widget-location-code {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--heading-color);
  min-width: 24px;
}

/* line 24944, app/assets/stylesheets/flexadmin_main.scss */
.widget-location-bar {
  flex: 1;
  height: 6px;
  background: var(--background-color);
  border-radius: var(--radius-full);
  overflow: hidden;
}

/* line 24952, app/assets/stylesheets/flexadmin_main.scss */
.widget-location-fill {
  height: 100%;
  border-radius: var(--radius-full);
}

/* line 24957, app/assets/stylesheets/flexadmin_main.scss */
.widget-location-percent {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--heading-color);
  min-width: 36px;
  text-align: right;
}

/* Credit Card Widget */
/* line 24966, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-cards {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

/* line 24972, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card {
  flex: 1;
  padding: var(--spacing-md);
  border-radius: var(--radius-lg);
  color: var(--contrast-color);
  min-height: 100px;
}

/* line 24980, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card.visa {
  background: linear-gradient(135deg, var(--heading-color) 0%, color-mix(in srgb, var(--heading-color), transparent 20%) 100%);
}

/* line 24984, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card.mastercard {
  background: linear-gradient(135deg, var(--background-color) 0%, var(--border-color-light) 100%);
  color: var(--heading-color);
}

/* line 24989, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card-number {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: var(--spacing-sm);
}

/* line 24995, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card-logo {
  height: 16px;
  margin-bottom: var(--spacing-sm);
}

/* line 25000, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card-mc-logo {
  display: flex;
  gap: -8px;
  margin-bottom: var(--spacing-sm);
}

/* line 25006, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card-mc-logo .mc-circle {
  width: 20px;
  height: 20px;
  border-radius: var(--radius-full);
}

/* line 25012, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card-mc-logo .mc-circle.mc-red {
  background: #eb001b;
}

/* line 25016, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card-mc-logo .mc-circle.mc-orange {
  background: #f79e1b;
  margin-left: -8px;
}

/* line 25021, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card-balance .label {
  font-size: 0.6875rem;
  opacity: 0.8;
  display: block;
}

/* line 25027, app/assets/stylesheets/flexadmin_main.scss */
.widget-credit-card-balance .amount {
  font-size: 1rem;
  font-weight: 700;
}

/* line 25032, app/assets/stylesheets/flexadmin_main.scss */
.widget-transactions-mini {
  background: var(--background-color);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
}

/* line 25038, app/assets/stylesheets/flexadmin_main.scss */
.widget-transactions-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-md);
}

/* line 25045, app/assets/stylesheets/flexadmin_main.scss */
.widget-transactions-header span {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 25051, app/assets/stylesheets/flexadmin_main.scss */
.widget-transactions-header a {
  font-size: 0.75rem;
  color: var(--accent-color);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 25059, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-item-mini {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) 0;
}

/* line 25066, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-item-mini:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 25070, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-icon-mini {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  font-weight: 700;
  flex-shrink: 0;
}

/* line 25082, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-icon-mini.netflix {
  background: #e50914;
  color: var(--contrast-color);
}

/* line 25087, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-icon-mini.upwork {
  background: #6fda44;
  color: var(--contrast-color);
}

/* line 25092, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-info-mini {
  flex: 1;
  min-width: 0;
}

/* line 25097, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-title-mini {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--heading-color);
  display: block;
}

/* line 25104, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-date-mini {
  font-size: 0.6875rem;
  color: var(--muted-color);
  display: block;
}

/* line 25110, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-amount-mini {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

/* line 25117, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-amount-mini .amount {
  font-size: 0.8125rem;
  font-weight: 600;
}

/* line 25122, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-amount-mini .amount.positive {
  color: var(--success-color);
}

/* line 25126, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-amount-mini .amount.negative {
  color: var(--danger-color);
}

/* line 25130, app/assets/stylesheets/flexadmin_main.scss */
.widget-transaction-amount-mini .bonus {
  font-size: 0.6875rem;
  color: var(--success-color);
}

/* Earning Report Widget */
/* line 25136, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-list {
  display: flex;
  flex-direction: column;
}

/* line 25141, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

/* line 25148, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color-light);
}

/* line 25152, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 25163, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 25168, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-icon.danger {
  background: var(--danger-color-light);
  color: var(--danger-color);
}

/* line 25173, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 25178, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 25183, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-info {
  flex: 1;
  min-width: 0;
}

/* line 25188, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  display: block;
}

/* line 25195, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-subtitle {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 25203, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-subtitle i {
  font-size: 0.6875rem;
}

/* line 25207, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-link {
  display: block;
  text-align: center;
  font-size: 0.8125rem;
  color: var(--accent-color);
  padding-top: var(--spacing-md);
}

/* Mini Stat Card */
/* line 25216, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat .card-body {
  padding: var(--spacing-lg);
}

/* line 25220, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-xs);
}

/* line 25227, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 25233, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-subtitle {
  font-size: 0.75rem;
  color: var(--muted-color);
  margin: 0 0 var(--spacing-md);
}

/* line 25239, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-values {
  margin-bottom: var(--spacing-xs);
}

/* line 25243, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-values .widget-mini-stat-current {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 25249, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-values .widget-mini-stat-total {
  font-size: 1rem;
  color: var(--muted-color);
  margin-left: var(--spacing-sm);
}

/* line 25255, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-info {
  font-size: 0.75rem;
  color: var(--muted-color);
  margin: 0 0 var(--spacing-md);
}

/* line 25261, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-footer {
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
}

/* line 25266, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-label {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: block;
  margin-bottom: var(--spacing-sm);
}

/* line 25273, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-avatars {
  display: flex;
  align-items: center;
}

/* line 25278, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-avatars img {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-full);
  border: 2px solid var(--surface-color);
  margin-left: -8px;
}

/* line 25286, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-avatars img:first-child {
  margin-left: 0;
}

/* line 25290, app/assets/stylesheets/flexadmin_main.scss */
.widget-mini-stat-more {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-full);
  background: var(--accent-color);
  color: var(--contrast-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  font-weight: 600;
  margin-left: -8px;
}

/* Color Stat Cards */
/* line 25305, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat {
  overflow: hidden;
}

/* line 25309, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat.primary .card-body {
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), black 15%) 100%);
  color: var(--contrast-color);
}

/* line 25314, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat.success .card-body {
  background: linear-gradient(135deg, var(--success-color) 0%, color-mix(in srgb, var(--success-color), black 15%) 100%);
  color: var(--contrast-color);
}

/* line 25319, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat.danger .card-body {
  background: linear-gradient(135deg, var(--danger-color) 0%, color-mix(in srgb, var(--danger-color), black 15%) 100%);
  color: var(--contrast-color);
}

/* line 25324, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat.warning .card-body {
  background: linear-gradient(135deg, var(--warning-color) 0%, color-mix(in srgb, var(--warning-color), black 15%) 100%);
  color: var(--contrast-color);
}

/* line 25329, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat.info .card-body {
  background: linear-gradient(135deg, var(--info-color) 0%, color-mix(in srgb, var(--info-color), black 15%) 100%);
  color: var(--contrast-color);
}

/* line 25334, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat .card-body {
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

/* line 25341, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

/* line 25353, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat-content {
  flex: 1;
}

/* line 25357, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

/* line 25363, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat-change {
  font-size: 0.8125rem;
  font-weight: 500;
  opacity: 0.9;
}

/* line 25369, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat-change.negative {
  opacity: 0.8;
}

/* line 25373, app/assets/stylesheets/flexadmin_main.scss */
.widget-color-stat-label {
  font-size: 0.8125rem;
  opacity: 0.9;
}

/*--------------------------------------------------------------
# Widget Banners Page Styles
--------------------------------------------------------------*/
/* Gradient Backgrounds */
/* line 25382, app/assets/stylesheets/flexadmin_main.scss */
.gradient-primary {
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), black 15%) 100%);
}

/* line 25386, app/assets/stylesheets/flexadmin_main.scss */
.gradient-success {
  background: linear-gradient(135deg, var(--success-color) 0%, color-mix(in srgb, var(--success-color), black 15%) 100%);
}

/* line 25390, app/assets/stylesheets/flexadmin_main.scss */
.gradient-info {
  background: linear-gradient(135deg, var(--info-color) 0%, color-mix(in srgb, var(--info-color), black 15%) 100%);
}

/* line 25394, app/assets/stylesheets/flexadmin_main.scss */
.gradient-danger {
  background: linear-gradient(135deg, var(--danger-color) 0%, color-mix(in srgb, var(--danger-color), black 15%) 100%);
}

/* line 25398, app/assets/stylesheets/flexadmin_main.scss */
.gradient-warning {
  background: linear-gradient(135deg, var(--warning-color) 0%, color-mix(in srgb, var(--warning-color), black 15%) 100%);
}

/* Welcome Banner */
/* line 25403, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-welcome {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  color: var(--contrast-color);
  overflow: hidden;
  position: relative;
  min-height: 180px;
}

/* line 25415, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-content {
  flex: 1;
  z-index: 1;
}

/* line 25420, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

/* line 25426, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-text {
  font-size: 0.9375rem;
  opacity: 0.9;
  margin-bottom: var(--spacing-md);
  max-width: 400px;
}

/* line 25433, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-image {
  position: relative;
  z-index: 1;
}

/* line 25438, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-image img {
  max-height: 160px;
  border-radius: var(--radius-lg);
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 25445, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-image.bottom {
  align-self: flex-end;
  margin-bottom: calc(-1 * var(--spacing-xl));
}

/* line 25450, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-image.bottom img {
  max-height: 140px;
}

/* Achievement Banner */
/* line 25455, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-achievement .card-body {
  padding: var(--spacing-xl);
}

/* line 25459, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--muted-color);
  display: block;
  margin-bottom: var(--spacing-md);
}

/* line 25468, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-badge {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-md);
  background: linear-gradient(135deg, var(--warning-color) 0%, color-mix(in srgb, var(--warning-color), black 10%) 100%);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--contrast-color);
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.3);
}

/* line 25482, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-heading {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-xs);
}

/* line 25489, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-desc {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-md);
}

/* Promo Banner Light */
/* line 25496, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-promo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 180px;
}

/* line 25506, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-promo.light {
  background: linear-gradient(135deg, var(--background-color) 0%, var(--border-color-light) 100%);
}

/* line 25510, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-promo .widget-banner-title {
  color: var(--heading-color);
  font-size: 1.25rem;
}

/* line 25515, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-promo .widget-banner-text {
  color: var(--muted-color);
  font-size: 0.875rem;
}

/* Friend Banner */
/* line 25521, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-friend .card-body {
  padding: var(--spacing-xl);
}

/* line 25525, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-avatar-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-md);
}

/* line 25531, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-avatar {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  border: 4px solid color-mix(in srgb, var(--accent-color), transparent 80%);
}

/* line 25540, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notification {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: var(--danger-color);
  color: var(--contrast-color);
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--surface-color);
}

/* line 25557, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-xs);
}

/* line 25564, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-actions {
  display: flex;
  gap: var(--spacing-sm);
  justify-content: center;
}

/* Status Banner */
/* line 25571, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-status .card-body {
  padding: var(--spacing-xl);
}

/* line 25575, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-icon-wrapper {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

/* line 25583, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-illustration {
  max-height: 100%;
  border-radius: var(--radius-md);
}

/* line 25588, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-empty-cart {
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, var(--background-color) 0%, var(--border-color-light) 100%);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  color: var(--muted-color);
}

/* Stats Banner */
/* line 25601, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-stats {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  color: var(--contrast-color);
  overflow: hidden;
  min-height: 200px;
}

/* line 25612, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-stat-group {
  display: flex;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
}

/* line 25618, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-stat {
  background: rgba(255, 255, 255, 0.2);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-align: center;
}

/* line 25625, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-stat-value {
  font-size: 1.25rem;
  font-weight: 700;
  display: block;
}

/* line 25631, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-stat-label {
  font-size: 0.6875rem;
  opacity: 0.9;
  display: block;
}

/* Alert Banners */
/* line 25638, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  position: relative;
}

/* line 25647, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert.success {
  background: var(--success-color-light);
  border-left: 4px solid var(--success-color);
}

/* line 25652, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert.success .widget-banner-alert-icon {
  color: var(--success-color);
}

/* line 25656, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert.warning {
  background: var(--warning-color-light);
  border-left: 4px solid var(--warning-color);
}

/* line 25661, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert.warning .widget-banner-alert-icon {
  color: var(--warning-color);
}

/* line 25665, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert.info {
  background: var(--info-color-light);
  border-left: 4px solid var(--info-color);
}

/* line 25670, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert.info .widget-banner-alert-icon {
  color: var(--info-color);
}

/* line 25674, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert.danger {
  background: var(--danger-color-light);
  border-left: 4px solid var(--danger-color);
}

/* line 25679, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert.danger .widget-banner-alert-icon {
  color: var(--danger-color);
}

/* line 25683, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert-icon {
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 25689, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert-content {
  flex: 1;
}

/* line 25693, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 4px;
}

/* line 25700, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin: 0;
}

/* line 25706, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert-close {
  background: none;
  border: none;
  padding: 0;
  color: var(--muted-color);
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
  transition: color var(--transition-fast);
}

/* line 25717, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-alert-close:hover {
  color: var(--danger-color);
}

/* CTA Banners */
/* line 25722, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  color: var(--contrast-color);
}

/* line 25731, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cta.horizontal .widget-banner-cta-content {
  flex: none;
}

/* line 25735, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cta.horizontal .widget-banner-cta-buttons {
  margin-top: 0;
}

/* line 25739, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cta-content {
  flex: 1;
}

/* line 25743, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cta-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 4px 12px;
  border-radius: var(--radius-full);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-sm);
}

/* line 25754, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cta-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: var(--spacing-xs);
}

/* line 25760, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cta-text {
  font-size: 0.875rem;
  opacity: 0.9;
  margin-bottom: var(--spacing-md);
}

/* line 25766, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cta-buttons {
  display: flex;
  gap: var(--spacing-sm);
}

/* line 25771, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cta-icon {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  flex-shrink: 0;
  margin-left: var(--spacing-lg);
}

/* Notification Banners */
/* line 25785, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notification .card-body {
  padding: var(--spacing-lg);
}

/* line 25789, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notif-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-md);
}

/* line 25796, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notif-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}

/* line 25806, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notif-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 25811, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notif-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 25816, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notif-icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 25821, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notif-time {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 25826, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notif-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-xs);
}

/* line 25833, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notif-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-md);
}

/* line 25839, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-notif-actions {
  display: flex;
  gap: var(--spacing-sm);
}

/* Feature Banners */
/* line 25845, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-feature {
  display: flex;
  align-items: center;
  padding: var(--spacing-lg);
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
}

/* line 25856, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-feature-badge {
  position: absolute;
  top: var(--spacing-md);
  left: var(--spacing-md);
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 4px 10px;
  border-radius: var(--radius-full);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 1px;
}

/* line 25869, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-feature-badge.update {
  background: var(--info-color);
}

/* line 25873, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-feature-content {
  flex: 1;
  padding-top: var(--spacing-lg);
}

/* line 25878, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-feature-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-xs);
}

/* line 25885, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-feature-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-sm);
}

/* line 25891, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-feature-link {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* line 25900, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-feature-link:hover {
  text-decoration: underline;
}

/* line 25904, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-feature-icon {
  width: 56px;
  height: 56px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--accent-color);
  flex-shrink: 0;
  margin-left: var(--spacing-lg);
}

/* Onboarding Banners */
/* line 25919, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-onboarding .card-body {
  padding: var(--spacing-xl);
}

/* line 25923, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-onboarding-step {
  width: 32px;
  height: 32px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0 auto var(--spacing-md);
}

/* line 25937, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-onboarding-step.completed {
  background: var(--success-color);
}

/* line 25941, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-onboarding-icon {
  width: 64px;
  height: 64px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--accent-color);
  margin: 0 auto var(--spacing-md);
}

/* line 25954, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-onboarding-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 25959, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-onboarding-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: var(--spacing-xs);
}

/* line 25966, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-onboarding-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-md);
}

/* Sale Banners */
/* line 25973, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-sale {
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  color: var(--contrast-color);
  text-align: center;
}

/* line 25980, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-sale-content {
  position: relative;
  z-index: 1;
}

/* line 25985, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-sale-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 4px 12px;
  border-radius: var(--radius-full);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-sm);
}

/* line 25996, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-sale-badge.dark {
  background: color-mix(in srgb, var(--default-color), transparent 80%);
}

/* line 26000, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-sale-title {
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: var(--spacing-xs);
}

/* line 26006, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-sale-text {
  font-size: 0.9375rem;
  opacity: 0.9;
  margin-bottom: var(--spacing-md);
}

/* line 26012, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-sale-timer {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

/* line 26019, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-timer-item {
  background: rgba(255, 255, 255, 0.2);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  min-width: 60px;
}

/* line 26026, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-timer-value {
  font-size: 1.25rem;
  font-weight: 700;
  display: block;
}

/* line 26032, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-timer-label {
  font-size: 0.6875rem;
  opacity: 0.9;
  display: block;
}

/* line 26038, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-sale-code {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  background: rgba(255, 255, 255, 0.2);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
}

/* line 26048, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-code {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 2px;
}

/* line 26054, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-copy-btn {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  color: var(--contrast-color);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

/* line 26064, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-copy-btn:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* Cookie Banner */
/* line 26069, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cookie {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  flex-wrap: wrap;
}

/* line 26080, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cookie-icon {
  width: 48px;
  height: 48px;
  background: var(--warning-color-light);
  color: var(--warning-color);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

/* line 26093, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cookie-content {
  flex: 1;
  min-width: 200px;
}

/* line 26098, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cookie-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 4px;
}

/* line 26105, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cookie-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin: 0;
}

/* line 26111, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-cookie-actions {
  display: flex;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}

/* Newsletter Banner */
/* line 26118, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-newsletter {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
}

/* line 26127, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-newsletter-icon {
  width: 48px;
  height: 48px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

/* line 26140, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-newsletter-content {
  flex: 1;
}

/* line 26144, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-newsletter-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 4px;
}

/* line 26151, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-newsletter-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-sm);
}

/* line 26157, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-newsletter-form {
  display: flex;
  gap: var(--spacing-sm);
}

/* line 26162, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-newsletter-form input {
  flex: 1;
  max-width: 250px;
}

/* App Install Banner */
/* line 26168, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-app-install {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
}

/* line 26178, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-app-icon {
  width: 48px;
  height: 48px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

/* line 26191, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-app-content {
  flex: 1;
}

/* line 26195, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-app-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 4px;
}

/* line 26202, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-app-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin: 0;
}

/* line 26208, app/assets/stylesheets/flexadmin_main.scss */
.widget-banner-app-actions {
  display: flex;
  gap: var(--spacing-sm);
}

/* Responsive */
@media (max-width: 767px) {
  /* line 26216, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-welcome,
.widget-banner-promo,
.widget-banner-stats {
    flex-direction: column;
    text-align: center;
  }
  /* line 26223, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-welcome .widget-banner-content,
.widget-banner-promo .widget-banner-content,
.widget-banner-stats .widget-banner-content {
    order: 2;
  }
  /* line 26229, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-welcome .widget-banner-image,
.widget-banner-promo .widget-banner-image,
.widget-banner-stats .widget-banner-image {
    order: 1;
    margin-bottom: var(--spacing-md);
  }
  /* line 26236, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-welcome .widget-banner-image.bottom,
.widget-banner-promo .widget-banner-image.bottom,
.widget-banner-stats .widget-banner-image.bottom {
    margin-bottom: var(--spacing-md);
  }
  /* line 26242, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-welcome .widget-banner-text,
.widget-banner-promo .widget-banner-text,
.widget-banner-stats .widget-banner-text {
    max-width: none;
  }
  /* line 26248, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-cta {
    flex-direction: column;
    text-align: center;
  }
  /* line 26253, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-cta.horizontal .widget-banner-cta-buttons {
    margin-top: var(--spacing-md);
  }
  /* line 26257, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-cta .widget-banner-cta-icon {
    margin-left: 0;
    margin-bottom: var(--spacing-md);
  }
  /* line 26262, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-cookie {
    flex-direction: column;
    text-align: center;
  }
  /* line 26267, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-cookie .widget-banner-cookie-actions {
    justify-content: center;
  }
  /* line 26271, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-newsletter-form {
    flex-direction: column;
  }
  /* line 26275, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-newsletter-form input {
    max-width: none;
  }
  /* line 26279, app/assets/stylesheets/flexadmin_main.scss */
  .widget-banner-app-install {
    flex-direction: column;
    text-align: center;
  }
}

/*--------------------------------------------------------------
# Widget Charts Page Styles
--------------------------------------------------------------*/
/* Mini Stat Cards with Sparklines */
/* line 26289, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-stat .card-body {
  padding: var(--spacing-lg);
}

/* line 26293, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-stat-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--spacing-md);
}

/* line 26300, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 26307, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-stat-label {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 26312, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-stat-change {
  font-size: 0.75rem;
  font-weight: 500;
}

/* line 26317, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-stat-change.positive {
  color: var(--success-color);
}

/* line 26321, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-stat-change.negative {
  color: var(--danger-color);
}

/* line 26325, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline {
  height: 50px;
}

/* line 26329, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline svg {
  width: 100%;
  height: 100%;
}

/* line 26334, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline.primary {
  color: var(--accent-color);
}

/* line 26338, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline.warning {
  color: var(--warning-color);
}

/* line 26342, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline.success {
  color: var(--success-color);
}

/* line 26346, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline.info {
  color: var(--info-color);
}

/* line 26350, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline-bars {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 50px;
}

/* line 26357, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline-bars span {
  flex: 1;
  border-radius: 2px;
  min-width: 6px;
}

/* line 26363, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline-bars.info span {
  background: var(--info-color);
}

/* line 26367, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline-bars.dark span {
  background: var(--heading-color);
}

/* line 26371, app/assets/stylesheets/flexadmin_main.scss */
.widget-chart-sparkline-bars.primary span {
  background: var(--accent-color);
}

/* Balance Card */
/* line 26376, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--spacing-lg);
}

/* line 26383, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-label {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-xs);
}

/* line 26389, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 26395, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-change {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: 0.8125rem;
  margin-top: var(--spacing-xs);
}

/* line 26403, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-change i {
  color: var(--danger-color);
}

/* line 26407, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-change .negative {
  color: var(--danger-color);
}

/* line 26411, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-tabs {
  display: flex;
  gap: var(--spacing-xs);
}

/* line 26416, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-tabs button {
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  border: 1px solid var(--border-color);
  background: transparent;
  font-size: 0.8125rem;
  color: var(--muted-color);
  cursor: pointer;
  transition: all var(--transition-fast);
}

/* line 26427, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-tabs button.active {
  background: var(--heading-color);
  color: var(--contrast-color);
  border-color: var(--heading-color);
}

/* line 26433, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-tabs button:hover:not(.active) {
  border-color: var(--heading-color);
}

/* line 26437, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-content {
  display: flex;
  gap: var(--spacing-lg);
}

/* line 26442, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-chart {
  flex: 1;
  min-width: 0;
}

/* line 26447, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-chart svg {
  width: 100%;
  height: 100px;
}

/* line 26452, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-chart-labels {
  display: flex;
  justify-content: space-between;
  margin-top: var(--spacing-sm);
}

/* line 26458, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-chart-labels span {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 26463, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-stats {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

/* line 26469, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-stat-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 26475, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-stat-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

/* line 26485, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-stat-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 26490, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-stat-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 26495, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-stat-icon.info {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 26500, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-stat-icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 26505, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-stat-label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 26510, app/assets/stylesheets/flexadmin_main.scss */
.widget-balance-stat-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* ROI Card */
/* line 26517, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

/* line 26524, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

/* line 26536, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-values {
  flex: 1;
}

/* line 26540, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-percent {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 26546, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 26551, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-change {
  text-align: right;
}

/* line 26555, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-change .positive {
  color: var(--success-color);
  font-weight: 600;
  display: block;
}

/* line 26561, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-change .text-muted {
  font-size: 0.75rem;
}

/* line 26565, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-chart {
  height: 150px;
}

/* line 26569, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-bars {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  gap: var(--spacing-md);
}

/* line 26577, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-bar-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

/* line 26585, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-bar-group span {
  font-size: 0.6875rem;
  color: var(--muted-color);
  margin-top: var(--spacing-xs);
}

/* line 26591, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-bar {
  width: 100%;
  max-width: 30px;
  background: var(--border-color);
  border-radius: var(--radius-sm);
  margin-top: auto;
}

/* line 26599, app/assets/stylesheets/flexadmin_main.scss */
.widget-roi-bar.highlight {
  background: var(--info-color);
}

/* Stat Chart Cards */
/* line 26604, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart .card-body {
  padding: var(--spacing-lg);
}

/* line 26608, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

/* line 26615, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

/* line 26625, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 26630, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 26635, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-icon.info {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 26640, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-title {
  font-size: 0.875rem;
  color: var(--muted-color);
}

/* line 26645, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: var(--spacing-md);
}

/* line 26652, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-value {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 26658, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-bars {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 60px;
}

/* line 26665, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-bars span {
  width: 8px;
  border-radius: 2px;
}

/* line 26670, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-bars.primary span {
  background: var(--accent-color);
}

/* line 26674, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-line {
  width: 100px;
  height: 50px;
}

/* line 26679, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-line svg {
  width: 100%;
  height: 100%;
}

/* line 26684, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-line.success {
  color: var(--success-color);
}

/* line 26688, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-donut {
  width: 60px;
  height: 60px;
}

/* line 26693, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-donut svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

/* line 26699, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-donut.info {
  color: var(--info-color);
}

/* line 26703, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-footer {
  font-size: 0.8125rem;
}

/* line 26707, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-footer.positive {
  color: var(--success-color);
}

/* line 26711, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-chart-footer.negative {
  color: var(--danger-color);
}

/* Current Value Card */
/* line 26716, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 26722, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-tabs {
  display: flex;
  gap: var(--spacing-xs);
}

/* line 26727, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-tabs button {
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-sm);
  border: none;
  font-size: 0.8125rem;
  cursor: pointer;
  transition: all var(--transition-fast);
}

/* line 26736, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-tabs button.active {
  background: var(--accent-color);
  color: var(--contrast-color);
}

/* line 26741, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-tabs button:not(.active) {
  background: var(--background-color);
  color: var(--muted-color);
}

/* line 26746, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-item {
  background: var(--background-color);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
}

/* line 26752, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-item.highlight {
  background: var(--surface-color);
  border: 1px solid var(--border-color);
}

/* line 26757, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-chart-bars {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 80px;
  margin-bottom: var(--spacing-md);
}

/* line 26765, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-chart-bars span {
  flex: 1;
  border-radius: var(--radius-sm);
}

/* line 26770, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-chart-bars.primary span {
  background: var(--accent-color);
}

/* line 26774, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-chart-bars.info span {
  background: var(--info-color);
}

/* line 26778, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-chart-area {
  position: relative;
  height: 80px;
  margin-bottom: var(--spacing-md);
}

/* line 26784, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-chart-area svg {
  width: 100%;
  height: 100%;
}

/* line 26789, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-chart-tooltip {
  position: absolute;
  top: 0;
  right: 20%;
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 26801, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 26807, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-label {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 26812, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-amount .value {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 26818, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-amount .change {
  font-size: 0.75rem;
  margin-left: var(--spacing-sm);
}

/* line 26823, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-amount .change.positive {
  color: var(--success-color);
}

/* line 26827, app/assets/stylesheets/flexadmin_main.scss */
.widget-value-amount .change.negative {
  color: var(--danger-color);
}

/* Yearly Cards */
/* line 26832, app/assets/stylesheets/flexadmin_main.scss */
.widget-yearly-title {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-sm);
}

/* line 26838, app/assets/stylesheets/flexadmin_main.scss */
.widget-yearly-value {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: var(--spacing-sm);
}

/* line 26845, app/assets/stylesheets/flexadmin_main.scss */
.widget-yearly-change {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-md);
}

/* line 26852, app/assets/stylesheets/flexadmin_main.scss */
.widget-yearly-change .positive {
  color: var(--success-color);
  font-weight: 500;
}

/* line 26857, app/assets/stylesheets/flexadmin_main.scss */
.widget-yearly-legend {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

/* line 26863, app/assets/stylesheets/flexadmin_main.scss */
.widget-yearly-legend span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 26871, app/assets/stylesheets/flexadmin_main.scss */
.widget-yearly-legend span i {
  font-size: 0.5rem;
}

/* line 26875, app/assets/stylesheets/flexadmin_main.scss */
.widget-yearly-donut {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

/* line 26881, app/assets/stylesheets/flexadmin_main.scss */
.widget-yearly-donut svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

/* Yearly Sales */
/* line 26888, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-header {
  margin-bottom: var(--spacing-md);
}

/* line 26892, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 2px;
}

/* line 26899, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-chart {
  height: 150px;
  margin-bottom: var(--spacing-md);
}

/* line 26904, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-bars {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  gap: var(--spacing-sm);
}

/* line 26912, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-bar-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

/* line 26920, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-bar-item .bar {
  width: 100%;
  max-width: 24px;
  background: var(--info-color);
  border-radius: var(--radius-sm);
  margin-top: auto;
}

/* line 26928, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-bar-item span {
  font-size: 0.6875rem;
  color: var(--muted-color);
  margin-top: var(--spacing-xs);
}

/* line 26934, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-bar-item.highlight .bar {
  background: var(--accent-color);
}

/* line 26938, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-footer {
  display: flex;
  gap: var(--spacing-lg);
}

/* line 26943, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-stat {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 26949, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-stat i {
  color: var(--muted-color);
}

/* line 26953, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-stat .label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 26958, app/assets/stylesheets/flexadmin_main.scss */
.widget-sales-stat .value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* Revenue Updates */
/* line 26965, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-header {
  margin-bottom: var(--spacing-sm);
}

/* line 26969, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 2px;
}

/* line 26976, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-legend {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

/* line 26982, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-legend span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 26990, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-legend span i {
  font-size: 0.5rem;
}

/* line 26994, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-chart {
  display: flex;
  gap: var(--spacing-sm);
  height: 150px;
}

/* line 27000, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-bars {
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-sm);
}

/* line 27007, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-bars .bar-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

/* line 27016, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-bars .bar-group .bar {
  width: 100%;
  max-width: 16px;
  border-radius: 2px;
}

/* line 27022, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-bars .bar-group .bar.positive {
  background: var(--accent-color);
}

/* line 27026, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-bars .bar-group .bar.negative {
  background: var(--info-color);
}

/* line 27030, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-bars .bar-group span {
  font-size: 0.6875rem;
  color: var(--muted-color);
  margin-top: var(--spacing-xs);
}

/* line 27036, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-axis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--spacing-sm) 0;
}

/* line 27043, app/assets/stylesheets/flexadmin_main.scss */
.widget-revenue-axis span {
  font-size: 0.6875rem;
  color: var(--muted-color);
}

/* Monthly Earnings */
/* line 27049, app/assets/stylesheets/flexadmin_main.scss */
.widget-earnings .card-body {
  padding: var(--spacing-lg);
}

/* line 27053, app/assets/stylesheets/flexadmin_main.scss */
.widget-earnings-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-sm);
}

/* line 27060, app/assets/stylesheets/flexadmin_main.scss */
.widget-earnings-title {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin: 0;
}

/* line 27066, app/assets/stylesheets/flexadmin_main.scss */
.widget-earnings-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: var(--spacing-md);
}

/* line 27073, app/assets/stylesheets/flexadmin_main.scss */
.widget-earnings-chart {
  height: 60px;
}

/* line 27077, app/assets/stylesheets/flexadmin_main.scss */
.widget-earnings-chart svg {
  width: 100%;
  height: 100%;
}

/* Most Visited */
/* line 27083, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

/* line 27090, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
}

/* line 27097, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-chart {
  display: flex;
  gap: var(--spacing-sm);
  height: 150px;
  margin-bottom: var(--spacing-md);
}

/* line 27104, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-bars {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--spacing-md);
}

/* line 27112, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-bars .bar-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

/* line 27120, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-bars .bar-item .bar {
  width: 100%;
  max-width: 32px;
  background: var(--border-color);
  border-radius: var(--radius-sm);
  margin-top: auto;
}

/* line 27128, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-bars .bar-item.highlight .bar {
  background: var(--accent-color);
}

/* line 27132, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-bars .bar-item span {
  font-size: 0.75rem;
  color: var(--muted-color);
  margin-top: var(--spacing-xs);
}

/* line 27138, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-axis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 27144, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-axis span {
  font-size: 0.6875rem;
  color: var(--muted-color);
}

/* line 27149, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-legend {
  display: flex;
  justify-content: center;
  gap: var(--spacing-lg);
}

/* line 27155, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-legend span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 27163, app/assets/stylesheets/flexadmin_main.scss */
.widget-visited-legend span i {
  font-size: 0.5rem;
}

/* Page Impressions */
/* line 27168, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-title {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin-bottom: var(--spacing-xs);
}

/* line 27174, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: var(--spacing-xs);
}

/* line 27181, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

/* line 27188, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-chart {
  height: 60px;
  margin-bottom: var(--spacing-md);
}

/* line 27193, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-chart svg {
  width: 100%;
  height: 100%;
}

/* line 27198, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-stats {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

/* line 27204, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-stat {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 27210, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-stat .label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 27215, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-stat .value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-left: auto;
}

/* line 27222, app/assets/stylesheets/flexadmin_main.scss */
.widget-impressions-stat .badge {
  margin-left: var(--spacing-sm);
}

/* Delivery Analytics */
/* line 27227, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

/* line 27234, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-tabs {
  display: flex;
  gap: var(--spacing-xs);
  margin-left: auto;
}

/* line 27240, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-tabs button {
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  border: 1px solid var(--border-color);
  background: transparent;
  font-size: 0.75rem;
  color: var(--muted-color);
  cursor: pointer;
}

/* line 27250, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-tabs button.active {
  background: var(--background-color);
  color: var(--heading-color);
}

/* line 27255, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-content {
  display: flex;
  gap: var(--spacing-lg);
}

/* line 27260, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-chart {
  flex: 1;
}

/* line 27264, app/assets/stylesheets/flexadmin_main.scss */
.widget-radar-chart {
  width: 100%;
  max-width: 200px;
  height: 200px;
}

/* line 27270, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-info {
  flex: 1;
}

/* line 27274, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-message {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background: var(--background-color);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
}

/* line 27284, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-message i {
  font-size: 1.25rem;
  color: var(--accent-color);
}

/* line 27289, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-message strong {
  display: block;
  font-size: 0.875rem;
  color: var(--heading-color);
}

/* line 27295, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-message span {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 27300, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-stats {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

/* line 27306, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-stat {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 27312, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-stat .dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
}

/* line 27318, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-stat .dot.primary {
  background: var(--accent-color);
}

/* line 27322, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-stat .dot.info {
  background: var(--info-color);
}

/* line 27326, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-stat .dot.danger {
  background: var(--danger-color);
}

/* line 27330, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-stat .value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 27336, app/assets/stylesheets/flexadmin_main.scss */
.widget-delivery-stat .label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* Marketing Report */
/* line 27342, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-content {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

/* line 27348, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-stats {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

/* line 27355, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-stat {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 27361, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-stat .label {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: block;
}

/* line 27367, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-stat .value {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 27373, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}

/* line 27383, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 27388, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 27393, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-icon.info {
  background: var(--info-color-light);
  color: var(--info-color);
}

/* line 27398, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 27403, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-chart {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 27410, app/assets/stylesheets/flexadmin_main.scss */
.widget-gauge {
  position: relative;
  width: 150px;
  text-align: center;
}

/* line 27416, app/assets/stylesheets/flexadmin_main.scss */
.widget-gauge svg {
  width: 100%;
  height: auto;
}

/* line 27421, app/assets/stylesheets/flexadmin_main.scss */
.widget-gauge-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-top: var(--spacing-sm);
}

/* line 27428, app/assets/stylesheets/flexadmin_main.scss */
.widget-gauge-label {
  font-size: 0.75rem;
  color: var(--muted-color);
  margin-top: var(--spacing-xs);
}

/* line 27434, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md);
  background: var(--background-color);
  border-radius: var(--radius-md);
}

/* line 27443, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-tip {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 27449, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-tip i {
  color: var(--warning-color);
}

/* line 27453, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-tip span {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* Bottom Stats Cards */
/* line 27459, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--spacing-md);
}

/* line 27466, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 2px;
}

/* line 27473, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-values {
  text-align: right;
}

/* line 27477, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-values .value {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
  display: block;
}

/* line 27484, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-values .change {
  font-size: 0.75rem;
  font-weight: 500;
}

/* line 27489, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-values .change.positive {
  color: var(--success-color);
}

/* line 27493, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-values .change.negative {
  color: var(--danger-color);
}

/* line 27497, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-chart {
  height: 80px;
  margin-bottom: var(--spacing-md);
}

/* line 27502, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-chart svg {
  width: 100%;
  height: 100%;
}

/* line 27507, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-chart.primary {
  color: var(--accent-color);
}

/* line 27511, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-bars {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-md);
  height: 80px;
  margin-bottom: var(--spacing-md);
}

/* line 27519, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-bars .bar-day {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

/* line 27527, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-bars .bar-day .bar-fill {
  width: 100%;
  max-width: 24px;
  background: var(--accent-color);
  border-radius: var(--radius-full);
  margin-top: auto;
}

/* line 27535, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-bars .bar-day span {
  font-size: 0.75rem;
  color: var(--muted-color);
  margin-top: var(--spacing-xs);
}

/* line 27541, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-donut {
  width: 100px;
  height: 100px;
  margin: 0 auto var(--spacing-md);
}

/* line 27547, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-donut svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

/* line 27553, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-legend {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

/* line 27559, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-legend-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 27567, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-legend-item .dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
}

/* line 27573, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-legend-item .dot.primary {
  background: var(--accent-color);
}

/* line 27577, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-legend-item .dot.muted {
  background: var(--border-color);
}

/* line 27581, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-legend-item .value {
  margin-left: auto;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 27587, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-footer {
  text-align: center;
  padding-top: var(--spacing-md);
}

/* Sales Profit */
/* line 27593, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

/* line 27600, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-tabs {
  display: flex;
  gap: var(--spacing-xs);
}

/* line 27605, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-tabs button {
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  border: 1px solid var(--border-color);
  background: transparent;
  font-size: 0.8125rem;
  color: var(--muted-color);
  cursor: pointer;
}

/* line 27615, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-tabs button.active {
  background: var(--background-color);
  color: var(--heading-color);
}

/* line 27620, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-chart {
  position: relative;
  height: 150px;
  margin-bottom: var(--spacing-md);
}

/* line 27626, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-chart svg {
  width: 100%;
  height: 100%;
}

/* line 27631, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-labels {
  display: flex;
  justify-content: space-between;
  margin-top: var(--spacing-sm);
}

/* line 27637, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-labels span {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 27642, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-axis {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 27652, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-axis span {
  font-size: 0.6875rem;
  color: var(--muted-color);
}

/* line 27657, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color-light);
}

/* line 27665, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-stat {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

/* line 27671, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-stat .value {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 27677, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-stat .label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 27682, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-stat-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-xs);
}

/* line 27692, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-stat-icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 27697, app/assets/stylesheets/flexadmin_main.scss */
.widget-profit-stat-icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* Product Sales Donut */
/* line 27703, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-donut {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto var(--spacing-md);
}

/* line 27710, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-donut svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

/* line 27716, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-donut-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 27724, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-donut-center .value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  display: block;
}

/* line 27731, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-legend {
  margin-bottom: var(--spacing-md);
}

/* line 27735, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-legend-row {
  display: flex;
  justify-content: space-around;
  margin-bottom: var(--spacing-xs);
}

/* line 27741, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-legend-row span {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 27746, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-legend-row span i {
  font-size: 0.5rem;
}

/* line 27750, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-note {
  font-size: 0.75rem;
}

/* Sales Overview */
/* line 27755, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-header {
  margin-bottom: var(--spacing-md);
}

/* line 27759, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 2px;
}

/* line 27766, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-donut {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto var(--spacing-md);
}

/* line 27773, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-donut svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

/* line 27779, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-donut-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 27789, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-stats {
  display: flex;
  justify-content: center;
  gap: var(--spacing-lg);
}

/* line 27795, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
}

/* line 27802, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-stat i {
  color: var(--muted-color);
}

/* line 27806, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-stat .value {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 27812, app/assets/stylesheets/flexadmin_main.scss */
.widget-overview-stat .label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* Marketing Mini */
/* line 27818, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

/* line 27824, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-stats {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

/* line 27831, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-stat {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 27837, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-stat .icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}

/* line 27847, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-stat .icon.primary {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 27852, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-stat .icon.warning {
  background: var(--warning-color-light);
  color: var(--warning-color);
}

/* line 27857, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-stat .icon.success {
  background: var(--success-color-light);
  color: var(--success-color);
}

/* line 27862, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-stat .label {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: block;
}

/* line 27868, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-stat .value {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 27874, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-chart {
  position: relative;
  width: 80px;
  height: 80px;
}

/* line 27880, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-chart svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

/* line 27886, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-chart .value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 27896, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md);
  background: var(--background-color);
  border-radius: var(--radius-md);
}

/* line 27905, app/assets/stylesheets/flexadmin_main.scss */
.widget-marketing-mini-footer span {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* Annual Profit */
/* line 27911, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-chart {
  position: relative;
  margin-bottom: var(--spacing-md);
}

/* line 27916, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-chart svg {
  width: 100%;
  height: 60px;
}

/* line 27921, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-rate {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

/* line 27928, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-rate .label {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: block;
}

/* line 27934, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-rate .value {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 27940, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-stats {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

/* line 27946, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-stat .label {
  font-size: 0.8125rem;
  color: var(--heading-color);
  display: block;
}

/* line 27952, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-stat .sublabel {
  font-size: 0.75rem;
  color: var(--muted-color);
  display: block;
  margin-bottom: var(--spacing-xs);
}

/* line 27959, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-stat-value {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

/* line 27965, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-stat-value .value {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 27971, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-stat-value .change {
  font-size: 0.75rem;
  font-weight: 500;
}

/* line 27976, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-stat-value .change.positive {
  color: var(--success-color);
}

/* line 27980, app/assets/stylesheets/flexadmin_main.scss */
.widget-annual-stat-value .change.negative {
  color: var(--danger-color);
}

/*--------------------------------------------------------------
# Widget Apps Page Styles
--------------------------------------------------------------*/
/* line 27987, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-item {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-color);
  position: relative;
}

/* line 27995, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 28000, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-item:first-child {
  padding-top: 0;
}

/* line 28004, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 28011, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-content {
  flex: 1;
  min-width: 0;
}

/* line 28016, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-author {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.25rem;
}

/* line 28023, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-text {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: 0.5rem;
  line-height: 1.5;
}

/* line 28030, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 28036, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-actions .btn-link {
  color: var(--muted-color);
}

/* line 28040, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-actions .btn-link:hover {
  color: var(--accent-color);
}

/* line 28044, app/assets/stylesheets/flexadmin_main.scss */
.widget-comment-date {
  position: absolute;
  top: 1rem;
  right: 0;
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 28052, app/assets/stylesheets/flexadmin_main.scss */
.widget-todo-list .widget-todo-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 28060, app/assets/stylesheets/flexadmin_main.scss */
.widget-todo-list .widget-todo-item:last-child {
  border-bottom: none;
}

/* line 28064, app/assets/stylesheets/flexadmin_main.scss */
.widget-todo-check {
  padding-top: 0.125rem;
}

/* line 28068, app/assets/stylesheets/flexadmin_main.scss */
.widget-todo-check .form-check-input {
  width: 18px;
  height: 18px;
}

/* line 28073, app/assets/stylesheets/flexadmin_main.scss */
.widget-todo-content {
  flex: 1;
  min-width: 0;
}

/* line 28078, app/assets/stylesheets/flexadmin_main.scss */
.widget-todo-title {
  font-size: 0.875rem;
  color: var(--heading-color);
  font-weight: 500;
  margin-bottom: 0.25rem;
  cursor: pointer;
}

/* line 28086, app/assets/stylesheets/flexadmin_main.scss */
.form-check-input:checked + .widget-todo-title {
  text-decoration: line-through;
  color: var(--muted-color);
}

/* line 28091, app/assets/stylesheets/flexadmin_main.scss */
.widget-todo-date {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 28096, app/assets/stylesheets/flexadmin_main.scss */
.widget-projects-table th {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--muted-color);
  border-bottom: 1px solid var(--border-color);
  padding: 0.75rem 1rem;
}

/* line 28105, app/assets/stylesheets/flexadmin_main.scss */
.widget-projects-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
  vertical-align: middle;
}

/* line 28111, app/assets/stylesheets/flexadmin_main.scss */
.widget-projects-table tr:last-child td {
  border-bottom: none;
}

/* line 28115, app/assets/stylesheets/flexadmin_main.scss */
.widget-project-assignee {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 28121, app/assets/stylesheets/flexadmin_main.scss */
.widget-project-initial {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--contrast-color);
  font-size: 0.75rem;
  font-weight: 600;
  flex-shrink: 0;
}

/* line 28134, app/assets/stylesheets/flexadmin_main.scss */
.widget-project-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 28140, app/assets/stylesheets/flexadmin_main.scss */
.widget-project-role {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 28145, app/assets/stylesheets/flexadmin_main.scss */
.widget-project-client {
  font-size: 0.875rem;
  color: var(--accent-color);
}

/* line 28150, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-main {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

/* line 28157, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-icon {
  font-size: 3rem;
  color: var(--warning-color);
}

/* line 28162, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-temp {
  display: flex;
  align-items: flex-start;
}

/* line 28167, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-degree {
  font-size: 3rem;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 1;
}

/* line 28174, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-unit {
  font-size: 1.5rem;
  color: var(--muted-color);
}

/* line 28179, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-info h5 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.25rem;
}

/* line 28186, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-info p {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin: 0;
}

/* line 28192, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

/* line 28199, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-detail {
  display: flex;
  justify-content: space-between;
}

/* line 28204, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-detail .label {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 28209, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-detail .value {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 28215, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-forecast {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
}

/* line 28222, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-forecast-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/* line 28229, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-forecast-item .time {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 28234, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-forecast-item i {
  font-size: 1.25rem;
  color: var(--warning-color);
}

/* line 28239, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-forecast-item .temp {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 28245, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-profile-full .card-body {
  padding: 2rem 1.5rem;
}

/* line 28249, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-profile-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 1rem;
}

/* line 28256, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-profile-name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.25rem;
}

/* line 28263, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-profile-email {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin-bottom: 1rem;
}

/* line 28269, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-profile-tags {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

/* line 28277, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-profile-actions {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

/* line 28283, app/assets/stylesheets/flexadmin_main.scss */
.widget-message-list .widget-message-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 28291, app/assets/stylesheets/flexadmin_main.scss */
.widget-message-list .widget-message-item:last-child {
  border-bottom: none;
}

/* line 28295, app/assets/stylesheets/flexadmin_main.scss */
.widget-message-list .widget-message-item:hover {
  background-color: var(--background-color);
}

/* line 28299, app/assets/stylesheets/flexadmin_main.scss */
.widget-message-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 28306, app/assets/stylesheets/flexadmin_main.scss */
.widget-message-content {
  flex: 1;
  min-width: 0;
}

/* line 28311, app/assets/stylesheets/flexadmin_main.scss */
.widget-message-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 0;
}

/* line 28318, app/assets/stylesheets/flexadmin_main.scss */
.widget-message-email {
  font-size: 0.75rem;
  color: var(--muted-color);
  margin: 0;
}

/* line 28324, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-stats-card .card-body {
  padding: 1.5rem;
}

/* line 28328, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-stats-avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-bottom: 0.75rem;
}

/* line 28335, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-stats-name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.25rem;
}

/* line 28342, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-stats-role {
  font-size: 0.875rem;
  color: var(--accent-color);
  margin-bottom: 0.75rem;
}

/* line 28348, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-stats-grid {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
}

/* line 28356, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-stat {
  text-align: center;
}

/* line 28360, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-stat-value {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 28367, app/assets/stylesheets/flexadmin_main.scss */
.widget-user-stat-label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 28372, app/assets/stylesheets/flexadmin_main.scss */
.widget-description-text {
  font-size: 0.875rem;
  color: var(--muted-color);
  line-height: 1.6;
  margin-bottom: 1rem;
}

/* line 28379, app/assets/stylesheets/flexadmin_main.scss */
.widget-description-actions {
  display: flex;
  gap: 0.5rem;
}

/* line 28384, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-list .widget-browser-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 28392, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-list .widget-browser-item:last-child {
  border-bottom: none;
}

/* line 28396, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  flex-shrink: 0;
}

/* line 28407, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-icon.chrome {
  background-color: #4285f4;
  color: var(--contrast-color);
}

/* line 28412, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-icon.firefox {
  background-color: #ff7139;
  color: var(--contrast-color);
}

/* line 28417, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-icon.safari {
  background-color: #0fb5ee;
  color: var(--contrast-color);
}

/* line 28422, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-icon.edge {
  background-color: #0078d4;
  color: var(--contrast-color);
}

/* line 28427, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-icon.opera {
  background-color: #ff1b2d;
  color: var(--contrast-color);
}

/* line 28432, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-icon.other {
  background-color: var(--muted-color);
  color: var(--contrast-color);
}

/* line 28437, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-name {
  flex: 1;
  font-size: 0.875rem;
  color: var(--heading-color);
}

/* line 28443, app/assets/stylesheets/flexadmin_main.scss */
.widget-browser-percent {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 28449, app/assets/stylesheets/flexadmin_main.scss */
.widget-people-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 28455, app/assets/stylesheets/flexadmin_main.scss */
.widget-people-search {
  margin-bottom: 1rem;
}

/* line 28459, app/assets/stylesheets/flexadmin_main.scss */
.widget-people-list {
  margin-bottom: 1rem;
}

/* line 28463, app/assets/stylesheets/flexadmin_main.scss */
.widget-people-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

/* line 28470, app/assets/stylesheets/flexadmin_main.scss */
.widget-people-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 28477, app/assets/stylesheets/flexadmin_main.scss */
.widget-people-name {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 28484, app/assets/stylesheets/flexadmin_main.scss */
.widget-people-actions {
  margin-top: 1rem;
}

/* line 28488, app/assets/stylesheets/flexadmin_main.scss */
.widget-currency-input {
  display: flex;
  gap: 0.5rem;
}

/* line 28493, app/assets/stylesheets/flexadmin_main.scss */
.widget-currency-input .form-control {
  flex: 1;
}

/* line 28497, app/assets/stylesheets/flexadmin_main.scss */
.widget-currency-input .form-select {
  width: 80px;
  flex-shrink: 0;
}

/* line 28502, app/assets/stylesheets/flexadmin_main.scss */
.widget-currency-swap {
  display: flex;
  justify-content: center;
  padding: 0.75rem 0;
}

/* line 28508, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-profile .card-body {
  padding: 1.5rem;
}

/* line 28512, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 1rem;
}

/* line 28519, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 1rem;
}

/* line 28526, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-stats {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

/* line 28532, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-stat {
  text-align: center;
}

/* line 28536, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-stat .value {
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--heading-color);
}

/* line 28543, app/assets/stylesheets/flexadmin_main.scss */
.widget-social-stat .label {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 28548, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviews-summary {
  text-align: center;
}

/* line 28552, app/assets/stylesheets/flexadmin_main.scss */
.widget-reviews-count {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
}

/* line 28559, app/assets/stylesheets/flexadmin_main.scss */
.widget-order-tabs {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

/* line 28565, app/assets/stylesheets/flexadmin_main.scss */
.widget-order-tab {
  flex: 1;
  padding: 0.5rem 1rem;
  border: 1px solid var(--border-color);
  background: transparent;
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  color: var(--default-color);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 28577, app/assets/stylesheets/flexadmin_main.scss */
.widget-order-tab.active {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 28583, app/assets/stylesheets/flexadmin_main.scss */
.widget-order-tab:hover:not(.active) {
  background-color: var(--background-color);
}

/* line 28587, app/assets/stylesheets/flexadmin_main.scss */
.widget-poll-question {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 1rem;
}

/* line 28594, app/assets/stylesheets/flexadmin_main.scss */
.widget-poll-options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 28600, app/assets/stylesheets/flexadmin_main.scss */
.widget-poll-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

/* line 28607, app/assets/stylesheets/flexadmin_main.scss */
.widget-poll-option label {
  font-size: 0.875rem;
  color: var(--default-color);
  cursor: pointer;
}

/* line 28613, app/assets/stylesheets/flexadmin_main.scss */
.widget-poll-option.selected label {
  color: var(--accent-color);
  font-weight: 500;
}

/* line 28618, app/assets/stylesheets/flexadmin_main.scss */
.widget-poll-results {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 28624, app/assets/stylesheets/flexadmin_main.scss */
.widget-poll-result .widget-poll-result-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
  color: var(--default-color);
}

/* line 28632, app/assets/stylesheets/flexadmin_main.scss */
.widget-poll-result .progress {
  background-color: var(--background-color);
}

/* line 28636, app/assets/stylesheets/flexadmin_main.scss */
.widget-feeds-list .widget-feed-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 28644, app/assets/stylesheets/flexadmin_main.scss */
.widget-feeds-list .widget-feed-item:last-child {
  border-bottom: none;
}

/* line 28648, app/assets/stylesheets/flexadmin_main.scss */
.widget-feed-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  flex-shrink: 0;
}

/* line 28659, app/assets/stylesheets/flexadmin_main.scss */
.widget-feed-icon.warning {
  background-color: color-mix(in srgb, var(--warning-color), transparent 85%);
  color: var(--warning-color);
}

/* line 28664, app/assets/stylesheets/flexadmin_main.scss */
.widget-feed-icon.danger {
  background-color: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 28669, app/assets/stylesheets/flexadmin_main.scss */
.widget-feed-icon.success {
  background-color: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 28674, app/assets/stylesheets/flexadmin_main.scss */
.widget-feed-icon.info {
  background-color: color-mix(in srgb, var(--info-color), transparent 85%);
  color: var(--info-color);
}

/* line 28679, app/assets/stylesheets/flexadmin_main.scss */
.widget-feed-icon.primary {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 28684, app/assets/stylesheets/flexadmin_main.scss */
.widget-feed-content {
  flex: 1;
  min-width: 0;
}

/* line 28689, app/assets/stylesheets/flexadmin_main.scss */
.widget-feed-text {
  font-size: 0.875rem;
  color: var(--default-color);
  margin: 0;
}

/* line 28695, app/assets/stylesheets/flexadmin_main.scss */
.widget-feed-time {
  font-size: 0.75rem;
  color: var(--muted-color);
  white-space: nowrap;
}

/* line 28701, app/assets/stylesheets/flexadmin_main.scss */
.widget-visits-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* line 28707, app/assets/stylesheets/flexadmin_main.scss */
.widget-visit-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 28713, app/assets/stylesheets/flexadmin_main.scss */
.widget-visit-info {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

/* line 28719, app/assets/stylesheets/flexadmin_main.scss */
.widget-visit-count {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--heading-color);
  margin: 0;
}

/* line 28726, app/assets/stylesheets/flexadmin_main.scss */
.widget-visit-country {
  font-size: 0.875rem;
  color: var(--muted-color);
}

/* line 28731, app/assets/stylesheets/flexadmin_main.scss */
.widget-visit-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 28737, app/assets/stylesheets/flexadmin_main.scss */
.widget-visit-bar .progress {
  flex: 1;
  background-color: var(--background-color);
}

/* line 28742, app/assets/stylesheets/flexadmin_main.scss */
.widget-visit-percent {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
  min-width: 40px;
  text-align: right;
}

/* line 28750, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-total {
  font-size: 2rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 1rem;
}

/* line 28757, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-users {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 28763, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-user {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 28769, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 28776, app/assets/stylesheets/flexadmin_main.scss */
.widget-earning-name {
  flex: 1;
  font-size: 0.875rem;
  color: var(--heading-color);
}

@media (max-width: 991.98px) {
  /* line 28783, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-main {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  /* line 28788, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-details {
    gap: 0.5rem;
  }
  /* line 28792, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-stats-grid {
    gap: 1.5rem;
  }
  /* line 28796, app/assets/stylesheets/flexadmin_main.scss */
  .widget-social-stats {
    gap: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  /* line 28802, app/assets/stylesheets/flexadmin_main.scss */
  .widget-comment-item {
    flex-wrap: wrap;
    position: relative;
  }
  /* line 28807, app/assets/stylesheets/flexadmin_main.scss */
  .widget-comment-date {
    position: static;
    width: 100%;
    margin-top: 0.5rem;
    order: 3;
  }
  /* line 28814, app/assets/stylesheets/flexadmin_main.scss */
  .widget-comment-content {
    width: calc(100% - 52px);
  }
  /* line 28818, app/assets/stylesheets/flexadmin_main.scss */
  .widget-comment-actions .btn {
    min-height: 44px;
    min-width: 44px;
  }
  /* line 28823, app/assets/stylesheets/flexadmin_main.scss */
  .widget-todo-item {
    padding: 1rem;
    min-height: 60px;
  }
  /* line 28828, app/assets/stylesheets/flexadmin_main.scss */
  .widget-todo-item .btn {
    min-height: 44px;
    min-width: 44px;
  }
  /* line 28833, app/assets/stylesheets/flexadmin_main.scss */
  .widget-todo-check .form-check-input {
    width: 22px;
    height: 22px;
  }
  /* line 28838, app/assets/stylesheets/flexadmin_main.scss */
  .widget-projects-table th,
.widget-projects-table td {
    padding: 0.625rem 0.75rem;
  }
  /* line 28843, app/assets/stylesheets/flexadmin_main.scss */
  .widget-project-assignee {
    gap: 0.5rem;
  }
  /* line 28847, app/assets/stylesheets/flexadmin_main.scss */
  .widget-project-initial {
    width: 28px;
    height: 28px;
    font-size: 0.6875rem;
  }
  /* line 28853, app/assets/stylesheets/flexadmin_main.scss */
  .widget-project-name {
    font-size: 0.8125rem;
  }
  /* line 28857, app/assets/stylesheets/flexadmin_main.scss */
  .widget-project-role {
    font-size: 0.6875rem;
  }
  /* line 28861, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-forecast {
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 28867, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-forecast-item {
    flex: 0 0 auto;
    min-width: 60px;
  }
  /* line 28872, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-profile-avatar,
.widget-social-avatar {
    width: 64px;
    height: 64px;
  }
  /* line 28878, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-stats-avatar {
    width: 56px;
    height: 56px;
  }
  /* line 28883, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-profile-actions,
.widget-description-actions {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 28889, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-profile-actions .btn,
.widget-description-actions .btn {
    min-height: 44px;
  }
  /* line 28894, app/assets/stylesheets/flexadmin_main.scss */
  .widget-message-item {
    padding: 0.625rem 1rem;
    min-height: 56px;
  }
  /* line 28899, app/assets/stylesheets/flexadmin_main.scss */
  .widget-browser-item {
    padding: 0.625rem 1rem;
    min-height: 52px;
  }
  /* line 28904, app/assets/stylesheets/flexadmin_main.scss */
  .widget-people-item {
    padding: 0.625rem 0;
    gap: 0.5rem;
  }
  /* line 28909, app/assets/stylesheets/flexadmin_main.scss */
  .widget-people-item .btn {
    min-height: 44px;
    padding: 0.375rem 0.75rem;
  }
  /* line 28914, app/assets/stylesheets/flexadmin_main.scss */
  .widget-people-actions .btn {
    min-height: 44px;
  }
  /* line 28918, app/assets/stylesheets/flexadmin_main.scss */
  .widget-currency-input {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 28923, app/assets/stylesheets/flexadmin_main.scss */
  .widget-currency-input .form-control {
    min-height: 44px;
  }
  /* line 28927, app/assets/stylesheets/flexadmin_main.scss */
  .widget-currency-input .form-select {
    width: 100%;
    min-height: 44px;
  }
  /* line 28932, app/assets/stylesheets/flexadmin_main.scss */
  .widget-currency-swap .btn {
    width: 44px;
    height: 44px;
  }
  /* line 28937, app/assets/stylesheets/flexadmin_main.scss */
  .widget-poll-option {
    padding: 0.75rem 0;
  }
  /* line 28941, app/assets/stylesheets/flexadmin_main.scss */
  .widget-poll-option .form-check-input {
    width: 20px;
    height: 20px;
  }
  /* line 28946, app/assets/stylesheets/flexadmin_main.scss */
  .widget-poll-option label {
    font-size: 0.8125rem;
  }
  /* line 28950, app/assets/stylesheets/flexadmin_main.scss */
  .widget-feed-item {
    padding: 0.625rem 1rem;
    min-height: 52px;
  }
  /* line 28955, app/assets/stylesheets/flexadmin_main.scss */
  .widget-visit-count {
    font-size: 1.25rem;
  }
  /* line 28959, app/assets/stylesheets/flexadmin_main.scss */
  .widget-visit-bar {
    gap: 0.5rem;
  }
  /* line 28963, app/assets/stylesheets/flexadmin_main.scss */
  .widget-earning-user {
    padding: 0.5rem 0;
    min-height: 52px;
  }
}

@media (max-width: 575.98px) {
  /* line 28970, app/assets/stylesheets/flexadmin_main.scss */
  .widget-comment-avatar {
    width: 32px;
    height: 32px;
  }
  /* line 28975, app/assets/stylesheets/flexadmin_main.scss */
  .widget-comment-content {
    width: calc(100% - 44px);
  }
  /* line 28979, app/assets/stylesheets/flexadmin_main.scss */
  .widget-comment-author {
    font-size: 0.8125rem;
  }
  /* line 28983, app/assets/stylesheets/flexadmin_main.scss */
  .widget-comment-text {
    font-size: 0.75rem;
    line-height: 1.4;
  }
  /* line 28988, app/assets/stylesheets/flexadmin_main.scss */
  .widget-comment-date {
    font-size: 0.6875rem;
  }
  /* line 28992, app/assets/stylesheets/flexadmin_main.scss */
  .widget-todo-item {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  /* line 28997, app/assets/stylesheets/flexadmin_main.scss */
  .widget-todo-title {
    font-size: 0.8125rem;
  }
  /* line 29001, app/assets/stylesheets/flexadmin_main.scss */
  .widget-todo-date {
    font-size: 0.6875rem;
  }
  /* line 29005, app/assets/stylesheets/flexadmin_main.scss */
  .widget-projects-table {
    font-size: 0.8125rem;
  }
  /* line 29009, app/assets/stylesheets/flexadmin_main.scss */
  .widget-projects-table th,
.widget-projects-table td {
    padding: 0.5rem;
  }
  /* line 29014, app/assets/stylesheets/flexadmin_main.scss */
  .widget-project-initial {
    width: 24px;
    height: 24px;
    font-size: 0.625rem;
  }
  /* line 29020, app/assets/stylesheets/flexadmin_main.scss */
  .widget-project-name {
    font-size: 0.75rem;
  }
  /* line 29024, app/assets/stylesheets/flexadmin_main.scss */
  .widget-project-role {
    font-size: 0.625rem;
  }
  /* line 29028, app/assets/stylesheets/flexadmin_main.scss */
  .widget-project-client {
    font-size: 0.75rem;
  }
  /* line 29032, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-main {
    margin-bottom: 1rem;
  }
  /* line 29036, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-icon {
    font-size: 2.5rem;
  }
  /* line 29040, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-degree {
    font-size: 2.5rem;
  }
  /* line 29044, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-unit {
    font-size: 1.25rem;
  }
  /* line 29048, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-info h5 {
    font-size: 0.875rem;
  }
  /* line 29052, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-info p {
    font-size: 0.75rem;
  }
  /* line 29056, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-details {
    grid-template-columns: 1fr;
    margin-bottom: 1rem;
  }
  /* line 29061, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-detail .label,
.widget-weather-detail .value {
    font-size: 0.75rem;
  }
  /* line 29066, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-forecast-item {
    min-width: 50px;
  }
  /* line 29070, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-forecast-item .time {
    font-size: 0.6875rem;
  }
  /* line 29074, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-forecast-item i {
    font-size: 1rem;
  }
  /* line 29078, app/assets/stylesheets/flexadmin_main.scss */
  .widget-weather-forecast-item .temp {
    font-size: 0.75rem;
  }
  /* line 29082, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-profile-full .card-body {
    padding: 1.5rem 1rem;
  }
  /* line 29086, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-profile-avatar,
.widget-social-avatar {
    width: 56px;
    height: 56px;
  }
  /* line 29092, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-profile-name,
.widget-social-name {
    font-size: 0.9375rem;
  }
  /* line 29097, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-profile-email {
    font-size: 0.8125rem;
  }
  /* line 29101, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-profile-tags {
    gap: 0.375rem;
  }
  /* line 29105, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-profile-tags .badge {
    font-size: 0.6875rem;
  }
  /* line 29109, app/assets/stylesheets/flexadmin_main.scss */
  .widget-message-avatar {
    width: 32px;
    height: 32px;
  }
  /* line 29114, app/assets/stylesheets/flexadmin_main.scss */
  .widget-message-name {
    font-size: 0.8125rem;
  }
  /* line 29118, app/assets/stylesheets/flexadmin_main.scss */
  .widget-message-email {
    font-size: 0.6875rem;
  }
  /* line 29122, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-stats-card .card-body {
    padding: 1rem;
  }
  /* line 29126, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-stats-avatar {
    width: 48px;
    height: 48px;
  }
  /* line 29131, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-stats-name {
    font-size: 0.9375rem;
  }
  /* line 29135, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-stats-role {
    font-size: 0.8125rem;
  }
  /* line 29139, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-stats-grid {
    gap: 1rem;
    padding-top: 0.75rem;
  }
  /* line 29144, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-stat-value {
    font-size: 1rem;
  }
  /* line 29148, app/assets/stylesheets/flexadmin_main.scss */
  .widget-user-stat-label {
    font-size: 0.6875rem;
  }
  /* line 29152, app/assets/stylesheets/flexadmin_main.scss */
  .widget-description-text {
    font-size: 0.8125rem;
  }
  /* line 29156, app/assets/stylesheets/flexadmin_main.scss */
  .widget-browser-icon {
    width: 24px;
    height: 24px;
    font-size: 0.75rem;
  }
  /* line 29162, app/assets/stylesheets/flexadmin_main.scss */
  .widget-browser-name {
    font-size: 0.8125rem;
  }
  /* line 29166, app/assets/stylesheets/flexadmin_main.scss */
  .widget-browser-percent {
    font-size: 0.8125rem;
  }
  /* line 29170, app/assets/stylesheets/flexadmin_main.scss */
  .widget-people-avatar {
    width: 32px;
    height: 32px;
  }
  /* line 29175, app/assets/stylesheets/flexadmin_main.scss */
  .widget-people-name {
    font-size: 0.8125rem;
  }
  /* line 29179, app/assets/stylesheets/flexadmin_main.scss */
  .widget-social-profile .card-body {
    padding: 1.25rem 1rem;
  }
  /* line 29183, app/assets/stylesheets/flexadmin_main.scss */
  .widget-social-stats {
    gap: 1rem;
  }
  /* line 29187, app/assets/stylesheets/flexadmin_main.scss */
  .widget-social-stat .value {
    font-size: 1rem;
  }
  /* line 29191, app/assets/stylesheets/flexadmin_main.scss */
  .widget-social-stat .label {
    font-size: 0.6875rem;
  }
  /* line 29195, app/assets/stylesheets/flexadmin_main.scss */
  .widget-reviews-count {
    font-size: 2rem;
  }
  /* line 29199, app/assets/stylesheets/flexadmin_main.scss */
  .widget-order-tabs {
    gap: 0.375rem;
  }
  /* line 29203, app/assets/stylesheets/flexadmin_main.scss */
  .widget-order-tab {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    min-height: 44px;
  }
  /* line 29209, app/assets/stylesheets/flexadmin_main.scss */
  .widget-poll-question {
    font-size: 0.875rem;
  }
  /* line 29213, app/assets/stylesheets/flexadmin_main.scss */
  .widget-poll-option {
    gap: 0.5rem;
  }
  /* line 29217, app/assets/stylesheets/flexadmin_main.scss */
  .widget-poll-result .widget-poll-result-header {
    font-size: 0.75rem;
  }
  /* line 29221, app/assets/stylesheets/flexadmin_main.scss */
  .widget-feed-icon {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
  }
  /* line 29227, app/assets/stylesheets/flexadmin_main.scss */
  .widget-feed-text {
    font-size: 0.8125rem;
  }
  /* line 29231, app/assets/stylesheets/flexadmin_main.scss */
  .widget-feed-time {
    font-size: 0.6875rem;
  }
  /* line 29235, app/assets/stylesheets/flexadmin_main.scss */
  .widget-visit-count {
    font-size: 1.125rem;
  }
  /* line 29239, app/assets/stylesheets/flexadmin_main.scss */
  .widget-visit-country {
    font-size: 0.8125rem;
  }
  /* line 29243, app/assets/stylesheets/flexadmin_main.scss */
  .widget-visit-percent {
    font-size: 0.8125rem;
    min-width: 35px;
  }
  /* line 29248, app/assets/stylesheets/flexadmin_main.scss */
  .widget-earning-total {
    font-size: 1.75rem;
  }
  /* line 29252, app/assets/stylesheets/flexadmin_main.scss */
  .widget-earning-avatar {
    width: 32px;
    height: 32px;
  }
  /* line 29257, app/assets/stylesheets/flexadmin_main.scss */
  .widget-earning-name {
    font-size: 0.8125rem;
  }
}

/*--------------------------------------------------------------
# Widget Data Page Styles
--------------------------------------------------------------*/
/* line 29265, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-progress .card-body {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
  position: relative;
  overflow: hidden;
}

/* line 29274, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

/* line 29285, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.primary {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 29290, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.success {
  background-color: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 29295, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.warning {
  background-color: color-mix(in srgb, var(--warning-color), transparent 85%);
  color: var(--warning-color);
}

/* line 29300, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.danger {
  background-color: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 29305, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.info {
  background-color: color-mix(in srgb, var(--info-color), transparent 85%);
  color: var(--info-color);
}

/* line 29310, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-icon.secondary {
  background-color: color-mix(in srgb, var(--muted-color), transparent 85%);
  color: var(--muted-color);
}

/* line 29315, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-content {
  flex: 1;
  min-width: 0;
}

/* line 29320, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-value {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 29328, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-label {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 29333, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
}

/* line 29341, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-bar.primary {
  background-color: var(--accent-color);
}

/* line 29345, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-bar.success {
  background-color: var(--success-color);
}

/* line 29349, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-bar.warning {
  background-color: var(--warning-color);
}

/* line 29353, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-bar.danger {
  background-color: var(--danger-color);
}

/* line 29357, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-bar.info {
  background-color: var(--info-color);
}

/* line 29361, app/assets/stylesheets/flexadmin_main.scss */
.widget-stat-bar.secondary {
  background-color: var(--muted-color);
}

/* line 29365, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat .card-body {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
}

/* line 29372, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

/* line 29383, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-icon.primary {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 29388, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-icon.success {
  background-color: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 29393, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-icon.warning {
  background-color: color-mix(in srgb, var(--warning-color), transparent 85%);
  color: var(--warning-color);
}

/* line 29398, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-icon.danger {
  background-color: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 29403, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-icon.info {
  background-color: color-mix(in srgb, var(--info-color), transparent 85%);
  color: var(--info-color);
}

/* line 29408, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-icon.secondary {
  background-color: color-mix(in srgb, var(--muted-color), transparent 85%);
  color: var(--muted-color);
}

/* line 29413, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-content {
  flex: 1;
}

/* line 29417, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-value {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 29424, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-stat-label {
  font-size: 0.875rem;
  color: var(--muted-color);
}

/* line 29429, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-stat .card-body {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
}

/* line 29436, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-icon {
  width: 44px;
  height: 44px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 29447, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-icon.primary {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 29452, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-icon.success {
  background-color: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 29457, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-icon.warning {
  background-color: color-mix(in srgb, var(--warning-color), transparent 85%);
  color: var(--warning-color);
}

/* line 29462, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-icon.danger {
  background-color: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 29467, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-icon.info {
  background-color: color-mix(in srgb, var(--info-color), transparent 85%);
  color: var(--info-color);
}

/* line 29472, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-icon.secondary {
  background-color: color-mix(in srgb, var(--muted-color), transparent 85%);
  color: var(--muted-color);
}

/* line 29477, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-content {
  flex: 1;
}

/* line 29481, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-value {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 29488, app/assets/stylesheets/flexadmin_main.scss */
.widget-icon-left-label {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 29493, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-image-card {
  overflow: hidden;
  border: none;
}

/* line 29498, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-image-bg {
  padding: 2rem;
  min-height: 200px;
  display: flex;
  align-items: flex-end;
  position: relative;
}

/* line 29506, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-image-content {
  color: var(--contrast-color);
}

/* line 29510, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-location {
  font-size: 0.875rem;
  opacity: 0.9;
  margin-bottom: 0.5rem;
}

/* line 29516, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-temp-large {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

/* line 29523, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-temp-large i {
  font-size: 2rem;
}

/* line 29527, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-temp-large span {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
}

/* line 29533, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-temp-large span small {
  font-size: 1rem;
  opacity: 0.8;
}

/* line 29538, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-day {
  font-size: 0.875rem;
  opacity: 0.9;
}

/* line 29543, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-simple .card-body {
  padding: 1.5rem;
}

/* line 29547, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-simple-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

/* line 29554, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-simple-temp {
  font-size: 2rem;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
}

/* line 29561, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-simple-location {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin: 0;
}

/* line 29567, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-simple-icon {
  font-size: 2.5rem;
  color: var(--info-color);
}

/* line 29572, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-simple-date {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 29577, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-compact .card-body {
  padding: 1rem;
  text-align: center;
}

/* line 29582, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-compact-icon {
  font-size: 2rem;
  color: var(--warning-color);
  margin-bottom: 0.5rem;
}

/* line 29588, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-compact-temp {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.25rem;
}

/* line 29595, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-compact-temp small {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 29600, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-compact-date {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 29605, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-compact-info {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: var(--muted-color);
  margin-bottom: 0.5rem;
}

/* line 29613, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-week {
  display: flex;
  justify-content: space-around;
  padding: 1rem 0;
}

/* line 29619, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-week-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s;
}

/* line 29629, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-week-item.active {
  background-color: var(--accent-color);
}

/* line 29633, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-week-item.active .day,
.widget-weather-week-item.active .temp {
  color: var(--contrast-color);
}

/* line 29638, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-week-item.active i {
  color: var(--contrast-color);
}

/* line 29642, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-week-item .day {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted-color);
  text-transform: uppercase;
}

/* line 29649, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-week-item i {
  font-size: 1.5rem;
  color: var(--warning-color);
}

/* line 29654, app/assets/stylesheets/flexadmin_main.scss */
.widget-weather-week-item .temp {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 29660, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-card {
  border: none;
  color: var(--contrast-color);
}

/* line 29665, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-card.ethereum {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

/* line 29669, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-card.dash {
  background: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
}

/* line 29673, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-card.bitcoin {
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
}

/* line 29677, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-card.ripple {
  background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
}

/* line 29681, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-card .card-body {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
}

/* line 29688, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}

/* line 29699, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-info {
  flex: 1;
}

/* line 29703, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-name {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
}

/* line 29709, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-value {
  font-size: 0.8125rem;
  opacity: 0.9;
}

/* line 29714, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats {
  border: none;
  color: var(--contrast-color);
}

/* line 29719, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats.primary {
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), black 15%) 100%);
}

/* line 29723, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats.success {
  background: linear-gradient(135deg, var(--success-color) 0%, color-mix(in srgb, var(--success-color), black 15%) 100%);
}

/* line 29727, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats.danger {
  background: linear-gradient(135deg, var(--danger-color) 0%, color-mix(in srgb, var(--danger-color), black 15%) 100%);
}

/* line 29731, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats.info {
  background: linear-gradient(135deg, var(--info-color) 0%, color-mix(in srgb, var(--info-color), black 15%) 100%);
}

/* line 29735, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats.warning {
  background: linear-gradient(135deg, var(--warning-color) 0%, color-mix(in srgb, var(--warning-color), black 15%) 100%);
}

/* line 29739, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats.secondary {
  background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
}

/* line 29743, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats .card-body {
  padding: 1.25rem;
}

/* line 29747, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 29754, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}

/* line 29765, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats-info {
  flex: 1;
}

/* line 29769, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats-name {
  display: block;
  font-size: 1rem;
  font-weight: 600;
}

/* line 29775, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats-category {
  font-size: 0.8125rem;
  opacity: 0.8;
}

/* line 29780, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stats-grid {
  display: flex;
  justify-content: space-between;
}

/* line 29785, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stat-item {
  text-align: center;
}

/* line 29789, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stat-item .label {
  display: block;
  font-size: 0.75rem;
  opacity: 0.8;
  margin-bottom: 0.25rem;
}

/* line 29796, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stat-item .value {
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 29801, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stat-item .value.up {
  color: #86efac;
}

/* line 29805, app/assets/stylesheets/flexadmin_main.scss */
.widget-crypto-stat-item .value.down {
  color: #fca5a5;
}

/* line 29809, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat .card-body {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
}

/* line 29816, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 29827, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat-icon.primary {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 29832, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat-icon.success {
  background-color: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 29837, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat-icon.warning {
  background-color: color-mix(in srgb, var(--warning-color), transparent 85%);
  color: var(--warning-color);
}

/* line 29842, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat-icon.danger {
  background-color: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 29847, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat-content {
  flex: 1;
  min-width: 0;
}

/* line 29852, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--heading-color);
}

/* line 29859, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat-sublabel {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 29864, app/assets/stylesheets/flexadmin_main.scss */
.widget-simple-stat-value {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 29870, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat {
  border: none;
  color: var(--contrast-color);
}

/* line 29875, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat.primary {
  background: linear-gradient(135deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color), black 15%) 100%);
}

/* line 29879, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat.success {
  background: linear-gradient(135deg, var(--success-color) 0%, color-mix(in srgb, var(--success-color), black 15%) 100%);
}

/* line 29883, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat.info {
  background: linear-gradient(135deg, var(--info-color) 0%, color-mix(in srgb, var(--info-color), black 15%) 100%);
}

/* line 29887, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat.danger {
  background: linear-gradient(135deg, var(--danger-color) 0%, color-mix(in srgb, var(--danger-color), black 15%) 100%);
}

/* line 29891, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat .card-body {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
}

/* line 29898, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  flex-shrink: 0;
}

/* line 29910, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat-content {
  flex: 1;
  min-width: 0;
}

/* line 29915, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 29921, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat-sublabel {
  font-size: 0.75rem;
  opacity: 0.8;
}

/* line 29926, app/assets/stylesheets/flexadmin_main.scss */
.widget-colored-stat-value {
  font-size: 1.125rem;
  font-weight: 700;
}

/* line 29931, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-item .card-body {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
}

/* line 29938, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-item-image {
  width: 60px;
  height: 60px;
  border-radius: 0.5rem;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 29946, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 29953, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-item-content {
  flex: 1;
  min-width: 0;
}

/* line 29958, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-item-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.25rem;
}

/* line 29965, app/assets/stylesheets/flexadmin_main.scss */
.widget-product-item-author {
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin: 0;
}

/* line 29971, app/assets/stylesheets/flexadmin_main.scss */
.widget-info-stat .card-body {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
}

/* line 29978, app/assets/stylesheets/flexadmin_main.scss */
.widget-info-stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

/* line 29989, app/assets/stylesheets/flexadmin_main.scss */
.widget-info-stat-icon.primary {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 29994, app/assets/stylesheets/flexadmin_main.scss */
.widget-info-stat-icon.success {
  background-color: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 29999, app/assets/stylesheets/flexadmin_main.scss */
.widget-info-stat-icon.warning {
  background-color: color-mix(in srgb, var(--warning-color), transparent 85%);
  color: var(--warning-color);
}

/* line 30004, app/assets/stylesheets/flexadmin_main.scss */
.widget-info-stat-icon.danger {
  background-color: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 30009, app/assets/stylesheets/flexadmin_main.scss */
.widget-info-stat-content {
  flex: 1;
}

/* line 30013, app/assets/stylesheets/flexadmin_main.scss */
.widget-info-stat-value {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 30020, app/assets/stylesheets/flexadmin_main.scss */
.widget-info-stat-label {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 30025, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-stat .card-body {
  padding: 1.25rem;
}

/* line 30029, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-stat-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

/* line 30036, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 30042, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-stat-icon {
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

/* line 30052, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-stat-icon.primary {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 30057, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-stat-icon.success {
  background-color: color-mix(in srgb, var(--success-color), transparent 85%);
  color: var(--success-color);
}

/* line 30062, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-stat-icon.info {
  background-color: color-mix(in srgb, var(--info-color), transparent 85%);
  color: var(--info-color);
}

/* line 30067, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-stat-icon.danger {
  background-color: color-mix(in srgb, var(--danger-color), transparent 85%);
  color: var(--danger-color);
}

/* line 30072, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-stat-label {
  display: block;
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: 0.75rem;
}

/* line 30079, app/assets/stylesheets/flexadmin_main.scss */
.widget-progress-bar {
  background-color: var(--background-color);
}

/* line 30083, app/assets/stylesheets/flexadmin_main.scss */
.widget-featured-card {
  overflow: hidden;
}

/* line 30087, app/assets/stylesheets/flexadmin_main.scss */
.widget-featured-image {
  height: 180px;
  overflow: hidden;
}

/* line 30092, app/assets/stylesheets/flexadmin_main.scss */
.widget-featured-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s;
}

/* line 30100, app/assets/stylesheets/flexadmin_main.scss */
.widget-featured-image:hover img {
  transform: scale(1.05);
}

/* line 30104, app/assets/stylesheets/flexadmin_main.scss */
.widget-featured-meta {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 30112, app/assets/stylesheets/flexadmin_main.scss */
.widget-featured-meta i {
  margin-right: 0.25rem;
}

/* line 30116, app/assets/stylesheets/flexadmin_main.scss */
.widget-featured-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
}

/* line 30123, app/assets/stylesheets/flexadmin_main.scss */
.widget-featured-desc {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin-bottom: 1rem;
  line-height: 1.5;
}

/* line 30130, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-progress .card-body {
  padding: 1.25rem;
}

/* line 30134, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-progress-value {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 30141, app/assets/stylesheets/flexadmin_main.scss */
.widget-bottom-progress-label {
  display: block;
  font-size: 0.8125rem;
  color: var(--muted-color);
  margin-bottom: 0.75rem;
}

/*--------------------------------------------------------------
# Responsive Tables Page Styles
--------------------------------------------------------------*/
/* Stacked Table Pattern - transforms to card-like layout on mobile */
@media (max-width: 767.98px) {
  /* line 30153, app/assets/stylesheets/flexadmin_main.scss */
  .table-stacked thead {
    display: none;
  }
  /* line 30157, app/assets/stylesheets/flexadmin_main.scss */
  .table-stacked tbody tr {
    display: block;
    margin-bottom: var(--spacing-md);
    padding: var(--spacing-md);
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
  }
  /* line 30166, app/assets/stylesheets/flexadmin_main.scss */
  .table-stacked tbody td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm) 0;
    border: none;
    border-bottom: 1px solid var(--border-color-light);
  }
  /* line 30175, app/assets/stylesheets/flexadmin_main.scss */
  .table-stacked tbody td:last-child {
    border-bottom: none;
  }
  /* line 30179, app/assets/stylesheets/flexadmin_main.scss */
  .table-stacked tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-color);
    margin-right: var(--spacing-md);
  }
}

/* Scroll Indicator Wrapper */
/* line 30191, app/assets/stylesheets/flexadmin_main.scss */
.table-scroll-wrapper {
  position: relative;
}

/* line 30195, app/assets/stylesheets/flexadmin_main.scss */
.table-scroll-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background: linear-gradient(to right, transparent, var(--surface-color));
  pointer-events: none;
  opacity: 1;
  transition: opacity var(--transition-fast);
}

/* line 30208, app/assets/stylesheets/flexadmin_main.scss */
.table-scroll-wrapper.scrolled-end::after {
  opacity: 0;
}

/* Sticky Column Table */
/* line 30213, app/assets/stylesheets/flexadmin_main.scss */
.table-sticky-col .sticky-col {
  position: sticky;
  left: 0;
  background-color: var(--surface-color);
  z-index: 1;
  min-width: 200px;
}

/* line 30221, app/assets/stylesheets/flexadmin_main.scss */
.table-sticky-col .sticky-col::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--border-color);
}

/* line 30231, app/assets/stylesheets/flexadmin_main.scss */
.table-sticky-col thead .sticky-col {
  background-color: var(--table-header-bg);
  z-index: 2;
}

/* line 30236, app/assets/stylesheets/flexadmin_main.scss */
.table-sticky-col tbody tr:hover .sticky-col {
  background-color: var(--table-hover-bg);
}

/* Dark mode adjustments */
/* line 30241, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .table-scroll-wrapper::after {
  background: linear-gradient(to right, transparent, var(--surface-color));
}

/* line 30245, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .table-sticky-col .sticky-col {
  background-color: var(--surface-color);
}

/* line 30249, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .table-sticky-col thead .sticky-col {
  background-color: var(--table-header-bg);
}

/* line 30253, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .table-sticky-col tbody tr:hover .sticky-col {
  background-color: var(--table-hover-bg);
}

/*--------------------------------------------------------------
# Form Wizard Styles
--------------------------------------------------------------*/
/* Horizontal Wizard Steps */
/* line 30261, app/assets/stylesheets/flexadmin_main.scss */
.wizard-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
}

/* line 30267, app/assets/stylesheets/flexadmin_main.scss */
.wizard-steps::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--border-color);
  z-index: 0;
}

/* line 30278, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  flex: 1;
}

/* line 30287, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--surface-color);
  border: 2px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: var(--muted-color);
  transition: all var(--transition-base);
}

/* line 30301, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-number {
  font-size: 0.875rem;
}

/* line 30305, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-check {
  display: none;
}

/* line 30309, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-label {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  color: var(--muted-color);
  font-weight: 500;
  transition: color var(--transition-base);
}

/* line 30317, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step.active .wizard-step-icon {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 30323, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step.active .wizard-step-label {
  color: var(--accent-color);
}

/* line 30327, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step.completed .wizard-step-icon {
  background: var(--success-color);
  border-color: var(--success-color);
  color: var(--contrast-color);
}

/* line 30333, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step.completed .wizard-step-number {
  display: none;
}

/* line 30337, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step.completed .wizard-step-check {
  display: block;
}

/* line 30341, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step.completed .wizard-step-label {
  color: var(--success-color);
}

/* Wizard Content */
/* line 30346, app/assets/stylesheets/flexadmin_main.scss */
.wizard-content {
  display: none;
  padding: 1.5rem 0;
}

/* line 30351, app/assets/stylesheets/flexadmin_main.scss */
.wizard-content.active {
  display: block;
}

/* Wizard Actions */
/* line 30356, app/assets/stylesheets/flexadmin_main.scss */
.wizard-actions {
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color);
  margin-top: 1.5rem;
}

/* Wizard Finish Icon */
/* line 30365, app/assets/stylesheets/flexadmin_main.scss */
.wizard-finish-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
}

/* line 30377, app/assets/stylesheets/flexadmin_main.scss */
.wizard-finish-icon.success {
  background: color-mix(in srgb, var(--success-color), transparent 90%);
  color: var(--success-color);
}

/* Vertical Wizard */
/* line 30383, app/assets/stylesheets/flexadmin_main.scss */
.wizard-steps-vertical {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  padding-left: 1rem;
}

/* line 30391, app/assets/stylesheets/flexadmin_main.scss */
.wizard-steps-vertical::before {
  content: "";
  position: absolute;
  left: calc(1rem + 15px);
  top: 30px;
  bottom: 30px;
  width: 2px;
  background: var(--border-color);
}

/* line 30401, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-v {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 0;
  position: relative;
}

/* line 30409, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-v-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background: var(--surface-color);
  border: 2px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--muted-color);
  transition: all var(--transition-base);
  z-index: 1;
}

/* line 30426, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-v-content {
  flex: 1;
}

/* line 30430, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-v-title {
  font-weight: 600;
  color: var(--muted-color);
  font-size: 0.9375rem;
  transition: color var(--transition-base);
}

/* line 30437, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-v-desc {
  font-size: 0.8125rem;
  color: var(--light-color);
}

/* line 30442, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-v.active .wizard-step-v-icon {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 30448, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-v.active .wizard-step-v-title {
  color: var(--heading-color);
}

/* line 30452, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-v.completed .wizard-step-v-icon {
  background: var(--success-color);
  border-color: var(--success-color);
  color: var(--contrast-color);
}

/* line 30458, app/assets/stylesheets/flexadmin_main.scss */
.wizard-step-v.completed .wizard-step-v-title {
  color: var(--success-color);
}

/* line 30462, app/assets/stylesheets/flexadmin_main.scss */
.wizard-content-v {
  display: none;
}

/* line 30466, app/assets/stylesheets/flexadmin_main.scss */
.wizard-content-v.active {
  display: block;
}

/* Plan Cards */
/* line 30471, app/assets/stylesheets/flexadmin_main.scss */
.plan-card {
  position: relative;
}

/* line 30475, app/assets/stylesheets/flexadmin_main.scss */
.plan-card .btn-check:checked + .plan-card-label {
  border-color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 30480, app/assets/stylesheets/flexadmin_main.scss */
.plan-card-label {
  display: block;
  padding: 1.5rem;
  border: 2px solid var(--border-color);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  height: 100%;
}

/* line 30490, app/assets/stylesheets/flexadmin_main.scss */
.plan-card-label:hover {
  border-color: var(--accent-color);
}

/* line 30494, app/assets/stylesheets/flexadmin_main.scss */
.plan-card-label.featured {
  border-color: var(--accent-color);
}

/* line 30498, app/assets/stylesheets/flexadmin_main.scss */
.plan-badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--accent-color);
  color: var(--contrast-color);
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 30511, app/assets/stylesheets/flexadmin_main.scss */
.plan-card-header {
  text-align: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 30518, app/assets/stylesheets/flexadmin_main.scss */
.plan-card-header h6 {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

/* line 30523, app/assets/stylesheets/flexadmin_main.scss */
.plan-price {
  font-size: 2rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 30529, app/assets/stylesheets/flexadmin_main.scss */
.plan-price small {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--muted-color);
}

/* line 30535, app/assets/stylesheets/flexadmin_main.scss */
.plan-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 30541, app/assets/stylesheets/flexadmin_main.scss */
.plan-features li {
  padding: 0.375rem 0;
  font-size: 0.875rem;
}

/* line 30546, app/assets/stylesheets/flexadmin_main.scss */
.plan-features li i {
  margin-right: 0.5rem;
}

/* Order Summary */
/* line 30551, app/assets/stylesheets/flexadmin_main.scss */
.order-summary {
  background: var(--background-color);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
}

/* line 30557, app/assets/stylesheets/flexadmin_main.scss */
.order-summary-item {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}

/* line 30563, app/assets/stylesheets/flexadmin_main.scss */
.order-total {
  padding-top: 1rem;
}

/* Progress Bar Wizard */
/* line 30568, app/assets/stylesheets/flexadmin_main.scss */
.wizard-progress {
  margin-bottom: 2rem;
}

/* line 30572, app/assets/stylesheets/flexadmin_main.scss */
.wizard-content-p {
  display: none;
  min-height: 200px;
}

/* line 30577, app/assets/stylesheets/flexadmin_main.scss */
.wizard-content-p.active {
  display: block;
}

/* Pills Wizard */
/* line 30582, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pills {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 30589, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pills .nav-item {
  flex: 1;
  min-width: 120px;
  max-width: 200px;
}

/* line 30595, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pills .nav-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  color: var(--muted-color);
  width: 100%;
  transition: all var(--transition-base);
}

/* line 30608, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pills .nav-link:hover:not(:disabled) {
  border-color: var(--accent-color);
}

/* line 30612, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pills .nav-link.active {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 30618, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pills .nav-link.active .wizard-pill-number {
  background: rgba(255, 255, 255, 0.2);
  color: var(--contrast-color);
}

/* line 30623, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pills .nav-link.completed {
  border-color: var(--success-color);
  color: var(--success-color);
}

/* line 30628, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pills .nav-link.completed .wizard-pill-number {
  background: var(--success-color);
  color: var(--contrast-color);
}

/* line 30633, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pills .nav-link:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 30638, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pill-number {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  flex-shrink: 0;
}

/* line 30651, app/assets/stylesheets/flexadmin_main.scss */
.wizard-pill-text {
  font-weight: 500;
  font-size: 0.875rem;
}

/* Icon Steps Wizard */
/* line 30657, app/assets/stylesheets/flexadmin_main.scss */
.wizard-icon-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
}

/* line 30663, app/assets/stylesheets/flexadmin_main.scss */
.wizard-icon-steps::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: var(--border-color);
}

/* line 30673, app/assets/stylesheets/flexadmin_main.scss */
.wizard-icon-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  flex: 1;
}

/* line 30682, app/assets/stylesheets/flexadmin_main.scss */
.wizard-icon-step-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--surface-color);
  border: 2px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--muted-color);
  transition: all var(--transition-base);
}

/* line 30696, app/assets/stylesheets/flexadmin_main.scss */
.wizard-icon-step-label {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  color: var(--muted-color);
  font-weight: 500;
  text-align: center;
}

/* line 30704, app/assets/stylesheets/flexadmin_main.scss */
.wizard-icon-step.active .wizard-icon-step-icon {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 30710, app/assets/stylesheets/flexadmin_main.scss */
.wizard-icon-step.active .wizard-icon-step-label {
  color: var(--accent-color);
}

/* line 30714, app/assets/stylesheets/flexadmin_main.scss */
.wizard-icon-step.completed .wizard-icon-step-icon {
  background: var(--success-color);
  border-color: var(--success-color);
  color: var(--contrast-color);
}

/* line 30720, app/assets/stylesheets/flexadmin_main.scss */
.wizard-icon-step.completed .wizard-icon-step-label {
  color: var(--success-color);
}

/* line 30724, app/assets/stylesheets/flexadmin_main.scss */
.wizard-content-i {
  display: none;
  padding: 1.5rem 0;
}

/* line 30729, app/assets/stylesheets/flexadmin_main.scss */
.wizard-content-i.active {
  display: block;
}

/* Responsive */
@media (max-width: 767.98px) {
  /* line 30735, app/assets/stylesheets/flexadmin_main.scss */
  .wizard-steps {
    flex-wrap: wrap;
    gap: 1rem;
  }
  /* line 30740, app/assets/stylesheets/flexadmin_main.scss */
  .wizard-steps::before {
    display: none;
  }
  /* line 30744, app/assets/stylesheets/flexadmin_main.scss */
  .wizard-step {
    flex: 0 0 calc(50% - 0.5rem);
  }
  /* line 30748, app/assets/stylesheets/flexadmin_main.scss */
  .wizard-icon-steps {
    flex-wrap: wrap;
    gap: 1rem;
  }
  /* line 30753, app/assets/stylesheets/flexadmin_main.scss */
  .wizard-icon-steps::before {
    display: none;
  }
  /* line 30757, app/assets/stylesheets/flexadmin_main.scss */
  .wizard-icon-step {
    flex: 0 0 calc(33.333% - 0.75rem);
  }
  /* line 30761, app/assets/stylesheets/flexadmin_main.scss */
  .wizard-pills .nav-item {
    min-width: 100%;
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
# Rich Text Editors Styles
--------------------------------------------------------------*/
/* Quill Editor Overrides */
/* line 30771, app/assets/stylesheets/flexadmin_main.scss */
.ql-toolbar.ql-snow {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  background: var(--background-color);
}

/* line 30777, app/assets/stylesheets/flexadmin_main.scss */
.ql-container.ql-snow {
  border: 1px solid var(--border-color);
  border-top: 0;
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  font-family: inherit;
  font-size: 0.9375rem;
}

/* line 30785, app/assets/stylesheets/flexadmin_main.scss */
.ql-editor {
  min-height: 200px;
  color: var(--default-color);
}

/* line 30790, app/assets/stylesheets/flexadmin_main.scss */
.ql-editor.ql-blank::before {
  color: var(--light-color);
  font-style: normal;
}

/* line 30795, app/assets/stylesheets/flexadmin_main.scss */
.ql-snow .ql-stroke {
  stroke: var(--default-color);
}

/* line 30799, app/assets/stylesheets/flexadmin_main.scss */
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: var(--default-color);
}

/* line 30804, app/assets/stylesheets/flexadmin_main.scss */
.ql-snow .ql-picker {
  color: var(--default-color);
}

/* line 30808, app/assets/stylesheets/flexadmin_main.scss */
.ql-snow .ql-picker-options {
  background-color: var(--surface-color);
  border-color: var(--border-color);
}

/* line 30813, app/assets/stylesheets/flexadmin_main.scss */
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: var(--border-color);
}

/* Quill Bubble Theme */
/* line 30818, app/assets/stylesheets/flexadmin_main.scss */
.ql-container.ql-bubble {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
}

/* line 30823, app/assets/stylesheets/flexadmin_main.scss */
.ql-bubble .ql-editor {
  min-height: 200px;
  padding: 1rem;
}

/* line 30828, app/assets/stylesheets/flexadmin_main.scss */
.ql-bubble .ql-tooltip {
  background-color: var(--heading-color);
  border-radius: var(--radius-md);
  z-index: 1050;
}

/* TinyMCE Overrides */
/* line 30835, app/assets/stylesheets/flexadmin_main.scss */
.tox-tinymce {
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-md) !important;
}

/* line 30840, app/assets/stylesheets/flexadmin_main.scss */
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
  background-color: var(--background-color) !important;
}

/* line 30846, app/assets/stylesheets/flexadmin_main.scss */
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  border-bottom: 1px solid var(--border-color) !important;
}

/* Markdown Editor */
/* line 30851, app/assets/stylesheets/flexadmin_main.scss */
.markdown-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

/* line 30857, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview {
  min-height: 200px;
  padding: 1rem;
  background: var(--background-color);
  border-radius: var(--radius-md);
  overflow-y: auto;
  max-height: 400px;
}

/* line 30866, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview h1,
.markdown-preview h2,
.markdown-preview h3,
.markdown-preview h4,
.markdown-preview h5,
.markdown-preview h6 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
}

/* line 30877, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview h1 {
  font-size: 1.75rem;
}

/* line 30881, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview h2 {
  font-size: 1.5rem;
}

/* line 30885, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview h3 {
  font-size: 1.25rem;
}

/* line 30889, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview p {
  margin-bottom: 0.75rem;
}

/* line 30893, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview code {
  padding: 0.125rem 0.375rem;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  border-radius: var(--radius-sm);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 0.875em;
}

/* line 30902, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview pre {
  background: var(--heading-color);
  color: var(--background-color);
  padding: 1rem;
  border-radius: var(--radius-md);
  overflow-x: auto;
  margin-bottom: 1rem;
}

/* line 30911, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview pre code {
  padding: 0;
  background: transparent;
  color: inherit;
  border-radius: 0;
}

/* line 30918, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview blockquote {
  border-left: 4px solid var(--accent-color);
  padding-left: 1rem;
  margin-left: 0;
  color: var(--muted-color);
  font-style: italic;
}

/* line 30926, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview ul,
.markdown-preview ol {
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
}

/* line 30932, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview li {
  margin-bottom: 0.25rem;
}

/* line 30936, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview a {
  color: var(--accent-color);
  text-decoration: underline;
}

/* line 30941, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview a:hover {
  color: color-mix(in srgb, var(--accent-color), black 15%);
}

/* line 30945, app/assets/stylesheets/flexadmin_main.scss */
.markdown-preview img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-md);
}

/* Code Editor */
/* line 30952, app/assets/stylesheets/flexadmin_main.scss */
.code-editor-wrapper {
  display: flex;
  background: #1e1e1e;
  border-radius: var(--radius-md);
  overflow: hidden;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 0.875rem;
  line-height: 1.6;
}

/* line 30962, app/assets/stylesheets/flexadmin_main.scss */
.code-editor-lines {
  display: flex;
  flex-direction: column;
  padding: 1rem 0.5rem;
  background: #252526;
  color: #858585;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-width: 40px;
  overflow: hidden;
}

/* line 30976, app/assets/stylesheets/flexadmin_main.scss */
.code-editor-lines span {
  display: block;
  height: 1.6em;
}

/* line 30981, app/assets/stylesheets/flexadmin_main.scss */
.code-editor {
  flex: 1;
  padding: 1rem;
  background: #1e1e1e;
  color: #d4d4d4;
  border: none;
  outline: none;
  resize: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  min-height: 300px;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
}

/* line 30998, app/assets/stylesheets/flexadmin_main.scss */
.code-editor::-moz-placeholder {
  color: #858585;
}

/* line 31002, app/assets/stylesheets/flexadmin_main.scss */
.code-editor::placeholder {
  color: #858585;
}

/* Dark Mode Adjustments */
/* line 31007, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .ql-toolbar.ql-snow {
  background: var(--surface-color);
}

/* line 31011, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .ql-snow .ql-stroke {
  stroke: var(--default-color);
}

/* line 31015, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .ql-snow .ql-fill,
[data-theme=dark] .ql-snow .ql-stroke.ql-fill {
  fill: var(--default-color);
}

/* line 31020, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .ql-snow .ql-picker {
  color: var(--default-color);
}

/* line 31024, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .ql-snow .ql-picker-options {
  background-color: var(--surface-color);
}

/* line 31028, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .ql-editor {
  background: var(--surface-color);
}

/* line 31032, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .markdown-preview {
  background: var(--surface-color);
}

/* line 31036, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .markdown-preview pre {
  background: #0d1117;
}

/* Responsive */
@media (max-width: 767.98px) {
  /* line 31042, app/assets/stylesheets/flexadmin_main.scss */
  .markdown-toolbar .btn-group {
    margin-bottom: 0.25rem;
  }
  /* line 31046, app/assets/stylesheets/flexadmin_main.scss */
  .code-editor-lines {
    display: none;
  }
  /* line 31050, app/assets/stylesheets/flexadmin_main.scss */
  .code-editor {
    border-radius: var(--radius-md);
  }
}

/*--------------------------------------------------------------
# Advanced Select / Choices.js Styles
--------------------------------------------------------------*/
/* Choices.js Container */
/* line 31059, app/assets/stylesheets/flexadmin_main.scss */
.choices {
  margin-bottom: 0;
  font-size: 0.9375rem;
}

/* line 31064, app/assets/stylesheets/flexadmin_main.scss */
.choices__inner {
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: 0.375rem 0.75rem;
  min-height: calc(2.5rem + 2px);
  font-size: inherit;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

/* line 31074, app/assets/stylesheets/flexadmin_main.scss */
.is-focused .choices__inner {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent-color), transparent 75%);
}

/* line 31079, app/assets/stylesheets/flexadmin_main.scss */
.is-disabled .choices__inner {
  background-color: var(--background-color);
  cursor: not-allowed;
}

/* Placeholder */
/* line 31085, app/assets/stylesheets/flexadmin_main.scss */
.choices__placeholder {
  color: var(--muted-color);
  opacity: 1;
}

/* Input */
/* line 31091, app/assets/stylesheets/flexadmin_main.scss */
.choices__input {
  background-color: transparent;
  color: var(--default-color);
  font-size: inherit;
  margin-bottom: 0;
  padding: 0;
}

/* line 31099, app/assets/stylesheets/flexadmin_main.scss */
.choices__input::-moz-placeholder {
  color: var(--muted-color);
}

/* line 31103, app/assets/stylesheets/flexadmin_main.scss */
.choices__input::placeholder {
  color: var(--muted-color);
}

/* line 31107, app/assets/stylesheets/flexadmin_main.scss */
.choices__input--cloned {
  margin-bottom: 0 !important;
}

/* Dropdown List */
/* line 31112, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown {
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  margin-top: 4px;
  box-shadow: var(--shadow-lg);
  z-index: 1050;
}

/* line 31121, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown .choices__item {
  padding: 0.5rem 0.75rem;
  font-size: 0.9375rem;
  color: var(--default-color);
}

/* line 31127, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown .choices__item--selectable:hover,
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 31133, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown .choices__item--disabled {
  color: var(--muted-color);
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 31139, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown .choices__item--disabled:hover {
  background-color: transparent;
}

/* line 31143, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown .choices__item--choice.is-selected {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}

/* line 31148, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown {
  /* Search Input in Dropdown */
}

/* line 31152, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown .choices__input {
  background-color: var(--surface-color);
  border-bottom: 1px solid var(--border-color);
  padding: 0.5rem 0.75rem;
  margin: 0;
}

/* line 31159, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown {
  /* No Results */
}

/* line 31163, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--dropdown .choices__item--disabled.has-no-results {
  color: var(--muted-color);
  text-align: center;
  font-style: italic;
}

/* Single Select */
/* line 31170, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--single {
  padding: 0;
}

/* line 31174, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--single .choices__item {
  color: var(--default-color);
}

/* Multiple Select - Tags */
/* line 31179, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--multiple {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0;
}

/* line 31186, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--multiple .choices__item {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  margin: 0;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  font-weight: 500;
}

/* line 31199, app/assets/stylesheets/flexadmin_main.scss */
.choices__list--multiple .choices__item.is-highlighted {
  background-color: color-mix(in srgb, var(--accent-color), black 15%);
}

/* Remove Button */
/* line 31204, app/assets/stylesheets/flexadmin_main.scss */
.choices__button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 4.586L9.293 1.293a1 1 0 1 1 1.414 1.414L7.414 6l3.293 3.293a1 1 0 0 1-1.414 1.414L6 7.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L4.586 6 1.293 2.707a1 1 0 0 1 1.414-1.414L6 4.586z'/%3E%3C/svg%3E");
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: 0.375rem;
  padding-left: 0.375rem;
  width: 16px;
  opacity: 0.8;
  transition: opacity var(--transition-base);
}

/* line 31218, app/assets/stylesheets/flexadmin_main.scss */
.choices__button:hover {
  opacity: 1;
}

/* Single Select Remove Button */
/* line 31223, app/assets/stylesheets/flexadmin_main.scss */
.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 4.586L9.293 1.293a1 1 0 1 1 1.414 1.414L7.414 6l3.293 3.293a1 1 0 0 1-1.414 1.414L6 7.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L4.586 6 1.293 2.707a1 1 0 0 1 1.414-1.414L6 4.586z'/%3E%3C/svg%3E");
  border-left: none;
  margin-left: 0;
  padding: 0 0.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Arrow Icon for Single Select */
/* line 31235, app/assets/stylesheets/flexadmin_main.scss */
.choices[data-type*=select-one]::after {
  border-color: var(--muted-color) transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: "";
  height: 0;
  margin-top: -2.5px;
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  width: 0;
}

/* line 31249, app/assets/stylesheets/flexadmin_main.scss */
.choices.is-open[data-type*=select-one]::after {
  border-width: 0 5px 5px;
  border-color: transparent transparent var(--muted-color);
}

/* Group Headings */
/* line 31255, app/assets/stylesheets/flexadmin_main.scss */
.choices__heading {
  border-bottom: 1px solid var(--border-color);
  color: var(--heading-color);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  padding: 0.5rem 0.75rem;
  background-color: var(--background-color);
}

/* line 31266, app/assets/stylesheets/flexadmin_main.scss */
.choices__group .choices__item {
  padding-left: 1rem;
}

/* Loading State */
/* line 31271, app/assets/stylesheets/flexadmin_main.scss */
.choices.is-loading::after {
  border-color: var(--accent-color) transparent transparent;
}

/* Sizing Variants */
/* line 31276, app/assets/stylesheets/flexadmin_main.scss */
.form-select-sm + .choices .choices__inner,
.choices--sm .choices__inner {
  padding: 0.25rem 0.5rem;
  min-height: calc(1.875rem + 2px);
  font-size: 0.8125rem;
}

/* line 31283, app/assets/stylesheets/flexadmin_main.scss */
.form-select-sm + .choices .choices__list--multiple .choices__item,
.choices--sm .choices__list--multiple .choices__item {
  font-size: 0.75rem;
  padding: 0.0625rem 0.375rem;
}

/* line 31289, app/assets/stylesheets/flexadmin_main.scss */
.form-select-lg + .choices .choices__inner,
.choices--lg .choices__inner {
  padding: 0.5rem 1rem;
  min-height: calc(3rem + 2px);
  font-size: 1rem;
}

/* line 31296, app/assets/stylesheets/flexadmin_main.scss */
.form-select-lg + .choices .choices__list--multiple .choices__item,
.choices--lg .choices__list--multiple .choices__item {
  font-size: 0.875rem;
  padding: 0.1875rem 0.625rem;
}

/* Validation States */
/* line 31303, app/assets/stylesheets/flexadmin_main.scss */
.is-valid + .choices .choices__inner,
.was-validated select:valid + .choices .choices__inner {
  border-color: var(--success-color);
}

/* line 31308, app/assets/stylesheets/flexadmin_main.scss */
.is-focused .is-valid + .choices .choices__inner,
.is-focused .was-validated select:valid + .choices .choices__inner {
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--success-color), transparent 75%);
}

/* line 31313, app/assets/stylesheets/flexadmin_main.scss */
.is-invalid + .choices .choices__inner,
.was-validated select:invalid + .choices .choices__inner {
  border-color: var(--danger-color);
}

/* line 31318, app/assets/stylesheets/flexadmin_main.scss */
.is-focused .is-invalid + .choices .choices__inner,
.is-focused .was-validated select:invalid + .choices .choices__inner {
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--danger-color), transparent 75%);
}

/* Dark Mode */
/* line 31324, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .choices__inner {
  background-color: var(--surface-color);
  border-color: var(--border-color);
}

/* line 31329, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .choices__list--dropdown {
  background-color: var(--surface-color);
  border-color: var(--border-color);
}

/* line 31334, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .choices__list--dropdown .choices__input {
  background-color: var(--surface-color);
  border-color: var(--border-color);
}

/* line 31339, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .choices__list--dropdown .choices__item--selectable:hover,
[data-theme=dark] .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
}

/* line 31344, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .choices__heading {
  background-color: color-mix(in srgb, var(--surface-color), black 10%);
  border-color: var(--border-color);
}

/* line 31349, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .choices[data-type*=select-one]::after {
  border-color: var(--muted-color) transparent transparent;
}

/* line 31353, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .choices.is-open[data-type*=select-one]::after {
  border-color: transparent transparent var(--muted-color);
}

/* line 31357, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 4.586L9.293 1.293a1 1 0 1 1 1.414 1.414L7.414 6l3.293 3.293a1 1 0 0 1-1.414 1.414L6 7.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L4.586 6 1.293 2.707a1 1 0 0 1 1.414-1.414L6 4.586z'/%3E%3C/svg%3E");
}

/* Responsive */
@media (max-width: 767.98px) {
  /* line 31363, app/assets/stylesheets/flexadmin_main.scss */
  .choices__list--dropdown .choices__item {
    padding: 0.625rem 0.75rem;
  }
}

/*--------------------------------------------------------------
# File Upload Styles
--------------------------------------------------------------*/
/* Dropzone */
/* line 31372, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone {
  border: 2px dashed var(--border-color);
  border-radius: var(--radius-lg);
  padding: 2rem;
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-base);
  background-color: var(--background-color);
}

/* line 31382, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone:hover,
.upload-dropzone.dragover {
  border-color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 31388, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone.dragover {
  transform: scale(1.01);
}

/* line 31392, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone-content {
  pointer-events: none;
}

/* line 31396, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone-icon {
  font-size: 3rem;
  color: var(--muted-color);
  margin-bottom: 1rem;
  transition: color var(--transition-base);
}

/* line 31403, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone:hover .upload-dropzone-icon,
.upload-dropzone.dragover .upload-dropzone-icon {
  color: var(--accent-color);
}

/* line 31408, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
}

/* line 31415, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone-text {
  font-size: 0.875rem;
  color: var(--muted-color);
  margin-bottom: 0;
}

/* Compact Dropzone */
/* line 31422, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone-compact {
  padding: 1rem 1.5rem;
}

/* line 31426, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone-compact .upload-dropzone-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  color: var(--muted-color);
}

/* line 31435, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone-compact .upload-dropzone-content i {
  font-size: 1.25rem;
}

/* Large Dropzone */
/* line 31440, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone-lg {
  padding: 3rem;
}

/* line 31444, app/assets/stylesheets/flexadmin_main.scss */
.upload-dropzone-lg .upload-dropzone-icon {
  font-size: 4rem;
}

/* Browse Link */
/* line 31449, app/assets/stylesheets/flexadmin_main.scss */
.upload-browse-link {
  color: var(--accent-color);
  text-decoration: underline;
  pointer-events: auto;
  cursor: pointer;
}

/* line 31456, app/assets/stylesheets/flexadmin_main.scss */
.upload-browse-link:hover {
  color: color-mix(in srgb, var(--accent-color), black 15%);
}

/* File List */
/* line 31461, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 31467, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  animation: uploadFadeIn 0.3s ease-out;
}

@keyframes uploadFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 31490, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-icon {
  font-size: 1.5rem;
  width: 40px;
  text-align: center;
}

/* line 31496, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-info {
  flex: 1;
  min-width: 0;
}

/* line 31501, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-name {
  display: block;
  font-weight: 500;
  color: var(--default-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 31510, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-size {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* Image Preview */
/* line 31516, app/assets/stylesheets/flexadmin_main.scss */
.upload-image-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* line 31522, app/assets/stylesheets/flexadmin_main.scss */
.upload-image-item {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-md);
  overflow: hidden;
  animation: uploadFadeIn 0.3s ease-out;
}

/* line 31531, app/assets/stylesheets/flexadmin_main.scss */
.upload-image-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 31538, app/assets/stylesheets/flexadmin_main.scss */
.upload-image-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--danger-color);
  color: var(--contrast-color);
  border: none;
  font-size: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity var(--transition-base);
}

/* line 31557, app/assets/stylesheets/flexadmin_main.scss */
.upload-image-item:hover .upload-image-remove {
  opacity: 1;
}

/* Avatar Upload */
/* line 31562, app/assets/stylesheets/flexadmin_main.scss */
.upload-avatar {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  margin: 0 auto;
}

/* line 31572, app/assets/stylesheets/flexadmin_main.scss */
.upload-avatar.upload-avatar-square {
  border-radius: var(--radius-lg);
}

/* line 31576, app/assets/stylesheets/flexadmin_main.scss */
.upload-avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform var(--transition-base);
}

/* line 31584, app/assets/stylesheets/flexadmin_main.scss */
.upload-avatar:hover .upload-avatar-img {
  transform: scale(1.05);
}

/* line 31588, app/assets/stylesheets/flexadmin_main.scss */
.upload-avatar-overlay {
  position: absolute;
  inset: 0;
  background-color: color-mix(in srgb, var(--default-color), transparent 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--contrast-color);
  font-size: 1.5rem;
  opacity: 0;
  transition: opacity var(--transition-base);
}

/* line 31601, app/assets/stylesheets/flexadmin_main.scss */
.upload-avatar:hover .upload-avatar-overlay {
  opacity: 1;
}

/* Cover Upload */
/* line 31606, app/assets/stylesheets/flexadmin_main.scss */
.upload-cover {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  cursor: pointer;
  aspect-ratio: 4/1;
}

/* line 31614, app/assets/stylesheets/flexadmin_main.scss */
.upload-cover-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform var(--transition-base);
}

/* line 31622, app/assets/stylesheets/flexadmin_main.scss */
.upload-cover:hover .upload-cover-img {
  transform: scale(1.02);
}

/* line 31626, app/assets/stylesheets/flexadmin_main.scss */
.upload-cover-overlay {
  position: absolute;
  inset: 0;
  background-color: color-mix(in srgb, var(--default-color), transparent 50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--contrast-color);
  gap: 0.5rem;
  opacity: 0;
  transition: opacity var(--transition-base);
}

/* line 31640, app/assets/stylesheets/flexadmin_main.scss */
.upload-cover:hover .upload-cover-overlay {
  opacity: 1;
}

/* Logo Upload */
/* line 31645, app/assets/stylesheets/flexadmin_main.scss */
.upload-logo {
  width: 160px;
  height: 100px;
  border: 2px dashed var(--border-color);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-base);
  overflow: hidden;
}

/* line 31658, app/assets/stylesheets/flexadmin_main.scss */
.upload-logo:hover {
  border-color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 31663, app/assets/stylesheets/flexadmin_main.scss */
.upload-logo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/* line 31670, app/assets/stylesheets/flexadmin_main.scss */
.upload-logo-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: var(--muted-color);
}

/* line 31678, app/assets/stylesheets/flexadmin_main.scss */
.upload-logo-placeholder i {
  font-size: 2rem;
}

/* line 31682, app/assets/stylesheets/flexadmin_main.scss */
.upload-logo-placeholder span {
  font-size: 0.8125rem;
}

/* Progress List */
/* line 31687, app/assets/stylesheets/flexadmin_main.scss */
.upload-progress-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 31693, app/assets/stylesheets/flexadmin_main.scss */
.upload-progress-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: var(--background-color);
  border-radius: var(--radius-md);
}

/* line 31702, app/assets/stylesheets/flexadmin_main.scss */
.upload-progress-icon {
  font-size: 1.5rem;
  width: 40px;
  text-align: center;
}

/* line 31708, app/assets/stylesheets/flexadmin_main.scss */
.upload-progress-info {
  flex: 1;
  min-width: 0;
}

/* line 31713, app/assets/stylesheets/flexadmin_main.scss */
.upload-progress-name {
  font-weight: 500;
  color: var(--default-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 31721, app/assets/stylesheets/flexadmin_main.scss */
.upload-progress-size {
  font-size: 0.75rem;
  color: var(--muted-color);
}

/* line 31726, app/assets/stylesheets/flexadmin_main.scss */
.upload-progress-status {
  width: 40px;
  text-align: center;
}

/* File Cards */
/* line 31732, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-cards {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 31738, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: var(--background-color);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base);
}

/* line 31748, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-card:hover {
  background-color: var(--border-color-light);
}

/* line 31752, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-card-preview {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-sm);
  background-color: var(--surface-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  overflow: hidden;
}

/* line 31764, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-card-preview.upload-file-card-preview-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 31771, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-card-info {
  flex: 1;
  min-width: 0;
}

/* line 31776, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-card-name {
  display: block;
  font-weight: 500;
  color: var(--default-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 31785, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-card-size {
  font-size: 0.8125rem;
  color: var(--muted-color);
}

/* line 31790, app/assets/stylesheets/flexadmin_main.scss */
.upload-file-card-actions {
  display: flex;
  gap: 0.25rem;
}

/* Gallery */
/* line 31796, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
}

/* line 31802, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-item {
  position: relative;
  aspect-ratio: 4/3;
  border-radius: var(--radius-md);
  overflow: hidden;
  cursor: pointer;
}

/* line 31810, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform var(--transition-base);
}

/* line 31818, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-item:hover img {
  transform: scale(1.05);
}

/* line 31822, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--default-color), transparent 30%) 0%, transparent 50%);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0.5rem;
  gap: 0.25rem;
  opacity: 0;
  transition: opacity var(--transition-base);
}

/* line 31835, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-item:hover .upload-gallery-overlay {
  opacity: 1;
}

/* line 31839, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5rem;
  color: var(--contrast-color);
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: linear-gradient(to top, color-mix(in srgb, var(--default-color), transparent 30%), transparent);
}

/* line 31853, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-add {
  aspect-ratio: 4/3;
  border: 2px dashed var(--border-color);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--muted-color);
  cursor: pointer;
  transition: all var(--transition-base);
}

/* line 31867, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-add i {
  font-size: 1.5rem;
}

/* line 31871, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-add span {
  font-size: 0.8125rem;
}

/* line 31875, app/assets/stylesheets/flexadmin_main.scss */
.upload-gallery-add:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* Icon Button */
/* line 31882, app/assets/stylesheets/flexadmin_main.scss */
.btn-icon {
  padding: 0.5rem;
  line-height: 1;
}

/* line 31887, app/assets/stylesheets/flexadmin_main.scss */
.btn-icon i {
  font-size: 1rem;
}

/* Dark Mode */
/* line 31892, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .upload-dropzone {
  background-color: var(--surface-color);
}

/* line 31896, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .upload-dropzone:hover,
[data-theme=dark] .upload-dropzone.dragover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
}

/* line 31901, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .upload-file-item {
  background-color: var(--surface-color);
}

/* line 31905, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .upload-progress-item {
  background-color: var(--surface-color);
}

/* line 31909, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .upload-file-card {
  background-color: var(--surface-color);
}

/* line 31913, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .upload-file-card:hover {
  background-color: color-mix(in srgb, var(--surface-color), white 5%);
}

/* line 31917, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .upload-file-card-preview {
  background-color: var(--background-color);
}

/* Responsive */
@media (max-width: 767.98px) {
  /* line 31923, app/assets/stylesheets/flexadmin_main.scss */
  .upload-dropzone {
    padding: 1.5rem;
  }
  /* line 31927, app/assets/stylesheets/flexadmin_main.scss */
  .upload-dropzone-lg {
    padding: 2rem;
  }
  /* line 31931, app/assets/stylesheets/flexadmin_main.scss */
  .upload-dropzone-icon {
    font-size: 2.5rem;
  }
  /* line 31935, app/assets/stylesheets/flexadmin_main.scss */
  .upload-gallery {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.75rem;
  }
  /* line 31940, app/assets/stylesheets/flexadmin_main.scss */
  .upload-avatar {
    width: 100px;
    height: 100px;
  }
  /* line 31945, app/assets/stylesheets/flexadmin_main.scss */
  .upload-cover {
    aspect-ratio: 2/1;
  }
}

/*--------------------------------------------------------------
# Date/Time Pickers - Flatpickr Overrides
--------------------------------------------------------------*/
/* Flatpickr Calendar */
/* line 31954, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-calendar {
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  font-family: inherit;
  width: 307px;
}

/* line 31963, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after {
  border-bottom-color: var(--border-color);
}

/* line 31968, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-calendar.arrowBottom::before,
.flatpickr-calendar.arrowBottom::after {
  border-top-color: var(--border-color);
}

/* line 31973, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-calendar.inline {
  box-shadow: none;
  border: 1px solid var(--border-color);
}

/* Month Navigation */
/* line 31979, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-months {
  padding: 0.5rem;
}

/* line 31983, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: var(--heading-color);
  height: 40px;
}

/* line 31989, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: var(--muted-color);
  fill: var(--muted-color);
  padding: 0.5rem;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

/* line 31998, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background: var(--background-color);
  color: var(--accent-color);
  fill: var(--accent-color);
}

/* line 32005, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--accent-color);
}

/* line 32010, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-current-month {
  font-size: 1rem;
  font-weight: 600;
  color: var(--heading-color);
  padding: 0;
}

/* line 32017, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: transparent;
  border: none;
  font-weight: 600;
  color: var(--heading-color);
  padding: 0 0.25rem;
}

/* line 32025, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}

/* line 32029, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-current-month .numInputWrapper span {
  border: none;
}

/* line 32033, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-current-month .numInputWrapper span:hover {
  background: var(--background-color);
}

/* line 32037, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-current-month input.cur-year {
  color: var(--heading-color);
  font-weight: 600;
}

/* Weekday Headers */
/* line 32043, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-weekdays {
  background: transparent;
  padding: 0 0.5rem;
}

/* line 32048, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-weekday {
  background: transparent;
  color: var(--muted-color);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* Days Container */
/* line 32057, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-days {
  padding: 0 0.5rem 0.5rem;
}

/* line 32061, app/assets/stylesheets/flexadmin_main.scss */
.dayContainer {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

/* Day Elements */
/* line 32068, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day {
  color: var(--default-color);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 500;
  max-width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 1px;
  border: none;
  transition: all var(--transition-base);
}

/* line 32081, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day:hover {
  background: var(--background-color);
  border-color: transparent;
}

/* line 32086, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.today {
  border: 2px solid var(--accent-color);
  background: transparent;
}

/* line 32091, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.today:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

/* line 32096, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

/* line 32104, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
  background: color-mix(in srgb, var(--accent-color), black 10%);
  border-color: color-mix(in srgb, var(--accent-color), black 10%);
}

/* line 32111, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.selected.today,
.flatpickr-day.startRange.today,
.flatpickr-day.endRange.today {
  border-color: var(--accent-color);
}

/* line 32117, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.inRange {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  border-color: transparent;
  box-shadow: none;
}

/* line 32123, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.inRange:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 75%);
}

/* line 32127, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  color: var(--light-color);
}

/* line 32132, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
  background: var(--background-color);
}

/* line 32137, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: var(--light-color);
  background: transparent;
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 32145, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 var(--accent-color), 5px 0 0 var(--accent-color);
}

/* Week Numbers */
/* line 32151, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-weekwrapper .flatpickr-weekday {
  color: var(--muted-color);
}

/* line 32155, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 0.5rem 0.5rem 0;
  box-shadow: none;
  border-right: 1px solid var(--border-color);
}

/* line 32161, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-weekwrapper span.flatpickr-day {
  color: var(--muted-color);
  font-size: 0.75rem;
  font-weight: 600;
}

/* Time Picker */
/* line 32168, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-time {
  background: var(--surface-color);
  border-top: 1px solid var(--border-color);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  max-height: 50px;
}

/* line 32175, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-time input {
  color: var(--default-color);
  font-size: 1rem;
  font-weight: 500;
  background: transparent;
}

/* line 32182, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-time input:hover,
.flatpickr-time input:focus {
  background: var(--background-color);
}

/* line 32187, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-time .flatpickr-time-separator {
  color: var(--default-color);
  font-weight: 600;
}

/* line 32192, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-time .flatpickr-am-pm {
  color: var(--default-color);
  font-weight: 500;
}

/* line 32197, app/assets/stylesheets/flexadmin_main.scss */
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: var(--background-color);
}

/* line 32202, app/assets/stylesheets/flexadmin_main.scss */
.numInputWrapper span {
  border-color: var(--border-color);
}

/* line 32206, app/assets/stylesheets/flexadmin_main.scss */
.numInputWrapper span:hover {
  background: var(--background-color);
}

/* line 32210, app/assets/stylesheets/flexadmin_main.scss */
.numInputWrapper span::after {
  border-color: var(--muted-color) transparent transparent;
}

/* line 32214, app/assets/stylesheets/flexadmin_main.scss */
.numInputWrapper span.arrowUp::after {
  border-bottom-color: var(--muted-color);
}

/* line 32218, app/assets/stylesheets/flexadmin_main.scss */
.numInputWrapper span.arrowDown::after {
  border-top-color: var(--muted-color);
}

/* Inline Calendar Wrapper */
/* line 32223, app/assets/stylesheets/flexadmin_main.scss */
.picker-inline-wrapper {
  display: flex;
  justify-content: center;
}

/* line 32228, app/assets/stylesheets/flexadmin_main.scss */
.picker-inline-wrapper .flatpickr-calendar {
  position: static;
  box-shadow: none;
}

/* Clearable Input */
/* line 32234, app/assets/stylesheets/flexadmin_main.scss */
.picker-clearable .picker-clear-btn {
  border-left: 0;
  border-right: 0;
}

/* Input Group Adjustments */
/* line 32240, app/assets/stylesheets/flexadmin_main.scss */
.input-group .flatpickr-input:focus {
  z-index: 3;
}

/* Dark Mode */
/* line 32245, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-calendar {
  background: var(--surface-color);
  border-color: var(--border-color);
}

/* line 32250, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-calendar.arrowTop::before {
  border-bottom-color: var(--border-color);
}

/* line 32254, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-calendar.arrowTop::after {
  border-bottom-color: var(--surface-color);
}

/* line 32258, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-calendar.arrowBottom::before {
  border-top-color: var(--border-color);
}

/* line 32262, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-calendar.arrowBottom::after {
  border-top-color: var(--surface-color);
}

/* line 32266, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-months .flatpickr-prev-month:hover,
[data-theme=dark] .flatpickr-months .flatpickr-next-month:hover {
  background: var(--background-color);
}

/* line 32271, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-months .flatpickr-prev-month svg,
[data-theme=dark] .flatpickr-months .flatpickr-next-month svg {
  fill: var(--muted-color);
}

/* line 32276, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-current-month .flatpickr-monthDropdown-months {
  background: transparent;
  color: var(--heading-color);
}

/* line 32281, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-current-month .flatpickr-monthDropdown-months option {
  background: var(--surface-color);
  color: var(--default-color);
}

/* line 32286, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-current-month input.cur-year {
  color: var(--heading-color);
}

/* line 32290, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-day {
  color: var(--default-color);
}

/* line 32294, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-day:hover {
  background: var(--background-color);
}

/* line 32298, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-day.prevMonthDay,
[data-theme=dark] .flatpickr-day.nextMonthDay {
  color: var(--light-color);
}

/* line 32303, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-day.inRange {
  background: color-mix(in srgb, var(--accent-color), transparent 80%);
}

/* line 32307, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-time {
  background: var(--surface-color);
  border-color: var(--border-color);
}

/* line 32312, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-time input {
  color: var(--default-color);
}

/* line 32316, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-time input:hover,
[data-theme=dark] .flatpickr-time input:focus {
  background: var(--background-color);
}

/* line 32321, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .flatpickr-weekwrapper .flatpickr-weeks {
  border-color: var(--border-color);
}

/* Responsive */
@media (max-width: 767.98px) {
  /* line 32327, app/assets/stylesheets/flexadmin_main.scss */
  .flatpickr-calendar {
    width: 100%;
    max-width: 307px;
  }
  /* line 32332, app/assets/stylesheets/flexadmin_main.scss */
  .picker-inline-wrapper .flatpickr-calendar {
    width: 100%;
  }
}

/* line 32337, app/assets/stylesheets/flexadmin_main.scss */
.icons-filter {
  position: sticky;
  top: 70px;
  z-index: 10;
  background: var(--surface-color);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--border-color);
}

/* line 32348, app/assets/stylesheets/flexadmin_main.scss */
.icons-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 1rem;
}

/* line 32354, app/assets/stylesheets/flexadmin_main.scss */
.glyph-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.5rem;
  border-radius: 0.5rem;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  min-height: 100px;
}

/* line 32369, app/assets/stylesheets/flexadmin_main.scss */
.glyph-item:hover {
  border-color: var(--accent-color);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent-color), transparent 85%);
  transform: translateY(-2px);
}

/* line 32375, app/assets/stylesheets/flexadmin_main.scss */
.glyph-item i {
  font-size: 1.75rem;
  color: var(--default-color);
  margin-bottom: 0.5rem;
}

/* line 32381, app/assets/stylesheets/flexadmin_main.scss */
.glyph-item .glyph-name {
  font-size: 0.7rem;
  color: var(--muted-color);
  word-break: break-all;
  line-height: 1.2;
}

/* line 32388, app/assets/stylesheets/flexadmin_main.scss */
.glyph-item.copied {
  border-color: var(--success-color);
  background: var(--success-color-light);
}

/* line 32393, app/assets/stylesheets/flexadmin_main.scss */
.glyph-item.copied i {
  color: var(--success-color);
}

/* line 32397, app/assets/stylesheets/flexadmin_main.scss */
.icons-count {
  font-size: 0.875rem;
  color: var(--muted-color);
}

/* line 32402, app/assets/stylesheets/flexadmin_main.scss */
.glyph-category {
  margin-bottom: 2rem;
}

/* line 32406, app/assets/stylesheets/flexadmin_main.scss */
.glyph-category h5 {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-color);
}

/* line 32412, app/assets/stylesheets/flexadmin_main.scss */
.copy-toast {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  background: var(--heading-color);
  color: var(--contrast-color);
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 9999;
  pointer-events: none;
}

/* line 32428, app/assets/stylesheets/flexadmin_main.scss */
.copy-toast.show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

/*--------------------------------------------------------------
# Contact Page - FlexAdmin
--------------------------------------------------------------*/
/* line 32436, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-header-subtitle {
  margin: 0;
  font-size: 0.86rem;
  color: var(--muted-color);
}

/* line 32442, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

/* line 32448, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-overview-item {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  padding: 10px 42px 10px 11px;
  position: relative;
}

/* line 32457, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-overview-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 9px;
  top: 9px;
  font-size: 0.82rem;
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 32472, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-overview-item:nth-child(2) .contact-overview-icon {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 32477, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-overview-item:nth-child(3) .contact-overview-icon {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 32482, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-overview-item:nth-child(4) .contact-overview-icon {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 32487, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-overview-label {
  display: block;
  font-size: 0.67rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 32496, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-overview-value {
  display: block;
  margin-top: 2px;
  font-size: 0.94rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 32504, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-main-card,
.page-contact .contact-channels-card {
  border-radius: var(--radius-lg);
}

/* line 32509, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-card-note {
  font-size: 0.72rem;
  color: var(--muted-color);
  font-weight: 600;
}

/* line 32515, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-form-modern .form-label {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--heading-color);
  margin-bottom: 6px;
}

/* line 32522, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-form-modern .form-control,
.page-contact .contact-form-modern .form-select {
  height: 40px;
  font-size: 0.82rem;
}

/* line 32528, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-form-modern textarea.form-control {
  height: auto;
}

/* line 32532, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-form-modern .form-check-label {
  font-size: 0.77rem;
  color: var(--default-color);
}

/* line 32537, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-channel-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

/* line 32543, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-channel-item {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 9px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--surface-color);
}

/* line 32553, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-channel-icon {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 32563, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-channel-icon.accent {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 86%);
}

/* line 32568, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-channel-icon.success {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 32573, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-channel-icon.info {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 32578, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-channel-title {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 32584, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-channel-meta {
  font-size: 0.72rem;
  color: var(--muted-color);
  margin-top: 1px;
}

/* line 32590, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-map {
  width: 100%;
  height: 220px;
  border: 0;
  border-radius: var(--radius-lg);
  display: block;
}

/* line 32598, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-office-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 32604, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-office-item {
  font-size: 0.78rem;
  color: var(--default-color);
  display: flex;
  align-items: center;
  gap: 7px;
}

/* line 32612, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-office-item i {
  width: 15px;
  text-align: center;
  color: var(--accent-color);
  flex-shrink: 0;
}

/* line 32619, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-faq-modern {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 32625, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-faq-item-modern {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  padding: 10px;
}

/* line 32632, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-faq-item-modern h6 {
  margin: 0;
  font-size: 0.79rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 32639, app/assets/stylesheets/flexadmin_main.scss */
.page-contact .contact-faq-item-modern p {
  margin: 4px 0 0;
  font-size: 0.73rem;
  color: var(--muted-color);
  line-height: 1.45;
}

@media (max-width: 1199px) {
  /* line 32647, app/assets/stylesheets/flexadmin_main.scss */
  .page-contact .contact-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  /* line 32653, app/assets/stylesheets/flexadmin_main.scss */
  .page-contact .contact-overview {
    grid-template-columns: 1fr;
  }
}

/*--------------------------------------------------------------
# Dashboard - FlexAdmin
# Asymmetric command-center layout with briefing hero,
# pulse rail, modular insights, and compact execution blocks.
--------------------------------------------------------------*/
/* line 32663, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-page-header {
  margin-bottom: var(--spacing-lg);
}

/* line 32667, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-subtitle {
  margin: 0;
  color: var(--muted-color);
  font-size: 0.9rem;
  max-width: 720px;
}

/* line 32674, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .card {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

/* line 32679, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .card-header {
  background: transparent;
  border-bottom: 1px solid var(--border-color-light);
  padding: 0.95rem 1.1rem;
}

/* line 32685, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .card-header .card-title {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* line 32692, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-link,
.page-dashboard .dash-link {
  color: var(--accent-color);
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
}

/* line 32700, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-link i,
.page-dashboard .dash-link i {
  font-size: 0.72rem;
  margin-left: 4px;
}

/* line 32706, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard {
  /* Hero */
}

/* line 32710, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-hero-card {
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent-color), transparent 94%), var(--card-bg) 60%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 78%);
}

/* line 32715, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-hero-head {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

/* line 32722, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-overline {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--accent-color);
  font-weight: 700;
  margin-bottom: 6px;
}

/* line 32731, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-hero-title {
  margin: 0 0 6px;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 32738, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-hero-text {
  margin: 0;
  font-size: 0.88rem;
  color: var(--muted-color);
  max-width: 640px;
  line-height: 1.5;
}

/* line 32746, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-hero-badge {
  align-self: flex-start;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: var(--radius-full);
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

/* line 32756, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing-sm);
}

/* line 32762, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-kpi-item {
  padding: 11px 12px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--card-bg), var(--background-color) 26%);
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 32772, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-kpi-label {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 32780, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-kpi-value {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 32787, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-kpi-trend {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--muted-color);
}

/* line 32793, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-kpi-trend.positive {
  color: var(--success-color);
}

/* line 32797, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-kpi-trend.negative {
  color: var(--danger-color);
}

/* line 32801, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-hero-footer {
  margin-top: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}

/* line 32810, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-chip-list {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 32817, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: var(--radius-full);
  border: 1px solid var(--border-color);
  color: var(--muted-color);
  font-size: 0.72rem;
  font-weight: 600;
  background: var(--surface-color);
}

/* line 32830, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-chip i {
  color: var(--accent-color);
  font-size: 0.8rem;
}

/* line 32835, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard {
  /* Pulse rail */
}

/* line 32839, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-pulse-card .card-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

/* line 32845, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-pulse-stat {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 9px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 32854, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-pulse-label {
  font-size: 0.76rem;
  color: var(--muted-color);
  font-weight: 600;
}

/* line 32860, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-pulse-value {
  font-size: 0.95rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 32866, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-live-list {
  margin-top: 2px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 32873, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-live-item {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 8px 10px;
  transition: all var(--transition-fast);
}

/* line 32885, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-live-item:hover {
  border-color: color-mix(in srgb, var(--accent-color), transparent 70%);
  background: color-mix(in srgb, var(--accent-color), transparent 95%);
}

/* line 32890, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-live-avatar {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 32899, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-live-title {
  font-size: 0.77rem;
  color: var(--heading-color);
  font-weight: 700;
  line-height: 1.2;
}

/* line 32906, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-live-text {
  font-size: 0.72rem;
  color: var(--muted-color);
  margin-top: 1px;
  line-height: 1.3;
}

/* line 32913, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-live-time {
  margin-left: auto;
  font-size: 0.66rem;
  font-weight: 700;
  color: var(--light-color);
  flex-shrink: 0;
}

/* line 32921, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard {
  /* Mini stats */
}

/* line 32925, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-stat .card-body {
  padding: 0.95rem 1rem;
  position: relative;
}

/* line 32930, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-icon {
  position: absolute;
  top: 0.7rem;
  right: 0.85rem;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--accent-color), transparent 88%);
  color: var(--accent-color);
}

/* line 32944, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-icon i {
  font-size: 1.05rem;
}

/* line 32948, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-icon.revenue {
  background: color-mix(in srgb, var(--success-color), transparent 86%);
  color: var(--success-color);
}

/* line 32953, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-icon.churn {
  background: color-mix(in srgb, var(--warning-color), transparent 84%);
  color: var(--warning-color);
}

/* line 32958, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-icon.nps {
  background: color-mix(in srgb, var(--info-color), transparent 84%);
  color: var(--info-color);
}

/* line 32963, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-icon.refund {
  background: color-mix(in srgb, var(--danger-color), transparent 86%);
  color: var(--danger-color);
}

/* line 32968, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-label {
  display: block;
  font-size: 0.69rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 32977, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-value {
  display: block;
  margin-top: 5px;
  font-size: 1.2rem;
  line-height: 1.2;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 32986, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-meta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  font-size: 0.72rem;
  color: var(--muted-color);
  font-weight: 600;
}

/* line 32996, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-mini-meta.positive {
  color: var(--success-color);
}

/* line 33000, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard {
  /* Chart area */
}

/* line 33004, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-chart-tabs {
  display: inline-flex;
  gap: 3px;
  padding: 3px;
  border-radius: var(--radius-md);
  background: var(--background-color);
}

/* line 33012, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-chart-tab {
  border: none;
  background: transparent;
  color: var(--muted-color);
  font-size: 0.74rem;
  font-weight: 700;
  padding: 5px 11px;
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}

/* line 33023, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-chart-tab.active {
  background: var(--surface-color);
  color: var(--heading-color);
  box-shadow: var(--shadow-sm);
}

/* line 33029, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-summary-grid {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  flex-wrap: wrap;
}

/* line 33036, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-chart-summary-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

/* line 33042, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-chart-summary-dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

/* line 33049, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-chart-summary-label {
  font-size: 0.76rem;
  color: var(--muted-color);
  font-weight: 600;
}

/* line 33055, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-chart-summary-value {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 33061, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-traffic-legend {
  margin-top: var(--spacing-sm);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 33068, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-traffic-item {
  display: flex;
  align-items: center;
  gap: 7px;
}

/* line 33074, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-traffic-dot {
  width: 7px;
  height: 7px;
  border-radius: var(--radius-full);
}

/* line 33080, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-traffic-label {
  font-size: 0.74rem;
  color: var(--muted-color);
  flex: 1;
}

/* line 33086, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-traffic-value {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--heading-color);
}

/* line 33092, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard {
  /* Pipeline */
}

/* line 33096, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-pipeline-item:not(:last-child) {
  margin-bottom: 11px;
}

/* line 33100, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-pipeline-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--muted-color);
}

/* line 33110, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-pipeline-head span:last-child {
  color: var(--heading-color);
  font-weight: 700;
}

/* line 33115, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-pipeline-item .progress {
  height: 7px;
  border-radius: var(--radius-full);
  background: var(--background-color);
}

/* line 33121, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard {
  /* Tasks */
}

/* line 33125, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-task-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 2px;
  border-bottom: 1px solid var(--border-color-light);
}

/* line 33134, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-task-item:last-child {
  border-bottom: none;
}

/* line 33138, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-task-item input {
  margin: 0;
  width: 16px;
  height: 16px;
  accent-color: var(--accent-color);
}

/* line 33145, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-task-item label {
  display: block;
  margin: 0;
  font-size: 0.79rem;
  color: var(--default-color);
  font-weight: 600;
  cursor: pointer;
}

/* line 33154, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-task-item label span {
  display: block;
  margin-top: 1px;
  font-size: 0.69rem;
  color: var(--muted-color);
  font-weight: 500;
}

/* line 33162, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .fx-task-item.done label {
  text-decoration: line-through;
  color: var(--light-color);
}

/* line 33167, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard {
  /* Shared list blocks */
}

/* line 33171, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .table-user {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 33177, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .table-user-avatar {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 33185, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .table-user-name {
  font-size: 0.78rem;
  color: var(--heading-color);
  font-weight: 600;
}

/* line 33191, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-activity {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 33197, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-activity-item {
  position: relative;
  display: flex;
  gap: 10px;
  padding: 8px 0;
}

/* line 33204, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-activity-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 20px;
  bottom: -6px;
  width: 1px;
  background: var(--border-color);
}

/* line 33214, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-activity-dot {
  width: 9px;
  height: 9px;
  border-radius: var(--radius-full);
  margin-top: 4px;
  flex-shrink: 0;
}

/* line 33222, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-activity-text {
  margin: 0;
  font-size: 0.78rem;
  color: var(--default-color);
  line-height: 1.45;
}

/* line 33229, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-activity-time {
  font-size: 0.68rem;
  color: var(--light-color);
}

/* line 33234, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-team {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

/* line 33240, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-team-member {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 33246, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-team-avatar {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full);
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 33254, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-team-name {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 33262, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-team-role {
  display: block;
  font-size: 0.69rem;
  color: var(--muted-color);
}

/* line 33268, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-team-status {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  margin-left: auto;
}

/* line 33275, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-team-status.online {
  background: var(--success-color);
}

/* line 33279, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-team-status.away {
  background: var(--warning-color);
}

/* line 33283, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .dash-team-status.offline {
  background: var(--light-color);
}

/* line 33287, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .region-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 33293, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .region-item {
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 8px 10px;
}

/* line 33299, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .region-info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

/* line 33306, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .region-name {
  font-size: 0.76rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 33312, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .region-stats {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 33318, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .region-value {
  min-width: 70px;
  font-size: 0.74rem;
  color: var(--muted-color);
  font-weight: 600;
}

/* line 33325, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard .region-progress {
  height: 6px;
  border-radius: var(--radius-full);
  background: var(--background-color);
}

/* line 33331, app/assets/stylesheets/flexadmin_main.scss */
.page-dashboard {
  /* Responsive */
}

@media (max-width: 1399px) {
  /* line 33336, app/assets/stylesheets/flexadmin_main.scss */
  .page-dashboard .fx-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  /* line 33342, app/assets/stylesheets/flexadmin_main.scss */
  .page-dashboard .fx-hero-head {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  /* line 33349, app/assets/stylesheets/flexadmin_main.scss */
  .page-dashboard .fx-kpi-grid {
    grid-template-columns: 1fr;
  }
  /* line 33353, app/assets/stylesheets/flexadmin_main.scss */
  .page-dashboard .fx-hero-title {
    font-size: 1.2rem;
  }
  /* line 33357, app/assets/stylesheets/flexadmin_main.scss */
  .page-dashboard .fx-summary-grid {
    gap: var(--spacing-sm);
  }
}

/*--------------------------------------------------------------
# Settings Pages - FlexAdmin
--------------------------------------------------------------*/
/* line 33365, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-page-subtitle,
.page-notifications .settings-page-subtitle,
.page-activity .settings-page-subtitle {
  margin: 0;
  font-size: 0.86rem;
  color: var(--muted-color);
}

/* line 33373, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-shell,
.page-notifications .settings-shell,
.page-activity .settings-shell {
  align-items: flex-start;
}

/* line 33379, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-side-card,
.page-notifications .settings-side-card,
.page-activity .settings-side-card {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

/* line 33386, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav,
.page-notifications .settings-nav,
.page-activity .settings-nav {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* line 33394, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav-item,
.page-notifications .settings-nav-item,
.page-activity .settings-nav-item {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 10px;
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--default-color);
  transition: all var(--transition-fast);
}

/* line 33407, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav-item i,
.page-notifications .settings-nav-item i,
.page-activity .settings-nav-item i {
  width: 18px;
  font-size: 1rem;
  color: var(--muted-color);
  flex-shrink: 0;
  text-align: center;
}

/* line 33417, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav-item:hover,
.page-notifications .settings-nav-item:hover,
.page-activity .settings-nav-item:hover {
  background: var(--background-color);
  color: var(--heading-color);
}

/* line 33424, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav-item.active,
.page-notifications .settings-nav-item.active,
.page-activity .settings-nav-item.active {
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
}

/* line 33431, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav-item.active i,
.page-notifications .settings-nav-item.active i,
.page-activity .settings-nav-item.active i {
  color: var(--accent-color);
}

/* line 33437, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav-item.active .settings-nav-desc,
.page-notifications .settings-nav-item.active .settings-nav-desc,
.page-activity .settings-nav-item.active .settings-nav-desc {
  color: color-mix(in srgb, var(--accent-color), transparent 35%);
}

/* line 33443, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav-text,
.page-notifications .settings-nav-text,
.page-activity .settings-nav-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* line 33451, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav-label,
.page-notifications .settings-nav-label,
.page-activity .settings-nav-label {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.3;
}

/* line 33459, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-nav-desc,
.page-notifications .settings-nav-desc,
.page-activity .settings-nav-desc {
  font-size: 0.71rem;
  color: var(--muted-color);
  line-height: 1.3;
}

/* line 33467, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

/* line 33473, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-overview-item {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  padding: 10px 44px 10px 11px;
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  position: relative;
  overflow: hidden;
}

/* line 33483, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-overview-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  position: absolute;
  right: 9px;
  top: 9px;
}

/* line 33496, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-overview-item:nth-child(1) .settings-overview-icon {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color), transparent 84%);
}

/* line 33501, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-overview-item:nth-child(2) .settings-overview-icon {
  color: var(--success-color);
  background: var(--success-color-light);
}

/* line 33506, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-overview-item:nth-child(3) .settings-overview-icon {
  color: var(--info-color);
  background: var(--info-color-light);
}

/* line 33511, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-overview-item:nth-child(4) .settings-overview-icon {
  color: var(--warning-color);
  background: var(--warning-color-light);
}

/* line 33516, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-overview-label {
  display: block;
  font-size: 0.67rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted-color);
  font-weight: 700;
}

/* line 33525, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-overview-value {
  display: block;
  margin-top: 1px;
  font-size: 1.02rem;
  color: var(--heading-color);
  line-height: 1.2;
}

/* line 33533, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-side-note {
  border-radius: var(--radius-lg);
}

/* line 33537, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-side-note-title {
  margin: 0;
  font-size: 0.86rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 33544, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-side-note-text {
  margin: 6px 0 12px;
  font-size: 0.75rem;
  color: var(--muted-color);
  line-height: 1.5;
}

/* line 33551, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-options {
  display: flex;
  gap: 10px;
}

/* line 33556, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-card {
  flex: 1;
  cursor: pointer;
  position: relative;
}

/* line 33562, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-card input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 33568, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-preview {
  display: flex;
  height: 76px;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 2px solid var(--border-color);
  transition: border-color var(--transition-fast);
}

/* line 33577, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-card input:checked + .settings-theme-preview {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-color), transparent 80%);
}

/* line 33582, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-sidebar {
  width: 21%;
  flex-shrink: 0;
}

/* line 33587, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-main-preview {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* line 33593, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-header {
  height: 12px;
}

/* line 33597, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-content {
  flex: 1;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 33605, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-block {
  flex: 1;
  border-radius: 2px;
}

/* line 33610, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-light .settings-theme-sidebar {
  background: #ffffff;
  border-right: 1px solid #e7e5e4;
}

/* line 33615, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-light .settings-theme-header {
  background: #ffffff;
  border-bottom: 1px solid #e7e5e4;
}

/* line 33620, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-light .settings-theme-content {
  background: #f7f6f4;
}

/* line 33624, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-light .settings-theme-block {
  background: #ffffff;
  border: 1px solid #e7e5e4;
}

/* line 33629, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-dark .settings-theme-sidebar {
  background: #13111a;
}

/* line 33633, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-dark .settings-theme-header {
  background: #1e1b2e;
  border-bottom: 1px solid #2e2a3d;
}

/* line 33638, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-dark .settings-theme-content {
  background: #13111a;
}

/* line 33642, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-dark .settings-theme-block {
  background: #1e1b2e;
  border: 1px solid #2e2a3d;
}

/* line 33647, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-system {
  background: linear-gradient(135deg, #ffffff 50%, #13111a 50%);
}

/* line 33651, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-system .settings-theme-sidebar {
  background: linear-gradient(180deg, #ffffff 50%, #13111a 50%);
}

/* line 33655, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-system .settings-theme-header,
.page-settings .settings-theme-system .settings-theme-block {
  background: linear-gradient(135deg, #ffffff 50%, #1e1b2e 50%);
}

/* line 33660, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 5px;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted-color);
}

/* line 33671, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-theme-card input:checked ~ .settings-theme-label {
  color: var(--accent-color);
}

/* line 33675, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-security-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 33681, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-security-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--radius-md);
  padding: 10px 11px;
  background: var(--surface-color);
}

/* line 33692, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-security-title {
  margin: 0;
  font-size: 0.8rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 33699, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-security-desc {
  margin: 1px 0 0;
  font-size: 0.72rem;
  color: var(--muted-color);
}

/* line 33705, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-password-form {
  padding: 4px 0 2px;
}

/* line 33709, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-danger-card {
  border-color: color-mix(in srgb, var(--danger-color), transparent 70%);
}

/* line 33713, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-danger-card .card-header {
  border-bottom-color: color-mix(in srgb, var(--danger-color), transparent 70%);
}

/* line 33717, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-danger-card .card-title {
  color: var(--danger-color);
}

/* line 33721, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-danger-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* line 33728, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-danger-title {
  margin: 0;
  font-size: 0.82rem;
  color: var(--heading-color);
  font-weight: 700;
}

/* line 33735, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-danger-desc {
  margin: 1px 0 0;
  font-size: 0.74rem;
  color: var(--muted-color);
}

/* line 33741, app/assets/stylesheets/flexadmin_main.scss */
.page-settings .settings-delete-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-full);
  background: var(--danger-color-light);
  color: var(--danger-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin: 0 auto var(--spacing-md);
}

@media (max-width: 1199px) {
  /* line 33755, app/assets/stylesheets/flexadmin_main.scss */
  .page-settings .settings-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  /* line 33762, app/assets/stylesheets/flexadmin_main.scss */
  .page-settings .settings-nav,
.page-notifications .settings-nav,
.page-activity .settings-nav {
    flex-direction: row;
    overflow-x: auto;
    gap: 4px;
  }
  /* line 33770, app/assets/stylesheets/flexadmin_main.scss */
  .page-settings .settings-nav-item,
.page-notifications .settings-nav-item,
.page-activity .settings-nav-item {
    white-space: nowrap;
    flex-shrink: 0;
  }
  /* line 33777, app/assets/stylesheets/flexadmin_main.scss */
  .page-settings .settings-nav-desc,
.page-notifications .settings-nav-desc,
.page-activity .settings-nav-desc {
    display: none;
  }
}

@media (max-width: 575px) {
  /* line 33786, app/assets/stylesheets/flexadmin_main.scss */
  .page-settings .settings-overview,
.page-settings .settings-theme-options {
    grid-template-columns: 1fr;
    flex-direction: column;
  }
  /* line 33792, app/assets/stylesheets/flexadmin_main.scss */
  .page-settings .settings-danger-row,
.page-settings .settings-security-item {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*--------------------------------------------------------------
# Helper Utilities
# Bootstrap provides most utilities (display, flex, position, etc.)
# This file only contains custom utilities not in Bootstrap
--------------------------------------------------------------*/
/* Cursor - not in Bootstrap */
/* line 33805, app/assets/stylesheets/flexadmin_main.scss */
.cursor-pointer {
  cursor: pointer !important;
}

/* line 33809, app/assets/stylesheets/flexadmin_main.scss */
.cursor-default {
  cursor: default !important;
}

/* line 33813, app/assets/stylesheets/flexadmin_main.scss */
.cursor-not-allowed {
  cursor: not-allowed !important;
}

/* line 33817, app/assets/stylesheets/flexadmin_main.scss */
.cursor-wait {
  cursor: wait !important;
}

/* line 33821, app/assets/stylesheets/flexadmin_main.scss */
.cursor-grab {
  cursor: grab !important;
}

/* line 33825, app/assets/stylesheets/flexadmin_main.scss */
.cursor-grabbing {
  cursor: grabbing !important;
}

/* Min width/height - limited in Bootstrap */
/* line 33830, app/assets/stylesheets/flexadmin_main.scss */
.min-w-0 {
  min-width: 0 !important;
}

/* line 33834, app/assets/stylesheets/flexadmin_main.scss */
.min-h-0 {
  min-height: 0 !important;
}

/* line 33838, app/assets/stylesheets/flexadmin_main.scss */
.max-w-100 {
  max-width: 100% !important;
}

/* line 33842, app/assets/stylesheets/flexadmin_main.scss */
.max-h-100 {
  max-height: 100% !important;
}

/* Z-Index - Bootstrap has limited z-index utilities */
/* line 33847, app/assets/stylesheets/flexadmin_main.scss */
.z-0 {
  z-index: 0 !important;
}

/* line 33851, app/assets/stylesheets/flexadmin_main.scss */
.z-1 {
  z-index: 1 !important;
}

/* line 33855, app/assets/stylesheets/flexadmin_main.scss */
.z-2 {
  z-index: 2 !important;
}

/* line 33859, app/assets/stylesheets/flexadmin_main.scss */
.z-3 {
  z-index: 3 !important;
}

/* Aspect Ratio - custom additions */
/* line 33864, app/assets/stylesheets/flexadmin_main.scss */
.ratio-1x1 {
  aspect-ratio: 1/1;
}

/* line 33868, app/assets/stylesheets/flexadmin_main.scss */
.ratio-4x3 {
  aspect-ratio: 4/3;
}

/* line 33872, app/assets/stylesheets/flexadmin_main.scss */
.ratio-16x9 {
  aspect-ratio: 16/9;
}

/* line 33876, app/assets/stylesheets/flexadmin_main.scss */
.ratio-21x9 {
  aspect-ratio: 21/9;
}

/*--------------------------------------------------------------
# Dark Mode Specific Styles
--------------------------------------------------------------*/
/* Dark mode is primarily handled through CSS custom properties in _variables.scss
   This file contains any additional dark mode specific overrides */
/* line 33885, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] {
  color-scheme: dark;
}

/* Images in dark mode - slight reduction in brightness */
/* line 33890, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] img:not([src*=".svg"]) {
  filter: brightness(0.93) contrast(1.05);
}

/* Keep logo white in dark mode */
/* line 33895, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .sidebar-logo-icon img {
  filter: brightness(0) invert(1);
}

/* line 33899, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .header-logo img {
  filter: brightness(0) invert(1);
}

/* line 33903, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .auth-brand-logo img,
[data-theme=dark] .auth-logo img {
  filter: brightness(0) invert(1);
}

/* Code blocks */
/* line 33909, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] code {
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 33913, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] pre {
  background-color: var(--surface-color);
  border-color: var(--border-color);
}

/* Form elements - ensure proper styling */
/* line 33919, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] input:-webkit-autofill,
[data-theme=dark] input:-webkit-autofill:hover,
[data-theme=dark] input:-webkit-autofill:focus,
[data-theme=dark] textarea:-webkit-autofill,
[data-theme=dark] textarea:-webkit-autofill:hover,
[data-theme=dark] textarea:-webkit-autofill:focus,
[data-theme=dark] select:-webkit-autofill,
[data-theme=dark] select:-webkit-autofill:hover,
[data-theme=dark] select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--default-color);
  -webkit-box-shadow: 0 0 0px 1000px var(--input-bg) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* Select dropdown arrow in dark mode */
/* line 33935, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .form-select {
  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='%2388aac0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* Checkbox/Radio in dark mode */
/* line 33940, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .form-check-input {
  background-color: var(--input-bg);
  border-color: var(--border-color);
}

/* Switch in dark mode */
/* line 33946, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .form-switch .form-check-input {
  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='%2388aac0'/%3e%3c/svg%3e");
}

/* Scrollbar in dark mode */
/* line 33951, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] ::-webkit-scrollbar-track {
  background: var(--background-color);
}

/* line 33955, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] ::-webkit-scrollbar-thumb {
  background: var(--border-color);
}

/* line 33959, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] ::-webkit-scrollbar-thumb:hover {
  background: var(--muted-color);
}

/* HR in dark mode */
/* line 33964, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] hr {
  border-color: var(--border-color);
}

/* Placeholder text */
/* line 33969, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] ::-moz-placeholder {
  color: var(--light-color);
  opacity: 1;
}

/* line 33974, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] ::placeholder {
  color: var(--light-color);
  opacity: 1;
}

/* Selection in dark mode */
/* line 33980, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] ::-moz-selection {
  background-color: var(--accent-color);
  color: white;
}

/* line 33985, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] ::selection {
  background-color: var(--accent-color);
  color: white;
}

/* Disabled elements */
/* line 33991, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .form-control:disabled,
[data-theme=dark] .form-select:disabled,
[data-theme=dark] .btn:disabled {
  background-color: var(--background-color);
  opacity: 0.5;
}

/* Focus ring in dark mode */
/* line 33999, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] :focus-visible {
  outline-color: var(--accent-color);
}

/* Tables striped in dark mode */
/* line 34004, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(255, 255, 255, 0.02);
}

/* Card shadow adjustment */
/* line 34009, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .card,
[data-theme=dark] .widget {
  box-shadow: 0 18px 42px -24px rgba(0, 0, 0, 0.8), 0 12px 24px -20px rgba(6, 14, 21, 0.85);
}

/* Modal backdrop in dark mode */
/* line 34015, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}

/* Dropdown shadows */
/* line 34020, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .dropdown-menu {
  box-shadow: 0 22px 40px -24px rgba(0, 0, 0, 0.75), 0 14px 28px -20px rgba(6, 14, 21, 0.85);
}

/* Chart specific dark mode */
/* line 34025, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .apexcharts-tooltip,
[data-theme=dark] .apexcharts-xaxistooltip,
[data-theme=dark] .apexcharts-yaxistooltip {
  background: var(--surface-color) !important;
  border-color: var(--border-color) !important;
  color: var(--default-color) !important;
}

/* line 34033, app/assets/stylesheets/flexadmin_main.scss */
[data-theme=dark] .apexcharts-tooltip-title {
  background: var(--background-color) !important;
  border-color: var(--border-color) !important;
}

/*--------------------------------------------------------------
# Print Styles
--------------------------------------------------------------*/
@media print {
  /* line 34043, app/assets/stylesheets/flexadmin_main.scss */
  *,
*::before,
*::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  /* Hide non-essential elements */
  /* line 34053, app/assets/stylesheets/flexadmin_main.scss */
  .header,
.sidebar,
.footer,
.back-to-top,
.btn,
.dropdown-menu,
.modal,
.toast-container,
.no-print {
    display: none !important;
  }
  /* Reset main content area */
  /* line 34066, app/assets/stylesheets/flexadmin_main.scss */
  .main {
    margin: 0 !important;
    padding: 0 !important;
  }
  /* line 34071, app/assets/stylesheets/flexadmin_main.scss */
  .main-content {
    padding: 0 !important;
  }
  /* Page setup */
  @page {
    margin: 2cm;
    size: A4;
  }
  /* Headings */
  /* line 34082, app/assets/stylesheets/flexadmin_main.scss */
  h1,
h2,
h3,
h4,
h5,
h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  /* Images */
  /* line 34093, app/assets/stylesheets/flexadmin_main.scss */
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  /* Tables */
  /* line 34099, app/assets/stylesheets/flexadmin_main.scss */
  table {
    border-collapse: collapse !important;
  }
  /* line 34103, app/assets/stylesheets/flexadmin_main.scss */
  table,
th,
td {
    border: 1px solid #ddd !important;
  }
  /* line 34109, app/assets/stylesheets/flexadmin_main.scss */
  th {
    background-color: #f5f5f5 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  /* line 34115, app/assets/stylesheets/flexadmin_main.scss */
  thead {
    display: table-header-group;
  }
  /* line 34119, app/assets/stylesheets/flexadmin_main.scss */
  tr {
    page-break-inside: avoid;
  }
  /* Links */
  /* line 34124, app/assets/stylesheets/flexadmin_main.scss */
  a {
    text-decoration: underline;
  }
  /* line 34128, app/assets/stylesheets/flexadmin_main.scss */
  a[href^=http]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    color: #666;
  }
  /* line 34134, app/assets/stylesheets/flexadmin_main.scss */
  a[href^="#"]::after,
a[href^="javascript:"]::after {
    content: "";
  }
  /* Cards - show borders */
  /* line 34140, app/assets/stylesheets/flexadmin_main.scss */
  .card {
    border: 1px solid #ddd !important;
    page-break-inside: avoid;
  }
  /* line 34145, app/assets/stylesheets/flexadmin_main.scss */
  .card-header {
    border-bottom: 1px solid #ddd !important;
    background-color: #f5f5f5 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  /* Badges - show borders */
  /* line 34153, app/assets/stylesheets/flexadmin_main.scss */
  .badge {
    border: 1px solid currentColor !important;
    padding: 2px 6px !important;
  }
  /* Progress bars */
  /* line 34159, app/assets/stylesheets/flexadmin_main.scss */
  .progress {
    border: 1px solid #ddd !important;
  }
  /* line 34163, app/assets/stylesheets/flexadmin_main.scss */
  .progress-bar {
    background-color: #333 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  /* Alerts */
  /* line 34170, app/assets/stylesheets/flexadmin_main.scss */
  .alert {
    border: 1px solid currentColor !important;
  }
  /* Forms - hide interactive elements */
  /* line 34175, app/assets/stylesheets/flexadmin_main.scss */
  input[type=text],
input[type=email],
input[type=password],
textarea,
select {
    border: 1px solid #ddd !important;
    background: transparent !important;
  }
  /* Charts - typically not printable */
  /* line 34185, app/assets/stylesheets/flexadmin_main.scss */
  .chart-container,
canvas {
    page-break-inside: avoid;
  }
  /* Invoice specific */
  /* line 34191, app/assets/stylesheets/flexadmin_main.scss */
  .invoice {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* line 34197, app/assets/stylesheets/flexadmin_main.scss */
  .invoice-header {
    margin-bottom: 2cm !important;
  }
  /* line 34201, app/assets/stylesheets/flexadmin_main.scss */
  .invoice-logo img {
    max-height: 60px !important;
  }
  /* line 34205, app/assets/stylesheets/flexadmin_main.scss */
  .invoice-table {
    width: 100% !important;
    margin: 1cm 0 !important;
  }
  /* line 34210, app/assets/stylesheets/flexadmin_main.scss */
  .invoice-total {
    margin-top: 1cm !important;
  }
  /* Orphan/Widow control */
  /* line 34215, app/assets/stylesheets/flexadmin_main.scss */
  p,
li {
    orphans: 3;
    widows: 3;
  }
  /* Prevent breaks after headings */
  /* line 34222, app/assets/stylesheets/flexadmin_main.scss */
  h1,
h2,
h3,
h4,
h5,
h6 {
    orphans: 3;
    widows: 3;
  }
  /* Blockquotes */
  /* line 34233, app/assets/stylesheets/flexadmin_main.scss */
  blockquote {
    border-left: 4px solid #333 !important;
    page-break-inside: avoid;
  }
  /* Code blocks */
  /* line 34239, app/assets/stylesheets/flexadmin_main.scss */
  pre,
code {
    border: 1px solid #ddd !important;
    page-break-inside: avoid;
  }
  /* Show print-only elements */
  /* line 34246, app/assets/stylesheets/flexadmin_main.scss */
  .print-only {
    display: block !important;
  }
}

/* Print-only class (hidden on screen) */
/* line 34252, app/assets/stylesheets/flexadmin_main.scss */
.print-only {
  display: none;
}

/* No-print class (visible on screen, hidden in print) */
@media screen {
  /* line 34258, app/assets/stylesheets/flexadmin_main.scss */
  .no-print {
    display: block;
  }
}

/* line 3, app/assets/stylesheets/custom/_clients.scss */
.client-files-col-portal {
  min-width: 7.5rem;
  white-space: nowrap;
  vertical-align: middle;
}

/* line 9, app/assets/stylesheets/custom/_clients.scss */
.client-files-portal-visibility-form {
  display: inline-block;
  min-width: 6.75rem;
  max-width: 100%;
  vertical-align: middle;
}

/* line 17, app/assets/stylesheets/custom/_clients.scss */
.client-files-portal-visibility.form-check {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0;
  padding-left: 0;
}

/* line 26, app/assets/stylesheets/custom/_clients.scss */
.client-files-portal-visibility.form-check .form-check-input {
  position: static;
  flex: 0 0 auto;
  margin: 0;
}

/* line 32, app/assets/stylesheets/custom/_clients.scss */
.client-files-portal-visibility.form-check .form-check-label {
  flex: 0 0 auto;
  margin-bottom: 0;
  white-space: nowrap;
}

/* line 3, app/assets/stylesheets/custom/book_appointments.scss */
.fauth-form textarea.form-control {
  height: auto;
  min-height: 6.5rem;
}

/* line 8, app/assets/stylesheets/custom/book_appointments.scss */
.fauth-form select.form-control {
  height: 42px;
}