@charset "UTF-8";
/******************************************************************************\
|                                                                              |
|                          _animation-keyframes.scss                           |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
@keyframes blinking-keyframes {
  50% {
    opacity: 0;
  }
}
@keyframes bouncing-keyframes {
  0% {
    transform: translateY(0);
  }
  33% {
    transform: translateY(-25%);
  }
  66% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes contracting-keyframes {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes expanding-keyframes {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes flipping-keyframes {
  0% {
    transform: rotateY(0deg);
    moz-transform: rotateY(0deg);
    ms-transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(90deg);
    moz-transform: rotateY(90deg);
    ms-transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(0deg);
    moz-transform: rotateY(0deg);
    ms-transform: rotateY(0deg);
  }
}
@keyframes growing-keyframes {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes growing-bounce-keyframes {
  0% {
    transform: scale(0);
  }
  75% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shimmying-keyframes {
  0% {
    transform: translateX(0);
  }
  33% {
    transform: translateX(-5%);
  }
  66% {
    transform: translateX(5%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes squeezing-keyframes {
  0% {
    transform: scaleX(1);
  }
  33% {
    transform: scaleX(1.1);
  }
  66% {
    transform: scaleX(0.9);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes shrinking-keyframes {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes shrinking-bounce-keyframes {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes spinning-keyframes {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinning3d-keyframes {
  from {
    transform: rotateY(0deg);
    moz-transform: rotateY(0deg);
    ms-transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
    moz-transform: rotateY(360deg);
    ms-transform: rotateY(360deg);
  }
}
@-webkit-keyframes spinning3d-keyframes {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes tilting-keyframes {
  0% {
    transform: rotate(0);
  }
  33% {
    transform: rotate(-10deg);
  }
  66% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes wobbling-keyframes {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.1);
  }
  66% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
/******************************************************************************\
|                                                                              |
|                          _transition-keyframes.scss                          |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
@keyframes fade-in-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slide-from-top-keyframes {
  from {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes slide-to-top-keyframes {
  from {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@keyframes slide-to-bottom-keyframes {
  from {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
}
@keyframes slide-from-bottom-keyframes {
  from {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes zoom-to-keyframes {
  from {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
  }
  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoom-from-keyframes {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.25);
  }
}
@keyframes shrink-to-bottom-keyframes {
  from {
    transform: translate(0, 0) scale(1);
  }
  to {
    transform: translate(0, 50%) scale(0);
  }
}
@keyframes grow-from-bottom-keyframes {
  from {
    transform: translate(0, 50%) scale(0);
  }
  to {
    transform: translate(0, 0) scale(1);
  }
}
/******************************************************************************\
|                                                                              |
|                              _animations.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.blinking {
  animation: blinking-keyframes 1s step-start infinite;
}

.bouncing {
  animation: bouncing-keyframes 0.3s ease-in-out;
}

.contracting {
  animation: contracting-keyframes 0.3s ease-in-out;
}

.expanding {
  animation: expanding-keyframes 0.3s ease-in-out;
}

.uncontracted {
  transform: scale(1.1);
}

.flipping {
  animation: flipping-keyframes 0.3s ease-in-out;
}

.growing-bounce {
  animation: growing-bounce-keyframes 0.3s ease-in-out;
}

.shimmying {
  animation: shimmying-keyframes 0.3s ease-in-out;
}

.spinning {
  animation: spinning-keyframes 2s linear infinite;
}

.squeezing {
  animation: squeezing-keyframes 0.3s ease-in-out;
}

.shrinking-bounce {
  animation: shrinking-bounce-keyframes 0.3s ease-in-out;
}

.tilting {
  animation: tilting-keyframes 0.3s ease-in-out;
}

.wobbling {
  animation: wobbling-keyframes 0.3s ease-in-out;
}

.icon-spinning .icon, .icon-spinning .tile, .icon-spinning .spinning3d, .icon-spinning .profile.photo {
  animation-name: spinning3d-keyframes;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  -webkit-animation-name: spinning3d-keyframes;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 5s;
}

.icon-spinning .item:nth-child(10n+0) .icon, .icon-spinning .item:nth-child(10n+0) .tile, .icon-spinning li:nth-child(10n+0) .icon, .icon-spinning li:nth-child(10n+0) .tile {
  animation-delay: 0s;
}
.icon-spinning .item:nth-child(10n+1) .icon, .icon-spinning .item:nth-child(10n+1) .tile, .icon-spinning li:nth-child(10n+1) .icon, .icon-spinning li:nth-child(10n+1) .tile {
  animation-delay: 0.3s;
}
.icon-spinning .item:nth-child(10n+2) .icon, .icon-spinning .item:nth-child(10n+2) .tile, .icon-spinning li:nth-child(10n+2) .icon, .icon-spinning li:nth-child(10n+2) .tile {
  animation-delay: 0.6s;
}
.icon-spinning .item:nth-child(10n+3) .icon, .icon-spinning .item:nth-child(10n+3) .tile, .icon-spinning li:nth-child(10n+3) .icon, .icon-spinning li:nth-child(10n+3) .tile {
  animation-delay: 0.9s;
}
.icon-spinning .item:nth-child(10n+4) .icon, .icon-spinning .item:nth-child(10n+4) .tile, .icon-spinning li:nth-child(10n+4) .icon, .icon-spinning li:nth-child(10n+4) .tile {
  animation-delay: 1.2s;
}
.icon-spinning .item:nth-child(10n+5) .icon, .icon-spinning .item:nth-child(10n+5) .tile, .icon-spinning li:nth-child(10n+5) .icon, .icon-spinning li:nth-child(10n+5) .tile {
  animation-delay: 1.5s;
}
.icon-spinning .item:nth-child(10n+6) .icon, .icon-spinning .item:nth-child(10n+6) .tile, .icon-spinning li:nth-child(10n+6) .icon, .icon-spinning li:nth-child(10n+6) .tile {
  animation-delay: 1.8s;
}
.icon-spinning .item:nth-child(10n+7) .icon, .icon-spinning .item:nth-child(10n+7) .tile, .icon-spinning li:nth-child(10n+7) .icon, .icon-spinning li:nth-child(10n+7) .tile {
  animation-delay: 2.1s;
}
.icon-spinning .item:nth-child(10n+8) .icon, .icon-spinning .item:nth-child(10n+8) .tile, .icon-spinning li:nth-child(10n+8) .icon, .icon-spinning li:nth-child(10n+8) .tile {
  animation-delay: 2.4s;
}
.icon-spinning .item:nth-child(10n+9) .icon, .icon-spinning .item:nth-child(10n+9) .tile, .icon-spinning li:nth-child(10n+9) .icon, .icon-spinning li:nth-child(10n+9) .tile {
  animation-delay: 2.7s;
}

/******************************************************************************\
|                                                                              |
|                              _transitions.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.fading-in {
  animation: fade-in-keyframes;
  animation-duration: 0.3s;
}

.fading-out {
  animation: fade-out-keyframes;
  animation-duration: 0.3s;
}

.sliding-from-top {
  animation: slide-from-top-keyframes, fade-in-keyframes;
  animation-duration: 0.3s;
}

.sliding-to-top {
  animation: slide-to-top-keyframes, fade-out-keyframes;
  animation-duration: 0.3s;
}

.sliding-to-bottom {
  animation: slide-to-bottom-keyframes, fade-out-keyframes;
  animation-duration: 0.3s;
}

.sliding-from-bottom {
  animation: slide-from-bottom-keyframes, fade-in-keyframes;
  animation-duration: 0.3s;
}

.zooming-to {
  animation: zoom-to-keyframes, fade-in-keyframes;
  animation-duration: 0.3s;
}

.zooming-from {
  animation: zoom-from-keyframes, fade-out-keyframes;
  animation-duration: 0.3s;
}

.growing-in {
  animation: growing-keyframes, fade-in-keyframes;
  animation-duration: 0.3s;
}

.shrinking-out {
  animation: shrinking-keyframes, fade-out-keyframes;
  animation-duration: 0.3s;
}

.shrinking-to-bottom {
  animation: shrink-to-bottom-keyframes, fade-out-keyframes;
  animation-duration: 0.3s;
}

.growing-from-bottom {
  animation: grow-from-bottom-keyframes, fade-in-keyframes;
  animation-duration: 0.3s;
}

/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _icons.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
i {
  font-size: 14px;
}
i svg {
  display: inline;
  width: 20px;
  height: 18px;
  margin-bottom: -2px;
}
i.fa-check {
  font-style: italic;
}
i.rotated {
  transform: rotate(90deg);
}
i.derotated {
  transform: rotate(-90deg);
}
i.reversed {
  transform: scaleX(-1);
}
i.flipped {
  transform: scaleY(-1);
}
i.rotated.flipped {
  transform: scaleY(-1) rotate(90deg);
}
i.rotated.reversed {
  transform: scaleX(-1) rotate(90deg);
}

h1 i,
h2 i,
h3 i {
  font-size: 100%;
  text-align: center;
  margin-right: 10px;
}

label i {
  text-align: center;
  margin-right: 5px;
}

.header label i {
  margin-right: 10px;
}

.tooltip + i {
  margin-left: 5px;
}

h1 .icon {
  display: inline-block;
  float: left;
  margin-top: 5px;
  margin-right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  border-width: 2px;
  border-style: solid;
  text-align: center;
}
h1 .icon i {
  float: none;
  margin: 0;
  padding: 0;
  margin-top: 12px;
  font-size: 32px;
}

.flag {
  margin-bottom: 3px;
}

.fa-sm {
  font-size: 0.75em !important;
}

.icon2x {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  margin: 10px;
  margin-top: 0;
}

.icon3x {
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -o-transform: scale(3);
  margin: 15px;
  margin-top: 0;
}

.icon img.lost,
.placeholder {
  display: none;
}

.lost + .placeholder {
  display: block;
}

/******************************************************************************\
|                                                                              |
|                                   _apps.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.app {
  display: flex;
  flex-direction: column;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: none;
}
.app .header-bar, .app .footer-bar {
  width: 100%;
  max-width: 100%;
}
.app .header-bar > div, .app .footer-bar > div {
  display: inline-block;
}
.app .header-bar > div:not(:empty), .app .footer-bar > div:not(:empty) {
  max-width: 100%;
}
.app .header-bar > div:not(:empty) + div:not(:empty), .app .footer-bar > div:not(:empty) + div:not(:empty) {
  border-left-style: dashed;
  border-left-width: 1px;
}
.app .header-bar > div:empty, .app .footer-bar > div:empty {
  display: none;
}
.app .header-bar > div:empty + div, .app .footer-bar > div:empty + div {
  border-left: none !important;
}
.app .header-bar .toolbar, .app .footer-bar .toolbar {
  display: inline-flex;
  max-width: 100%;
  background: none !important;
  border: none;
}
.app .header-bar .address-bar, .app .header-bar .search-bar, .app .footer-bar .address-bar, .app .footer-bar .search-bar {
  width: 100%;
}
.app .header-bar .address-bar .searches:empty, .app .header-bar .search-bar .searches:empty, .app .footer-bar .address-bar .searches:empty, .app .footer-bar .search-bar .searches:empty {
  width: 0;
}
.app .header-bar .address-bar .toolbar, .app .header-bar .search-bar .toolbar, .app .footer-bar .address-bar .toolbar, .app .footer-bar .search-bar .toolbar {
  width: 100%;
}
.app .header-bar .address-bar .toolbar .input-group, .app .header-bar .search-bar .toolbar .input-group, .app .footer-bar .address-bar .toolbar .input-group, .app .footer-bar .search-bar .toolbar .input-group {
  width: 100%;
}
.app .header-bar {
  top: 0;
  width: 100%;
}
.app .header-bar .toolbar {
  justify-content: center;
}
.app .header-bar .address-bar, .app .header-bar .search-bar {
  padding: 0 5px;
}
.app .header-bar .address-bar .toolbar, .app .header-bar .search-bar .toolbar {
  width: 100%;
}
.app .header-bar .address-bar .toolbar .form-inline, .app .header-bar .search-bar .toolbar .form-inline {
  width: 100%;
}
.app .header-bar .address-bar .toolbar .form-inline .input-group input, .app .header-bar .search-bar .toolbar .form-inline .input-group input {
  width: 100%;
}
.app .header-bar .nav-bar {
  display: inline-block;
}
.app .header-bar .nav-bar .toolbar {
  display: inline-block;
}
.app .header-bar .nav-bar .toolbar > div {
  display: inline-block;
}
.app .body {
  position: relative;
  width: 100%;
  flex-grow: 1;
  overflow: hidden;
  border-color: transparent;
}
.app .body:first-child > .contents {
  border-top: none !important;
}
.app .body .contents {
  position: absolute;
  width: 100%;
  height: 100%;
  border-width: 0;
  border-style: solid;
  border-top-width: 1px;
  overflow: auto;
}
.app .body .contents > .mainbar {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.app .body .contents > .mainbar > form {
  height: 100%;
  overflow: auto;
}
.app .body .contents > .mainbar > .items {
  /*
  > .icon-grid,  {
  	padding: 10px;
  	padding-right: 0;
  }

  > .item-list, > .item-tree {
  	padding: 10px;
  }

  > .card-grid .cards {
  	border-radius: 0;
  }

  > .tile-grid {
  	padding: 5px;
  	padding-right: 0;
  }
  */
}
.app .body .contents > .mainbar > .items:not(.overlay) {
  position: static;
}
.app .body .contents > .mainbar > div:not(.tooltip):not(.popover) {
  width: 100%;
  height: 100%;
  overflow: auto;
  border-radius: 0;
}
.app .body .clickable {
  pointer-events: auto !important;
  cursor: pointer !important;
}
.app .body .message.overlay {
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.app .body .message.overlay .help.message {
  position: absolute;
  width: 75%;
  min-height: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  text-align: center;
  border: none;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  font-size: 200%;
  line-height: 1em;
  pointer-events: none;
  overflow: hidden;
}
.app .body .message.overlay .help.message .icon {
  pointer-events: none;
}
.app .body .message.overlay .help.message .icon i {
  display: block;
  font-size: 200%;
  margin-bottom: 10px;
}
.app .footer-bar {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.app .footer-bar > div {
  display: flex;
}
.app .footer-bar > div:last-child:not(.nav-bar) {
  justify-content: flex-end;
}
.app .footer-bar > div:last-child:not(.nav-bar) .info-bar {
  text-align: right;
}
.app .footer-bar > div {
  border-style: dashed;
  border-width: 0;
}
.app .footer-bar > div + div {
  border-left-width: 1px;
}
.app .footer-bar > div.nav-bar {
  display: inline-block;
}
.app .footer-bar button.btn-sm i, .app .footer-bar .button.btn-sm i {
  margin-right: 0;
}
.app .footer-bar .nav-bar {
  flex-grow: 1;
  text-align: center;
  white-space: nowrap;
}
.app .footer-bar > div:not(.task-bar):not(.run-menu) {
  font-size: 90%;
}
.app .footer-bar .address-bar, .app .footer-bar .info-bar, .app .footer-bar .nav-bar, .app .footer-bar .toolbar {
  height: 30px;
}
.app .footer-bar .address-bar .icon-size, .app .footer-bar .info-bar .icon-size, .app .footer-bar .nav-bar .icon-size, .app .footer-bar .toolbar .icon-size {
  margin-left: 5px;
  margin-top: -5px;
}
.app .footer-bar .address-bar, .app .footer-bar .search-bar {
  padding: 0 5px;
}
.app .footer-bar .status-bar {
  flex-shrink: 0;
}
.app .footer-bar .status-bar > div {
  display: flex;
}
.app .footer-bar .toolbar:last-child {
  justify-content: flex-end;
}
.app .footer-bar .size {
  margin-left: 10px;
}
.app .info-bar:not(:empty) {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 20px;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
}
.app .info-bar:not(:empty) span {
  display: inline-block;
}
.app .info-bar:not(:empty) i {
  font-size: 14px;
  line-height: 20px;
  margin-right: 5px;
  float: left;
}
.app .info-bar:not(:empty) .button i {
  margin-right: 0;
}
.app input[type=range].size {
  width: 100px;
}
.app.fixed-size {
  height: 100%;
}
.app.fixed-size .body {
  flex-grow: 0 !important;
  margin: auto;
}
.app.panel {
  background: none !important;
}
.app.panel + .panel {
  border-top-style: solid;
  border-top-width: 1px;
}
.app .desktop.preview {
  border-width: 1px;
  border-style: solid;
}
.app .desktop.preview.icon {
  border-width: 2px;
}

.thin-menu-bars .app .header-bar > div {
  max-height: 25px;
}
.thin-menu-bars .app .footer-bar .input {
  margin: 0;
}

body.round .message.overlay .help.message {
  border-radius: 20px;
}

body.rounded .message.overlay .help.message {
  border-radius: 10px;
}

body.square .message.overlay .help.message {
  border-radius: 0;
}

body[device=desktop] .app .header-bar > div {
  display: inline-block;
  height: 30px;
  float: left;
}
body[device=desktop] .app .header-bar > div:empty {
  width: 0;
  min-width: 0;
}
body[device=desktop] .app .header-bar .address-bar, body[device=desktop] .app .header-bar .search-bar {
  width: 25%;
  min-width: 350px;
}
body[device=desktop] .app .header-bar .status-bar {
  float: right;
}
body[device=desktop] .app .header-bar .status-bar .status {
  display: flex;
}
body[device=desktop] .app .footer-bar > div:first-child,
body[device=desktop] .app .footer-bar > div:last-child {
  min-width: 125px;
}

[browser=explorer] .app .body .contents, [browser=edge] .app .body .contents {
  -ms-overflow-style: auto;
}

/******************************************************************************\
|                                                                              |
|                                 _tiles.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.tile {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}
.tile img {
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}
.tile a {
  width: 50px;
  height: 50px;
}
.tile a:hover {
  background: none !important;
  box-shadow: none !important;
}
.tile .thumbnail {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.tile .thumbnail > i {
  font-size: 50px;
  padding: 0;
}

.round .tile .thumbnail {
  border-radius: 10px;
}
.round .tile .thumbnail::after {
  border-radius: 10px;
}
.round .tile.small .thumbnail {
  border-radius: 7px;
}
.round .tile.small .thumbnail::after {
  border-radius: 7px;
}

.rounded .tile .thumbnail {
  border-radius: 7px;
}
.rounded .tile .thumbnail::after {
  border-radius: 7px;
}
.rounded .tile.small .thumbnail {
  border-radius: 5px;
}
.rounded .tile.small .thumbnail::after {
  border-radius: 5px;
}

.square .tile .thumbnail {
  border-radius: 0;
}
.square .tile .thumbnail::after {
  border-radius: 0;
}

.small.tile {
  width: 25px;
  height: 25px;
  font-size: 25px;
}
.small.tile .thumbnail {
  width: 25px;
  height: 25px;
}
.small.tile .thumbnail > i {
  font-size: 20px !important;
  padding: 0 !important;
  margin: 2px !important;
}

/******************************************************************************\
|                                                                              |
|                                 _panels.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.panel, ul.panels > li {
  padding: 10px;
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: none;
  flex-shrink: 0;
  border-width: 1px;
  border-color: unset;
}
.panel:empty, ul.panels > li:empty {
  display: none;
}
.panel .header, ul.panels > li .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.panel .header .heading, .panel .header .buttons, ul.panels > li .header .heading, ul.panels > li .header .buttons {
  margin-top: -5px;
}
.panel .header .heading, ul.panels > li .header .heading {
  line-height: 25px;
  margin-bottom: 5px;
  overflow: hidden;
}
.panel .header .buttons, ul.panels > li .header .buttons {
  text-align: right;
  margin-bottom: -5px;
}
.panel .header .icon, ul.panels > li .header .icon {
  display: inline-block;
  margin-right: 5px;
}
.panel .header + .section, ul.panels > li .header + .section {
  margin-top: 5px;
}
.panel .heading > .title, ul.panels > li .heading > .title {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.panel .heading .buttons, ul.panels > li .heading .buttons {
  float: right;
  text-align: right;
}
.panel .heading > i, ul.panels > li .heading > i {
  margin-right: 5px;
}
.panel .tile, ul.panels > li .tile {
  float: left;
}
.panel .tile > .icon i, ul.panels > li .tile > .icon i {
  font-size: 3em;
  margin: 5px;
}
.panel .tile + .info,
.panel .icon + .info, ul.panels > li .tile + .info,
ul.panels > li .icon + .info {
  min-height: 50px;
}
.panel .tile + .info .fineprint,
.panel .icon + .info .fineprint, ul.panels > li .tile + .info .fineprint,
ul.panels > li .icon + .info .fineprint {
  line-height: 1.5em;
}
.panel .tile + .info .fineprint .expander,
.panel .icon + .info .fineprint .expander, ul.panels > li .tile + .info .fineprint .expander,
ul.panels > li .icon + .info .fineprint .expander {
  margin-top: -5px;
  margin-bottom: -5px;
}
.panel .small.tile + .info, ul.panels > li .small.tile + .info {
  min-height: 35px;
}
.panel .buttons + .panels, ul.panels > li .buttons + .panels {
  margin-top: 0;
}
.panel .content, ul.panels > li .content {
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
}
.panel .content:empty, ul.panels > li .content:empty {
  display: none;
}
.panel .section, ul.panels > li .section {
  margin-top: 10px;
  padding-top: 10px;
  border-top-style: dashed;
  border-top-width: 1px;
}
.panel.active, ul.panels > li.active {
  cursor: pointer;
}
.panel .panel .header .buttons, ul.panels > li .panel .header .buttons {
  margin-top: 0;
}

img + .panel:not(:empty) {
  margin-top: 10px;
}

.flush.panel {
  border-radius: 0;
}

.app + .panel {
  border: none;
}

.round .panels {
  border-radius: 20px;
}
.round .panel, .round ul.panels > li, .round .panels > div {
  border-radius: 10px;
}

.rounded .panels {
  border-radius: 10px;
}
.rounded .panel, .rounded ul.panels > li, .rounded .panels > div, .rounded .panels {
  border-radius: 5px;
}

.square .panels {
  border-radius: 0;
}
.square .panel, .square ul.panels > li, .square .panels > div {
  border-radius: 0;
}

ul.panels {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
  clear: both;
  padding: 5px;
}
ul.panels.multi-column {
  column-gap: 0;
}
ul.panels > li {
  padding: 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  break-inside: avoid;
}
ul.panels > li:not(:last-child) {
  margin-bottom: 10px;
}
ul.panels > li > form {
  padding: 10px;
  border-radius: 5px;
}
ul.panels > li > form .tile {
  margin-right: 10px;
}
ul.panels > li > form .form-label {
  width: 100%;
  text-align: left;
}
ul.panels > li > form .form-group {
  margin-top: 5px;
  margin-bottom: 5px;
}
ul.panels > li > form .form-group:first-child,
ul.panels > li > form .buttons + .form-group {
  margin-top: 0;
}
ul.panels > li > form .form-group:last-child {
  margin-bottom: 0;
}
ul.panels > li .panel {
  margin-top: 10px;
  min-height: 35px;
  padding: 5px;
}
ul.panels > li .panel li .panel {
  margin-top: 5px;
}
ul.panels > li .panel li form > .panel {
  padding: 0;
  padding-left: 15px;
}
ul.panels > li .panel .buttons {
  margin-bottom: 0;
}
ul.panels .form-label {
  display: none;
}
ul.panels .hideable .form-label {
  display: block;
}

.panel .panels {
  padding: 0;
  margin-bottom: 0;
}
.panel .panels:not(:first-child) {
  margin-top: 0;
}

ul.panels:empty {
  display: none;
  margin-bottom: 0;
}

/*
ul:empty::after {
	content: "None.";	
}
*/
.round ul.panels {
  border-radius: 5px;
}

.rounded ul.panels {
  border-radius: 3px;
}

.square ul.panels {
  border-radius: 0;
}

.tab-pane .panel {
  position: relative;
}

/******************************************************************************\
|                                                                              |
|                              _app-sidebars.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.sidebar {
  position: relative;
  overflow: auto;
}
.sidebar .panels {
  padding: 10px;
  /*
  > div:not(:empty):not(:last-child) {
  	margin-bottom: 10px;
  }
  */
}
.sidebar .panels .header {
  display: flex;
}
.sidebar .panels .header label {
  margin: 5px;
  margin-right: 0;
}
.sidebar .panels .header .buttons {
  margin: 0;
  padding: 2px 5px;
  flex-grow: 1;
  text-align: right;
}
.sidebar .panels .header .buttons .btn {
  margin: 0;
}
.sidebar .panels label i {
  width: 15px;
  text-align: center;
  margin: 0 2px;
  margin-right: 10px;
}
.sidebar .panels label + button {
  margin: 2px 5px;
  float: right;
}
.sidebar .panels .panel {
  padding: 2px;
  overflow: visible;
  margin-bottom: 0;
  border-width: 0px;
  border-style: solid;
  border-color: unset;
}
.sidebar .panels .panel > .item-info {
  /*
  margin: auto;
  display: flex;
  justify-content: center;
  */
}
.sidebar .panels .panel > .item-info .icon-grid {
  margin-top: 15px;
  margin-bottom: 30px;
}
.sidebar .panels .panel .items {
  position: relative;
}
.sidebar .panels .panel .items > :first-child {
  padding: 0;
}
.sidebar .panels .panel .items .icon-grid, .sidebar .panels .panel .items .tile-grid {
  text-align: center;
}
.sidebar .panels .panel .items > .card-grid {
  padding: 10px;
}
.sidebar .panels .panel .items > .card-grid .empty {
  padding: 2px;
}
.sidebar .panels .panel ul.list li {
  text-align: left;
  list-style-type: none;
  max-height: 30px;
  overflow: hidden;
  white-space: nowrap;
}
.sidebar .panels .panel ul.list li i {
  width: 20px;
  line-height: 20px;
  margin-right: 5px;
}
.sidebar .panels .panel ul.list li .badge {
  float: right;
  margin: 5px;
}
.sidebar .panels .panel ul.list li .value {
  float: right;
}
.sidebar .panels .panel ul.list li .value i {
  line-height: 1em;
  vertical-align: sub;
  margin: 0;
}
.sidebar .panels .panel ul.menu {
  padding-left: 0;
}
.sidebar .panels .panel .form-horizontal .control-label, .sidebar .panels .panel .form-horizontal .controls {
  width: 100%;
  float: none;
  text-align: left;
}
.sidebar .panels .panel .nav-tabs {
  margin: 0 10px;
}
.sidebar .panels .panel .form-group {
  margin: 5px;
}
.sidebar .panels .panel .form-group p {
  padding: 0 5px;
}
.sidebar .panels > div:not(:empty) + div:not(:empty) {
  margin-top: 10px;
}
.sidebar .panels > div:not(:empty) + div:empty + div:not(:empty) {
  margin-top: 10px;
}
.sidebar .panels > div:not(:empty) + div:empty + div:empty + div:not(:empty) {
  margin-top: 10px;
}
.sidebar .panels > div:not(:empty) + div:empty + div:empty + div:empty + div:not(:empty) {
  margin-top: 10px;
}
.sidebar .panels > div:not(:empty) + div:empty + div:empty + div:empty + div:empty + div:not(:empty) {
  margin-top: 10px;
}
.sidebar .panels > div:not(:empty) + div:empty + div:empty + div:empty + div:empty + div:empty + div:not(:empty) {
  margin-top: 10px;
}
.sidebar ul.nav:not(.nav-tabs) {
  list-style-type: none;
}
.sidebar ul.nav:not(.nav-tabs) li a {
  padding: 2px 5px;
}
.sidebar ul.nav:not(.nav-tabs) li a i {
  width: 20px;
  line-height: 20px;
  margin-right: 5px;
}
.sidebar ul.nav:not(.nav-tabs) i.fa-lock {
  margin-right: 0;
}
.sidebar .nav.menu a {
  display: flex;
}
.sidebar .nav.menu a .name {
  flex-grow: 1;
}

.mainbar .sidebar .item-list {
  width: 100%;
  height: 100%;
  overflow: auto;
}

body.round .sidebar .header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
body.round .sidebar .panels .panel > .item-info {
  border-radius: 50%;
}
body.round .sidebar .panels .panel .item-list .item:last-child .info {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
body.round .sidebar .panels .panel ul:last-child li:last-child {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
body.round .sidebar .panels .panel ul:last-child li:last-child a {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

body.rounded .sidebar .header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.rounded .sidebar .panels .panel > .item-info {
  border-radius: 10px;
}
body.rounded .sidebar .panels .panel .item-list .item:last-child .info {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
body.rounded .sidebar .panels .panel ul:last-child li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
body.rounded .sidebar .panels .panel ul:last-child li:last-child a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#desktop.sidebar-panels .desktop.app > .body .sidebar .panels,
body.sidebar-panels #desktop.auto-sidebar-panels .desktop.app > .body .sidebar .panels {
  margin: 10px;
}

body:not(.sidebar-panels) .app .body .contents > .sidebar .panels .panel, body:not(.sidebar-panels) .app .body-region .contents > .sidebar .panels .panel {
  background-color: transparent;
}

/******************************************************************************\
|                                                                              |
|                              _desktop-apps.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.desktop.app {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.desktop.app.svg {
  background-size: 512px 512px;
}
.desktop.app > .body {
  background: none;
  border: none;
  flex-grow: 1;
  overflow-y: auto;
}
.desktop.app > .body .fullscreen.btn {
  display: none;
}
.desktop.app > .body > .app {
  overflow: hidden;
}
.desktop.app > .body > .app > .header-bar {
  background: white;
  border-style: solid;
  border-width: 1px 0;
  box-shadow: none;
}
.desktop.app > .body > .app > .header-bar .app-bar {
  padding: 5px 10px;
  font-weight: bold;
}
.desktop.app > .body > .app > .header-bar .app-bar i {
  margin-right: 10px;
}
.desktop.app > .body > .app > .body {
  position: relative;
  cursor: default;
}
.desktop.app > .body > .app > .body > .contents {
  width: 100%;
  height: 100%;
  background: none;
  outline-offset: -2px;
  border: none;
  border-radius: 0;
}
.desktop.app > .body > .app > .body > .contents .content .panels > .panel {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}
.desktop.app > .body > .app > .body > .split-view > .mainbar {
  /*
  ul.nav-tabs {
  	> li:only-child {
  		> a, > a:focus {
  			i.fa-times, i.fa-xmark {
  				display: none;
  			}

  			&:hover {
  				i.fa-times, i.fa-xmark {
  					display: none;
  				}			
  			}	
  		}
  	}
  }
  */
}
.desktop.app > .body > .app > .body > .split-view > .mainbar .tab-content {
  border-radius: 5px;
}
.desktop.app > .body .split-view > .split::after {
  box-shadow: none;
}
.desktop.app > .body > .app-launcher,
.desktop.app > .body > .file-browser .mainbar .tab-pane {
  background: none !important;
}
.desktop.app > .body > .app-launcher > .items:not(.overlay) .item .name, .desktop.app > .body > .app-launcher .carousel-cell .item .name,
.desktop.app > .body > .file-browser .mainbar .tab-pane > .items:not(.overlay) .item .name,
.desktop.app > .body > .file-browser .mainbar .tab-pane .carousel-cell .item .name {
  font-weight: bold;
}
.desktop.app > .body .help.message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 75%;
  height: 50%;
  margin: auto;
  border-radius: 10px;
}
.desktop.app > .footer-bar {
  display: flex;
  background: white;
  box-shadow: none;
  border-top-width: 1px;
  border-top-style: solid;
  z-index: 1;
}
.desktop.app > .footer-bar > div {
  margin-top: -1px;
}
.desktop.app > .footer-bar > div:not(.desktop-info-bar) {
  border: none !important;
}
.desktop.app > .footer-bar .desktop-info-bar {
  display: inline-flex;
  flex-shrink: 0;
  border-width: 1px;
  border-style: solid;
  height: 30px;
}
.desktop.app > .footer-bar .desktop-info-bar:not(.empty) {
  padding: 0 5px;
}
.desktop.app > .footer-bar .desktop-info-bar > div {
  display: inline-flex;
}
.desktop.app > .footer-bar .desktop-info-bar > div .toolbar {
  display: inline-flex;
}
.desktop.app > .footer-bar .desktop-info-bar .directory-info {
  display: inline-flex;
}
.desktop.app > .footer-bar .desktop-info-bar .desktop-info {
  display: inline-flex;
}
.desktop.app > .footer-bar .desktop-info-bar .desktop-info span {
  display: inline-block;
}
.desktop.app > .footer-bar .desktop-info-bar .expand-window {
  display: none;
}

.round .desktop.app .footer-bar .desktop-info-bar {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.rounded .desktop.app .footer-bar .desktop-info-bar {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

.status-bar .clock:not(:empty) {
  padding: 5px 10px;
  cursor: pointer;
}
.status-bar .clock:not(:empty) i.fa-clock {
  font-size: 14px;
  margin: 2px 0;
  margin-right: 5px;
}
.status-bar .clock:not(:empty) .digits {
  display: inline-block;
}
.status-bar .clock:not(:empty) .digits.led {
  font-size: 14px;
}

.thin-menu-bars .desktop.app > .body > .app > .header-bar .app-bar {
  padding: 3px 10px;
}
.thin-menu-bars .desktop.app > .body > .app > .header-bar .status-bar .clock:not(:empty) {
  padding: 3px 10px;
}

body:not(.binary) .desktop.app > .body > .app > .header-bar {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
body:not(.binary) .desktop.app > .footer-bar {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
body:not(.binary):not(.flat) .desktop.preview {
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}

@media (max-width: 480px) {
  .desktop .file-browser .mainbar .items > .card-grid {
    column-count: 1;
  }
  .desktop .text-messenger .mainbar .messages.panel {
    background: none;
    padding: 0 10px;
    margin-top: -10px;
    margin-bottom: -10px;
  }
}
body[device=phone] .windowed-app-only, body[device=tablet] .windowed-app-only {
  display: none;
}
body[device=phone] .desktop.app > .body > .app > .header-bar > .status-bar, body[device=tablet] .desktop.app > .body > .app > .header-bar > .status-bar {
  display: none;
}
body[device=phone] .desktop.app > .body > .app .body > .contents.split-view, body[device=tablet] .desktop.app > .body > .app .body > .contents.split-view {
  height: calc(100% + 1px) !important;
}

body[device=desktop] .desktop.app > .body > .app > .header-bar .address-bar {
  width: 50%;
}

@media (min-width: 768px) and (max-width: 991px) {
  :not(:-webkit-full-screen) body[device=desktop] .desktop.app > .body > .file-browser.app .mainbar .multi-column.card-grid .cards {
    column-count: 3;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  :not(:-webkit-full-screen) body[device=desktop] .desktop.app > .body > .file-browser.app .mainbar .multi-column.card-grid .cards {
    column-count: 4;
  }
}
@media (min-width: 1200px) {
  :not(:-webkit-full-screen) body[device=desktop] .desktop.app > .body > .file-browser.app .mainbar .multi-column.card-grid .cards {
    column-count: 5;
  }
}

body[device=desktop] .modals .desktop-app-only {
  display: none !important;
}
body[device=desktop] .app.desktop > .body .windowed-app-only {
  display: none !important;
}

body[device=phone] .windowed-app-only, body[device=tablet] .windowed-app-only {
  display: none !important;
}

/******************************************************************************\
|                                                                              |
|                               _mobile-apps.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
body[device=phone] .app .header-bar, body[device=tablet] .app .header-bar {
  text-align: center;
}
body[device=phone] .app .header-bar > div:not(:empty) + div:not(:empty), body[device=phone] .app .header-bar > div:not(:empty) + div:empty + div:not(:empty), body[device=tablet] .app .header-bar > div:not(:empty) + div:not(:empty), body[device=tablet] .app .header-bar > div:not(:empty) + div:empty + div:not(:empty) {
  border-left: none;
}
body[device=phone] .app .body, body[device=tablet] .app .body {
  width: 100%;
}
body[device=phone] .app .body > .contents, body[device=tablet] .app .body > .contents {
  border-width: 0;
}
body[device=phone] .app .body > .split-view > .gutter.gutter-vertical, body[device=tablet] .app .body > .split-view > .gutter.gutter-vertical {
  margin-top: -1px;
}
body[device=phone] .app .body .app, body[device=tablet] .app .body .app {
  position: absolute;
}
body[device=phone] .app .footer-bar .address-bar, body[device=tablet] .app .footer-bar .address-bar {
  font-size: 11px;
}
body[device=phone] .app .footer-bar .address-bar i, body[device=tablet] .app .footer-bar .address-bar i {
  line-height: 15px;
}

@media (max-width: 480px) {
  .app .footer-bar {
    /*
    .window-size.toolbar,
    .toolbar:not(:first-child):not([style="display: none;"]) + .status-bar {
    	display: none;
    }
    */
  }
  .app .footer-bar .window-size.toolbar {
    display: none;
  }
  .app .footer-bar .status-bar {
    margin-left: auto;
  }
}
/******************************************************************************\
|                                                                              |
|                                _colors.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                               _splitters.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.split-view {
  height: 100%;
  overflow: hidden;
  /*
  > .split.split-horizontal, 
  > .gutter.gutter-horizontal {
  	height: 100%;
  	float: left;
  }
  */
}
.split-view.horizontal {
  display: flex;
}
.split-view > .split {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.split-view > .gutter {
  display: flex;
  background-repeat: no-repeat;
  background-position: 50%;
  border-style: solid;
  background-color: white;
  overflow: hidden;
}
.split-view > .gutter .handle {
  margin: auto;
}
.split-view > .gutter.gutter-horizontal {
  border-width: 0 1px;
  cursor: ew-resize;
}
.split-view > .gutter.gutter-horizontal .handle {
  width: 75%;
}
.split-view > .gutter.gutter-vertical {
  border-width: 1px 0;
  cursor: ns-resize;
}
.split-view > .gutter.gutter-vertical .handle {
  height: 75%;
}

body.no-splitters .split-view > .gutter.gutter-horizontal {
  width: 0;
}
body.no-splitters .split-view > .gutter.gutter-vertical {
  height: 0;
}

body.narrow-splitters .split-view > .gutter.gutter-horizontal {
  width: 5px;
}
body.narrow-splitters .split-view > .gutter.gutter-horizontal .handle {
  max-width: 3px;
}
body.narrow-splitters .split-view > .gutter.gutter-vertical {
  height: 5px;
}
body.narrow-splitters .split-view > .gutter.gutter-vertical .handle {
  max-height: 5px;
}

body .split-view > .gutter.gutter-horizontal {
  width: 10px;
}
body .split-view > .gutter.gutter-horizontal .handle {
  max-width: 5px;
}
body .split-view > .gutter.gutter-vertical {
  height: 10px;
}
body .split-view > .gutter.gutter-vertical .handle {
  max-height: 5px;
}

body.wide-splitters .split-view > .gutter.gutter-horizontal {
  width: 15px;
}
body.wide-splitters .split-view > .gutter.gutter-horizontal .handle {
  max-width: 8px;
}
body.wide-splitters .split-view > .gutter.gutter-vertical {
  height: 15px;
}
body.wide-splitters .split-view > .gutter.gutter-vertical .handle {
  max-height: 8px;
}

body.hide-splitter-handles .split-view > .gutter .handle {
  display: none;
}

body.narrow-splitter-handles .split-view > .gutter.gutter-horizontal .handle {
  height: 10px;
}
body.narrow-splitter-handles .split-view > .gutter.gutter-vertical .handle {
  width: 10px;
}

body .split-view > .gutter.gutter-horizontal .handle {
  height: 100px;
}
body .split-view > .gutter.gutter-vertical .handle {
  width: 100px;
}

body.wide-splitter-handles .split-view > .gutter.gutter-horizontal .handle {
  height: 200px;
}
body.wide-splitter-handles .split-view > .gutter.gutter-vertical .handle {
  width: 200px;
}

body[device=phone] .split-view > .gutter .handle, body[device=tablet] .split-view > .gutter .handle {
  background-image: none !important;
}
body[device=phone] .split-view > .gutter button.btn-sm, body[device=tablet] .split-view > .gutter button.btn-sm {
  position: absolute;
  z-index: 1;
}
body[device=phone] .split-view > .gutter.gutter-horizontal button.btn-sm, body[device=tablet] .split-view > .gutter.gutter-horizontal button.btn-sm {
  top: 50%;
  margin-top: -25px;
  height: 50px;
  width: 30px;
  min-width: 0;
}
body[device=phone] .split-view > .gutter.gutter-vertical button.btn-sm, body[device=tablet] .split-view > .gutter.gutter-vertical button.btn-sm {
  left: 50%;
  margin-left: -25px;
  max-width: none;
}
body[device=phone] .split-view:not(.flipped).closed > .gutter-vertical button i.fa-caret-up, body[device=tablet] .split-view:not(.flipped).closed > .gutter-vertical button i.fa-caret-up {
  display: none;
}
body[device=phone] .split-view:not(.flipped).closed > .gutter-horizontal button i.fa-caret-left, body[device=tablet] .split-view:not(.flipped).closed > .gutter-horizontal button i.fa-caret-left {
  display: none;
}
body[device=phone] .split-view:not(.flipped):not(.closed) > .gutter-vertical button, body[device=tablet] .split-view:not(.flipped):not(.closed) > .gutter-vertical button {
  margin-top: -10px;
}
body[device=phone] .split-view:not(.flipped):not(.closed) > .gutter-vertical button i.fa-caret-down, body[device=tablet] .split-view:not(.flipped):not(.closed) > .gutter-vertical button i.fa-caret-down {
  display: none;
}
body[device=phone] .split-view:not(.flipped):not(.closed) > .gutter-horizontal button i.fa-caret-right, body[device=tablet] .split-view:not(.flipped):not(.closed) > .gutter-horizontal button i.fa-caret-right {
  display: none;
}
body[device=phone] .split-view.flipped.closed > .gutter-vertical button, body[device=tablet] .split-view.flipped.closed > .gutter-vertical button {
  margin-top: -10px;
}
body[device=phone] .split-view.flipped.closed > .gutter-vertical button i.fa-caret-down, body[device=tablet] .split-view.flipped.closed > .gutter-vertical button i.fa-caret-down {
  display: none;
}
body[device=phone] .split-view.flipped.closed > .gutter-horizontal button i.fa-caret-right, body[device=tablet] .split-view.flipped.closed > .gutter-horizontal button i.fa-caret-right {
  display: none;
}
body[device=phone] .split-view.flipped:not(.closed) > .gutter-vertical button i.fa-caret-up, body[device=tablet] .split-view.flipped:not(.closed) > .gutter-vertical button i.fa-caret-up {
  display: none;
}
body[device=phone] .split-view.flipped:not(.closed) > .gutter-horizontal button i.fa-caret-left, body[device=tablet] .split-view.flipped:not(.closed) > .gutter-horizontal button i.fa-caret-left {
  display: none;
}
body[device=phone] .tab-pane:not(.active) .split-view > .gutter button, body[device=tablet] .tab-pane:not(.active) .split-view > .gutter button {
  display: none;
}

/******************************************************************************\
|                                                                              |
|                              _performance.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _modals.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.modals, .modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

#main + .modals {
  z-index: 1;
}

.modal {
  pointer-events: none;
}
.modal.colored {
  background: none !important;
}
.modal.minimized, .modal.closed {
  display: none;
}
.modal .modal-dialog {
  border-width: 1px;
  border-style: solid;
  box-shadow: 10px 10px 50px 10px rgba(0, 0, 0, 0.25);
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  background: white;
  pointer-events: auto;
  cursor: default;
  width: 600px;
  margin: auto;
  min-width: 300px;
  min-height: 80px;
  max-width: 100%;
  max-height: 100%;
}
.modal .modal-dialog:not(.maximized) .modal-header {
  cursor: move;
}
.modal .modal-dialog .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  border-color: unset;
  flex-shrink: 0;
}
.modal .modal-dialog .modal-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
  box-shadow: none;
  /*
  .panel:first-child,
  .panel + .modal-footer {
  	border-top: none;
  }
  */
}
.modal .modal-dialog .modal-content .modal-body {
  display: inline-block;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  padding: 10px;
}
.modal .modal-dialog .modal-content .modal-body > i.fa.fa-3x {
  float: left;
  margin-left: 10px;
  margin-right: 20px;
}
.modal .modal-dialog .modal-content .modal-body > i.fa.fa-3x + p {
  display: table;
  white-space: pre-wrap;
}
.modal .modal-dialog .modal-content .modal-body legend {
  border: none;
  margin: 0px;
  text-transform: uppercase;
}
.modal .modal-dialog .modal-content > .panel {
  border-radius: 0;
  border-top-style: solid;
  border-top-width: 1px;
}
.modal .modal-dialog .modal-content .modal-footer {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  bottom: 0;
  padding: 0 10px;
  min-height: 30px;
  border-color: unset;
}
.modal .modal-dialog .modal-content .modal-footer .btn + .btn {
  margin-left: 0;
}
.modal .modal-dialog .modal-content .modal-footer .notes {
  line-height: 25px;
  margin: 5px;
  float: left;
}
.modal .modal-dialog .modal-content .modal-footer .buttons {
  flex-shrink: 0;
}

@media (min-width: 768px) and (max-height: 550px) {
  .modal {
    text-align: center;
  }
  .modal:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
  }
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
}
.modals {
  pointer-events: none;
}
.modals .modal-dialog {
  pointer-events: auto;
}

.modal.backdrop {
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.25);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden;
}

.modal-extents {
  width: 100%;
  margin: auto;
}

@media (min-width: 480px) {
  .modal .modal-dialog .modal-footer .buttons {
    margin-top: 5px;
    margin-bottom: 0;
  }
  .modal .modal-dialog .modal-footer .buttons .btn + .btn {
    margin-left: 5px;
  }
  .modal .modal-dialog .modal-footer .buttons .btn, .modal .modal-dialog .modal-footer .buttons .btn + .btn {
    margin-bottom: 5px;
  }
  .modal .modal-dialog.ui-draggable:not(.ui-resizable):not(.fixed-width) {
    width: 600px;
  }
  .modal .modal-dialog.ui-draggable:not(.ui-resizable):not(.fixed-height) {
    max-height: 400px;
  }
  .modal .modal-dialog.ui-draggable:not(.ui-resizable) .modal-content {
    overflow-y: auto;
  }
  .modal .modal-dialog.ui-draggable:not(.ui-resizable) .modal-content .modal-body .vertically.scrollable {
    overflow: auto;
  }
  .modal .modal-dialog.ui-draggable:not(.ui-resizable) .modal-content .modal-body .vertically.scrollable p {
    word-break: break-word;
  }
  .round-dialogs .modals .modal .modal-dialog:not(.maximized),
  .round.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) {
    border-radius: 10px;
  }
  .round-dialogs .modals .modal .modal-dialog:not(.maximized) .modal-header,
  .round.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) .modal-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .round-dialogs .modals .modal .modal-dialog:not(.maximized) .modal-content,
  .round.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) .modal-content {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
  }
  .round-dialogs .modals .modal .modal-dialog:not(.maximized) .modal-content .modal-footer,
  .round.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) .modal-content .modal-footer {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
  }
  .rounded-dialogs .modals .modal .modal-dialog:not(.maximized),
  .rounded.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) {
    border-radius: 7px;
  }
  .rounded-dialogs .modals .modal .modal-dialog:not(.maximized) .modal-header,
  .rounded.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) .modal-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .rounded-dialogs .modals .modal .modal-dialog:not(.maximized) .modal-content,
  .rounded.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) .modal-content {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .rounded-dialogs .modals .modal .modal-dialog:not(.maximized) .modal-content .modal-footer,
  .rounded.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) .modal-content .modal-footer {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .square-dialogs .modals .modal .modal-dialog:not(.maximized),
  .square.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) {
    border-radius: 0;
  }
  .square-dialogs .modals .modal .modal-dialog:not(.maximized) .modal-header,
  .square.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) .modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /*
    .handle {
    	border-radius: 0;
    }
    */
  }
  .square-dialogs .modals .modal .modal-dialog:not(.maximized) .modal-content,
  .square.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) .modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .square-dialogs .modals .modal .modal-dialog:not(.maximized) .modal-content .modal-footer,
  .square.auto-dialog-corners .modals .modal .modal-dialog:not(.maximized) .modal-content .modal-footer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.hide-header-icons .modal-dialog .modal-header .heading .icon {
  display: none;
}
.hide-header-icons .modal-dialog .modal-header .heading .icon + .title {
  margin-left: 0;
}

.hide-footer-icons .app .footer-bar .info-bar > i {
  display: none;
}

body[device=desktop] .modal .modal-dialog.ui-draggable-dragging {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
body[device=desktop] .modal .modal-dialog:not(.ui-resizable):not(.fixed-height) {
  max-height: 75%;
}

body[device=phone], body[device=tablet] {
  position: fixed;
  overflow: hidden;
}

@media (max-width: 480px) {
  .modal-extents {
    height: auto !important;
    margin: 0;
  }
  .modal {
    padding-bottom: 0;
  }
  .modal .modal-dialog .modal-header .title {
    margin-right: 0;
    flex-grow: 1;
  }
  .modal .modal-dialog .modal-header .buttons {
    margin-left: 0;
  }
  .modal .modal-dialog .modal-content {
    overflow-y: auto;
    border-radius: 0;
  }
  .modal .modal-dialog .modal-content .modal-body > .icon {
    text-align: center;
    margin-bottom: 10px;
  }
  .modal .modal-dialog .modal-content .modal-body .vertically.scrollable {
    max-height: none;
  }
  .modal .modal-dialog .modal-content .modal-footer .notes {
    display: none;
  }
  .modal .modal-dialog .modal-content .modal-footer .buttons {
    margin-bottom: 10px;
  }
  .modal .modal-dialog .modal-content .modal-footer .buttons button {
    margin-bottom: 0;
  }
  .modal .modal-dialog:not(.maximized) {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.ui-draggable, .ui-droppable {
  -ms-touch-action: none;
  touch-action: none;
}

[browser=explorer] .modal, [browser=edge] .modal {
  flex-direction: column;
}

body[device=desktop][browser=safari] .modal {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

/******************************************************************************\
|                                                                              |
|                               _modal-apps.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.modal-dialog .modal-content .app {
  width: auto;
  height: auto;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  max-height: 100%;
}
.modal-dialog .modal-content .app .body {
  border-width: 0;
}
.modal-dialog .modal-content .app .body > .contents {
  border-width: 1px 0;
  border-style: solid;
}
.modal-dialog .modal-content .app .body > .contents:empty {
  border: none;
}
.modal-dialog .modal-content .app .body .panels .heading .buttons {
  text-align: right;
  margin-top: -5px;
}
.modal-dialog .modal-content .app .footer-bar {
  height: 30px;
}
.modal-dialog .modal-content .app .footer-bar .address-bar:not(:empty),
.modal-dialog .modal-content .app .footer-bar .info-bar:not(:empty) {
  width: auto;
  height: 30px;
  line-height: 20px;
  padding: 5px 10px;
  white-space: nowrap;
}
.modal-dialog .modal-content .app + .panel {
  border-top: none !important;
}
.modal-dialog .modal-content .app + .panel .form-group:first-child {
  margin-top: 0;
}
.modal-dialog .modal-content .app + .panel .form-group:last-child {
  margin-bottom: 0;
}
.modal-dialog .modal-content .app + .panel .form-group textarea {
  max-height: 100px;
}
.modal-dialog .modal-content .app + .modal-footer,
.modal-dialog .modal-content .body-region + .modal-footer {
  border-top: none;
}
.modal-dialog .modal-content .modal-body .app {
  position: relative;
  flex-grow: 1;
}
.modal-dialog:not(.maximized) .modal-content .app .body > .contents.split-view > .split.mainbar::after {
  content: "";
  box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.thin-menu-bars .modal-dialog .modal-content .app .footer-bar {
  height: 25px;
}
.thin-menu-bars .modal-dialog .modal-content .app .footer-bar .address-bar, .thin-menu-bars .modal-dialog .modal-content .app .footer-bar .info-bar, .thin-menu-bars .modal-dialog .modal-content .app .footer-bar .nav-bar, .thin-menu-bars .modal-dialog .modal-content .app .footer-bar .toolbar {
  height: 25px;
}
.thin-menu-bars .modal-dialog .modal-content .app .footer-bar .address-bar:not(:empty), .thin-menu-bars .modal-dialog .modal-content .app .footer-bar .info-bar:not(:empty) {
  padding: 3px 10px;
}

body[device=desktop] .modals.padded .modal-dialog .app .body:not(.last) {
  border-left-width: 2px;
  border-left-style: solid;
  border-right-width: 2px;
  border-right-style: solid;
}
body[device=desktop] .modals.padded .modal-dialog .app .body:not(.last) .contents {
  border-width: 1px;
}
body[device=desktop] .modals.padded .modal-dialog .app .body:not(.last) textarea.highlighted {
  outline-width: 2px;
  outline-style: solid;
  outline-offset: -2px;
}
body[device=desktop].round-dialogs .modal-dialog:not(.maximized) .app:not(.panel), body[device=desktop].round.auto-dialog-corners .modal-dialog:not(.maximized) .app:not(.panel) {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
body[device=desktop].round-dialogs .modal-dialog:not(.maximized) .app .body.last, body[device=desktop].round.auto-dialog-corners .modal-dialog:not(.maximized) .app .body.last {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
body[device=desktop].round-dialogs .modal-dialog:not(.maximized) .app:not(.panel) .footer-bar, body[device=desktop].round.auto-dialog-corners .modal-dialog:not(.maximized) .app:not(.panel) .footer-bar {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
body[device=desktop].rounded-dialogs .modal-dialog:not(.maximized) .app:not(.panel), body[device=desktop].rounded.auto-dialog-corners .modal-dialog:not(.maximized) .app:not(.panel) {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
body[device=desktop].rounded-dialogs .modal-dialog:not(.maximized) .app .body.last, body[device=desktop].rounded.auto-dialog-corners .modal-dialog:not(.maximized) .app .body.last {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
body[device=desktop].rounded-dialogs .modal-dialog:not(.maximized) .app:not(.panel) .footer-bar, body[device=desktop].rounded.auto-dialog-corners .modal-dialog:not(.maximized) .app:not(.panel) .footer-bar {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.full-screen .modal-dialog .app .header-bar {
  display: none;
}
.full-screen .modal-dialog .app .body {
  border: none !important;
}
.full-screen .modal-dialog .app .body > div {
  border: none !important;
}
.full-screen .modal-dialog .app .footer-bar {
  display: none;
}

/******************************************************************************\
|                                                                              |
|                                _app-icons.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.app-icons.icon-grid.panel {
  padding-top: 30px;
}
.app-icons.icon-grid > a {
  color: inherit !important;
}
.app-icons.icon-grid .item > .row:first-child .icon {
  border-width: 2px;
  margin: 0;
  pointer-events: auto;
  cursor: default;
  width: 60px;
  height: 60px;
}
.app-icons.icon-grid .item > .row:first-child .icon > i {
  font-size: 35px;
}
.app-icons.icon-grid .item > .row:nth-child(2) .name {
  font-weight: bold;
  cursor: default;
  margin: 0 -4px;
}
.app-icons.icon-grid .item.selected > .row:first-child .icon {
  border-width: 2px !important;
}
.app-icons.icon-grid .item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.app-icons.icon-grid .item.disabled .icon {
  pointer-events: none;
}
.app-icons.icon-grid .item.disabled .icon img {
  pointer-events: none !important;
}

.round-icons .app-icons.icon-grid .item > .row:first-child .icon,
.round-icons .apps .icons .icon,
.round.auto-corner-icons .app-icons.icon-grid .item > .row:first-child .icon,
.round.auto-corner-icons .apps .icons .icon {
  border-radius: 50%;
}

.rounded-icons .app-icons.icon-grid .item > .row:first-child .icon,
.rounded-icons .apps .icons .icon,
.rounded.auto-corner-icons .app-icons.icon-grid .item > .row:first-child .icon,
.rounded.auto-corner-icons .apps .icons .icon {
  border-radius: 25%;
}

.square-icons .app-icons.icon-grid .item > .row:first-child .icon,
.square-icons .apps .icons .icon,
.square.auto-corner-icons .app-icons.icon-grid .item > .row:first-child .icon,
.square.auto-corner-icons .apps .icons .icon {
  border-radius: 0;
}

/******************************************************************************\
|                                                                              |
|                                 _images.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.pixelated {
  image-rendering: pixelated !important;
}

.smooth img {
  image-rendering: auto !important;
}

.thumbnail {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  background-repeat: no-repeat;
  text-align: center;
}
.thumbnail i {
  vertical-align: top;
}

.round .thumbnail {
  border-radius: 10px;
}

.rounded .thumbnail {
  border-radius: 5px;
}

.square .thumbnail {
  border-radius: 0;
}

.round.logo {
  border-radius: 50%;
}
.round.logo img {
  border-radius: 50%;
}

.rounded.logo {
  border-radius: 25%;
}
.rounded.logo img {
  border-radius: 25%;
}

.icon .thumbnail.photo, .tile .thumbnail.photo {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}
.icon svg, .icon .thumbnail:not(.photo), .tile svg, .tile .thumbnail:not(.photo) {
  box-shadow: none;
  text-shadow: none;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}

.png .icon .thumbnail, .png .tile .thumbnail {
  box-shadow: none;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}

.small-icons .items .item .icon > svg {
  transform: scale(0.9);
}

.large-icons .items .item .icon > svg {
  transform: scale(1.1);
}

.tilted.left .icon > svg, .tilted.left .icon > img, .tilted.left .icon > .thumbnail, .tilted.left .owner > svg, .tilted.left .owner > img, .tilted.left .owner > .thumbnail, .tilted .left .icon > svg, .tilted .left .icon > img, .tilted .left .icon > .thumbnail, .tilted .left .owner > svg, .tilted .left .owner > img, .tilted .left .owner > .thumbnail {
  transform: skewX(7.5deg);
}
.tilted.left.small-icons .icon > svg, .tilted.left.small-icons .icon > img, .tilted.left.small-icons .icon > .thumbnail, .tilted.left.small-icons .owner > svg, .tilted.left.small-icons .owner > img, .tilted.left.small-icons .owner > .thumbnail, .tilted .left.small-icons .icon > svg, .tilted .left.small-icons .icon > img, .tilted .left.small-icons .icon > .thumbnail, .tilted .left.small-icons .owner > svg, .tilted .left.small-icons .owner > img, .tilted .left.small-icons .owner > .thumbnail {
  transform: skewX(7.5deg) scale(0.9);
}
.tilted.left.large-icons .icon > svg, .tilted.left.large-icons .icon > img, .tilted.left.large-icons .icon > .thumbnail, .tilted.left.large-icons .owner > svg, .tilted.left.large-icons .owner > img, .tilted.left.large-icons .owner > .thumbnail, .tilted .left.large-icons .icon > svg, .tilted .left.large-icons .icon > img, .tilted .left.large-icons .icon > .thumbnail, .tilted .left.large-icons .owner > svg, .tilted .left.large-icons .owner > img, .tilted .left.large-icons .owner > .thumbnail {
  transform: skewX(7.5deg) scale(1.1);
}
.tilted.right .icon > svg, .tilted.right .icon > img, .tilted.right .icon > .thumbnail, .tilted.right .owner > svg, .tilted.right .owner > img, .tilted.right .owner > .thumbnail, .tilted .right .icon > svg, .tilted .right .icon > img, .tilted .right .icon > .thumbnail, .tilted .right .owner > svg, .tilted .right .owner > img, .tilted .right .owner > .thumbnail {
  transform: skewX(-7.5deg);
}
.tilted.right.small-icons .icon > svg, .tilted.right.small-icons .icon > img, .tilted.right.small-icons .icon > .thumbnail, .tilted.right.small-icons .owner > svg, .tilted.right.small-icons .owner > img, .tilted.right.small-icons .owner > .thumbnail, .tilted .right.small-icons .icon > svg, .tilted .right.small-icons .icon > img, .tilted .right.small-icons .icon > .thumbnail, .tilted .right.small-icons .owner > svg, .tilted .right.small-icons .owner > img, .tilted .right.small-icons .owner > .thumbnail {
  transform: skewX(-7.5deg) scale(0.9);
}
.tilted.right.large-icons .icon > svg, .tilted.right.large-icons .icon > img, .tilted.right.large-icons .icon > .thumbnail, .tilted.right.large-icons .owner > svg, .tilted.right.large-icons .owner > img, .tilted.right.large-icons .owner > .thumbnail, .tilted .right.large-icons .icon > svg, .tilted .right.large-icons .icon > img, .tilted .right.large-icons .icon > .thumbnail, .tilted .right.large-icons .owner > svg, .tilted .right.large-icons .owner > img, .tilted .right.large-icons .owner > .thumbnail {
  transform: skewX(-7.5deg) scale(1.1);
}
.tilted.up .icon > svg, .tilted.up .icon > img, .tilted.up .icon > .thumbnail, .tilted.up .owner > svg, .tilted.up .owner > img, .tilted.up .owner > .thumbnail, .tilted .up .icon > svg, .tilted .up .icon > img, .tilted .up .icon > .thumbnail, .tilted .up .owner > svg, .tilted .up .owner > img, .tilted .up .owner > .thumbnail {
  transform: skewY(-7.5deg);
}
.tilted.up.small-icons .icon > svg, .tilted.up.small-icons .icon > img, .tilted.up.small-icons .icon > .thumbnail, .tilted.up.small-icons .owner > svg, .tilted.up.small-icons .owner > img, .tilted.up.small-icons .owner > .thumbnail, .tilted .up.small-icons .icon > svg, .tilted .up.small-icons .icon > img, .tilted .up.small-icons .icon > .thumbnail, .tilted .up.small-icons .owner > svg, .tilted .up.small-icons .owner > img, .tilted .up.small-icons .owner > .thumbnail {
  transform: skewY(-7.5deg) scale(0.9);
}
.tilted.up.large-icons .icon > svg, .tilted.up.large-icons .icon > img, .tilted.up.large-icons .icon > .thumbnail, .tilted.up.large-icons .owner > svg, .tilted.up.large-icons .owner > img, .tilted.up.large-icons .owner > .thumbnail, .tilted .up.large-icons .icon > svg, .tilted .up.large-icons .icon > img, .tilted .up.large-icons .icon > .thumbnail, .tilted .up.large-icons .owner > svg, .tilted .up.large-icons .owner > img, .tilted .up.large-icons .owner > .thumbnail {
  transform: skewY(-7.5deg) scale(1.1);
}
.tilted.down .icon > svg, .tilted.down .icon > img, .tilted.down .icon > .thumbnail, .tilted.down .owner > svg, .tilted.down .owner > img, .tilted.down .owner > .thumbnail, .tilted .down .icon > svg, .tilted .down .icon > img, .tilted .down .icon > .thumbnail, .tilted .down .owner > svg, .tilted .down .owner > img, .tilted .down .owner > .thumbnail {
  transform: skewY(7.5deg);
}
.tilted.down.small-icons .icon > svg, .tilted.down.small-icons .icon > img, .tilted.down.small-icons .icon > .thumbnail, .tilted.down.small-icons .owner > svg, .tilted.down.small-icons .owner > img, .tilted.down.small-icons .owner > .thumbnail, .tilted .down.small-icons .icon > svg, .tilted .down.small-icons .icon > img, .tilted .down.small-icons .icon > .thumbnail, .tilted .down.small-icons .owner > svg, .tilted .down.small-icons .owner > img, .tilted .down.small-icons .owner > .thumbnail {
  transform: skewY(7.5deg) scale(0.9);
}
.tilted.down.large-icons .icon > svg, .tilted.down.large-icons .icon > img, .tilted.down.large-icons .icon > .thumbnail, .tilted.down.large-icons .owner > svg, .tilted.down.large-icons .owner > img, .tilted.down.large-icons .owner > .thumbnail, .tilted .down.large-icons .icon > svg, .tilted .down.large-icons .icon > img, .tilted .down.large-icons .icon > .thumbnail, .tilted .down.large-icons .owner > svg, .tilted .down.large-icons .owner > img, .tilted .down.large-icons .owner > .thumbnail {
  transform: skewY(7.5deg) scale(1.1);
}
.tilted .tile > .icon > .thumbnail {
  transform: none !important;
}

.thumbnail.photo {
  border-radius: 0;
  background-size: cover;
}
.thumbnail.photo:after {
  border-radius: 0;
}

.polaroid.photo {
  border: 8px solid white;
  border-bottom: 35px solid white;
  box-sizing: content-box;
}

.overflow.photo {
  transform: scale(1.1);
}

.tilted.photo {
  transform: rotate(-7.5deg);
}

.tilted.overflow.photo {
  transform: rotate(-7.5deg);
}

.photo.shadowed, .image.shadowed {
  box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.25);
}
.photo.shadowed.small, .image.shadowed.small {
  box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.25);
}

outlined.photo {
  border-width: 3px;
  border-style: 3px;
}

.glossy.photo::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(15deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 10%, rgba(255, 255, 255, 0) 25%), linear-gradient(-30deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.15) 90%, rgba(0, 0, 0, 0.5) 100%);
  mix-blend-mode: normal;
}

body[browser=firefox] img.pixelated {
  image-rendering: -moz-crisp-edges;
}

[browser=safari] .icon > svg, [browser=safari] .icon .thumbnail, [browser=safari] .tile > svg, [browser=safari] .tile .thumbnail {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
[browser=safari].tilted.left .icon > svg, [browser=safari].tilted.left .icon .thumbnail, [browser=safari].tilted.left .tile > svg, [browser=safari].tilted.left .tile .thumbnail, [browser=safari].tilted .left .icon > svg, [browser=safari].tilted .left .icon .thumbnail, [browser=safari].tilted .left .tile > svg, [browser=safari].tilted .left .tile .thumbnail {
  transform: skewX(7.5deg) translateZ(0);
}
[browser=safari].tilted.left.small-icons .icon > svg, [browser=safari].tilted.left.small-icons .icon .thumbnail, [browser=safari].tilted.left.small-icons .tile > svg, [browser=safari].tilted.left.small-icons .tile .thumbnail, [browser=safari].tilted .left.small-icons .icon > svg, [browser=safari].tilted .left.small-icons .icon .thumbnail, [browser=safari].tilted .left.small-icons .tile > svg, [browser=safari].tilted .left.small-icons .tile .thumbnail {
  transform: skewX(7.5deg) scale(0.9) translateZ(0);
}
[browser=safari].tilted.left.large-icons .icon > svg, [browser=safari].tilted.left.large-icons .icon .thumbnail, [browser=safari].tilted.left.large-icons .tile > svg, [browser=safari].tilted.left.large-icons .tile .thumbnail, [browser=safari].tilted .left.large-icons .icon > svg, [browser=safari].tilted .left.large-icons .icon .thumbnail, [browser=safari].tilted .left.large-icons .tile > svg, [browser=safari].tilted .left.large-icons .tile .thumbnail {
  transform: skewX(7.5deg) scale(1.1) translateZ(0);
}
[browser=safari].tilted.right .icon > svg, [browser=safari].tilted.right .icon .thumbnail, [browser=safari].tilted.right .tile > svg, [browser=safari].tilted.right .tile .thumbnail, [browser=safari].tilted .right .icon > svg, [browser=safari].tilted .right .icon .thumbnail, [browser=safari].tilted .right .tile > svg, [browser=safari].tilted .right .tile .thumbnail {
  transform: skewX(-7.5deg) translateZ(0);
}
[browser=safari].tilted.right.small-icons .icon > svg, [browser=safari].tilted.right.small-icons .icon .thumbnail, [browser=safari].tilted.right.small-icons .tile > svg, [browser=safari].tilted.right.small-icons .tile .thumbnail, [browser=safari].tilted .right.small-icons .icon > svg, [browser=safari].tilted .right.small-icons .icon .thumbnail, [browser=safari].tilted .right.small-icons .tile > svg, [browser=safari].tilted .right.small-icons .tile .thumbnail {
  transform: skewX(-7.5deg) scale(0.9) translateZ(0);
}
[browser=safari].tilted.right.large-icons .icon > svg, [browser=safari].tilted.right.large-icons .icon .thumbnail, [browser=safari].tilted.right.large-icons .tile > svg, [browser=safari].tilted.right.large-icons .tile .thumbnail, [browser=safari].tilted .right.large-icons .icon > svg, [browser=safari].tilted .right.large-icons .icon .thumbnail, [browser=safari].tilted .right.large-icons .tile > svg, [browser=safari].tilted .right.large-icons .tile .thumbnail {
  transform: skewX(-7.5deg) scale(1.1) translateZ(0);
}
[browser=safari].tilted.up .icon > svg, [browser=safari].tilted.up .icon .thumbnail, [browser=safari].tilted.up .tile > svg, [browser=safari].tilted.up .tile .thumbnail, [browser=safari].tilted .up .icon > svg, [browser=safari].tilted .up .icon .thumbnail, [browser=safari].tilted .up .tile > svg, [browser=safari].tilted .up .tile .thumbnail {
  transform: skewY(-7.5deg) translateZ(0);
}
[browser=safari].tilted.up.small-icons .icon > svg, [browser=safari].tilted.up.small-icons .icon .thumbnail, [browser=safari].tilted.up.small-icons .tile > svg, [browser=safari].tilted.up.small-icons .tile .thumbnail, [browser=safari].tilted .up.small-icons .icon > svg, [browser=safari].tilted .up.small-icons .icon .thumbnail, [browser=safari].tilted .up.small-icons .tile > svg, [browser=safari].tilted .up.small-icons .tile .thumbnail {
  transform: skewY(-7.5deg) scale(0.9) translateZ(0);
}
[browser=safari].tilted.up.large-icons .icon > svg, [browser=safari].tilted.up.large-icons .icon .thumbnail, [browser=safari].tilted.up.large-icons .tile > svg, [browser=safari].tilted.up.large-icons .tile .thumbnail, [browser=safari].tilted .up.large-icons .icon > svg, [browser=safari].tilted .up.large-icons .icon .thumbnail, [browser=safari].tilted .up.large-icons .tile > svg, [browser=safari].tilted .up.large-icons .tile .thumbnail {
  transform: skewY(-7.5deg) scale(1.1) translateZ(0);
}
[browser=safari].tilted.down .icon > svg, [browser=safari].tilted.down .icon .thumbnail, [browser=safari].tilted.down .tile > svg, [browser=safari].tilted.down .tile .thumbnail, [browser=safari].tilted .down .icon > svg, [browser=safari].tilted .down .icon .thumbnail, [browser=safari].tilted .down .tile > svg, [browser=safari].tilted .down .tile .thumbnail {
  transform: skewY(7.5deg) translateZ(0);
}
[browser=safari].tilted.down.small-icons .icon > svg, [browser=safari].tilted.down.small-icons .icon .thumbnail, [browser=safari].tilted.down.small-icons .tile > svg, [browser=safari].tilted.down.small-icons .tile .thumbnail, [browser=safari].tilted .down.small-icons .icon > svg, [browser=safari].tilted .down.small-icons .icon .thumbnail, [browser=safari].tilted .down.small-icons .tile > svg, [browser=safari].tilted .down.small-icons .tile .thumbnail {
  transform: skewY(7.5deg) scale(0.9) translateZ(0);
}
[browser=safari].tilted.down.large-icons .icon > svg, [browser=safari].tilted.down.large-icons .icon .thumbnail, [browser=safari].tilted.down.large-icons .tile > svg, [browser=safari].tilted.down.large-icons .tile .thumbnail, [browser=safari].tilted .down.large-icons .icon > svg, [browser=safari].tilted .down.large-icons .icon .thumbnail, [browser=safari].tilted .down.large-icons .tile > svg, [browser=safari].tilted .down.large-icons .tile .thumbnail {
  transform: skewY(7.5deg) scale(1.1) translateZ(0);
}

/******************************************************************************\
|                                                                              |
|                                _app-cards.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.apps-list.card-grid {
  padding: 10px;
}
.apps-list.card-grid .card .icon {
  border-width: 2px;
  border-style: solid;
}
.apps-list.card-grid .card .icon > img {
  width: 40px !important;
  height: 40px !important;
}
.apps-list.card-grid .divider {
  margin: 0;
  margin-bottom: 10px;
}

.round-icons .apps-list.card-grid .item .card .icon,
.round.auto-corner-icons .apps-list.card-grid .item .card .icon {
  border-radius: 50%;
}

.rounded-icons .apps-list.card-grid .item .card .icon,
.rounded.auto-corner-icons .apps-list.card-grid .item .card .icon {
  border-radius: 25%;
}

.square-icons .apps-list.card-grid .item .card .icon,
.square.auto-corner-icons .apps-list.card-grid .item .card .icon {
  border-radius: 0;
}

/******************************************************************************\
|                                                                              |
|                                _app-lists.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.apps-list {
  position: relative;
  min-height: 0;
  max-height: 100%;
  margin: auto;
  margin-bottom: 0;
}
.apps-list .item {
  white-space: nowrap;
}
.apps-list .item > .info > .icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
}
.apps-list .item > .info > .icon > i {
  line-height: 25px;
  margin: 0 !important;
}
.apps-list .item > .info > .icon svg, .apps-list .item > .info > .icon img {
  max-width: 100%;
  max-height: 100%;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
.apps-list .divider {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin: 0 2px;
  border: none;
  font-weight: bold;
}
.apps-list .divider:last-child {
  display: block;
}

body:not(.binary) .apps-list .item > .info > .icon {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}

body:not(.binary) .apps-list .item > .info .icon > i {
  display: none;
}

body.binary .apps-list .item > .info .icon > img {
  display: none;
}

.round-icons .apps-list .item .icon, .round-icons .apps-list .item .divider,
.round.auto-corner-icons .apps-list .item .icon,
.round.auto-corner-icons .apps-list .item .divider {
  border-radius: 15px;
}

.rounded-icons .apps-list .item .icon, .rounded-icons .apps-list .item .divider,
.rounded.auto-corner-icons .apps-list .item .icon,
.rounded.auto-corner-icons .apps-list .item .divider {
  border-radius: 7px;
}

.square-icons .apps-list .item .icon, .square-icons .apps-list .item .divider,
.square.auto-corner-icons .apps-list .item .icon,
.square.auto-corner-icons .apps-list .item .divider {
  border-radius: 0;
}

/******************************************************************************\
|                                                                              |
|                                _app-pages.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
body:not(.binary) .pages .item .desktop.preview.icon > i {
  display: none;
}

body.binary .pages .item .desktop.preview.icon > img {
  display: none;
}

/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                               _app-launcher.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.app-launcher.app {
  overflow: auto;
}
.app-launcher.app .body {
  width: 100%;
  height: 100%;
  font-weight: bold;
}
.app-launcher.app .body .contents {
  display: flex;
}
.app-launcher.app .body .contents .main-carousel {
  width: 100%;
  height: 100%;
  margin: auto;
}
.app-launcher.app .body .contents .main-carousel .carousel-cell {
  width: 100%;
  height: 100%;
}
.app-launcher.app .body .contents .main-carousel .carousel-cell .items {
  display: flex;
  text-align: center;
}
.app-launcher.app .body .contents .main-carousel .flickity-page-dots {
  bottom: 10px;
}

.full-screen .app-launcher.app .body .contents {
  display: flex;
}
.full-screen .app-launcher.app .body .contents .main-carousel {
  position: relative;
  margin: auto;
  display: flex;
  width: 66%;
  max-height: 66%;
  transform: scale(1.25);
}
.full-screen .app-launcher.app .body .contents .main-carousel .carousel-cell {
  display: flex;
}
.full-screen .app-launcher.app .body .contents .main-carousel .carousel-cell .items {
  display: flex;
}
.full-screen .app-launcher.app .body .contents .main-carousel .carousel-cell .items .icon-grid {
  position: relative;
  margin: auto;
  text-align: center;
}

@media (min-height: 360px) and (min-width: 480px) {
  .app-launcher.app .body .contents .main-carousel {
    width: 90%;
  }
  .app-launcher.app .body .icon-grid {
    padding-right: 0;
    min-height: 0;
    margin: auto;
  }
  .app-launcher.app .body .flickity-page-dots {
    bottom: 0;
  }
}
body[device=phone] .app-launcher.app .header-bar, body[device=tablet] .app-launcher.app .header-bar {
  display: none;
}
body[device=phone] .app-launcher.app .body .main-carousel, body[device=tablet] .app-launcher.app .body .main-carousel {
  position: absolute;
  width: 100%;
  height: 100%;
}
body[device=phone] .app-launcher.app .body .main-carousel .icon-grid, body[device=tablet] .app-launcher.app .body .main-carousel .icon-grid {
  padding: 10px 0 !important;
  padding-bottom: 25px !important;
  text-align: center;
}
body[device=phone] .full-screen .app-launcher.app .body .contents .main-carousel, body[device=tablet] .full-screen .app-launcher.app .body .contents .main-carousel {
  width: 75%;
}
@media (max-width: 360px) {
  body[device=phone] .app-launcher.app .body .icon-grid .item, body[device=tablet] .app-launcher.app .body .icon-grid .item {
    width: 75px;
  }
  body[device=phone] .app-launcher.app .body .icon-grid .item .icon, body[device=tablet] .app-launcher.app .body .icon-grid .item .icon {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 360px) and (max-width: 480px) {
  body[device=phone] .app-launcher.app .body .icon-grid .item, body[device=tablet] .app-launcher.app .body .icon-grid .item {
    width: 90px;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  body[device=phone] .app-launcher.app .body .icon-grid .item, body[device=tablet] .app-launcher.app .body .icon-grid .item {
    width: 100px;
  }
}

body[device=tablet] .app-launcher.app .body .main-carousel .icon-grid {
  padding: 25px !important;
}

body[device=phone][os=ios] .app-launcher.app .body .icon-grid .item > .row:first-child .icon > i {
  font-size: 35px;
}

body[device=tablet] .app-launcher.app .body .icon-grid .item {
  width: 125px;
  margin: 15px 0;
}
body[device=tablet] .app-launcher.app .body .icon-grid .item > .row:first-child .icon {
  width: 60px;
  height: 60px;
}
body[device=tablet] .app-launcher.app .body .icon-grid .item > .row:first-child .icon i {
  font-size: 45px;
}
body[device=tablet] .app-launcher.app .body .icon-grid .item > .row:first-child .icon .spinner {
  border-width: 30px;
  border-top-width: 30px;
  width: 30px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
}
@media (orientation: landscape) {
  body[device=tablet] .app-launcher.app .body .icon-grid .item {
    margin: 15px 0;
  }
}
body[device=tablet].round-icons .app-launcher.app .body .icon-grid .item > .row:first-child .icon {
  border-radius: 40px;
}
body[device=tablet].rounded-cons .app-launcher.app .body .icon-grid .item > .row:first-child .icon {
  border-radius: 20px;
}

body[device=tablet][os=ios] .app-launcher.app .body .icon-grid .item > .row:first-child .icon {
  width: 60px;
  height: 60px;
}
body[device=tablet][os=ios] .app-launcher.app .body .icon-grid .item > .row:first-child .icon i {
  font-size: 50px;
}

/******************************************************************************\
|                                                                              |
|                               _audio-player.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.audio-player.app .header-bar .track-bar .toolbar .elapsed-time, .audio-player.app .header-bar .track-bar .toolbar .track-length {
  min-width: 50px;
}
.audio-player.app .header-bar .track-bar .toolbar .elapsed-time {
  padding-left: 5px;
}
.audio-player.app .header-bar .track-bar .toolbar .repeat {
  margin-left: 10px;
}
.audio-player.app .header-bar .track-bar .toolbar .track-length {
  text-align: center;
}
.audio-player.app .body .contents .mainbar .items {
  overflow: auto;
}
.audio-player.app .body .contents .audio-analyser {
  position: relative;
  width: 100%;
  height: 100%;
}
.audio-player.app .body .contents .audio-analyser label {
  color: white;
  position: absolute;
  text-shadow: none;
  left: 10px;
  top: 5px;
}
.audio-player.app .body .contents .audio-analyser canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}
.audio-player.app .body .contents .audio-analyser.dark canvas {
  background: #0a0a11;
}
.audio-player.app .footer-bar {
  display: flex;
  text-align: center;
}
.audio-player.app .footer-bar .nav-bar {
  flex-grow: 1;
  text-align: center;
  white-space: nowrap;
}

body[device=desktop] .audio-player.app .header-bar .track-bar .toolbar input[type=range] {
  width: 100px;
}
body[device=desktop] .audio-player.app .header-bar .volume-bar .current input[type=range] {
  width: 75px;
}

/******************************************************************************\
|                                                                              |
|                                _calculator.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.calculator.app .body {
  flex-grow: 1;
  margin: auto;
  margin-top: 0;
  overflow: visible;
}
.calculator.app .body .lcd.display {
  display: block;
  height: 40px;
  margin: 10px;
  padding: 2px 10px;
  border-radius: 5px;
  overflow: hidden;
}
.calculator.app .body .lcd.display .digits {
  font-size: 25px;
  line-height: 36px;
  text-align: right;
}
.calculator.app .body .lcd.display .indicator {
  position: absolute;
  font-size: 10px;
}
.calculator.app .body .lcd.display mem-mode {
  margin-top: 0;
}
.calculator.app .body .lcd.display .trig-mode, .calculator.app .body .lcd.display .base-mode {
  margin-top: 10px;
}
.calculator.app .body .lcd.display .hyp-mode {
  margin-top: 20px;
}
.calculator.app .body .keyboard {
  display: flex;
  width: 100%;
  margin: auto;
  text-align: center;
  flex-direction: column;
}
.calculator.app .body .keyboard .keys {
  display: inline-block;
  width: 100%;
  padding: 10px 5px;
}
.calculator.app .body .keyboard .keys .row {
  width: 100%;
  margin: 0;
}
.calculator.app .body .keyboard .keys .row button {
  width: 20%;
  height: 25px;
  margin: 5px;
}
.calculator.app .body .keyboard .keys .row button:first-child {
  margin-left: 0;
}
.calculator.app .body .keyboard .keys .row button:last-child {
  margin-right: 0;
}
.calculator.app .body .keyboard .keys .row button.digit, .calculator.app .body .keyboard .keys .row button.btn-primary {
  font-size: 20px;
  padding: 0;
}
.calculator.app.basic .display .indicator {
  display: none;
}
.calculator.app.basic .keyboard .scientific, .calculator.app.basic .keyboard .programmer {
  display: none;
}
.calculator.app.scientific .display .base-mode {
  display: none;
}
.calculator.app.scientific .keyboard .programmer {
  display: none;
}
.calculator.app.programmer .display .trig-mode, .calculator.app.programmer .display .hyp-mode, .calculator.app.programmer .display .mem-mode {
  display: none;
}
.calculator.app.programmer .keyboard .scientific {
  display: none;
}

body[device=phone] .calculator.app .body .keyboard .row button, body[device=tablet] .calculator.app .body .keyboard .row button {
  width: 60px;
}
@media screen and (orientation: landscape) {
  body[device=phone] .calculator.app.basic .body .lcd.display, body[device=tablet] .calculator.app.basic .body .lcd.display {
    margin: 10px auto;
  }
}
@media screen and (orientation: portrait) {
  body[device=phone] .calculator.app.basic .body .keyboard, body[device=tablet] .calculator.app.basic .body .keyboard {
    padding: 0;
  }
  body[device=phone] .calculator.app.basic .body .keyboard .keys, body[device=tablet] .calculator.app.basic .body .keyboard .keys {
    padding: 0;
  }
  body[device=phone] .calculator.app.basic .body .keyboard .keys .row, body[device=tablet] .calculator.app.basic .body .keyboard .keys .row {
    margin-bottom: 10px;
  }
  body[device=phone] .calculator.app.basic .body .keyboard .keys .row button, body[device=tablet] .calculator.app.basic .body .keyboard .keys .row button {
    padding: 0;
    font-size: 1.5em;
    width: 60px;
    height: 60px;
  }
  body[device=phone] .calculator.app.basic .body .keyboard .keys .row button.btn-primary, body[device=tablet] .calculator.app.basic .body .keyboard .keys .row button.btn-primary {
    font-size: 2em;
  }
  body[device=phone] .calculator.app.basic .body .keyboard .keys .row button.digit, body[device=tablet] .calculator.app.basic .body .keyboard .keys .row button.digit {
    font-size: 2em;
  }
}
@media screen and (orientation: portrait) {
  body[device=phone] .calculator.app .keyboard .keys .row button, body[device=tablet] .calculator.app .keyboard .keys .row button {
    margin: 8px 5px;
  }
}
@media screen and (orientation: landscape) {
  body[device=phone] .calculator.app .keyboard .keys .row button, body[device=tablet] .calculator.app .keyboard .keys .row button {
    margin: 7px 3px;
  }
}
@media screen and (orientation: landscape) {
  body[device=phone] .calculator.app .body, body[device=tablet] .calculator.app .body {
    width: auto !important;
    height: auto !important;
  }
  body[device=phone] .calculator.app .body .keyboard, body[device=tablet] .calculator.app .body .keyboard {
    flex-direction: row;
  }
}

@media screen and (orientation: portrait) {
  body[device=phone].round .calculator.app .body .keyboard .keys .row button, body[device=tablet].round .calculator.app .body .keyboard .keys .row button {
    border-radius: 30px;
  }
}

@media (min-width: 360px) and (max-width: 480px) {
  .calculator.app.basic .keyboard button {
    margin: 10px;
  }
}
body[device=tablet] .calculator.app .body {
  transform: scale(1.5);
}

/******************************************************************************\
|                                                                              |
|                               _calendar.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.calendar.app .mainbar {
  display: flex;
}
.calendar.app .mainbar > .month, .calendar.app .mainbar > .day {
  width: 100%;
  height: auto !important;
  max-height: 100%;
  overflow: auto !important;
  padding: 10px;
  margin: auto;
}
.calendar.app .mainbar > .month .heading, .calendar.app .mainbar > .day .heading {
  text-align: center;
}
.calendar.app .mainbar > .month .heading h1, .calendar.app .mainbar > .day .heading h1 {
  margin-top: 0;
  margin-bottom: 5px;
  border: none;
}
.calendar.app .mainbar > .month .heading h1 .month, .calendar.app .mainbar > .month .heading h1 .day, .calendar.app .mainbar > .day .heading h1 .month, .calendar.app .mainbar > .day .heading h1 .day {
  font-weight: bold;
}
.calendar.app .mainbar > .month table, .calendar.app .mainbar > .day table {
  width: 100%;
}
.calendar.app .mainbar > .month table th, .calendar.app .mainbar > .day table th {
  padding: 5px 0;
}
.calendar.app .mainbar > .month table th, .calendar.app .mainbar > .month table td, .calendar.app .mainbar > .day table th, .calendar.app .mainbar > .day table td {
  vertical-align: middle;
  pointer-events: auto;
}
.calendar.app .mainbar > .month table th i, .calendar.app .mainbar > .month table td i, .calendar.app .mainbar > .day table th i, .calendar.app .mainbar > .day table td i {
  margin-right: 5px;
}
.calendar.app .mainbar > .month table th .hour, .calendar.app .mainbar > .month table th .date, .calendar.app .mainbar > .month table td .hour, .calendar.app .mainbar > .month table td .date, .calendar.app .mainbar > .day table th .hour, .calendar.app .mainbar > .day table th .date, .calendar.app .mainbar > .day table td .hour, .calendar.app .mainbar > .day table td .date {
  margin: auto;
  white-space: nowrap;
  pointer-events: none;
  cursor: auto;
}
.calendar.app .mainbar > .month table th .hour, .calendar.app .mainbar > .month table td .hour, .calendar.app .mainbar > .day table th .hour, .calendar.app .mainbar > .day table td .hour {
  width: 3em;
}
.calendar.app .mainbar > .month table th .date, .calendar.app .mainbar > .month table td .date, .calendar.app .mainbar > .day table th .date, .calendar.app .mainbar > .day table td .date {
  width: 2em;
}
.calendar.app .mainbar > .month table td, .calendar.app .mainbar > .day table td {
  position: relative;
  padding: 0;
  position: relative;
}
.calendar.app .mainbar > .month table td > span, .calendar.app .mainbar > .day table td > span {
  position: absolute;
  padding: 2px 5px;
}
.calendar.app .mainbar > .month table td .badge, .calendar.app .mainbar > .day table td .badge {
  position: absolute;
  bottom: 5px;
  right: 2px;
  z-index: 1;
}
.calendar.app .mainbar > .month table td .badge i, .calendar.app .mainbar > .day table td .badge i {
  margin-right: 3px;
}
.calendar.app .mainbar > .month table td.selected, .calendar.app .mainbar > .day table td.selected {
  outline-width: 2px;
  outline-style: solid;
  outline-offset: -2px;
  z-index: 1;
}
.calendar.app .mainbar > .month tbody td {
  width: 14% !important;
  padding-bottom: 10% !important;
}
.calendar.app .mainbar > .day tbody td {
  width: 16% !important;
  padding-bottom: 13% !important;
}

.desktop.app > .body > .calendar.app .mainbar h1.heading {
  color: white;
}

.events p {
  white-space: pre-wrap;
}

@media (max-width: 480px) {
  .calendar.app .mainbar > .month table thead tr th, .calendar.app .mainbar > .day table thead tr th {
    font-size: inherit;
  }
}
/******************************************************************************\
|                                                                              |
|                                  _clock.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.clock.app .body {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  text-align: center;
}
.clock.app .body .face {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  margin: auto;
}
.clock.app .body .face .pie {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 100px;
}
.clock.app .body .face .digital.display {
  position: absolute;
  display: flex;
  width: 190px;
  height: 190px;
  margin: 5px;
  padding: 10px;
  border-width: 0;
  border-radius: 95px;
}
.clock.app .body .face .digital.display .digits {
  margin: auto;
  padding: 10px 0;
}
.clock.app .body .face .digital.display .digits .hours, .clock.app .body .face .digital.display .digits .minutes, .clock.app .body .face .digital.display .digits .colons, .clock.app .body .face .digital.display .digits .am-pm, .clock.app .body .face .digital.display .digits .dow, .clock.app .body .face .digital.display .digits .seconds {
  display: inline-block;
  font-size: 60px;
  line-height: 55px;
}
.clock.app .body .face .digital.display .digits .colons {
  display: inline-block;
  font-size: 90px;
  vertical-align: super;
  line-height: 0;
}
.clock.app .body .face .analog.display {
  position: absolute;
  width: 190px;
  height: 190px;
  margin: 5px;
  padding: 5px;
  border-width: 0;
  border-radius: 95px;
}
.clock.app .body .face .analog.display svg {
  margin-left: -10px;
  margin-top: -10px;
}
.clock.app .body .face .analog.display svg #center {
  stroke-width: 2px;
}
.clock.app .body .face .analog.display svg #hands #hourhand {
  stroke-width: 5px;
}
.clock.app .body .face .analog.display svg #hands #minutehand {
  stroke-width: 5px;
}
.clock.app .body .face .analog.display svg #hands #secondhand {
  stroke-width: 2px;
}
.clock.app .body .buttons {
  margin-top: 10px;
}
.clock.app.analog .digital.display {
  display: none;
}
.clock.app.digital .analog.display {
  display: none;
}

body:not(.binary) .clock.app .pie {
  background: #a0a0c6;
}
body:not(.binary) .clock.app .analog.display svg {
  filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.5));
  overflow: visible;
}

body[device=tablet] .clock.app .body {
  transform: scale(2);
}

[os=windows] .clock.app .body .face .digital.lcd.display {
  padding: 0;
}

/******************************************************************************\
|                                                                              |
|                               _code-editor.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.code-editor.app .body > .contents .sidebar .badges {
  display: none;
}
.code-editor.app .body > .contents .mainbar {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.code-editor.app .body > .contents .mainbar .tabbed-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.code-editor.app .body > .contents .mainbar .tabbed-content #tabs {
  flex-shrink: 0;
}
.code-editor.app .body > .contents .mainbar .tabbed-content .tab-content {
  position: relative;
  flex-grow: 1;
}
.code-editor.app .body > .contents .mainbar .tabbed-content .tab-content .tab-pane {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
}
.code-editor.app .body > .contents .mainbar .tabbed-content .tab-content .tab-pane .ace_gutter {
  z-index: 0;
}
.code-editor.app .body > .contents .mainbar .tabbed-content .tab-content .tab-pane pre.ace_editor {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  margin: 0;
  padding: 10px;
  border-radius: 0;
}
.code-editor.app .body > .contents .mainbar .tabbed-content .tab-content .tab-pane pre.ace_editor .ace_scrollbar {
  z-index: unset;
}
.code-editor.app .body > .contents .mainbar .tabbed-content .tab-content .tab-pane .ace_scroller.ace_scroll-left {
  box-shadow: none;
}
.code-editor.app .body > .contents pre[class*=language-] {
  margin: 0;
}

.code-editor .body > .contents .mainbar .code pre .ace_gutter {
  background-color: white;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: unset;
}
.code-editor .body > .contents .mainbar .code pre .ace_scroller.ace_scroll-left {
  box-shadow: none;
}

.cursor-info.info-bar:not(:empty) {
  width: 150px;
}

body.binary pre.ace_editor {
  background: white;
}
body.binary.dark pre.ace_editor {
  background: black;
}

body:not(.binary) pre.ace_editor {
  background: none;
}

.full-screen .code {
  background: white;
}

.dark .full-screen .code {
  background: black;
}

/******************************************************************************\
|                                                                              |
|                              _communicator.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.communicator.app .body > .contents .sidebar .topics.panel .items .subscribed.badge {
  display: none;
}
.communicator.app .body > .contents .mainbar .tab-pane {
  overflow: auto;
}
.communicator.app .body > .contents .mainbar .tab-pane > .topic {
  padding: 10px;
  min-height: 100%;
}
.communicator.app .body > .contents .mainbar .tab-pane > .post {
  margin: 10px;
}
.communicator.app .body > .contents .mainbar .tab-pane > .post.selected {
  margin: 9px;
}

/******************************************************************************\
|                                                                              |
|                              _contact-editor.scss                            |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.contact-editor.app .body > .contents .mainbar .tab-pane > div {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info {
  padding: 10px;
}
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info .form-group {
  margin-top: 0;
}
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info .organization.panel,
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info .info.panel {
  margin-top: 10px;
}
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info .organization.panel > form,
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info .info.panel > form {
  padding: 0;
}
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info .organization.panel > form .items,
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info .info.panel > form .items {
  overflow-x: hidden;
  overflow-y: hidden;
}
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info .organization.panel .map-marker,
.contact-editor.app .body > .contents .mainbar .tab-pane > div > .contact-info .info.panel .map-marker {
  display: inline-block;
  text-align: right;
  pointer-events: auto;
}

/******************************************************************************\
|                                                                              |
|                              _decibel-meter.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.decibel-meter.app .body {
  display: flex;
  flex-direction: column;
  padding: 10px;
  text-align: center;
}
.decibel-meter.app .body .face {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  margin: auto;
}
.decibel-meter.app .body .face .digital.display {
  position: absolute;
  display: flex;
  width: 200px;
  height: 200px;
  margin: 0;
  padding: 10px;
  border-width: 5px;
  border-radius: 50%;
  border-style: solid;
  border-color: #8080b3;
}
.decibel-meter.app .body .face .digital.display .decibel.digits {
  margin: auto;
  padding: 10px 0;
}
.decibel-meter.app .body .face .digital.display .decibel.digits .value {
  display: inline-block;
  font-size: 60px;
  line-height: 55px;
}
.decibel-meter.app .body .face .digital.display .max.digits {
  padding: 0;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0;
}
.decibel-meter.app .body .face .digital.display .max.digits .value {
  font-size: 200%;
}
.decibel-meter.app .body .face svg {
  width: 200px;
  height: 200px;
  position: absolute;
  overflow: visible;
}
.decibel-meter.app .body .face svg .wedge {
  stroke-width: 2;
  stroke-linecap: round;
  overflow: visible;
}
.decibel-meter.app .body .face .digital.display.led + svg .wedge:not(.active) {
  filter: url(#dark);
}
.decibel-meter.app .body .face .digital.display.led + svg .wedge.active path {
  filter: url("#glowing");
}
.decibel-meter.app .body .face .digital.display.lcd + svg .wedge:not(.active) {
  fill: #a0a0c6;
  stroke: #a0a0c6;
}
.decibel-meter.app .body .face .digital.display.lcd + svg .wedge.active path {
  fill: black;
  stroke: black;
  filter: drop-shadow(0 0 10px black);
}

body[device=tablet] .timer.app .body {
  transform: scale(2);
}

[os=windows] .timer.app .body .face .digital.lcd.display {
  padding: 0;
}

/******************************************************************************\
|                                                                              |
|                                _selection.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.selection {
  pointer-events: none;
  border-width: 1px;
  border-style: solid;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

.image .selection {
  border-color: white;
  background: white;
}

/******************************************************************************\
|                                                                              |
|                                _textures.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.textured {
  position: relative;
}
.textured::before {
  background-image: var(--texture);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  mix-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  opacity: var(--texture-opacity);
}
.textured > div {
  transform: translateZ(0);
}

:root {
  --texture-opacity: 1;
  --texture-blur: 5px;
}

.shaded.frosted .shaded::before, .shaded.frosted::before {
  filter: blur(var(--texture-blur));
}
.shaded.frosted .shaded::after, .shaded.frosted::after {
  filter: blur(var(--texture-blur));
}

/******************************************************************************\
|                                                                              |
|                                 _desktop.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
#desktop {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
#desktop > .spaces {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
#desktop > .spaces .flickable {
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#desktop > .spaces .flickable:active {
  cursor: grabbing;
}
#desktop > .spaces:not(.flickity-enabled) .spaces.dropdown {
  display: none;
}
#desktop > .spaces .modals {
  position: absolute;
}
#desktop > .spaces .modals .modal {
  position: absolute;
}
#desktop > .spaces.is-draggable .footer-bar .handle-bar .handle {
  cursor: grab;
}
#desktop > .spaces.is-draggable .footer-bar .handle-bar .handle:active {
  cursor: grabbing;
}
#desktop > .spaces .flickity-slider.animating {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
#desktop.hide-app-name .desktop.app .header-bar .app-bar {
  display: none;
}
#desktop.hide-clock .desktop.app .header-bar .status-bar .clock {
  display: none;
}
#desktop.hide-app-info .desktop.app .header-bar .status-bar .toolbar,
#desktop.hide-app-info .desktop.app .footer-bar .desktop-info-bar {
  display: none;
}

#desktop.show-trash-in-corner .file-browser .items .trash {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

body[device=desktop] .translucent:not(.thin-menu-bars) #desktop .desktop.app::before {
  position: absolute;
  z-index: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  height: 30px;
  pointer-events: none;
  filter: blur(15px);
}
body[device=desktop] .translucent.thin-menu-bars #desktop .desktop.app::before {
  position: absolute;
  z-index: 0;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  height: 25px;
  pointer-events: none;
  filter: blur(15px);
}
body[device=desktop] #desktop.show-trash-in-corner .desktop.app > .body > .app .mainbar > .items .cards .item.trash {
  width: 33%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  body[device=desktop] #desktop.show-trash-in-corner .desktop.app > .body > .app .mainbar > .items .cards .item.trash {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  body[device=desktop] #desktop.show-trash-in-corner .desktop.app > .body > .app .mainbar > .items .cards .item.trash {
    width: 20%;
  }
}

/******************************************************************************\
|                                                                              |
|                              _chat-browser.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                              _chat-viewer.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                              _file-browser.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.file-browser.app .body > .contents .mainbar, .file-browser.app .body-region > .contents .mainbar {
  position: relative;
  overflow: hidden;
  background: none !important;
}
.file-browser.app .body > .contents .mainbar .items, .file-browser.app .body-region > .contents .mainbar .items {
  overflow: auto;
  /*
  &[view="tiles"] + .dropzone {
  	color: white;
  }
  */
}
.file-browser.app .footer-bar {
  display: inline-flex;
}
.file-browser.app .footer-bar .address-bar {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.file-browser.app .footer-bar .address-bar .breadcrumb {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
}
.file-browser.app .footer-bar .directory-info {
  display: flex;
  flex-shrink: 0;
}
.file-browser.app .flickity-enabled.is-fullscreen {
  padding: 10px;
  background: black;
}

.modal.dialog .file-browser + .modal-footer .address-bar {
  padding: 2px;
  font-size: 90%;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  margin-top: 7px;
}
.modal.dialog .file-browser + .modal-footer .address-bar .breadcrumb {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
}

body[device=desktop] .modal.dialog .file-browser + .modal-footer, body[device=tablet] .modal.dialog .file-browser + .modal-footer {
  display: inline-flex;
}

/******************************************************************************\
|                                                                              |
|                               _help-viewer.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.help-viewer.app .cover.content {
  text-align: center;
}
.help-viewer.app .cover.content .logo {
  display: inline-flex;
  aspect-ratio: 1;
  width: 25%;
  min-width: 100px;
  height: auto;
  margin: auto;
}
.help-viewer.app .cover.content .logo.rounded {
  border-radius: 25%;
}
.help-viewer.app .cover.content .logo.round {
  border-radius: 50%;
}
.help-viewer.app .cover.content .logo img {
  position: relative;
  width: 80%;
  max-width: 80%;
  max-height: 80%;
  margin: auto;
}
.help-viewer.app .cover.content .brand {
  border: none;
  font-size: 400%;
  text-align: center;
}
.help-viewer.app .cover.content .brand span {
  display: inline-block;
}
.help-viewer.app .cover.content .brand, .help-viewer.app .cover.content .name {
  text-align: center;
}
.help-viewer.app .cover.content .name {
  color: white !important;
  background-color: var(--primary-color);
  padding: 0 30px;
  margin: auto;
}
.help-viewer.app .body .contents {
  /*
  .breadcrumb {
  	li:first-child {
  		display: none;

  		+ li {
  			&::before {
  				display: none;
  			}
  		}
  	}
  }
  */
}
.help-viewer.app .body .contents .page {
  background: none;
}
.help-viewer.app .body .contents .page .contents {
  border: none;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.help-viewer.app .body .contents .page .contents .breadcrumb {
  display: block;
}
.help-viewer.app .body .contents .page .contents .content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 10px;
}
.help-viewer.app .body .contents .page .contents .content h1 {
  margin-top: 0;
}
.help-viewer.app .body .contents .page .contents .content .section {
  margin: 0 -30px;
}
.help-viewer.app .body .contents .page .contents .content .attention {
  margin: 0 auto;
}
.help-viewer.app .body .contents .page .contents .content .attention + div {
  margin-top: 20px;
}
.help-viewer.app .body .contents .page .contents .content .attention.title-icon {
  margin: auto;
}
.help-viewer.app .body .contents .page .contents .content ol > li, .help-viewer.app .body .contents .page .contents .content ul > li {
  margin-bottom: 10px;
}
.help-viewer.app .body .contents .page .contents .content ol {
  padding-inline-start: 20px;
  padding-inline-end: 40px;
}
.help-viewer.app .body .contents .page .contents .content ol li {
  padding-left: 20px;
}
.help-viewer.app .body .contents .page .contents .content ul {
  padding-inline-start: 30px;
}
.help-viewer.app .body .contents .page .contents .content ul li {
  padding-left: 10px;
}
.help-viewer.app .body .contents .page .contents .help {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.rounded .help-viewer.app .cover.content .logo:not(.square):not(.round) {
  border-radius: 25%;
}
.rounded .help-viewer.app .cover.content .name {
  border-radius: 10px;
}

.round .help-viewer.app .cover.content .logo:not(.square):not(.rounded) {
  border-radius: 50%;
}
.round .help-viewer.app .cover.content .name {
  border-radius: 20px;
}

.modal .help-viewer.app .cover.content .brand {
  font-size: 300%;
}
.modal .help-viewer.app .cover.content .name {
  font-size: 150%;
}

body[device=desktop] .help-viewer.app .body .mainbar .breadcrumb {
  display: none;
}
body[device=desktop] .help-viewer.app .footer-bar > div:first-child,
body[device=desktop] .help-viewer.app .footer-bar > div:last-child {
  width: 25%;
}

/******************************************************************************\
|                                                                              |
|                              _text-colors.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                               _image-viewer.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.image-viewer.app .body > .contents .sidebar .image-info.panel > .info {
  overflow-y: auto;
  overflow-x: hidden;
  height: 300px;
}
.image-viewer.app .body > .contents .mainbar {
  position: relative;
}
.image-viewer.app .body > .contents .mainbar .image {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.image-viewer.app .body > .contents .mainbar .image > img:not(.loading) {
  margin: auto;
  flex-grow: 0;
  flex-shrink: 0;
  filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.5));
}
.image-viewer.app .body > .contents .mainbar .image > img:not(.loading)[width="100%"][height="100%"] {
  object-fit: contain;
}
.image-viewer.app .body > .contents .mainbar .image .caption {
  display: flex;
  position: absolute;
  text-align: center;
  bottom: 0;
  padding: 10px;
  width: 100%;
}
.image-viewer.app .body > .contents .mainbar .image .caption .text {
  background: black;
  font-size: 125%;
  padding: 5px 10px;
  margin: auto;
  border-radius: 1em;
  border: 2px solid white;
  color: white;
}
.image-viewer.app .body > .contents .mainbar .image.hide-caption .caption {
  display: none;
}
.image-viewer.app .body > .contents .mainbar .annotation.fineprint {
  display: inline-block;
  position: absolute;
  color: #272740;
  background: white;
  padding: 0 10px;
  white-space: nowrap;
}
.image-viewer.app .body > .contents .mainbar .image:fullscreen {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  background: black;
}
.image-viewer.app .body > .contents .mainbar .image:fullscreen .caption {
  position: fixed;
}
.image-viewer.app .body > .contents .mainbar .image:-webkit-full-screen {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  background: black;
}
.image-viewer.app .body > .contents .mainbar .image:-webkit-full-screen .caption {
  position: fixed;
}
.image-viewer.app .body > .contents .mainbar .image:-moz-full-screen {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  background: black;
}
.image-viewer.app .body > .contents .mainbar .image:-moz-full-screen .caption {
  position: fixed;
}
.image-viewer.app .body > .contents .mainbar .image:-ms-fullscreen {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  background: black;
}
.image-viewer.app .body > .contents .mainbar .image:-ms-fullscreen .caption {
  position: fixed;
}
.image-viewer.app .footer-bar .file-info {
  display: flex;
  flex-direction: row-reverse;
}

.resolution.items .item .preview {
  background-color: #6060a0;
  display: flex;
  pointer-events: auto;
}
.resolution.items .item .preview .aspect-ratio {
  color: #c0c0d9;
  margin: auto;
}
.resolution.items .item.selected .preview {
  border-width: 1px;
  border-style: solid;
}

/*
.colored {
	.image-viewer.app {
		.body > .contents {
			.sidebar {
				.panels {
					background: $very-very-very-dark-grey;
				}
			}
		}
	}
}
*/
@media (max-width: 480px) {
  .image-viewer.app .header-bar .zoom-bar .input input[type=range] {
    display: none;
  }
  .image-viewer.app .body > .contents .mainbar .image {
    overflow: auto;
  }
}
body[device=desktop] .image-viewer.app .mainbar .image {
  overflow: hidden;
}

body[device=phone] .image-viewer.app .mainbar .image, body[device=tablet] .image-viewer.app .mainbar .image {
  overflow: auto;
}

[browser=safari] .image-viewer.app .image img.pixelated {
  transform: none !important;
  filter: none !important;
}

@-moz-document url-prefix() {
  .image-viewer.app .image img.pixelated {
    image-rendering: optimizeSpeed;
  }
}
/******************************************************************************\
|                                                                              |
|                                _map-viewer.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.map-viewer.app .sidebar .panel:not(:first-child) .geolocation.badge, .map-viewer.app .sidebar .panel:not(:first-child) .geoposition.badge {
  display: none;
}
.map-viewer.app .mainbar .geolocation.badge, .map-viewer.app .mainbar .geoposition.badge {
  display: none;
}
.map-viewer.app .crosshairs {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  width: 25px;
  height: 25px;
  margin-left: -12px;
  margin-top: -12px;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.5);
  /*
  &::after {
  	display: inline-block;
  	width: 25px;
  	height: 25px;
  	content: "+";
  	font-family: "Font Awesome";
  	font-size: 25px;
  	line-height: 25px;
  	color: black;
  	text-align: center;
  	box-shadow: none;
  }
  */
}
.map-viewer.app .crosshairs img {
  width: 25px;
  height: 25px;
}

.info-bar .latitude, .info-bar .longitude {
  width: 60px;
}

.round .map-viewer.app .crosshairs {
  border-radius: 12px;
}

.rounded .map-viewer.app .crosshairs {
  border-radius: 5px;
}

body[device=phone] .info-bar .latitude, body[device=phone] .info-bar .longitude, body[device=tablet] .info-bar .latitude, body[device=tablet] .info-bar .longitude {
  width: 50px;
}

[browser=firefox] .map-viewer.app .crosshairs::after {
  line-height: 25px;
}

/******************************************************************************\
|                                                                              |
|                               _post-viewer.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.post-viewer.app .body > .contents .sidebar .topics.panel {
  overflow: hidden;
}
.post-viewer.app .body > .contents .sidebar .topics.panel .items .subscribed.badge {
  display: none;
}
.post-viewer.app .body > .contents .mainbar > div {
  position: relative;
  padding: 10px;
}

/******************************************************************************\
|                                                                              |
|                          _notification-center.scss                           |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.notification-center.app .body > .contents {
  overflow: hidden;
  height: 100%;
}
.notification-center.app .body > .contents .content {
  height: 100%;
  overflow: auto;
  background: none;
}

.connection-requests, .notifications {
  /*
  .form-group:first-child .form-label {
  	visibility: hidden;
  	height: 0;
  }
  */
}
.connection-requests .form-group:first-child .form-label, .notifications .form-group:first-child .form-label {
  font-size: 0;
}
.connection-requests .form-group .form-control-static, .notifications .form-group .form-control-static {
  width: 75%;
  white-space: normal;
}

/******************************************************************************\
|                                                                              |
|                                _pdf-viewer.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.pdf-viewer.app .header-bar .zoom-bar input[type=range] {
  margin-right: 5px;
}
.pdf-viewer.app .body > .contents {
  /*
  .sidebar {
  	.panels {
  		background: black;

  		.pages.panel {
  			padding: 0;
  			background: none !important;
  			border-color: transparent !important;

  			label {
  				display: none;
  			}

  			.tile-grid {
  				background: none;
  				text-align: center;
  			}
  		}
  	}
  }
  */
}

@media (min-width: 480px) {
  .pdf-viewer.app .header-bar .zoom-bar input[type=range] {
    width: 150px;
  }
  .pdf-viewer.app .footer-bar > div:first-child,
  .pdf-viewer.app .footer-bar > div:last-child {
    width: 25%;
  }
}
@media (max-width: 480px) {
  .pdf-viewer.app .header-bar .zoom-bar .input input[type=range] {
    display: none;
  }
}
/******************************************************************************\
|                                                                              |
|                            _profile-browser.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                             _profile-viewer.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.profile-viewer.app .body > .contents .mainbar .user-panels, .profile-viewer.app .body-region > .contents .mainbar .user-panels {
  position: relative;
  padding: 10px;
  overflow: auto;
}

@media (min-width: 480px) {
  .profile-viewer.app .body > .contents .mainbar td.sender, .profile-viewer.app .body > .contents .mainbar td.recipient {
    width: 33%;
  }
}
/******************************************************************************\
|                                                                              |
|                            _project-browser.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                             _project-viewer.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.project-viewer.app .body > .contents .mainbar .project {
  height: 100%;
  overflow: auto;
}
.project-viewer.app .body > .contents .mainbar .task {
  padding: 10px;
  overflow: auto;
  max-height: 100%;
  /*
  h3 {
  	font-weight: bold;
  }
  */
}
.project-viewer.app .body > .contents .mainbar .task .task-title .icon {
  display: inline-flex;
  width: 50px;
  height: 50px;
}
.project-viewer.app .body > .contents .mainbar .task .task-title .icon i {
  font-size: 40px;
  display: unset;
  margin: auto;
}
.project-viewer.app .body > .contents .mainbar .task .title.form-group {
  margin: 0;
}
.project-viewer.app .body > .contents .mainbar .task .title.form-group .controls .form-control-static {
  margin-bottom: 10px;
}
.project-viewer.app .body > .contents .mainbar .task .panel + .panel {
  margin-top: 10px;
}
.project-viewer.app .body > .contents .mainbar .task .buttons {
  float: right;
  margin-top: -5px;
}

.project-viewer.app .body > .contents .mainbar .task .task-info .task-title {
  width: 100%;
  text-align: center;
}
.project-viewer.app .body > .contents .mainbar .task .task-info .task-title .control-label, .project-viewer.app .body > .contents .mainbar .task .task-info .task-title .task-icon {
  width: 100%;
  text-align: center;
  padding: 0;
}
.project-viewer.app .body > .contents .mainbar .task .task-info .task-title .controls {
  width: 100%;
}

/******************************************************************************\
|                                                                              |
|                              _search-viewer.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.search-viewer.app .form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.search-viewer.app .search-bar {
  display: block;
  padding: 0;
}
.search-viewer.app .search-bar .input {
  display: block;
  position: relative;
  text-align: left;
  padding: 0;
  overflow: auto;
}
.search-viewer.app .search-bar .input [contenteditable=true] {
  font-family: inherit;
  font-weight: normal;
  font-size: inherit;
  outline: none;
  flex-grow: 1;
  line-height: 25px;
  padding: 10px;
  float: left;
  min-width: calc(100% - 75px);
}
.search-viewer.app .search-bar .input [contenteditable=true] * {
  font-family: inherit !important;
  font-weight: normal !important;
  font-size: inherit !important;
}
.search-viewer.app .search-bar .input [contenteditable=true]:empty:before {
  content: var(--search-placeholder);
  color: #a0a0c6;
}
.search-viewer.app .search-bar .input [contenteditable=true]:empty + .buttons .submit {
  opacity: 0.5;
  pointer-events: none;
}
.search-viewer.app .search-bar .input [contenteditable=true]:empty + .buttons .clear {
  display: none;
}
.search-viewer.app .search-bar .input .buttons {
  margin: 10px;
  padding: 0;
}
.search-viewer.app .search-bar.text {
  --search-placeholder: "Enter search terms.";
}
.search-viewer.app .search-bar.name {
  --search-placeholder: "Firstname Lastname.";
}
.search-viewer.app .search-bar.url {
  --search-placeholder: "Enter a URL.";
}
.search-viewer.app .well {
  line-height: 25px;
}
.search-viewer.app .well .buttons {
  display: flex;
  height: 25px;
  margin-left: auto;
  float: right;
}
.search-viewer.app .search-panel {
  width: 100%;
  height: 100%;
  display: flex;
}
.search-viewer.app .search-panel .panel {
  display: inline-block;
  text-align: center;
  width: 75%;
  padding: 20px;
  margin: auto;
  color: #a0a0c6;
}
.search-viewer.app .search-panel .panel .icon i {
  font-size: 300%;
  color: #8080b3;
  margin-bottom: 10px;
}
.search-viewer.app .search-panel .panel input[type=file] {
  margin-bottom: 10px;
}

.search-results .options {
  display: block;
}
.search-results .options > div {
  display: inline-block;
  margin: 0 5px;
  margin-bottom: 15px;
}
.search-results .items > .item-list {
  padding: 0;
}
.search-results .score {
  background: none !important;
}
.search-results .score .rating {
  display: inline-flex;
  /*
  .bar {
  	display: inline-block;
  	width: 5px;
  	height: 10px;
  	margin: 2px 1px;
  }
  */
}
.search-results .score .rating i.fa.fa-star {
  font-size: 10px !important;
  margin: 2px 1px !important;
}
.search-results .well {
  line-height: 25px;
}
.search-results .well .buttons {
  display: flex;
  height: 25px;
  margin-left: auto;
  float: right;
}
.search-results .tab-content + .buttons {
  margin-top: 20px;
}
.search-results .credits {
  margin-top: 10px;
}

.page .search-results .items {
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}

.page .search-results .well .buttons {
  display: none;
}

.app .search-results {
  padding-bottom: 10px;
}
.app .search-results .tab-content + .buttons {
  display: none;
}

.round .search-bar .input {
  border-radius: 15px;
}
.round .search-bar .input::-webkit-scrollbar-track {
  border-radius: 15px;
}

.rounded .search-bar .input {
  border-radius: 5px;
}
.rounded .search-bar .input::-webkit-scrollbar-track {
  border-radius: 5px;
}

.page .search-results .owner {
  display: none !important;
}

/******************************************************************************\
|                                                                              |
|                           _settings-browser.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.settings-browser.app .body > .contents .mainbar .panels {
  overflow: auto;
  width: 100%;
  height: 100%;
}
.settings-browser.app .body > .contents .mainbar .panels .preferences.panel {
  width: auto !important;
  height: auto !important;
  margin: 10px;
  text-align: center;
}

/******************************************************************************\
|                                                                              |
|                            _settings-manager.scss                            |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.settings-manager.app .body > .contents .mainbar {
  position: relative;
  overflow: hidden;
}
.settings-manager.app .body > .contents .mainbar > form {
  width: 100%;
  height: 100%;
  padding: 10px;
  overflow: auto;
}
.settings-manager.app .body > .contents .mainbar .desktop-settings {
  flex-direction: column;
  display: flex;
}
.settings-manager.app .body > .contents .mainbar .desktop-settings .tab-content {
  height: 100%;
}
.settings-manager.app .body > .contents .mainbar .desktop-settings .tab-content .apps-settings {
  height: 100%;
}
.settings-manager.app .body > .contents .mainbar .desktop-settings .tab-content .apps-settings .buttons {
  width: 100%;
  text-align: center;
}
.settings-manager.app .body > .contents .mainbar .desktop-settings .tab-content .apps-settings .desktop-app {
  height: calc(100% - 20px);
  margin: 0;
  flex-grow: 1;
  overflow: hidden;
}
.settings-manager.app .body > .contents .mainbar .desktop-settings .tab-content .apps-settings .desktop-app .items .pager {
  width: 100%;
  padding: 0;
  margin: auto;
}
.settings-manager.app .body > .contents .mainbar .desktop-settings .tab-content .apps-settings .desktop-app .items .pager .pages .row .desktop.preview {
  min-width: 150px;
  max-width: 75%;
  aspect-ratio: 1.5;
  pointer-events: auto;
}
.settings-manager.app .body > .contents .mainbar .desktop-settings .tab-content .apps-settings .desktop-app .items .pager .pages .row .desktop.preview i {
  font-size: 100px;
  margin: auto;
}
.settings-manager.app .body > .contents .mainbar .pages {
  height: calc(100% - 30px);
}
.settings-manager.app .body > .contents .mainbar .nav-bar {
  margin-top: -50px;
}
.settings-manager.app .body > .contents .mainbar .pie {
  width: 100px;
  height: 100px;
  margin: auto;
  margin-bottom: 10px;
}

body[device=desktop] .settings-manager.app .desktop.preview .app-preview.app_launcher {
  background-image: url("../images/settings/transparent/desktop/desktop-apps.png");
}
body[device=desktop] .settings-manager.app .desktop.preview .app-preview.file_browser {
  background-image: url("../images/settings/transparent/desktop/desktop-files.png");
}
body[device=desktop] .settings-manager.app .desktop.preview .app-preview.news_browser {
  background-image: url("../images/settings/transparent/desktop/desktop-news.png");
}
body[device=desktop] .settings-manager.app .desktop.preview .app-preview.direct_messenger {
  background-image: url("../images/settings/transparent/desktop/desktop-messages.png");
}
body[device=desktop] .settings-manager.app .desktop.preview .app-preview.map_viewer {
  background-image: url("../images/settings/transparent/desktop/desktop-maps.png");
}
body[device=desktop] .settings-manager.app .desktop.preview .app-preview.calendar {
  background-image: url("../images/settings/transparent/desktop/desktop-dates.png");
}
body[device=desktop] .settings-manager.app .desktop.preview .app-preview.audio_player {
  background-image: url("../images/settings/transparent/desktop/desktop-audio.png");
}

body[device=tablet] .settings-manager.app .desktop.preview .app-preview.app_launcher {
  background-image: url("../images/settings/transparent/tablet/tablet-apps.png");
}
body[device=tablet] .settings-manager.app .desktop.preview .app-preview.file_browser {
  background-image: url("../images/settings/transparent/tablet/tablet-files.png");
}
body[device=tablet] .settings-manager.app .desktop.preview .app-preview.news_browser {
  background-image: url("../images/settings/transparent/tablet/tablet-news.png");
}
body[device=tablet] .settings-manager.app .desktop.preview .app-preview.direct_messenger {
  background-image: url("../images/settings/transparent/tablet/tablet-chats.png");
}
body[device=tablet] .settings-manager.app .desktop.preview .app-preview.map_viewer {
  background-image: url("../images/settings/transparent/tablet/tablet-maps.png");
}
body[device=tablet] .settings-manager.app .desktop.preview .app-preview.calendar {
  background-image: url("../images/settings/transparent/tablet/tablet-dates.png");
}
body[device=tablet] .settings-manager.app .desktop.preview .app-preview.audio_player {
  background-image: url("../images/settings/transparent/tablet/tablet-audio.png");
}

body[device=phone] .settings-manager.app .desktop.preview {
  height: 100%;
}
body[device=phone] .settings-manager.app .desktop.preview .app-preview.app_launcher {
  background-image: url("../images/settings/transparent/mobile/mobile-apps.png");
}
body[device=phone] .settings-manager.app .desktop.preview .app-preview.file_browser {
  background-image: url("../images/settings/transparent/mobile/mobile-files.png");
}
body[device=phone] .settings-manager.app .desktop.preview .app-preview.news_browser {
  background-image: url("../images/settings/transparent/mobile/mobile-news.png");
}
body[device=phone] .settings-manager.app .desktop.preview .app-preview.direct_messenger {
  background-image: url("../images/settings/transparent/mobile/mobile-chats.png");
}
body[device=phone] .settings-manager.app .desktop.preview .app-preview.map_viewer {
  background-image: url("../images/settings/transparent/mobile/mobile-maps.png");
}
body[device=phone] .settings-manager.app .desktop.preview .app-preview.calendar {
  background-image: url("../images/settings/transparent/mobile/mobile-dates.png");
}
body[device=phone] .settings-manager.app .desktop.preview .app-preview.audio_player {
  background-image: url("../images/settings/transparent/mobile/mobile-audio.png");
}

/******************************************************************************\
|                                                                              |
|                                _terminal.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.terminal.app .body .contents {
  color: #00ff00;
  background-color: black;
  padding: 10px;
}
.terminal.app .body .contents .command-line {
  font-family: "Monaco", sans-serif;
  display: flex;
  white-space: pre-wrap;
}
.terminal.app .body .contents .command-line .prompt:before {
  content: "> ";
}
.terminal.app .body .contents .command-line .cursor {
  color: darkgrey;
}
.terminal.app .body .contents .command-line .cursor:after {
  content: "▊";
}

/******************************************************************************\
|                                                                              |
|                               _text-editor.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.text-editor.app .body textarea {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  padding: 10px;
  resize: none;
  background: none;
}
.text-editor.app .body textarea:not(.highlighted) {
  outline: none;
}
.text-editor.app .footer-bar #message-bar {
  flex-grow: 1;
}

/******************************************************************************\
|                                                                              |
|                            _theme-manager.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.theme-manager.app .mainbar > .content {
  padding: 10px;
  height: 100%;
  overflow: auto;
}
.theme-manager.app .mainbar > .content .desktop.preview {
  display: inline-block;
  width: 200px;
  height: 133px;
  border-color: black;
}
.theme-manager.app .mainbar > .content .desktop.preview .launcher-preview {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.theme-manager.app .mainbar > .content .controls-preview .controls {
  width: 75%;
  margin: 25px auto;
  text-align: center;
}
.theme-manager.app .mainbar > .content .controls-preview .controls .menu-bar {
  width: 200px;
  height: 50px;
}
.theme-manager.app .mainbar > .content .controls-preview .controls .menu-bar .nav-menus {
  float: left;
}
.theme-manager.app .mainbar > .content .controls-preview .controls .menu-bar .nav-menus .dropdown {
  display: block;
}
.theme-manager.app .mainbar > .content .desktop-app > .controls,
.theme-manager.app .mainbar > .content .background-image > .controls {
  text-align: center;
}

body[device=desktop] .theme-manager.app .desktop.preview {
  width: 200px;
  height: 133px;
}
body[device=desktop] .theme-manager.app .desktop.preview .launcher-preview.taskbar {
  background-image: url("../images/settings/transparent/desktop/desktop-task-bar.png");
}
body[device=desktop] .theme-manager.app .desktop.preview .launcher-preview.dock {
  background-image: url("../images/settings/transparent/desktop/desktop-dock-bar.png");
}
body[device=desktop] .theme-manager.app .desktop.preview .launcher-preview.menu {
  background-image: url("../images/settings/transparent/desktop/desktop-run-menu.png");
}

body[device=tablet] .theme-manager.app .desktop.preview {
  width: 200px;
  height: 266px;
}
body[device=tablet] .theme-manager.app .desktop.preview .launcher-preview.taskbar {
  background-image: url("../images/settings/transparent/tablet/tablet-task-bar.png");
}
body[device=tablet] .theme-manager.app .desktop.preview .launcher-preview.dock {
  background-image: url("../images/settings/transparent/tablet/tablet-dock-bar.png");
}
body[device=tablet] .theme-manager.app .desktop.preview .launcher-preview.menu {
  background-image: url("../images/settings/transparent/tablet/tablet-run-menu.png");
}

body[device=phone] .theme-manager.app .desktop.preview {
  width: 133px;
  height: 236px;
}
body[device=phone] .theme-manager.app .desktop.preview .launcher-preview.taskbar {
  background-image: url("../images/settings/transparent/mobile/mobile-task-bar.png");
}
body[device=phone] .theme-manager.app .desktop.preview .launcher-preview.dock {
  background-image: url("../images/settings/transparent/mobile/mobile-dock-bar.png");
}
body[device=phone] .theme-manager.app .desktop.preview .launcher-preview.menu {
  background-image: url("../images/settings/transparent/mobile/mobile-run-menu.png");
}

/******************************************************************************\
|                                                                              |
|                             _theme-picker.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.theme-picker.app .body {
  width: 100%;
  height: 100%;
}
.theme-picker.app .body .contents {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.theme-picker.app .body .contents label {
  display: block;
  text-align: center;
}
.theme-picker.app .body .contents .items {
  display: flex;
  width: 100%;
  text-align: center;
  min-height: 0;
  overflow: auto;
}
.theme-picker.app .body .contents .items .icon-grid {
  margin: auto;
  min-height: auto;
}
.theme-picker.app .body .contents .items .card-grid {
  width: 100%;
}
.theme-picker.app .body .contents .well {
  flex-shrink: 0;
  text-align: center;
  margin: 0;
  margin-top: 10px;
}

/******************************************************************************\
|                                                                              |
|                                  _timer.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.timer.app .body {
  display: flex;
  flex-direction: column;
  padding: 10px;
  text-align: center;
}
.timer.app .body .face {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  margin: auto;
}
.timer.app .body .face .pie {
  position: absolute;
  width: 200px;
  height: 200px;
}
.timer.app .body .face .digital.display {
  position: absolute;
  display: flex;
  width: 190px;
  height: 190px;
  margin: 5px;
  padding: 10px;
  border-width: 0;
  border-radius: 50%;
}
.timer.app .body .face .digital.display .digits {
  margin: auto;
  padding: 10px 0;
}
.timer.app .body .face .digital.display .digits .hours, .timer.app .body .face .digital.display .digits .minutes, .timer.app .body .face .digital.display .digits .seconds, .timer.app .body .face .digital.display .digits .hundredths, .timer.app .body .face .digital.display .digits .colons {
  display: inline-block;
  font-size: 60px;
  line-height: 55px;
}
.timer.app .body .face .digital.display .digits .colons {
  display: inline-block;
  font-size: 90px;
  vertical-align: super;
  line-height: 0;
}

body[device=tablet] .timer.app .body {
  transform: scale(2);
}

[os=windows] .timer.app .body .face .digital.display {
  padding: 0;
}

/******************************************************************************\
|                                                                              |
|                              _topic-browser.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                               _topic-viewer.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.topic-viewer.app .body > .contents .sidebar .topics.panel .items .subscribed.badge {
  display: none;
}
.topic-viewer.app .body > .contents .mainbar .tab-pane {
  overflow: auto;
}
.topic-viewer.app .body > .contents .mainbar .tab-pane > .topic {
  padding: 10px;
  min-height: 100%;
}
.topic-viewer.app .body > .contents .mainbar .tab-pane > .post {
  margin: 10px;
}
.topic-viewer.app .body > .contents .mainbar .tab-pane > .post.selected {
  margin: 9px;
}

/******************************************************************************\
|                                                                              |
|                               _tune-editor.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.tune-editor.app .header-bar .track-bar .toolbar .elapsed-time {
  min-width: 50px;
  line-height: 28px;
  padding-left: 5px;
}
.tune-editor.app .header-bar .track-bar .toolbar .repeat {
  margin-left: 10px;
}
.tune-editor.app .header-bar .track-bar .toolbar .track-length {
  min-width: 50px;
  line-height: 28px;
  text-align: center;
}
.tune-editor.app .header-bar .track-bar .toolbar input[type=range] {
  display: inline-block;
  height: 28px;
}
.tune-editor.app .body > .contents > .sidebar .badges {
  display: none;
}
.tune-editor.app .body > .contents > .mainbar {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content #tabs {
  flex-shrink: 0;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content .tab-content {
  position: relative;
  flex-grow: 1;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content .tab-content::after {
  content: "";
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content .tab-content .tab-pane {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content .tab-content .tab-pane .split-view {
  width: 100%;
  height: 100%;
  border: none;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content .tab-content .tab-pane .split-view .mainbar {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content .tab-content .tab-pane .split-view .mainbar .cursor {
  background-color: grey;
  opacity: 0.5;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content .tab-content .tab-pane .split-view .sidebar {
  overflow: hidden;
  border: none;
}
.tune-editor.app .body > .contents > .mainbar .tabbed-content .tab-content .tab-pane .split-view .sidebar textarea {
  width: 100%;
  height: 100%;
  resize: none;
  padding: 10px;
  outline: none;
  overflow: auto;
  border: none;
  border-radius: 0;
}
.tune-editor.app .abcjs-note_selected {
  fill: grey !important;
}

body:not(.dark) .full-screen .tune-editor.app .mainbar {
  background: white;
}

.light.colored .tune-editor.app .abcjs-note_selected {
  fill: grey !important;
}

.dark.colored .tune-editor.app svg path, .dark.colored .tune-editor.app svg text {
  fill: white;
}

/******************************************************************************\
|                                                                              |
|                               _video-player.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.video-player.app .header-bar .clip-bar .toolbar .elapsed-time {
  min-width: 50px;
  padding-left: 5px;
}
.video-player.app .header-bar .clip-bar .toolbar .repeat {
  margin-left: 10px;
}
.video-player.app .header-bar .clip-bar .toolbar .clip-duration {
  min-width: 50px;
  text-align: center;
}
.video-player.app .header-bar .clip-bar .toolbar input[type=range] {
  display: inline-block;
}
.video-player.app .body > .contents .mainbar .video {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.video-player.app .body > .contents .mainbar .video video:not(.loading) {
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.video-player.app .footer-bar {
  display: flex;
  text-align: center;
}
.video-player.app .footer-bar .nav-bar {
  flex-grow: 1;
  text-align: center;
  white-space: nowrap;
}
.video-player.app .footer-bar .file-info {
  display: flex;
  flex-direction: row-reverse;
}

@media (min-width: 480px) {
  .video-player.app .header-bar .clip-bar input[type=range] {
    width: 100px;
  }
  .video-player.app .header-bar .volume-bar input[type=range] {
    width: 75px;
  }
}
/******************************************************************************\
|                                                                              |
|                               _web-browser.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.web-browser.app {
  height: 100%;
  overflow: hidden;
}
.web-browser.app .body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.web-browser.app .body .sidebar .favicon {
  width: 15px;
  height: 15px;
  margin: 5px;
}
.web-browser.app .body .contents {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.web-browser.app .body .contents .web {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
}

/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                _binary.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
body:not(.binary) .binary-only {
  display: none !important;
}

body.binary .non-binary-only {
  display: none !important;
}

/******************************************************************************\
|                                                                              |
|                                _colored.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
body {
  --primary-color: #6060a0;
  --secondary-color: #a0a0c6;
}

body.red {
  --primary-color: hsl(0, 80%, 60%);
}

body.raspberry {
  --primary-color: hsl(330, 80%, 60%);
}

body.red-orange {
  --primary-color: hsl(15, 80%, 60%);
}

body.red-orange {
  --primary-color: hsl(15, 80%, 60%);
}

body.orange {
  --primary-color: hsl(30, 80%, 60%);
}

body.gold {
  --primary-color: hsl(45, 75%, 60%);
}

body.yellow {
  --primary-color: hsl(60, 50%, 60%);
}

body.lime {
  --primary-color: hsl(90, 50%, 50%);
}

body.green {
  --primary-color: hsl(135, 33%, 50%);
}

body.teal {
  --primary-color: hsl(180, 50%, 40%);
}

body.aqua {
  --primary-color: hsl(200, 50%, 50%);
}

body.cyan {
  --primary-color: hsl(200, 100%, 66%);
}

body.blue {
  --primary-color: hsl(220, 100%, 66%);
}

body.indigo {
  --primary-color: hsl(230, 75%, 50%);
}

body.violet {
  --primary-color: hsl(250, 33%, 50%);
}

body.plum {
  --primary-color: hsl(270, 25%, 50%);
}

body.purple {
  --primary-color: hsl(270, 50%, 50%);
}

body.magenta {
  --primary-color: hsl(280, 33%, 50%);
}

body.grey {
  --primary-color: #6060a0;
}

body.brown {
  --primary-color: hsl(30, 30%, 50%);
}

.red-accented {
  --secondary-color: hsl(0, 80%, 60%);
}

.raspberry-accented {
  --secondary-color: hsl(330, 80%, 60%);
}

.red-orange-accented {
  --secondary-color: hsl(15, 80%, 60%);
}

.red-orange-accented {
  --secondary-color: hsl(15, 80%, 60%);
}

.orange-accented {
  --secondary-color: hsl(30, 80%, 60%);
}

.gold-accented {
  --secondary-color: hsl(45, 75%, 60%);
}

.yellow-accented {
  --secondary-color: hsl(60, 50%, 60%);
}

.lime-accented {
  --secondary-color: hsl(90, 50%, 50%);
}

.green-accented {
  --secondary-color: hsl(135, 33%, 50%);
}

.teal-accented {
  --secondary-color: hsl(180, 50%, 40%);
}

.aqua-accented {
  --secondary-color: hsl(200, 50%, 50%);
}

.cyan-accented {
  --secondary-color: hsl(200, 100%, 66%);
}

.blue-accented {
  --secondary-color: hsl(220, 100%, 66%);
}

.indigo-accented {
  --secondary-color: hsl(230, 75%, 50%);
}

.violet-accented {
  --secondary-color: hsl(250, 33%, 50%);
}

.plum-accented {
  --secondary-color: hsl(270, 25%, 50%);
}

.purple-accented {
  --secondary-color: hsl(270, 50%, 50%);
}

.magenta-accented {
  --secondary-color: hsl(280, 33%, 50%);
}

.grey-accented {
  --secondary-color: #6060a0;
}

.brown-accented {
  --secondary-color: hsl(30, 30%, 50%);
}

/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                            _comment-bubbles.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.comment-bubble {
  position: relative;
  display: inline-block;
}
.comment-bubble .comment-inner {
  display: inline-block;
  width: 100%;
  padding: 2px 10px;
  text-decoration: none;
  word-break: break-word;
  color: unset;
  border-width: 1px;
  border-style: solid;
  border-color: unset;
  background-color: white;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.comment-bubble .comment-inner[contenteditable=true] {
  display: inline-block;
}
.comment-bubble .comment-inner[contenteditable=true]:empty {
  display: block;
}
.comment-bubble .comment-inner[contenteditable=true]:empty::after {
  opacity: 0.5;
}
.comment-bubble .comment-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.comment-bubble.top .comment-arrow {
  bottom: 1px;
  left: 50%;
  border-width: 5px 5px 0;
  border-top-color: unset;
}
.comment-bubble.bottom .comment-arrow {
  top: -5px;
  left: 18px;
  border-width: 0 5px 5px;
  border-bottom-color: unset;
}
.comment-bubble.right .comment-arrow {
  top: 50%;
  margin-top: -5px;
  left: -5px;
  border-width: 5px 5px 5px 0;
  margin-top: -5px;
  border-right-color: unset;
}
.comment-bubble.left .comment-arrow {
  top: 50%;
  margin-top: -5px;
  right: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: unset;
}
.comment-bubble.lower.right .comment-arrow {
  top: 13px;
  left: -4px;
}
.comment-bubble.lower.left .comment-arrow {
  top: 13px;
  right: -4px;
}

.selected .comment-bubble .comment-inner {
  color: white;
  border-color: black;
  background-color: black;
}
.selected .comment-bubble .item .name {
  color: black;
  background: white;
}

body.round .comment-bubble .comment-inner {
  border-radius: 13px;
}

body.rounded .comment-bubble .comment-inner {
  border-radius: 7px;
}

body.square .comment-bubble .comment-inner {
  border-radius: 0;
}

/******************************************************************************\
|                                                                              |
|                                _comments.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.comments.panel {
  padding: 5px;
}
.comments.panel .header {
  padding: 0 5px;
}
.comments.panel .header .expander {
  height: 25px;
  line-height: 25px;
}
.comments.panel .header .expander i {
  margin: 0 5px;
}
.comments.panel .comments-list {
  margin: 0 5px;
  margin-top: 10px;
}
.comments.panel .comments-list .comment {
  padding: 0;
}
.comments.panel .comments-list .comment:not(:first-child) {
  margin-top: 5px;
}
.comments.panel .comments-list .comment:not(:last-child) {
  margin-bottom: 5px;
}
.comments.panel .comments-list .comment:not(.selected) > .info > .comment-bubble {
  cursor: pointer;
}
.comments.panel .comments-list .comment > .tile .image {
  background: none;
}
.comments.panel .comments-list .comment > .tile + .info {
  margin-left: 50px;
}
.comments.panel .comments-list .comment > .small.tile + .info {
  margin-left: 35px;
}
.comments.panel .comments-list .comment .info .comment-bubble.block {
  display: block;
}
.comments.panel .comments-list .comment .info .comment-bubble .comment-inner .title {
  display: inline;
  padding: 0;
}
.comments.panel .comments-list .comment .info .comment-bubble .comment-inner .title .name {
  margin-right: 10px;
}
.comments.panel .comments-list .comment .info .comment-bubble .comment-inner .title .message {
  font-weight: normal;
}
.comments.panel .comments-list .comment .info .comment-bubble .image-attachments .gallery {
  clear: both;
  margin: 5px 0;
}
.comments.panel .comments-list .comment .info .specifics {
  min-height: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.comments.panel .comments-list .comment .info .specifics .when, .comments.panel .comments-list .comment .info .specifics .expander {
  display: inline-block;
  padding: 5px;
  margin: 5px;
  min-height: 25px;
}
.comments.panel .comments-list .comment .info .specifics .expander i {
  margin-right: 5px;
}
.comments.panel .comments-list .comment .info .specifics .options.buttons {
  display: inline-block;
  margin-top: 0;
  margin-left: 5px;
}
.options-hideable .comments.panel .comments-list .comment:not(.selected) > .info .specifics .options.buttons {
  display: none !important;
}
.comments.panel .new-comment {
  padding: 5px;
}
.comments.panel .new-comment > form .tile + .info .comment-bubble .comment-inner:empty::after {
  content: "Your comment?";
}
.comments.panel .new-comment .spacer {
  width: 25px;
  margin-right: 15px;
}

/******************************************************************************\
|                                                                              |
|                                 _replies.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.comment .replies {
  margin-left: 35px;
}
.comment .reply {
  padding: 0;
}
.comment .reply:not(.selected) > .info > .comment-bubble {
  cursor: pointer;
}
.comment .reply .info {
  margin-left: 35px;
}
.comment .new-reply {
  margin: 10px 0;
  margin-left: 35px;
}
.comment .new-reply > form .tile + .info {
  margin-left: 50px;
}
.comment .new-reply > form .tile + .info .comment-bubble .comment-inner:empty::after {
  content: "Your reply?";
}
.comment .new-reply .spacer {
  width: 35px;
}
.comment .new-reply:empty {
  display: none;
}

/******************************************************************************\
|                                                                              |
|                                 _index.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                _dialogs.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.modal .modal-dialog.ui-resizable .modal-body {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: auto;
}
.modal .modal-dialog.ui-resizable .window-size.toolbar {
  margin: 0 5px;
}

.full-screen .fullscreen.btn {
  display: none;
}

.modal.progressive .amount div {
  display: inline-block;
  text-align: right;
  white-space: nowrap;
}

.modal-dialog.maximized {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
  border-radius: 0;
  overflow: hidden;
}
.modal-dialog.maximized .modal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.modal-dialog.maximized .modal-content {
  border-radius: 0;
}
.modal-dialog.maximized .modal-content .modal-body {
  display: flex;
  border-radius: 0;
}
.modal-dialog.maximized .modal-content .modal-body .footer-bar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.modal-dialog.maximized .modal-content .window-size.toolbar .shrink-window, .modal-dialog.maximized .modal-content .window-size.toolbar .grow-window {
  display: none;
}

.overlay-controls {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1500;
}
.overlay-controls .content {
  padding: 5px;
}
.overlay-controls .content button + button,
.overlay-controls .content button + .tooltip + button {
  margin-left: 10px;
}

.modal.full-screen .modal-dialog .modal-header {
  display: none;
}
.modal.full-screen .modal-dialog .modal-content {
  max-height: 100% !important;
}
.modal.full-screen.transparent .modal-dialog {
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
}
.modal.full-screen.transparent .modal-dialog .modal-content {
  background: none !important;
}

body[device=desktop] .overlay-controls {
  margin: 10px;
}

body[device=tablet] .modal .modal-dialog .window-size.toolbar .shrink-window, body[device=tablet] .modal .modal-dialog .window-size.toolbar .grow-window, body[device=phone] .modal .modal-dialog .window-size.toolbar .shrink-window, body[device=phone] .modal .modal-dialog .window-size.toolbar .grow-window {
  display: none;
}

@media (max-width: 650px) {
  .dialog-region .modal-dialog {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .modal .modal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    border-radius: 0;
    overflow: hidden;
    margin: 0 !important;
    height: 100% !important;
  }
  .modal .modal-dialog .modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .modal .modal-dialog .modal-header .handle {
    visibility: hidden;
  }
  .modal .modal-dialog .modal-header .buttons button.maximize,
  .modal .modal-dialog .modal-header .buttons button.unmaximize {
    display: none;
  }
  .modal .modal-dialog .modal-body {
    border-radius: 0;
    overflow: auto;
  }
  .modal .modal-dialog .modal-body .footer-bar {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .modal .modal-dialog .modal-dialog.ui-resizable {
    min-width: 360px;
  }
}
.picker-dialog {
  z-index: 1500 !important;
}

/******************************************************************************\
|                                                                              |
|                            _dialog-headers.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.modals .modal .modal-dialog .modal-header {
  height: 30px;
}
.modals .modal .modal-dialog .modal-content {
  max-height: calc(100% - 30px);
}
.modals.small-buttons.thin-headers .modal .modal-dialog .modal-header, .modals.medium-buttons.thin-headers .modal .modal-dialog .modal-header {
  height: 25px;
}
.modals.small-buttons.thin-headers .modal .modal-dialog .modal-content, .modals.medium-buttons.thin-headers .modal .modal-dialog .modal-content {
  max-height: calc(100% - 25px);
}
.modals.thick-headers .modal .modal-dialog .modal-header {
  height: 35px;
}
.modals.thick-headers .modal .modal-dialog .modal-content {
  max-height: calc(100% - 35px);
}

/******************************************************************************\
|                                                                              |
|                              _dialog-titles.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.modals .modal-dialog .modal-header .heading {
  display: inline-flex;
  flex-shrink: 1;
  height: 24px;
  overflow: hidden;
  margin: auto 0;
}
.modals .modal-dialog .modal-header .heading .icon {
  flex-grow: 0;
  line-height: 25px;
  max-width: 25px;
}
.modals .modal-dialog .modal-header .heading .icon i {
  font-size: 125%;
  line-height: 24px;
  margin-left: 2px;
  vertical-align: top;
}
.modals .modal-dialog .modal-header .heading .icon img, .modals .modal-dialog .modal-header .heading .icon svg {
  height: 20px;
  margin: 2px 0;
}
.modals .modal-dialog .modal-header .heading .icon + .title {
  margin-left: 5px;
}
.modals .modal-dialog .modal-header .heading .title {
  font-size: 125%;
  font-weight: normal;
  line-height: 24px;
  height: 24px;
  line-height: 24px;
  min-width: 24px;
  border-bottom: none;
  flex-grow: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.modals.left-titles .modal-dialog .modal-header .heading {
  padding-right: 10px;
  margin-right: auto;
}
.modals.center-titles .modal-dialog .modal-header .heading {
  padding-left: 10px;
  padding-right: 10px;
}
.modals.right-titles .modal-dialog .modal-header .heading {
  padding-left: 10px;
  margin-left: auto;
}

/******************************************************************************\
|                                                                              |
|                                  _buttons.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
button {
  cursor: pointer;
}
button > svg, button > img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
button i {
  font-size: 14px;
  font-style: normal;
  pointer-events: none;
}
button:disabled:hover {
  cursor: not-allowed;
}

.expander button {
  border: none;
  background: none;
}

.round-buttons button,
.round.auto-corner-buttons button {
  border-radius: 15px;
}

.rounded-buttons button,
.rounded.auto-corner-buttons button {
  border-radius: 5px;
}

.square-buttons button,
.square.auto-corner-buttons button {
  border-radius: 0;
}

:not(.keyboard-accessible) .button:active {
  outline: none !important;
}

body:not(.binary):not(.flat-buttons):not(.flat.auto-buttons) button.selected, body:not(.binary):not(.flat-buttons):not(.flat.auto-buttons) .buttons button.selected {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
}
body:not(.binary):not(.flat-buttons):not(.flat.auto-buttons) button.selected:active, body:not(.binary):not(.flat-buttons):not(.flat.auto-buttons) .buttons button.selected:active {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
body:not(.binary):not(.flat-buttons):not(.flat.auto-buttons) button:hover {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
}

body[device=desktop] button + button,
body[device=desktop] .expander + button,
body[device=desktop] button + .expander,
body[device=desktop] button + .tooltip + button,
body[device=desktop] button + .popover + button,
body[device=desktop] button + .popover + .tooltip + button {
  margin-left: 5px;
}

/******************************************************************************\
|                                                                              |
|                             _dialog-buttons.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.modals .modal-dialog .modal-header .buttons {
  display: flex;
  white-space: nowrap;
  margin: auto 0;
  font-family: sans-serif;
}
.modals .modal-dialog .modal-header .buttons button {
  display: inline-flex;
  margin: auto;
  margin-top: -1px;
  opacity: 1;
}
.modals .modal-dialog .modal-header .buttons button:not([style*="display:none"]) + button {
  margin-left: 10px;
}
.modals .modal-dialog .modal-header .buttons button:first-child {
  margin-left: 0;
}
.modals .modal-dialog .modal-header .buttons button:last-child {
  margin-right: 0;
}
.modals .modal-dialog .modal-header .buttons.left:not(:empty) {
  padding-right: 10px;
}
.modals .modal-dialog .modal-header .buttons.right:not(:empty) {
  padding-left: 10px;
}
.modals .modal-dialog:not(.maximized) .modal-header button.unmaximize {
  display: none;
}
.modals .modal-dialog.maximized .modal-header button.maximize {
  display: none;
}
.modals .modal:not(.focused) .modal-dialog .modal-header .buttons button {
  pointer-events: none;
}
.modals:not(.show-buttons) .modal-dialog .modal-header .buttons button:not(:hover) {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.modals.left-buttons .modal-dialog:not(.maximized) .modal-header .buttons.left {
  background: none !important;
}
.modals.left-buttons.center-titles .modal-dialog .modal-header .buttons.right button {
  visibility: hidden;
}
.modals.left-buttons:not(.center-titles) .modal-dialog .modal-header .buttons.right {
  display: none;
}
.modals.split-buttons .modal-dialog:not(.maximized) .modal-header .buttons {
  background: none !important;
}
.modals.split-buttons .modal-dialog:not(.maximized).fixed-width .modal-header .buttons.left button.minimize {
  display: none;
}
.modals.split-buttons .modal-dialog .modal-header .buttons.left button.maximize, .modals.split-buttons .modal-dialog .modal-header .buttons.left button.unmaximize {
  display: none;
}
.modals.split-buttons .modal-dialog .modal-header .buttons.right button.close-btn {
  display: none;
}
.modals.split-buttons.center-titles .modal-dialog .modal-header .buttons.left button.minimize {
  display: none;
}
.modals.split-buttons:not(.center-titles) .modal-dialog .modal-header .buttons.left button.minimize {
  display: none;
}
.modals.right-buttons .modal-dialog:not(.maximized) .modal-header .buttons.right {
  background: none !important;
}
.modals.right-buttons.center-titles .modal-dialog .modal-header .buttons.left button {
  visibility: hidden;
}
.modals.right-buttons:not(.center-titles) .modal-dialog .modal-header .buttons.left {
  display: none;
}
.modals.hide-minimize .modal-dialog .modal-header .buttons button.minimize {
  display: none;
}
.modals.hide-minimize .modal-dialog .modal-header .buttons button.minimize + button {
  margin-left: 0;
}
.modals.rect-buttons .modal-dialog .modal-header .buttons button {
  width: 36px;
}
.modals.wide-buttons .modal-dialog .modal-header .buttons button {
  width: 48px;
}
.modals.medium-buttons .modal-dialog .modal-header .buttons button {
  width: 18px;
  height: 18px;
  min-width: auto;
  margin-top: 0 !important;
}
.modals.medium-buttons .modal-dialog .modal-header .buttons button i {
  font-size: 12px;
}
.modals.medium-buttons.rect-buttons .modal-dialog .modal-header .buttons button {
  width: 32px;
}
.modals.medium-buttons.wide-buttons .modal-dialog .modal-header .buttons button {
  width: 48px;
}
.modals.small-buttons .modal-dialog .modal-header .buttons button {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin: auto;
}
.modals.small-buttons .modal-dialog .modal-header .buttons button:not([style*="display:none"]) + button {
  margin-left: 8px;
}
.modals.small-buttons .modal-dialog .modal-header .buttons button i {
  font-size: 8px;
}
.modals.small-buttons.rect-buttons .modal-dialog .modal-header .buttons button {
  width: 30px;
}
.modals.small-buttons.wide-buttons .modal-dialog .modal-header .buttons button {
  width: 48px;
}
.modals.split-buttons.center-titles .modal-dialog.ui-resizable .modal-header .handle.left {
  padding-left: 30px;
}
.modals.medium-buttons.split-buttons.center-titles .modal-dialog.ui-resizable .modal-header .handle.left {
  padding-left: 23px;
}
.modals.small-buttons.split-buttons.center-titles .modal-dialog.ui-resizable .modal-header .handle.left {
  padding-left: 17px;
}

.modals.round-dialog-button-corners .modal-dialog .modal-header .buttons button,
.round .modals.auto-dialog-button-corners .modal-dialog .modal-header .buttons button {
  border-radius: 15px;
}

.modals.rounded-dialog-button-corners .modal-dialog .modal-header .buttons button,
.rounded .modals.auto-dialog-button-corners .modal-dialog .modal-header .buttons button {
  border-radius: 5px;
}

.modals.square-dialog-button-corners .modal-dialog .modal-header .buttons button,
.square .modals.auto-dialog-button-corners .modal-dialog .modal-header .buttons button {
  border-radius: 0;
}

body:not(.binary) .modals:not(.flat-dialog-buttons):not(.auto-dialog-buttons):not(.medium-buttons):not(.small-buttons) .modal-dialog .modal-header .buttons button, body:not(.binary):not(.flat) .modals.auto-dialog-buttons:not(.medium-buttons):not(.small-buttons) .modal-dialog .modal-header .buttons button {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
}
body:not(.binary) .modals:not(.flat-dialog-buttons):not(.auto-dialog-buttons).medium-buttons .modal-dialog .modal-header .buttons button, body:not(.binary):not(.flat) .modals.auto-dialog-buttons.medium-buttons .modal-dialog .modal-header .buttons button {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}
body:not(.binary) .modals:not(.flat-dialog-buttons):not(.auto-dialog-buttons).small-buttons .modal-dialog .modal-header .buttons button, body:not(.binary):not(.flat) .modals.auto-dialog-buttons.small-buttons .modal-dialog .modal-header .buttons button {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
body:not(.binary) .modals.flat-dialog-buttons .modal-dialog .modal-header .buttons button, body:not(.binary).flat .modals.auto-dialog-buttons .modal-dialog .modal-header .buttons button {
  box-shadow: none;
}

body[device=desktop] .modals:not(.show-button-labels) .modal.focused .modal-dialog .modal-header .buttons:not(:hover) button i {
  display: none;
}
body[device=desktop] .modals:not(.show-button-labels) .modal:not(.focused) .modal-dialog .modal-header .buttons button i {
  display: none;
}

body[device=phone] .modals .modal-dialog .modal-header .buttons button, body[device=tablet] .modals .modal-dialog .modal-header .buttons button {
  min-width: 50px;
}
body[device=phone] .modals .modal-dialog .modal-header .buttons button.maximize, body[device=phone] .modals .modal-dialog .modal-header .buttons button.unmaximize, body[device=tablet] .modals .modal-dialog .modal-header .buttons button.maximize, body[device=tablet] .modals .modal-dialog .modal-header .buttons button.unmaximize {
  display: none;
}

body[device=phone] .modals.left-buttons .modal-dialog .modal-header .buttons.right {
  display: none;
}
body[device=phone] .modals.split-buttons .modal-dialog .modal-header .buttons.left button:not(.close-btn) {
  display: none;
}
body[device=phone] .modals.right-buttons .modal-dialog .modal-header .buttons.left {
  display: none;
}

/******************************************************************************\
|                                                                              |
|                             _dialog-handles.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.modal-dialog .modal-header .handle, .modal-dialog .modal-header .buttons {
  height: 22px;
  margin: auto 0;
}
.modal-dialog .modal-header .handle {
  flex-grow: 1;
  overflow: hidden;
}

.modals.show-handles .modal-dialog .modal-header .handle {
  min-width: 24px;
}

.modals.left-titles .modal-dialog .modal-header .handle.left {
  display: none;
}

.modals.right-titles .modal-dialog .modal-header .handle.right {
  display: none;
}

.modals.medium-buttons .modal-dialog .modal-header > .handle, .modals.medium-buttons .modal-dialog .modal-header > .buttons {
  height: 18px;
}

.modals.small-buttons .modal-dialog .modal-header > .handle, .modals.small-buttons .modal-dialog .modal-header > .buttons {
  height: 14px;
}

.modals.round-dialog-button-corners.left-titles .modal-dialog .modal-header .handle.right,
.round .modals.auto-dialog-button-corners.left-titles .modal-dialog .modal-header .handle.right {
  border-radius: 15px;
}
.modals.round-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .handle,
.round .modals.auto-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .handle {
  border-radius: 15px;
}
.modals.round-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .buttons.left + .handle,
.round .modals.auto-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .buttons.left + .handle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.modals.round-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .buttons.left + .handle + .heading + .handle,
.round .modals.auto-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .buttons.left + .handle + .heading + .handle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.modals.round-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .handle.left,
.round .modals.auto-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .handle.left {
  border-radius: 15px !important;
}
.modals.round-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .handle.right,
.round .modals.auto-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .handle.right {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.modals.round-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .buttons.right,
.round .modals.auto-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .buttons.right {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.modals.round-dialog-button-corners.center-titles.split-buttons .modal-dialog .modal-header .handle.left,
.round .modals.auto-dialog-button-corners.center-titles.split-buttons .modal-dialog .modal-header .handle.left {
  border-radius: 15px;
}
.modals.round-dialog-button-corners.center-titles.split-buttons .modal-dialog .modal-header .handle.right,
.round .modals.auto-dialog-button-corners.center-titles.split-buttons .modal-dialog .modal-header .handle.right {
  border-radius: 15px;
}
.modals.round-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .buttons.left,
.round .modals.auto-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .buttons.left {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.modals.round-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .handle.left,
.round .modals.auto-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .handle.left {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.modals.round-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .handle.right,
.round .modals.auto-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .handle.right {
  border-radius: 15px !important;
}
.modals.round-dialog-button-corners.right-titles .modal-header .handle.left,
.round .modals.auto-dialog-button-corners.right-titles .modal-header .handle.left {
  border-radius: 15px;
}

.modals.rounded-dialog-button-corners.left-titles .modal-dialog .modal-header .handle.right,
.rounded .modals.auto-dialog-button-corners.left-titles .modal-dialog .modal-header .handle.right {
  border-radius: 5px;
}
.modals.rounded-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .handle,
.rounded .modals.auto-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .handle {
  border-radius: 5px;
}
.modals.rounded-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .buttons + .handle.left,
.rounded .modals.auto-dialog-button-corners.center-titles .modal-dialog:not(.ui-resizable) .modal-header .buttons + .handle.left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.modals.rounded-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .handle.left,
.rounded .modals.auto-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .handle.left {
  border-radius: 5px;
}
.modals.rounded-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .handle.right,
.rounded .modals.auto-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .handle.right {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modals.rounded-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .buttons.right,
.rounded .modals.auto-dialog-button-corners.center-titles.left-buttons .modal-dialog .modal-header .buttons.right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.modals.rounded-dialog-button-corners.center-titles.split-buttons .modal-dialog .modal-header .handle.left,
.rounded .modals.auto-dialog-button-corners.center-titles.split-buttons .modal-dialog .modal-header .handle.left {
  border-radius: 5px;
}
.modals.rounded-dialog-button-corners.center-titles.split-buttons .modal-dialog .modal-header .handle.right,
.rounded .modals.auto-dialog-button-corners.center-titles.split-buttons .modal-dialog .modal-header .handle.right {
  border-radius: 5px;
}
.modals.rounded-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .buttons.left,
.rounded .modals.auto-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .buttons.left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modals.rounded-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .handle.left,
.rounded .modals.auto-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .handle.left {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.modals.rounded-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .handle.right,
.rounded .modals.auto-dialog-button-corners.center-titles.right-buttons .modal-dialog .modal-header .handle.right {
  border-radius: 5px;
}
.modals.rounded-dialog-button-corners.right-titles .modal-dialog .modal-header .handle.left,
.rounded .modals.auto-dialog-button-corners.right-titles .modal-dialog .modal-header .handle.left {
  border-radius: 5px;
}

.modals.show-handles .modal:not(.focused) .modal-dialog .modal-header .handle, .modals.show-handles .modal:not(.focused) .modal-dialog .modal-header .buttons {
  background: none !important;
}

.modals:not(.show-handles) .modal .modal-dialog .modal-header .handle, .modals:not(.show-handles) .modal .modal-dialog .modal-header .buttons {
  background: none !important;
}

/******************************************************************************\
|                                                                              |
|                            _dialog-dragging.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.snap-to {
  position: fixed;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.snap-to::after {
  position: absolute;
  content: "";
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-width: 2px;
  border-style: dotted;
  border-color: white;
  border-radius: 10px;
  background: rgba(128, 128, 179, 0.1);
}
.snap-to.top::after {
  top: 0;
  bottom: 50%;
}
.snap-to.bottom::after {
  top: 50%;
  bottom: 0;
}
.snap-to.left::after {
  left: 0;
  right: 50%;
}
.snap-to.right::after {
  left: 50%;
  right: 0;
}

/******************************************************************************\
|                                                                              |
|                             _dialog-alerts.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.modals .modal.alert .modal-content .modal-body > .icon, .modals .modal.notify .modal-content .modal-body > .icon, .modals .modal.confirm .modal-content .modal-body > .icon, .modals .modal.error .modal-content .modal-body > .icon, .modals .modal.prompt .modal-content .modal-body > .icon {
  display: inline-block;
  text-align: center;
  float: left;
  margin-right: 20px;
}
.modals .modal.alert .modal-content .modal-body > .icon > i, .modals .modal.notify .modal-content .modal-body > .icon > i, .modals .modal.confirm .modal-content .modal-body > .icon > i, .modals .modal.error .modal-content .modal-body > .icon > i, .modals .modal.prompt .modal-content .modal-body > .icon > i {
  font-size: 300%;
  margin: 10px;
}
.modals .modal.alert .modal-content .modal-body p, .modals .modal.notify .modal-content .modal-body p, .modals .modal.confirm .modal-content .modal-body p, .modals .modal.error .modal-content .modal-body p, .modals .modal.prompt .modal-content .modal-body p {
  word-break: break-word;
}
.modals.small-alerts .modal.alert .modal-dialog, .modals.small-alerts .modal.notify .modal-dialog, .modals.small-alerts .modal.confirm .modal-dialog {
  width: 250px;
  min-width: 250px;
}
.modals.small-alerts .modal.prompt .modal-dialog {
  width: 300px;
  min-width: 300px;
}
.modals.small-alerts .modal.alert .modal-dialog .modal-content .modal-body, .modals.small-alerts .modal.notify .modal-dialog .modal-content .modal-body, .modals.small-alerts .modal.confirm .modal-dialog .modal-content .modal-body, .modals.small-alerts .modal.prompt .modal-dialog .modal-content .modal-body {
  text-align: center;
}
.modals.small-alerts .modal.alert .modal-dialog .modal-content .modal-body > .icon, .modals.small-alerts .modal.notify .modal-dialog .modal-content .modal-body > .icon, .modals.small-alerts .modal.confirm .modal-dialog .modal-content .modal-body > .icon, .modals.small-alerts .modal.prompt .modal-dialog .modal-content .modal-body > .icon {
  float: none;
  margin-right: 0;
}
.modals.small-alerts .modal.alert .modal-dialog .modal-content .modal-footer .buttons, .modals.small-alerts .modal.notify .modal-dialog .modal-content .modal-footer .buttons, .modals.small-alerts .modal.confirm .modal-dialog .modal-content .modal-footer .buttons, .modals.small-alerts .modal.prompt .modal-dialog .modal-content .modal-footer .buttons {
  display: inline-flex;
  width: 100%;
  flex-direction: row;
}
.modals.small-alerts .modal.alert .modal-dialog .modal-content .modal-footer .buttons button, .modals.small-alerts .modal.notify .modal-dialog .modal-content .modal-footer .buttons button, .modals.small-alerts .modal.confirm .modal-dialog .modal-content .modal-footer .buttons button, .modals.small-alerts .modal.prompt .modal-dialog .modal-content .modal-footer .buttons button {
  flex-grow: 1;
  width: 100%;
}

.welcome.modal .modal-dialog .modal-body, .about.modal .modal-dialog .modal-body {
  display: flex;
  text-align: center;
  justify-content: center;
}
.welcome.modal .modal-dialog .modal-body .logo, .about.modal .modal-dialog .modal-body .logo {
  display: inline-block;
  margin: 10px auto;
  height: 100px;
}
.welcome.modal .modal-dialog .modal-body .logo img, .about.modal .modal-dialog .modal-body .logo img {
  height: 100px;
}
.welcome.modal .modal-dialog .modal-body .logo + h1, .about.modal .modal-dialog .modal-body .logo + h1 {
  margin: 10px 0;
}
.welcome.modal .modal-dialog .modal-body .tagline, .welcome.modal .modal-dialog .modal-body .description, .about.modal .modal-dialog .modal-body .tagline, .about.modal .modal-dialog .modal-body .description {
  display: inline-block;
  font-size: 1.25em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  margin-bottom: 10px;
}
.welcome.modal .modal-dialog .modal-body .tagline.shadowed, .welcome.modal .modal-dialog .modal-body .description.shadowed, .about.modal .modal-dialog .modal-body .tagline.shadowed, .about.modal .modal-dialog .modal-body .description.shadowed {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.welcome.modal .modal-dialog .modal-body .tagline.round, .welcome.modal .modal-dialog .modal-body .description.round, .about.modal .modal-dialog .modal-body .tagline.round, .about.modal .modal-dialog .modal-body .description.round {
  border-radius: 30px;
}
.welcome.modal .modal-dialog .modal-body .tagline.rounded, .welcome.modal .modal-dialog .modal-body .description.rounded, .about.modal .modal-dialog .modal-body .tagline.rounded, .about.modal .modal-dialog .modal-body .description.rounded {
  border-radius: 10px;
}

/******************************************************************************\
|                                                                              |
|                                 _index.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                             _directory-items.scss                            |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.file-type text {
  font-size: 14px;
}

body:not(.binary):not(.flat-icons):not(.auto-icons) .file-body,
body:not(.binary):not(.flat).auto-icons .file-body {
  fill: url("#file-body-gradient");
}
body:not(.binary):not(.flat-icons):not(.auto-icons) .file-corner,
body:not(.binary):not(.flat).auto-icons .file-corner {
  fill: url("#file-corner-gradient");
}
body:not(.binary):not(.flat-icons):not(.auto-icons) .folder-top,
body:not(.binary):not(.flat).auto-icons .folder-top {
  fill: url("#folder-top-gradient");
}
body:not(.binary):not(.flat-icons):not(.auto-icons) .folder-body,
body:not(.binary):not(.flat).auto-icons .folder-body {
  fill: url("#folder-body-gradient");
}
body:not(.binary):not(.flat-icons):not(.auto-icons) .clipboard-handle,
body:not(.binary):not(.flat).auto-icons .clipboard-handle {
  fill: url("#clipboard-handle-gradient");
}
body:not(.binary):not(.flat-icons):not(.auto-icons) .clipboard-body,
body:not(.binary):not(.flat).auto-icons .clipboard-body {
  fill: url("#clipboard-body-gradient");
}
body:not(.binary):not(.flat-icons):not(.auto-icons) .clipboard-paper,
body:not(.binary):not(.flat).auto-icons .clipboard-paper {
  fill: url("#clipboard-paper-gradient");
}
body:not(.binary):not(.flat-icons):not(.auto-icons) .trash-body,
body:not(.binary):not(.flat).auto-icons .trash-body {
  fill: url("#trash-body-gradient");
}
body:not(.binary):not(.flat-icons):not(.auto-icons) .trash-lid,
body:not(.binary):not(.flat).auto-icons .trash-lid {
  fill: url("#trash-body-gradient");
}

.tilted.left .items .trash.directory .icon > img, .tilted.left .items .trash.directory .icon > svg, .tilted.left .items .trash.directory .icon > .thumbnail,
.tilted.left .items .volume .icon > img,
.tilted.left .items .volume .icon > svg,
.tilted.left .items .volume .icon > .thumbnail, .tilted.right .items .trash.directory .icon > img, .tilted.right .items .trash.directory .icon > svg, .tilted.right .items .trash.directory .icon > .thumbnail,
.tilted.right .items .volume .icon > img,
.tilted.right .items .volume .icon > svg,
.tilted.right .items .volume .icon > .thumbnail, .tilted.up .items .trash.directory .icon > img, .tilted.up .items .trash.directory .icon > svg, .tilted.up .items .trash.directory .icon > .thumbnail,
.tilted.up .items .volume .icon > img,
.tilted.up .items .volume .icon > svg,
.tilted.up .items .volume .icon > .thumbnail, .tilted.down .items .trash.directory .icon > img, .tilted.down .items .trash.directory .icon > svg, .tilted.down .items .trash.directory .icon > .thumbnail,
.tilted.down .items .volume .icon > img,
.tilted.down .items .volume .icon > svg,
.tilted.down .items .volume .icon > .thumbnail {
  transform: none;
}
.tilted.left.small-icons .items .trash.directory .icon > img, .tilted.left.small-icons .items .trash.directory .icon > svg, .tilted.left.small-icons .items .trash.directory .icon > .thumbnail,
.tilted.left.small-icons .items .volume .icon > img,
.tilted.left.small-icons .items .volume .icon > svg,
.tilted.left.small-icons .items .volume .icon > .thumbnail, .tilted.right.small-icons .items .trash.directory .icon > img, .tilted.right.small-icons .items .trash.directory .icon > svg, .tilted.right.small-icons .items .trash.directory .icon > .thumbnail,
.tilted.right.small-icons .items .volume .icon > img,
.tilted.right.small-icons .items .volume .icon > svg,
.tilted.right.small-icons .items .volume .icon > .thumbnail, .tilted.up.small-icons .items .trash.directory .icon > img, .tilted.up.small-icons .items .trash.directory .icon > svg, .tilted.up.small-icons .items .trash.directory .icon > .thumbnail,
.tilted.up.small-icons .items .volume .icon > img,
.tilted.up.small-icons .items .volume .icon > svg,
.tilted.up.small-icons .items .volume .icon > .thumbnail, .tilted.down.small-icons .items .trash.directory .icon > img, .tilted.down.small-icons .items .trash.directory .icon > svg, .tilted.down.small-icons .items .trash.directory .icon > .thumbnail,
.tilted.down.small-icons .items .volume .icon > img,
.tilted.down.small-icons .items .volume .icon > svg,
.tilted.down.small-icons .items .volume .icon > .thumbnail {
  transform: scale(0.9);
}
.tilted.left.large-icons .items .trash.directory .icon > img, .tilted.left.large-icons .items .trash.directory .icon > svg, .tilted.left.large-icons .items .trash.directory .icon > .thumbnail,
.tilted.left.large-icons .items .volume .icon > img,
.tilted.left.large-icons .items .volume .icon > svg,
.tilted.left.large-icons .items .volume .icon > .thumbnail, .tilted.right.large-icons .items .trash.directory .icon > img, .tilted.right.large-icons .items .trash.directory .icon > svg, .tilted.right.large-icons .items .trash.directory .icon > .thumbnail,
.tilted.right.large-icons .items .volume .icon > img,
.tilted.right.large-icons .items .volume .icon > svg,
.tilted.right.large-icons .items .volume .icon > .thumbnail, .tilted.up.large-icons .items .trash.directory .icon > img, .tilted.up.large-icons .items .trash.directory .icon > svg, .tilted.up.large-icons .items .trash.directory .icon > .thumbnail,
.tilted.up.large-icons .items .volume .icon > img,
.tilted.up.large-icons .items .volume .icon > svg,
.tilted.up.large-icons .items .volume .icon > .thumbnail, .tilted.down.large-icons .items .trash.directory .icon > img, .tilted.down.large-icons .items .trash.directory .icon > svg, .tilted.down.large-icons .items .trash.directory .icon > .thumbnail,
.tilted.down.large-icons .items .volume .icon > img,
.tilted.down.large-icons .items .volume .icon > svg,
.tilted.down.large-icons .items .volume .icon > .thumbnail {
  transform: scale(1.1);
}

[browser=safari].tilted.left .items .trash.directory .icon > img, [browser=safari].tilted.left .items .trash.directory .icon > svg, [browser=safari].tilted.left .items .trash.directory .icon > .thumbnail,
[browser=safari].tilted.left .items .volume .icon > img,
[browser=safari].tilted.left .items .volume .icon > svg,
[browser=safari].tilted.left .items .volume .icon > .thumbnail, [browser=safari].tilted.right .items .trash.directory .icon > img, [browser=safari].tilted.right .items .trash.directory .icon > svg, [browser=safari].tilted.right .items .trash.directory .icon > .thumbnail,
[browser=safari].tilted.right .items .volume .icon > img,
[browser=safari].tilted.right .items .volume .icon > svg,
[browser=safari].tilted.right .items .volume .icon > .thumbnail, [browser=safari].tilted.up .items .trash.directory .icon > img, [browser=safari].tilted.up .items .trash.directory .icon > svg, [browser=safari].tilted.up .items .trash.directory .icon > .thumbnail,
[browser=safari].tilted.up .items .volume .icon > img,
[browser=safari].tilted.up .items .volume .icon > svg,
[browser=safari].tilted.up .items .volume .icon > .thumbnail, [browser=safari].tilted.down .items .trash.directory .icon > img, [browser=safari].tilted.down .items .trash.directory .icon > svg, [browser=safari].tilted.down .items .trash.directory .icon > .thumbnail,
[browser=safari].tilted.down .items .volume .icon > img,
[browser=safari].tilted.down .items .volume .icon > svg,
[browser=safari].tilted.down .items .volume .icon > .thumbnail {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

/******************************************************************************\
|                                                                              |
|                             _directory-icons.scss                            |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.icon-grid .item.file > .row:first-child .owner, .icon-grid .item.directory > .row:first-child .owner {
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
  border: none;
}
.icon-grid .item.file > .row:first-child .icon .photo.thumbnail,
.icon-grid .item.file > .row:first-child .icon .svg.thumbnail {
  width: auto;
  height: auto;
  max-width: 50px;
  max-height: 50px;
}
.icon-grid .item.file > .row:first-child .icon .svg.thumbnail {
  background-color: transparent;
}
.icon-grid .item.file > .row:first-child .owner {
  margin-top: -15px;
}
.icon-grid .item.file:not(.svg):not(.png) > .row:first-child .icon .photo.thumbnail {
  background-color: black;
  outline: 2px solid white;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
  filter: none;
}
.icon-grid .item.file.preview > .row:first-child .owner {
  margin-left: 0;
  margin-top: 0;
  left: 0;
  top: 0;
}
.icon-grid .item.file.preview > .row:first-child .owner .thumbnail {
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
.icon-grid .item.file.preview.selected > .row:first-child .owner, .icon-grid .item.file.preview *.highlighted > .row:first-child .owner {
  margin-left: -2px;
  margin-top: -2px;
  left: 0;
  top: 0;
}
.icon-grid .item.file.pdf > .row:first-child .icon .thumbnail, .icon-grid .item.file.svg > .row:first-child .icon .thumbnail {
  outline: none;
  background: none;
}
.icon-grid .item.directory {
  /*
  > .row:nth-child(2) {
  	.name {
  		font-weight: bold;
  	}
  }
  */
}
.icon-grid .item.directory > .row:first-child .icon > img, .icon-grid .item.directory > .row:first-child .icon > svg {
  width: 60px;
  height: 60px;
}
.icon-grid .item.directory > .row:first-child .owner {
  margin-top: -9px;
}
.icon-grid .item.directory > .row:first-child .owner .thumbnail {
  filter: none;
  drop-shadow: none;
}

.drag-image .item.file > .row:first-child .icon .photo.thumbnail {
  background: none;
}

/*
@media (max-width:360px) {
	.icon-grid {
		.item {

			//
			// directory icons
			//

			&.directory {
				> .row:first-child {
					.icon {
						img, svg {
							height: 50px;
							width: 50px;
						}
					}

					//
					// owner profile photo
					//

					.owner {
						margin-top: -8px;
					}
				}
			}

			//
			// special directory icons
			//

			&.clipboard.directory, 
			&.trash.directory {
				> .row:first-child {
					.icon {
						img, svg {
							height: 50px;
							width: 40px;
						}
					}
				}
			}
		}
	}
}
*/
/******************************************************************************\
|                                                                              |
|                            _directory-lists.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.item-list {
  /*
  .directory {
  	> .info {
  		.name {
  			font-weight: bold;
  		}
  	}
  }
  */
}
.item-list .file > .info > .icon {
  position: relative;
  display: inline-flex;
  justify-content: center;
}
.item-list .file:not(.svg):not(.png) > .info > .icon .photo.thumbnail {
  margin: auto;
  outline: 1px solid white;
  outline-offset: -1px;
  filter: none;
}

/******************************************************************************\
|                                                                              |
|                            _directory-tiles.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.tile-grid .item.file .tile {
  background: white;
}
.tile-grid .item.file .tile .owner .thumbnail {
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
.tile-grid .item.file.png .tile > .thumbnail, .tile-grid .item.file.svg .tile > .thumbnail {
  background-color: transparent;
}
.tile-grid .item.directory .tile {
  /*
  .name {
  	font-weight: bold;
  }
  */
}
.tile-grid .item.directory .tile .owner {
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  box-shadow: none;
}
.tile-grid .item.directory .tile .owner .thumbnail {
  filter: none;
}

.little.tile-grid .item.directory .tile .owner {
  margin-left: -9px;
  margin-top: -13px;
}

.large.tile-grid .item.directory .tile .owner {
  margin-left: -18px;
  margin-top: -26px;
}

/******************************************************************************\
|                                                                              |
|                             _directory-cards.scss                            |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.card-grid .cards .item.file > .card > .icon svg + .owner, .card-grid .cards .item.directory > .card > .icon svg + .owner {
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  border: none;
  box-shadow: none;
}
.card-grid .cards .item.file > .card > .icon svg + .owner .thumbnail, .card-grid .cards .item.directory > .card > .icon svg + .owner .thumbnail {
  filter: none;
}
.card-grid .cards .item.file > .card > .icon {
  width: 60px;
  height: 50px;
}
.card-grid .cards .item.file > .card > .icon svg + .owner {
  margin-top: -15px;
}
.card-grid .cards .item.file > .card > .icon > .photo.thumbnail,
.card-grid .cards .item.file > .card > .icon > .svg.thumbnail {
  width: auto;
  height: auto;
  max-width: 60px;
  max-height: 50px;
}
.card-grid .cards .item.file > .card > .icon > .svg.thumbnail {
  background-color: transparent;
}
.card-grid .cards .item.file:not(.svg):not(.png) > .card > .icon .photo.thumbnail {
  background-color: black;
  outline: 2px solid white;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}
.card-grid .cards .item.preview.file > .card > .icon .owner {
  margin-left: 0;
  margin-top: 0;
  left: 0;
  top: 0;
}
.card-grid .cards .item.directory > .card {
  /*
  .info {
  	.name {
  		font-weight: bold;
  	}
  }
  */
}
.card-grid .cards .item.directory > .card > .icon {
  width: 60px;
  height: 50px;
}
.card-grid .cards .item.directory > .card > .icon > img, .card-grid .cards .item.directory > .card > .icon > svg {
  width: 60px;
  height: 60px;
}
.card-grid .cards .item.directory > .card > .icon > svg + .owner {
  margin-top: -10px;
}
.card-grid .cards .item.volume > .card .info .name {
  font-weight: bold;
}
.card-grid .cards .item.pdf.file > .card > .icon > .thumbnail, .card-grid .cards .item.svg.file > .card > .icon > .thumbnail {
  outline: none;
  background: none;
}
.card-grid .cards .item.clipboard.directory > .card > .icon > img, .card-grid .cards .item.clipboard.directory > .card > .icon > svg, .card-grid .cards .item.trash.directory > .card > .icon > img, .card-grid .cards .item.trash.directory > .card > .icon > svg {
  height: 60px;
  width: 60px;
  margin-top: -5px;
}

.drag-image .item.file > .card > .icon .photo.thumbnail {
  background: none;
}

/******************************************************************************\
|                                                                              |
|                            _directory-pages.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.pages .main-carousel .file .row:first-child > .icon .owner.tile,
.pages .main-carousel .directory .row:first-child > .icon .owner.tile {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  pointer-events: auto;
}
.pages .main-carousel .file .row:first-child > .icon .owner.tile .thumbnail,
.pages .main-carousel .directory .row:first-child > .icon .owner.tile .thumbnail {
  margin-left: -50px;
  margin-top: -50px;
  border-radius: 10px;
}
.pages .main-carousel .file .row:first-child > .icon .owner.tile {
  margin-top: -5px;
}
.pages .main-carousel .file .row:first-child > .icon .owner.tile .thumbnail {
  left: 50%;
  top: -100px;
}
.pages .main-carousel .file .row:first-child > .icon .photo.thumbnail + .owner.tile {
  margin-left: -50%;
  margin-top: 0;
  left: 50%;
  top: -100px;
}
.pages .main-carousel .file .row:first-child > .icon .photo.thumbnail + .owner.tile .thumbnail {
  margin-left: -50px;
  margin-top: 100px;
}
.pages .main-carousel .file.selected .row:first-child > .icon .photo.thumbnail + .owner.tile .thumbnail {
  margin-left: -55px;
  margin-top: 95px;
}
.pages .main-carousel .directory .row:first-child > .icon .owner.tile {
  margin-top: 10px;
}

/******************************************************************************\
|                                                                              |
|                                   _index.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                  _alerts.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
form .alert {
  padding: 10px;
  max-height: 200px;
  margin-bottom: 15px;
  overflow: auto;
}
form .alert label {
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 0;
}
form .alert-dismissable {
  padding-right: 25px;
}
form .alert:last-child {
  margin-bottom: 0;
}

/******************************************************************************\
|                                                                              |
|                              _drag-n-drop.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.dropzone {
  position: relative;
}
.dropzone::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  content: "Drop Items Here";
  font-weight: normal;
  font-size: 200%;
  line-height: 1em;
  border-width: 2px;
  border-style: dotted;
  border-radius: 10px;
  pointer-events: none;
}

div.highlighted:not(.item)::after,
form.highlighted::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  border-width: 2px;
  border-style: solid;
  pointer-events: none;
}

form.highlighted::after {
  border-radius: 10px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  content: "Drop Items Here";
  font-weight: normal;
  font-size: 200%;
  line-height: 1em;
}

.panel form.highlighted::after {
  margin: -10px;
}

.panel .dropzone::after {
  margin: -10px;
}

.drag-image {
  position: absolute;
  border-color: unset;
  text-align: left;
}
.drag-image.multiple {
  border-width: 2px;
  border-style: dashed;
  border-radius: 5px;
  box-sizing: content-box;
  margin: -2px;
}
.drag-image.multiple > .count.badge {
  position: absolute;
}

body[browser=chrome] .drag-image {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

/******************************************************************************\
|                                                                              |
|                                _fieldsets.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
fieldset {
  position: relative;
  margin-top: 20px;
}
fieldset legend {
  font-size: 100%;
  border: none;
  text-transform: uppercase;
}

/******************************************************************************\
|                                                                              |
|                             _form-controls.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
  color: unset;
  border-color: unset;
  font-size: 1em;
  padding: 5px 7px;
  z-index: auto !important;
}
.form-control input[type=radio], .form-control input[type=checkbox], .form-control input[type=color] {
  padding-top: 7px;
  margin-right: 10px;
}
.form-control:focus {
  border-color: unset;
  -box-shadow: none;
  -webkit-box-shadow: none;
}

.modal input.form-control {
  height: 30px;
}

textarea.form-control {
  width: 100%;
  resize: vertical;
  padding: 5px 10px;
  font-weight: normal;
}

.form-control-static {
  min-height: auto;
  margin-top: 5px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.form-control-static select {
  height: 1.5em;
}
.form-control-static i {
  margin-left: 10px;
}

.controls-grid {
  text-align: center;
}
.controls-grid .row > div {
  padding: 0;
}
.controls-grid .row > div .grid-item {
  max-height: 100px;
}
.controls-grid .row > div .grid-item .radio-inline {
  min-height: 4em;
}

body[device=desktop] .form-horizontal.wide .form-group .form-label, body[device=desktop] .form-horizontal.wide .form-group .control-label {
  width: 20%;
}
body[device=desktop] .form-horizontal.wide .form-group > .controls, body[device=desktop] .form-horizontal.wide .form-group > .static-controls, body[device=desktop] .form-horizontal.wide .form-group > .form-control, body[device=desktop] .form-horizontal.wide .form-group > .form-control-static, body[device=desktop] .form-horizontal.wide .form-group > .input-group {
  width: 60%;
}
body[device=desktop] .form-horizontal.ultra-wide .form-group .form-label, body[device=desktop] .form-horizontal.ultra-wide .form-group .control-label {
  width: 10%;
}
body[device=desktop] .form-horizontal.ultra-wide .form-group > .controls, body[device=desktop] .form-horizontal.ultra-wide .form-group > .static-controls, body[device=desktop] .form-horizontal.ultra-wide .form-group > .form-control, body[device=desktop] .form-horizontal.ultra-wide .form-group > .form-control-static, body[device=desktop] .form-horizontal.ultra-wide .form-group > .input-group {
  width: 80%;
}
body[device=desktop] .form-horizontal.narrow .form-label, body[device=desktop] .form-horizontal.narrow .control-label {
  width: 33%;
}
body[device=desktop] .form-horizontal.narrow > .controls, body[device=desktop] .form-horizontal.narrow > .static-controls, body[device=desktop] .form-horizontal.narrow > .form-control, body[device=desktop] .form-horizontal.narrow > .form-control-static, body[device=desktop] .form-horizontal.narrow > .input-group {
  width: 33%;
}

@media (max-width: 640px) {
  form.form-horizontal .form-group > .controls, form.form-horizontal .form-group > .form-control, form.form-horizontal .form-group > .input-group,
  form.form-horizontal.wide .form-group > .controls,
  form.form-horizontal.wide .form-group > .form-control,
  form.form-horizontal.wide .form-group > .input-group {
    width: 66%;
  }
  form.form-horizontal .form-group > .form-control-static,
  form.form-horizontal.wide .form-group > .form-control-static {
    width: 66%;
  }
}
@media (min-width: 480px) {
  .form-horizontal .inline.controls {
    display: inline-flex;
    /*
    .buttons {
    	margin: 2px 10px;
    }
    */
  }
  .form-horizontal .inline.controls > div {
    display: inline-block;
    margin-top: 0;
  }
  .form-horizontal .inline.controls .input-group {
    display: inline-table;
    float: left;
  }
}
@media (max-width: 480px) {
  select {
    max-width: 120px;
  }
  form.form-horizontal .form-group > .controls, form.form-horizontal .form-group > .form-control, form.form-horizontal .form-group > .input-group, form.form-horizontal .form-group > .form-control-static,
  form.form-horizontal.wide .form-group > .controls,
  form.form-horizontal.wide .form-group > .form-control,
  form.form-horizontal.wide .form-group > .input-group,
  form.form-horizontal.wide .form-group > .form-control-static {
    width: 100%;
  }
}
/******************************************************************************\
|                                                                              |
|                             _form-elements.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
input:focus {
  outline: none;
}

:not(input).required:after {
  content: "*";
  margin-left: 5px;
}

.controls input[type=color] {
  vertical-align: sub;
  border: none;
}

select {
  padding: 0 10px;
  border-width: 1px;
  border-style: solid;
  border-color: unset;
  color: black;
  background: white;
  -webkit-appearance: none;
}
select:focus {
  outline: none;
}

table select {
  padding: 2px 10px;
  margin: -2px 0px;
}

input[type=file] {
  display: inline-block;
  padding: 3px 10px;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
}
input[type=file]::-webkit-file-upload-button {
  display: none;
}

input[type=text], input[type=number], input[type=password], input[type=date], input[type=time] {
  font-size: 1em;
  padding: 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  display: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[data-file]::after {
  content: attr(data-file);
}

input[type=file]::-webkit-file-upload-button {
  display: none;
}

.round select {
  border-radius: 15px;
}

.rounded select {
  border-radius: 5px;
}

body[device=phone] select, body[device=tablet] select {
  border-radius: 15px;
}

/******************************************************************************\
|                                                                              |
|                               _form-groups.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.form-group:first-child {
  margin-top: 5px;
}
.form-group:last-child {
  margin-bottom: 0;
}
.form-group + table {
  margin-top: 10px;
}
.form-group .controls {
  min-height: 30px;
}
.form-group .controls .control-inline,
.form-group .controls .checkbox-inline,
.form-group .controls .radio-inline,
.form-group .controls .color-inline,
.form-group .controls .range-input {
  display: inline-block;
}
.form-group .controls .control-inline,
.form-group .controls .checkbox-inline,
.form-group .controls .radio-inline,
.form-group .controls .range-input {
  margin: 5px 0;
  margin-right: 10px;
}
.form-group .controls .control-inline label,
.form-group .controls .checkbox-inline label,
.form-group .controls .radio-inline label,
.form-group .controls .range-input label {
  display: inline;
  padding-top: 0;
}
.form-group .controls .control-inline label.left,
.form-group .controls .checkbox-inline label.left,
.form-group .controls .radio-inline label.left,
.form-group .controls .range-input label.left {
  float: left;
  text-align: right;
  margin-right: 10px;
}
.form-group .controls .control-inline label.right,
.form-group .controls .checkbox-inline label.right,
.form-group .controls .radio-inline label.right,
.form-group .controls .range-input label.right {
  float: right;
  text-align: left;
  margin-left: 10px;
}
.form-group .controls .control-inline input[type=text], .form-group .controls .control-inline input[type=number],
.form-group .controls .checkbox-inline input[type=text],
.form-group .controls .checkbox-inline input[type=number],
.form-group .controls .radio-inline input[type=text],
.form-group .controls .radio-inline input[type=number],
.form-group .controls .range-input input[type=text],
.form-group .controls .range-input input[type=number] {
  height: 25px;
  line-height: 15px;
  padding: 5px;
}
.form-group .controls .control-inline input[type=range],
.form-group .controls .checkbox-inline input[type=range],
.form-group .controls .radio-inline input[type=range],
.form-group .controls .range-input input[type=range] {
  width: 150px;
  padding: 0;
}
.form-group .controls > i {
  position: relative;
  line-height: 30px;
  vertical-align: middle;
}
.form-group .controls > select {
  height: 30px;
  line-height: 30px;
  float: left;
  border-width: 1px;
  border-style: solid;
  margin-right: 10px;
}
.form-group .controls > select + label {
  margin-top: 7px;
}
.form-group .controls div + button.btn {
  margin-left: 10px;
  margin-top: 2px;
}
.form-group .controls .files, .form-group .controls .connections {
  display: inline-block;
  min-height: 100px;
  float: left;
}
.form-group .form-label, .form-group .control-label {
  vertical-align: top;
  padding-top: 5px;
  padding-right: 15px;
  line-height: 15px;
  /*
  &::after {
  	content: ":"
  }
  */
}
.form-group .form-label i:not(.form-icon), .form-group .control-label i:not(.form-icon) {
  margin-right: 5px;
}
.form-group .buttons {
  margin-top: 10px;
  margin-bottom: -10px;
}
.form-group .buttons .btn {
  margin: 2px;
  margin-bottom: 10px;
}

.hide-label-icons label i {
  display: none;
}
.hide-label-icons .form-group .form-label:not(.form-label-static) i, .hide-label-icons .form-group .control-label i {
  display: none;
}

form + form .form-group:first-child {
  margin-top: 0;
}

.form-horizontal .form-group .form-label, .form-horizontal .form-group .control-label {
  float: left;
  text-align: right;
  width: 25%;
  line-height: 20px;
}
.form-horizontal .form-group > .controls, .form-horizontal .form-group > .static-controls, .form-horizontal .form-group > .form-control, .form-horizontal .form-group > .form-control-static, .form-horizontal .form-group > .input-group {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.form-horizontal .form-group > .controls.wide, .form-horizontal .form-group > .static-controls.wide, .form-horizontal .form-group > .form-control.wide, .form-horizontal .form-group > .form-control-static.wide, .form-horizontal .form-group > .input-group.wide {
  width: 75%;
}
.form-horizontal .form-group > .form-control-static {
  padding-top: 0;
}
.form-horizontal .form-group .radio, .form-horizontal .form-group .checkbox, .form-horizontal .form-group .radio-inline, .form-horizontal .form-group .checkbox-inline, .form-horizontal .form-group .color-inline {
  padding-top: 0;
}

/*
.vertically.scrollable form {	
	.form-group:first-child {
		margin-top: 0;
	}
}
*/
.multi-column.row {
  /*
  .panel .content:not(:empty) {
  	min-height: 75px;
  }
  */
}
.multi-column.row .panel .content {
  /*
  .list form:first-of-type {
   	min-height: 75px;
  }
  */
}
.multi-column.row .panel .content .form-group {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 25px;
}
.multi-column.row .panel .content .form-group:first-child,
.multi-column.row .panel .content .buttons + .form-group {
  margin-top: 0;
}
.multi-column.row .panel .content .form-group:last-child {
  margin-bottom: 0;
}
.multi-column.row .panel .content .list:empty {
  display: none;
}
.multi-column.row .panel .content:empty {
  display: none;
}

@media (max-width: 992px) {
  .list form :not(.details) .form-group .form-label {
    display: none;
  }
}
@media (max-width: 480px) {
  form.form-horizontal .form-group .form-label,
  form.form-horizontal .form-group .control-label {
    width: 100%;
    text-align: left;
  }
  form.form-horizontal .form-group .form-control-static {
    width: 100%;
  }
  form.form-horizontal .form-group label.error {
    margin-left: 0;
  }
  form.form-horizontal.inline .form-group .form-label,
  form.form-horizontal.inline .form-group .control-label {
    float: left;
    width: 25%;
    text-align: right;
  }
  form.form-horizontal.inline .form-group .form-control-static {
    width: 75% !important;
  }
}
body[device=tablet] .form-group {
  margin-top: 15px;
  margin-bottom: 15px;
}

/******************************************************************************\
|                                                                              |
|                                  _forms.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
form {
  /*
  &:not(:first-child) {
  	margin-top: 5px;
  }
  */
}
form .well {
  margin: 10px 0;
}
form .notes {
  text-align: right;
}
form label {
  margin-bottom: 0;
}
form .separator {
  text-align: center;
  font-weight: bold;
}
form .separator::before, form .separator::after {
  content: "- ";
}
form .percentage::after {
  content: "%";
}

.round input, .round textarea {
  border-radius: 15px;
}

.rounded input, .rounded textarea {
  border-radius: 5px;
}

.square input, .square textarea {
  border-radius: 0;
}

input + i.fa-question-circle, label + i.fa-question-circle {
  margin-left: 10px;
}

select + i.fa-question-circle {
  margin-left: 5px;
}

.alert-warning label {
  margin: 0;
  margin-right: 10px;
}

.round .alert-warning {
  border-radius: 15px;
}

.rounded .alert-warning {
  border-radius: 5px;
}

.form-horizontal {
  width: 100%;
}
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-horizontal .top.buttons {
  float: right;
  margin-top: -5px;
}

.form-inline .input-group input {
  height: 25px;
}
.form-inline .input-group select {
  height: 24px;
  margin: 0 2px;
}
.form-inline .input-group .input-group-addon {
  width: 25px;
  height: 25px;
  padding: 0;
  text-align: center;
}
.form-inline .input-group .input-group-addon i {
  margin: 4px;
}
.form-inline .input-group .input-group-addon:last-child,
.form-inline .input-group .input-group-btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-inline .input-group .input-group-addon.select {
  padding: 0;
}

form.panel .form-group {
  padding: 5px 0;
}
form.panel .form-group .control-label {
  margin-bottom: 5px;
}
form.panel .form-group + .form-group:not([style*="display:none"]) {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 10px;
}

form > .icon-grid {
  text-align: center;
}

/*
.modal-dialog {
	.modal-content {
		form {
			position: relative;
			display: flex;
			flex-direction: column;
			height: 100%;

			.tab-content {
				position: relative;
				height: 100%;
				overflow-y: auto;

				.tab-pane {
					form.form-horizontal {
						display: block !important;
						height: auto;
					}
				}
			}
		}
	}
}
*/
body[device=desktop] form.form-vertical {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
body[device=desktop] form.form-vertical .tab-content {
  position: relative;
  height: 100%;
  overflow-y: auto;
}
body[device=desktop] form.form-vertical .tab-content .tab-pane form.form-horizontal {
  display: block !important;
  height: auto;
}
body[device=desktop] form.form-vertical > .items {
  overflow: visible;
}

/******************************************************************************\
|                                                                              |
|                               _input-groups.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.input-group input[type=text], .input-group input[type=number], .input-group input[type=password], .input-group input[type=date], .input-group input[type=time] {
  -webkit-appearance: none;
  border-color: unset;
}
.input-group input[type=date], .input-group input[type=time] {
  line-height: 15px;
}
.input-group input[type=number].spinnable::-webkit-outer-spin-button,
.input-group input[type=number].spinnable::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button !important;
  opacity: 1;
}
.input-group input[type=radio], .input-group input[type=checkbox], .input-group input[type=color] {
  height: 30px;
  margin-right: 10px;
}
.input-group textarea {
  border-color: unset;
}
.input-group .input-group-addon {
  padding: 0 5px;
  text-align: center;
  color: unset;
  border-width: 1px;
  border-style: solid;
  border-color: unset;
  background-color: white;
}
.input-group .input-group-addon > select {
  height: auto;
  height: 25px;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
}
.input-group .input-group-addon > select.other {
  width: 20px;
  padding: 0 4px;
}
.input-group .input-group-addon i {
  margin: 3px;
}
.input-group .input-group-addon .btn-sm {
  margin-top: -4px;
  margin-bottom: -4px;
}
.input-group .input-group-addon.select:last-child {
  padding: 2px 10px;
}
.input-group .btn button {
  height: 25px;
}

.input-group-addon:not(:first-child) {
  border-left: none !important;
}
.input-group-addon:not(:last-child) {
  border-right: none !important;
}

.round .input-group input {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.round .input-group .input-group-addon.btn {
  border-radius: 0;
}
.round .input-group .input-group-addon:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.round .input-group .input-group-addon:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.rounded .input-group input {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rounded .input-group .input-group-addon.btn {
  border-radius: 0;
}
.rounded .input-group .input-group-addon:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rounded .input-group .input-group-addon:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.square .input-group input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.square .input-group .input-group-addon.btn {
  border-radius: 0;
}
.square .input-group .input-group-addon:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.square .input-group .input-group-addon:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

body[device=phone] .input-group input[type=date], body[device=phone] .input-group input[type=time], body[device=tablet] .input-group input[type=date], body[device=tablet] .input-group input[type=time] {
  line-height: 25px;
}
body[device=phone] .input-group .input-group-addon:first-child, body[device=tablet] .input-group .input-group-addon:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
body[device=phone] .input-group .input-group-addon:last-child, body[device=tablet] .input-group .input-group-addon:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
body[device=phone] .input-group textarea, body[device=tablet] .input-group textarea {
  border-radius: 15px;
}

/******************************************************************************\
|                                                                              |
|                                   _pie.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.pie {
  position: relative;
}
.pie .slice {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.pie .slice.empty {
  background: white;
}
.pie .slice.full {
  background: black;
}
.pie .slice.half-full {
  background-image: linear-gradient(to right, transparent 50%, black 0%);
}
.pie .slice.half-empty {
  background-image: linear-gradient(to right, transparent 50%, white 0%);
}

/******************************************************************************\
|                                                                              |
|                                 _popovers.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.popover {
  width: auto;
  max-width: none;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  border-width: 1px;
  border-style: solid;
  border-color: unset;
}
.popover .popover-title {
  background-color: unset;
  border-color: unset;
  border-bottom-width: 0;
}
.popover .popover-title .icon {
  display: inline-block;
  max-width: 20px;
  height: 20px;
  margin: -7px;
  margin-left: -5px;
  margin-right: 5px;
}
.popover .popover-inner {
  padding: 0;
  margin: 0;
  word-break: break-word;
}
.popover .popover-content {
  max-width: 400px;
  padding: 10px;
  overflow: auto;
}
.popover .popover-content .title {
  margin-right: 10px;
}
.popover .popover-content .title i {
  width: 15px;
  margin-right: 5px;
}

.round .popover {
  border-radius: 7px;
}
.round .popover .popover-title {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.rounded .popover {
  border-radius: 5px;
}
.rounded .popover .popover-title {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.square .popover {
  border-radius: 0;
}
.square .popover .popover-title {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.popover.right .arrow:after {
  left: 1px;
}
.popover.right > .arrow {
  border-right-color: unset;
}

.popover.left .arrow:after {
  right: 1px;
}
.popover.left > .arrow {
  border-left-color: unset;
}

.popover.top .arrow:after {
  bottom: 1px;
}
.popover.top > .arrow {
  border-top-color: unset;
}

.popover.bottom .arrow:after {
  top: 1px;
}
.popover.bottom > .arrow {
  border-bottom-color: unset;
}

.popover.top-placement {
  margin-top: -290px;
  margin-right: 10px;
}
.popover.top-placement .arrow {
  top: 290px !important;
  margin-top: 15px;
}

.popover.bottom-placement {
  margin-top: -50px;
  margin-right: 10px;
}
.popover.bottom-placement .arrow {
  top: 75px !important;
}

body[device=phone] .popover.top-placement, body[device=tablet] .popover.top-placement {
  margin-top: -290px;
  margin-right: 10px;
}
body[device=phone] .popover.top-placement .arrow, body[device=tablet] .popover.top-placement .arrow {
  top: 290px !important;
}
body[device=phone] .popover.bottom-placement, body[device=tablet] .popover.bottom-placement {
  margin-top: -60px;
  margin-right: 10px;
}
body[device=phone] .popover.bottom-placement .arrow, body[device=tablet] .popover.bottom-placement .arrow {
  top: 85px !important;
}

/******************************************************************************\
|                                                                              |
|                             _radio-buttons.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
form input[type=radio] {
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  background: white;
}
form input[type=radio]:checked {
  background-color: black;
  border-color: #272740 !important;
  outline: none;
}
form input[type=radio]:disabled {
  border: none;
}

.form-horizontal .radio, .form-horizontal .checkbox {
  padding-top: 5px;
}
.form-horizontal .radio-inline:not(:last-child), .form-horizontal .checkbox-inline:not(:last-child), .form-horizontal .color-inline:not(:last-child) {
  margin-right: 5px;
}
.form-horizontal .radio-inline input[type=checkbox], .form-horizontal .checkbox-inline input[type=checkbox], .form-horizontal .color-inline input[type=checkbox] {
  position: relative;
  float: left;
}
.form-horizontal .radio-inline i, .form-horizontal .checkbox-inline i, .form-horizontal .color-inline i {
  margin-left: 10px;
}
.form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  font-weight: bold;
}
.form-horizontal .radio-inline + .radio-inline, .form-horizontal .checkbox-inline + .checkbox-inline {
  margin-left: 0;
}

/******************************************************************************\
|                                                                              |
|                                _selectors.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.selector button img {
  margin: 0 5px;
  margin-bottom: 3px;
}
.selector .dropdown-menu.open {
  position: absolute;
}
.selector .dropdown-menu.open ul.dropdown-menu.inner {
  position: relative;
}
.selector .dropdown-menu.open ul.dropdown-menu.inner img {
  margin: 0 5px;
  margin-bottom: 3px;
}

/******************************************************************************\
|                                                                              |
|                                  _sliders.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.input {
  display: flex;
  height: 100%;
}
.input .input-group {
  display: flex;
}
.input input:not([type=range]) {
  text-align: center;
}
.input input:not([type=range]):focus {
  outline: none;
}
.input.selectable input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

input[type=range] {
  -webkit-appearance: none;
  background: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  margin-top: -5px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
}
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  margin-top: -5px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
}
input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
}
input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  border-radius: 5px;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
}
input[type=range]::-moz-range-track {
  height: 5px;
  border-radius: 5px;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
}
input[type=range]::-ms-track {
  height: 5px;
  border-radius: 5px;
  border-width: 0;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: grey;
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background: grey;
  border-radius: 10px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: lightgrey;
}

.round-sliders input[type=range]::-webkit-slider-thumb,
.round.auto-corner-sliders input[type=range]::-webkit-slider-thumb {
  border-radius: 8px;
}
.round-sliders input[type=range]::-moz-range-thumb,
.round.auto-corner-sliders input[type=range]::-moz-range-thumb {
  border-radius: 8px;
}
.round-sliders input[type=range]::-ms-thumb,
.round.auto-corner-sliders input[type=range]::-ms-thumb {
  border-radius: 8px;
}
.round-sliders.selectable input,
.round.auto-corner-sliders.selectable input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-sliders input[type=range]::-webkit-slider-thumb,
.rounded.auto-corner-sliders input[type=range]::-webkit-slider-thumb {
  border-radius: 5px;
}
.rounded-sliders input[type=range]::-moz-range-thumb,
.rounded.auto-corner-sliders input[type=range]::-moz-range-thumb {
  border-radius: 5px;
}
.rounded-sliders input[type=range]::-ms-thumb,
.rounded.auto-corner-sliders input[type=range]::-ms-thumb {
  border-radius: 5px;
}
.rounded-sliders.selectable input,
.rounded.auto-corner-sliders.selectable input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.square-sliders input[type=range]::-webkit-slider-thumb,
.square.auto-corner-sliders input[type=range]::-webkit-slider-thumb {
  border-radius: 0;
}
.square-sliders input[type=range]::-moz-range-thumb,
.square.auto-corner-sliders input[type=range]::-moz-range-thumb {
  border-radius: 0;
}
.square-sliders input[type=range]::-ms-thumb,
.square.auto-corner-sliders input[type=range]::-ms-thumb {
  border-radius: 0;
}

.narrow-slider-handles input[type=range]::-webkit-slider-thumb {
  width: 10px;
  height: 15px;
}
.narrow-slider-handles input[type=range]::-moz-range-thumb {
  width: 10px;
  height: 15px;
}
.narrow-slider-handles input[type=range]::-ms-thumb {
  width: 10px;
  height: 15px;
}

.medium-slider-handles input[type=range]::-webkit-slider-thumb {
  width: 15px;
  height: 15px;
}
.medium-slider-handles input[type=range]::-moz-range-thumb {
  width: 15px;
  height: 15px;
}
.medium-slider-handles input[type=range]::-ms-thumb {
  width: 15px;
  height: 15px;
}

.wide-slider-handles input[type=range]::-webkit-slider-thumb {
  width: 30px;
  height: 15px;
}
.wide-slider-handles input[type=range]::-moz-range-thumb {
  width: 30px;
  height: 15px;
}
.wide-slider-handles input[type=range]::-ms-thumb {
  width: 30px;
  height: 15px;
}

body:not(.binary):not(.flat-sliders):not(.flat.auto-sliders) input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.33);
}
body:not(.binary):not(.flat-sliders):not(.flat.auto-sliders) input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.33);
}
body:not(.binary):not(.flat-sliders):not(.flat.auto-sliders) input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.33);
}

input[type=range]::-webkit-slider-runnable-track {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.33);
}
input[type=range]::-moz-range-track {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.33);
}

/******************************************************************************\
|                                                                              |
|                               _validation.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
label.error {
  font-weight: bold;
  padding-top: 0;
  background: url(../images/forms/error.png) 5px 5px no-repeat;
  padding-left: 30px;
}

label.error:empty {
  display: none;
}

label.error.valid {
  display: none;
}

td.error {
  outline-offset: -2px;
}

/******************************************************************************\
|                                                                              |
|                                   _index.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                  _items.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.items {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  /*
  .dragged {
  	visibility: hidden;
  }
  .drag-image, .drag-image .dragged {
  	visibility: visible;
  }
  */
}
.items > :first-child {
  width: 100%;
  min-height: 100%;
  padding: 10px;
}
.items .item.highlighted::after {
  border: none;
}
.items.hide-image-names .png.file .name, .items.hide-image-names .jpg.file .name {
  display: none !important;
}
.items.drag-selectable {
  position: static;
}
.items.drag-selectable > :first-child {
  position: relative;
}
.items > .icon-grid {
  padding-right: 0;
}
.items > .tile-grid {
  padding-right: 0;
  padding-bottom: 0;
}
.items .empty {
  text-align: left;
  padding: 5px;
}
.items .owner {
  background: none !important;
  pointer-events: auto;
  cursor: pointer;
}

.panel .items > :first-child {
  padding: 0;
}

.item .icon > .marker {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
  border-radius: 12px;
  border-width: 2px;
  border-style: solid;
}
.item .icon > .marker i {
  line-height: 24px;
}
.item .details {
  pointer-events: auto;
}
.item .details i.fa.fa-star {
  font-size: 10px !important;
  vertical-align: top;
  text-align: center;
  margin: 2px;
}
.item .badges .badge {
  min-width: 30px;
}

form > .items {
  text-align: center;
  height: auto;
}

.form-group .items > :first-child {
  padding: 0;
}

@media (min-width: 480px) {
  form .items.inline {
    margin: -5px;
    padding: 5px;
    padding-bottom: 0;
  }
  form .items.inline > :first-child {
    margin: 0;
    padding: 0;
    position: static;
  }
}
/******************************************************************************\
|                                                                              |
|                              _item-icons.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.icon-grid {
  font-size: 90%;
  line-height: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.icon-grid .item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100px;
  height: 100px;
  pointer-events: none;
  padding: 0 1px;
  margin: 2px 0;
}
.icon-grid .item > .row:first-child {
  display: inline-block;
  position: relative;
}
.icon-grid .item > .row:first-child .icon {
  position: relative;
  width: 70px;
  height: 70px;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  border-width: 0;
  border-style: solid;
}
.icon-grid .item > .row:first-child .icon > i, .icon-grid .item > .row:first-child .icon > .thumbnail i {
  margin: 0;
  font-size: 50px;
  text-align: center;
  pointer-events: auto;
  pointer-events: auto;
}
.icon-grid .item > .row:first-child .icon > img, .icon-grid .item > .row:first-child .icon > svg, .icon-grid .item > .row:first-child .icon > .thumbnail {
  width: 50px;
  height: 50px;
  background-size: contain;
  background-position: center;
  pointer-events: auto;
}
.icon-grid .item > .row:first-child .icon.colored {
  width: 60px;
  height: 60px;
  border-width: 2px;
}
.icon-grid .item > .row:first-child .owner {
  position: absolute;
  pointer-events: auto;
}
.icon-grid .item > .row:first-child .badges {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  top: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto;
}
.icon-grid .item > .row:first-child .spinner {
  display: none;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}
.icon-grid .item > .row:nth-child(2) {
  margin: 2px 0;
}
.icon-grid .item > .row:nth-child(2) .name {
  display: inline-block;
  word-break: break-word;
  padding: 0 4px;
  cursor: default;
  pointer-events: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.icon-grid .item > .row:nth-child(2) .name:not([contenteditable=true]) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 30px;
}
.icon-grid .item > .row:nth-child(2) .name[contenteditable=true] {
  border-radius: 0;
  outline-width: 2px;
  outline-style: solid;
  padding: 0 2px;
  margin: 0 2px;
  cursor: text;
  position: relative;
  z-index: 1;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.icon-grid .item > .row:nth-child(3) {
  margin: 2px 0;
}
.icon-grid .item > .row:nth-child(3) .details {
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 50px;
}
.icon-grid .item > .row:nth-child(3) .details:empty {
  display: none;
}
.icon-grid .item.detailed {
  min-height: 120px;
}
.icon-grid .item.detailed2 {
  min-height: 132px;
}
.icon-grid .item.detailed3 {
  min-height: 147px;
}
.icon-grid .item.selected > .row:first-child .icon, .icon-grid .item.highlighted > .row:first-child .icon {
  border-width: 2px;
  filter: none;
}
.icon-grid .item.selected > .row:nth-child(2) .name, .icon-grid .item.highlighted > .row:nth-child(2) .name {
  color: white;
  background-color: black;
  text-shadow: none;
}
.icon-grid .item.selected::after, .icon-grid .item.highlighted::after {
  border: none;
}
.icon-grid .item.selected > .row:first-child .icon {
  pointer-events: auto;
}
.icon-grid .item.selected > .row:first-child .icon > i, .icon-grid .item.selected > .row:first-child .icon > .thumbnail i,
.icon-grid .item.selected > .row:first-child .icon > img, .icon-grid .item.selected > .row:first-child .icon > svg, .icon-grid .item.selected > .row:first-child .icon > .thumbnail {
  pointer-events: none;
}
.icon-grid .item.disabled:not(.selected) > .row:first-child .icon,
.icon-grid .item.disabled:not(.selected) > .row:nth-child(2) .name,
.icon-grid .item.disabled:not(.selected) > .row:nth-child(3) .details, .icon-grid .item.disabled.selected > .row:first-child .icon,
.icon-grid .item.disabled.selected > .row:nth-child(2) .name,
.icon-grid .item.disabled.selected > .row:nth-child(3) .details {
  pointer-events: none !important;
}

.round-icons .icon-grid .item > .row:first-child .icon,
.round.auto-corner-icons .icon-grid .item > .row:first-child .icon {
  border-radius: 10%;
}
.round-icons .icon-grid .item > .row:nth-child(2) .name:not([contenteditable=true]),
.round.auto-corner-icons .icon-grid .item > .row:nth-child(2) .name:not([contenteditable=true]) {
  border-radius: 7px;
}
.round-icons .icon-grid .item > .row:nth-child(3) .details,
.round.auto-corner-icons .icon-grid .item > .row:nth-child(3) .details {
  border-radius: 7px;
}

.rounded-icons .icon-grid .item > .row:first-child .icon,
.rounded.auto-corner-icons .icon-grid .item > .row:first-child .icon {
  border-radius: 5%;
}
.rounded-icons .icon-grid .item > .row:nth-child(2) .name:not([contenteditable=true]),
.rounded.auto-corner-icons .icon-grid .item > .row:nth-child(2) .name:not([contenteditable=true]) {
  border-radius: 3px;
}
.rounded-icons .icon-grid .item > .row:nth-child(3) .details,
.rounded.auto-corner-icons .icon-grid .item > .row:nth-child(3) .details {
  border-radius: 3px;
}

.square-icons .icon-grid .item > .row:first-child .icon,
.square.auto-corner-icons .icon-grid .item > .row:first-child .icon {
  border-radius: 0;
}
.square-icons .icon-grid .item > .row:nth-child(2) .name:not([contenteditable=true]),
.square.auto-corner-icons .icon-grid .item > .row:nth-child(2) .name:not([contenteditable=true]) {
  border-radius: 0;
}
.square-icons .icon-grid .item > .row:nth-child(3) .details,
.square.auto-corner-icons .icon-grid .item > .row:nth-child(3) .details {
  border-radius: 0;
}

body:not(.icon-backgrounds) .icon-grid .item:not(.selected) .icon.colored, body:not(.icon-backgrounds) .app-icons .item:not(.selected) .icon.colored {
  background: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body:not(.icon-backgrounds) .dropdown-menu .icon.colored {
  background: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.round-icons .icon-grid .item > .row:first-child .colored.icon,
.round.auto-corner-icons .icon-grid .item > .row:first-child .colored.icon {
  border-radius: 50%;
}

.rounded-icons .icon-grid .item > .row:first-child .colored.icon,
.rounded.auto-corner-icons .icon-grid .item > .row:first-child .colored.icon {
  border-radius: 25%;
}

.square-icons .icon-grid .item > .row:first-child .colored.icon,
.square.auto-corner-icons .icon-grid .item > .row:first-child .colored.icon {
  border-radius: 0;
}

body[device=phone] .icon-grid, body[device=tablet] .icon-grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}

@media (min-width: 360px) and (max-width: 480px) {
  .items > .icon-grid > .item {
    width: 88px;
  }
}
@media (max-width: 320px) {
  .panel .icon-grid > .item {
    width: 90px;
  }
  .page .icon-grid > .item {
    width: 75px;
  }
}
/******************************************************************************\
|                                                                              |
|                              _item-lists.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.item-list, .item-tree {
  list-style-type: none;
  counter-reset: row;
  padding: 2px;
  margin: 0;
}
.item-list:empty, .item-tree:empty {
  display: none;
}
.item-list .item-list, .item-tree .item-list {
  font-size: inherit;
}
.item-list .contents > div, .item-tree .contents > div {
  counter-increment: row;
}
.item-list .item, .item-tree .item {
  pointer-events: none;
}
.item-list .info, .item-tree .info {
  display: flex;
  vertical-align: middle;
  overflow: hidden;
  padding: 2px;
  pointer-events: none;
  font-size: 90%;
  line-height: 15px;
}
.item-list .info > input[type=checkbox], .item-tree .info > input[type=checkbox] {
  margin: 5px;
  pointer-events: auto;
}
.item-list .info > .icon, .item-list .info > .tile, .item-tree .info > .icon, .item-tree .info > .tile {
  position: relative;
  width: 25px;
  height: 25px;
  text-align: center;
  flex-shrink: 0;
  pointer-events: auto;
}
.item-list .info > .icon .thumbnail, .item-list .info > .tile .thumbnail, .item-tree .info > .icon .thumbnail, .item-tree .info > .tile .thumbnail {
  max-width: 25px;
  max-height: 25px;
  margin: 0;
}
.item-list .info > .icon .thumbnail:not(.photo):not(.pdf), .item-list .info > .tile .thumbnail:not(.photo):not(.pdf), .item-tree .info > .icon .thumbnail:not(.photo):not(.pdf), .item-tree .info > .tile .thumbnail:not(.photo):not(.pdf) {
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
.item-list .info > .icon > img:not(.thumbnail.photo), .item-list .info > .tile > img:not(.thumbnail.photo), .item-tree .info > .icon > img:not(.thumbnail.photo), .item-tree .info > .tile > img:not(.thumbnail.photo) {
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
.item-list .info > .icon .thumbnail.photo, .item-list .info > .tile .thumbnail.photo, .item-tree .info > .icon .thumbnail.photo, .item-tree .info > .tile .thumbnail.photo {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}
.item-list .info > .icon, .item-list .info > .status, .item-tree .info > .icon, .item-tree .info > .status {
  width: 25px;
  height: 25px;
}
.item-list .info > .icon i, .item-list .info > .status i, .item-tree .info > .icon i, .item-tree .info > .status i {
  font-size: 14px;
  line-height: 25px;
}
.item-list .info > .status, .item-tree .info > .status {
  float: left;
  width: 30px;
  height: 25px;
  margin: 0;
  flex-shrink: 0;
  padding-left: 5px;
  cursor: pointer;
  pointer-events: auto;
}
.item-list .info > .status i, .item-tree .info > .status i {
  margin: auto;
}
.item-list .info > .icon, .item-tree .info > .icon {
  position: relative;
}
.item-list .info > .icon i.fa-spinner, .item-tree .info > .icon i.fa-spinner {
  display: none;
}
.item-list .info > .icon .thumbnail, .item-tree .info > .icon .thumbnail {
  position: relative;
  margin: auto;
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
.item-list .info > .icon .thumbnail::after, .item-tree .info > .icon .thumbnail::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item-list .info > .icon::after, .item-tree .info > .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item-list .info > .name, .item-tree .info > .name {
  display: inline-block;
  word-break: break-word;
  vertical-align: middle;
  padding: 0 5px;
  margin: 5px 0;
  pointer-events: auto;
  cursor: default;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  hyphens: auto;
}
.item-list .info > .name:empty, .item-tree .info > .name:empty {
  display: none;
}
.item-list .info > .name[contenteditable=true], .item-tree .info > .name[contenteditable=true] {
  overflow: visible;
  white-space: normal;
  -webkit-line-clamp: none;
  border-radius: 0;
  outline-width: 2px;
  outline-style: solid;
  cursor: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.item-list .info .specifics, .item-tree .info .specifics {
  display: inline-flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  white-space: nowrap;
  max-height: 25px;
  overflow: hidden;
}
.item-list .info .specifics > div, .item-tree .info .specifics > div {
  display: inline-block;
}
.item-list .info .specifics .badges, .item-tree .info .specifics .badges {
  margin-right: 5px;
  line-height: 25px;
}
.item-list .info .specifics .badges .badge, .item-tree .info .specifics .badges .badge {
  pointer-events: auto;
}
.item-list .info .specifics .details, .item-tree .info .specifics .details {
  display: inline-block;
  max-width: 100%;
  padding: 0 5px;
  margin: 5px;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  hyphens: auto;
}
.item-list .info .specifics .details:empty, .item-tree .info .specifics .details:empty {
  display: none;
}
.item-list .info .specifics .details i, .item-tree .info .specifics .details i {
  pointer-events: auto;
  text-align: center;
}
.item-list .info .specifics .details:empty, .item-tree .info .specifics .details:empty {
  display: none;
}
.item-list .info .specifics .priority, .item-tree .info .specifics .priority {
  padding: 5px;
}
.item-list .info.loading > .info .icon i.fa-spinner, .item-tree .info.loading > .info .icon i.fa-spinner {
  display: inline-block;
  position: absolute;
  margin-left: -1px;
  animation: spinning-keyframes 2s linear infinite;
}
.item-list .info.selected > .info .name, .item-list .info.highlighted > .info .name, .item-tree .info.selected > .info .name, .item-tree .info.highlighted > .info .name {
  color: white;
  background: black;
}
.item-list.inline, .item-tree.inline {
  display: inline-block;
}
.item-list.inline .item, .item-tree.inline .item {
  display: inline-block;
  margin-right: 5px;
}
.item-list.inline .item > .info, .item-tree.inline .item > .info {
  display: inline-flex;
  max-width: 250px;
}
.item-list.inline .item > .info .specifics, .item-tree.inline .item > .info .specifics {
  margin-left: 0;
}
.item-list .drag-image, .item-tree .drag-image {
  width: 100%;
}
.item-list .drag-image .item > .info .specifics, .item-tree .drag-image .item > .info .specifics {
  display: none;
}
.item-list .empty, .item-tree .empty {
  font-size: 90%;
}

.items .item-list .item,
.items-map .item-list .item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.multiline.item-list .item .info > .name {
  white-space: normal;
}

.panel .item-list .item .info > .icon, .panel .item-list .item .info > .status {
  margin: 0;
}

.round .item-list .item > .info .icon, .round .item-list .item > .info .thumbnail:not(.photo) {
  border-radius: 7px;
}
.round .item-list .item > .info .icon::after, .round .item-list .item > .info .thumbnail:not(.photo)::after {
  border-radius: 7px;
}
.round .item-list .item > .info .name:not([contenteditable=true]) {
  border-radius: 7px;
}
.round .item-list .item > .info .specifics .details {
  border-radius: 7px;
}

.rounded .item-list .item > .info .icon, .rounded .item-list .item > .info .thumbnail:not(.photo) {
  border-radius: 5px;
}
.rounded .item-list .item > .info .icon::after, .rounded .item-list .item > .info .thumbnail:not(.photo)::after {
  border-radius: 5px;
}
.rounded .item-list .item > .info .name:not([contenteditable=true]) {
  border-radius: 5px;
}
.rounded .item-list .item > .info .specifics .details {
  border-radius: 5px;
}

.square .item-list .item > .info .icon, .square .item-list .item > .info .thumbnail {
  border-radius: 0;
}
.square .item-list .item > .info .icon::after, .square .item-list .item > .info .thumbnail::after {
  border-radius: 0;
}
.square .item-list .item > .info .name:not([contenteditable=true]) {
  border-radius: 0;
}
.square .item-list .item > .info .specifics .details {
  border-radius: 0;
}

.item-list .item .info label {
  margin: 5px;
  margin-right: 10px;
  white-space: nowrap;
}

body[device=phone] .item-list:not(.inline) .item > .info, body[device=tablet] .item-list:not(.inline) .item > .info {
  padding: 5px 0;
  padding-right: 0;
}

/******************************************************************************\
|                                                                              |
|                               _item-trees.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.item-tree {
  padding: 0;
  /*
  &.selected, &.highlighted {
  	outline-width: 2px;
  	outline-style: solid;
  	outline-offset: -2px;
  }
  */
}
.item-tree > .info {
  margin-left: 0;
  /*
  > .name {
  	font-weight: bold;
  }
  */
}
.item-tree > .info > .specifics > .details {
  display: inline-block;
}
.item-tree > .info > .specifics > .details:empty {
  display: none;
}
.item-tree .item-list {
  margin-left: 30px;
  margin-bottom: 0;
  padding: 0;
}
.item-tree .empty {
  margin-left: 30px;
}
.item-tree.top .expander {
  width: 30px;
}
.item-tree.top:not(.show-root) > .info {
  display: none;
}
.item-tree.top > .item-list {
  padding: 0;
  margin: 0;
}
.item-tree.top .item:not(.item-tree) > .info {
  margin-left: 30px;
}

.panel .top.item-tree .expander {
  width: 25px;
}
.panel .top.item-tree .item:not(.item-tree) > .info {
  margin-left: 25px;
}
.panel .item-tree:not(.top) .item-list {
  margin-left: 25px;
}

.round .item-tree.top:not(.collapsed) .item-tree:not(.collapsed) .info, .rounded .item-tree.top:not(.collapsed) .item-tree:not(.collapsed) .info {
  border-radius: 0 !important;
}
.round .item-tree.top:not(.collapsed) .item-tree .item-list .info, .rounded .item-tree.top:not(.collapsed) .item-tree .item-list .info {
  border-radius: 0 !important;
}

body[device=phone] .item-tree .expander button.btn-sm, body[device=tablet] .item-tree .expander button.btn-sm {
  min-width: 24px;
}

/******************************************************************************\
|                                                                              |
|                              _item-tiles.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.tile-grid {
  font-size: 90%;
  line-height: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tile-grid .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 10px;
  pointer-events: none;
}
.tile-grid .item > .tile {
  width: 100px;
  height: 100px;
  position: relative;
  background: none;
  pointer-events: auto;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  margin: -2px;
}
.tile-grid .item > .tile > .icon {
  display: flex;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  margin: -2px;
  overflow: hidden;
}
.tile-grid .item > .tile > .icon::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
}
.tile-grid .item > .tile > .icon > img, .tile-grid .item > .tile > .icon > svg, .tile-grid .item > .tile > .icon > .thumbnail {
  width: 100%;
  height: 100%;
  margin: auto;
  box-shadow: none;
  pointer-events: none;
}
.tile-grid .item > .tile > .icon > canvas {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.tile-grid .item > .tile > .icon > i, .tile-grid .item > .tile > .icon > .thumbnail i {
  font-size: 50px;
  margin: auto;
  margin-top: 20px;
}
.tile-grid .item > .tile > .icon > i + .fa-info-circle, .tile-grid .item > .tile > .icon > .thumbnail i + .fa-info-circle {
  position: absolute;
  color: white;
  filter: none !important;
}
.tile-grid .item > .tile > .icon > img, .tile-grid .item > .tile > .icon > svg {
  pointer-events: none;
}
.tile-grid .item > .tile > .icon > .thumbnail {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  transform: none;
}
.tile-grid .item > .tile > .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -2px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
}
.tile-grid .item > .tile .name {
  position: absolute;
  word-break: break-word;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -2px;
  padding: 0 2px;
  outline: none;
  cursor: default;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.tile-grid .item > .tile .name:not([contenteditable=true]) {
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  hyphens: auto;
}
.tile-grid .item > .tile .name[contenteditable=true] {
  border-radius: 0;
  outline-width: 2px;
  outline-style: solid;
  outline-offset: -2px;
  cursor: text;
  line-height: 15px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.tile-grid .item > .tile .owner {
  position: absolute;
  top: 0;
  left: 0;
}
.tile-grid .item > .tile .badges {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  top: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  text-align: right;
}
.tile-grid .item > .tile .spinner {
  display: none;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}
.tile-grid .item .specifics {
  max-width: 100%;
  text-align: center;
}
.tile-grid .item .specifics .details {
  display: inline-block;
  line-height: 1.25em;
  padding: 0 5px;
  margin: 2px 0;
  border-radius: 7px;
}
.tile-grid .item .specifics .details:empty {
  display: none;
}
.tile-grid .drag-image {
  margin-top: 10px;
  margin-left: 10px;
}
.tile-grid .drag-image.multiple {
  margin-top: 13px;
  margin-left: 13px;
}

.round .tile-grid .item .tile {
  border-radius: 15px;
}
.round .tile-grid .item .tile .icon {
  border-radius: 15px;
}
.round .tile-grid .item .tile .icon::before {
  border-radius: 15px;
}
.round .tile-grid .item .tile .icon .thumbnail, .round .tile-grid .item .tile .icon::after {
  border-radius: 15px;
}
.round .tile-grid .item .tile .name {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.rounded .tile-grid .item .tile {
  border-radius: 10px;
}
.rounded .tile-grid .item .tile .icon {
  border-radius: 10px;
}
.rounded .tile-grid .item .tile .icon::before {
  border-radius: 10px;
}
.rounded .tile-grid .item .tile .icon .thumbnail, .rounded .tile-grid .item .tile .icon::after {
  border-radius: 10px;
}
.rounded .tile-grid .item .tile .name {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tile-grid.letterboxed .item > .tile > .icon > .thumbnail {
  background-size: contain !important;
}
.tile-grid .item.letterboxed > .tile > .icon > .thumbnail {
  background-size: contain !important;
}

.little.tile-grid .item > .tile {
  width: 75px;
  height: 75px;
}
.little.tile-grid .item > .tile > .icon {
  width: 75px;
  height: 75px;
}
.little.tile-grid .item > .tile > .icon > img, .little.tile-grid .item > .tile > .icon > .thumbnail {
  width: 75px;
  height: 75px;
}
.little.tile-grid .item > .tile > .icon > i, .little.tile-grid .item > .tile > .icon > .thumbnail i {
  font-size: 35px;
  margin-top: 15px;
}
.little.tile-grid .item > .tile > .icon > i.fa-info-circle, .little.tile-grid .item > .tile > .icon > .thumbnail i.fa-info-circle {
  font-size: 15px;
}
.little.tile-grid .item > .tile > .icon:after {
  border-width: 2px;
}
.little.tile-grid .item > .tile .profile-photo {
  width: 18px;
  height: 18px;
}
.little.tile-grid .item > .specifics {
  margin: 0 -10px;
  padding: 1px;
}

.tile-grid .item > .tile, .medium.tile-grid .item > .tile {
  width: 100px;
  height: 100px;
}
.tile-grid .item > .tile > .icon, .medium.tile-grid .item > .tile > .icon {
  width: 100px;
  height: 100px;
}
.tile-grid .item > .tile > .icon > img, .tile-grid .item > .tile > .icon > .thumbnail, .medium.tile-grid .item > .tile > .icon > img, .medium.tile-grid .item > .tile > .icon > .thumbnail {
  width: 100px;
  height: 100px;
}
.tile-grid .item > .tile > .icon > i, .tile-grid .item > .tile > .icon > .thumbnail i, .medium.tile-grid .item > .tile > .icon > i, .medium.tile-grid .item > .tile > .icon > .thumbnail i {
  font-size: 50px;
  margin-top: 25px;
}
.tile-grid .item > .tile > .icon > i.fa-info-circle, .tile-grid .item > .tile > .icon > .thumbnail i.fa-info-circle, .medium.tile-grid .item > .tile > .icon > i.fa-info-circle, .medium.tile-grid .item > .tile > .icon > .thumbnail i.fa-info-circle {
  font-size: 20px;
}
.tile-grid .item > .tile > .icon > i.fa-map-marker + .fa-info-circle, .tile-grid .item > .tile > .icon > .thumbnail i.fa-map-marker + .fa-info-circle, .medium.tile-grid .item > .tile > .icon > i.fa-map-marker + .fa-info-circle, .medium.tile-grid .item > .tile > .icon > .thumbnail i.fa-map-marker + .fa-info-circle {
  left: 38px;
  top: 5px;
}
.tile-grid .item > .tile > .icon > i.fa-map-pin + .fa-info-circle, .tile-grid .item > .tile > .icon > .thumbnail i.fa-map-pin + .fa-info-circle, .medium.tile-grid .item > .tile > .icon > i.fa-map-pin + .fa-info-circle, .medium.tile-grid .item > .tile > .icon > .thumbnail i.fa-map-pin + .fa-info-circle {
  left: 40px;
  top: 2px;
}
.tile-grid .item > .tile > .icon:after, .medium.tile-grid .item > .tile > .icon:after {
  border-width: 2px;
}

.large.tile-grid .item > .tile {
  width: 150px;
  height: 150px;
}
.large.tile-grid .item > .tile > .icon {
  width: 150px;
  height: 150px;
}
.large.tile-grid .item > .tile > .icon > img, .large.tile-grid .item > .tile > .icon > .thumbnail {
  width: 150px;
  height: 150px;
}
.large.tile-grid .item > .tile > .icon > i, .large.tile-grid .item > .tile > .icon > .thumbnail i {
  font-size: 75px;
  margin-top: 35px;
}
.large.tile-grid .item > .tile > .icon > i.fa-info-circle, .large.tile-grid .item > .tile > .icon > .thumbnail i.fa-info-circle {
  font-size: 30px;
}
.large.tile-grid .item > .tile > .icon > i.fa-map-marker + .fa-info-circle, .large.tile-grid .item > .tile > .icon > .thumbnail i.fa-map-marker + .fa-info-circle {
  left: 57px;
  top: 10px;
}
.large.tile-grid .item > .tile > .icon > i.fa-map-pin + .fa-info-circle, .large.tile-grid .item > .tile > .icon > .thumbnail i.fa-map-pin + .fa-info-circle {
  left: 60px;
  top: 4px;
}
.large.tile-grid .item > .tile > .icon:after {
  border-width: 3px;
}
.large.tile-grid .item > .tile .profile-photo {
  width: 36px;
  height: 36px;
}

.extra-large.tile-grid .item > .tile {
  width: 256px;
  height: 256px;
}
.extra-large.tile-grid .item > .tile > .icon {
  width: 256px;
  height: 256px;
}
.extra-large.tile-grid .item > .tile > .icon > img, .extra-large.tile-grid .item > .tile > .icon > .thumbnail {
  width: 256px;
  height: 256px;
}
.extra-large.tile-grid .item > .tile > .icon > i, .extra-large.tile-grid .item > .tile > .icon > .thumbnail i {
  font-size: 100px;
  margin-top: 75px;
}
.extra-large.tile-grid .item > .tile > .icon > i.fa-info-circle, .extra-large.tile-grid .item > .tile > .icon > .thumbnail i.fa-info-circle {
  font-size: 30px;
}
.extra-large.tile-grid .item > .tile > .icon > i.fa-map-marker + .fa-info-circle, .extra-large.tile-grid .item > .tile > .icon > .thumbnail i.fa-map-marker + .fa-info-circle {
  left: 57px;
  top: 10px;
}
.extra-large.tile-grid .item > .tile > .icon > i.fa-map-pin + .fa-info-circle, .extra-large.tile-grid .item > .tile > .icon > .thumbnail i.fa-map-pin + .fa-info-circle {
  left: 60px;
  top: 4px;
}
.extra-large.tile-grid .item > .tile > .icon:after {
  border-width: 4px;
}
.extra-large.tile-grid .item > .tile .profile-photo {
  width: 48px;
  height: 48px;
}
.extra-large.tile-grid .item .badges {
  transform: scale(1.5);
}

body[device=phone] .tile-grid, body[device=tablet] .tile-grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}

[browser=safari] .tile-grid .item > .tile > .icon > .thumbnail {
  transform: none !important;
}
[browser=safari] .tile-grid .item > .tile .name {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

/******************************************************************************\
|                                                                              |
|                               _item-cards.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.card-grid {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.card-grid .cards {
  pointer-events: none;
}
.card-grid .cards:empty {
  display: none;
}
.card-grid .cards > .empty {
  margin: 5px;
  padding: 10px;
}
.card-grid .cards .item {
  pointer-events: none;
  min-height: 80px;
}
.card-grid .cards .item .card {
  display: inline-flex;
  width: 100%;
  padding: 10px;
  pointer-events: auto;
  pointer-events: none;
  border-width: 0;
  border-style: solid;
  text-align: left;
  margin-bottom: 10px;
}
.card-grid .cards .item .card .icon, .card-grid .cards .item .card .row, .card-grid .cards .item .card .name {
  display: inline-block;
  pointer-events: auto;
}
.card-grid .cards .item .card .icon {
  position: relative;
  width: 50px;
  min-width: 50px;
  height: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-grid .cards .item .card .icon > i {
  margin: 0;
  font-size: 35px;
  text-align: center;
}
.card-grid .cards .item .card .icon > i.fa-user, .card-grid .cards .item .card .icon > i.fa-user-friends {
  font-size: 50px;
}
.card-grid .cards .item .card .icon > i + .fa-info-circle {
  position: absolute;
  font-size: 14px;
  color: white;
  filter: none !important;
}
.card-grid .cards .item .card .icon > img, .card-grid .cards .item .card .icon > svg, .card-grid .cards .item .card .icon > .thumbnail {
  width: 50px;
  height: 50px;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.card-grid .cards .item .card .icon > img i, .card-grid .cards .item .card .icon > svg i, .card-grid .cards .item .card .icon > .thumbnail i {
  font-size: 50px;
}
.card-grid .cards .item .card .icon .owner {
  position: absolute;
}
.card-grid .cards .item .card .icon > .thumbnail + .owner {
  filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
.card-grid .cards .item .card .icon .spinner {
  display: none;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}
.card-grid .cards .item .card .info {
  min-height: 50px;
  padding-left: 5px;
  font-size: 90%;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 30px;
}
.card-grid .cards .item .card .info .row {
  margin: 0;
}
.card-grid .cards .item .card .info .row:after {
  clear: none;
}
.card-grid .cards .item .card .info .name {
  display: inline-block;
  word-break: break-word;
  cursor: default;
  max-width: 100%;
  padding: 0 5px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.card-grid .cards .item .card .info .name:not([contenteditable=true]) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 30px;
}
.card-grid .cards .item .card .info .name[contenteditable=true] {
  border-radius: 0;
  outline-width: 2px;
  outline-style: solid;
  cursor: text;
  margin-bottom: 3px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.card-grid .cards .item .card .info .priority {
  padding: 0 5px;
}
.card-grid .cards .item .card .info .badges {
  display: inline-block;
  margin-right: 5px;
}
.card-grid .cards .item .card .info .row:not(:first-child) {
  display: table;
}
.card-grid .cards .item .card .info .row:not(:first-child) .details {
  display: inline-block;
  padding: 0 5px;
  margin-top: 2px;
  margin-right: 5px;
}
.card-grid .cards .item .card .info .row:not(:first-child) .details:empty {
  display: none;
}
.card-grid .cards .item .card .info .row:not(:first-child) .badges {
  display: inline-block;
}
.card-grid .cards .item:last-child .card {
  margin-bottom: 0;
}

.cards .expandable.item > .card {
  display: inline-block;
}
.cards .expandable.item > .card .icon {
  float: left;
}

@media (min-width: 768px) {
  .page .card-grid {
    column-count: 2;
  }
}
.round-icons .card-grid .cards,
.round.auto-corner-icons .card-grid .cards {
  border-radius: 15px;
}
.round-icons .card-grid .cards .item .card,
.round.auto-corner-icons .card-grid .cards .item .card {
  border-radius: 15px;
}
.round-icons .card-grid .cards .item .card .info .name:not([contenteditable=true]),
.round.auto-corner-icons .card-grid .cards .item .card .info .name:not([contenteditable=true]) {
  border-radius: 7px;
}
.round-icons .card-grid .cards .item .card .info .details,
.round.auto-corner-icons .card-grid .cards .item .card .info .details {
  border-radius: 7px;
}
.round-icons .card-grid .cards .empty,
.round.auto-corner-icons .card-grid .cards .empty {
  border-radius: 15px;
}

.rounded-icons .card-grid .cards,
.rounded.auto-corner-icons .card-grid .cards {
  border-radius: 5px;
}
.rounded-icons .card-grid .cards .item .card,
.rounded.auto-corner-icons .card-grid .cards .item .card {
  border-radius: 5px;
}
.rounded-icons .card-grid .cards .item .card .info .name:not([contenteditable=true]),
.rounded.auto-corner-icons .card-grid .cards .item .card .info .name:not([contenteditable=true]) {
  border-radius: 3px;
}
.rounded-icons .card-grid .cards .item .card .info .details,
.rounded.auto-corner-icons .card-grid .cards .item .card .info .details {
  border-radius: 3px;
}
.rounded-icons .card-grid .cards .empty,
.rounded.auto-corner-icons .card-grid .cards .empty {
  border-radius: 5px;
}

.square-icons .card-grid .cards,
.square.auto-corner-icons .card-grid .cards {
  border-radius: 0;
}
.square-icons .card-grid .cards .item .card,
.square.auto-corner-icons .card-grid .cards .item .card {
  border-radius: 0;
}
.square-icons .card-grid .cards .item .card .info .name,
.square.auto-corner-icons .card-grid .cards .item .card .info .name {
  border-radius: 0;
}
.square-icons .card-grid .cards .item .card .info .details,
.square.auto-corner-icons .card-grid .cards .item .card .info .details {
  border-radius: 0;
}
.square-icons .card-grid .cards .empty,
.square.auto-corner-icons .card-grid .cards .empty {
  border-radius: 0;
}

.panel .card-grid {
  overflow: hidden;
}
.panel .card-grid .cards {
  padding: 0;
  background: none !important;
  border: none;
}

@media (min-width: 480px) {
  .multi-column.card-grid .cards {
    column-count: 2;
    column-gap: 10px;
  }
}
[browser=explorer] .card-grid .cards .item .card .icon > .thumbnail, [browser=edge] .card-grid .cards .item .card .icon > .thumbnail {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}

/******************************************************************************\
|                                                                              |
|                              _item-pages.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.items .pager {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.items .pager .pages {
  display: flex;
  flex-grow: 1;
  height: calc(100% - 30px);
  pointer-events: none;
}
.items .pager .pages .main-carousel {
  width: 100%;
  height: 100%;
  /*
  .item.file, .item.trash, .item.clipboard {
  	.row:first-child {
  		.icon {
  			> svg, > img:not(.thumbnail) {
  				width: auto;
  				height: 100%;
  			}
  		}
  	}
  }
  */
}
.items .pager .pages .main-carousel .item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
}
.items .pager .pages .main-carousel .item .row {
  margin: 0;
}
.items .pager .pages .main-carousel .item .row:first-child {
  width: 100%;
  padding: 10px;
  padding-bottom: 0;
  height: calc(100% - 100px);
  display: inline-flex;
  flex-direction: column;
}
.items .pager .pages .main-carousel .item .row:first-child .icon {
  display: inline-flex;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
  margin: auto;
  pointer-events: none;
  border-width: 5px;
  border-style: solid;
}
.items .pager .pages .main-carousel .item .row:first-child .icon > img, .items .pager .pages .main-carousel .item .row:first-child .icon > svg, .items .pager .pages .main-carousel .item .row:first-child .icon > .thumbnail {
  pointer-events: auto;
}
.items .pager .pages .main-carousel .item .row:first-child .icon > img, .items .pager .pages .main-carousel .item .row:first-child .icon svg {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.items .pager .pages .main-carousel .item .row:first-child .icon > img.photo.thumbnail {
  width: auto;
  margin: auto;
  transform: none;
}
.items .pager .pages .main-carousel .item .row:first-child .icon .badges {
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  top: 10px;
  right: 10px;
}
.items .pager .pages .main-carousel .item .row:first-child .icon .badges .badge {
  font-size: 200% !important;
  padding: 2px 15px;
  border-width: 5px !important;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.33);
}
.items .pager .pages .main-carousel .item .row:first-child .icon .badges .badge i {
  height: 1em;
  margin: 2px;
  margin-right: 5px;
}
.items .pager .pages .main-carousel .item .row:nth-child(2) {
  padding-top: 0;
  max-height: 80px;
  overflow: hidden;
}
.items .pager .pages .main-carousel .item .row:nth-child(2) .name {
  display: inline-flex;
  font-size: 200%;
  word-break: break-word;
  padding: 0 10px;
  margin: 5px;
  pointer-events: auto;
  cursor: default;
  font-weight: bold;
  line-height: 35px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.items .pager .pages .main-carousel .item .row:nth-child(2) .name:not([contenteditable=true]) {
  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 5px;
}
.items .pager .pages .main-carousel .item .row:nth-child(2) .name[contenteditable=true] {
  border-radius: 0;
  outline-width: 5px;
  outline-style: solid;
  margin: 5px;
  cursor: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.items .pager .pages .main-carousel .item .row:nth-child(2) .details {
  display: inline-block;
  padding: 0 10px;
}
.items .pager .pages .main-carousel .item .row:nth-child(2) .details:empty {
  display: none;
}
.items .pager .pages .main-carousel .item:not(.selected):not(.highlighted) .row:first-child .icon {
  border-color: transparent;
}
.items .pager .pages .main-carousel .item.selected .row:first-child .icon .badges, .items .pager .pages .main-carousel .item.highlighted .row:first-child .icon .badges {
  top: 10px;
  right: 10px;
}
.items .pager .nav-bar {
  margin-top: 0;
  font-size: 90%;
  flex-grow: 0;
}

.round .items .pager .pages .item .row:first-child .icon {
  border-radius: 20px;
}
.round .items .pager .pages .item .row:first-child .icon .badges .badge {
  border-radius: 30px;
}
.round .items .pager .pages .item .row:nth-child(2) .name {
  border-radius: 20px;
}
.round .items .pager .pages .item .row:nth-child(2) .details {
  border-radius: 10px;
}

.rounded .items .pager .pages .item .row:first-child .icon {
  border-radius: 10px;
}
.rounded .items .pager .pages .item .row:first-child .icon .badges .badge {
  border-radius: 15px;
}
.rounded .items .pager .pages .item .row:nth-child(2) .name {
  border-radius: 10px;
}
.rounded .items .pager .pages .item .row:nth-child(2) .details {
  border-radius: 5px;
}

@media screen and (orientation: landscape) {
  .items .pager .pages .main-carousel .item .row:first-child .icon {
    width: auto;
    height: 100%;
  }
}
@media screen and (orientation: portrait) {
  .items .pager .pages .main-carousel .item .row:first-child .icon {
    width: auto;
    height: 100%;
  }
}
@media screen and (orientation: landscape) {
  body[browser=chrome] .items .pager .pages .main-carousel .item .row:first-child .icon > svg {
    width: auto;
    height: 100%;
  }
}
@media screen and (orientation: portrait) {
  body[browser=chrome] .items .pager .pages .main-carousel .item .row:first-child .icon > svg {
    width: 100%;
    height: auto;
  }
}

@media screen and (orientation: landscape) {
  body[browser=safari] .items .pager .pages .main-carousel .item .row:first-child .icon, body[browser=firefox] .items .pager .pages .main-carousel .item .row:first-child .icon {
    width: 75%;
    height: 100%;
  }
  body[browser=safari] .items .pager .pages .main-carousel .item .row:first-child .icon > svg, body[browser=firefox] .items .pager .pages .main-carousel .item .row:first-child .icon > svg {
    width: 100%;
    height: 100%;
  }
}
@media screen and (orientation: portrait) {
  body[browser=safari] .items .pager .pages .main-carousel .item .row:first-child .icon, body[browser=firefox] .items .pager .pages .main-carousel .item .row:first-child .icon {
    width: auto;
    height: 100%;
  }
  body[browser=safari] .items .pager .pages .main-carousel .item .row:first-child .icon > svg, body[browser=firefox] .items .pager .pages .main-carousel .item .row:first-child .icon > svg {
    width: 100%;
    height: 100%;
  }
  body[browser=safari] .items .pager .pages .main-carousel .item.preview .row:first-child .icon, body[browser=firefox] .items .pager .pages .main-carousel .item.preview .row:first-child .icon {
    width: 100%;
    height: 75%;
  }
}

@media screen and (orientation: portrait) {
  body[browser=safari][device=phone] .items .pager .pages .main-carousel .item .row:first-child .icon {
    width: auto;
    height: 100%;
  }
}

body[device=phone] .items .pager .pages .nav-bar, body[device=tablet] .items .pager .pages .nav-bar {
  margin: 0 -10px;
}

/******************************************************************************\
|                                                                              |
|                             _item-galleries.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.jpictura.gallery .jpictura.item {
  overflow: visible;
}
.jpictura.gallery .jpictura.item img {
  width: 100%;
  height: auto;
  margin: auto;
}
.jpictura.gallery .item.selected, .jpictura.gallery .item.highlighted {
  position: relative;
}
.jpictura.gallery .item.selected::after, .jpictura.gallery .item.highlighted::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  pointer-events: none;
  visibility: visible;
}
.jpictura.gallery .item.selected .spinner, .jpictura.gallery .item.highlighted .spinner {
  z-index: 2;
}

.map.gallery:not(:empty) {
  position: relative;
  width: 100%;
  max-width: 900px;
  aspect-ratio: 1.5;
  min-height: 450px;
  padding: 0;
}
.map.gallery:not(:empty) .items-map {
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  overflow: hidden;
}

.round .gallery {
  /*
  .item {
  	border-radius: $round-border-radius;

  	img {
  		border-radius: $round-border-radius;
  	}

  	&::after {
  		border-radius: $round-border-radius;
  	}
  }
  */
}
.round .gallery .map {
  border-radius: 10px;
}

.rounded .gallery {
  /*
  .item {
  	border-radius: $rounded-border-radius;

  	img {
  		border-radius: $rounded-border-radius;
  	}

  	&::after {
  		border-radius: $rounded-border-radius;
  	}
  }
  */
}
.rounded .gallery .map {
  border-radius: 5px;
}

.square .gallery {
  border-radius: 0;
}
.square .gallery .map {
  border-radius: 0;
}

.gallery.well:last-child {
  margin-bottom: 0;
}

.buttons + .gallery.well {
  margin-top: 15px;
}

.image.gallery .images {
  display: flex;
  justify-content: center;
}

.gallery.inline .images a.jpictura.item.lightbox img {
  margin: 10px 0;
}

/******************************************************************************\
|                                                                              |
|                             _items-tinted.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
body:not(.binary):not(.tinted) .items .directory:not(.selected):not(.highlighted) .icon svg {
  filter: hue-rotate(0) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary):not(.tinted) .items .item-list .directory:not(.selected):not(.highlighted) > .info .icon {
  filter: none;
}
body:not(.binary).red-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).red.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(300deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).red-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).red.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(300deg);
}
body:not(.binary).orange-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).orange.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(345deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).orange-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).orange.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(345deg);
}
body:not(.binary).yellow-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).yellow.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(15deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).yellow-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).yellow.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(15deg);
}
body:not(.binary).green-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).green.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(60deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).green-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).green.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(60deg);
}
body:not(.binary).teal-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).teal.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(120deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).teal-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).teal.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(120deg);
}
body:not(.binary).aqua-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).aqua.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(150deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).aqua-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).aqua.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(150deg);
}
body:not(.binary).cyan-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).cyan.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(165deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).cyan-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).cyan.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(165deg);
}
body:not(.binary).blue-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).blue.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(180deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).blue-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).blue.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(180deg);
}
body:not(.binary).violet-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).violet.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(220deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).violet-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).violet.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(220deg);
}
body:not(.binary).purple-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).purple.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(250deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).purple-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).purple.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(250deg);
}
body:not(.binary).magenta-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).magenta.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: hue-rotate(260deg) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).magenta-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).magenta.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: hue-rotate(260deg);
}
body:not(.binary).grey-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg, body:not(.binary).grey.auto-tinted .items .directory:not(.clipboard):not(.trash) .icon > svg {
  filter: saturate(0) drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.25));
}
body:not(.binary).grey-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon, body:not(.binary).grey.auto-tinted .items .item-list .directory:not(.selected):not(.highlighted):not(.clipboard):not(.trash) > .info .icon {
  filter: saturate(0);
}

/******************************************************************************\
|                                                                              |
|                                 _index.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _outlines.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.white-outlined {
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px 0 white, 1px 0 white, 0 1px white, 0 -1px white;
}

.black-outlined {
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black, -1px 0 black, 1px 0 black, 0 1px black, 0 -1px black;
}

/******************************************************************************\
|                                                                              |
|                                 _brand.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.welcome.page .contents .masthead .splash .logotype {
  display: inline-block;
  margin: auto;
  margin-top: 0;
  border-bottom: none;
}
.welcome.page .contents .masthead .splash .logotype.shadowed {
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}
.welcome.page .contents .masthead .splash .logotype span {
  line-height: 1em;
}
.welcome.page .contents .masthead .splash .logotype span.white-outlined {
  text-shadow: -3px -3px 0 white, 3px -3px 0 white, -3px 3px 0 white, 3px 3px 0 white, -3px 0 white, 3px 0 white, 0 3px white, 0 -3px white;
}
.welcome.page .contents .masthead .splash .logotype span.black-outlined {
  text-shadow: -3px -3px 0 black, 3px -3px 0 black, -3px 3px 0 black, 3px 3px 0 black, -3px 0 black, 3px 0 black, 0 3px black, 0 -3px black;
}

@media (min-width: 1200px) {
  .welcome.page .contents .masthead .splash .logotype {
    font-size: 7em;
  }
  .welcome.page .contents .masthead .splash .logotype.short {
    font-size: 8em;
  }
  .welcome.page .contents .masthead .splash .logotype.long {
    font-size: 6em;
  }
}
@media (max-width: 1200px) {
  .welcome.page .contents .masthead .splash .logotype {
    font-size: 6em;
  }
  .welcome.page .contents .masthead .splash .logotype.short {
    font-size: 7em;
  }
  .welcome.page .contents .masthead .splash .logotype.long {
    font-size: 5em;
  }
}
@media (max-width: 1024px) {
  .welcome.page .contents .masthead .splash .logotype {
    font-size: 5em;
  }
  .welcome.page .contents .masthead .splash .logotype.short {
    font-size: 6em;
  }
  .welcome.page .contents .masthead .splash .logotype.long {
    font-size: 4em;
  }
}
@media (max-width: 768px) {
  .welcome.page .contents .masthead .splash .logotype {
    font-size: 3.5em;
  }
  .welcome.page .contents .masthead .splash .logotype.white-outlined {
    text-shadow: -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white, -2px 0 white, 2px 0 white, 0 2px white, 0 -2px white;
  }
  .welcome.page .contents .masthead .splash .logotype.black-outlined {
    text-shadow: -2px -2px 0 black, 2px -2px 0 black, -2px 2px 0 black, 2px 2px 0 black, -2px 0 black, 2px 0 black, 0 2px black, 0 -2px black;
  }
  .welcome.page .contents .masthead .splash .logotype.short {
    font-size: 5em;
  }
  .welcome.page .contents .masthead .splash .logotype.long {
    font-size: 3em;
  }
}
@media (max-width: 480px) {
  .welcome.page > .contents .masthead .splash .logotype {
    font-size: 3em;
  }
  .welcome.page > .contents .masthead .splash .logotype.short {
    font-size: 4em;
  }
  .welcome.page > .contents .masthead .splash .logotype.long {
    font-size: 2.5em;
  }
}
/******************************************************************************\
|                                                                              |
|                                 _cards.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.cards > .card {
  display: inline-block;
  width: 250px;
  height: 500px;
  text-align: center;
  margin-left: 50px;
  margin-bottom: 50px;
  overflow: hidden;
}
.cards > .card .photo {
  display: inline-block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: var(--primary-color);
  background-size: cover;
  background-position: center;
  overflow: hidden;
  border: 10px solid var(--primary-color);
}
.cards > .card .photo img {
  width: 100%;
  height: auto;
}
.cards > .card .photo i {
  color: white;
  font-size: 200px;
  margin: auto;
}
.cards > .card .name {
  display: block;
  font-weight: bold;
}
.cards > .card .title {
  display: inline-block;
  font-weight: normal;
  line-height: 30px;
  padding: 0 20px;
  margin-bottom: 10px;
  color: white;
  background-color: var(--primary-color);
}
.cards > .card .description {
  text-align: left;
}

.rounded .cards .card .title {
  border-radius: 10px;
}

.round .cards .card .title {
  border-radius: 15px;
}

@media (max-width: 480px) {
  .cards {
    text-align: center;
  }
  .cards > .card {
    margin-left: 0;
    height: auto;
  }
}
/******************************************************************************\
|                                                                              |
|                                 _charts.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG CSS element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.chart .jqplot-axis {
  font-size: 13px;
}
.chart .jqplot-grid-canvas + .jqplot-series-shadowCanvas {
  background-color: #e0e0ec;
  mix-blend-mode: multiply;
}
.chart .jqplot-highlighter-tooltip {
  background-color: white;
}

.chart-container {
  width: 100%;
  height: 100%;
  padding: 10px;
  overflow: auto;
}
.chart-container > div {
  height: 100%;
}

body:not(.binary) .chart .jqplot-grid-canvas + .jqplot-series-shadowCanvas {
  background-color: #e0e0ec;
}
body:not(.binary).light .chart .jqplot-grid-canvas + .jqplot-series-shadowCanvas {
  background-color: white;
}
body:not(.binary).dark .chart .jqplot-grid-canvas + .jqplot-series-shadowCanvas {
  background-color: #3a3a60;
}
body:not(.binary).dark .chart .jqplot-highlighter-tooltip {
  background-color: black;
}

.tabbed-content > .tab-content .chart.panes .tab-pane {
  position: absolute;
  width: 100%;
  height: 100%;
}
.tabbed-content > .tab-content .chart.panes .tab-pane:not(.active) {
  width: 100%;
  height: 100%;
  visibility: hidden;
  pointer-events: none;
}

/******************************************************************************\
|                                                                              |
|                                _collapsable.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.collapsable .expander {
  display: inline-block;
}
.collapsable .expander button {
  min-width: 24px;
}

.dropdown-menu .collapsable .expander button.btn, .dropdown-menu .collapsable .expander button.btn:focus {
  color: inherit;
  background: transparent !important;
  border-color: transparent !important;
}
.dropdown-menu .collapsable .expander button.btn i, .dropdown-menu .collapsable .expander button.btn:focus i {
  color: inherit;
}
.dropdown-menu .collapsable .expander button.btn:active, .dropdown-menu .collapsable .expander button.btn:focus:active {
  color: inherit;
  background: transparent !important;
  border-color: transparent !important;
}
.dropdown-menu .collapsable .expander button.btn:active i, .dropdown-menu .collapsable .expander button.btn:focus:active i {
  color: inherit;
}
.dropdown-menu .collapsable .expander button.btn:hover, .dropdown-menu .collapsable .expander button.btn:focus:hover {
  color: inherit;
  background: transparent !important;
  border-color: transparent !important;
}
.dropdown-menu .collapsable .expander button.btn:hover i, .dropdown-menu .collapsable .expander button.btn:focus:hover i {
  color: inherit;
}

.collapsable:not(.collapsed) > .info .expander .collapse,
.collapsable:not(.collapsed) > :not(.hideable) > .info .expander .collapse {
  display: inline-block;
}
.collapsable:not(.collapsed) > .info .expander .expand,
.collapsable:not(.collapsed) > :not(.hideable) > .info .expander .expand {
  display: none;
}
.collapsable:not(.collapsed) > .info .expander .expand + .collapse,
.collapsable:not(.collapsed) > :not(.hideable) > .info .expander .expand + .collapse {
  margin-left: 0;
}
.collapsable:not(.collapsed) > .hideable,
.collapsable:not(.collapsed) > .info .hideable,
.collapsable:not(.collapsed) > :not(.hideable) > .hideable {
  display: block;
}
.collapsable:not(.collapsed) > .non-hideable,
.collapsable:not(.collapsed) > .info .non-hideable,
.collapsable:not(.collapsed) > :not(.hideable) > .non-hideable {
  display: none;
}

.collapsable.collapsed > .info .expander .expand,
.collapsable.collapsed > :not(.hideable) > .info .expander .expand {
  display: inline-block;
}
.collapsable.collapsed > .info .expander .collapse,
.collapsable.collapsed > :not(.hideable) > .info .expander .collapse {
  display: none;
}
.collapsable.collapsed > .info .expander .collapse + .expand,
.collapsable.collapsed > :not(.hideable) > .info .expander .collapse + .expand {
  margin-left: 0;
}
.collapsable.collapsed > .hideable,
.collapsable.collapsed > .info .hideable,
.collapsable.collapsed > :not(.hideable) > .hideable {
  display: none;
}
.collapsable.collapsed > .non-hideable,
.collapsable.collapsed > .info .non-hideable,
.collapsable.collapsed > :not(.hideable) > .non-hideable {
  display: unset;
}

/******************************************************************************\
|                                                                              |
|                                  _crawler.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.crawler {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
.crawler .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
.crawler .tilted3d {
  width: 100%;
  height: 100%;
  text-align: center;
  display: inline-block;
  perspective-origin: center middle;
  overflow: visible;
}
.crawler .tilted3d .images {
  text-align: center;
  overflow: visible;
}
.crawler .tilted3d .images .row {
  display: block;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  margin: 5px auto;
}
.crawler .tilted3d .images .row .item {
  position: relative;
  display: inline-block;
  height: 100px;
}
.crawler .tilted3d .images .row .item img {
  height: 100%;
}
.crawler .tilted3d .images .row .item .caption {
  color: white;
  text-align: center;
  font-family: sans-serif;
}
.crawler .tilted3d .images.annotated .row .item {
  margin: 20px;
}

/******************************************************************************\
|                                                                              |
|                                _dark-mode.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
@media (prefers-color-scheme: dark) {
  .light-mode-only {
    display: none;
  }
}
@media (prefers-color-scheme: light) {
  .dark-mode-only {
    display: none;
  }
}
body.dark .light-theme-only {
  display: none;
}

body:not(.dark) .dark-theme-only {
  display: none;
}

/******************************************************************************\
|                                                                              |
|                                  _displays.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.led.dot {
  font-family: "LED Dot Matrix";
  font-weight: normal;
}

.led.display {
  font-family: "LCD";
  color: red;
  text-shadow: 0 0 10px;
  background: black;
}
.led.display path {
  filter: url("#glowing");
}

.lcd {
  font-family: "LCD";
  letter-spacing: 2px;
  color: black;
  background: white;
}

.lcd.display {
  border-width: 2px;
  border-style: solid;
}

.lcd.pie {
  background: none;
}

/******************************************************************************\
|                                                                              |
|                               _documents.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.pdf.document {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background: none;
}
.pdf.document canvas {
  position: relative;
  margin: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.pdf.document.inset canvas {
  box-shadow: 10px 10px 100px rgba(0, 0, 0, 0.5);
}

/******************************************************************************\
|                                                                              |
|                                  _emoji.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.emoji.selector {
  max-width: 320px;
  cursor: default;
  pointer-events: auto;
}
.emoji.selector .tab-content {
  max-height: 250px;
  font-size: 20px;
  overflow: auto;
  padding: 0 5px;
}
.emoji.selector .tab-content .emoji {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  cursor: default;
}
.emoji.selector .tab-content .emoji:hover {
  background: rgba(128, 128, 179, 0.25);
  cursor: pointer;
}

body[device=phone] .emoji.selector .nav-tabs, body[device=tablet] .emoji.selector .nav-tabs {
  font-size: 20px;
}

/******************************************************************************\
|                                                                              |
|                               _expandable.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.expandable .expander {
  display: inline-block;
}
.expandable .expander button {
  min-width: 24px;
}

.dropdown-menu .expandable .expander button.btn, .dropdown-menu .expandable .expander button.btn:focus {
  color: inherit;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.dropdown-menu .expandable .expander button.btn i, .dropdown-menu .expandable .expander button.btn:focus i {
  color: inherit;
}
.dropdown-menu .expandable .expander button.btn:active, .dropdown-menu .expandable .expander button.btn:focus:active {
  color: inherit;
  background: transparent !important;
  border-color: transparent !important;
}
.dropdown-menu .expandable .expander button.btn:active i, .dropdown-menu .expandable .expander button.btn:focus:active i {
  color: inherit;
}
.dropdown-menu .expandable .expander button.btn:hover, .dropdown-menu .expandable .expander button.btn:focus:hover {
  color: inherit;
  background: transparent !important;
  border-color: transparent !important;
}
.dropdown-menu .expandable .expander button.btn:hover i, .dropdown-menu .expandable .expander button.btn:focus:hover i {
  color: inherit;
}

.expandable:not(.expanded) .expander .collapse {
  display: none;
}
.expandable:not(.expanded) .expander .collapse + .expand {
  margin-left: 0;
}
.expandable:not(.expanded) .expander .expand {
  display: inline-block;
}
.expandable:not(.expanded) .hideable {
  display: none;
}

.expandable.expanded .expander .expand {
  display: none;
}
.expandable.expanded .expander .expand + .collapse {
  margin-left: 0;
}
.expandable.expanded .expander .collapse {
  display: inline-block;
}
.expandable.expanded .hideable {
  display: block;
}
.expandable.expanded .expandable .expander {
  visibility: hidden;
}

div:not(.buttons) > .expander > button.collapse, div:not(.buttons) > .expander > button.expand {
  cursor: pointer;
  pointer-events: auto;
  color: inherit !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
div:not(.buttons) > .expander > button.collapse i, div:not(.buttons) > .expander > button.expand i {
  color: initial;
  vertical-align: middle;
  text-shadow: none;
}

/******************************************************************************\
|                                                                              |
|                               _full-screen.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.windowed-only {
  display: initial;
}

.full-screen-only {
  display: none;
}

.windowed-visible {
  visibility: visible;
}

.full-screen-visible {
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

:-webkit-full-screen .windowed-only {
  display: none !important;
}
:-webkit-full-screen .full-screen-only {
  display: initial !important;
}
:-webkit-full-screen .windowed-visible {
  visibility: hidden !important;
}
:-webkit-full-screen .full-screen-visible {
  visibility: visible !important;
}

:-moz-full-screen .windowed-only {
  display: none !important;
}
:-moz-full-screen .full-screen-only {
  display: initial !important;
}
:-moz-full-screen .windowed-visible {
  visibility: hidden !important;
}
:-moz-full-screen .full-screen-visible {
  visibility: visible !important;
}

:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .icon-grid,
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .tile-grid,
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .card-grid {
  min-width: 100%;
  height: 100%;
  padding-bottom: 0;
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  column-fill: auto;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .icon-grid .file,
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .icon-grid .directory,
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .tile-grid .file,
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .tile-grid .directory,
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .card-grid .file,
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .card-grid .directory {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  break-inside: avoid;
}
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .icon-grid {
  -webkit-column-width: 100px;
  -moz-column-width: 100px;
  column-width: 100px;
}
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .icon-grid .badges {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .tile-grid {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .tile-grid.little {
  -webkit-column-width: 75px;
  -moz-column-width: 75px;
  column-width: 75px;
}
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .tile-grid.medium {
  -webkit-column-width: 100px;
  -moz-column-width: 100px;
  column-width: 100px;
}
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .tile-grid.large {
  -webkit-column-width: 150px;
  -moz-column-width: 150px;
  column-width: 150px;
}
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .card-grid {
  -webkit-column-width: 240px;
  -moz-column-width: 240px;
  column-width: 240px;
}
:-webkit-full-screen .desktop.app > .body > .app .mainbar .items .card-grid .cards {
  column-count: 1;
  padding: 0;
  margin: 0;
  margin-right: 10px;
}
:-webkit-full-screen body[browser=chrome] .desktop.app .body .app .mainbar .items .icon-grid .file,
:-webkit-full-screen body[browser=chrome] .desktop.app .body .app .mainbar .items .icon-grid .directory,
:-webkit-full-screen body[browser=chrome] .desktop.app .body .app .mainbar .items .tile-grid .file,
:-webkit-full-screen body[browser=chrome] .desktop.app .body .app .mainbar .items .tile-grid .directory {
  float: left;
}

:-moz-full-screen .desktop.app .body .app .mainbar .items {
  overflow-x: auto;
  overflow-y: hidden;
}
:-moz-full-screen .desktop.app .body .app .mainbar .items .icon-grid,
:-moz-full-screen .desktop.app .body .app .mainbar .items .tile-grid {
  min-width: 100%;
  height: 100%;
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  column-fill: auto;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}
:-moz-full-screen .desktop.app .body .app .mainbar .items .icon-grid .file,
:-moz-full-screen .desktop.app .body .app .mainbar .items .icon-grid .directory,
:-moz-full-screen .desktop.app .body .app .mainbar .items .tile-grid .file,
:-moz-full-screen .desktop.app .body .app .mainbar .items .tile-grid .directory {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  break-inside: avoid;
}
:-moz-full-screen .desktop.app .body .app .mainbar .items .icon-grid {
  -webkit-column-width: 100px;
  -moz-column-width: 100px;
  column-width: 100px;
}
:-moz-full-screen .desktop.app .body .app .mainbar .items .tile-grid {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
:-moz-full-screen .desktop.app .body .app .mainbar .items .tile-grid.little {
  -webkit-column-width: 75px;
  -moz-column-width: 75px;
  column-width: 75px;
}
:-moz-full-screen .desktop.app .body .app .mainbar .items .tile-grid.medium {
  -webkit-column-width: 100px;
  -moz-column-width: 100px;
  column-width: 100px;
}
:-moz-full-screen .desktop.app .body .app .mainbar .items .tile-grid.large {
  -webkit-column-width: 150px;
  -moz-column-width: 150px;
  column-width: 150px;
}
:-moz-full-screen .desktop.app .body .app .mainbar .items .card-grid {
  -webkit-column-width: 240px;
  -moz-column-width: 240px;
  column-width: 240px;
}
:-moz-full-screen .desktop.app .body .app .mainbar .items .card-grid .cards {
  column-count: 1;
  padding: 0;
}

/******************************************************************************\
|                                                                              |
|                                _galleries.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.gallery:not(:empty) {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  image-rendering: auto;
  overflow: hidden;
}
.gallery:not(:empty).well {
  padding: 10px;
}
.gallery:not(:empty) .images {
  text-align: center;
  overflow: hidden;
}
.gallery:not(:empty) .images > img,
.gallery:not(:empty) .images > video {
  max-width: 600px;
  cursor: pointer;
}
.gallery:not(:empty) .images > img.horizontal,
.gallery:not(:empty) .images > video.horizontal {
  width: 100%;
  height: auto;
}
.gallery:not(:empty) .images > img.vertical,
.gallery:not(:empty) .images > video.vertical {
  width: 100%;
  max-width: 400px;
  height: auto;
}
.gallery:not(:empty) .images > video {
  outline: none;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
.gallery:not(:empty) .jpictura .jpictura-item {
  overflow: visible;
}
.gallery:not(:empty) button.more {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.gallery:not(:empty).loading {
  min-height: 450px;
}

/******************************************************************************\
|                                                                              |
|                                  _help.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.page img.menu {
  width: 220px;
}
.page img.nested.dropdown.menu {
  width: 440px;
}
.page img.doubly.nested.dropdown.menu {
  width: 660px;
}
.page img.search {
  width: 300px;
  border-radius: 15px;
}
.page img.sidebar {
  width: 172px;
}

.round .page img.dropdown.menu {
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.round .page img.dropup.menu {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.round .page img.run.menu {
  border-bottom-left-radius: 9px;
}

.rounded .page img.dropdown.menu {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.rounded .page img.dropup.menu {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.rounded .page img.run.menu {
  border-bottom-left-radius: 7px;
}

.round-dialogs img.dialog {
  border-radius: 9px;
}
.round-dialogs .figure.row img.dialog {
  border-radius: 5px;
}

.rounded-dialogs img.dialog {
  border-radius: 7px;
}
.rounded-dialogs .figure.row img.dialog {
  border-radius: 3px;
}

/******************************************************************************\
|                                                                              |
|                                _jqplot.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG CSS element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.jqplot-title {
  font-size: 1.25em !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
}

.jqplot-axis {
  padding-top: 10px;
  height: 50px !important;
}

.jqplot-yaxis-label {
  padding-left: 20px;
}

table.jqplot-table-legend,
table.jqplot-cursor-legend {
  position: absolute;
  width: auto;
  margin: 10px;
  border: none;
  background: none;
}

.jqplot-table-legend-swatch {
  width: 0px;
  height: 0px;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
}

.jqplot-table-legend-swatch-outline {
  outline-color: black;
  outline-width: 1px;
  outline-style: solid;
  margin-right: 10px;
}

.jqplot-point-label.vertical-line-label {
  display: inline-block;
  position: absolute;
  margin-top: 30px;
  padding: 10px;
}

.jqplot-highlighter-tooltip {
  padding: 0 5px;
  z-index: 2;
}

/******************************************************************************\
|                                                                              |
|                                _layout.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
body {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
body > svg {
  position: absolute;
}

#header {
  min-height: 40px;
  position: relative;
  z-index: 1;
}

#main {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  z-index: 0;
  -webkit-overflow-scrolling: touch;
}
#main > .loading {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#main > .loading img {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
}
#main > .loading .message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  margin-top: 60px;
  margin-left: -25%;
  position: relative;
  text-align: center;
}

.full-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.full-size {
  width: 100%;
  height: 100%;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.full-size.overlay {
  position: absolute;
  top: 0;
}

.fit.width {
  width: 100%;
  height: auto;
}

.fit.height {
  width: auto;
  height: 100%;
}

.fit.size {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.screen {
  top: 50px;
  width: 100%;
  height: 100%;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.left.aligned {
  text-align: left;
}

.center.aligned {
  text-align: center;
}

.right.aligned {
  text-align: right;
}

.middle.aligned {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.inline {
  display: inline-block;
}

.containing {
  overflow: auto;
}

.unpadded {
  padding: 0;
}

.unbacked {
  background: none !important;
}

.index {
  counter-reset: rule;
  /*
  .item-tree {
  	.info {
  		.expander + .icon {
  			i {
  				font-size: 20px;
  				margin: 0;
  				margin-left: 10px;
  			}

  			& + .name {
  				margin-left: 10px;
  			}
  		}
  	}
  }
  */
}
.index .row div:first-child {
  text-align: center;
}
.index .row div:first-child i {
  font-size: 50px;
  width: 100px;
}
.index ol > li {
  list-style: none;
}
.index ol > li :before {
  counter-increment: rule;
  content: counter(rule) ". ";
  float: left;
  width: 30px;
  text-align: left;
}

.group {
  margin-left: 50px;
}

.content {
  padding: 10px;
}

.layers {
  position: relative;
  width: 100%;
  height: 100%;
}

.round .content {
  border-radius: 5px;
}

.rounded .content {
  border-radius: 3px;
}

.notes {
  margin-top: 15px;
}
.notes :not(input).required:after {
  margin-right: 5px;
}

hr {
  border-top: 0;
}

.user-profile-header .cover.photo {
  pointer-events: none;
}
.user-profile-header .buttons {
  pointer-events: auto;
}
.user-profile-header .alternate.buttons {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 10px;
}
.user-profile-header hr {
  margin: 10px auto;
}

body.icon-spinning .profile.photo .buttons {
  display: none;
}

body:not(.icon-spinning) .user-profile-header .alternate.buttons {
  display: none;
}

.scrollable {
  overflow: auto;
}

.horizontally.scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.vertically.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

.well {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 10px;
}
.well.emphasis {
  width: 75%;
  margin: 25px auto;
}
.well h3:first-child {
  margin-top: 10px;
}

.round .well {
  border-radius: 15px;
}

.rounded .well {
  border-radius: 7px;
}

.square .well {
  border-radius: 0;
}

.multi-region {
  display: flex;
  border-radius: 0;
}
.multi-region .side.panel {
  min-width: 25%;
  margin-right: 15px;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

#search + #results {
  margin-top: 15px;
}

@media (max-width: 800px) {
  .container {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .content {
    padding: 10px;
  }
  .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .multi-region {
    flex-direction: column;
  }
  .multi-region .side.panel {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}
[browser=explorer], [browser=edge] {
  -ms-overflow-style: none;
}
[browser=explorer] #main, [browser=edge] #main {
  -ms-overflow-style: none;
}
[browser=explorer] .fit.width, [browser=edge] .fit.width {
  height: none;
}
[browser=explorer] .fit.height, [browser=edge] .fit.height {
  width: none;
}
[browser=explorer] .fit.size, [browser=edge] .fit.size {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

/******************************************************************************\
|                                                                              |
|                               _lightboxes.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.fancybox-skin {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: none !important;
  filter: drop-shadow(5px 5px 20px black);
}
.fancybox-skin .fancybox-outer {
  background: none;
}
.fancybox-skin .fancybox-outer .fancybox-inner {
  background: none;
}
.fancybox-skin .fancybox-outer .fancybox-inner .fancybox-image {
  background: none;
}
.fancybox-skin .fancybox-title {
  font-size: 16px;
  font-style: italic;
}

.smooth img .fancybox-image img {
  image-rendering: auto !important;
}

.round .fancybox-skin .fancybox-image {
  border-radius: 15px;
}

.rounded .fancybox-skin .fancybox-image {
  border-radius: 7px;
}

/******************************************************************************\
|                                                                              |
|                                 _pages.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.page {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 100%;
  line-height: 2em;
}
.page p:last-child {
  margin: 0;
}
.page .buttons {
  text-align: center;
}
.page .attention {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 200px;
  height: 200px;
  padding: 10px;
  margin: 25px auto;
  word-break: break-word;
}
.page .attention .emphasis {
  margin: auto;
}
.page .attention h1 {
  margin: 0;
}
.page .attention > i {
  font-size: 125px;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 75px;
  margin: auto;
}
.page .attention img {
  width: 150px;
  height: 150px;
  margin: auto;
}
.page .attention + h1 {
  text-align: center;
}
.page .attention + p {
  margin-top: 20px;
}
.page .attention + .well {
  margin-top: 20px;
}
.page .attention.colored.icon {
  border-width: 5px;
  border-style: solid;
}
.page .app-icons .item .icon, .page .app-icons .item .name {
  cursor: pointer !important;
}
.page > .contents {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 50px;
  width: 100%;
  /*
  .figure.row {
  	max-width: 80%;
  }
  */
}
.page > .contents .carousel {
  text-align: center;
}
.page > .contents .carousel .carousel-cell {
  width: 100%;
}
.page > .contents > .content {
  padding: 0;
}
.page > .contents > .content > .contents {
  margin: 0 -50px;
}
.page > .contents > .content h2#table-of-contents {
  text-align: center;
  margin-bottom: 20px;
}
.page > .contents > .content .table-of-contents {
  padding-inline-start: 40px !important;
}
.page > .contents > .content .table-of-contents li {
  margin-bottom: 10px;
}
.page > .contents > .content .index .item-list .item > .info > .name {
  font-size: 1.25em;
  line-height: 1em;
  height: 1.25em;
}
.page > .contents > .content ul:not(.nav-tabs):not(.item-list), .page > .contents > .content ol {
  padding-inline-start: 20px;
}
.page > .contents > .content ul:not(.nav-tabs):not(.item-list) > li, .page > .contents > .content ol > li {
  margin-left: 5px;
  margin-right: -5px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.page > .contents > .content ul:not(.nav-tabs):not(.item-list) > li i, .page > .contents > .content ol > li i {
  margin-right: 10px;
}
.page > .contents .well {
  padding: 10px 20px;
  margin: 20px 0;
}
.page > .contents .tip h3 {
  float: left;
  margin-right: 20px;
}
.page > .contents .tip h3 .icon i {
  margin-right: 10px;
}
.page > .contents .figure {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 20px auto;
  text-align: center;
  max-width: 75%;
}
.page > .contents .figure img, .page > .contents .figure iframe {
  margin: auto;
  max-width: 100%;
}
.page > .contents .figure img {
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
.page > .contents .figure img.vertical {
  display: block;
  width: 50%;
  max-width: 200px;
  margin: auto;
}
.page > .contents .figure iframe {
  width: 720px;
  height: 480px;
  border-radius: 15px;
  border-width: 1px;
  border-style: solid;
}
.page > .contents .figure img.dialog {
  width: 720px;
}
.page > .contents .figure .caption {
  margin-top: 10px;
}
.page > .contents .figure .attribution {
  margin-top: 10px;
  text-align: right;
}
.page > .contents .figure .attribution .author {
  font-weight: bold;
}
.page > .contents .figure .attribution .author:before {
  content: "-";
  margin-right: 0.5em;
}
.page > .contents .figure a + .caption,
.page > .contents .figure img + .caption {
  margin-bottom: 20px;
}
.page > .contents .figure.row .caption {
  overflow: hidden;
}
.page > .contents .figure.wide {
  max-width: 100%;
}
.page > .contents .figure.text {
  text-align: left;
}
.page > .contents .figure .col-sm-4 .caption {
  min-height: 3em;
}
.page > .contents .col-sm-6 .figure img {
  max-height: 250px;
}
.page > .contents .col-sm-6 .icon {
  display: flex;
  height: 200px;
}
.page > .contents .col-sm-6 .icon i {
  font-size: 6em;
  margin: auto;
}
.page > .contents .figure:only-child {
  float: none;
}
.page > .contents .figure .figure {
  margin-top: 0;
  margin-bottom: 0;
}
.page > .contents .content + .buttons {
  margin-top: 15px;
}
.page > .contents .index .item-list:not(.inline) .item:nth-child(odd) > .info {
  background: none;
}
.page > .contents .pager {
  margin-top: 15px;
}
.page > .footer {
  position: relative;
}
.page > .footer .info {
  position: relative;
  background-size: cover;
  background-position: center;
}
.page > .footer .info .content {
  display: flex;
  position: relative;
  text-align: center;
  padding: 50px;
  font-size: 16px;
  line-height: 2em;
}
.page > .footer .info .content .brand {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 50%;
}
.page > .footer .info .content .brand .logo {
  display: flex;
  width: fit-content;
  height: 60px;
  margin: auto;
}
.page > .footer .info .content .brand .logo img {
  width: auto;
  height: 100%;
  max-width: 100%;
  margin: auto;
  transform: translateZ(0);
}
.page > .footer .info .content .brand .logotype {
  font-size: 200%;
  margin: auto;
  margin-top: 10px;
  overflow: hidden;
}
.page > .footer .info .content .brand .logotype.round {
  border-radius: 30px;
}
.page > .footer .info .content .brand .logotype.rounded {
  border-radius: 10px;
}
.page > .footer .info .content .links {
  display: flex;
  width: 100%;
  margin: auto;
}
.page > .footer .info .content .links .row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.page > .footer .info .content .links .row .column {
  width: 33%;
  text-align: left;
  margin-left: 50px;
}
.page > .footer .info .content .links .row .column i {
  display: inline-block;
  width: 15px;
  margin-right: 5px;
}
.page > .footer .info .content .links .row .column .heading {
  font-weight: bold;
  font-size: 1.25em;
  white-space: nowrap;
  margin-bottom: 10px;
}
.page > .footer .info .content .links .row .column a {
  display: block;
}
.page > .footer .info .content .links .row .column a i {
  margin-right: 5px;
}
.page > .footer .info .content .tagline, .page > .footer .info .content .description {
  font-size: 16px;
  line-height: 1em;
  padding: 5px 20px;
  margin: auto;
  margin-top: 10px;
}
.page > .footer .info .content .tagline.shadowed, .page > .footer .info .content .description.shadowed {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.page > .footer .info .content .tagline.round, .page > .footer .info .content .description.round {
  border-radius: 30px;
}
.page > .footer .info .content .tagline.rounded, .page > .footer .info .content .description.rounded {
  border-radius: 10px;
}
.page > .footer .info .content a {
  white-space: nowrap;
}
.page > .footer .branding .content {
  display: flex;
  flex-direction: row;
}
.page > .footer .branding .content .copyright {
  flex-grow: 1;
}
.page > .footer .branding .content .copyright .logo {
  height: 20px;
  margin: 0 5px;
  image-rendering: pixelated;
}
.page > .footer .branding .content .trademark .logo {
  height: 20px;
  margin: 0 5px;
}
.page > .footer .branding .content .fineprint {
  color: unset;
}
.page > .footer .branding .content .footer-item {
  margin-left: 10px;
}
.page > .footer .branding .content i {
  margin-right: 5px;
}

.round-icons .page .attention.icon,
.round.auto-icons .page .attention.icon {
  border-radius: 100px;
}

.rounded-icons .page .attention.icon,
.rounded.auto-icons .page .attention.icon {
  border-radius: 50px;
}

.round .page .attention {
  border-radius: 100px;
}
.round .page iframe, .round .page .items {
  border-radius: 10px;
}

.rounded .page .attention {
  border-radius: 50px;
}
.rounded .page iframe, .rounded .page .items {
  border-radius: 5px;
}

@media (min-width: 480px) {
  .page {
    font-size: 16px;
  }
  .page > .contents .content {
    font-size: 18px;
  }
  .page > .contents .content .cover.photo {
    margin: 0 -50px;
    margin-bottom: 0;
    border-radius: 0;
  }
  .page > .contents .content .content {
    padding: 10px;
  }
  .page > .footer .info .content {
    padding: 50px;
    line-height: 2em;
  }
  .page > .footer .info .content .column {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .page > .footer .info .content .column .links {
    margin: auto;
  }
  .page > .footer .info .content .links {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .page > .contents .figure.col-sm-4 img {
    max-width: 50%;
  }
}
@media (max-width: 900px) {
  .page > .footer .info .content {
    flex-direction: column;
  }
  .page > .footer .info .content .brand, .page > .footer .info .content .links {
    width: 100%;
  }
  .page > .footer .info .content .brand {
    margin-bottom: 30px;
  }
}
@media (max-width: 640px) {
  .page > .footer .info .content {
    padding: 50px 10px;
  }
  .page > .footer .info .content .links .row {
    flex-direction: column;
    width: 100%;
  }
  .page > .footer .info .content .links .row .column {
    margin-left: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .page .container {
    padding: 25px;
  }
  .page .container .carousel {
    margin: -25px;
  }
  .page .container > .content > .contents {
    margin: -25px;
  }
  .page > .contents {
    padding: 20px;
  }
  .page > .contents .content ol {
    padding-inline-start: 0;
  }
  .page > .contents .content ol > li {
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 0;
  }
  .page > .contents .content ol > li > a > i {
    width: 1em;
  }
  .page > .contents .content .figure {
    max-width: 100%;
  }
  .page > .contents .content .figure img.menu {
    width: 75%;
  }
  .page > .contents .content .figure.row .col-sm-6 {
    width: 100%;
  }
  .page > .contents .content .figure.row .col-sm-6 img {
    max-width: 100%;
  }
  .page > .contents .content .figure.row .col-sm-4 {
    width: 100%;
  }
  .page > .contents .content .figure.row .col-sm-4 img {
    max-width: 75%;
  }
  .page > .footer .info .content {
    padding: 50px 10px;
  }
  .page > .footer .row {
    margin: 0;
  }
  .page > .footer .row > div {
    position: static;
  }
  .page > .footer .entity {
    display: none;
  }
}
@media (prefers-color-scheme: dark) {
  .page > .contents .figure iframe {
    border-color: #303040;
  }
}
/******************************************************************************\
|                                                                              |
|                                 _profile.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.user-profile-header {
  text-align: center;
}
.user-profile-header .profile.photo {
  display: inline-flex;
  position: relative;
  background-color: black;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 200px;
  height: 200px;
  image-rendering: auto;
  margin: -10px auto;
}
.user-profile-header .profile.photo .thumbnail.missing {
  margin: auto;
}
.user-profile-header .profile.photo .thumbnail.missing i {
  font-size: 150px;
  margin: auto;
}
.user-profile-header .profile.photo .buttons {
  position: absolute;
  right: 0;
  margin: 5px;
}
.user-profile-header .profile.photo.rounded {
  border-radius: 15px;
}

table td .profile.thumbnail {
  width: 25px;
  height: 25px;
  background-size: cover;
  float: left;
  margin: -2px;
  margin-right: 10px;
}

.cover.photo {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  image-rendering: auto;
  padding: 30px;
}
.cover.photo > .buttons {
  position: absolute;
  top: 10px;
  right: 10px;
}
.cover.photo > .buttons .btn {
  margin-top: 0;
}

.round .cover.photo {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.rounded .cover.photo {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/*
@media (max-width: variables.$screen-sm-min) {
	.page {
		.profile.photo {
			width: $profile-photo-small-size;
			height: $profile-photo-small-size;

			.thumbnail.missing i {
				font-size: $profile-photo-small-font-size;
			}
		}
	}

	.modal-dialog {
		.profile.photo {
			width: $profile-photo-small-size;
			height: $profile-photo-small-size;

			.thumbnail.missing i {
				font-size: $profile-photo-small-font-size;
			}
		}
	}
}
*/
@media (min-width: 992px) {
  .page .profile.photo {
    width: 200px;
    height: 200px;
  }
  .page .profile.photo .thumbnail.missing i {
    font-size: 150px;
  }
  /*
  .modal-dialog {
  	.profile.photo {
  		width: $profile-photo-medium-size;
  		height: $profile-photo-medium-size;

  		.thumbnail.missing i {
  			font-size: $profile-photo-medium-font-size;
  		}
  	}
  }
  */
}
body[device=phone] .page .cover.photo, body[device=tablet] .page .cover.photo {
  margin: -10px;
  margin-bottom: 0;
}

/******************************************************************************\
|                                                                              |
|                              _responsive.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
body[device=desktop] .mobile-only {
  display: none !important;
}

body[device=phone] .desktop-only,
body[device=tablet] .desktop-only {
  display: none !important;
}

body[device=phone] .visible-desktop-only,
body[device=tablet] .visible-desktop-only {
  visibility: hidden !important;
}

body[os=ios] .main-carousel {
  touch-action: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 640px) {
  .hidden-xxs {
    display: none !important;
  }
}
/******************************************************************************\
|                                                                              |
|                                _sections.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.page .section {
  padding: 30px 50px;
  margin: 0 -50px;
}
.page .section.primary {
  background-color: var(--primary-color) !important;
}
.page .section.secondary {
  background-color: var(--secondary-color) !important;
}
.page .section h2 .icon {
  float: left;
  height: 1em !important;
  transform: scale(2);
  margin-left: 15px;
  margin-right: 30px;
  margin-bottom: 10px;
}
.page .section .well {
  border: none;
}
.page .section .items {
  height: auto;
}
.page .section .carousel {
  margin: 0 -50px;
  height: 150px;
  overflow: hidden;
}
.page .section .carousel .carousel-cell {
  height: 150px !important;
}
.page .section .carousel .carousel-cell .app-icons .icon {
  width: 50px;
  height: 50px;
}
.page .section .carousel .carousel-cell .app-icons .icon img {
  width: 40px;
  height: 40px;
}
.page .section .carousel .carousel-cell .logo {
  width: 60px;
  height: 60px;
  margin: auto;
}
.page .section .carousel .carousel-cell .logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.33));
}
.page .section .icons.carousel .carousel-cell {
  display: flex;
  width: 150px;
  margin-right: 10px;
  border-radius: 5px;
  counter-increment: gallery-cell;
}
.page .section .icon-grid.large {
  text-align: center;
  font-size: 12px;
}
.page .section .icon-grid.large .item {
  width: 125px;
  height: 125px;
  transform: translate(0, 50px) scale(1.5);
}
.page .section .icon-grid.large .item .icon {
  width: 50px;
  height: 50px;
}
.page .section .icon-grid.large .item .icon img {
  width: 40px;
  height: 40px;
}
.page .section.colored {
  color: white;
}
.page .section.colored h2 {
  color: white !important;
  border-color: white !important;
}
.page .section.colored h2 i {
  color: white !important;
}
.page .section.colored a {
  color: white !important;
}
.page .section.colored a:hover {
  color: white !important;
}
.page .section.colored a:active {
  color: white !important;
}
.page .section.colored .icon i {
  color: white !important;
}
.page .section.colored .well h2 {
  color: unset !important;
}
.page .section.colored .well h2 i {
  color: var(--primary-color) !important;
}
.page .section.colored .well a {
  color: var(--primary-color) !important;
}
.page .section.colored .well a:hover {
  color: var(--primary-color) !important;
}
.page .section.colored .well a:active {
  color: var(--primary-color) !important;
}
.page .section + p {
  margin-top: 15px;
}

.app .page .section {
  padding: 30px;
}

.dark .page .section.colored h2 {
  color: white !important;
}
.dark .page .section.colored a:hover {
  color: white !important;
}
.dark .page .section.colored a:active {
  color: white !important;
}

@media (min-width: 768px) {
  .page .section {
    /*
    &:last-child {
    	margin-bottom: -50px;
    }
    */
  }
  .page .section > .row {
    display: flex;
    flex-direction: row;
  }
  .page .section:nth-of-type(even):not(.details) > .row {
    flex-direction: row-reverse;
  }
  .page .section:nth-of-type(even):not(.details) .carousel {
    margin-right: 0;
  }
  .page .section:nth-of-type(odd) .carousel {
    margin-left: 0;
  }
}
body[device=phone] .page .section h2 {
  margin-top: 0;
}
body[device=phone] .page .section h2 .icon {
  margin-top: -3px;
}
body[device=phone] .page .section > .row {
  flex-direction: column;
}
body[device=phone] .page .section > .row > div + div {
  margin-top: 20px;
}

/******************************************************************************\
|                                                                              |
|                                _spinners.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.spinner {
  display: none;
  position: absolute;
  border-width: 25px;
  border-style: solid;
  border-top-width: 25px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  object-fit: cover;
  box-shadow: none;
  border-color: rgba(255, 255, 255, 0.5);
  border-top-color: black;
}

.loading.spinner, .loading .spinner {
  display: block !important;
  animation: spinning-keyframes 2s linear infinite;
  -webkit-transform: rotateZ(360deg);
}

/******************************************************************************\
|                                                                              |
|                                  _tables.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
table {
  display: table;
  width: 100%;
  border-collapse: separate;
}
table th {
  padding: 5px;
  font-weight: normal;
  outline: none;
  white-space: nowrap;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: unset;
}
table th:not(:last-child) {
  border-right-width: 0;
}
table th input[type=radio], table th input[type=checkbox] {
  margin-right: 5px;
}
table th label {
  font-weight: normal;
}
table thead th {
  border-bottom: none;
}
table tbody tr:not(:last-child) th {
  border-bottom: none;
}
table tbody > .empty {
  padding: 5px 10px;
  pointer-events: none;
  white-space: nowrap;
}
table tbody tr.selected {
  background: black;
  color: white;
}
table tbody tr.highlighted {
  color: red !important;
}
table tbody tr.grabbable {
  cursor: default;
}
table tbody tr td {
  padding: 5px 10px;
  border-width: 1px;
  border-style: solid;
  border-color: black;
}
table tbody tr td:not(:last-child) {
  border-right-width: 0;
}
table tbody tr td.error {
  color: hsl(0, 80%, 60%);
  outline: 2px solid hsl(0, 80%, 60%);
  outline-offset: -2px;
  background: white;
}
table tbody tr td.highlighted::after {
  border: none;
}
table tbody tr td input[type=radio], table tbody tr td input[type=checkbox] {
  margin: 0 5px;
}
table tbody tr td[contenteditable]:focus:not(.error) {
  outline-offset: -2px;
  outline-width: 2px;
  outline-style: solid;
  color: #272740 !important;
  background: white !important;
  cursor: text;
}
table tbody tr:not(:last-child) td {
  border-bottom-width: 0;
}
table tbody tr:not(.first) td.duplicate {
  opacity: 0 !important;
}
table .th-sm, table .td-sm {
  width: 1%;
  text-align: center;
}
table th.delete, table td.delete {
  width: 1px;
}
table th.protection, table td.protection {
  width: 1px;
}
table th.prepend, table th.append,
table td.prepend, table td.append {
  width: 1px;
  border: none;
  outline: none;
  background: none;
}
table th.prepend, table td.prepend {
  padding-left: 0px;
}
table th.append, table td.append {
  padding-right: 0;
}
table tr:last-child tr td.prepend,
table tr:last-child tr td.append {
  border-bottom: none;
}
table td i + label {
  margin-left: 5px;
}
table td .btn-sm {
  margin-top: -10px;
  margin-bottom: -7px;
}
table th.narrow, table td.narrow {
  width: 1px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
table ul {
  -webkit-padding-start: 10px;
}
table label {
  margin-bottom: 0;
}

#show-numbering {
  margin-top: 20px;
}

.round table:not(.flush) thead tr:first-child th:first-child, .round table:not(.flush) thead tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
.round table:not(.flush) thead tr:first-child th:last-child, .round table:not(.flush) thead tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
.round table:not(.flush) tbody tr:last-child th:first-child, .round table:not(.flush) tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.round table:not(.flush) tbody tr:last-child th:last-child, .round table:not(.flush) tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.rounded table:not(.flush) thead tr:first-child th:first-child, .rounded table:not(.flush) thead tr:first-child td:first-child {
  border-top-left-radius: 5px;
}
.rounded table:not(.flush) thead tr:first-child th:last-child, .rounded table:not(.flush) thead tr:first-child td:last-child {
  border-top-right-radius: 5px;
}
.rounded table:not(.flush) tbody tr:last-child th:first-child, .rounded table:not(.flush) tbody tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
.rounded table:not(.flush) tbody tr:last-child th:last-child, .rounded table:not(.flush) tbody tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

.responsive {
  border: none;
  overflow: auto;
}

@media (max-width: 768px) {
  table tbody tr td {
    padding: 5px;
  }
}
table.numbered {
  counter-reset: row-number;
}
table.numbered tr:not(.ui-sorplaceholder):not(.unnumbered) td:first-child::before {
  content: counter(row-number) ".";
  counter-increment: row-number;
  display: inline-block;
  min-width: 25px;
  margin-right: 5px;
}
table.numbered tr:not(.ui-sorplaceholder).unnumbered td:first-child {
  padding-left: 3em;
}

table.numbered.constant-width td:first-child::before {
  display: inline-block;
  min-width: 1.5em;
  margin-right: 0.5em;
  text-align: right;
}

table.numbered.count-bubbles td:first-child::before {
  content: counter(row-number);
  display: inline-block;
  min-width: 24px;
  height: 24px;
  text-align: center;
  background: white;
  border-radius: 12px;
  border: 1px solid #c0c0d9;
}

@media (min-width: 480px) {
  table {
    /*
    thead {
    	tr {
    		th {
    			i.fa {
    				margin-right: 5px;
    			}

    			i.fa-trash {
    				margin-right: 0;
    			}
    		}
    	}
    }
    */
  }
  table th.date, table td.date {
    white-space: nowrap;
  }
  table.bold th, table.bold td {
    padding: 7px 10px;
  }
  table.bold th > i {
    font-size: 200%;
    display: block;
  }
  table.bold td > i {
    font-size: 150%;
    display: block;
  }
  table.bold td.bold, table.bold span.bold {
    font-size: 150%;
    line-height: 100%;
  }
  table.bold span.bold {
    display: block;
  }
}
@media (max-width: 480px) {
  table:not(.bold) thead tr th i + label {
    font-size: 0;
  }
  table:not(.bold) thead tr th i {
    font-size: 14px !important;
    vertical-align: middle;
    margin-right: 0;
  }
  table:not(.bold) tbody tr td label {
    display: none;
  }
}
/******************************************************************************\
|                                                                              |
|                                _toolbars.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.toolbar {
  display: inline-flex;
  cursor: default;
}
.toolbar:empty {
  display: none !important;
}
.toolbar.multiline {
  flex-wrap: wrap;
}
.toolbar > .icon {
  width: 25px;
  height: 25px;
  margin: 2px;
  text-align: center;
}
.toolbar > .icon i {
  vertical-align: middle;
}
.toolbar > .handle {
  cursor: grab;
  margin-bottom: 5px;
}
.toolbar > .handle:active {
  cursor: grabbing;
}
.toolbar .controls {
  width: 25px;
  height: 25px;
  margin: 2px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.toolbar .controls .expander, .toolbar .controls .rotator {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.toolbar .controls .rotator i {
  line-height: 25px;
}
.toolbar .input input[type=range] {
  width: 150px;
  padding: 0;
}
.toolbar .input input:not([type=range]) {
  height: 25px;
  min-width: 25px;
  line-height: 15px;
  margin: auto;
}
.toolbar .input.selectable {
  margin: 0;
}
.toolbar .input.selectable .input-group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
}
.toolbar .input input[type=number] {
  -moz-appearance: textfield;
  padding: 0;
}
.toolbar .input input[type=number]::-webkit-inner-spin-button,
.toolbar .input input[type=number]::-webkit-outer-spin-button {
  display: none;
}
.toolbar .input input[type=date] {
  padding-right: 0;
}
.toolbar .input input[type=range] {
  display: inline-block;
  height: 30px;
}
.toolbar .input input[type=range]::-ms-tooltip {
  display: none;
}
.toolbar .input-group {
  margin: 2px;
}
.toolbar .input-group input {
  height: 26px;
  padding: 2px 5px;
}
.toolbar .input-group-btn {
  display: inline-block;
  font-size: inherit;
}
.toolbar .input-group-btn .btn {
  line-height: 13px;
}
.toolbar .input-label {
  line-height: 30px;
  margin: 0 5px;
}
.toolbar button {
  cursor: pointer;
  text-align: center;
  padding: 1px;
  margin: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
}
.toolbar button + button {
  margin-left: 2px !important;
}
.toolbar button.btn {
  line-height: inherit;
}
.toolbar button:not(.wide) {
  width: 25px;
  height: 25px;
}
.toolbar button i {
  line-height: 20px;
}
.toolbar button span {
  display: inline-block;
  margin: 1px;
}
.toolbar button svg {
  margin-bottom: -4px;
}
.toolbar button:hover {
  background: black;
  color: white;
}
.toolbar button:hover i {
  color: white;
}
.toolbar button:hover svg {
  fill: white;
}
.toolbar button.wide {
  width: auto;
  padding-left: 7px;
  padding-right: 7px;
  white-space: nowrap;
}
.toolbar button.wide i {
  margin-right: 5px;
}
.toolbar .input-group button {
  margin: 0;
}
.toolbar .tile {
  display: flex;
  border-width: 1px;
  border-style: solid;
  width: 25px;
  height: 25px;
  margin: 2px;
}
.toolbar .tools {
  position: absolute;
  margin-top: 30px;
  border-width: 1px;
  border-style: solid;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  z-index: 1000;
  background: white;
}
.toolbar .tools > div .button {
  margin: 2px;
}
.toolbar .current + .tools {
  margin-top: -30px;
  margin-left: -1px;
}
.toolbar .current + .tools > div {
  /*
  &:first-child {
  	border-bottom-width: 1px;
  	border-bottom-style: dashed;	
  }
  */
}
.toolbar .disabled {
  opacity: 0.5;
  pointer-events: none;
}

.thin-menu-bars .header-bar .toolbar, .thin-menu-bars .footer-bar .toolbar {
  height: 25px;
}
.thin-menu-bars .header-bar .toolbar > .icon, .thin-menu-bars .footer-bar .toolbar > .icon {
  margin: 1px;
}
.thin-menu-bars .header-bar .toolbar input[type=range], .thin-menu-bars .footer-bar .toolbar input[type=range] {
  height: 25px;
}
.thin-menu-bars .header-bar .toolbar .input-label, .thin-menu-bars .footer-bar .toolbar .input-label {
  line-height: 25px;
}
.thin-menu-bars .header-bar .toolbar .input-group, .thin-menu-bars .footer-bar .toolbar .input-group {
  margin: 0 2px;
}
.thin-menu-bars .header-bar .toolbar .input-group input, .thin-menu-bars .footer-bar .toolbar .input-group input {
  height: 25px;
}
.thin-menu-bars .header-bar .toolbar .button, .thin-menu-bars .footer-bar .toolbar .button {
  margin: 0 2px;
}
.thin-menu-bars .header-bar .toolbar .tools, .thin-menu-bars .footer-bar .toolbar .tools {
  margin-top: 26px;
}
.thin-menu-bars .header-bar .toolbar .tools .button, .thin-menu-bars .footer-bar .toolbar .tools .button {
  margin: 1px;
}
.thin-menu-bars .header-bar .toolbar .current + .tools, .thin-menu-bars .footer-bar .toolbar .current + .tools {
  margin-top: -27px;
  margin-left: 0px;
}

.mainbar .toolbar.vertical, .mainbar .toolbar.horizontal {
  position: absolute;
  border-width: 1px;
  border-style: solid;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  left: -1px;
  top: -1px;
}
.mainbar .toolbar.vertical .controls, .mainbar .toolbar.horizontal .controls {
  width: 25px;
  height: 25px;
  margin: 2px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.mainbar .toolbar.vertical .controls .expander, .mainbar .toolbar.vertical .controls .rotator, .mainbar .toolbar.horizontal .controls .expander, .mainbar .toolbar.horizontal .controls .rotator {
  display: inline-block;
  text-align: center;
}
.mainbar .toolbar.vertical .button, .mainbar .toolbar.horizontal .button {
  cursor: pointer;
  text-align: center;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  margin: 2px;
}
.mainbar .toolbar.vertical .button i, .mainbar .toolbar.horizontal .button i {
  vertical-align: top;
}
.mainbar .toolbar.vertical .tile, .mainbar .toolbar.horizontal .tile {
  border-width: 1px;
  border-style: solid;
  width: 25px;
  height: 25px;
  margin: 2px;
}
.mainbar .toolbar.vertical .tools, .mainbar .toolbar.horizontal .tools {
  position: absolute;
  border-width: 1px;
  margin: -1px;
  border-style: solid;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  display: inline-flex;
  flex-direction: column;
}
.mainbar .toolbar.horizontal {
  display: flex;
}
.mainbar .toolbar.horizontal > .button,
.mainbar .toolbar.horizontal > .tools > .button {
  margin-right: 5px;
}
.mainbar .toolbar.horizontal .tools {
  margin-top: 29px;
}
.mainbar .toolbar.horizontal .current + .tools {
  margin-top: -30px;
  margin-left: -1px;
}
.mainbar .toolbar.vertical {
  flex-direction: column;
}
.mainbar .toolbar.vertical .handle {
  margin-top: 5px;
}
.mainbar .toolbar.vertical .tools {
  display: flex;
  flex-direction: row;
  margin-top: 0;
  margin-left: 29px;
}
.mainbar .toolbar.vertical .current + .tools {
  margin-top: -30px;
  margin-left: -1px;
}
.mainbar .toolbar.collapsed .button {
  display: none;
}
.mainbar .toolbar.collapsed .tool-group, .mainbar .toolbar.collapsed .tile {
  display: none;
}

.round-buttons .toolbar .button,
.round.auto-corner-buttons .toolbar .button {
  border-radius: 15px;
}

.rounded-buttons .toolbar .button,
.rounded.auto-corner-buttons .toolbar .button {
  border-radius: 5px;
}

.square-buttons .toolbar .button,
.square.auto-corner-buttons .toolbar .button {
  border-radius: 0;
}

.toolbar:not(.vertical) > .handle {
  width: 7px;
  margin: 2px;
  background: rgba(255, 255, 255, 0.75);
  border-width: 1px;
  border-style: solid;
}

.horizontal.toolbar {
  height: 30px;
}
.horizontal.toolbar .tools {
  margin-top: 29px;
}

.vertical.toolbar {
  flex-direction: column;
}
.vertical.toolbar > .handle {
  height: 7px;
  margin: 2px;
  background: rgba(255, 255, 255, 0.75);
  border-width: 1px;
  border-style: solid;
  margin-bottom: 5px;
}
.vertical.toolbar .tool-group .tools {
  flex-direction: row;
}
.vertical.toolbar .button {
  margin-top: 5px;
}

.toolbar.collapsed .button {
  display: none;
}
.toolbar.collapsed .tool-group, .toolbar.collapsed .tile {
  display: none;
}

body[device=phone] .toolbar > div, body[device=tablet] .toolbar > div {
  padding: 0;
}
body[device=phone] .toolbar > div .button:not(.wide), body[device=tablet] .toolbar > div .button:not(.wide) {
  width: 50px;
}
body[device=phone] .toolbar > div .button:not(.wide) span, body[device=tablet] .toolbar > div .button:not(.wide) span {
  display: none;
}
body[device=phone] .mainbar .toolbar .controls, body[device=tablet] .mainbar .toolbar .controls {
  width: 50px;
}
body[device=phone] .mainbar .toolbar.vertical .tools, body[device=tablet] .mainbar .toolbar.vertical .tools {
  margin-left: 54px;
}

body[device=phone] {
  /*
  .mainbar .toolbar {
  	display: none;
  }
  */
}

@-moz-document url-prefix() {
  .toolbar .button:hover svg path, .toolbar .button:hover svg polygon {
    filter: drop-shadow(0 0 20px white);
  }
  .toolbar input[type=range]::-moz-focus-outer {
    border: 0;
  }
}
/******************************************************************************\
|                                                                              |
|                                _typography.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
body {
  font-family: "Open Sans";
  font-size: 16px;
}

.tagline {
  font-variant: normal;
}

.caption, .attribution {
  font-style: italic;
  line-height: 1.25em;
}

.title {
  font-weight: bold;
}

.fineprint {
  font-size: 80%;
}
.fineprint i {
  font-size: 100%;
}

.emphasis {
  font-size: 125%;
  font-style: italic;
  text-align: center;
}

.code {
  font-family: monospace;
  font-size: 14px;
  line-height: 1.5em;
  white-space: pre;
  overflow: auto;
  tab-size: 2em;
}
.code.well {
  padding: 0 20px !important;
}

.math:not(span) {
  font-style: italic;
}

.key {
  word-break: break-all;
}

body[device=phone] #header, body[device=phone] #main, body[device=phone] .modals {
  font-size: 90%;
}

/******************************************************************************\
|                                                                              |
|                                _welcome.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.welcome.page .contents .masthead {
  display: flex;
  flex-grow: 1;
  position: relative;
  background: none;
  line-height: 2em;
  margin-bottom: 0;
  overflow: hidden;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.welcome.page .contents .masthead .background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.welcome.page .contents .masthead .splash {
  display: inline-flex;
  flex-direction: column;
  width: min-content;
  min-width: 80%;
  justify-content: center;
  text-align: center;
  padding: 5%;
  margin: 5% auto;
  border-radius: 15px;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
.welcome.page .contents .masthead .splash > div + div {
  margin-top: 15px;
}
.welcome.page .contents .masthead .splash .logo {
  display: inline-block;
  margin: auto;
  margin-bottom: 20px;
}
.welcome.page .contents .masthead .splash .logo img {
  max-width: 100%;
}
.welcome.page .contents .masthead .splash .logo.shadowed {
  -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.2));
}
.welcome.page .contents .masthead .splash .logo.active {
  cursor: pointer;
}
.welcome.page .contents .masthead .splash .logotype {
  overflow: hidden;
}
.welcome.page .contents .masthead .splash .logotype.round {
  border-radius: 30px;
}
.welcome.page .contents .masthead .splash .logotype.rounded {
  border-radius: 15px;
}
.welcome.page .contents .masthead .splash > a {
  text-decoration: none;
}
.welcome.page .contents .masthead .splash .greeting {
  font-size: 1em;
  color: white;
}
.welcome.page .contents .masthead .splash .greeting.shadowed {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.welcome.page .contents .masthead .splash .tagline, .welcome.page .contents .masthead .splash .description {
  font-size: 1.25em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.welcome.page .contents .masthead .splash .tagline.shadowed, .welcome.page .contents .masthead .splash .description.shadowed {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.welcome.page .contents .masthead .splash .tagline.round, .welcome.page .contents .masthead .splash .description.round {
  border-radius: 30px;
}
.welcome.page .contents .masthead .splash .tagline.rounded, .welcome.page .contents .masthead .splash .description.rounded {
  border-radius: 15px;
}
.welcome.page .contents .masthead .splash .search .input-group {
  max-width: 600px;
  margin: auto;
}
.welcome.page .contents .masthead .splash .buttons {
  margin-top: 0;
  text-align: center;
}
.welcome.page .contents .masthead .splash .buttons .btn {
  margin-top: 15px;
}
.welcome.page .contents .masthead .splash a {
  color: unset;
}
.welcome.page .contents .masthead .container {
  height: 100%;
  padding: 50px;
}
.welcome.page .contents .masthead .container > img {
  max-height: calc(100% - 50px);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.welcome.page .contents .masthead .panel {
  background-color: rgba(255, 255, 255, 0.5);
}
.welcome.page .contents .masthead .links {
  margin-top: 20px;
}
.welcome.page .contents .masthead .links .link {
  display: inline-block;
  margin-right: 10px;
}
.welcome.page .contents .masthead .links .link a {
  display: inline-block;
  color: white;
  margin-bottom: 10px;
}
.welcome.page .contents .masthead .links .link a img {
  height: 25px;
  image-rendering: pixelated;
}
.welcome.page .contents .masthead .carousel {
  width: 100%;
}
.welcome.page .contents .masthead .carousel .carousel-cell {
  display: flex;
  background-size: cover;
  background-position: center;
}
.welcome.page .contents .masthead .carousel .carousel-cell:not(:first-child) {
  flex-direction: column;
  height: 100%;
  text-align: center;
}
.welcome.page .contents .masthead .carousel .carousel-cell:not(:first-child) iframe {
  position: relative;
  width: 90%;
  height: 90%;
  margin: 5%;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(127, 127, 127, 0.25);
  border-radius: 15px;
}
.welcome.page .contents .masthead .carousel .carousel-cell:not(:first-child) iframe + .caption {
  position: absolute;
  top: 10%;
  left: 5%;
  margin-top: -40px;
}
.welcome.page .contents .masthead .carousel .carousel-cell > .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.welcome.page .contents .masthead .carousel .carousel-cell > .background {
  pointer-events: none;
}
.welcome.page .contents .masthead .carousel .carousel-cell .caption {
  font-size: 1.25em;
  margin-top: 10px;
}
.welcome.page .contents .masthead .carousel .flickity-page-dots {
  bottom: 20px;
  pointer-events: none;
}
.welcome.page .contents .masthead .carousel .flickity-page-dots .dot {
  pointer-events: auto;
}
.welcome.page .contents .apps .flickity-viewport {
  height: 150px !important;
}
.welcome.page.full-size .contents {
  padding: 0;
}
.welcome.page.full-size .contents .masthead {
  margin: 0;
}
.welcome.page.full-size .contents .masthead .splash {
  margin: auto !important;
}
.welcome.page.full-size .contents .masthead .carousel-cell {
  height: 100%;
}
.welcome.page.full-size .footer .info {
  display: none;
}

@media (min-width: 480px) {
  .welcome.page .contents .masthead {
    margin: -50px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .welcome.page .contents .masthead .splash .logo.small img {
    height: 100px;
  }
  .welcome.page .contents .masthead .splash .logo img, .welcome.page .contents .masthead .splash .logo.medium img {
    height: 150px;
  }
  .welcome.page .contents .masthead .splash .logo.large img {
    height: 200px;
  }
  .welcome.page .contents .masthead .splash .logo.extra.large img {
    height: 300px;
  }
}
@media (max-width: 1200px) {
  .welcome.page .contents .masthead .splash .logo.small img {
    height: 100px;
  }
  .welcome.page .contents .masthead .splash .logo img {
    height: 150px;
  }
  .welcome.page .contents .masthead .splash .logo.large img {
    height: 200px;
  }
  .welcome.page .contents .masthead .splash .logo.extra.large img {
    height: 300px;
  }
  .welcome.page .contents .masthead .splash .search .input-group {
    width: 75%;
  }
}
@media (max-width: 768px) {
  .welcome.page .contents .masthead .splash {
    width: 100%;
    padding: 25% 10px;
    margin: 0;
    border-radius: 0;
  }
  .welcome.page .contents .masthead .splash .logo.small img {
    height: 75px;
  }
  .welcome.page .contents .masthead .splash .logo img, .welcome.page .contents .masthead .splash .logo.medium img {
    height: 100px;
  }
  .welcome.page .contents .masthead .splash .logo.large img {
    height: 150px;
  }
}
@media (max-width: 480px) {
  .welcome.page > .contents {
    padding: 0;
  }
  .welcome.page > .contents .masthead .splash {
    border-radius: 0;
  }
  .welcome.page > .contents .masthead .splash .logo {
    margin-bottom: 10%;
  }
  .welcome.page > .contents .masthead .splash .search {
    padding: 0 15px;
  }
  .welcome.page > .contents .masthead .splash .search .input-group {
    width: 100%;
  }
  .welcome.page > .contents .masthead .col-sm-4 {
    margin-bottom: 15px;
  }
  .welcome.page > .contents .masthead .col-sm-4:last-child {
    margin-bottom: 0;
  }
  .welcome.page > .contents .masthead .carousel iframe + .caption {
    display: none;
  }
  .welcome.page > .contents .masthead .carousel .flickity-page-dots {
    bottom: 10px;
  }
  .welcome.page > .contents .section {
    margin: 0 -25px;
  }
}
/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                  _maps.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.map.pixelated {
  image-rendering: pixelated;
}
.map.smoothed {
  image-rendering: auto;
}
.map image {
  pointer-events: none;
}
.map .dimensioning path {
  stroke: hsl(200, 100%, 66%);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
.map .selection {
  stroke: hsl(200, 100%, 66%) !important;
  fill: #a0a0c6 !important;
}
.map marker#arrow-start.filled path,
.map marker#arrow-end.filled path {
  stroke: none;
}
.map marker#arrow-start:not(.filled) path,
.map marker#arrow-end:not(.filled) path {
  stroke-width: 2px;
  fill: none;
}
.map .dimensioning.arrow text {
  filter: url(#white-background);
}
.map .ortho {
  pointer-events: auto;
}
.map .ortho image {
  opacity: 0.5;
  pointer-events: none;
}
.map .ortho image:not(.pixelated) {
  filter: blur(10px);
}
.map .ortho path.line {
  stroke-width: 3;
  pointer-events: auto;
}
.map .ortho.selected image {
  mix-blend-mode: normal !important;
  opacity: 1;
}
.map.aerial marker#arrow-start:not(.filled) path,
.map.aerial marker#arrow-end:not(.filled) path, .map.satellite marker#arrow-start:not(.filled) path,
.map.satellite marker#arrow-end:not(.filled) path, .map.hybrid marker#arrow-start:not(.filled) path,
.map.hybrid marker#arrow-end:not(.filled) path {
  stroke: white;
}
.map.aerial marker#arrow-start.filled path,
.map.aerial marker#arrow-end.filled path, .map.satellite marker#arrow-start.filled path,
.map.satellite marker#arrow-end.filled path, .map.hybrid marker#arrow-start.filled path,
.map.hybrid marker#arrow-end.filled path {
  fill: white;
}
.map.aerial rect.selection, .map.satellite rect.selection, .map.hybrid rect.selection {
  fill: #a0a0c6 !important;
  stroke: hsl(200, 100%, 66%) !important;
}
.map.aerial .ortho image, .map.satellite .ortho image, .map.hybrid .ortho image {
  mix-blend-mode: plus-lighter;
  fill-opacity: 0.75;
}

body[browser=firefox] .map.pixelated {
  image-rendering: -moz-crisp-edges;
}

/******************************************************************************\
|                                                                              |
|                               _map-icons.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.icon-grid .item .icon > i + .fa-info-circle, .icon-grid .item .icon > .thumbnail i + .fa-info-circle {
  position: absolute;
  color: white;
  filter: none !important;
}
.icon-grid .item .icon > i.fa-map-marker + .fa-info-circle, .icon-grid .item .icon > .thumbnail i.fa-map-marker + .fa-info-circle {
  font-size: 20px;
  margin-top: -12px;
}
.icon-grid .item .icon > i.fa-map-pin + .fa-info-circle, .icon-grid .item .icon > .thumbnail i.fa-map-pin + .fa-info-circle {
  font-size: 20px;
  margin-left: 2px;
  margin-top: -22px;
}

.items-map .icon-grid .item > .row:first-child .icon > i + .fa-info-circle, .items-map .icon-grid .item > .row:first-child .icon > .thumbnail i + .fa-info-circle {
  font-size: 14px;
}
.items-map .icon-grid .item > .row:first-child .icon > i.fa-map-marker + .fa-info-circle, .items-map .icon-grid .item > .row:first-child .icon > .thumbnail i.fa-map-marker + .fa-info-circle {
  margin-top: -7px;
}
.items-map .icon-grid .item > .row:first-child .icon > i.fa-map-pin + .fa-info-circle, .items-map .icon-grid .item > .row:first-child .icon > .thumbnail i.fa-map-pin + .fa-info-circle {
  margin-left: 2px;
  margin-top: -15px;
}

/******************************************************************************\
|                                                                              |
|                               _map-items.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.item .geoorientation.marker {
  display: none;
}
.item .geoorientation.marker i.fa-location-arrow {
  transform: rotate(-45deg);
}
.item .geoorientation.marker i.fa-video {
  transform: rotate(-90deg);
}

.items-map {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}
.items-map .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.items-map .layer .items {
  padding: 0;
  overflow: hidden !important;
}
.items-map .layer:not(:first-child) {
  left: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
}
.items-map .controls {
  padding: 5px 10px;
  text-align: right;
}
.items-map .controls .buttons {
  display: inline-block;
  pointer-events: auto;
}
.items-map .item {
  position: absolute;
}
.items-map .item .geoorientation.marker {
  display: inline-block;
}
.items-map .item.selected {
  z-index: 1;
}
.items-map .icon-grid .item {
  margin-left: -50px;
  margin-top: -50px;
  /*
  &.highlighted, &.selected {
  	.icon {
  		background: none !important;
  		border-color: transparent !important;
  		pointer-events: none;

  		i, .thumbnail {
  			pointer-events: auto;
  		}
  	}
  }
  */
}
.items-map .icon-grid .item > .row:first-child .icon > i:not(.fa-info-circle) {
  font-size: 35px;
}
.items-map .icon-grid .item > .row:nth-child(2) {
  position: relative;
}
.items-map .icon-grid .item > .row:nth-child(2) .name {
  font-weight: bold;
}
.items-map .item-list .item {
  margin-left: -22px;
  margin-top: -25px;
}
.items-map .item-list .item:not(.selected):not(.highlighted) > div.info {
  background: none !important;
}
.items-map .item-list .item > .info {
  font-weight: bold;
  background: none !important;
}
.items-map .item-list .item > .info .icon:not(.thumbnail) {
  background: none !important;
}
.items-map .item-list .item > .info .icon.thumbnail {
  background: white;
  padding: 2px;
}
.items-map .item-list .item > .info .icon i {
  margin-right: -10px;
}
.items-map .item-list .item > .info .details {
  display: none;
}
.items-map .item-list .item.selected > .info .icon:not(.thumbnail).place {
  background-color: transparent !important;
}
.items-map .card-grid .cards .item {
  margin-left: -40px;
  margin-top: -55px;
}
.items-map .card-grid .cards .item .card {
  width: 200px;
}
.items-map .card-grid .cards .item .card .icon > i.fa-map-marker + .fa-info-circle {
  margin-top: -7px;
}
.items-map .card-grid .cards .item .card .icon > i.fa-map-pin + .fa-info-circle {
  margin-left: 2px;
  margin-top: -15px;
}
.items-map .card-grid .cards .item .card:not(.selected) .name, .items-map .card-grid .cards .item .card:not(.selected) .details {
  color: black !important;
}
.items-map .tile-grid .item {
  margin-left: -48px;
  margin-top: -65px;
}
.items-map .tile-grid .item > .tile > .icon > i.fa-map-marker + .fa-info-circle, .items-map .tile-grid .item > .tile > .icon > .thumbnail i.fa-map-marker + .fa-info-circle {
  left: 28px;
  top: 3px;
}
.items-map .tile-grid .item > .tile > .icon > i.fa-map-pin + .fa-info-circle, .items-map .tile-grid .item > .tile > .icon > .thumbnail i.fa-map-pin + .fa-info-circle {
  left: 29px;
  top: 0px;
}
.items-map .tile-grid.little .item {
  margin-left: -36px;
  margin-top: -50px;
}
.items-map .tile-grid.medium .item {
  margin-left: -48px;
  margin-top: -65px;
}
.items-map .tile-grid.large .item {
  margin-left: -75px;
  margin-top: -100px;
}
.items-map .connections .tile-grid .item > .tile {
  background: none !important;
}
.items-map .tile-grid {
  padding: 0 !important;
}
.items-map.hide-item-names .name {
  display: none !important;
}
.items-map.hide-geo-orientations .geoorientation.marker {
  display: none !important;
}

.card-grid .place.item .card .name {
  font-weight: bold;
}
.card-grid .place.item .card .info .details {
  background: transparent !important;
}

.round .items-map .item-list .icon {
  border-radius: 50% !important;
}

/******************************************************************************\
|                                                                              |
|                              _map-markers.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.items-map .map ~ .layer .item-list .item .icon i.fa-map-pin, .items-map .map ~ .layer .item-list .item .icon i.fa-map-marker, .items-map .map ~ .layer .item-list .item .icon i.fa-map-marker-alt {
  font-size: 20px;
  color: #ff4d4d;
}
.items-map .map ~ .layer .item-list .item .icon i.fa-circle {
  color: #ff4d4d;
}
.items-map .map ~ .layer .item-list .item .icon i.place-info {
  color: white !important;
  filter: none;
}
.items-map .map ~ .layer .item-list .item .icon i.fa-map-pin + i.place-info {
  margin-left: 1.5px;
}
.items-map .map ~ .layer .item-list .item.highlighted .icon i.fa-circle, .items-map .map ~ .layer .item-list .item.highlighted .icon i.fa-map-pin, .items-map .map ~ .layer .item-list .item.highlighted .icon i.fa-map-marker, .items-map .map ~ .layer .item-list .item.highlighted .icon i.fa-map-marker-alt {
  color: #ff1a1a;
}
.items-map .map ~ .layer .item-list .item.selected .icon i.fa-circle, .items-map .map ~ .layer .item-list .item.selected .icon i.fa-map-pin, .items-map .map ~ .layer .item-list .item.selected .icon i.fa-map-marker, .items-map .map ~ .layer .item-list .item.selected .icon i.fa-map-marker-alt {
  color: black;
}

.modal:not(.focused) .modal-dialog .items-map .map ~ .layer .item-list .item.selected .icon i.fa-circle, .modal:not(.focused) .modal-dialog .items-map .map ~ .layer .item-list .item.selected .icon i.fa-map-pin, .modal:not(.focused) .modal-dialog .items-map .map ~ .layer .item-list .item.selected .icon i.fa-map-marker, .modal:not(.focused) .modal-dialog .items-map .map ~ .layer .item-list .item.selected .icon i.fa-map-marker-alt,
.desktop.app:not(.focused) > .body .items-map .map ~ .layer .item-list .item.selected .icon i.fa-circle,
.desktop.app:not(.focused) > .body .items-map .map ~ .layer .item-list .item.selected .icon i.fa-map-pin,
.desktop.app:not(.focused) > .body .items-map .map ~ .layer .item-list .item.selected .icon i.fa-map-marker,
.desktop.app:not(.focused) > .body .items-map .map ~ .layer .item-list .item.selected .icon i.fa-map-marker-alt {
  color: #ff1a1a;
}

/******************************************************************************\
|                                                                              |
|                                 _weather.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.weather.layer .layer {
  -webkit-transform: translate3d(0, 0, 0);
}
.weather.layer .layer .viewport {
  background: none;
}
.weather.layer .layer.satellite {
  opacity: 0.75;
  filter: contrast(2);
  mix-blend-mode: screen;
}
.weather.layer .layer.radar {
  opacity: 0.75;
  mix-blend-mode: normal;
}
.weather.layer .layer.temperature {
  opacity: 1;
  mix-blend-mode: hard-light;
}
.weather.layer .layer.metar {
  opacity: 1;
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.75));
}
.weather.layer .layer.metar .marker {
  cursor: pointer;
  fill: #55aa6a;
}
.weather.layer .layer.metar .marker circle, .weather.layer .layer.metar .marker path {
  stroke: #272740;
  stroke-width: 60;
}
.weather.layer .layer.metar .marker circle text, .weather.layer .layer.metar .marker path text {
  color: #272740;
}
.weather.layer .layer.metar .marker:not(.ovc) circle {
  fill: white;
}
.weather.layer .layer.metar .marker:not(.few) path {
  stroke: none !important;
}
.weather.layer .layer.metar .marker text {
  font-size: 350px;
  font-family: sans-serif;
  font-weight: bold;
}
.weather.layer .layer.metar .marker.vfr {
  fill: #55aa6a;
}
.weather.layer .layer.metar .marker.vfr circle, .weather.layer .layer.metar .marker.vfr path {
  stroke: hsl(135, 33%, 50%);
}
.weather.layer .layer.metar .marker.mvfr {
  fill: #528bff;
}
.weather.layer .layer.metar .marker.mvfr circle, .weather.layer .layer.metar .marker.mvfr path {
  stroke: hsl(220, 100%, 66%);
}
.weather.layer .layer.metar .marker.ifr {
  fill: #eb4747;
}
.weather.layer .layer.metar .marker.ifr circle, .weather.layer .layer.metar .marker.ifr path {
  stroke: hsl(0, 80%, 60%);
}
.weather.layer .layer.metar .marker.lifr {
  fill: #8e55aa;
}
.weather.layer .layer.metar .marker.lifr circle, .weather.layer .layer.metar .marker.lifr path {
  stroke: hsl(280, 33%, 50%);
}
.weather.layer .layer.wind {
  opacity: 1;
  filter: drop-shadow(1px 1px 2px black);
}
.weather.layer .layer.wind .viewport {
  filter: drop-shadow(0px 1px 0px white) drop-shadow(0px -1px 0px white) drop-shadow(1px 0px 0px white) drop-shadow(-1px 0px 0px white);
}
.weather.layer .layer.wind .viewport line, .weather.layer .layer.wind .viewport path {
  stroke: black;
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

/******************************************************************************\
|                                                                              |
|                                 _index.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _lighting.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _flat.scss                                   |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
@supports (color: color-mix(in srgb, white, black)) {
  .flat .shaded, .flat.flat.shaded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.round, .flat.flat.shaded.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.rounded, .flat.flat.shaded.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.long.round, .flat.flat.shaded.long.round {
    background-color: var(--primary-color);
  }
  .flat .shaded.textured, .flat.flat.shaded.textured {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.textured.round, .flat.flat.shaded.textured.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.textured.rounded, .flat.flat.shaded.textured.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.textured.long.round, .flat.flat.shaded.textured.long.round {
    background-color: var(--primary-color);
  }
}
@supports not (color: color-mix(in srgb, white, black)) {
  .flat .shaded, .flat.flat.shaded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.round, .flat.flat.shaded.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.rounded, .flat.flat.shaded.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.long.round, .flat.flat.shaded.long.round {
    background-color: var(--primary-color);
  }
  .flat .shaded.textured, .flat.flat.shaded.textured {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.textured.round, .flat.flat.shaded.textured.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.textured.rounded, .flat.flat.shaded.textured.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .flat .shaded.textured.long.round, .flat.flat.shaded.textured.long.round {
    background-color: var(--primary-color);
  }
}
/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _chalk.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                               _round-chalk.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                             _rounded-chalk.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                           _long-round-chalk.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _chalk.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
@supports (color: color-mix(in srgb, white, black)) {
  .chalk .shaded, .chalk.chalk.shaded {
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 25%, transparent) 0%, transparent 15%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%) no-repeat;
    background-color: var(--primary-color);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.round, .chalk.chalk.shaded.round {
    background: radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, white 25%, transparent) 0%, color-mix(in srgb, white 25%, transparent) 25%, transparent 100%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%, color-mix(in srgb, black 10%, transparent) 100%) no-repeat;
    background-color: var(--primary-color);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.rounded, .chalk.chalk.shaded.rounded {
    background: linear-gradient(to right, color-mix(in srgb, black 10%, transparent) 0%, transparent 10px) no-repeat, linear-gradient(to left, color-mix(in srgb, black 10%, transparent) 0%, transparent 10px) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 25%, transparent) 0%, transparent 50%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%) no-repeat;
    background-color: var(--primary-color);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.long.round, .chalk.chalk.shaded.long.round {
    background: linear-gradient(to right, color-mix(in srgb, black 10%, transparent) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, color-mix(in srgb, black 10%, transparent) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, color-mix(in srgb, white 25%, transparent) 0%, color-mix(in srgb, white 50%, transparent) calc(5% + 2px), color-mix(in srgb, white 50%, transparent) calc(15% + 2px), transparent calc(50% + 2px)) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%, color-mix(in srgb, black 10%, transparent) 100%) no-repeat;
    background-color: var(--primary-color);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.long.round.vertical, .chalk.chalk.shaded.long.round.vertical {
    background: linear-gradient(to top, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, color-mix(in srgb, white 25%, transparent) 0%, color-mix(in srgb, white 50%, transparent) calc(5% + 2px), color-mix(in srgb, white 50%, transparent) calc(15% + 2px), transparent calc(50% + 2px)) no-repeat, linear-gradient(to right, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 0%, var(--primary-color) 50%, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 100%) no-repeat;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.textured, .chalk.chalk.shaded.textured {
    position: relative;
    overflow: hidden;
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%) no-repeat;
    background-color: var(--primary-color);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.textured:after, .chalk.chalk.shaded.textured:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 25%, transparent) 0%, transparent 15%) no-repeat;
  }
  .chalk .shaded.textured.round, .chalk.chalk.shaded.textured.round {
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%, color-mix(in srgb, black 10%, transparent) 100%) no-repeat;
    background-color: var(--primary-color);
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.textured.round:after, .chalk.chalk.shaded.textured.round:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, white 25%, transparent) 0%, color-mix(in srgb, white 25%, transparent) 25%, transparent 100%) no-repeat;
  }
  .chalk .shaded.textured.round:not(.long):after, .chalk.chalk.shaded.textured.round:not(.long):after {
    transform: scale(-1) rotate(var(--light-direction));
    border-radius: 50%;
  }
  .chalk .shaded.textured.rounded, .chalk.chalk.shaded.textured.rounded {
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%) no-repeat;
    background-color: var(--primary-color);
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.textured.rounded:after, .chalk.chalk.shaded.textured.rounded:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to right, color-mix(in srgb, color-mix(in srgb, var(--ambient-color) 20%, var(--primary-color)) 50%, transparent) 0%, transparent 10px) no-repeat, linear-gradient(to left, color-mix(in srgb, color-mix(in srgb, var(--ambient-color) 20%, var(--primary-color)) 50%, transparent) 0%, transparent 10px) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 25%, transparent) 0%, transparent 50%) no-repeat;
  }
  .chalk .shaded.textured.long.round, .chalk.chalk.shaded.textured.long.round {
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 0%, var(--primary-color) 50%, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 100%) no-repeat;
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.textured.long.round:after, .chalk.chalk.shaded.textured.long.round:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: 50%;
    background: linear-gradient(to right, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, grey 0%, white calc(5% + 2px), white calc(15% + 2px), black calc(50% + 2px)) no-repeat;
  }
  .chalk .shaded.textured.long.round.vertical, .chalk.chalk.shaded.textured.long.round.vertical {
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 0%, var(--primary-color) 50%, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 100%) no-repeat;
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .chalk .shaded.textured.long.round.vertical:after, .chalk.chalk.shaded.textured.long.round.vertical:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: 50%;
    background: linear-gradient(to right, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, grey 0%, white calc(5% + 2px), white calc(15% + 2px), black calc(50% + 2px)) no-repeat;
  }
}
@supports not (color: color-mix(in srgb, white, black)) {
  .chalk .shaded, .chalk.chalk.shaded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .chalk .shaded.round, .chalk.chalk.shaded.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .chalk .shaded.rounded, .chalk.chalk.shaded.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .chalk .shaded.long.round, .chalk.chalk.shaded.long.round {
    background-color: var(--primary-color);
  }
  .chalk .shaded.textured, .chalk.chalk.shaded.textured {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .chalk .shaded.textured.round, .chalk.chalk.shaded.textured.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .chalk .shaded.textured.rounded, .chalk.chalk.shaded.textured.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .chalk .shaded.textured.long.round, .chalk.chalk.shaded.textured.long.round {
    background-color: var(--primary-color);
  }
}
/******************************************************************************\
|                                                                              |
|                                 _index.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                             _flat-plastic.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                             _round-plastic.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                            _rounded-plastic.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                          _long-round-plastic.scss                            |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                _plastic.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
@supports (color: color-mix(in srgb, white, black)) {
  .plastic .shaded, .plastic.plastic.shaded {
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 75%, transparent) 0%, transparent 15%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 15%, transparent) 0%, transparent 25%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%) no-repeat;
    background-color: var(--primary-color);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.round, .plastic.plastic.shaded.round {
    background: radial-gradient(ellipse 25% 12% at 50% 10%, color-mix(in srgb, white 100%, transparent) 25%, transparent 100%) no-repeat, radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, white 50%, transparent) 0%, color-mix(in srgb, white 50%, transparent) 50%, transparent 100%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%, color-mix(in srgb, black 10%, transparent) 100%) no-repeat;
    background-color: var(--primary-color);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.rounded, .plastic.plastic.shaded.rounded {
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent 10px) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent 10px) no-repeat, linear-gradient(var(--light-direction), transparent 0%, color-mix(in srgb, white 75%, transparent) 12.5%, transparent 25%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 25%, transparent) 0%, transparent 50%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, var(--primary-color) 50%) no-repeat;
    background-color: var(--primary-color);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.long.round, .plastic.plastic.shaded.long.round {
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, transparent 0%, color-mix(in srgb, white 100%, transparent) calc(7.5% + 2px), color-mix(in srgb, white 100%, transparent) calc(12.5% + 2px), transparent calc(33% + 2px)) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%, color-mix(in srgb, black 10%, transparent) 100%) no-repeat;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.long.round.vertical, .plastic.plastic.shaded.long.round.vertical {
    background: linear-gradient(to bottom, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to top, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, transparent 0%, color-mix(in srgb, white 100%, transparent) calc(7.5% + 2px), color-mix(in srgb, white 100%, transparent) calc(12.5% + 2px), transparent calc(33% + 2px)) no-repeat, linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0, var(--primary-color) 50%, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 100%) no-repeat;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.textured, .plastic.plastic.shaded.textured {
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%, color-mix(in srgb, black 10%, transparent) 100%) no-repeat;
    position: relative;
    overflow: hidden;
    background-color: var(--primary-color);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.textured:after, .plastic.plastic.shaded.textured:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 75%, transparent) 0%, transparent 15%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 15%, transparent) 0%, transparent 25%) no-repeat;
  }
  .plastic .shaded.textured.round, .plastic.plastic.shaded.textured.round {
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 10%, transparent) 0%, transparent 50%, color-mix(in srgb, black 10%, transparent) 100%) no-repeat;
    background-color: var(--primary-color);
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.textured.round:after, .plastic.plastic.shaded.textured.round:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 25% 12% at 50% 10%, white 25%, transparent 100%) no-repeat, radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, white 50%, transparent) 0%, color-mix(in srgb, white 50%, transparent) 50%, transparent 100%) no-repeat;
  }
  .plastic .shaded.textured.round:not(.long):after, .plastic.plastic.shaded.textured.round:not(.long):after {
    transform: scale(-1) rotate(var(--light-direction));
    border-radius: 50%;
  }
  .plastic .shaded.textured.rounded, .plastic.plastic.shaded.textured.rounded {
    background: linear-gradient(var(--light-direction), color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 0, var(--primary-color) 50%, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 100%) no-repeat;
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.textured.rounded:after, .plastic.plastic.shaded.textured.rounded:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent 10px) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent 10px) no-repeat, linear-gradient(var(--light-direction), transparent 0%, color-mix(in srgb, white 75%, transparent) 12.5%, transparent 25%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 25%, transparent) 0%, transparent 50%) no-repeat;
  }
  .plastic .shaded.textured.long.round, .plastic.plastic.shaded.textured.long.round {
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0, var(--primary-color) 50%, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 100%) no-repeat;
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.textured.long.round:after, .plastic.plastic.shaded.textured.long.round:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: screen;
    background: linear-gradient(to right, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, black 0%, white calc(7.5% + 2px), white calc(12.5% + 2px), black calc(33% + 2px)) no-repeat;
  }
  .plastic .shaded.textured.long.round.vertical, .plastic.plastic.shaded.textured.long.round.vertical {
    background: linear-gradient(to bottom, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to top, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 0, var(--primary-color) 50%, color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color)) 100%) no-repeat;
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .plastic .shaded.textured.long.round.vertical:after, .plastic.plastic.shaded.textured.long.round.vertical:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: screen;
    background: linear-gradient(to bottom, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to top, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, color-mix(in srgb, white 50%, transparent) 0%, white calc(7.5% + 2px), white calc(12.5% + 2px), transparent calc(33% + 2px)) no-repeat;
  }
}
@supports not (color: color-mix(in srgb, white, black)) {
  .plastic .shaded, .plastic.plastic.shaded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .plastic .shaded.round, .plastic.plastic.shaded.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .plastic .shaded.rounded, .plastic.plastic.shaded.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .plastic .shaded.long.round, .plastic.plastic.shaded.long.round {
    background-color: var(--primary-color);
  }
  .plastic .shaded.textured, .plastic.plastic.shaded.textured {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .plastic .shaded.textured.round, .plastic.plastic.shaded.textured.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .plastic .shaded.textured.rounded, .plastic.plastic.shaded.textured.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .plastic .shaded.textured.long.round, .plastic.plastic.shaded.textured.long.round {
    background-color: var(--primary-color);
  }
}
/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                               _flat-glass.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                               _round-glass.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                             _rounded-glass.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                            _long-round-glass.scss                            |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _glass.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
@supports (color: color-mix(in srgb, white, black)) {
  .glass .shaded, .glass.glass.shaded {
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 100%, transparent) 0%, transparent 10%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 25%, transparent) 0%, transparent 25%) no-repeat, linear-gradient(var(--light-direction), transparent 50%, color-mix(in srgb, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 100%, transparent) 100%) no-repeat;
    background-color: color-mix(in srgb, color-mix(in srgb, var(--ambient-color) 20%, var(--primary-color)) 80%, transparent);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .glass .shaded.round, .glass.glass.shaded.round {
    background: radial-gradient(ellipse 25% 12% at 50% 10%, color-mix(in srgb, white 100%, transparent) 25%, transparent 100%) no-repeat, radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, white 50%, transparent) 50%, transparent 100%) no-repeat, radial-gradient(ellipse 50% 50% at 50% 85%, color-mix(in srgb, color-mix(in srgb, var(--light-color) 80%, var(--primary-color)) 100%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 100%, transparent) 50%, transparent 100%) no-repeat, linear-gradient(var(--light-direction), transparent 33%, color-mix(in srgb, var(--primary-color) 50%, transparent) 100%) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
  }
  .glass .shaded.rounded, .glass.glass.shaded.rounded {
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color)) 0%, transparent 10px) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color)) 0%, transparent 10px) no-repeat, linear-gradient(var(--light-direction), transparent 0%, color-mix(in srgb, white 100%, transparent) 12.5%, transparent 25%) no-repeat, linear-gradient(var(--light-direction), transparent 33%, color-mix(in srgb, color-mix(in srgb, var(--light-color) 20%, var(--primary-color)) 100%, transparent) 75%, color-mix(in srgb, var(--primary-color) 50%, transparent) 100%) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
  }
  .glass .shaded.long.round, .glass.glass.shaded.long.round {
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 25%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 25%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, transparent 0%, color-mix(in srgb, white 100%, transparent) calc(7.5% + 2px), color-mix(in srgb, white 100%, transparent) calc(12.5% + 2px), transparent calc(33% + 2px)) no-repeat, linear-gradient(var(--light-direction), transparent 33%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) calc(70% + 2px), color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) calc(80% + 2px), var(--primary-color) 100%) no-repeat, color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .glass .shaded.long.round.vertical, .glass.glass.shaded.long.round.vertical {
    background: linear-gradient(to bottom, color-mix(in srgb, var(--ambient-color) 25%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to top, color-mix(in srgb, var(--ambient-color) 25%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, transparent 0%, color-mix(in srgb, white 100%, transparent) calc(7.5% + 2px), color-mix(in srgb, white 100%, transparent) calc(12.5% + 2px), transparent calc(33% + 2px)) no-repeat, linear-gradient(to right, transparent 33%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) calc(70% + 2px), color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) calc(80% + 2px), var(--primary-color) 100%) no-repeat, color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .glass .shaded.textured, .glass.glass.shaded.textured {
    position: relative;
    overflow: hidden;
    background: linear-gradient(var(--light-direction), transparent 50%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 100%) no-repeat;
    background-color: color-mix(in srgb, color-mix(in srgb, var(--ambient-color) 20%, var(--primary-color)) 100%, transparent);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .glass .shaded.textured:after, .glass.glass.shaded.textured:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(var(--light-direction), color-mix(in srgb, white 100%, transparent) 0%, transparent 3px) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, white 25%, transparent) 0%, transparent 20%) no-repeat;
  }
  .glass .shaded.textured.round, .glass.glass.shaded.textured.round {
    background: radial-gradient(ellipse 50% 50% at 50% 85%, color-mix(in srgb, color-mix(in srgb, var(--light-color) 80%, var(--primary-color)) 100%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 100%, transparent) 50%, transparent 100%) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
  }
  .glass .shaded.textured.round:after, .glass.glass.shaded.textured.round:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: normal;
    background: radial-gradient(ellipse 25% 12% at 50% 10%, color-mix(in srgb, var(--light-color) 30%, var(--primary-color)) 25%, transparent 100%) no-repeat, radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, white 50%, transparent) 50%, transparent 100%) no-repeat, linear-gradient(var(--light-direction), transparent 33%, color-mix(in srgb, var(--primary-color) 50%, transparent) 100%) no-repeat;
  }
  .glass .shaded.textured.round:not(.long):after, .glass.glass.shaded.textured.round:not(.long):after {
    transform: scale(-1) rotate(var(--light-direction));
    border-radius: 50%;
  }
  .glass .shaded.textured.rounded, .glass.glass.shaded.textured.rounded {
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right, color-mix(in srgb, color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color)) 50%, transparent) 0%, transparent 10px) no-repeat, linear-gradient(to left, color-mix(in srgb, color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color)) 50%, transparent) 0%, transparent 10px) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
  }
  .glass .shaded.textured.rounded:after, .glass.glass.shaded.textured.rounded:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: normal;
    background: linear-gradient(var(--light-direction), transparent 0%, color-mix(in srgb, white 100%, transparent) 12.5%, transparent 25%) no-repeat, linear-gradient(var(--light-direction), transparent 33%, color-mix(in srgb, color-mix(in srgb, var(--light-color) 20%, var(--primary-color)) 100%, transparent) 75%, color-mix(in srgb, var(--primary-color) 50%, transparent) 100%) no-repeat;
  }
  .glass .shaded.textured.long.round, .glass.glass.shaded.textured.long.round {
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 25%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 25%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(var(--light-direction), transparent 33%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) calc(70% + 2px), color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) calc(80% + 2px), var(--primary-color) 100%) no-repeat, color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .glass .shaded.textured.long.round:after, .glass.glass.shaded.textured.long.round:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: screen;
    border-radius: 0;
    background: linear-gradient(to right, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, grey 0%, white calc(7.5% + 2px), white calc(12.5% + 2px), black calc(33% + 2px)) no-repeat;
  }
  .glass .shaded.textured.long.round.vertical, .glass.glass.shaded.textured.long.round.vertical {
    background: linear-gradient(to bottom, color-mix(in srgb, var(--ambient-color) 25%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to top, color-mix(in srgb, var(--ambient-color) 25%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, transparent 33%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) calc(70% + 2px), color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) calc(80% + 2px), var(--primary-color) 100%) no-repeat, color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .glass .shaded.textured.long.round.vertical:after, .glass.glass.shaded.textured.long.round.vertical:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: screen;
    background: linear-gradient(to bottom, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to top, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, grey 0%, white calc(7.5% + 2px), white calc(12.5% + 2px), black calc(33% + 2px)) no-repeat;
  }
}
@supports not (color: color-mix(in srgb, white, black)) {
  .glass .shaded, .glass.glass.shaded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .glass .shaded.round, .glass.glass.shaded.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .glass .shaded.rounded, .glass.glass.shaded.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .glass .shaded.long.round, .glass.glass.shaded.long.round {
    background-color: var(--primary-color);
  }
  .glass .shaded.textured, .glass.glass.shaded.textured {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .glass .shaded.textured.round, .glass.glass.shaded.textured.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .glass .shaded.textured.rounded, .glass.glass.shaded.textured.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .glass .shaded.textured.long.round, .glass.glass.shaded.textured.long.round {
    background-color: var(--primary-color);
  }
}
/******************************************************************************\
|                                                                              |
|                             _frosted-glass.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                               _flat-metal.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                              _round-metal.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                            _rounded-metal.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                           _long-round-metal.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                _metal.scss                                   |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
@supports (color: color-mix(in srgb, white, black)) {
  .metal .shaded, .metal.metal.shaded {
    background: linear-gradient(var(--light-direction), color-mix(in srgb, color-mix(in srgb, var(--light-color) 30%, var(--primary-color)) 100%, transparent) 0%, transparent 3px) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, color-mix(in srgb, var(--light-color) 30%, var(--primary-color)) 100%, transparent) 0%, transparent 20%) no-repeat, linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--primary-color) 50%, transparent) 50%, transparent 100%), linear-gradient(to bottom, var(--primary-color) 0%, color-mix(in srgb, var(--ambient-color) 50%, var(--primary-color)) 10%, color-mix(in srgb, var(--light-color) 20%, var(--primary-color)) 100%);
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .metal .shaded.round, .metal.metal.shaded.round {
    background: radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, white 75%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--light-color) 20%, var(--primary-color)) 75%, transparent) 50%, transparent 100%) no-repeat, radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, var(--primary-color) 100%, transparent) 0%, transparent 100%) no-repeat, linear-gradient(var(--light-direction), transparent 25%, color-mix(in srgb, var(--primary-color) 50%, transparent) 66%, color-mix(in srgb, var(--light-color) 30%, var(--primary-color)) 100%) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 50%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
  }
  .metal .shaded.rounded, .metal.metal.shaded.rounded {
    background: linear-gradient(to right, color-mix(in srgb, black 20%, transparent) 0%, transparent 25%) no-repeat, linear-gradient(to left, color-mix(in srgb, black 20%, transparent) 0%, transparent 25%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, color-mix(in srgb, var(--light-color) 60%, var(--primary-color)) 100%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--light-color) 30%, var(--primary-color)) 100%, transparent) 25%, transparent 50%) no-repeat, linear-gradient(var(--light-direction), transparent 66%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 100%) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 20%, var(--primary-color));
  }
  .metal .shaded.long.round, .metal.metal.shaded.long.round {
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 40%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 40%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, color-mix(in srgb, var(--light-color) 25%, var(--primary-color)) 0%, color-mix(in srgb, var(--light-color) 75%, var(--primary-color)) calc(5% + 2px), color-mix(in srgb, var(--light-color) 75%, var(--primary-color)) calc(15% + 2px), transparent calc(50% + 2px)) no-repeat, linear-gradient(var(--light-direction), transparent 0%, var(--primary-color) 25%, transparent 75%) no-repeat, linear-gradient(var(--light-direction), transparent 66%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 100%) no-repeat, color-mix(in srgb, var(--ambient-color) 50%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .metal .shaded.long.round.vertical, .metal.metal.shaded.long.round.vertical {
    background: linear-gradient(to bottom, color-mix(in srgb, var(--ambient-color) 40%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to top, color-mix(in srgb, var(--ambient-color) 40%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, color-mix(in srgb, var(--light-color) 25%, var(--primary-color)) 0%, color-mix(in srgb, var(--light-color) 75%, var(--primary-color)) calc(5% + 2px), color-mix(in srgb, var(--light-color) 75%, var(--primary-color)) calc(15% + 2px), transparent calc(50% + 2px)) no-repeat, linear-gradient(to right, transparent 0%, var(--primary-color) 25%, transparent 75%) no-repeat, linear-gradient(to right, transparent 66%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 100%) no-repeat, color-mix(in srgb, var(--ambient-color) 50%, var(--primary-color));
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .metal .shaded.textured, .metal.metal.shaded.textured {
    background: linear-gradient(var(--light-direction), transparent 0%, color-mix(in srgb, var(--primary-color) 50%, transparent) 66%, var(--primary-color) 100%) no-repeat, color-mix(in srgb, var(--ambient-color) 50%, var(--primary-color));
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .metal .shaded.textured:after, .metal.metal.shaded.textured:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(var(--light-direction), color-mix(in srgb, var(--light-color) 30%, var(--primary-color)) 0%, transparent 10%) 100% no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, var(--light-color) 30%, var(--primary-color)) 0%, transparnt 20%) no-repeat;
  }
  .metal .shaded.textured.round, .metal.metal.shaded.textured.round {
    background: radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, white 75%, transparent) 50%, transparent 100%) no-repeat, radial-gradient(ellipse 50% 25% at 50% 10%, color-mix(in srgb, var(--primary-color) 100%, transparent) 100%, transparent 100%) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 50%, var(--primary-color));
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 30%, var(--primary-color));
  }
  .metal .shaded.textured.round:after, .metal.metal.shaded.textured.round:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: normal;
    background: radial-gradient(ellipse 50% 25% at 50% 10%, white 0%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 50%, transparent 100%) no-repeat;
  }
  .metal .shaded.textured.round:not(.long):after, .metal.metal.shaded.textured.round:not(.long):after {
    transform: scale(-1) rotate(var(--light-direction));
    border-radius: 50%;
  }
  .metal .shaded.textured.rounded, .metal.metal.shaded.textured.rounded {
    background: radial-gradient(ellipse 100% 50% at 50% 10%, var(--primary-color) 0%, transparent 75%) no-repeat, linear-gradient(var(--light-direction), transparent 0%, color-mix(in srgb, var(--primary-color) 50%, transparent) 66%, var(--primary-color) 100%) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 50%, var(--primary-color));
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 20%, var(--primary-color));
  }
  .metal .shaded.textured.rounded:after, .metal.metal.shaded.textured.rounded:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to right, color-mix(in srgb, black 15%, transparent) 0%, transparent 25%) no-repeat, linear-gradient(to left, color-mix(in srgb, black 15%, transparent) 0%, transparent 25%) no-repeat, linear-gradient(var(--light-direction), color-mix(in srgb, var(--light-color) 90%, var(--primary-color)) 0%, color-mix(in srgb, var(--light-color) 30%, var(--primary-color)) 25%, transparent 50%) no-repeat;
  }
  .metal .shaded.textured.long.round, .metal.metal.shaded.textured.long.round {
    background: linear-gradient(to right, color-mix(in srgb, var(--ambient-color) 40%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, color-mix(in srgb, var(--ambient-color) 40%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to bottom, color-mix(in srgb, var(--light-color) 25%, var(--primary-color)) 0%, color-mix(in srgb, var(--light-color) 75%, var(--primary-color)) calc(5% + 2px), color-mix(in srgb, var(--light-color) 75%, var(--primary-color)) calc(15% + 2px), transparent calc(50% + 2px)) no-repeat, linear-gradient(to bottom, transparent 0%, var(--primary-color) 25%, transparent 75%) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 50%, var(--primary-color));
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .metal .shaded.textured.long.round:after, .metal.metal.shaded.textured.long.round:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: screen;
    background: linear-gradient(to right, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to left, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(var(--light-direction), transparent 66%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 100%) no-repeat;
  }
  .metal .shaded.textured.long.round.vertical, .metal.metal.shaded.textured.long.round.vertical {
    background: linear-gradient(to bottom, color-mix(in srgb, var(--ambient-color) 40%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to top, color-mix(in srgb, var(--ambient-color) 40%, var(--primary-color)) 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, transparent 0%, var(--primary-color) 25%, transparent 75%) no-repeat;
    background-color: color-mix(in srgb, var(--ambient-color) 50%, var(--primary-color));
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--ambient-color) 10%, var(--primary-color));
  }
  .metal .shaded.textured.long.round.vertical:after, .metal.metal.shaded.textured.long.round.vertical:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: screen;
    background: linear-gradient(to bottom, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to top, black 0%, transparent var(--border-radius)) no-repeat, linear-gradient(to right, color-mix(in srgb, var(--light-color) 25%, var(--primary-color)) 0%, color-mix(in srgb, var(--light-color) 75%, var(--primary-color)) calc(5% + 2px), color-mix(in srgb, var(--light-color) 75%, var(--primary-color)) calc(15% + 2px), transparent calc(50% + 2px)) no-repeat, linear-gradient(to right, transparent 66%, color-mix(in srgb, var(--light-color) 10%, var(--primary-color)) 100%) no-repeat;
  }
}
@supports not (color: color-mix(in srgb, white, black)) {
  .metal .shaded, .metal.metal.shaded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .metal .shaded.round, .metal.metal.shaded.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .metal .shaded.rounded, .metal.metal.shaded.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .metal .shaded.long.round, .metal.metal.shaded.long.round {
    background-color: var(--primary-color);
  }
  .metal .shaded.textured, .metal.metal.shaded.textured {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .metal .shaded.textured.round, .metal.metal.shaded.textured.round {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .metal .shaded.textured.rounded, .metal.metal.shaded.textured.rounded {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  .metal .shaded.textured.long.round, .metal.metal.shaded.textured.long.round {
    background-color: var(--primary-color);
  }
}
/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _light.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
:root {
  --light-direction: to bottom;
  --ambient-color: rgb(0, 0, 127);
  --light-color: white;
}

/******************************************************************************\
|                                                                              |
|                                   _index.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _chats.scss                                  |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.chat {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  overflow: hidden !important;
}
.chat .panel + .panel {
  margin-top: 10px;
}
.chat .messages {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto !important;
  height: 100%;
}
.chat .messages:empty {
  display: block;
}
.chat .new-message {
  margin-top: 10px;
}

@media (max-width: 480px) {
  .chat .messages .messages-list .message .comment-bubble {
    max-width: calc(100% - 35px);
  }
}
/******************************************************************************\
|                                                                              |
|                             _chat-messages.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.messages-list {
  height: 100%;
}
.messages-list .message + .message {
  margin-top: 10px;
}
.messages-list .message:last-child {
  padding-bottom: 10px;
}
.messages-list .message.user {
  text-align: left;
}
.messages-list .message.connection {
  text-align: right;
}
.messages-list .message .comment-bubble {
  max-width: 75%;
}
.messages-list .message:not(.selected) .comment-bubble {
  cursor: pointer;
}
.messages-list .message .image-attachments {
  margin-bottom: 5px;
}
.messages-list .message .specifics {
  display: inline-block;
  /*
  .info::after {
  	margin-left: -5px;
  	content: ":";
  }
  */
}
.messages-list .message .specifics .when, .messages-list .message .specifics .where {
  margin: 0 5px;
}
.messages-list .user.message .tile {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}
.messages-list .user.message .specifics {
  text-align: left;
}
.messages-list .connection.message .tile {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.messages-list .connection.message .specifics {
  text-align: right;
}

/******************************************************************************\
|                                                                              |
|                                  _posts.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.post.panel, .task.panel {
  /*
  &:not(.selected) {
  	> .tile + .info {
  		.comment-bubble {
  			cursor: pointer;
  		}
  	}
  }
  */
}
.post.panel > .tile + .info, .task.panel > .tile + .info {
  margin-left: 60px;
}
.post.panel > .tile + .info .heading, .task.panel > .tile + .info .heading {
  min-height: 25px;
}
.post.panel > .tile + .info .heading .title .name, .task.panel > .tile + .info .heading .title .name {
  display: inline-block;
  max-width: calc(100% - 125px);
}
.post.panel > .tile + .info .heading .details, .task.panel > .tile + .info .heading .details {
  display: inline;
}
.post.panel > .tile + .info .heading .details .who, .post.panel > .tile + .info .heading .details .what, .post.panel > .tile + .info .heading .details .when, .post.panel > .tile + .info .heading .details .where, .task.panel > .tile + .info .heading .details .who, .task.panel > .tile + .info .heading .details .what, .task.panel > .tile + .info .heading .details .when, .task.panel > .tile + .info .heading .details .where {
  display: inline-block;
  margin: 2px 5px;
  margin-left: 0;
}
.post.panel > .tile + .info .heading .details .badges:not(:empty), .task.panel > .tile + .info .heading .details .badges:not(:empty) {
  display: inline-block;
  margin-right: 5px;
}
.post.panel > .tile + .info .heading .options.buttons, .task.panel > .tile + .info .heading .options.buttons {
  float: right;
  margin-top: -5px;
  max-width: 50%;
}
.post.panel .comments.panel, .task.panel .comments.panel {
  margin-top: 10px;
}
.post.panel .items, .task.panel .items {
  display: inline-block;
  position: relative;
  overflow: visible;
}
.post.panel .image-attachments, .task.panel .image-attachments {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}
.post.panel .image-attachments .gallery:not(:empty), .task.panel .image-attachments .gallery:not(:empty) {
  margin-top: 10px;
}
.post.panel > .options.buttons, .task.panel > .options.buttons {
  text-align: right;
  margin-top: 10px;
}
.post.panel .comment-bubble .comment-inner, .task.panel .comment-bubble .comment-inner {
  cursor: default;
}
.post.panel .info + .comment-bubble, .task.panel .info + .comment-bubble {
  margin-top: 10px;
  min-width: 50px;
}
.post.panel .new-comment:empty, .task.panel .new-comment:empty {
  display: none;
}
.post.panel.selected, .task.panel.selected {
  border-width: 2px;
  border-style: solid;
  margin: -1px;
}
.options-hideable .post.panel:not(.selected) > .tile + .info .options.buttons, .options-hideable .task.panel:not(.selected) > .tile + .info .options.buttons {
  display: none !important;
}
.post.panel[draggable=true], .task.panel[draggable=true] {
  position: sticky;
}

.posts .post + .post {
  margin-top: 10px;
}
.posts .post + .post.selected {
  margin-top: 9px;
}
.posts + .buttons {
  margin-top: 10px;
}

.posts.panel, .tasks.panel {
  padding: 0;
  background: none !important;
}

.options-hidden .optional {
  display: none !important;
}
.options-hidden .add-btn {
  display: none !important;
}

body[device=phone] .post.panel > .tile + .info .heading .details, body[device=phone] .task.panel > .tile + .info .heading .details, body[device=tablet] .post.panel > .tile + .info .heading .details, body[device=tablet] .task.panel > .tile + .info .heading .details {
  margin-bottom: 5px;
}
body[device=phone] .post.panel > .buttons, body[device=phone] .task.panel > .buttons, body[device=tablet] .post.panel > .buttons, body[device=tablet] .task.panel > .buttons {
  margin-top: 10px;
}

/******************************************************************************\
|                                                                              |
|                               _post-forms.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.new-post > form, .new-comment > form, .new-reply > form, .new-message > form, .new-task > form {
  position: relative;
}
.new-post > form .message .tile, .new-comment > form .message .tile, .new-reply > form .message .tile, .new-message > form .message .tile, .new-task > form .message .tile {
  margin-right: 10px;
}
.new-post > form .message .tile + .info, .new-comment > form .message .tile + .info, .new-reply > form .message .tile + .info, .new-message > form .message .tile + .info, .new-task > form .message .tile + .info {
  width: 100%;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.new-post > form .message .tile + .info .comment-bubble, .new-comment > form .message .tile + .info .comment-bubble, .new-reply > form .message .tile + .info .comment-bubble, .new-message > form .message .tile + .info .comment-bubble, .new-task > form .message .tile + .info .comment-bubble {
  display: block;
  width: 100%;
}
.new-post > form .message .tile + .info .comment-bubble .comment-inner, .new-comment > form .message .tile + .info .comment-bubble .comment-inner, .new-reply > form .message .tile + .info .comment-bubble .comment-inner, .new-message > form .message .tile + .info .comment-bubble .comment-inner, .new-task > form .message .tile + .info .comment-bubble .comment-inner {
  height: auto;
  min-height: 50px;
}
.new-post > form .message .tile + .info .comment-bubble .comment-inner:empty::after, .new-comment > form .message .tile + .info .comment-bubble .comment-inner:empty::after, .new-reply > form .message .tile + .info .comment-bubble .comment-inner:empty::after, .new-message > form .message .tile + .info .comment-bubble .comment-inner:empty::after, .new-task > form .message .tile + .info .comment-bubble .comment-inner:empty::after {
  padding: 5px 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.new-post > form .options, .new-comment > form .options, .new-reply > form .options, .new-message > form .options, .new-task > form .options {
  margin-top: 10px;
}
.new-post > form .options .buttons, .new-comment > form .options .buttons, .new-reply > form .options .buttons, .new-message > form .options .buttons, .new-task > form .options .buttons {
  display: inline-block;
}
.new-post > form .options .privacy, .new-comment > form .options .privacy, .new-reply > form .options .privacy, .new-message > form .options .privacy, .new-task > form .options .privacy {
  display: inline-block;
  margin-top: -5px;
  white-space: nowrap;
  float: right;
}
.new-post > form .where, .new-comment > form .where, .new-reply > form .where, .new-message > form .where, .new-task > form .where {
  display: inline-block;
  white-space: nowrap;
  margin: 0 5px;
  height: 25px;
}
.new-post > form .where i, .new-comment > form .where i, .new-reply > form .where i, .new-message > form .where i, .new-task > form .where i {
  margin: 5px;
}
.new-post > form .attachments, .new-comment > form .attachments, .new-reply > form .attachments, .new-message > form .attachments, .new-task > form .attachments {
  position: relative;
}
.new-post > form .attachments .items, .new-comment > form .attachments .items, .new-reply > form .attachments .items, .new-message > form .attachments .items, .new-task > form .attachments .items {
  display: block;
  overflow: hidden;
}
.new-post > form .attachments .items > div, .new-comment > form .attachments .items > div, .new-reply > form .attachments .items > div, .new-message > form .attachments .items > div, .new-task > form .attachments .items > div {
  padding: 0;
}
.new-post > form .attachments .items .icons:not(:empty), .new-comment > form .attachments .items .icons:not(:empty), .new-reply > form .attachments .items .icons:not(:empty), .new-message > form .attachments .items .icons:not(:empty), .new-task > form .attachments .items .icons:not(:empty) {
  margin-top: 10px;
}
.new-post > form .dropzone, .new-comment > form .dropzone, .new-reply > form .dropzone, .new-message > form .dropzone, .new-task > form .dropzone {
  margin: -5px;
  padding: 5px;
}

.new-post > form .tile + .info .comment-bubble .comment-inner:empty::after {
  content: "What's new?";
}

.new-message > form .tile + .info .comment-bubble .comment-inner:empty::after {
  content: "What's up?";
}

body.round .new-post .comment-bubble .comment-inner, body.round .new-comment .comment-bubble .comment-inner, body.round .new-reply .comment-bubble .comment-inner, body.round .new-message .comment-bubble .comment-inner, body.round .new-task .comment-bubble .comment-inner {
  border-radius: 13px;
}

body.rounded .new-post .comment-bubble .comment-inner, body.rounded .new-comment .comment-bubble .comment-inner, body.rounded .new-reply .comment-bubble .comment-inner, body.rounded .new-message .comment-bubble .comment-inner, body.rounded .new-task .comment-bubble .comment-inner {
  border-radius: 7px;
}

body[device=desktop] .new-post .buttons, body[device=desktop] .new-comment .buttons, body[device=desktop] .new-reply .buttons, body[device=desktop] .new-message .buttons, body[device=desktop] .new-task .buttons {
  margin-bottom: -5px;
}
body[device=desktop] .new-post .buttons + .buttons, body[device=desktop] .new-comment .buttons + .buttons, body[device=desktop] .new-reply .buttons + .buttons, body[device=desktop] .new-message .buttons + .buttons, body[device=desktop] .new-task .buttons + .buttons {
  margin-left: 5px;
}
body[device=desktop] .new-post .privacy {
  display: inline-flex;
}
body[device=desktop] .new-post .options, body[device=desktop] .new-message .options {
  margin-left: 60px;
}
body[device=desktop] .new-comment .options, body[device=desktop] .new-reply .options {
  margin-left: 35px;
}
body[device=desktop] .modal .post.panel .attachments .items, body[device=desktop] .modal .new-comment .attachments .items, body[device=desktop] .modal .new-reply .attachments .items {
  max-height: 200px;
}

body[device=phone] .new-post > form .options, body[device=phone] .new-comment > form .options, body[device=phone] .new-reply > form .options, body[device=phone] .new-message > form .options, body[device=phone] .new-task > form .options, body[device=tablet] .new-post > form .options, body[device=tablet] .new-comment > form .options, body[device=tablet] .new-reply > form .options, body[device=tablet] .new-message > form .options, body[device=tablet] .new-task > form .options {
  text-align: center;
}
body[device=phone] .new-post .where, body[device=phone] .new-comment .where, body[device=phone] .new-reply .where, body[device=phone] .new-message .where, body[device=phone] .new-task .where, body[device=tablet] .new-post .where, body[device=tablet] .new-comment .where, body[device=tablet] .new-reply .where, body[device=tablet] .new-message .where, body[device=tablet] .new-task .where {
  margin-top: 10px;
  float: right;
}
body[device=phone] .new-post .privacy, body[device=phone] .new-comment .privacy, body[device=phone] .new-reply .privacy, body[device=phone] .new-message .privacy, body[device=phone] .new-task .privacy, body[device=tablet] .new-post .privacy, body[device=tablet] .new-comment .privacy, body[device=tablet] .new-reply .privacy, body[device=tablet] .new-message .privacy, body[device=tablet] .new-task .privacy {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

@media (max-width: 480px) {
  .new-post > form:not(.focused).empty .options, .new-post > form:not(.focused).empty .attachments, .new-comment > form:not(.focused).empty .options, .new-comment > form:not(.focused).empty .attachments, .new-reply > form:not(.focused).empty .options, .new-reply > form:not(.focused).empty .attachments, .new-message > form:not(.focused).empty .options, .new-message > form:not(.focused).empty .attachments, .new-task > form:not(.focused).empty .options, .new-task > form:not(.focused).empty .attachments {
    display: none;
  }
}
/******************************************************************************\
|                                                                              |
|                                _projects.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.project:not(.item):not(.bottom-up) {
  display: flex;
  flex-direction: column;
}
.project:not(.item):not(.bottom-up) .tasks {
  flex-grow: 1;
}
.project:not(.item):not(.bottom-up) .pager {
  margin: 10px;
}
.project:not(.item).bottom-up {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 10px;
}
.project:not(.item).bottom-up .pager {
  margin: 10px;
}
.project:not(.item).bottom-up .new-task {
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  .project:not(.item) .task.item > .tile + .info .title {
    display: inline;
  }
  .project:not(.item) .task.item > .tile + .info .details {
    display: inline;
  }
}
/******************************************************************************\
|                                                                              |
|                                 _prompts.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.prompt.form-group .controls {
  width: 75%;
}
.prompt.form-group .controls textarea {
  font-size: 125%;
  min-height: 50px;
}

/******************************************************************************\
|                                                                              |
|                                 _topics.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.topic:not(.bottom-up) {
  display: flex;
  flex-direction: column;
}
.topic:not(.bottom-up) .new-post:not(.hidden):not(:empty) + .posts-list {
  margin-top: 10px;
  flex-grow: 1;
}
.topic:not(.bottom-up) .pager {
  margin-top: 10px;
}
.topic.bottom-up {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 10px;
}
.topic.bottom-up .pager {
  margin-bottom: 10px;
}
.topic.bottom-up .posts {
  display: flex;
  flex-direction: column-reverse;
}
.topic.bottom-up .posts .post {
  margin-bottom: 10px;
}
.topic.bottom-up .posts .post.selected {
  margin-bottom: 9px;
}
.topic.bottom-up .new-post {
  margin-bottom: 10px;
}

/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                 _badges.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.badge {
  min-width: 16px;
  font-weight: bold;
  padding: 0 3px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  border-width: 2px;
  border-style: solid;
}
.badge i {
  height: 10px;
  min-width: 10px;
  font-size: 85%;
  vertical-align: top;
  margin: 1px;
}
.badge img, .badge svg {
  height: 14px;
  width: auto;
  fill: white;
  margin: -1px;
}
.badge.active {
  cursor: pointer;
}
.badge::empty {
  display: none;
}
.badge .group {
  white-space: nowrap;
}
.badge .group .icon {
  margin: 0;
  padding: 0;
  height: 15px;
}

.badges {
  display: inline-flex;
  flex-direction: column;
}
.badges:empty {
  display: none;
}

.round .badge {
  border-radius: 10px;
}

.rounded .badge {
  border-radius: 5px;
}

.square .badge {
  border-radius: 0;
}

/******************************************************************************\
|                                                                              |
|                               _breadcrumbs.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.breadcrumb {
  padding: 5px 15px;
  display: none;
}
.breadcrumb > li + li:before {
  width: 20px;
  color: unset;
}
.breadcrumb > li i {
  margin: 2px 0;
  margin-right: 5px;
  text-decoration: none;
}
.breadcrumb > li a {
  text-decoration: none;
}
.breadcrumb > li a:hover span {
  text-decoration: underline;
}
.breadcrumb.inline {
  display: inline-flex;
}
.breadcrumb.inline li {
  display: inline-flex;
  flex-shrink: 1;
  overflow: hidden;
}
.breadcrumb.inline li a {
  display: inline-flex;
  overflow: hidden;
}
.breadcrumb.inline li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  cursor: default;
}
.breadcrumb.inline li:not(:last-child) span:hover {
  text-decoration: underline;
}
.breadcrumb.inline li:hover {
  overflow: visible;
}
.breadcrumb.inline li:first-child {
  min-width: 15px;
}
.breadcrumb.inline li:not(:first-child):not(:hover) {
  min-width: 30px;
}

.help .breadcrumb {
  display: block;
}

.round .breadcrumb {
  border-radius: 15px;
}

.rounded .breadcrumb {
  border-radius: 7px;
}

.square .breadcrumb {
  border-radius: 0;
}

.colored .breadcrumb > li + li:before {
  color: #6060a0;
}

@media (max-width: 480px) {
  .breadcrumb {
    display: none;
  }
}
/******************************************************************************\
|                                                                              |
|                                   _btns.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.hide-icons .btn:not(.btn-sm):not(.input-group-addon) i {
  display: none !important;
}

.btn {
  text-align: center;
  font-variant: normal;
  font-weight: inherit;
  font-size: 100%;
  line-height: 1em;
  padding: 5px 10px;
  cursor: pointer;
  border-color: unset;
}
.btn:focus, .btn:active:focus {
  outline: none;
}
.btn:active {
  -webkit-box-shadow: none;
  -box-shadow: none;
}
.btn i {
  font-size: 14px;
  margin-right: 5px;
  pointer-events: none;
}
.btn:disabled {
  color: unset;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.btn:disabled:hover {
  color: unset;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.btn.btn-primary, .btn.btn-primary:focus {
  color: unset;
  background-color: unset;
  border-color: unset;
}
.btn.btn-primary:hover, .btn.btn-primary:focus:hover {
  color: unset;
  background-color: unset;
  border-color: unset;
}
.btn.dropdown-toggle .filter-option {
  line-height: 15px;
}

:not(.keyboard-accessible) .btn:focus {
  outline: none !important;
}

body:not(.binary):not(.flat-buttons):not(.flat.auto-buttons) .btn {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
}
body:not(.binary):not(.flat-buttons):not(.flat.auto-buttons) .btn:hover {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
}
body:not(.binary):not(.flat-buttons):not(.flat.auto-buttons) .btn:active {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.btn-sm {
  min-width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
}
.btn-sm i {
  margin: auto;
}

.btn-md {
  min-width: 25px;
  height: 25px;
  margin: 0;
}
.btn-md i {
  margin: auto;
}

.btn-lg {
  min-width: 30px;
  font-size: 18px;
  line-height: 16px;
}
.btn-lg i {
  font-size: 18px;
}

.buttons:empty {
  display: none;
}
.buttons .btn {
  margin-bottom: 5px;
}

.buttons-inline {
  display: inline-block;
}
.buttons-inline .btn {
  margin-bottom: 5px;
}

.panel + .buttons,
table + .buttons {
  margin-top: 10px;
}

.row .content > div > form > .buttons {
  float: right;
}

body[device=phone] .btn-sm, body[device=phone] .input-group-addon.btn, body[device=tablet] .btn-sm, body[device=tablet] .input-group-addon.btn {
  min-width: 50px;
}
body[device=phone] .buttons .btn-sm + .btn-sm, body[device=tablet] .buttons .btn-sm + .btn-sm {
  margin-left: 2px;
}

@media (max-width: 480px) {
  .modal-footer .buttons .btn:not(.btn-sm) {
    width: 100%;
    margin-top: 10px;
    font-size: initial;
    padding: 10px 20px;
    margin-left: 0;
  }
  body.round-buttons .buttons .btn:not(.btn-sm) {
    border-radius: 20px;
  }
  .flex-row .buttons {
    width: 100%;
  }
  .modal-footer .buttons .btn + .btn {
    margin-left: 0;
    margin-top: 10px;
  }
}
/******************************************************************************\
|                                                                              |
|                               _carousels.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.flickity-slider.animating {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
.flickity-slider.animating .carousel-cell {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

.flickity-viewport {
  width: 100%;
  height: 100%;
}

.flickity-page-dots .dot {
  width: 11px;
  height: 11px;
  border-width: 1px;
  border-style: solid;
  opacity: 1;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/******************************************************************************\
|                                                                              |
|                                _dock-bars.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
#dock-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#dock-bar .shelf {
  position: absolute;
  left: 2.5%;
  right: 2.5%;
  bottom: 0;
  height: 50px;
  border-width: 1px;
  border-style: solid;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}
#dock-bar .dock {
  position: relative;
  min-width: 50%;
  max-width: 95%;
  margin: auto;
  padding: 5px;
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  text-align: center;
  scrollbar-width: none;
}
#dock-bar .dock::-webkit-scrollbar {
  display: none;
}
#dock-bar .dock .items {
  display: inline-flex;
  width: auto;
  margin: auto;
}
#dock-bar .dock .items .apps, #dock-bar .dock .items .tasks, #dock-bar .dock .items .trash {
  display: inline-flex;
  padding: 0;
}
#dock-bar .dock .items .apps .icons .item, #dock-bar .dock .items .tasks .icons .item, #dock-bar .dock .items .trash .icons .item {
  display: inline-block;
  position: relative;
  margin: 0 5px;
}
#dock-bar .dock .items .apps .icons .item .icon, #dock-bar .dock .items .tasks .icons .item .icon, #dock-bar .dock .items .trash .icons .item .icon {
  position: relative;
  text-align: center;
  border-width: 1px;
  border-style: solid;
}
#dock-bar .dock .items .apps .icons .item .icon > img, #dock-bar .dock .items .tasks .icons .item .icon > img, #dock-bar .dock .items .trash .icons .item .icon > img {
  max-width: 100%;
  max-height: 100%;
}
#dock-bar .dock .items .apps .icons .item .icon .spinner, #dock-bar .dock .items .tasks .icons .item .icon .spinner, #dock-bar .dock .items .trash .icons .item .icon .spinner {
  position: absolute;
}
#dock-bar .dock .items .apps .icons .item .indicator, #dock-bar .dock .items .tasks .icons .item .indicator, #dock-bar .dock .items .trash .icons .item .indicator {
  margin: 5px auto;
}
#dock-bar .dock .items .apps .item.disabled, #dock-bar .dock .items .tasks .item.disabled, #dock-bar .dock .items .trash .item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
#dock-bar .dock .items .trash .icon {
  background: transparent;
  border: transparent;
}
#dock-bar .dock .items .trash .icon i {
  color: white;
  transform: scale(1.5);
}
#dock-bar .dock .items .apps:not(:empty) + .tasks .icons:not(:empty) {
  border-left-width: 2px;
  border-left-style: solid;
  margin-left: 5px;
  padding-left: 5px;
}
#dock-bar .dock .items .tasks .icons .item .icon {
  background: none !important;
  border: transparent;
  border-radius: 0;
}
#dock-bar .dock .items .tasks .icons .item .icon svg {
  transform: none;
}
#dock-bar .dock .items .tasks .icons .item .icon .window-content {
  position: absolute;
  width: 100%;
  top: 8px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  border-style: solid;
  border-width: 1px;
}
#dock-bar .dock .items .tasks .icons .item .icon .window-content i {
  vertical-align: text-top;
  margin: -1px;
  background: none;
}
#dock-bar.attached .shelf {
  border-bottom-width: 0;
}
#dock-bar:not(.attached) .shelf {
  bottom: 5px;
}
#dock-bar:not(.attached) .dock {
  margin-top: 5px;
  margin-bottom: 5px;
}
#dock-bar.tilted-left .shelf, #dock-bar.tilted-right .shelf {
  left: 2.5%;
  right: 2.5%;
}
#dock-bar.tilted-left .shelf {
  transform: scaleY(0.5) translateY(50%) skewX(30deg);
}
#dock-bar.tilted-right .shelf {
  transform: scaleY(0.5) translateY(50%) skewX(-30deg);
}

.round #dock-bar.auto-corners .shelf,
#dock-bar.round .shelf {
  border-radius: 12px;
}
.round #dock-bar.auto-corners .dock .item .indicator,
#dock-bar.round .dock .item .indicator {
  border-radius: 50%;
}

.rounded #dock-bar.auto-corners .shelf,
#dock-bar.rounded .shelf {
  border-radius: 7px;
}
.rounded #dock-bar.auto-corners .dock .item .indicator,
#dock-bar.rounded .dock .item .indicator {
  border-radius: 50%;
}

#dock-bar.attached .shelf {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (max-height: 480px) {
  #dock-bar:not(.attached) .dock {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  body[device=desktop] #desktop.docked .desktop.app {
    padding-bottom: 40px;
  }
  body[device=desktop] #dock-bar .shelf {
    height: 40px;
  }
  body[device=desktop] #dock-bar .dock {
    height: 40px;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .icon, body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon, body[device=desktop] #dock-bar .dock .items .trash .icons .item .icon {
    width: 25px;
    height: 25px;
    border-width: 1px;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .icon > i, body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon > i, body[device=desktop] #dock-bar .dock .items .trash .icons .item .icon > i {
    font-size: 14px;
    margin: 4px auto;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .icon .spinner, body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon .spinner, body[device=desktop] #dock-bar .dock .items .trash .icons .item .icon .spinner {
    border-width: 12.5px;
    border-top-width: 12.5px;
    width: 12.5px;
    height: 25px;
    margin-left: -12.5px;
    margin-top: -12.5px;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .indicator {
    margin: 3px auto;
    width: 4px;
    height: 4px;
  }
  body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon .window-content {
    top: 7px;
  }
  body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon .window-content i {
    font-size: 14px;
  }
  body[device=desktop].round #dock-bar .dock .tasks .icons .item .icon svg, body[device=desktop].rounded #dock-bar .dock .tasks .icons .item .icon svg {
    border-radius: 3px;
  }
  body[device=desktop].round #dock-bar .dock .tasks .icons .item .icon .window-content, body[device=desktop].rounded #dock-bar .dock .tasks .icons .item .icon .window-content {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body[device=desktop] #desktop.docked .desktop.app {
    padding-bottom: 50px;
  }
  body[device=desktop] #dock-bar .dock {
    height: 50px;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .icon, body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon, body[device=desktop] #dock-bar .dock .items .trash .icons .item .icon {
    width: 30px;
    height: 30px;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .icon > i, body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon > i, body[device=desktop] #dock-bar .dock .items .trash .icons .item .icon > i {
    font-size: 18px;
    margin: 4px auto;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .icon .spinner, body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon .spinner, body[device=desktop] #dock-bar .dock .items .trash .icons .item .icon .spinner {
    border-width: 15px;
    border-top-width: 15px;
    width: 15px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .indicator {
    width: 5px;
    height: 5px;
  }
  body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon .window-content > i {
    font-size: 17px;
  }
  body[device=desktop].round #dock-bar .dock .tasks .icons .item .icon svg, body[device=desktop].rounded #dock-bar .dock .tasks .icons .item .icon svg {
    border-radius: 5px;
  }
  body[device=desktop].round #dock-bar .dock .tasks .icons .item .icon .window-content, body[device=desktop].rounded #dock-bar .dock .tasks .icons .item .icon .window-content {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
@media (min-width: 1200px) {
  body[device=desktop] #desktop.docked .desktop.app {
    padding-bottom: 60px;
  }
  body[device=desktop] #dock-bar .shelf {
    height: 60px;
  }
  body[device=desktop] #dock-bar .dock {
    height: 60px;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .icon, body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon, body[device=desktop] #dock-bar .dock .items .trash .icons .item .icon {
    width: 40px;
    height: 40px;
    border-width: 2px;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .icon > i, body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon > i, body[device=desktop] #dock-bar .dock .items .trash .icons .item .icon > i {
    font-size: 24px;
    margin: 7px auto;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .icon .spinner, body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon .spinner, body[device=desktop] #dock-bar .dock .items .trash .icons .item .icon .spinner {
    border-width: 20px;
    border-top-width: 20px;
    width: 20px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }
  body[device=desktop] #dock-bar .dock .items .apps .icons .item .indicator {
    width: 6px;
    height: 6px;
  }
  body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon .window-content {
    top: 11px;
  }
  body[device=desktop] #dock-bar .dock .items .tasks .icons .item .icon .window-content > i {
    font-size: 24px;
  }
  body[device=desktop].round #dock-bar .dock .tasks .icons .item .icon svg, body[device=desktop].rounded #dock-bar .dock .tasks .icons .item .icon svg {
    border-radius: 7px;
  }
  body[device=desktop].round #dock-bar .dock .tasks .icons .item .icon .window-content, body[device=desktop].rounded #dock-bar .dock .tasks .icons .item .icon .window-content {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }
}
body[device=tablet] #desktop.docked .desktop.app {
  padding-bottom: 80px;
}
body[device=tablet] #dock-bar .shelf {
  height: 80px;
}
body[device=tablet] #dock-bar.round .shelf {
  border-radius: 24px;
}
body[device=tablet] #dock-bar.rounded .shelf {
  border-radius: 14px;
}
body[device=tablet] #dock-bar.attached .shelf {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body[device=tablet] #dock-bar:not(.attached) .shelf {
  bottom: 20px;
}
body[device=tablet] #dock-bar:not(.attached) .dock {
  margin-top: 20px;
  margin-bottom: 20px;
}
body[device=tablet] #dock-bar .dock {
  height: 80px;
}
body[device=tablet] #dock-bar .dock .items {
  height: 75px;
  padding: 5px;
}
body[device=tablet] #dock-bar .dock .items .apps .icons .item, body[device=tablet] #dock-bar .dock .items .tasks .icons .item, body[device=tablet] #dock-bar .dock .items .trash .icons .item {
  margin: auto 10px;
}
body[device=tablet] #dock-bar .dock .items .apps .icons .item .icon, body[device=tablet] #dock-bar .dock .items .tasks .icons .item .icon, body[device=tablet] #dock-bar .dock .items .trash .icons .item .icon {
  width: 60px;
  height: 60px;
}
body[device=tablet] #dock-bar .dock .items .apps .icons .item .icon > i, body[device=tablet] #dock-bar .dock .items .tasks .icons .item .icon > i, body[device=tablet] #dock-bar .dock .items .trash .icons .item .icon > i {
  font-size: 25px;
  margin: 0 auto;
}
body[device=tablet] #dock-bar .dock .items .apps .icons .item .icon .spinner, body[device=tablet] #dock-bar .dock .items .tasks .icons .item .icon .spinner, body[device=tablet] #dock-bar .dock .items .trash .icons .item .icon .spinner {
  border-width: 30px;
  border-top-width: 30px;
  width: 30px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
}
body[device=tablet] #dock-bar .dock .items .apps .icons .item .indicator {
  width: 6px;
  height: 6px;
}
body[device=tablet] #dock-bar .dock .items .tasks .icons .item .icon .window-content {
  top: 19px;
  padding: 2px;
}
body[device=tablet] #dock-bar .dock .items .tasks .icons .item .icon .window-content > i {
  font-size: 30px;
}
body[device=tablet].round #dock-bar .dock .tasks .icons .item .icon svg, body[device=tablet].rounded #dock-bar .dock .tasks .icons .item .icon svg {
  border-radius: 15px;
}
body[device=tablet].round #dock-bar .dock .tasks .icons .item .icon .window-content, body[device=tablet].rounded #dock-bar .dock .tasks .icons .item .icon .window-content {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

body[device=phone] #desktop.docked .desktop.app {
  padding-bottom: 40px;
}
body[device=phone] #dock-bar .shelf {
  height: 40px;
}
body[device=phone] #dock-bar .dock {
  height: 40px;
}
body[device=phone] #dock-bar .dock .items .apps .icons .item .icon, body[device=phone] #dock-bar .dock .items .tasks .icons .item .icon, body[device=phone] #dock-bar .dock .items .trash .icons .item .icon {
  width: 30px;
  height: 30px;
  border-width: 1px;
}
body[device=phone] #dock-bar .dock .items .apps .icons .item .icon > i, body[device=phone] #dock-bar .dock .items .tasks .icons .item .icon > i, body[device=phone] #dock-bar .dock .items .trash .icons .item .icon > i {
  font-size: 14px;
  margin: 4px auto;
}
body[device=phone] #dock-bar .dock .items .tasks .icons .item .icon .window-content {
  top: 7px;
  padding: 2px;
}
body[device=phone] #dock-bar .dock .items .tasks .icons .item .icon .window-content i {
  font-size: 14px;
}
body[device=phone].round #dock-bar .dock .tasks .icons .item .icon svg, body[device=phone].rounded #dock-bar .dock .tasks .icons .item .icon svg {
  border-radius: 3px;
}
body[device=phone].round #dock-bar .dock .tasks .icons .item .icon .window-content, body[device=phone].rounded #dock-bar .dock .tasks .icons .item .icon .window-content {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/******************************************************************************\
|                                                                              |
|                                 _headings.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
h1 {
  margin-top: 0;
}

.page h1 {
  font-size: 250%;
  font-weight: inherit;
  line-height: 1em;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.page h2 {
  font-size: 175%;
}
.page h2.title {
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}
.page h3 {
  font-size: 150%;
}
.page hr {
  height: 2px;
}
.page h1 {
  margin-top: 0;
}
.page h1 hr, .page h2 hr, .page h3 hr {
  margin: 10px 0;
}
.page .panel h1, .page .panel h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.page .icon-grid + h3 {
  margin-top: 0;
}

.hide-header-icons .page h1 > i, .hide-header-icons .page h2 > i, .hide-header-icons .page h3 > i {
  display: none;
}

/******************************************************************************\
|                                                                              |
|                                  _links.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
a {
  color: unset;
  cursor: pointer;
}
a:hover {
  color: unset;
}
a.unstyled {
  color: unset !important;
  text-decoration: none !important;
}

@-moz-document url-prefix() {
  a, a:active, a:focus {
    outline: none;
  }
  a:hover {
    outline: none;
  }
}
/******************************************************************************\
|                                                                              |
|                                  _menus.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.dropdown > .dropdown-toggle .caret {
  margin-left: 5px;
}
.dropdown > .dropdown-menu.left {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}
.dropdown .dropdown-menu.left, .dropdown .dropdown-submenu.left {
  float: none;
}
.dropdown .dropdown-menu.left > .dropdown-menu, .dropdown .dropdown-submenu.left > .dropdown-menu {
  transform: translateX(-200%);
  margin-left: 2px;
}
.dropdown .dropdown-menu.left > a > .fa-caret-left, .dropdown .dropdown-submenu.left > a > .fa-caret-left {
  display: inline-block;
}
.dropdown .dropdown-menu.left > a > .fa-caret-right, .dropdown .dropdown-submenu.left > a > .fa-caret-right {
  display: none;
}
.dropdown ul.panels {
  padding: 0;
}
.dropdown ul.panels li {
  padding: 0 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown ul.panels li > form {
  padding: 5px;
}
.dropdown ul.panels li > form .title {
  display: inline;
}
.dropdown ul.panels li .section {
  padding-top: 0;
  margin-top: 5px;
}
.dropdown ul.panels li:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown ul.panels li:not(:last-child) {
  border-bottom-style: solid;
  border-width: 1px;
  margin-bottom: 0;
}

.menu, .dropdown-menu {
  border-color: unset;
}
.menu li > a, .dropdown-menu li > a {
  color: unset;
  font-weight: inherit;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.menu li > a > .name, .dropdown-menu li > a > .name {
  background: unset !important;
}
.menu li > a > i, .dropdown-menu li > a > i {
  font-size: 14px;
  font-style: normal;
  width: 20px;
  text-align: center;
}
.menu li > a > .fa-caret-left, .dropdown-menu li > a > .fa-caret-left {
  display: none;
}
.menu li > a.app-item > i, .menu li > a.task-item > i, .dropdown-menu li > a.app-item > i, .dropdown-menu li > a.task-item > i {
  display: inline-block !important;
  visibility: visible !important;
}
.menu li:not(.selected) > a > i.fa-check, .dropdown-menu li:not(.selected) > a > i.fa-check {
  visibility: hidden;
}
.menu li.divider, .dropdown-menu li.divider {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 5px 0;
  background: none;
}
.menu li.divider:last-child, .dropdown-menu li.divider:last-child {
  display: none;
}
.menu li.divider:hover, .dropdown-menu li.divider:hover {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background: none;
}
.menu li.divider + li.hidden + li.divider, .menu li.divider + li.hidden + li.hidden + li.divider, .menu li.divider + li.hidden + li.hidden + li.hidden + li.divider, .menu li.divider + li.hidden + li.hidden + li.hidden + li.hidden + li.divider, .menu li.divider + li.hidden + li.hidden + li.hidden + li.hidden + li.hidden + li.divider, .dropdown-menu li.divider + li.hidden + li.divider, .dropdown-menu li.divider + li.hidden + li.hidden + li.divider, .dropdown-menu li.divider + li.hidden + li.hidden + li.hidden + li.divider, .dropdown-menu li.divider + li.hidden + li.hidden + li.hidden + li.hidden + li.divider, .dropdown-menu li.divider + li.hidden + li.hidden + li.hidden + li.hidden + li.hidden + li.divider {
  display: none;
}

.run .dropdown-menu {
  overflow-y: auto;
}

.hide-icons .menu > li > a > i:not(.fa-check):not(.fa-caret-left):not(.fa-caret-right), .hide-icons .dropdown-menu > li > a > i:not(.fa-check):not(.fa-caret-left):not(.fa-caret-right) {
  display: none;
}

.dropdown-menu {
  margin-top: 0;
  margin-left: -1px;
  padding: 0;
  min-width: 250px;
  font-size: inherit;
  box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.25);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown-menu li {
  padding: 0;
}
.dropdown-menu li > a {
  cursor: pointer;
  padding: 2px 5px;
  margin: 0;
}
.dropdown-menu li > a i {
  margin-right: 5px;
}
.dropdown-menu li > a:focus {
  outline: none;
}
.dropdown-menu li > div {
  padding: 5px 10px;
}
.dropdown-menu li > div i {
  width: 20px;
}
.dropdown-menu li > div .fa-caret-down {
  position: absolute;
  right: 10px;
  margin-top: 3px;
  margin-left: 15px;
}
.dropdown-menu li .shortcut {
  float: right;
  margin: 0 5px;
}
.dropdown-menu li .command::before {
  content: "⌘";
}
.dropdown-menu li .command i {
  margin-right: 0;
}
.dropdown-menu li .shift.command::before {
  content: "⇧⌘";
}
.dropdown-menu li .shift.command i {
  margin-right: 0;
}
.dropdown-menu li > .dropdown-toggle .fa-caret-left,
.dropdown-menu li > .dropdown-toggle .fa-caret-right {
  width: 10px;
  margin: 3px;
  float: right;
}
.dropdown-menu li.disabled {
  cursor: not-allowed;
}
.dropdown-menu li.disabled > a {
  pointer-events: none;
}
.dropdown-menu .dropdown-submenu {
  position: relative;
}
.dropdown-menu .dropdown-submenu > a > .fa-caret-left {
  display: none;
}
.dropdown-menu .dropdown-submenu > .dropdown-menu {
  top: -1px;
  left: 100%;
}
.dropdown-menu .dropdown-submenu.pull-left {
  float: none;
}
.dropdown-menu .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
}

.items > .apps-list.dropdown-menu {
  width: 250px;
}
.items > .apps-list.dropdown-menu a {
  pointer-events: all;
}
.items > .apps-list.dropdown-menu .divider {
  margin-left: 5px;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  margin-bottom: 0;
}

.context-menu .dropdown-menu {
  display: block;
  position: absolute;
  margin-top: -40px;
}
.context-menu .dropdown-menu .dropdown-menu:not(.open) {
  display: none;
}
.context-menu .dropdown-menu .dropdown.open .dropdown-menu {
  display: block;
}

body.menus-attached .context-menu .dropdown-menu .dropdown.open .dropdown-menu li:first-child > a {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

body.round-menus.menus-attached .dropdown:not(.context-menu) .dropdown-menu, body.round.auto-corner-menus.menus-attached .dropdown:not(.context-menu) .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
body.round-menus.menus-attached .dropup .dropdown-menu, body.round.auto-corner-menus.menus-attached .dropup .dropdown-menu {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.round-menus:not(.menus-attached) .dropdown-menu,
body.round-menus .context-menu .dropdown-menu, body.round.auto-corner-menus:not(.menus-attached) .dropdown-menu,
body.round.auto-corner-menus .context-menu .dropdown-menu {
  border-radius: 10px !important;
}
body.round-menus .divider, body.round.auto-corner-menus .divider {
  border-radius: 15px;
}
body.rounded-menus.menus-attached .dropdown:not(.context-menu) .dropdown-menu, body.rounded.auto-corner-menus.menus-attached .dropdown:not(.context-menu) .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
body.rounded-menus.menus-attached .dropup .dropdown-menu, body.rounded.auto-corner-menus.menus-attached .dropup .dropdown-menu {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.rounded-menus:not(.menus-attached) .dropdown-menu,
body.rounded-menus .context-menu .dropdown-menu, body.rounded.auto-corner-menus:not(.menus-attached) .dropdown-menu,
body.rounded.auto-corner-menus .context-menu .dropdown-menu {
  border-radius: 7px !important;
}
body.rounded-menus .divider, body.rounded.auto-corner-menus .divider {
  border-radius: 7px;
}
body.square-menus .menu, body.square-menus .dropdown-menu, body.square.auto-corner-menus .menu, body.square.auto-corner-menus .dropdown-menu {
  border-radius: 0;
}
body.square-menus .divider, body.square.auto-corner-menus .divider {
  border-radius: 0;
}

body:not(.menu-margins).round-menus.menus-attached .dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).round.auto-corner-menus.menus-attached .dropdown .dropdown-menu li:last-child > a {
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}
body:not(.menu-margins).round-menus.menus-attached .dropup .dropdown-menu li:first-child > a, body:not(.menu-margins).round.auto-corner-menus.menus-attached .dropup .dropdown-menu li:first-child > a {
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
}
body:not(.menu-margins).round-menus:not(.menus-attached).dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).round-menus:not(.menus-attached) .dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).round-menus .context-menu.dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).round-menus .context-menu .dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).round.auto-corner-menus:not(.menus-attached).dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).round.auto-corner-menus:not(.menus-attached) .dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).round.auto-corner-menus .context-menu.dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).round.auto-corner-menus .context-menu .dropdown .dropdown-menu li:first-child > a {
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
}
body:not(.menu-margins).round-menus:not(.menus-attached).dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).round-menus:not(.menus-attached) .dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).round-menus .context-menu.dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).round-menus .context-menu .dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).round.auto-corner-menus:not(.menus-attached).dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).round.auto-corner-menus:not(.menus-attached) .dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).round.auto-corner-menus .context-menu.dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).round.auto-corner-menus .context-menu .dropdown .dropdown-menu li:last-child > a {
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}
body:not(.menu-margins).round-menus .context-menu .dropdown-menu li:first-child > a, body:not(.menu-margins).round.auto-corner-menus .context-menu .dropdown-menu li:first-child > a {
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
}
body:not(.menu-margins).round-menus .context-menu .dropdown-menu li:last-child > a, body:not(.menu-margins).round.auto-corner-menus .context-menu .dropdown-menu li:last-child > a {
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}
body:not(.menu-margins).rounded-menus.menus-attached .dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).rounded.auto-corner-menus.menus-attached .dropdown .dropdown-menu li:last-child > a {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
body:not(.menu-margins).rounded-menus.menus-attached .dropup .dropdown-menu li:first-child > a, body:not(.menu-margins).rounded.auto-corner-menus.menus-attached .dropup .dropdown-menu li:first-child > a {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
body:not(.menu-margins).rounded-menus:not(.menus-attached).dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).rounded-menus:not(.menus-attached) .dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).rounded-menus .context-menu.dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).rounded-menus .context-menu .dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).rounded.auto-corner-menus:not(.menus-attached).dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).rounded.auto-corner-menus:not(.menus-attached) .dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).rounded.auto-corner-menus .context-menu.dropdown .dropdown-menu li:first-child > a, body:not(.menu-margins).rounded.auto-corner-menus .context-menu .dropdown .dropdown-menu li:first-child > a {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
body:not(.menu-margins).rounded-menus:not(.menus-attached).dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).rounded-menus:not(.menus-attached) .dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).rounded-menus .context-menu.dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).rounded-menus .context-menu .dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).rounded.auto-corner-menus:not(.menus-attached).dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).rounded.auto-corner-menus:not(.menus-attached) .dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).rounded.auto-corner-menus .context-menu.dropdown .dropdown-menu li:last-child > a, body:not(.menu-margins).rounded.auto-corner-menus .context-menu .dropdown .dropdown-menu li:last-child > a {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
body:not(.menu-margins).rounded-menus .context-menu .dropdown-menu li:first-child > a, body:not(.menu-margins).rounded.auto-corner-menus .context-menu .dropdown-menu li:first-child > a {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
body:not(.menu-margins).rounded-menus .context-menu .dropdown-menu li:last-child > a, body:not(.menu-margins).rounded.auto-corner-menus .context-menu .dropdown-menu li:last-child > a {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
body:not(.menu-margins).square-menus .menu li > a, body:not(.menu-margins).square-menus .dropdown-menu li > a, body:not(.menu-margins).square.auto-corner-menus .menu li > a, body:not(.menu-margins).square.auto-corner-menus .dropdown-menu li > a {
  border-radius: 0;
}

body.menu-margins .dropdown-menu li > a {
  padding: 0 10px;
  margin: 3px;
}
body.menu-margins .dropdown-menu li .dropdown-menu {
  margin-top: -3px;
}
body.menu-margins.round-menus .dropdown-menu, body.menu-margins.round.auto-corner-menus .dropdown-menu {
  border-radius: 13px;
}
body.menu-margins.round-menus .dropdown-menu li > a, body.menu-margins.round.auto-corner-menus .dropdown-menu li > a {
  border-radius: 13px;
}
body.menu-margins.rounded-menus .dropdown-menu, body.menu-margins.rounded.auto-corner-menus .dropdown-menu {
  border-radius: 10px;
}
body.menu-margins.rounded-menus .dropdown-menu li > a, body.menu-margins.rounded.auto-corner-menus .dropdown-menu li > a {
  border-radius: 4px;
}

body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .menu .dropdown.open > .dropdown-toggle, body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .menu .dropdown.open > .dropdown-toggle:focus, body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .menu .dropdown .dropdown-submenu.open > .dropdown-toggle, body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .menu .dropdown .dropdown-submenu.open > .dropdown-toggle:focus, body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .dropdown-menu .dropdown.open > .dropdown-toggle, body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .dropdown-menu .dropdown.open > .dropdown-toggle:focus, body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .dropdown-menu .dropdown .dropdown-submenu.open > .dropdown-toggle, body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .dropdown-menu .dropdown .dropdown-submenu.open > .dropdown-toggle:focus {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.33);
}
body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .menu > li:not(.disabled) > a:active, body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .dropdown-menu > li:not(.disabled) > a:active {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.33);
}
body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .menu > li:not(.disabled) > a:hover, body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .dropdown-menu > li:not(.disabled) > a:hover {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.33);
}

.round-scrollbars .dropdown-menu::-webkit-scrollbar-track,
.round.auto-corner-scrollbars .dropdown-menu::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
}

.rounded-scrollbars .dropdown-menu::-webkit-scrollbar-track,
.rounded.auto-corner-scrollbars .dropdown-menu::-webkit-scrollbar-track {
  -webkit-border-radius: 7px;
}

.square-scrollbars .dropdown-menu::-webkit-scrollbar-track,
.square.auto-corner-scrollbars .dropdown-menu::-webkit-scrollbar-track {
  -webkit-border-radius: 0;
}

body[device=phone] .dropdown-menu li > a, body[device=tablet] .dropdown-menu li > a {
  padding: 5px 10px;
}
body[device=phone] .context-menu, body[device=tablet] .context-menu {
  display: none;
}

@media (min-width: 480px) {
  #header .dropdown-menu {
    width: 350px;
    overflow: auto;
  }
}
/******************************************************************************\
|                                                                              |
|                               _menus-bars.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG DOM element styles for this application.         |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.menu-bar {
  display: inline-block;
  top: 0;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.menu-bar > ul.nav-menus {
  border-bottom: none;
  margin-bottom: 0;
}
.menu-bar > ul.nav-menus > li {
  display: inline-flex;
  height: 30px;
  float: none;
  border: none;
  margin-bottom: 0;
}
.menu-bar > ul.nav-menus > li + li {
  margin-left: -5px;
}
.menu-bar > ul.nav-menus > li > a {
  display: flex;
  padding: 5px 10px;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.menu-bar > ul.nav-menus > li > a i {
  margin: auto;
  margin-right: 0;
}
.menu-bar > ul.nav-menus > li > a i + span {
  line-height: 15px;
  margin: auto;
  margin-left: 5px;
}
.menu-bar > ul.nav-menus > li.open a {
  border-color: transparent;
}
.menu-bar > ul.nav-menus > li.open a:hover {
  border-color: transparent;
}

.hide-menu-icons .menu-bar > ul.nav-menus > li.dropdown > a i {
  display: none;
}

.iconified .menu-bar .nav-menus > li > a > i {
  margin-right: 0;
}
.iconified .menu-bar .nav-menus > li span {
  display: none;
}

.thin-menu-bars .menu-bar .nav-menus > li {
  height: 25px;
}
.thin-menu-bars .menu-bar .nav-menus > li > a {
  padding: 1px 10px;
}

body:not(.binary):not(.flat-menus):not(.flat.auto-menus) .menu-bar > ul.nav-menus > li:not(.disabled).open > a {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.33);
}

.round-menus .menu-bar > .nav-menus > li > .dropdown-toggle,
.round.auto-corner-menus .menu-bar > .nav-menus > li > .dropdown-toggle {
  border-radius: 10px;
}

.rounded-menus .menu-bar > .nav-menus > li > .dropdown-toggle,
.rounded.auto-corner-menus .menu-bar > .nav-menus > li > .dropdown-toggle {
  border-radius: 7px;
}

.menus-attached .header-bar .menu-bar > .nav-menus > li > .dropdown-toggle {
  border-radius: 0 !important;
}

@media (max-width: 480px) {
  .menu-bar > ul.nav-menus > li > a i {
    display: none;
  }
  .menu-bar > ul.nav-menus > li.help {
    display: none;
  }
}
body[device=phone] .menu-bar, body[device=tablet] .menu-bar {
  text-align: center;
}

[browser=explorer] .menu-bar, [browser=edge] .menu-bar {
  max-height: 30px;
}

/******************************************************************************\
|                                                                              |
|                               _navs-bars.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.navbar {
  position: absolute;
  height: 100%;
  min-height: unset;
  border-radius: 0;
  border: none;
  margin-bottom: 0;
}
.navbar.shadowed {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.navbar .navbar-brand {
  min-width: 40px;
  height: 100%;
  padding: 0 10px;
  margin: auto;
  flex-shrink: 0;
}
.navbar .navbar-brand .brand {
  display: flex;
  width: min-content;
  height: 100%;
  cursor: pointer;
}
.navbar .navbar-brand .brand .logo {
  display: flex;
  height: 20px;
  max-height: 100%;
  margin: auto;
}
.navbar .navbar-brand .brand .logotype {
  display: inline-block;
  padding-top: 2px;
  margin: auto;
  overflow: hidden;
}
.navbar .navbar-brand .brand .logotype.round {
  border-radius: 30px;
}
.navbar .navbar-brand .brand .logotype.rounded {
  border-radius: 5px;
}
.navbar .navbar-brand .brand .logo + .logotype {
  margin-left: 5px;
}
.navbar .navbar-brand + .navbar-nav {
  flex-grow: 1;
}
.navbar .self .tile {
  float: left;
}
.navbar .self .tile + .name {
  margin-left: 5px;
  line-height: 25px;
}
.navbar .navbar-nav {
  display: flex;
  padding: 0;
}
.navbar .navbar-nav > li {
  display: flex;
  /*
  > .dropdown-menu {
  	margin-top: -1px;
  }
  */
}
.navbar .navbar-nav > li a {
  background: none;
}
.navbar .navbar-nav > li a:hover {
  background: none;
}
.navbar .navbar-nav > li .dropdown-toggle {
  background: none !important;
}
.navbar .navbar-nav > li.active a {
  cursor: default;
}
.navbar .navbar-nav > li.active a i, .navbar .navbar-nav > li.active a label {
  cursor: default;
}
.navbar .navbar-nav.apps:not(:empty) {
  padding: 0 5px;
  border-left: 1px dashed;
  border-right: 1px dashed;
}
.navbar .navbar-nav.apps > li {
  padding: 5px 0;
  margin: auto;
}
.navbar .navbar-nav.apps > li.current a {
  cursor: default;
}
.navbar .navbar-nav.apps > li.current a > i {
  filter: none !important;
}
.navbar .navbar-nav.apps > li.current a:hover {
  cursor: default;
}
.navbar .navbar-nav.apps > li.current a:hover > i {
  filter: none !important;
}
.navbar .navbar-nav.apps > li:not(.current) a {
  background: none !important;
  border-color: transparent !important;
}
.navbar .navbar-nav.apps > li > a {
  width: 25px;
  height: 25px;
  border-width: 1px;
  border-style: solid;
  padding: 0;
  margin: auto 5px;
  text-align: center;
}
.navbar .navbar-nav.apps > li > a i {
  margin: 0;
  line-height: 25px;
  margin-top: -1px;
  pointer-events: auto;
}
.navbar .navbar-nav > li > a {
  padding: 0 15px;
  margin: auto;
}
.navbar .navbar-nav > li > a > label {
  font-weight: normal;
  cursor: pointer;
  margin-bottom: 0;
}
.navbar .navbar-nav > li > a > i + label {
  margin-left: 5px;
}
.navbar .navbar-nav > li > a > i.fa-caret-down {
  margin-right: 0;
}
.navbar .navbar-nav > li > a > i + .badge {
  margin-left: -5px;
}
.navbar .navbar-collapse.collapse {
  display: flex !important;
  height: 100% !important;
  white-space: nowrap;
}
.navbar .navbar-right {
  display: flex;
  justify-content: flex-end;
  margin-left: 10px;
}
.navbar .navbar-right .profile-photo {
  display: inline-block;
  float: left;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-top: -3px;
  margin-right: 10px;
}
.navbar .navbar-right .storage-indicator .indicator {
  display: inline-flex;
  height: 15px;
}
.navbar .navbar-right .storage-indicator .indicator i {
  margin-right: 5px;
}
.navbar .navbar-right .storage-indicator .indicator .amount {
  line-height: 15px;
  margin-right: 5px;
}
.navbar .navbar-right .storage-indicator .indicator .bar {
  width: 50px;
  padding: 2px;
  margin: 1px;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
}
.navbar .navbar-right .storage-indicator .indicator .bar .inner {
  width: 0%;
  height: 7px;
  border-radius: 5px;
}
.navbar .navbar-right .buttons {
  margin-bottom: 0;
}
.navbar .navbar-right .navbar-form {
  display: flex;
  padding: 0;
  margin: 0;
  margin-right: 10px;
}
.navbar .navbar-right .navbar-form .buttons {
  margin: auto;
}
.navbar .navbar-right .navbar-form .buttons .btn {
  height: 30px;
  min-width: 30px;
  margin-bottom: 0;
}
.navbar .navbar-nav > li > a:active,
.navbar .navbar-nav > .active > a {
  outline: none;
  background-color: transparent;
}

.navbar-inverse {
  background-color: black;
}

body:not(.flat) .navbar .navbar-nav .indicator .bar .inner {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
body:not(.flat) .navbar .navbar-nav.apps > li.current a {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
}
body:not(.flat) .navbar .navbar-nav.apps > li.current a:hover {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.25);
}
body:not(.flat) .navbar .navbar-nav.apps > li:not(.current) a {
  box-shadow: none;
}
body:not(.flat) .navbar .navbar-nav.apps > li:not(.current) a:hover {
  box-shadow: none;
}

.nav.list .active {
  cursor: pointer;
}

.navbar-collapse {
  border-top: none;
}

.navbar-nav {
  margin: 0;
}

.round-buttons .navbar-nav.apps > li > a,
.round.auto-corner-buttons .navbar-nav.apps > li > a {
  border-radius: 15px;
}

.rounded-buttons .navbar-nav.apps > li > a,
.rounded.auto-corner-buttons .navbar-nav.apps > li > a {
  border-radius: 5px;
}

.square-buttons .navbar-nav.apps > li > a,
.square.auto-corner-buttons .navbar-nav.apps > li > a {
  border-radius: 0;
}

.navbar-collapse.collapse {
  display: block !important;
}

.navbar-nav > li, .navbar-nav {
  float: left !important;
}

.hide-header-icons .heading.navbar-nav li a > i {
  display: none;
}

@media (max-width: 768px) {
  .navbar .navbar-collapse {
    padding: 0;
  }
  .navbar .navbar-nav li {
    text-align: center;
  }
  .navbar .navbar-nav li > a {
    padding: 10px 7px;
  }
}
@media (max-width: 480px) {
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
  }
  .navbar .navbar-brand {
    text-align: center;
    flex-shrink: 0;
  }
  #header:not(.user-header) .navbar .logotype {
    display: none;
  }
}
@media (min-width: 1199px) {
  .navbar .nav.heading li {
    padding: 0 10px;
  }
}
body[device=phone] .navbar .navbar-nav.apps > li > a, body[device=tablet] .navbar .navbar-nav.apps > li > a {
  width: 50px;
}

/******************************************************************************\
|                                                                              |
|                                 _pagers.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.pager {
  margin: 0;
  line-height: 1.5em;
}
.pager .items-per-page input {
  padding: 0 5px;
  border-radius: 5px;
}
.pager .btn-group {
  display: inline-flex;
}
.pager .btn-group input {
  border-width: 2px;
  border-radius: 0;
  padding: 0 5px;
  text-align: center;
}
.pager .btn-group .num-pages {
  pointer-events: none;
}
.pager .toolbar {
  background: none !important;
}

@media (min-width: 767px) {
  .pager .items-per-page {
    float: left;
  }
  .pager .btn-group {
    float: right;
  }
}
/******************************************************************************\
|                                                                              |
|                             _progress-bars.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.progress {
  height: 8px;
  margin-bottom: 0;
  border-width: 1px;
  border-radius: 0;
}
.progress .bar {
  height: 8px;
  border-width: 1px;
  border-style: solid;
}

body.rounded .progress {
  border-radius: 2px;
}
body.rounded .progress .bar {
  border-radius: 2px;
}

body.round .progress {
  border-radius: 4px;
}
body.round .progress .bar {
  border-radius: 4px;
}

/******************************************************************************\
|                                                                              |
|                                _task-bars.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.footer-bar .handle-bar {
  flex-grow: 1;
}
.footer-bar .task-bar {
  display: flex;
  border: none;
}
.footer-bar .task-bar .pinned-items:not(:empty) {
  display: flex;
  float: left;
  height: 30px;
}
.footer-bar .task-bar .pinned-items:not(:empty) .apps {
  display: flex;
}
.footer-bar .task-bar .pinned-items:not(:empty) .apps .btn, .footer-bar .task-bar .pinned-items:not(:empty) .apps .btn.colored {
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin: 0;
}
.footer-bar .task-bar .pinned-items:not(:empty) .apps .btn i, .footer-bar .task-bar .pinned-items:not(:empty) .apps .btn.colored i {
  line-height: 25px;
}
.footer-bar .task-bar .task-list {
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
  pointer-events: auto;
}
.footer-bar .task-bar .task-list li {
  float: left;
  height: 31px;
  text-align: center;
  line-height: 30px;
  max-width: 200px;
  padding: 0 10px;
  margin-bottom: -1px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.footer-bar .task-bar .task-list li .icon {
  display: inline-block;
}
.footer-bar .task-bar .task-list li .icon i {
  font-size: 115%;
}
.footer-bar .task-bar .task-list li .title {
  font-size: 115%;
  font-weight: normal;
  display: inline;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border: 0;
}
.footer-bar .task-bar .task-list li .tooltip {
  visibility: hidden;
}

.spaces.is-draggable .footer-bar .handle-bar {
  padding: 4px 10px;
  min-width: 44px;
}
.spaces.is-draggable .footer-bar .handle-bar .handle {
  display: flex;
  flex-grow: 1;
  min-height: 22px;
}

.round .footer-bar .handle {
  border-radius: 10px;
}

.rounded .footer-bar .handle {
  border-radius: 5px;
}

.task-bar-minimized .footer-bar .run-menu .dropdown-toggle {
  width: 30px;
}
.task-bar-minimized .footer-bar .run-menu .dropdown-toggle span {
  display: none;
}
.task-bar-minimized .footer-bar .task-bar .task-list li {
  width: 30px;
  padding: 0;
}
.task-bar-minimized .footer-bar .task-bar .task-list li .title {
  display: none;
}
.task-bar-minimized .footer-bar .task-bar .task-list li .tooltip {
  visibility: visible;
  z-index: 2;
}

.round .desktop.app .task-bar .task-list li {
  border-radius: 15px;
}

.rounded .task-bar .task-list li {
  border-radius: 0.5em;
}

.square .task-bar .task-list li {
  border-radius: 0;
}

body[device=desktop] .task-bar {
  float: left;
}

body:not(.binary) .task-bar {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
body:not(.binary) .task-bar .task-list li {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.33);
}

@media (max-width: 480px) {
  .desktop .footer-bar .task-bar .task-list li {
    max-width: 100px;
  }
  .task-bar-minimized .desktop .footer-bar .task-bar .task-list li {
    min-width: 50px;
  }
}
/******************************************************************************\
|                                                                              |
|                               _scrollbars.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
@media (min-width: 480px) {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
  }
  ::-webkit-scrollbar-thumb {
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
  }
  .round-scrollbars ::-webkit-scrollbar-thumb,
  .round.auto-corner-scrollbars ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
  }
  .rounded-scrollbars ::-webkit-scrollbar-thumb,
  .rounded.auto-corner-scrollbars ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
  }
  .square-scrollbars ::-webkit-scrollbar-thumb,
  .square.auto-corner-scrollbars ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
  }
  .thin-scrollbars ::-webkit-scrollbar-thumb {
    border-width: 3px;
  }
  .thick-scrollbars ::-webkit-scrollbar-thumb {
    border-width: 0;
  }
}
/******************************************************************************\
|                                                                              |
|                               _run-menus.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
#desktop .footer-bar .run-menu .menu-bar {
  margin: 0;
}
#desktop .footer-bar .run-menu .menu-bar .dropup:not(.open) .items {
  display: none;
}
#desktop .footer-bar .run-menu .menu-bar .dropdown-toggle {
  display: inline-flex;
  justify-content: center;
  font-style: italic;
  font-weight: bold;
  height: 30px;
  padding: 0;
  border-width: 1px;
  border-bottom-width: 0;
  border-style: solid;
}
#desktop .footer-bar .run-menu .menu-bar .dropdown-toggle img.logo {
  height: 16px;
  margin: 6px;
}
#desktop .footer-bar .run-menu .menu-bar .dropdown-toggle i {
  display: inline-block !important;
  margin: 8px;
}
#desktop .footer-bar .run-menu .menu-bar .dropdown-toggle span {
  font-size: 115%;
  line-height: 30px;
  padding-right: 10px;
  margin: 0;
}
#desktop .footer-bar .run-menu .menu-bar .items {
  display: flex;
  position: absolute;
  bottom: 30px;
  cursor: default;
  pointer-events: none;
}
#desktop .footer-bar .run-menu .menu-bar .items > ul, #desktop .footer-bar .run-menu .menu-bar .items > div {
  position: absolute;
  display: block;
  z-index: 1500;
  bottom: 0;
  overflow-y: auto;
}
#desktop .footer-bar .run-menu .menu-bar .items .icon-grid, #desktop .footer-bar .run-menu .menu-bar .items .apps-list {
  position: relative;
  min-height: auto;
  max-height: 100%;
  margin: auto;
  margin-bottom: 0;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  pointer-events: auto;
}
#desktop .footer-bar .run-menu .menu-bar .items .icon-grid {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 0;
}
#desktop .footer-bar .run-menu .menu-bar .items .card-grid.apps-list {
  padding: 10px;
}
#desktop .footer-bar .run-menu .menu-bar .items .apps-list {
  padding: 0;
}
#desktop .footer-bar .run-menu .menu-bar .items .apps-list > li > a {
  padding: 0;
  margin: 3px;
}
#desktop .footer-bar .run-menu .menu-bar .items .divider {
  border: none;
}

#desktop.run-menu-icons .footer-bar .run-menu .card-grid, #desktop.run-menu-icons .footer-bar .run-menu .apps-list:not(.card-grid) {
  display: none !important;
}

#desktop.run-menu-cards .footer-bar .run-menu .app-icons, #desktop.run-menu-cards .footer-bar .run-menu .apps-list:not(.card-grid) {
  display: none !important;
}

#desktop.run-menu-lists .footer-bar .run-menu .app-icons, #desktop.run-menu-lists .footer-bar .run-menu .card-grid {
  display: none !important;
}

.round #desktop.auto-run-menu-corners .footer-bar .run-menu .menu-bar .dropdown-toggle,
#desktop.round-run-menus .footer-bar .run-menu .menu-bar .dropdown-toggle {
  border-radius: 15px;
}
.round #desktop.auto-run-menu-corners .footer-bar .run-menu .menu-bar .items .icon-grid, .round #desktop.auto-run-menu-corners .footer-bar .run-menu .menu-bar .items .dropdown-menu,
#desktop.round-run-menus .footer-bar .run-menu .menu-bar .items .icon-grid,
#desktop.round-run-menus .footer-bar .run-menu .menu-bar .items .dropdown-menu {
  border-radius: 10px;
}

.rounded #desktop .footer-bar .run-menu .menu-bar .dropdown-toggle {
  border-radius: 5px;
}
.rounded #desktop .footer-bar .run-menu .menu-bar .items .icon-grid, .rounded #desktop .footer-bar .run-menu .menu-bar .items .dropdown-menu {
  border-radius: 3px;
}

.square #desktop.auto-run-menu-corners .footer-bar .run-menu .menu-bar .dropdown-toggle,
#desktop.square-run-menus .footer-bar .run-menu .menu-bar .dropdown-toggle {
  border-radius: 0;
}
.square #desktop.auto-run-menu-corners .footer-bar .run-menu .menu-bar .items .icon-grid, .square #desktop.auto-run-menu-corners .footer-bar .run-menu .menu-bar .items .dropdown-menu,
#desktop.square-run-menus .footer-bar .run-menu .menu-bar .items .icon-grid,
#desktop.square-run-menus .footer-bar .run-menu .menu-bar .items .dropdown-menu {
  border-radius: 0;
}

#desktop.attached-run-menus .footer-bar .run-menu .menu-bar .dropdown-toggle {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
#desktop.attached-run-menus .footer-bar .run-menu .menu-bar .items {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
#desktop.attached-run-menus .footer-bar .run-menu .menu-bar .icon-grid, #desktop.attached-run-menus .footer-bar .run-menu .menu-bar .dropdown-menu {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#desktop.task-bar-centered .left.handle-bar {
  flex-shrink: 1;
  flex-grow: 2;
}
#desktop.task-bar-centered .run-menu {
  margin-left: auto;
}
#desktop.task-bar-centered .task-bar {
  margin-right: auto;
  flex-grow: 0;
}
#desktop.task-bar-centered .desktop-info-bar {
  min-width: calc(25% - 15px);
  justify-content: center;
  flex-shrink: 0;
}

#desktop:not(.task-bar-centered) .footer-bar .run-menu .icon-grid, #desktop:not(.task-bar-centered) .footer-bar .run-menu .dropdown-menu {
  margin-left: 0 !important;
}
#desktop:not(.task-bar-centered) .footer-bar .run-menu .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#desktop:not(.task-bar-centered) .footer-bar .left.handle-bar {
  display: none;
}

body[device=desktop] #desktop .footer-bar .run-menu .menu-bar .items .icon-grid,
body[device=tablet] #desktop .footer-bar .run-menu .menu-bar .items .icon-grid {
  width: 450px;
}
body[device=desktop] #desktop .footer-bar .run-menu .menu-bar .items .card-grid,
body[device=tablet] #desktop .footer-bar .run-menu .menu-bar .items .card-grid {
  width: 450px;
}
body[device=desktop] #desktop .footer-bar .run-menu .menu-bar .items .card-grid .cards,
body[device=tablet] #desktop .footer-bar .run-menu .menu-bar .items .card-grid .cards {
  column-count: 2;
}

body[device=phone] #desktop .footer-bar .run-menu .menu-bar .dropdown-toggle {
  min-width: 50px;
}
body[device=phone] #desktop .footer-bar .run-menu .menu-bar .items .icon-grid {
  width: 100%;
}

/******************************************************************************\
|                                                                              |
|                                 _tabs.scss                                   |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
ul.nav-tabs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  /*
  > li:only-child {
  	display: none;
  }
  */
}
ul.nav-tabs.tabs-attached {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-color: unset;
}
ul.nav-tabs:not(.tabs-attached) {
  border-bottom: none;
}
ul.nav-tabs > li {
  display: inline-block;
  border: none;
  margin-bottom: 0;
}
ul.nav-tabs > li > a {
  display: flex;
  height: 100%;
  padding: 0 5px;
  margin-bottom: 0;
  margin-right: 0;
  white-space: nowrap;
  justify-content: center;
  line-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.nav-tabs > li > a i {
  flex-shrink: 0;
  font-size: 14px;
  margin: auto 0;
  margin-right: 5px;
}
ul.nav-tabs > li > a .icon {
  display: flex;
  margin-right: 5px;
}
ul.nav-tabs > li > a .icon .thumbnail {
  width: 25px;
  height: 25px;
  margin: auto;
  background-size: cover;
}
ul.nav-tabs > li > a .name {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: auto 0;
}
ul.nav-tabs > li > a i.fa-times, ul.nav-tabs > li > a i.fa-xmark {
  font-size: 11px;
  line-height: 11px;
  width: 13px;
  height: 13px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  vertical-align: top;
  text-align: center;
  margin: auto 0;
  margin-left: 5px;
  margin-right: 0;
  display: none;
}
ul.nav-tabs > li > a label {
  display: inline-block;
  margin: 0;
  max-width: 200px;
  vertical-align: bottom;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.nav-tabs > li > a .badges {
  margin: auto 5px;
}
ul.nav-tabs > li > a, ul.nav-tabs > li > a:focus {
  border-width: 1px;
  border-style: solid;
  border-color: unset;
  outline: none;
}
ul.nav-tabs > li > a:hover, ul.nav-tabs > li > a:focus:hover {
  border-width: 1px;
  border-style: solid;
  border-color: unset;
  outline: none;
}
ul.nav-tabs > li:last-child > a {
  margin-right: 0;
}
ul.nav-tabs > li.active > a, ul.nav-tabs > li.active > a:focus {
  color: white;
  background: black;
  outline: none;
  border-color: black;
}
ul.nav-tabs > li.active > a i.fa-times, ul.nav-tabs > li.active > a i.fa-xmark, ul.nav-tabs > li.active > a:focus i.fa-times, ul.nav-tabs > li.active > a:focus i.fa-xmark {
  display: inline-block;
  cursor: pointer;
}
ul.nav-tabs > li.active > a:hover, ul.nav-tabs > li.active > a:focus:hover {
  color: white;
  background: black;
  outline: none;
  border-color: black;
}
ul.nav-tabs > li.active > a:hover i.fa-times, ul.nav-tabs > li.active > a:hover i.fa-xmark, ul.nav-tabs > li.active > a:focus:hover i.fa-times, ul.nav-tabs > li.active > a:focus:hover i.fa-xmark {
  display: inline-block;
  cursor: pointer;
}
ul.nav-tabs > li:not(.active) > a, ul.nav-tabs > li:not(.active) > a:focus {
  cursor: pointer;
}
ul.nav-tabs > li:not(.active) > a label, ul.nav-tabs > li:not(.active) > a:focus label {
  cursor: inherit;
}
ul.nav-tabs > li:not(.active) > a:hover, ul.nav-tabs > li:not(.active) > a:focus:hover {
  cursor: pointer;
}
ul.nav-tabs > li:not(.active) > a:hover label, ul.nav-tabs > li:not(.active) > a:focus:hover label {
  cursor: inherit;
}
ul.nav-tabs.compact > li > a {
  padding: 5px 0;
  margin-right: 0;
}

.round-tabs ul.nav-tabs > li > a,
.round.auto-corner-tabs ul.nav-tabs > li > a {
  border-radius: 10px;
}
.round-tabs ul.nav-tabs > li > a i,
.round.auto-corner-tabs ul.nav-tabs > li > a i {
  border-radius: 6.5px;
}
.round-tabs ul.nav-tabs > li > a .icon .thumbnail,
.round.auto-corner-tabs ul.nav-tabs > li > a .icon .thumbnail {
  border-radius: 7px;
}

.rounded-tabs ul.nav-tabs > li > a,
.rounded.auto-corner-tabs ul.nav-tabs > li > a {
  border-radius: 5px;
}
.rounded-tabs ul.nav-tabs > li > a i,
.rounded.auto-corner-tabs ul.nav-tabs > li > a i {
  border-radius: 3px;
}
.rounded-tabs ul.nav-tabs > li > a .icon .thumbnail,
.rounded.auto-corner-tabs ul.nav-tabs > li > a .icon .thumbnail {
  border-radius: 3px;
}

.square-tabs ul.nav-tabs > li > a,
.square.auto-corner-tabs ul.nav-tabs > li > a {
  border-radius: 0;
}
.square-tabs ul.nav-tabs > li > a i,
.square.auto-corner-tabs ul.nav-tabs > li > a i {
  border-radius: 0;
}
.square-tabs ul.nav-tabs > li > a .icon .thumbnail,
.square.auto-corner-tabs ul.nav-tabs > li > a .icon .thumbnail {
  border-radius: 0;
}

.left-tabs div:not(.tabs.vertical) > ul.nav-tabs > li:last-child, .left-tabs form > ul.nav-tabs > li:last-child, .center-tabs div:not(.tabs.vertical) > ul.nav-tabs > li:last-child, .center-tabs form > ul.nav-tabs > li:last-child {
  margin-right: auto;
}

.right-tabs div:not(.tabs.vertical) > ul.nav-tabs > li:first-child, .right-tabs form > ul.nav-tabs > li:first-child, .center-tabs div:not(.tabs.vertical) > ul.nav-tabs > li:first-child, .center-tabs form > ul.nav-tabs > li:first-child {
  margin-left: auto;
}

.tabs-attached div:not(.tabs.vertical) > ul.nav-tabs > li > a, .tabs-attached form > ul.nav-tabs > li > a,
.tabs-attached.auto-corner-tabs div:not(.tabs.vertical) > ul.nav-tabs > li > a,
.tabs-attached.auto-corner-tabs form > ul.nav-tabs > li > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

body.tabs-attached :not(.vertical) > ul.nav-tabs {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
body.tabs-attached :not(.vertical) > ul.nav-tabs > li {
  margin-bottom: 0;
}
body.tabs-attached :not(.vertical) > ul.nav-tabs > li a {
  border-bottom: none;
}

body.tabs-expandable :not(.vertical) > ul.nav-tabs > li {
  min-width: 10%;
  max-width: 33.33%;
  flex-grow: 1;
  text-align: center;
}
body.tabs-expandable.center-tabs :not(.vertical) > ul.nav-tabs > li {
  margin: auto;
}

body.tabs-expandable :not(.vertical) > ul.nav-tabs.auto-width > li {
  min-width: none !important;
  max-width: none !important;
}

body.tab-margins ul.nav-tabs > li + li {
  padding-left: 2px;
}

body:not(.tab-margins):not(.tabs-minimal) :not(.vertical) > ul.nav-tabs > li:not(:last-child) > a {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body:not(.tab-margins):not(.tabs-minimal) :not(.vertical) > ul.nav-tabs > li:not(:first-child) > a {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

body:not(.binary):not(.flat-tabs):not(.flat.auto-tabs).tabs-minimal ul.nav-tabs > li.active > a[role=tab] {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.33);
}
body:not(.binary):not(.flat-tabs):not(.flat.auto-tabs):not(.tabs-minimal) ul.nav-tabs > li > a[role=tab] {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.33);
}

:not(.menu-bar):not(.button-bar) > .nav-tabs.flush {
  min-height: 29px;
  margin-bottom: 0;
  border-bottom-width: 1px;
}

.nav-tabs.inset {
  border: none;
}

.tabbed-content {
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
}
.tabbed-content > .tabs ul {
  max-height: 91px;
  overflow: auto;
}
.tabbed-content > .tab-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.tabbed-content > .tab-content > .toolbar {
  position: absolute;
}
.tabbed-content > .tab-content .panes {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.tabbed-content > .tab-content .panes .tab-pane {
  position: relative;
  width: 100%;
  height: 100%;
}
.tabbed-content > .tab-content .panes .tab-pane:not(.active) {
  width: 0;
  height: 0;
}
.tabbed-content > .tab-content > .tab-pane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 480px) {
  ul.nav-tabs.collapsed-xs > li > a i {
    margin-left: 5px;
  }
  ul.nav-tabs.collapsed-xs > li > a span {
    display: none;
  }
}
body[device=desktop].hide-tab-icons ul.nav-tabs > li > a[role=tab] i:not(.fa-times):not(.fa-xmark) {
  display: none;
}

body[device=desktop].tabs-expandable :not(.vertical) > ul.nav-tabs > li {
  max-width: 33.33%;
}

body[device=phone] ul.nav-tabs > li > a, body[device=tablet] ul.nav-tabs > li > a {
  padding: 5px;
}
body[device=phone].tabs-expandable :not(.vertical) > ul.nav-tabs > li, body[device=tablet].tabs-expandable :not(.vertical) > ul.nav-tabs > li {
  max-width: 50%;
}

/******************************************************************************\
|                                                                              |
|                              _tabs-minimal.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.tabs-minimal ul.nav-tabs > li:not(.active) > a {
  background: transparent !important;
  border-color: transparent !important;
}
.tabs-minimal ul.nav-tabs > li:not(.active) > a:hover {
  background: transparent !important;
  border-color: transparent !important;
}

/******************************************************************************\
|                                                                              |
|                              _tabs-vertical.scss                             |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.tabs.vertical {
  display: flex;
}
.tabs.vertical > ul.nav-tabs {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  border-bottom: none;
}
.tabs.vertical > ul.nav-tabs li {
  white-space: nowrap;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  margin-bottom: 5px;
}
.tabs.vertical > ul.nav-tabs li > a {
  display: block;
  text-decoration: none;
}
.tabs.vertical > ul.nav-tabs li > a i {
  max-width: 14px;
}
.tabs.vertical > ul.nav-tabs li + .tooltip {
  display: none !important;
}
.tabs.vertical > .tab-content {
  display: flex;
  flex-grow: 1;
}
.tabs.vertical > .tab-content > .tab-pane {
  flex-grow: 1;
  height: 100%;
}
.tabs.vertical > .tab-content > .tab-pane .panel {
  width: 100%;
  height: 100%;
}

.round-tabs .tabs.vertical > ul.nav-tabs > li > a,
.round.auto-corner-tabs .tabs.vertical > ul.nav-tabs > li > a {
  border-radius: 10px;
}
.round-tabs:not(.tabs-attached) .tabs.vertical > ul.nav-tabs > li > a,
.round.auto-corner-tabs:not(.tabs-attached) .tabs.vertical > ul.nav-tabs > li > a {
  border-radius: 10px;
}

.rounded-tabs .tabs.vertical > ul.nav-tabs > li > a,
.rounded.auto-corner-tabs .tabs.vertical > ul.nav-tabs > li > a {
  border-radius: 5px;
}

.square-tabs .tabs.vertical > ul.nav-tabs > li > a,
.square.auto-corner-tabs .tabs.vertical > ul.nav-tabs > li > a {
  border-radius: 0;
}

.tabs-attached .tabs.vertical > ul.nav-tabs > li > a,
.tabs-attached.auto-corner-tabs .tabs.vertical > ul.nav-tabs > li > a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}

body:not(.tabs-attached) .tabs.vertical > ul.nav-tabs {
  margin-right: 10px;
}

body[device=phone] .tabs.vertical > ul.nav-tabs > li > a i, body[device=tablet] .tabs.vertical > ul.nav-tabs > li > a i {
  display: inline-block;
  margin: 5px;
}
body[device=phone] .tabs.vertical > ul.nav-tabs > li > a label, body[device=tablet] .tabs.vertical > ul.nav-tabs > li > a label {
  display: none;
}

/******************************************************************************\
|                                                                              |
|                                _tooltips.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.tooltip {
  font-size: 75%;
  pointer-events: none;
}
.tooltip.in {
  opacity: 1;
}
.tooltip .tooltip-inner {
  overflow: hidden;
  text-overflow: ellipsis;
}
.tooltip.permanant {
  z-index: 0;
}

.round .tooltip .tooltip-inner {
  border-radius: 5px;
}

.rounded .tooltip .tooltip-inner {
  border-radius: 3px;
}

.square .tooltip .tooltip-inner {
  border-radius: 0;
}

body[device=phone], body[device=tablet] {
  /*
  button + .tooltip,
  li + .tooltip {
  	display: none !important;
  }
  */
}
body[device=phone] .tooltip, body[device=tablet] .tooltip {
  display: none !important;
}

/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                             _annotations.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
svg.viewport.unannotated .annotation {
  display: none;
}
svg.viewport .annotation text, svg.viewport .dimensioning text {
  font-size: 13px;
  font-weight: bold;
  text-anchor: middle;
  dominant-baseline: middle;
  opacity: 1;
  stroke: none;
  fill: initial;
}
svg.viewport .line, svg.viewport .arc, svg.viewport .arrow {
  fill: none;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  fill: none;
}
svg.viewport .line path, svg.viewport .arc path, svg.viewport .arrow path {
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  fill: none;
}
svg.viewport path.line {
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  fill: none;
}
svg.viewport .dimensioning {
  stroke-dasharray: 5;
}
svg.viewport .arc {
  fill: none;
}
svg.viewport .dotted {
  stroke-dasharray: 2, 2;
}
svg.viewport text {
  filter: url(#white-background);
}

/*
.animating {
	.annotation {
		display: none;
	}
}
*/
body.binary .viewport.dark text, body.binary.dark .viewport.auto text {
  fill: white;
  filter: url(#black-background);
}

body:not(.binary) .viewport.dark text, body:not(.binary).dark .viewport.auto text {
  fill: white;
  filter: url(#dark-background);
}
body:not(.binary) .viewport.dark.colored text, body:not(.binary).dark .viewport.auto.colored text {
  fill: white;
  filter: url(#dark-colored-background);
}

/******************************************************************************\
|                                                                              |
|                               _arrows.scss                                   |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
svg.viewport .arrow {
  marker-end: url(#arrow-end);
}
svg.viewport .arrow.reverse {
  marker-start: url(#arrow-start);
  marker-end: none;
}
svg.viewport .arrow.double {
  marker-start: url(#arrow-start);
}
svg.viewport .arrow .background {
  stroke-width: 1em;
  marker-start: none;
  marker-end: none;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: none;
}
svg.viewport #arrow-start.filled, svg.viewport #arrow-end.filled {
  fill: black;
  stroke: none;
}
svg.viewport #arrow-start.stroked, svg.viewport #arrow-end.stroked {
  fill: none;
  stroke: black;
  stroke-width: 2;
}
svg.viewport.light #arrow-start.filled, svg.viewport.light #arrow-end.filled {
  fill: white;
  stroke: none;
}
svg.viewport.light #arrow-start.stroked, svg.viewport.light #arrow-end.stroked {
  fill: none;
  stroke: white;
}

/******************************************************************************\
|                                                                              |
|                                    _axes.scss                                |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG CSS element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
svg.viewport .axis {
  stroke-width: 1;
  stroke-opacity: 0.5;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 5, 5;
}

/******************************************************************************\
|                                                                              |
|                                   _filters.scss                              |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG CSS element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
body.binary svg.viewport .shadow {
  display: none !important;
}

body:not(.binary) svg.viewport .shadow {
  stroke: none;
  fill: none;
  pointer-events: none;
  opacity: 0.25;
}
body:not(.binary) svg.viewport.unshadowed .shadow {
  display: none !important;
}
body:not(.binary) svg.viewport .shadow {
  filter: url(#colored-shadow);
}
body:not(.binary) svg.viewport .softish.shadow {
  filter: url(#colored-softish-shadow);
}
body:not(.binary) svg.viewport .soft.shadow {
  filter: url(#colored-soft-shadow);
}
body:not(.binary) svg.viewport .softer.shadow {
  filter: url(#colored-softer-shadow);
}
body:not(.binary) svg.viewport .drop-shadowed {
  filter: url(#drop-shadowed);
}
body:not(.binary) svg.viewport .glowing {
  filter: url(#glowing);
}
body:not(.binary) svg.viewport .lightly.glowing {
  filter: url(#lightly-glowing);
}
body:not(.binary) svg.viewport .strongly.glowing {
  filter: url(#strongly-glowing);
}
body:not(.binary) svg.viewport .bright {
  filter: brightness(2);
}
body:not(.binary) svg.viewport .normal {
  filter: url(#normal);
}
body:not(.binary) svg.viewport .multiply {
  filter: url(#multiply);
}
body:not(.binary) svg.viewport .screen {
  filter: url(#screen);
}
body:not(.binary) svg.viewport .darken {
  filter: url(#darken);
}
body:not(.binary) svg.viewport .lighten {
  filter: url(#lighten);
}
body:not(.binary) .viewport.dark .shadow, body:not(.binary).dark .viewport.auto .shadow {
  filter: url(#shadow);
}
body:not(.binary) .viewport.dark .softish.shadow, body:not(.binary).dark .viewport.auto .softish.shadow {
  filter: url(#softish-shadow);
}
body:not(.binary) .viewport.dark .soft.shadow, body:not(.binary).dark .viewport.auto .soft.shadow {
  filter: url(#soft-shadow);
}
body:not(.binary) .viewport.dark .softer.shadow, body:not(.binary).dark .viewport.auto .softer.shadow {
  filter: url(#softer-shadow);
}

@-moz-document url-prefix() {
  svg .colored.shadow {
    opacity: 0.25;
  }
}
/******************************************************************************\
|                                                                              |
|                                  _grids.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG CSS element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
svg .grid {
  pointer-events: none;
}
svg pattern svg path {
  opacity: 0.5;
  fill: none;
}

/******************************************************************************\
|                                                                              |
|                                _markers.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG CSS element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
svg.viewport svg.marker {
  overflow: visible;
  pointer-events: auto;
}
svg.viewport svg.marker svg {
  overflow: visible;
}
svg.viewport svg.marker .stroked {
  stroke: black;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
svg.viewport svg.marker.selected {
  fill: var(--primary-color);
}
svg.viewport svg.marker.outlined {
  stroke-width: 1.5;
}
svg.viewport svg.marker.outlined svg {
  overflow: visible;
}
svg.viewport svg.marker.transparent.outlined:not(:hover):not(.selected) {
  fill-opacity: 0.5;
}
svg.viewport svg.marker.unhighlightable {
  pointer-events: none;
}
svg.viewport svg.marker.draggable {
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
svg.viewport svg.marker.draggable.vertically {
  cursor: ns-resize;
}
svg.viewport svg.marker.draggable.horizontally {
  cursor: ew-resize;
}

.viewport.dark svg.marker .stroked,
.dark .viewport.auto svg.marker .stroked {
  stroke: white;
}

/******************************************************************************\
|                                                                              |
|                                  _svg.scss                                   |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the dom and svg visual styles for this application.      |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
svg.defs {
  position: fixed;
  width: 0;
  height: 0;
  pointer-events: none;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
}
svg .selection {
  pointer-events: none;
  vector-effect: non-scaling-stroke;
  fill-opacity: 0.25;
}

/******************************************************************************\
|                                                                              |
|                                _viewports.scss                               |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines the SVG CSS element styles for this application.         |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
.viewport {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
.viewport.unclickable .marker {
  pointer-events: none;
}

/******************************************************************************\
|                                                                              |
|                                  _index.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/
/******************************************************************************\
|                                                                              |
|                                  styles.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/

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