/** swamcore/plugins/swam/themes/defaults.scss 150 */
/** apps/website/settings.scss 71 */
:root {
  --bs-gray-100: #f5f4f8;
  --bs-gray-200: #ecebf1;
  --bs-primary: #754ffe;
  --bs-secondary: #79758f;
  --bs-success: #19cb98;
  --bs-info: #29baf9;
  --bs-warning: #ffaa46;
  --bs-danger: #e53f3c;
  --bs-light: #f5f4f8;
  --bs-dark: #18113c;
  --bs-white: #fff;
  --bs-light-primary: #e3dcff;
  --bs-light-danger: #fad9d8;
  --bs-light-info: #e1f6ff;
  --bs-light-warning: #ffeeda;
  --bs-light-secondary: #e4e3e9;
  --bs-light-success: #d1f5ea;
  --bs-light-dark: #d1cfd8;
  --bs-dark-primary: #593cc1;
  --bs-dark-warning: #c28135;
  --bs-dark-info: #51a0c2;
  --bs-dark-danger: #ae302e;
  --bs-dark-success: #139a74;
  --bs-dark-secondary: #5c596d;
  --bs-primary-rgb: 117,79,254;
  --bs-secondary-rgb: 121,117,143;
  --bs-success-rgb: 25,203,152;
  --bs-info-rgb: 41,186,249;
  --bs-warning-rgb: 255,170,70;
  --bs-danger-rgb: 229,63,60;
  --bs-light-rgb: 245,244,248;
  --bs-dark-rgb: 24,17,60;
  --bs-light-primary-rgb: 227,220,255;
  --bs-light-danger-rgb: 250,217,216;
  --bs-light-info-rgb: 225,246,255;
  --bs-light-warning-rgb: 255,238,218;
  --bs-light-secondary-rgb: 228,227,233;
  --bs-light-success-rgb: 209,245,234;
  --bs-light-dark-rgb: 209,207,216;
  --bs-dark-primary-rgb: 89,60,193;
  --bs-dark-warning-rgb: 194,129,53;
  --bs-dark-info-rgb: 81,160,194;
  --bs-dark-danger-rgb: 174,48,46;
  --bs-dark-success-rgb: 19,154,116;
  --bs-dark-secondary-rgb: 92,89,109;
  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;
  --bs-body-color-rgb: 92,87,118;
  --bs-body-bg-rgb: 245,244,248; }

/** swamcore/plugins/swam/themes/base/animations.scss 14 */
.swam-anim-hover-scale {
  transition: transform 0.3s; }
  .swam-anim-hover-scale:hover {
    transform: scale(1.1); }

.swam-anim-hover-scale2 {
  transition: transform 0.3s; }
  .swam-anim-hover-scale2:hover {
    transform: scale(1.2); }

/** swamcore/plugins/swam/themes/base/app.scss 314 */
body.app {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  body.app.app-mobile {
    overflow: hidden; }

#app_body {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  #app_body #panel-main {
    transition-property: left, right;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
    #app_body #panel-main header {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: auto;
      background: #55697a;
      color: #ffffff;
      border-bottom: 0;
      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
      z-index: 100; }
  #app_body #pages.pages-absolute {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    background: #fafbfe; }
  #app_body #pages div.page-view.page-fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  #app_body #pages div.page-view.page-fullscreen-topbar {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto; }
  #app_body #pages div.page-view.page-scroll {
    overflow-y: auto; }
  #app_body #pages div.page-view.page-padded {
    padding: 15px; }
  #app_body #pages div.page-view.has-topbar {
    margin-top: auto; }
  #app_body #pages div.page-view.has-footer {
    padding-bottom: auto; }
  #app_body #panel-left {
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 200px;
    background: #343a40;
    color: #c2c7d0;
    transform: translateX(-120%);
    user-select: none; }
  #app_body #panel-right {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    width: 300px;
    background: white;
    color: black;
    transform: translateX(120%);
    z-index: 101; }

#app_body.panel-animate div#panel-left,
#app_body.panel-animate div#panel-right,
#app_body.panel-animate div#panel-main {
  transition-duration: 400ms; }

#app_body.bottom-bar-reveal div#panel-main {
  bottom: 100px; }

#app_body.panel-left-reveal div#panel-main {
  left: 200px; }

#app_body.panel-left-reveal div#panel-left {
  transform: translateX(0); }

#app_body.panel-left-reveal.slide div#panel-main {
  right: -200px; }

#app_body.panel-left-reveal-partial div#panel-left {
  width: 50px;
  left: 50px; }

#app_body.panel-left-reveal-partial div#panel-main {
  left: 50px;
  right: -50px; }
  #app_body.panel-left-reveal-partial div#panel-main div#panel-left div#nav ul.nav-items ul.nav-submenu li {
    padding-left: 2px; }

#app_body.panel-right-reveal div#panel-main {
  right: 300px; }

#app_body.panel-right-reveal div#panel-right {
  transform: translateX(0); }

#app_body.panel-right-reveal .panel-right-reveal-hide {
  display: none; }

@media (max-width: 760px) {
  #app_body.panel-left-reveal:not(.panel-left-reveal-mobile-menu) div#panel-main {
    left: 200px;
    right: -200px; }
  #app_body.panel-left-reveal:not(.panel-left-reveal-mobile-menu) div#panel-left {
    z-index: 0; }
  #app_body.panel-left-reveal-mobile-menu div#panel-main {
    left: 200px;
    right: -200px; }
  #app_body.panel-right-reveal div#panel-right {
    position: fixed;
    left: 0;
    width: 100%; } }

@media (max-width: 1200px) {
  #app_body.panel-right-reveal div#panel-main {
    right: 0; }
  #app_body.panel-right-reveal div#panel-right {
    position: fixed; } }

#app_body.use-mobile-menu .topnav-brand .brand-img {
  display: none; }

#app_body.use-mobile-menu .topnav-brand .brand-title {
  position: absolute;
  opacity: 0.2;
  left: 50px; }

#app_body.use-mobile-menu .topnav-brand .mobile-menu-icon {
  display: inline-block; }

#app_body.use-mobile-menu.panel-left-reveal:not(.panel-left-reveal-mobile-menu) div#panel-main {
  left: 0; }

#app_body.use-mobile-menu.panel-left-reveal-mobile-menu div#panel-main {
  left: 200px;
  right: -200px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
  div#panel-left.no-group div#nav ul.nav-items > li {
    font-weight: 200; } }

.print-only {
  display: none; }

@media print {
  @page {
    margin: 0mm; }
  .print-only {
    display: block !important; }
  .no-print, .no-print * {
    display: none !important; }
  html {
    max-height: 297.01 mm;
    max-width: 209.97 mm; }
  div#panel-left {
    display: none; }
  div.page-view-body {
    padding-top: 10px !important; }
  body.panel-left-reveal div#panel-main {
    left: 0px !important; }
  body.panel-left-reveal #pages {
    top: 0px !important; }
  .et-page {
    overflow: visible !important; }
  .page-view-header {
    display: none !important; }
  div.page-view-body {
    overflow: auto !important; }
  .et-wrapper, #panel-main, #app, html, #panel-main, body, #page, div.page-view, section.page, div.page-view-body, div.page-toc {
    position: unset !important;
    float: none !important;
    overflow: none !important; }
  html, #panel-main {
    height: 100%; }
  .et-wrapper {
    height: auto !important; }
  div#admin-bar {
    display: none; }
  nav.topnav {
    display: none; } }

/** swamcore/plugins/swam/themes/base/dialogs.scss 310 */
body.app div.modal {
  background: rgba(0, 0, 0, 0.6); }
  body.app div.modal div.spinner-icon {
    position: absolute;
    color: white; }
  body.app div.modal div.modal-content {
    background-color: #f9f9f9; }
  body.app div.modal div.modal-vsm div.modal-content {
    height: 40vh; }
  body.app div.modal div.modal-vmd div.modal-content {
    height: 60vh; }
  body.app div.modal div.modal-vlg div.modal-content {
    height: 80vh; }
  body.app div.modal div.modal-text-lg div.modal-header .modal-title {
    font-size: 1.6rem; }
  body.app div.modal div.modal-text-lg div.modal-body {
    font-size: 1.6rem; }
  body.app div.modal div.modal-brand div.modal-header {
    background: #754ffe;
    color: white; }
    body.app div.modal div.modal-brand div.modal-header button.btn-close {
      filter: invert(1) grayscale(100%) brightness(200%); }
    body.app div.modal div.modal-brand div.modal-header button.btn {
      color: white; }
  body.app div.modal div.modal-primary div.modal-header {
    background: #754ffe;
    color: white; }
    body.app div.modal div.modal-primary div.modal-header button.btn-close {
      filter: invert(1) grayscale(100%) brightness(200%); }
    body.app div.modal div.modal-primary div.modal-header button.btn {
      color: white; }
  body.app div.modal div.modal-success div.modal-header {
    background: #198754;
    color: white; }
    body.app div.modal div.modal-success div.modal-header button.btn-close {
      filter: invert(1) grayscale(100%) brightness(200%); }
    body.app div.modal div.modal-success div.modal-header button.btn {
      color: white; }
  body.app div.modal div.modal-secondary div.modal-header {
    background: #6c757d;
    color: white; }
    body.app div.modal div.modal-secondary div.modal-header button.btn-close {
      filter: invert(1) grayscale(100%) brightness(200%); }
    body.app div.modal div.modal-secondary div.modal-header button.btn {
      color: white; }
  body.app div.modal div.modal-warning div.modal-header {
    background: #ffc107;
    color: white; }
    body.app div.modal div.modal-warning div.modal-header button.btn-close {
      filter: invert(1) grayscale(100%) brightness(200%); }
    body.app div.modal div.modal-warning div.modal-header button.btn {
      color: white; }
  body.app div.modal div.modal-danger div.modal-header {
    background: #dc3545;
    color: white; }
    body.app div.modal div.modal-danger div.modal-header button.btn-close {
      filter: invert(1) grayscale(100%) brightness(200%); }
    body.app div.modal div.modal-danger div.modal-header button.btn {
      color: white; }
  body.app div.modal div.modal-info div.modal-header {
    background: #0dcaf0;
    color: white; }
    body.app div.modal div.modal-info div.modal-header button.btn-close {
      filter: invert(1) grayscale(100%) brightness(200%); }
    body.app div.modal div.modal-info div.modal-header button.btn {
      color: white; }
  body.app div.modal div.modal-dark div.modal-header {
    background: #212529;
    color: white; }
    body.app div.modal div.modal-dark div.modal-header button.btn-close {
      filter: invert(1) grayscale(100%) brightness(200%); }
    body.app div.modal div.modal-dark div.modal-header button.btn {
      color: white; }
  body.app div.modal div.modal-muted div.modal-header {
    background: #f0f2fa;
    color: black; }
    body.app div.modal div.modal-muted div.modal-header button.btn {
      color: black; }
  body.app div.modal.bg-dark div.modal-content {
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; }
  body.app div.modal.bg-dark div.modal-header {
    border: none; }
  body.app div.modal.bg-dark div.modal-footer {
    border: none; }
  body.app div.modal.bg-dark button.btn-close {
    background-color: white; }

body.app pre div.field-value, body.app .pretty-json div.field-value {
  color: black; }

body.app pre span.key, body.app .pretty-json span.key {
  color: #39d; }

body.app pre span.string, body.app .pretty-json span.string {
  color: #2c7; }

body.app pre span.number, body.app .pretty-json span.number {
  color: orange; }

body.app pre span.boolean, body.app .pretty-json span.boolean {
  color: #1b9; }
  body.app pre span.boolean.false, body.app .pretty-json span.boolean.false {
    color: #e43; }

body.app div.modal div.offcanvas {
  background-color: #fafbfe; }

body.app div.modal div.offcanvas.show {
  visibility: visible; }

body.app div.modal.modal-text-center div.modal-body {
  text-align: center; }

body.app div.modal div.modal-body {
  padding: 0; }

body.app div.modal div.modal-body > div.form-view {
  margin: 1rem 2rem; }

body.app div.modal p.modal-message {
  font-size: 1.2rem;
  padding: 1rem; }

body.app div.modal div.modal-view {
  position: relative;
  flex: 1 1 auto; }
  body.app div.modal div.modal-view > div.swam-paginated-table {
    margin: 1rem; }
    body.app div.modal div.modal-view > div.swam-paginated-table div.swam-list-title {
      font-size: 1.3rem; }
  body.app div.modal div.modal-view.modal-view-padded {
    padding: 1rem; }

body.app div.modal div.swam-card-header {
  background-color: #0d6efd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

body.app div.inline-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #00000047;
  z-index: 100; }

body.app div.swam-lightbox {
  text-align: center; }
  body.app div.swam-lightbox img {
    width: auto;
    max-height: 80vh;
    max-width: 80vw;
    margin: auto; }

div.swam-search-down div.dropdown-header {
  margin-top: -0.5rem;
  min-width: 245px;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem; }

div.swam-search-down button.dropdown-toggle:active, div.swam-search-down button.dropdown-toggle:focus {
  outline: none;
  box-shadow: none; }

div.swam-search-down div#searchdown-list {
  max-height: 80vh;
  overflow-y: auto; }

div.swam-search-down input#search {
  border: none;
  border-bottom: 2px solid #cccccc;
  border-radius: 0; }
  div.swam-search-down input#search:active, div.swam-search-down input#search:focus {
    outline: none;
    box-shadow: none; }

div.swam-search-down button.btn-close {
  position: absolute;
  top: 4px;
  right: 3px; }

div.swam-search-down.searchdown-on-top input#search {
  border-bottom: 2px solid #754ffe;
  position: absolute;
  top: -1.9rem;
  left: 0;
  right: 0; }

div.swam-search-down.searchdown-on-top button.btn-close {
  top: -1.9rem; }

div.popover.popover-sm-padding div.popover-body {
  padding: 0.5rem 0.2rem; }

/** swamcore/plugins/swam/themes/base/forms.scss 539 */
div.swam-form-input {
  padding: 0.5rem 0; }
  div.swam-form-input .btn-help {
    border-radius: 50%;
    height: 22px;
    width: 22px;
    padding: 0;
    vertical-align: top;
    margin-left: 5px;
    font-size: 14px;
    margin-top: 1px;
    background-color: #f8f9fa;
    border-color: #ddd;
    color: #444; }
  div.swam-form-input input::placeholder, div.swam-form-input textarea::placeholder {
    color: #cccccc; }
  div.swam-form-input input.swam-edit-select-input::placeholder {
    color: var(--bs-body-color); }
  div.swam-form-input input.form-control-date, div.swam-form-input input.form-control-daterange {
    cursor: pointer; }
    div.swam-form-input input.form-control-date[readonly], div.swam-form-input input.form-control-daterange[readonly] {
      background-color: white;
      opacity: 1; }
  div.swam-form-input.label-input-group {
    padding-bottom: 0; }
    div.swam-form-input.label-input-group label {
      margin-bottom: 0; }
  div.swam-form-input.line-input-group {
    padding-bottom: 0; }
    div.swam-form-input.line-input-group hr {
      color: #9a9b9c;
      margin: 0.5rem 0; }
  div.swam-form-input span.char-count {
    position: absolute;
    bottom: 12px;
    right: 8px;
    border-radius: 5px !important;
    background: #cccccc;
    padding: 4px;
    font-size: 0.8rem;
    z-index: 40; }
  div.swam-form-input div.input-group span.char-count {
    bottom: 6px; }
  div.swam-form-input input.form-check-input:checked {
    background-color: #754ffe;
    border-color: #754ffe; }

div.form-floating button.btn-icon {
  position: absolute;
  right: 8px;
  top: 15px;
  background-color: transparent;
  border: none;
  color: #754ffe; }

div.password-input-group {
  position: relative; }
  div.password-input-group button.btn-icon {
    position: absolute;
    right: 8px;
    bottom: 14px;
    background-color: transparent;
    border: none; }
    div.password-input-group button.btn-icon:hover {
      color: #754ffe; }

div.text-input-group, div.search-input-group, div.mediapicker-input-group {
  position: relative; }
  div.text-input-group div.form-text-btngroup, div.search-input-group div.form-text-btngroup, div.mediapicker-input-group div.form-text-btngroup {
    position: absolute;
    right: 8px;
    bottom: 14px;
    background-color: transparent;
    border: none;
    background-color: white; }
  div.text-input-group button.btn-icon, div.text-input-group button.btn-clear, div.text-input-group button.btn-media-picker, div.search-input-group button.btn-icon, div.search-input-group button.btn-clear, div.search-input-group button.btn-media-picker, div.mediapicker-input-group button.btn-icon, div.mediapicker-input-group button.btn-clear, div.mediapicker-input-group button.btn-media-picker {
    display: inline-block;
    background-color: transparent;
    border: none; }
    div.text-input-group button.btn-icon:hover, div.text-input-group button.btn-clear:hover, div.text-input-group button.btn-media-picker:hover, div.search-input-group button.btn-icon:hover, div.search-input-group button.btn-clear:hover, div.search-input-group button.btn-media-picker:hover, div.mediapicker-input-group button.btn-icon:hover, div.mediapicker-input-group button.btn-clear:hover, div.mediapicker-input-group button.btn-media-picker:hover {
      color: #754ffe; }
  div.text-input-group button.btn-clear, div.search-input-group button.btn-clear, div.mediapicker-input-group button.btn-clear {
    display: none;
    color: #6c757d; }
  div.text-input-group.input-clearable button.btn-clear, div.text-input-group div.input-group.input-clearable button.btn-clear, div.search-input-group.input-clearable button.btn-clear, div.search-input-group div.input-group.input-clearable button.btn-clear, div.mediapicker-input-group.input-clearable button.btn-clear, div.mediapicker-input-group div.input-group.input-clearable button.btn-clear {
    display: inline-block; }
  div.text-input-group div.input-group div.form-text-btngroup, div.search-input-group div.input-group div.form-text-btngroup, div.mediapicker-input-group div.input-group div.form-text-btngroup {
    right: 50px;
    bottom: 5px;
    z-index: 5; }

div.color-input-group input.form-control-color {
  display: inline-block; }

div.color-input-group div.color-display {
  display: inline-block;
  padding: 0.475rem 1.2rem;
  vertical-align: top;
  text-transform: uppercase; }

div.color-input-group button.btn-clear {
  vertical-align: top;
  color: #6c757d; }

.inputimage-wrapper {
  position: relative;
  overflow: hidden; }
  .inputimage-wrapper.thumbnail-media-picker {
    outline: none; }
  .inputimage-wrapper.thumbnail-picker, .inputimage-wrapper.thumbnail-media-picker {
    width: 216px;
    text-align: center;
    padding: 8px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
    .inputimage-wrapper.thumbnail-picker img, .inputimage-wrapper.thumbnail-media-picker img {
      object-fit: contain;
      max-width: 200px;
      min-height: 200px;
      max-height: 200px; }
  .inputimage-wrapper.thumbnail-picker-md {
    max-width: 132px;
    padding: 4px;
    margin: 0 auto; }
    .inputimage-wrapper.thumbnail-picker-md img {
      max-width: 120px;
      min-height: 120px;
      max-height: 120px; }
  .inputimage-wrapper.thumbnail-picker-small {
    max-width: 84px;
    padding: 4px;
    margin: 0 auto; }
    .inputimage-wrapper.thumbnail-picker-small img {
      max-width: 76px;
      min-height: 76px;
      max-height: 76px; }
  .inputimage-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }

.inputfile-wrapper {
  position: relative;
  overflow: hidden;
  text-align: center;
  clear: both; }
  .inputfile-wrapper input {
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    display: none;
    font-size: 100px;
    cursor: pointer;
    border: 1px dashed #000000; }
  .inputfile-wrapper .inputfile {
    position: relative;
    display: block; }
    .inputfile-wrapper .inputfile:before, .inputfile-wrapper .inputfile:after {
      content: "";
      display: table; }
    .inputfile-wrapper .inputfile:after {
      clear: both; }
  .inputfile-wrapper .inputfile-feedback {
    background: none;
    font-size: 12px;
    border: none;
    color: #6fb7de;
    transition: color 0.2s ease-in; }
    .inputfile-wrapper .inputfile-feedback:focus {
      outline: none; }
  .inputfile-wrapper .inputfile-feedback2 {
    float: left;
    overflow: hidden;
    text-decoration: none;
    margin-left: 5px;
    display: inline-block;
    line-height: 30px;
    border: 0;
    color: white;
    width: 100%;
    height: 30px;
    border-radius: 4px;
    background-color: #909293;
    font-weight: bold;
    margin: 0; }
    .inputfile-wrapper .inputfile-feedback2.hovered {
      background-color: #cccccc; }
    .inputfile:focus .inputfile-wrapper .inputfile-feedback2 {
      border: 1px solid #73af92; }
    .inputfile-wrapper .inputfile-feedback2.populated {
      font-style: normal;
      text-transform: none;
      line-height: 14px;
      height: 30px;
      width: 100%;
      padding: 6px;
      background: #fff;
      border: 2px solid #BABCBE;
      font-size: 120%;
      box-shadow: 0 2px 5px #DDD inset;
      color: #F69F25;
      text-align: left;
      padding-left: 24px;
      overflow-x: hidden;
      background: url("/static/twin_input/img/icon-generic.gif") no-repeat 3px center; }
      .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-jpg, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-gif, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-png, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-jpeg, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-bmp {
        background: url("/static/twin_input/img/icon-image.gif") no-repeat 3px center; }
      .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-mp3, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-mp4, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-mov, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-swf, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-wav, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-m4v {
        background: url("/static/twin_input/img/icon-media.gif") no-repeat 3px center; }
      .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-zip, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-tar, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-gz, .inputfile-wrapper .inputfile-feedback2.populated.inputfile-ext-sit {
        background: url("/static/twin_input/img/icon-zip.gif") no-repeat 3px center; }
  .inputfile-wrapper .inputfile-info {
    font-style: italic; }
  .inputfile-wrapper .inputfile-opener {
    display: none;
    width: 0;
    height: 0; }
  .inputfile-wrapper:hover .inputfile-feedback {
    color: #cc3300; }

div.swam-editselect {
  position: relative; }
  div.swam-editselect:after {
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 0.125rem;
    top: 1.25rem;
    width: 1.25em;
    line-height: 0;
    font-size: 0.8rem;
    content: "\F282";
    cursor: pointer; }
  div.swam-editselect ul.dropdown-menu {
    max-height: 300px;
    overflow-y: auto; }

button.dropdown-toggle-hide-caret:after {
  display: none; }

div.searchdown-input button.dropdown-toggle {
  width: 100%;
  border: 1px solid #cccccc;
  background: white;
  text-align: left; }
  div.searchdown-input button.dropdown-toggle:after {
    position: absolute;
    right: 15px;
    bottom: 15px;
    vertical-align: middle; }

div.searchdown-input div.dropdown-menu {
  width: 100%; }
  div.searchdown-input div.dropdown-menu div#searchdown-list {
    max-height: 400px;
    overflow-y: auto; }

div.searchdown-input div.dropdown.is-invalid {
  border: 1px solid red;
  border-radius: 3px; }

div.modal-view [data-field] {
  white-space: pre-wrap; }

div.month-input-group {
  position: relative; }

div.swam-month-picker {
  position: absolute;
  left: 0;
  z-index: 1; }
  div.swam-month-picker div.month-picker div.month-item {
    border-radius: 3px;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    div.swam-month-picker div.month-picker div.month-item:hover, div.swam-month-picker div.month-picker div.month-item.active {
      cursor: pointer;
      color: white;
      background-color: #754ffe; }

div.form-view.nopad div.swam-form-input {
  padding: 0; }

#image-editor .row {
  margin: 0; }

#image-editor .image-preview img, #image-editor .image-preview canvas, #image-editor .image-cropped img, #image-editor .image-cropped canvas {
  display: block;
  margin: 0 auto; }

#image-editor .jcrop-holder {
  margin: 0 auto; }

#image-editor .filters {
  margin: 10px;
  text-align: center; }
  #image-editor .filters .filter {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 4px;
    background: #ccc;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    #image-editor .filters .filter:hover {
      background: #ffcccc; }
    #image-editor .filters .filter.active {
      box-shadow: none;
      background: #cc6666; }

.form-check-lg .form-check-input {
  top: .8rem;
  scale: 1.4; }

.form-check-lg .form-check-label {
  padding-left: 1.1rem; }

.form-check-xl .form-check-input {
  top: .8rem;
  scale: 1.7; }

.form-check-xl .form-check-label {
  padding-left: 1.2rem; }

div.form-hide-label label {
  display: none; }

div.form-floating-label {
  padding-top: 24px;
  position: relative; }
  div.form-floating-label label {
    font-size: 0.8rem;
    color: #686868;
    position: absolute;
    top: 4px;
    left: 4px; }

div.form-floating > input.form-control {
  padding-top: 1.2rem; }

div.form-floating-material {
  padding-bottom: 1.3rem; }
  div.form-floating-material > input.form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0 !important;
    border-bottom-width: 2px;
    padding-left: 0.05rem; }
    div.form-floating-material > input.form-control:focus {
      outline: none;
      box-shadow: none;
      border-color: #754ffe; }
  div.form-floating-material > label {
    padding-left: 0 !important;
    font-weight: 600;
    color: #cccccc; }
  div.form-floating-material .form-control:focus ~ label, div.form-floating-material .form-control:not(:placeholder-shown) ~ label, div.form-floating-material .form-floating > .form-select ~ label {
    opacity: .65;
    transform: scale(0.85) translateY(-0.8rem) translateX(0);
    color: #754ffe; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none; }

/** swamcore/plugins/swam/themes/base/misc.scss 697 */
.highlight {
  margin-bottom: 1rem;
  background-color: #f8f9fa;
  position: relative; }
  .highlight pre {
    margin-top: 1.2rem; }

.font-monospace-sm {
  letter-spacing: 0.24rem; }

.font-monospace-md {
  letter-spacing: 0.34rem; }

.font-monospace-lg {
  letter-spacing: 0.54rem; }

ul.nolist {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

body.app button.btn-primary,
body.app a.btn-primary {
  background-color: #754ffe;
  border-color: #754ffe; }

body.app button.btn-secondary,
body.app a.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d; }

body.app button.btn-success,
body.app a.btn-success {
  background-color: #198754;
  border-color: #198754; }

body.app button.btn-info,
body.app a.btn-info {
  background-color: #0dcaf0;
  border-color: #0dcaf0; }

body.app button.btn-warning,
body.app a.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107; }

body.app button.btn-danger,
body.app a.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545; }

body.app button.btn-default,
body.app a.btn-default {
  background-color: #f7f7f7;
  border-color: #f8f9fa; }
  body.app button.btn-default:hover,
  body.app a.btn-default:hover {
    background-color: #dee2e6;
    color: #754ffe; }

body.app button.btn-link,
body.app a.btn-link {
  text-decoration: none;
  color: #754ffe; }
  body.app button.btn-link:focus, body.app button.btn-link:hover,
  body.app a.btn-link:focus,
  body.app a.btn-link:hover {
    box-shadow: none;
    border-radius: 5px;
    background-color: rgba(92, 152, 253, 0.14); }

body.app button.btn-hover-glow {
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }
  body.app button.btn-hover-glow:hover, body.app button.btn-hover-glow:active {
    border-color: rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25), inset 0 0 30px rgba(200, 200, 200, 0.25); }

body.app button.btn-google-signin {
  background-color: #dee2e6;
  color: #754ffe;
  border-color: #f8f9fa; }
  body.app button.btn-google-signin:hover {
    background-color: #c9e1f9;
    color: #f32c2a; }

body.app button.btn-xs {
  font-size: 0.775rem;
  padding: 0.2rem 0.45rem; }

body.app button.btn-outline-secondary {
  border-color: #ced4da; }

body.app span.localized-action {
  text-decoration: none;
  color: #754ffe;
  cursor: pointer; }
  body.app span.localized-action:focus, body.app span.localized-action:hover {
    background-color: rgba(92, 152, 253, 0.14); }

body.app .hover-success:hover {
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; }

body.app .hover-primary:hover {
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; }

body.app .hover-danger:hover {
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; }

body.app .hover-warning:hover {
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; }

body.app .hover-info:hover {
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; }

body.app .hover-dark:hover {
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; }

body.app .hover-muted:hover {
  color: rgba(var(--bs-muted-rgb), var(--bs-text-opacity)) !important; }

body.app .hover-white:hover {
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; }

body.app .text-brand {
  color: #754ffe; }

body.app .bg-brand {
  background-color: #754ffe; }

body.app .bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; }

body.app .bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; }

body.app .bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; }

body.app .bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; }

body.app .bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; }

body.app .bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; }

body.app .bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; }

body.app .bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; }

body.app .bg-muted {
  background-color: #f0f2fa; }

body.app .bg-default {
  background-color: #f7f7f7; }

body.app .bg-blue {
  background-color: #0d6efd; }

body.app .bg-green {
  background-color: #73af92; }

body.app .bg-orange {
  background-color: #fd7e14; }

body.app .bg-red {
  background-color: #dc3545; }

body.app .bg-yellow {
  background-color: #ffc107; }

body.app .bg-purple {
  background-color: #6f42c1; }

body.app .bg-gray {
  background-color: #343a40; }

body.app .bg-gray-100 {
  background-color: #f8f9fa; }

body.app .bg-gray-200 {
  background-color: #e9ecef; }

body.app .bg-gray-300 {
  background-color: #dee2e6; }

body.app .bg-gray-400 {
  background-color: #ced4da; }

body.app .bg-gray-500 {
  background-color: #adb5bd; }

body.app .bg-gray-600 {
  background-color: #6c757d; }

body.app .bg-gray-700 {
  background-color: #495057; }

body.app .bg-gray-800 {
  background-color: #343a40; }

body.app .bg-gray-900 {
  background-color: #212529; }

body.app .fs-xl {
  font-size: 3rem; }

body.app .fs-7 {
  font-size: 0.9rem; }

body.app .fs-8 {
  font-size: 0.8rem; }

body.app .fs-8 {
  font-size: 0.7rem; }

body.app .fs-9 {
  font-size: 0.6rem; }

body.app .display-7 {
  font-size: calc(1.275rem + 1.4vw);
  font-weight: 300;
  line-height: 1.2; }

body.app .display-8 {
  font-size: calc(1.175rem + 1.1vw);
  font-weight: 300;
  line-height: 1.2; }

body.app img.avatar {
  border: 1px solid white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
  body.app img.avatar.avatar-circle {
    border-radius: 50%; }

body.app img.image-xs {
  max-height: 24px; }

body.app img.image-sm {
  max-height: 32px; }

body.app img.image-md {
  max-height: 64px; }

body.app img.image-lg {
  max-height: 96px; }

body.app img.image-xlg {
  max-height: 128px; }

body.app .model-fields .swam-field {
  position: relative;
  padding-top: 24px;
  padding-bottom: 10px; }
  body.app .model-fields .swam-field:before {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-label);
    color: #cccccc; }
  body.app .model-fields .swam-field pre.pre-wrap {
    white-space: pre-wrap; }

body.app .model-fields.inline .swam-field {
  padding-top: 0;
  padding-left: 40%; }

body.app .cursor-pointer {
  cursor: pointer; }

body.app .cursor-help {
  cursor: help; }

body.app .cursor-wait {
  cursor: wait; }

body.app .cursor-crosshair {
  cursor: crosshair; }

body.app .cursor-not-allowed {
  cursor: not-allowed; }

body.app .cursor-zoom,
body.app .cursor-zoom-in {
  cursor: zoom-in; }

body.app .cursor-grab {
  cursor: grab; }

header.swam-topbar .navbar {
  padding: 0; }

header.swam-topbar .navbar-brand {
  padding: 0; }

header.swam-topbar .avatar img {
  border-radius: inherit;
  width: 2rem; }

header.swam-topbar .avatar {
  align-items: center;
  border-radius: 0.375rem;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 600;
  height: 2.875rem;
  justify-content: center;
  position: relative;
  vertical-align: middle;
  width: 2.875rem;
  background: white; }
  header.swam-topbar .avatar p {
    margin: 0;
    padding: 5px; }

header.swam-topbar .avatar-sm {
  border-radius: 0.25rem;
  font-size: 0.75rem;
  height: 2.25rem;
  width: 2.25rem; }

header.swam-topbar .avatar-initials {
  padding: 5px; }

#app_body.panel-left-reveal div#panel-left {
  z-index: 400;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important; }

div.sidebar-container .nav-link-toggle {
  position: relative; }
  div.sidebar-container .nav-link-toggle::after {
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 0.125rem;
    top: 1.25rem;
    width: 1.25em;
    line-height: 0;
    content: "\F284";
    transition: transform 0.35s ease;
    transform-origin: 0.5em 50%; }
  div.sidebar-container .nav-link-toggle[aria-expanded="true"] {
    color: rgba(0, 0, 0, 0.85); }
  div.sidebar-container .nav-link-toggle[aria-expanded="true"]::after {
    transform: rotate(-90deg); }

div.swam-metrics-chart div.swam-search-down button.btn-default {
  background-color: #f7f7f7;
  border-color: #ced4da; }

div.swam-metrics-chart div.swam-search-down input#search {
  border: 1px solid #ced4da; }

div.sidebar-collapse .nav-link {
  padding-left: 1.8rem;
  font-size: 0.9rem; }

div.page-view div.card-header h1,
div.page-view div.card-header h2,
div.page-view div.card-header h3,
div.page-view div.card-header h4,
div.page-view div.card-header h5,
div.page-view div.card-header div.h1,
div.page-view div.card-header div.h2,
div.page-view div.card-header div.h3,
div.page-view div.card-header div.h4,
div.page-view div.card-header div.h5 {
  margin: 0; }

div.hover-reveal div.hover-height {
  transition: max-height 0.8s ease-in-out;
  max-height: 0; }

div.hover-reveal:hover div.hover-height {
  max-height: 1000px; }

.swam-map-tag {
  background-color: #4285f4;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 15px;
  position: relative; }

.swam-map-tag::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #4285f4; }

div#localhost_banner {
  position: fixed;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  background-color: #6f7779;
  font-size: 1.6rem;
  color: red;
  text-align: center;
  transform: translate(-30%, -20%) rotate(45deg);
  transform-origin: center;
  text-align: center;
  padding: 4px 40px; }

.overflow-y-auto {
  overflow-y: auto !important; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

.overflow-y-visible {
  overflow-y: visible !important; }

.overflow-y-scroll {
  overflow-y: scroll !important; }

.overflow-x-auto {
  overflow-x: auto !important; }

.overflow-x-hidden {
  overflow-x: hidden !important; }

.overflow-x-visible {
  overflow-x: visible !important; }

.overflow-x-scroll {
  overflow-x: scroll !important; }

#swam_dropzone {
  background: #dfdff4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 100;
  opacity: 0.8; }
  #swam_dropzone .swam-drop-overlay-text {
    color: black;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    content: "UPLOAD FILE";
    pointer-events: none;
    z-index: 10;
    text-align: center; }
    #swam_dropzone .swam-drop-overlay-text i {
      font-size: 4rem; }

/* Styling for the timeline container */
.status-timeline {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1px;
  padding: 2px;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  overflow-x: auto;
  /* Styling for each hour column */
  /* Styling for hour labels */
  /* Styling for each 5-minute segment */ }
  .status-timeline .day-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*      border-right: 1px solid #ccc;*/
    padding: 0px; }
  .status-timeline .day-hours {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1px;
    padding: 2px;
    border: 1px solid #ddd;
    background-color: #f9f9f9; }
  .status-timeline .hour-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 16px;
    /* Width for each hour column */
    /*      border-right: 1px solid #ccc;*/
    padding: 0px; }
  .status-timeline .hour-label {
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 10px;
    width: 14px;
    /* Adjust to your container size */
    height: 34px;
    /* Adjust to your container size */
    display: flex;
    justify-content: center;
    /* Horizontal centering */
    align-items: center;
    /* Vertical centering */
    text-align: center;
    transform: rotate(90deg);
    /* Rotate the text */
    transform-origin: center;
    /* Ensure rotation is around the center */ }
  .status-timeline .time-segment {
    width: 14px;
    /* Width of each segment */
    height: 5px;
    /* Height of each segment */
    margin: 0.5px 0;
    /* Space between segments */
    text-align: center;
    font-size: 8px;
    line-height: 10px;
    color: transparent;
    font-family: Arial, sans-serif;
    border-radius: 3px;
    /*      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);*/ }

/** swamcore/plugins/swam/themes/base/nav.scss 219 */
div#panel-left .text-color-brand {
  color: #754ffe; }

div#panel-left hr {
  margin: 0.6rem 0; }

div#panel-left div#main_nav {
  overflow-y: auto; }

div#panel-left div.main {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden; }
  div#panel-left div.main div.sidebar-container {
    width: 100%; }
  div#panel-left div.main div.version {
    font-size: 0.7rem;
    text-align: center;
    color: #858585; }
  div#panel-left div.main ul.nav.nav-pills li a i {
    padding-right: 0.4rem;
    font-size: 1.1rem; }
  div#panel-left div.main ul.nav.nav-pills li a:hover {
    background: #cccccc;
    color: #0d6efd; }
  div#panel-left div.main ul.nav-submenu li a {
    margin-left: 1rem;
    font-size: 0.8rem; }
    div#panel-left div.main ul.nav-submenu li a i {
      font-size: 0.8rem; }
  div#panel-left div.main div#menuselect button.btn.dropdown-toggle {
    color: white; }
  div#panel-left div.main.bg-dark {
    background-color: #343a40 !important; }
    div#panel-left div.main.bg-dark div#groupselect button.dropdown-toggle {
      color: white; }
    div#panel-left div.main.bg-dark ul.nav.nav-pills li a, div#panel-left div.main.bg-dark ul.nav.nav-pills li button {
      color: #c2c7d0; }
    div#panel-left div.main.bg-dark ul.nav.nav-pills li a:hover {
      background: rgba(255, 255, 255, 0.1);
      color: white; }
    div#panel-left div.main.bg-dark ul.nav.nav-pills li a.active {
      background-color: #0d6efd;
      color: white;
      font-weight: bold; }

#app_body.panel-left-reveal div#panel-left {
  z-index: 400;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important; }

#topbar nav.navbar.bg-transparent a.nav-link {
  color: white; }

#title-bar > nav {
  height: 100%; }

#title-bar ul.navbar-nav li.nav-item {
  text-wrap: nowrap; }
  #title-bar ul.navbar-nav li.nav-item i {
    padding-right: 0.4rem;
    font-size: 1.1rem; }

#title-bar ul.dropdown-menu-center {
  left: -100% !important; }

#title-bar ul.dropdown-menu-width-xs {
  width: 140px; }

#title-bar ul.dropdown-menu-width-sm {
  width: 240px; }

#title-bar ul.dropdown-menu-width-md {
  width: 340px; }

#title-bar ul.dropdown-menu-width-lg {
  width: 440px; }

div.sidebar-container .nav-link-toggle {
  position: relative; }
  div.sidebar-container .nav-link-toggle::after {
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 0.125rem;
    top: 1.25rem;
    width: 1.25em;
    line-height: 0;
    content: "\F284";
    transition: transform .35s ease;
    transform-origin: .5em 50%; }
  div.sidebar-container .nav-link-toggle[aria-expanded="true"] {
    color: rgba(0, 0, 0, 0.85); }
  div.sidebar-container .nav-link-toggle[aria-expanded="true"]::after {
    transform: rotate(-90deg); }

div.sidebar-container li.nav-item label {
  font-weight: lighter; }

div.sidebar-collapse .nav-link {
  padding-left: 1.8rem;
  font-size: 0.9rem; }

@media (max-width: 1000px) {
  #app_body li.nav-hide-label-sm span.nav-label {
    display: none; }
  #title-bar span.logo-title {
    display: none; } }

@media (max-width: 460px) {
  #title-bar ul.dropdown-menu-center {
    left: -100% !important; }
  #title-bar ul.dropdown-menu-width-xs {
    width: 100px; }
  #title-bar ul.dropdown-menu-width-sm {
    width: 200px; }
  #title-bar ul.dropdown-menu-width-md {
    width: 300px; }
  #title-bar ul.dropdown-menu-width-lg {
    width: 400px; } }

/** swamcore/plugins/swam/themes/base/tables.scss 615 */
#list #count:before {
  content: "total items: "; }

div.swam-list {
  position: relative; }
  div.swam-list div.inline-modal {
    background-color: rgba(255, 255, 255, 0.85); }

div.swam-paginated-list nav.swam-paginated-list-footer {
  padding: 1rem !important; }

div.swam-paginated-list.compact, div.swam-paginated-table.compact {
  background-color: white;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid #c2c2c2; }
  div.swam-paginated-list.compact .swam-paginated-list-footer, div.swam-paginated-table.compact .swam-paginated-list-footer {
    padding: 0.5rem 1.5rem; }
  div.swam-paginated-list.compact div.swam-list-title, div.swam-paginated-table.compact div.swam-list-title {
    padding: 0.4rem;
    background-color: #495057;
    color: white; }
  div.swam-paginated-list.compact.rounded div.swam-list-title, div.swam-paginated-table.compact.rounded div.swam-list-title {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important; }

div.swam-table ul.pagination li.page-item a.page-link, div.swam-toc-table ul.pagination li.page-item a.page-link, div.swam-paginated-table ul.pagination li.page-item a.page-link {
  color: #0d6efd; }

div.swam-table ul.pagination li.page-item.active a.page-link, div.swam-toc-table ul.pagination li.page-item.active a.page-link, div.swam-paginated-table ul.pagination li.page-item.active a.page-link {
  background-color: #0d6efd;
  color: white;
  border-color: #0d6efd; }

div.swam-table.swam-table-clickable, div.swam-toc-table.swam-table-clickable, div.swam-paginated-table.swam-table-clickable {
  cursor: pointer; }
  div.swam-table.swam-table-clickable tbody tr:hover, div.swam-toc-table.swam-table-clickable tbody tr:hover, div.swam-paginated-table.swam-table-clickable tbody tr:hover {
    background-color: #e0e6f8;
    --bs-table-striped-bg: rgb(224, 230, 248); }

div.swam-table tfoot, div.swam-toc-table tfoot, div.swam-paginated-table tfoot {
  font-weight: bold; }

div.swam-pager-panel ul.pagination {
  justify-content: flex-end; }

div.swam-paginated-table-bs table.swam-table th i {
  cursor: pointer;
  position: absolute;
  right: 4px; }

div.swam-paginated-table-bs .table > :not(:first-child) {
  border-top: 1px solid #dee2e6; }

div.swam-paginated-table-bs div.swam-list-title {
  font-size: 1.4rem;
  margin-bottom: 1.2rem; }

div.swam-paginated-table-bs div.swam-table-group {
  background-color: white;
  border-radius: 0.3rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 1rem; }

div.swam-table-tiny table.swam-table th {
  font-size: 0.7rem; }

div.swam-table-tiny table.swam-table tbody td {
  font-size: 0.7rem; }

div.swam-paginated-table.swam-inline-filters div.filter-action-bar {
  display: inline-block !important; }

div.swam-paginated-table.swam-inline-filters div.swam-list-filter-items {
  display: inline-block !important; }

div.swam-paginated-table-compact table.swam-table thead {
  background-color: #495057; }
  div.swam-paginated-table-compact table.swam-table thead th {
    font-weight: normal;
    color: white;
    cursor: not-allowed; }
    div.swam-paginated-table-compact table.swam-table thead th.sortable {
      cursor: pointer;
      position: relative;
      min-width: 40px; }

table.swam-table {
  position: relative;
  --bs-table-striped-bg: #f1f3fa; }
  table.swam-table th {
    white-space: nowrap; }
    table.swam-table th i {
      position: absolute;
      right: -2px;
      margin-top: 2px; }
    table.swam-table th.sortable {
      cursor: pointer;
      position: relative;
      min-width: 40px; }
      table.swam-table th.sortable:hover i {
        border-radius: 50%;
        background-color: #754ffe;
        transition: background-color 2s ease-out 40ms; }
    table.swam-table th.sorted {
      background: #0000ff29; }
  table.swam-table i.swam-icon.swam-icon-sort {
    background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.7rem 0.7rem;
    width: 1.2rem;
    height: 1.2rem; }
  table.swam-table i.swam-icon.swam-icon-sorted-down {
    background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23377dff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.7rem 0.7rem;
    width: 1.2rem;
    height: 1.2rem; }
  table.swam-table i.swam-icon.swam-icon-sorted-up {
    background-image: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23377dff'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.7rem 0.7rem;
    width: 1.2rem;
    height: 1.2rem; }
  table.swam-table.swam-table-rounded {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
    table.swam-table.swam-table-rounded thead {
      border-top-left-radius: 0.3rem;
      border-top-right-radius: 0.3rem; }
      table.swam-table.swam-table-rounded thead th:first-child {
        border-top-left-radius: 0.3rem; }
      table.swam-table.swam-table-rounded thead th:last-child {
        border-top-right-radius: 0.3rem; }
  table.swam-table.swam-table-clickable {
    cursor: pointer; }
    table.swam-table.swam-table-clickable tbody tr:hover {
      background-color: #e0e6f8;
      --bs-table-striped-bg: rgb(224, 230, 248); }
  table.swam-table tbody td img {
    max-height: 32px; }
  table.swam-table tbody td.tc-min {
    width: 1%;
    white-space: nowrap; }
  table.swam-table tbody td.td-pre {
    white-space: pre-wrap; }
  table.swam-table tr div.swam-table-checkbox {
    position: relative; }
    table.swam-table tr div.swam-table-checkbox:before {
      content: '';
      display: inline-block;
      width: 14px;
      height: 14px;
      border: 1px solid #c5c5c5;
      border-radius: 4px;
      background-color: rgba(245, 245, 245, 0.5); }
    table.swam-table tr div.swam-table-checkbox:hover:before {
      border-color: gray; }
  table.swam-table tr th.swam-batch-select {
    width: 1%;
    background-color: #cccccc; }
  table.swam-table tr td.swam-batch-select {
    width: 1%;
    background-color: #cccccc;
    --bs-table-accent-bg: $batch-select-bg; }
  table.swam-table tr.swam-batch-selected div.swam-table-checkbox:before {
    background-color: #754ffe;
    border-color: #754ffe; }
  table.swam-table tr.swam-batch-selected div.swam-table-checkbox:after {
    content: 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");
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px; }
  table.swam-table tr.swam-batch-selected td.swam-batch-select, table.swam-table tr.swam-batch-selected th.swam-batch-select {
    background-color: #0d6efd;
    --bs-table-accent-bg: $batch-selected-bg; }
  table.swam-table tbody tr.swam-batch-selected {
    background-color: rgba(0, 120, 240, 0.14); }
  table.swam-table tfoot {
    font-weight: bold; }

div.swam-batch-select-panel {
  position: sticky;
  bottom: 10px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.4);
  background-color: white;
  height: 60px;
  z-index: 20;
  margin: 0 8px; }
  div.swam-batch-select-panel #select_count {
    background-color: #754ffe;
    color: white;
    min-width: 50px;
    font-size: 1.5rem !important;
    height: 60px;
    line-height: 60px;
    text-align: center; }
  div.swam-batch-select-panel div.batch-select-title {
    font-size: 1.5rem !important;
    line-height: 60px; }
  div.swam-batch-select-panel div.batch-select-action {
    min-width: 50px;
    height: 60px;
    border-left: 1px solid #cccccc;
    color: gray;
    cursor: pointer; }
    div.swam-batch-select-panel div.batch-select-action:hover {
      color: #754ffe; }
  div.swam-batch-select-panel div.batch-action-title {
    margin-top: -4px; }

div.swam-table-toc {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden; }
  div.swam-table-toc div.swam-toc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white;
    transition: width 500ms ease-in-out;
    z-index: 1;
    padding-top: auto; }
    div.swam-table-toc div.swam-toc.swam-toc-padded {
      padding: 54px 14px 14px; }
    div.swam-table-toc div.swam-toc div.swam-toc-header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: auto;
      background-color: #585e66;
      color: white;
      z-index: 2;
      padding: 4px;
      border-bottom: 1px solid #cccccc; }
      div.swam-table-toc div.swam-toc div.swam-toc-header div.swam-toc-title {
        margin-top: 9px;
        margin-left: 10px; }
    div.swam-table-toc div.swam-toc div.swam-toc-table {
      max-height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      padding-bottom: 40px; }
      div.swam-table-toc div.swam-toc div.swam-toc-table table thead {
        z-index: 1;
        position: sticky;
        top: 0;
        background-color: white;
        box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15); }
    div.swam-table-toc div.swam-toc div.swam-toc-toggle {
      position: absolute;
      right: -15px;
      top: 10px;
      background-color: #585e66;
      color: white;
      border-right: 1px solid gray;
      border-radius: 5px;
      padding: 4px;
      cursor: pointer;
      display: none; }
    div.swam-table-toc div.swam-toc div.swam-pager-panel {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      background: white;
      padding: 6px;
      box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.15); }
      div.swam-table-toc div.swam-toc div.swam-pager-panel #counter > div {
        margin: 4px; }
      div.swam-table-toc div.swam-toc div.swam-pager-panel #pager > ul {
        margin: 0; }
    div.swam-table-toc div.swam-toc #filter_bar {
      margin-top: -3px; }
      div.swam-table-toc div.swam-toc #filter_bar div.swam-form-input {
        padding: 0; }
    div.swam-table-toc div.swam-toc #action_bar {
      margin-top: -4px; }
      div.swam-table-toc div.swam-toc #action_bar div.swam-form-input {
        padding: 0; }
      div.swam-table-toc div.swam-toc #action_bar div.filter-action-bar button.btn {
        color: #95b9ed;
        background-color: transparent;
        border: none;
        transition: color 500ms ease-in-out; }
        div.swam-table-toc div.swam-toc #action_bar div.filter-action-bar button.btn:hover {
          color: white; }
        div.swam-table-toc div.swam-toc #action_bar div.filter-action-bar button.btn:focus {
          box-shadow: none; }
  div.swam-table-toc div.swam-toc-view {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 250px;
    right: 0;
    background: white;
    transition: width 500ms ease-in-out;
    overflow-y: auto; }
  div.swam-table-toc.swam-toc-collapsed div.swam-toc {
    width: 250px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
    div.swam-table-toc.swam-toc-collapsed div.swam-toc.swam-toc-padded {
      padding: auto 0 0 0; }
  div.swam-table-toc.swam-toc-collapsed div.swam-toc-toggle {
    display: block !important; }
  div.swam-table-toc.swam-toc-collapsed .swam-toc-hide {
    display: none !important; }
  div.swam-table-toc.swam-toc-collapsed tr.swam-toc-selected {
    background-color: #754ffe;
    color: white; }
    div.swam-table-toc.swam-toc-collapsed tr.swam-toc-selected > td {
      --bs-table-accent-bg: transparent;
      color: white; }
    div.swam-table-toc.swam-toc-collapsed tr.swam-toc-selected:hover {
      background-color: #754ffe;
      color: white; }
  div.swam-table-toc.swam-toc-collapsed div.swam-pager-panel {
    position: absolute;
    padding: 0;
    bottom: 0;
    background: white;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.15); }
    div.swam-table-toc.swam-toc-collapsed div.swam-pager-panel #counter > div {
      font-size: 9px !important;
      text-align: center; }
    div.swam-table-toc.swam-toc-collapsed div.swam-pager-panel ul {
      margin: 0; }
    div.swam-table-toc.swam-toc-collapsed div.swam-pager-panel div#size {
      display: none; }
    div.swam-table-toc.swam-toc-collapsed div.swam-pager-panel ul.pagination {
      justify-content: center; }
  div.swam-table-toc.swam-toc-collapsed div#filter_bar {
    display: none; }
  div.swam-table-toc.swam-toc-collapsed th.swam-batch-select, div.swam-table-toc.swam-toc-collapsed td.swam-batch-select {
    display: none; }
  div.swam-table-toc.swam-toc-collapsed div.swam-batch-select-panel {
    display: none; }

div.swam-list-filter div.swam-filter-item {
  display: inline-block;
  border-radius: 5px;
  background: #d1e0fd;
  padding: 4px 6px;
  margin-left: 5px;
  font-size: 0.8rem; }

@media (max-width: 620px) {
  #app_body div.batch-select-title {
    display: none !important; }
  #app_body div.swam-batch-select-panel {
    height: 36px; }
    #app_body div.swam-batch-select-panel div#select_count {
      height: 36px;
      font-size: 1.3rem !important;
      line-height: 36px; }
    #app_body div.swam-batch-select-panel div.batch-action-title {
      display: none; } }

/** swamcore/plugins/swam/themes/base/tabs.scss 82 */
body.app div.tabs-container #tab_dropdown {
  display: none; }
  body.app div.tabs-container #tab_dropdown .btn-dropdown {
    text-align: left;
    font-size: 18px;
    border-bottom: 2px solid #754ffe;
    border-radius: 0;
    min-width: 80px;
    text-align: center; }

body.app div.tabs-container.wrapped #tab_dropdown {
  display: block; }

body.app div.tabs-container.wrapped div.tabs {
  display: none; }

body.app div.tabs-container.wrapped div.tab-dropdown {
  padding-left: 1rem; }

body.app div.tabs {
  border-bottom: 1px solid #ececec;
  margin-top: 0;
  padding-left: 1rem; }
  body.app div.tabs > ul {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    body.app div.tabs > ul > li {
      display: inline-block;
      padding: 6px 14px 6px 14px;
      background: transparent;
      cursor: pointer;
      border-bottom: none;
      margin-bottom: -1px;
      margin-right: 0;
      color: gray;
      border-top-left-radius: 0.3rem;
      border-top-right-radius: 0.3rem; }
      body.app div.tabs > ul > li:hover {
        background: rgba(0, 0, 0, 0.1); }
      body.app div.tabs > ul > li.active {
        color: #754ffe;
        border-bottom: 2px solid #754ffe; }
  body.app div.tabs div.tab {
    padding: 30px 15px; }
  body.app div.tabs div.tab-content {
    display: none; }
    body.app div.tabs div.tab-content.active {
      display: block; }

/** swamcore/plugins/swam/ext/imageeditor/jcrop.css 167 */
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left; }

/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff;
  font-size: 0;
  position: absolute; }

.jcrop-vline {
  height: 100%;
  width: 1px !important; }

.jcrop-vline.right {
  right: 0; }

.jcrop-hline {
  height: 1px !important;
  width: 100%; }

.jcrop-hline.bottom {
  bottom: 0; }

/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none; }

/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px; }

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px; }

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%; }

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%; }

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0; }

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0; }

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0; }

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px; }

/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%; }

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px; }

.jcrop-dragbar.ord-n {
  margin-top: -4px; }

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px; }

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0; }

.jcrop-dragbar.ord-w {
  margin-left: -4px; }

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px; }

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px; }

/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff; }

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none; }

/** swamcore/plugins/swam/ext/chat/chat.scss 412 */
div.swam-chat {
  display: flex;
  flex-direction: column;
  height: 100%; }
  div.swam-chat .swam-chat-header, div.swam-chat #chatform {
    flex-shrink: 0;
    /* Prevent shrinking */ }
  div.swam-chat #chatlist {
    position: relative;
    flex-grow: 1;
    /* Allow the body to grow and fill available space */
    overflow-y: auto;
    /* Enable scrolling */
    overflow-x: hidden;
    list-style: none; }

div.swam-chat-theme-slack ol.swam-chat-list {
  --sentColor: #0b93f6;
  --receiveColor: #e5e5ea;
  --bg: #ffffff;
  --subtitleSize: 0.9rem;
  --msgSize: 0.9rem;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
  list-style: none; }
  div.swam-chat-theme-slack ol.swam-chat-list .chat-avatar {
    align-self: flex-start; }
    div.swam-chat-theme-slack ol.swam-chat-list .chat-avatar img {
      max-width: 30px;
      border-radius: 10%;
      border: 1px solid #eaeaea; }
    div.swam-chat-theme-slack ol.swam-chat-list .chat-avatar .chat-avatar-initials {
      width: 30px;
      height: 30px;
      border-radius: 10%;
      color: black;
      text-align: center;
      border: 1px solid #ccc;
      line-height: 30px; }
    div.swam-chat-theme-slack ol.swam-chat-list .chat-avatar .chat-avatar-icon {
      font-size: 1.8rem;
      color: #9acbff;
      margin-top: -10px; }
  div.swam-chat-theme-slack ol.swam-chat-list .chat-by {
    font-size: var(--subtitleSize);
    font-weight: bold; }
  div.swam-chat-theme-slack ol.swam-chat-list .chat-msg {
    font-size: var(--msgSize); }
    div.swam-chat-theme-slack ol.swam-chat-list .chat-msg div.btn-link {
      padding: 0;
      margin: 0;
      text-align: left;
      font-size: var(--msgSize); }
  div.swam-chat-theme-slack ol.swam-chat-list .chat-time {
    color: #ccc;
    padding-top: 4px;
    word-break: keep-all;
    min-width: 130px; }
  div.swam-chat-theme-slack ol.swam-chat-list .chat-item {
    position: relative; }
    div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent {
      align-self: flex-start;
      margin-top: 15px;
      margin-left: 45px; }
      div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble {
        color: black; }
        div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble:before, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble:before {
          left: -7px;
          background-color: var(--receiveColor);
          border-bottom-right-radius: 16px 14px; }
        div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble:after, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble:after {
          left: -26px;
          border-bottom-right-radius: 10px; }
      div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-edit, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-edit {
        display: none;
        position: absolute;
        right: -20px;
        top: -10px;
        background: white;
        width: auto;
        border-radius: 3px;
        border: 1px solid gray; }
      div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-avatar, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-avatar {
        position: absolute;
        left: -40px;
        top: 5px;
        z-index: 1; }
      div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-time, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-time {
        color: #6c6c6c;
        font-size: 0.8rem;
        line-height: 0.9rem; }
      div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-info, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-status, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-upload, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-task, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-accessed, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-info, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-status, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-upload, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-task, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-accessed {
        padding: 8px;
        color: #004085;
        background-color: #cce5ff;
        border-color: #b8daff;
        opacity: 0.7; }
        div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-info:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-status:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-upload:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-task:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-accessed:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-info:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-status:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-upload:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-task:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-accessed:hover {
          opacity: 1; }
      div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-private, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-private {
        padding: 8px;
        color: black;
        background-color: #FFA4A9;
        border-color: #b8daff;
        opacity: 0.7; }
        div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-bubble-private:hover, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-bubble-private:hover {
          opacity: 1; }
      div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-avatar-task, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.received .chat-avatar-status, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-avatar-task, div.swam-chat-theme-slack ol.swam-chat-list .chat-item.sent .chat-avatar-status {
        font-size: 1.4rem; }
    div.swam-chat-theme-slack ol.swam-chat-list .chat-item:hover .chat-edit {
      display: block; }

div.swam-chat-theme-apple div.swam-chat-header {
  background-color: #fafbfe;
  color: #754ffe;
  height: auto;
  line-height: auto; }
  div.swam-chat-theme-apple div.swam-chat-header div.swam-chat-title {
    font-size: 1.2rem; }

div.swam-chat-theme-apple ol.swam-chat-list {
  --sentColor: #0b93f6;
  --receiveColor: #e5e5ea;
  --bg: #ffffff;
  --subtitleSize: 0.65rem;
  --msgSize: 0.75rem;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--bg); }
  div.swam-chat-theme-apple ol.swam-chat-list .chat-avatar {
    align-self: flex-start; }
    div.swam-chat-theme-apple ol.swam-chat-list .chat-avatar img {
      max-width: 30px;
      border-radius: 50%;
      border: 1px solid #eaeaea; }
    div.swam-chat-theme-apple ol.swam-chat-list .chat-avatar .chat-avatar-initials {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      color: black;
      text-align: center;
      border: 1px solid #ccc;
      line-height: 30px; }
  div.swam-chat-theme-apple ol.swam-chat-list .chat-by {
    font-size: var(--subtitleSize);
    color: #ccc; }
  div.swam-chat-theme-apple ol.swam-chat-list .chat-msg {
    font-size: var(--msgSize); }
    div.swam-chat-theme-apple ol.swam-chat-list .chat-msg div.btn-link {
      padding: 0;
      margin: 0;
      text-align: left;
      font-size: var(--msgSize); }
  div.swam-chat-theme-apple ol.swam-chat-list .chat-time {
    font-size: var(--subtitleSize);
    color: #ccc;
    text-align: right;
    word-break: keep-all;
    min-width: 130px; }
  div.swam-chat-theme-apple ol.swam-chat-list .chat-item {
    position: relative; }
    div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received {
      align-self: flex-start;
      margin-left: 40px; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .chat-bubble {
        color: black;
        background: var(--receiveColor); }
        div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .chat-bubble:before {
          left: -7px;
          background-color: var(--receiveColor);
          border-bottom-right-radius: 16px 14px; }
        div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .chat-bubble:after {
          left: -26px;
          border-bottom-right-radius: 10px; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .chat-avatar {
        position: absolute;
        left: -35px;
        bottom: 0;
        z-index: 1; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .chat-time, div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .chat-by {
        color: #6c6c6c; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .status-bubble, div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .upload-bubble {
        padding-left: 50px; }
        div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .status-bubble .chat-icon, div.swam-chat-theme-apple ol.swam-chat-list .chat-item.received .upload-bubble .chat-icon {
          position: absolute;
          left: 8px;
          top: 12px;
          font-size: 2rem;
          color: #cccccc; }
    div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent {
      align-self: flex-end;
      margin-right: 40px; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent .chat-bubble {
        color: white;
        background: var(--sentColor); }
        div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent .chat-bubble:before {
          right: -7px;
          background-color: var(--sentColor);
          border-bottom-left-radius: 16px 14px; }
        div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent .chat-bubble:after {
          right: -26px;
          border-bottom-left-radius: 10px; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent .chat-avatar {
        position: absolute;
        right: -35px;
        bottom: 0px;
        z-index: 1; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent .chat-by {
        display: none; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent a.swam-link {
        color: white; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent .status-bubble, div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent .upload-bubble {
        padding-right: 50px; }
        div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent .status-bubble .chat-icon, div.swam-chat-theme-apple ol.swam-chat-list .chat-item.sent .upload-bubble .chat-icon {
          position: absolute;
          right: 8px;
          top: 12px;
          font-size: 2rem;
          color: #cccccc; }
  div.swam-chat-theme-apple ol.swam-chat-list .status-bubble {
    background: #ffffe4;
    margin: 8px 0;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #cccccc; }
  div.swam-chat-theme-apple ol.swam-chat-list .upload-bubble {
    background: #6a6a6a;
    color: white;
    margin: 8px 0;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #cccccc; }
    div.swam-chat-theme-apple ol.swam-chat-list .upload-bubble .chat-time, div.swam-chat-theme-apple ol.swam-chat-list .upload-bubble .chat-by {
      color: #cacaca !important; }
  div.swam-chat-theme-apple ol.swam-chat-list .chat-bubble {
    position: relative;
    /* Setup a relative container for our psuedo elements */
    max-width: 255px;
    margin: 8px 0;
    padding: 5px 12px;
    line-height: 24px;
    word-wrap: break-word;
    /* Make sure the text wraps to multiple lines if long */
    border-radius: 10px; }
    div.swam-chat-theme-apple ol.swam-chat-list .chat-bubble:before {
      width: 20px; }
    div.swam-chat-theme-apple ol.swam-chat-list .chat-bubble:after {
      width: 26px;
      background-color: var(--bg);
      /* All tails have the same bg cutout */ }
    div.swam-chat-theme-apple ol.swam-chat-list .chat-bubble:before, div.swam-chat-theme-apple ol.swam-chat-list .chat-bubble:after {
      position: absolute;
      bottom: 0;
      height: 25px;
      /* height of our bubble "tail" - should match the border-radius above */
      content: ''; }
    div.swam-chat-theme-apple ol.swam-chat-list .chat-bubble.notail {
      margin-bottom: 2px; }
      div.swam-chat-theme-apple ol.swam-chat-list .chat-bubble.notail:before, div.swam-chat-theme-apple ol.swam-chat-list .chat-bubble.notail:after {
        opacity: 0; }

/** apps/website/pages/home/home.scss 117 */
#page_home .extra-space {
  padding-top: 20px;
  padding-bottom: 20px; }

#page_home #home_header {
  position: relative;
  height: 80vh;
  background: linear-gradient(45deg, #18113c, #3d327c) !important; }
  #page_home #home_header video#bg_video {
    position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3; }

#page_home #features .features-container {
  color: #777;
  font-family: "Poppins",sans-serif;
  font-weight: 500;
  font-size: 25px;
  text-transform: capitalize;
  box-sizing: content-box;
  height: 40px;
  padding: 10px 10px;
  display: flex; }

#page_home #features .feature-list span {
  display: inline-block;
  padding: 5px 15px; }
  #page_home #features .feature-list span img {
    padding-right: 5px; }

#page_home #features .features-list {
  overflow: hidden; }

#page_home #features .features-list span {
  display: block;
  height: 100%;
  padding-left: 6px;
  color: #55efc4;
  animation: spin_up 16s infinite; }

@keyframes spin_up {
  5% {
    transform: translateY(-105%); }
  10% {
    transform: translateY(-100%); }
  15% {
    transform: translateY(-205%); }
  20% {
    transform: translateY(-200%); }
  25% {
    transform: translateY(-305%); }
  30% {
    transform: translateY(-300%); }
  35% {
    transform: translateY(-405%); }
  40% {
    transform: translateY(-400%); }
  45% {
    transform: translateY(-505%); }
  50% {
    transform: translateY(-500%); }
  55% {
    transform: translateY(-605%); }
  60% {
    transform: translateY(-600%); }
  65% {
    transform: translateY(-705%); }
  70% {
    transform: translateY(-700%); }
  75% {
    transform: translateY(-805%); }
  80% {
    transform: translateY(-800%); }
  85% {
    transform: translateY(-905%); }
  90% {
    transform: translateY(-900%); }
  95% {
    transform: translateY(-1005%); }
  100% {
    transform: translateY(-1000%); } }

/** apps/website/views/footer/footer.scss 30 */
footer {
  color: white;
  background: linear-gradient(45deg, #21282F, #000000) !important;
  min-height: 20vh;
  padding: 20px;
  text-align: center; }

footer ul {
  list-style: none;
  margin: 0;
  padding: 0; }

footer ul li {
  display: inline-block;
  margin-right: 10px; }

footer ul li a {
  color: #fff;
  text-decoration: none; }

footer p {
  margin-top: 10px;
  font-size: 12px; }

/** apps/website/override.scss 48 */
body.app {
  position: relative; }

#topbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1; }
  #topbar img.logo {
    max-height: 60px; }

#app_body.sticked #topbar {
  position: fixed;
  background-color: #3d327c;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }

.breadcrumb-item {
  color: #9397ad; }
  .breadcrumb-item a {
    color: #9397ad;
    text-decoration: none; }
    .breadcrumb-item a:hover {
      color: #754ffe; }
  .breadcrumb-item.active {
    color: #754ffe; }

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "\F280";
  font-family: 'bootstrap-icons';
  font-size: 1rem;
  line-height: 1.9; }