@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap");/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.set-rounded .cropper-face,
.set-rounded .cropper-view-box {
  border-radius: 50% !important;
}

.cropper-view-box {
  outline: 0;
  box-shadow: 0 0 0 1px #39f;
}.navigation-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  overflow-y: auto;
}

.navigation-left {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

.navigation-right {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
}

.navigation-item {
  display: inline-flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  border-radius: 15px !important;
  padding: 0.25rem .75rem;
  margin: 0.125rem;
  background-color: transparent;
  color: black;
  font-weight: 600;
  font-size: 15pt;
  max-width: 300px;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}

.navigation-item:hover {
  background-color: rgb(202, 202, 202);
  ;
  color: black
}

.navigation-item.active {
  background-color: var(--palette-light-primary);
  color: var(--palette-light-primary-text);
}

.navigation-item:hover.active {
  background-color: var(--palette-primary);
  color: var(--palette-primary-text);
}

.folder-file-container {
  display: flex;
  width: 100%;
  flex: 1 1 auto !important;
  border: 1px dashed silver;
  flex-direction: column;
  position: relative;
  overflow-x: auto;
  padding-bottom: 200px!important;
}

.folder-file-container.drag-over {
  border: 1px dashed var(--palette-primary);
  background-color: rgba(var(--palette-rgb-light-primary), 0.3);
}

.folder-file-container.drag-over::after {
  position: absolute;
  content: "Rilascia per caricare";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--palette-primary);
  font-weight: 600;
}

.ff-loading-container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 2rem;
}

.ff-container {
  display: none;
}

.ff-container.active {
  display: block;
}

.p05 {
  padding: .125rem;
}

.ff-grid-item {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  border-radius: 15px !important;
  padding: 0.25rem .75rem;
  background-color: transparent;
  color: black;
  font-weight: 600;
  font-size: 15pt;
  margin: .125rem;
  width: 100%;
  text-decoration: none;
  border: 1px solid rgb(202, 202, 202);
  ;

}

.ff-grid-item i {
  font-size: 20pt;
  margin-right: 0.5rem;
}

.ff-grid-item:hover {
  background-color: rgb(202, 202, 202);
  ;
  color: black
}

.ff-list-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  border-radius: 0px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  padding: 0.25rem .75rem;
  background-color: transparent;
  color: black;
  font-weight: 600;
  font-size: 15pt;
  text-decoration: none;
}

.ff-list-item:not(.static):hover {
  background-color: rgb(202, 202, 202);
  color: black
}

.ff-list-item .ff-info {
  width: calc(100% - 80px - 160px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

.ff-list-item .ff-info i {
  font-size: 20pt;
  margin-right: 0.5rem;
}


.ff-list-item .ff-file {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  width: 100%;
}
.ff-list-item .ff-tags {
  margin-top: 0.25rem;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.ff-tag {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5px !important;
  padding-top: .125rem;
  padding-bottom: .125rem;
  padding-left: .25rem;
  padding-right: .25rem;
  background-color: rgb(205 230 255);
  color: rgb(0, 0, 0);
  margin: .125rem;
  font-size: 10pt;
}

.ff-ext,
.ff-time {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;

}

.ff-ext {
  width: 80px;
  font-size: 12pt;
}

.ff-time {
  width: 160px;
  font-size: 12pt;
}

.ff-item {
  max-width: 2000px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ff-title {
  display: inline-flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

.ff-info:not(.static),
.ff-ext:not(.static) {
  position: relative;
}

.ff-info:not(.static)::after,
.ff-ext:not(.static)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: silver;
}
.absolute-no-select, .absolute-no-select * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
}/* primary */
.bg-primary-dark {
    background-color: var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary-text) !important;
}

.bg-primary {
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.bg-primary-light {
    background-color: var(--palette-light-primary) !important;
    color: var(--palette-light-primary-text) !important;
}

/* accent */
.bg-accent-dark {
    background-color: var(--palette-dark-accent) !important;
    color: var(--palette-dark-accent-text) !important;
}

.bg-accent {
    background-color: var(--palette-accent) !important;
    color: var(--palette-accent-text) !important;
}

.bg-accent-light {
    background-color: var(--palette-light-accent) !important;
    color: var(--palette-light-accent-text) !important;
}

/* success */
.bg-success-dark {
    background-color: var(--palette-dark-success) !important;
    color: var(--palette-dark-success-text) !important;
}

.bg-success {
    background-color: var(--palette-success) !important;
    color: var(--palette-success-text) !important;
}

.bg-success-light {
    background-color: var(--palette-light-success) !important;
    color: var(--palette-light-success-text) !important;
}

/* warning */
.bg-warning-dark {
    background-color: var(--palette-dark-warning) !important;
    color: var(--palette-dark-warning-text) !important;
}

.bg-warning {
    background-color: var(--palette-warning) !important;
    color: var(--palette-warning-text) !important;
}

.bg-warning-light {
    background-color: var(--palette-light-warning) !important;
    color: var(--palette-light-warning-text) !important;
}

/* error */
.bg-error-dark {
    background-color: var(--palette-dark-error) !important;
    color: var(--palette-dark-error-text) !important;
}

.bg-error {
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.bg-error-light {
    background-color: var(--palette-light-error) !important;
    color: var(--palette-light-error-text) !important;
}

/* info */
.bg-info-dark {
    background-color: var(--palette-dark-info) !important;
    color: var(--palette-dark-info-text) !important;
}

.bg-info {
    background-color: var(--palette-info) !important;
    color: var(--palette-info-text) !important;
}

.bg-info-light {
    background-color: var(--palette-light-info) !important;
    color: var(--palette-light-info-text) !important;
}

/* read */
.bg-read-dark {
    background-color: var(--palette-dark-read) !important;
    color: var(--palette-dark-read-text) !important;
}

.bg-read {
    background-color: var(--palette-read) !important;
    color: var(--palette-read-text) !important;
}

.bg-read-light {
    background-color: var(--palette-light-read) !important;
    color: var(--palette-light-read-text) !important;
}

/* settings */
.bg-settings-dark {
    background-color: var(--palette-dark-settings) !important;
    color: var(--palette-dark-settings-text) !important;
}

.bg-settings {
    background-color: var(--palette-settings) !important;
    color: var(--palette-settings-text) !important;
}

.bg-settings-light {
    background-color: var(--palette-light-settings) !important;
    color: var(--palette-light-settings-text) !important;
}

/* alarm */
.bg-alarm-dark {
    background-color: var(--palette-dark-alarm) !important;
    color: var(--palette-dark-alarm-text) !important;
}

.bg-alarm {
    background-color: var(--palette-alarm) !important;
    color: var(--palette-alarm-text) !important;
}

.bg-alarm-light {
    background-color: var(--palette-light-alarm) !important;
    color: var(--palette-light-alarm-text) !important;
}

/* event */

.bg-event-dark {
    background-color: var(--palette-dark-event) !important;
    color: var(--palette-dark-event-text) !important;
}

.bg-event {
    background-color: var(--palette-event) !important;
    color: var(--palette-event-text) !important;
}

.bg-event-light {
    background-color: var(--palette-light-event) !important;
    color: var(--palette-light-event-text) !important;
}

/* white */
.bg-white-dark {
    background-color: var(--palette-dark-white) !important;
    color: var(--palette-dark-white-text) !important;
}

.bg-white {
    background-color: var(--palette-white) !important;
    color: var(--palette-white-text) !important;
}

.bg-white-light {
    background-color: var(--palette-light-white) !important;
    color: var(--palette-light-white-text) !important;
}


/* white */
.bg-light-dark {
    background-color: var(--palette-dark-light) !important;
    color: var(--palette-dark-light-text) !important;
}

.bg-light {
    background-color: var(--palette-light) !important;
    color: var(--palette-light-text) !important;
}

.bg-light-light {
    background-color: var(--palette-light-light) !important;
    color: var(--palette-light-light-text) !important;
}


/* primary */
.bg-rgba-primary-dark {
    background-color: rgba(var(--palette-rgb-primary-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-primary-text) !important;
}

.bg-rgba-primary {
    background-color: rgba(var(--palette-rgb-primary), var(--bg-rgba-alpha)) !important;
    color: var(--palette-primary-text) !important;
}

.bg-rgba-primary-light {
    background-color: rgba(var(--palette-rgb-primary-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-primary-text) !important;
}

/* accent */
.bg-rgba-accent-dark {
    background-color: rgba(var(--palette-rgb-accent-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-accent-text) !important;
}

.bg-rgba-accent {
    background-color: rgba(var(--palette-rgb-accent), var(--bg-rgba-alpha)) !important;
    color: var(--palette-accent-text) !important;
}

.bg-rgba-accent-light {
    background-color: rgba(var(--palette-rgb-accent-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-accent-text) !important;
}

/* success */
.bg-rgba-success-dark {
    background-color: rgba(var(--palette-rgb-success-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-success-text) !important;
}

.bg-rgba-success {
    background-color: rgba(var(--palette-rgb-success), var(--bg-rgba-alpha)) !important;
    color: var(--palette-success-text) !important;
}

.bg-rgba-success-light {
    background-color: rgba(var(--palette-rgb-success-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-success-text) !important;
}

/* warning */
.bg-rgba-warning-dark {
    background-color: rgba(var(--palette-rgb-warning-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-warning-text) !important;
}

.bg-rgba-warning {
    background-color: rgba(var(--palette-rgb-warning), var(--bg-rgba-alpha)) !important;
    color: var(--palette-warning-text) !important;
}

.bg-rgba-warning-light {
    background-color: rgba(var(--palette-rgb-warning-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-warning-text) !important;
}

/* error */
.bg-rgba-error-dark {
    background-color: rgba(var(--palette-rgb-error-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-error-text) !important;
}

.bg-rgba-error {
    background-color: rgba(var(--palette-rgb-error), var(--bg-rgba-alpha)) !important;
    color: var(--palette-error-text) !important;
}

.bg-rgba-error-light {
    background-color: rgba(var(--palette-rgb-error-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-error-text) !important;
}

/* info */
.bg-rgba-info-dark {
    background-color: rgba(var(--palette-rgb-info-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-info-text) !important;
}

.bg-rgba-info {
    background-color: rgba(var(--palette-rgb-info), var(--bg-rgba-alpha)) !important;
    color: var(--palette-info-text) !important;
}

.bg-rgba-info-light {
    background-color: rgba(var(--palette-rgb-info-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-info-text) !important;
}

/* read */
.bg-rgba-read-dark {
    background-color: rgba(var(--palette-rgb-read-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-read-text) !important;
}

.bg-rgba-read {
    background-color: rgba(var(--palette-rgb-read), var(--bg-rgba-alpha)) !important;
    color: var(--palette-read-text) !important;
}

.bg-rgba-read-light {
    background-color: rgba(var(--palette-rgb-read-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-read-text) !important;
}

/* settings */
.bg-rgba-settings-dark {
    background-color: rgba(var(--palette-rgb-settings-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-settings-text) !important;
}

.bg-rgba-settings {
    background-color: rgba(var(--palette-rgb-settings), var(--bg-rgba-alpha)) !important;
    color: var(--palette-settings-text) !important;
}

.bg-rgba-settings-light {
    background-color: rgba(var(--palette-rgb-settings-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-settings-text) !important;
}

/* alarm */
.bg-rgba-alarm-dark {
    background-color: rgba(var(--palette-rgb-alarm-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-alarm-text) !important;
}

.bg-rgba-alarm {
    background-color: rgba(var(--palette-rgb-alarm), var(--bg-rgba-alpha)) !important;
    color: var(--palette-alarm-text) !important;
}

.bg-rgba-alarm-light {
    background-color: rgba(var(--palette-rgb-alarm-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-alarm-text) !important;
}

/* event */
.bg-rgba-event-dark {
    background-color: rgba(var(--palette-rgb-event-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-event-text) !important;
}

.bg-rgba-event {
    background-color: rgba(var(--palette-rgb-event), var(--bg-rgba-alpha)) !important;
    color: var(--palette-event-text) !important;
}

.bg-rgba-event-light {
    background-color: rgba(var(--palette-rgb-event-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-event-text) !important;
}


/* white */
.bg-rgba-white-dark {
    background-color: rgba(var(--palette-rgb-white-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-white-text) !important;
}

.bg-rgba-white {
    background-color: rgba(var(--palette-rgb-white), var(--bg-rgba-alpha)) !important;
    color: var(--palette-white-text) !important;
}

.bg-rgba-white-light {
    background-color: rgba(var(--palette-rgb-white-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-white-text) !important;
}
/* light */
.bg-rgba-light-dark {
    background-color: rgba(var(--palette-rgb-light-dark), var(--bg-rgba-alpha)) !important;
    color: var(--palette-dark-light-text) !important;
}

.bg-rgba-light {
    background-color: rgba(var(--palette-rgb-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-text) !important;
}

.bg-rgba-light-light {
    background-color: rgba(var(--palette-rgb-light-light), var(--bg-rgba-alpha)) !important;
    color: var(--palette-light-light-text) !important;
}





/* Alpha */
.bg-rgba-alpha-0 {
    --bg-rgba-alpha: 0 !important;
}

.bg-rgba-alpha-01 {
    --bg-rgba-alpha: 0.1 !important;
}

.bg-rgba-alpha-02 {
    --bg-rgba-alpha: 0.2 !important;
}

.bg-rgba-alpha-03 {
    --bg-rgba-alpha: 0.3 !important;
}

.bg-rgba-alpha-04 {
    --bg-rgba-alpha: 0.4 !important;
}

.bg-rgba-alpha-05 {
    --bg-rgba-alpha: 0.5 !important;
}

.bg-rgba-alpha-06 {
    --bg-rgba-alpha: 0.6 !important;
}

.bg-rgba-alpha-07 {
    --bg-rgba-alpha: 0.7 !important;
}

.bg-rgba-alpha-08 {
    --bg-rgba-alpha: 0.8 !important;
}

.bg-rgba-alpha-09 {
    --bg-rgba-alpha: 0.9 !important;
}

.bg-rgba-alpha-1 {
    --bg-rgba-alpha: 1 !important;
}


.bg-none {
    background-color: transparent !important;
}

.bg-palette-body {
    background-color: var(--palette-body-background);
  }
  .btn {
    background-color: transparent !important;
    position: relative !important;
    overflow: hidden;
    background-position: center;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    text-decoration: none;
    padding: 0.5rem 1rem;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    outline: 0;
    border: 0;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn.round:not(.square):not(.sm):not(.lg) {
    border-radius: 25px !important;
}

.btn.round:not(.square).sm:not(.lg) {
    border-radius: 15px !important;
}

.btn.round:not(.square).lg:not(.sm) {
    border-radius: 35px !important;
}

.btn:not(.link):not(.sm) {
    text-shadow: 1px 1px 2px #000000;
}

.btn.link:not(.sm) {
    text-shadow: 1px 1px 1px #000000;
}


.btn:hover {
    text-shadow: 0px 0px 2px #000000;
}

.btn.sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}


.btn.lg {
    padding: 0.75rem 1.5rem;
    font-size: 1.5rem;
}

/* sm */
@media (min-width: 576px) {
    .btn-sm-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }

    .btn-sm-lg {
        padding: 0.75rem 1.5rem;
        font-size: 1.5rem;
    }

    .btn-sm-normal {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
}

/* md */
@media (min-width: 768px) {
    .btn-md-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }

    .btn-md-lg {
        padding: 0.75rem 1.5rem;
        font-size: 1.5rem;
    }

    .btn-md-normal {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
}

/* lg */
@media (min-width: 992px) {
    .btn-lg-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }

    .btn-lg-lg {
        padding: 0.75rem 1.5rem;
        font-size: 1.5rem;
    }

    .btn-lg-normal {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
}

/* xl */
@media (min-width: 1200px) {
    .btn-xl-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }

    .btn-xl-lg {
        padding: 0.75rem 1.5rem;
        font-size: 1.5rem;
    }

    .btn-xl-normal {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
}

/* xxl */
@media (min-width: 1400px) {
    .btn-xxl-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }

    .btn-xxl-lg {
        padding: 0.75rem 1.5rem;
        font-size: 1.5rem;
    }

    .btn-xxl-normal {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
}


.btn.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.btn.transparent {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

.btn.bicon {
    padding: 0px !important;
    white-space: nowrap !important;
}

.btn.bicon-start {
    padding-right: 1rem !important;
    padding-left: 0px !important;
    display: inline-flex !important;
    justify-content: start !important;
    align-items: center !important;
}

.btn.sm.bicon-start {
    padding-right: 0.5rem !important;
    padding-left: 0px !important;
}

.btn.lg.bicon-start {
    padding-right: 1.5rem !important;
    padding-left: 0px !important;
}

.btn.bicon-end {
    padding-left: 1rem !important;
    padding-right: 0px !important;
    display: inline-flex !important;
    justify-content: end !important;
    align-items: center !important;
    /* d-inline-flex justify-content-start align-items-center */
}

.btn.bicon span {
    width: 100%;
    display: inline-flex !important;
    justify-content: center;
    align-items: center !important;
}

.btn.bicon span.start {
    justify-content: start !important;
}

.btn.bicon span.end {
    justify-content: end !important;
}

.btn.sm.bicon-end {
    padding-left: 0.5rem !important;
    padding-right: 0px !important;
}

.btn.lg.bicon-end {
    padding-left: 1.5rem !important;
    padding-right: 0px !important;
}

.btn.bicon>i {
    padding: 1rem !important;
    margin: 0px !important;
}

.btn.bicon-end>i {
    margin-left: 1rem !important;
}

.btn.bicon-start>i {
    margin-right: 1rem !important;
}

.btn.sm.bicon-end>i {
    margin-left: 0.5rem !important;
}

.btn.sm.bicon-start>i {
    margin-right: 0.5rem !important;
}

.btn.lg.bicon-end>i {
    margin-left: 1.5rem !important;
}

.btn.lg.bicon-start>i {
    margin-right: 1.5rem !important;
}


.btn.sm.bicon>i {
    padding: 0.5rem !important;
    font-size: 0.75rem !important;
}

.btn.lg.bicon>i {
    padding: 1.5rem !important;
    font-size: 1.5rem !important;
}


.btn.icon.rounded {
    border-radius: 50% !important;
    padding: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
}

.btn.icon.rounded i {
    margin: 0.5rem !important;
}



/* PRIMARY */
.btn.primary:not(.outline):not(.link),
.btn.primary:not(.outline):not(.link):focus {
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.btn.primary:not(.outline):not(.link).active {
    background-color: var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary-text) !important;
}

.btn.primary:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-primary) !important;
    color: var(--palette-light-primary-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.primary:not(.active):not(.link) {
    border: 2px solid var(--palette-primary) !important;
    color: var(--palette-primary) !important;
}

.btn.outline.primary:not(.link).active {
    border: 2px solid var(--palette-dark-primary) !important;
    background-color: var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary-text) !important;
}

.btn.outline.primary:not(.link).disabled {
    border: 2px solid var(--palette-light-primary) !important;
    color: var(--palette-light-primary) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.primary {
    color: var(--palette-primary) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.primary.active {
    color: var(--palette-dark-primary) !important;
    background-color: transparent !important;
}

.btn.link.primary.disabled {
    color: var(--palette-light-primary) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

.btn.primary:not(.outline):not(.link):not(.hover-off):hover,
.btn.primary:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary-text) !important;
}

.btn.primary:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.primary:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-primary) !important;
    color: var(--palette-light-primary-text) !important;
}

.btn.link.primary.active:not(.hover-off):hover,
.btn.link.primary.active:not(.hover-off):active {
    color: var(--palette-light-primary) !important;
    background-color: transparent !important;
}

.btn.link.primary:not(.hover-off):hover,
.btn.link.primary:not(.hover-off):active {
    color: var(--palette-dark-primary) !important;
    background-color: transparent !important;
}

.btn.outline.primary:not(.link).active:not(.hover-off):hover,
.btn.outline.primary:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-primary) !important;
    color: var(--palette-primary) !important;
}

.btn.outline.primary:not(.link):not(.hover-off):hover,
.btn.outline.primary:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.btn.bicon.bicon-primary i {
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.btn.bicon.bicon-primary.active i {
    background-color: var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary-text) !important;
}

.btn.bicon.bicon-primary.disabled i {
    background-color: var(--palette-light-primary) !important;
    color: var(--palette-light-primary-text) !important;
    opacity: 0.5 !important;
}

/* ACCENT */
.btn.accent:not(.outline):not(.link) {
    background-color: var(--palette-accent) !important;
    color: var(--palette-accent-text) !important;
}

.btn.accent:not(.outline):not(.link).active {
    background-color: var(--palette-dark-accent) !important;
    color: var(--palette-dark-accent-text) !important;
}

.btn.accent:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-accent) !important;
    color: var(--palette-light-accent-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.accent:not(.active):not(.link) {
    border: 2px solid var(--palette-accent) !important;
    color: var(--palette-accent) !important;
}

.btn.outline.accent:not(.link).active {
    border: 2px solid var(--palette-dark-accent) !important;
    background-color: var(--palette-dark-accent) !important;
    color: var(--palette-dark-accent-text) !important;
}

.btn.outline.accent:not(.link).disabled {
    border: 2px solid var(--palette-light-accent) !important;
    color: var(--palette-light-accent) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.accent {
    color: var(--palette-accent) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.accent.active {
    color: var(--palette-dark-accent) !important;
    background-color: transparent !important;
}

.btn.link.accent.disabled {
    color: var(--palette-light-accent) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

.btn.link.accent.active:not(.hover-off):hover,
.btn.link.accent.active:not(.hover-off):active {
    color: var(--palette-light-accent) !important;
    background-color: transparent !important;
}

.btn.link.accent:not(.hover-off):hover,
.btn.link.accent:not(.hover-off):active {
    color: var(--palette-dark-accent) !important;
    background-color: transparent !important;
}

.btn.outline.accent:not(.link).active:not(.hover-off):hover,
.btn.outline.accent:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-accent) !important;
    color: var(--palette-accent) !important;
}

.btn.outline.accent:not(.link):not(.hover-off):hover,
.btn.outline.accent:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-accent) !important;
    color: var(--palette-accent-text) !important;
}

.btn.accent:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.accent:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-accent) !important;
    color: var(--palette-light-accent-text) !important;
}

.btn.accent:not(.outline):not(.link):not(.hover-off):hover,
.btn.accent:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-accent) !important;
    color: var(--palette-dark-accent-text) !important;
}

.btn.bicon.bicon-accent i {
    background-color: var(--palette-accent) !important;
    color: var(--palette-accent-text) !important;
}

.btn.bicon.bicon-accent.active i {
    background-color: var(--palette-dark-accent) !important;
    color: var(--palette-dark-accent-text) !important;
}

.btn.bicon.bicon-accent.disabled i {
    background-color: var(--palette-light-accent) !important;
    color: var(--palette-light-accent-text) !important;
    opacity: 0.5 !important;
}

/* SUCCESS */
.btn.success:not(.outline):not(.link) {
    background-color: var(--palette-success) !important;
    color: var(--palette-success-text) !important;
}

.btn.success:not(.outline):not(.link).active {
    background-color: var(--palette-dark-success) !important;
    color: var(--palette-dark-success-text) !important;
}

.btn.success:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-success) !important;
    color: var(--palette-light-success-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.success:not(.active):not(.link) {
    border: 2px solid var(--palette-success) !important;
    color: var(--palette-success) !important;
}

.btn.outline.success:not(.link).active {
    border: 2px solid var(--palette-dark-success) !important;
    background-color: var(--palette-dark-success) !important;
    color: var(--palette-dark-success-text) !important;
}

.btn.outline.success:not(.link).disabled {
    border: 2px solid var(--palette-light-success) !important;
    color: var(--palette-light-success) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.success {
    color: var(--palette-success) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.success.active {
    color: var(--palette-dark-success) !important;
    background-color: transparent !important;
}

.btn.link.success.disabled {
    color: var(--palette-light-success) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

.btn.link.success:not(.hover-off):hover,
.btn.link.success:not(.hover-off):active {
    color: var(--palette-dark-success) !important;
    background-color: transparent !important;
}

.btn.link.success.active:not(.hover-off):hover,
.btn.link.success.active:not(.hover-off):active {
    color: var(--palette-light-success) !important;
    background-color: transparent !important;
}

.btn.outline.success:not(.link).active:not(.hover-off):hover,
.btn.outline.success:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-success) !important;
    color: var(--palette-success) !important;
}

.btn.outline.success:not(.link):not(.hover-off):hover,
.btn.outline.success:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-success) !important;
    color: var(--palette-success-text) !important;
}

.btn.success:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.success:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-success) !important;
    color: var(--palette-light-success-text) !important;
}

.btn.success:not(.outline):not(.link):not(.hover-off):hover,
.btn.success:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-success) !important;
    color: var(--palette-dark-success-text) !important;
}

.btn.bicon.bicon-success i {
    background-color: var(--palette-success) !important;
    color: var(--palette-success-text) !important;
}

.btn.bicon.bicon-success.active i {
    background-color: var(--palette-dark-success) !important;
    color: var(--palette-dark-success-text) !important;
}

.btn.bicon.bicon-success.disabled i {
    background-color: var(--palette-light-success) !important;
    color: var(--palette-light-success-text) !important;
    opacity: 0.5 !important;
}

/* WARNING */
.btn.warning:not(.outline):not(.link) {
    background-color: var(--palette-warning) !important;
    color: var(--palette-warning-text) !important;
}

.btn.warning:not(.outline):not(.link).active {
    background-color: var(--palette-dark-warning) !important;
    color: var(--palette-dark-warning-text) !important;
}

.btn.warning:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-warning) !important;
    color: var(--palette-light-warning-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.warning:not(.active):not(.link) {
    border: 2px solid var(--palette-warning) !important;
    color: var(--palette-warning) !important;
}

.btn.outline.warning:not(.link).active {
    border: 2px solid var(--palette-dark-warning) !important;
    background-color: var(--palette-dark-warning) !important;
    color: var(--palette-dark-warning-text) !important;
}

.btn.outline.warning:not(.link).disabled {
    border: 2px solid var(--palette-light-warning) !important;
    color: var(--palette-light-warning) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.warning {
    color: var(--palette-warning) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.warning.active {
    color: var(--palette-dark-warning) !important;
    background-color: transparent !important;
}

.btn.link.warning.disabled {
    color: var(--palette-light-warning) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

.btn.link.warning.active:not(.hover-off):hover,
.btn.link.warning.active:not(.hover-off):active {
    color: var(--palette-light-warning) !important;
    background-color: transparent !important;
}

.btn.link.warning:not(.hover-off):hover,
.btn.link.warning:not(.hover-off):active {
    color: var(--palette-dark-warning) !important;
    background-color: transparent !important;
}

.btn.outline.warning:not(.link).active:not(.hover-off):hover,
.btn.outline.warning:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-warning) !important;
    color: var(--palette-warning) !important;
}

.btn.outline.warning:not(.link):not(.hover-off):hover,
.btn.outline.warning:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-warning) !important;
    color: var(--palette-warning-text) !important;
}

.btn.warning:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.warning:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-warning) !important;
    color: var(--palette-light-warning-text) !important;
}

.btn.warning:not(.outline):not(.link):not(.hover-off):hover,
.btn.warning:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-warning) !important;
    color: var(--palette-dark-warning-text) !important;
}

.btn.bicon.bicon-warning i {
    background-color: var(--palette-warning) !important;
    color: var(--palette-warning-text) !important;
}

.btn.bicon.bicon-warning.active i {
    background-color: var(--palette-dark-warning) !important;
    color: var(--palette-dark-warning-text) !important;
}

.btn.bicon.bicon-warning.disabled i {
    background-color: var(--palette-light-warning) !important;
    color: var(--palette-light-warning-text) !important;
    opacity: 0.5 !important;
}

/* ERROR */
.btn.error:not(.outline):not(.link) {
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.btn.error:not(.outline):not(.link).active {
    background-color: var(--palette-dark-error) !important;
    color: var(--palette-dark-error-text) !important;
}

.btn.error:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-error) !important;
    color: var(--palette-light-error-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.error:not(.active):not(.link) {
    border: 2px solid var(--palette-error) !important;
    color: var(--palette-error) !important;
}

.btn.outline.error:not(.link).active {
    border: 2px solid var(--palette-dark-error) !important;
    background-color: var(--palette-dark-error) !important;
    color: var(--palette-dark-error-text) !important;
}

.btn.outline.error:not(.link).disabled {
    border: 2px solid var(--palette-light-error) !important;
    color: var(--palette-light-error) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.error {
    color: var(--palette-error) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.error.active {
    color: var(--palette-dark-error) !important;
    background-color: transparent !important;
}

.btn.link.error.disabled {
    color: var(--palette-light-error) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

/* INFO */
.btn.info:not(.outline):not(.link) {
    background-color: var(--palette-info) !important;
    color: var(--palette-info-text) !important;
}

.btn.info:not(.outline):not(.link).active {
    background-color: var(--palette-dark-info) !important;
    color: var(--palette-dark-info-text) !important;
}

.btn.info:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-info) !important;
    color: var(--palette-light-info-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.info:not(.active):not(.link) {
    border: 2px solid var(--palette-info) !important;
    color: var(--palette-info) !important;
}

.btn.outline.info:not(.link).active {
    border: 2px solid var(--palette-dark-info) !important;
    background-color: var(--palette-dark-info) !important;
    color: var(--palette-dark-info-text) !important;
}

.btn.outline.info:not(.link).disabled {
    border: 2px solid var(--palette-light-info) !important;
    color: var(--palette-light-info) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.info {
    color: var(--palette-info) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.info.active {
    color: var(--palette-dark-info) !important;
    background-color: transparent !important;
}

.btn.link.info.disabled {
    color: var(--palette-light-info) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

/* READ */
.btn.read:not(.outline):not(.link) {
    background-color: var(--palette-read) !important;
    color: var(--palette-read-text) !important;
}

.btn.read:not(.outline):not(.link).active {
    background-color: var(--palette-dark-read) !important;
    color: var(--palette-dark-read-text) !important;
}

.btn.read:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-read) !important;
    color: var(--palette-light-read-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.read:not(.active):not(.link) {
    border: 2px solid var(--palette-read) !important;
    color: var(--palette-read) !important;
}

.btn.outline.read:not(.link).active {
    border: 2px solid var(--palette-dark-read) !important;
    background-color: var(--palette-dark-read) !important;
    color: var(--palette-dark-read-text) !important;
}

.btn.outline.read:not(.link).disabled {
    border: 2px solid var(--palette-light-read) !important;
    color: var(--palette-light-read) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.read {
    color: var(--palette-read) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.read.active {
    color: var(--palette-dark-read) !important;
    background-color: transparent !important;
}

.btn.link.read.disabled {
    color: var(--palette-light-read) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

/* SETTINGS */
.btn.settings:not(.outline):not(.link) {
    background-color: var(--palette-settings) !important;
    color: var(--palette-settings-text) !important;
}

.btn.settings:not(.outline):not(.link).active {
    background-color: var(--palette-dark-settings) !important;
    color: var(--palette-dark-settings-text) !important;
}

.btn.settings:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-settings) !important;
    color: var(--palette-light-settings-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.settings:not(.active):not(.link) {
    border: 2px solid var(--palette-settings) !important;
    color: var(--palette-settings) !important;
}

.btn.outline.settings:not(.link).active {
    border: 2px solid var(--palette-dark-settings) !important;
    background-color: var(--palette-dark-settings) !important;
    color: var(--palette-dark-settings-text) !important;
}

.btn.outline.settings:not(.link).disabled {
    border: 2px solid var(--palette-light-settings) !important;
    color: var(--palette-light-settings) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.settings {
    color: var(--palette-settings) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.settings.active {
    color: var(--palette-dark-settings) !important;
    background-color: transparent !important;
}

.btn.link.settings.disabled {
    color: var(--palette-light-settings) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

/* ALARM */
.btn.alarm:not(.outline):not(.link) {
    background-color: var(--palette-alarm) !important;
    color: var(--palette-alarm-text) !important;
}

.btn.alarm:not(.outline):not(.link).active {
    background-color: var(--palette-dark-alarm) !important;
    color: var(--palette-dark-alarm-text) !important;
}

.btn.alarm:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-alarm) !important;
    color: var(--palette-light-alarm-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.alarm:not(.active):not(.link) {
    border: 2px solid var(--palette-alarm) !important;
    color: var(--palette-alarm) !important;
}

.btn.outline.alarm:not(.link).active {
    border: 2px solid var(--palette-dark-alarm) !important;
    background-color: var(--palette-dark-alarm) !important;
    color: var(--palette-dark-alarm-text) !important;
}

.btn.outline.alarm:not(.link).disabled {
    border: 2px solid var(--palette-light-alarm) !important;
    color: var(--palette-light-alarm) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.alarm {
    color: var(--palette-alarm) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.alarm.active {
    color: var(--palette-dark-alarm) !important;
    background-color: transparent !important;
}

.btn.link.alarm.disabled {
    color: var(--palette-light-alarm) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

/* EVENT */
.btn.event:not(.outline):not(.link) {
    background-color: var(--palette-event) !important;
    color: var(--palette-event-text) !important;
}

.btn.event:not(.outline):not(.link).active {
    background-color: var(--palette-dark-event) !important;
    color: var(--palette-dark-event-text) !important;
}

.btn.event:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-event) !important;
    color: var(--palette-light-event-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.event:not(.active):not(.link) {
    border: 2px solid var(--palette-event) !important;
    color: var(--palette-event) !important;
}

.btn.outline.event:not(.link).active {
    border: 2px solid var(--palette-dark-event) !important;
    background-color: var(--palette-dark-event) !important;
    color: var(--palette-dark-event-text) !important;
}

.btn.outline.event:not(.link).disabled {
    border: 2px solid var(--palette-light-event) !important;
    color: var(--palette-light-event) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.event {
    color: var(--palette-event) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.event.active {
    color: var(--palette-dark-event) !important;
    background-color: transparent !important;
}

.btn.link.event.disabled {
    color: var(--palette-light-event) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}



















.btn.link.info:not(.hover-off):hover,
.btn.link.info:not(.hover-off):active {
    color: var(--palette-light-info) !important;
    background-color: transparent !important;
}

.btn.link.info:not(.hover-off):hover,
.btn.link.info:not(.hover-off):active {
    color: var(--palette-dark-info) !important;
    background-color: transparent !important;
}

.btn.outline.info:not(.link).active:not(.hover-off):hover,
.btn.outline.info:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-info) !important;
    color: var(--palette-info) !important;
}

.btn.outline.info:not(.link):not(.hover-off):hover,
.btn.outline.info:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-info) !important;
    color: var(--palette-info-text) !important;
}

.btn.info:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.info:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-info) !important;
    color: var(--palette-light-info-text) !important;
}

.btn.info:not(.outline):not(.link):not(.hover-off):hover,
.btn.info:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-info) !important;
    color: var(--palette-dark-info-text) !important;
}














.btn.link.error.active:not(.hover-off):hover,
.btn.link.error.active:not(.hover-off):active {
    color: var(--palette-light-error) !important;
    background-color: transparent !important;
}

.btn.link.error:not(.hover-off):hover,
.btn.link.error:not(.hover-off):active {
    color: var(--palette-dark-error) !important;
    background-color: transparent !important;
}

.btn.outline.error:not(.link).active:not(.hover-off):hover,
.btn.outline.error:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-error) !important;
    color: var(--palette-error) !important;
}

.btn.outline.error:not(.link):not(.hover-off):hover,
.btn.outline.error:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.btn.error:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.error:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-error) !important;
    color: var(--palette-light-error-text) !important;
}

.btn.error:not(.outline):not(.link):not(.hover-off):hover,
.btn.error:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-error) !important;
    color: var(--palette-dark-error-text) !important;
}




.btn.link.settings.active:not(.hover-off):hover,
.btn.link.settings.active:not(.hover-off):active {
    color: var(--palette-light-settings) !important;
    background-color: transparent !important;
}

.btn.link.settings:not(.hover-off):hover,
.btn.link.settings:not(.hover-off):active {
    color: var(--palette-dark-settings) !important;
    background-color: transparent !important;
}

.btn.outline.settings:not(.link).active:not(.hover-off):hover,
.btn.outline.settings:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-settings) !important;
    color: var(--palette-settings) !important;
}

.btn.outline.settings:not(.link):not(.hover-off):hover,
.btn.outline.settings:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-settings) !important;
    color: var(--palette-settings-text) !important;
}

.btn.settings:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.settings:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-settings) !important;
    color: var(--palette-light-settings-text) !important;
}

.btn.settings:not(.outline):not(.link):not(.hover-off):hover,
.btn.settings:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-settings) !important;
    color: var(--palette-dark-settings-text) !important;
}

.btn.link.read.active:not(.hover-off):hover,
.btn.link.read.active:not(.hover-off):active {
    color: var(--palette-light-read) !important;
    background-color: transparent !important;
}

.btn.link.read:not(.hover-off):hover,
.btn.link.read:not(.hover-off):active {
    color: var(--palette-dark-read) !important;
    background-color: transparent !important;
}

.btn.outline.read:not(.link).active:not(.hover-off):hover,
.btn.outline.read:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-read) !important;
    color: var(--palette-read) !important;
}

.btn.outline.read:not(.link):not(.hover-off):hover,
.btn.outline.read:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-read) !important;
    color: var(--palette-read-text) !important;
}

.btn.read:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.read:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-read) !important;
    color: var(--palette-light-read-text) !important;
}

.btn.read:not(.outline):not(.link):not(.hover-off):hover,
.btn.read:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-read) !important;
    color: var(--palette-dark-read-text) !important;
}


.btn.link.event.active:not(.hover-off):hover,
.btn.link.event.active:not(.hover-off):active {
    color: var(--palette-light-event) !important;
    background-color: transparent !important;
}

.btn.link.event:not(.hover-off):hover,
.btn.link.event:not(.hover-off):active {
    color: var(--palette-dark-event) !important;
    background-color: transparent !important;
}

.btn.outline.event:not(.link).active:not(.hover-off):hover,
.btn.outline.event:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-event) !important;
    color: var(--palette-event) !important;
}

.btn.outline.event:not(.link):not(.hover-off):hover,
.btn.outline.event:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-event) !important;
    color: var(--palette-event-text) !important;
}

.btn.event:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.event:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-event) !important;
    color: var(--palette-light-event-text) !important;
}

.btn.event:not(.outline):not(.link):not(.hover-off):hover,
.btn.event:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-event) !important;
    color: var(--palette-dark-event-text) !important;
}

.btn.alarm:not(.outline):not(.link):not(.hover-off):hover,
.btn.alarm:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-alarm) !important;
    color: var(--palette-dark-alarm-text) !important;
}

.btn.link.alarm.active:not(.hover-off):hover,
.btn.link.alarm.active:not(.hover-off):active {
    color: var(--palette-light-alarm) !important;
    background-color: transparent !important;
}

.btn.link.alarm:not(.hover-off):hover,
.btn.link.alarm:not(.hover-off):active {
    color: var(--palette-dark-alarm) !important;
    background-color: transparent !important;
}

.btn.outline.alarm:not(.link).active:not(.hover-off):hover,
.btn.outline.alarm:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-alarm) !important;
    color: var(--palette-alarm) !important;
}

.btn.outline.alarm:not(.link):not(.hover-off):hover,
.btn.outline.alarm:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-alarm) !important;
    color: var(--palette-alarm-text) !important;
}

.btn.alarm:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.alarm:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-alarm) !important;
    color: var(--palette-light-alarm-text) !important;
}










.btn.bicon.bicon-error i {
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.btn.bicon.bicon-error.active i {
    background-color: var(--palette-dark-error) !important;
    color: var(--palette-dark-error-text) !important;
}

.btn.bicon.bicon-error.disabled i {
    background-color: var(--palette-light-error) !important;
    color: var(--palette-light-error-text) !important;
    opacity: 0.5 !important;
}








.btn.bicon.bicon-info i {
    background-color: var(--palette-info) !important;
    color: var(--palette-info-text) !important;
}

.btn.bicon.bicon-info.active i {
    background-color: var(--palette-dark-info) !important;
    color: var(--palette-dark-info-text) !important;
}

.btn.bicon.bicon-info.disabled i {
    background-color: var(--palette-light-info) !important;
    color: var(--palette-light-info-text) !important;
    opacity: 0.5 !important;
}


.btn.bicon.bicon-read i {
    background-color: var(--palette-read) !important;
    color: var(--palette-read-text) !important;
}

.btn.bicon.bicon-read.active i {
    background-color: var(--palette-dark-read) !important;
    color: var(--palette-dark-read-text) !important;
}

.btn.bicon.bicon-read.disabled i {
    background-color: var(--palette-light-read) !important;
    color: var(--palette-light-read-text) !important;
    opacity: 0.5 !important;
}


.btn.bicon.bicon-alarm i {
    background-color: var(--palette-alarm) !important;
    color: var(--palette-alarm-text) !important;
}

.btn.bicon.bicon-alarm.active i {
    background-color: var(--palette-dark-alarm) !important;
    color: var(--palette-dark-alarm-text) !important;
}

.btn.bicon.bicon-alarm.disabled i {
    background-color: var(--palette-light-alarm) !important;
    color: var(--palette-light-alarm-text) !important;
    opacity: 0.5 !important;
}


.btn.bicon.bicon-event i {
    background-color: var(--palette-event) !important;
    color: var(--palette-event-text) !important;
}

.btn.bicon.bicon-event.active i {
    background-color: var(--palette-dark-event) !important;
    color: var(--palette-dark-event-text) !important;
}

.btn.bicon.bicon-event.disabled i {
    background-color: var(--palette-light-event) !important;
    color: var(--palette-light-event-text) !important;
    opacity: 0.5 !important;
}


.btn.bicon.bicon-settings i {
    background-color: var(--palette-settings) !important;
    color: var(--palette-settings-text) !important;
}

.btn.bicon.bicon-settings.active i {
    background-color: var(--palette-dark-settings) !important;
    color: var(--palette-dark-settings-text) !important;
}

.btn.bicon.bicon-settings.disabled i {
    background-color: var(--palette-light-settings) !important;
    color: var(--palette-light-settings-text) !important;
    opacity: 0.5 !important;
}


.btn.bicon.bicon-yellow i {
    background-color: var(--palette-yellow) !important;
    color: var(--palette-yellow-text) !important;
}

.btn.bicon.bicon-yellow.active i {
    background-color: var(--palette-dark-yellow) !important;
    color: var(--palette-dark-yellow-text) !important;
}

.btn.bicon.bicon-yellow.disabled i {
    background-color: var(--palette-light-yellow) !important;
    color: var(--palette-light-yellow-text) !important;
    opacity: 0.5 !important;
}











/* PRIMARY */
.btn.white:not(.outline):not(.link),
.btn.white:not(.outline):not(.link):focus {
    background-color: var(--palette-white) !important;
    color: var(--palette-white-text) !important;
}

.btn.white:not(.outline):not(.link).active {
    background-color: var(--palette-dark-white) !important;
    color: var(--palette-dark-white-text) !important;
}

.btn.white:not(.outline):not(.link).disabled {
    background-color: var(--palette-light-white) !important;
    color: var(--palette-light-white-text) !important;
    opacity: 0.5 !important;
}

.btn.outline.white:not(.active):not(.link) {
    border: 2px solid var(--palette-white) !important;
    color: var(--palette-white) !important;
}

.btn.outline.white:not(.link).active {
    border: 2px solid var(--palette-dark-white) !important;
    background-color: var(--palette-dark-white) !important;
    color: var(--palette-dark-white-text) !important;
}

.btn.outline.white:not(.link).disabled {
    border: 2px solid var(--palette-light-white) !important;
    color: var(--palette-light-white) !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn.link.white {
    color: var(--palette-white) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn.link.white.active {
    color: var(--palette-dark-white) !important;
    background-color: transparent !important;
}

.btn.link.white.disabled {
    color: var(--palette-light-white) !important;
    background-color: transparent !important;
    opacity: 0.5 !important;
}

.btn.white:not(.outline):not(.link):not(.hover-off):hover,
.btn.white:not(.outline):not(.link):not(.hover-off):active {
    background-color: var(--palette-dark-white) !important;
    color: var(--palette-dark-white-text) !important;
}

.btn.white:not(.outline):not(.link).active:not(.hover-off):hover,
.btn.white:not(.outline):not(.link).active:not(.hover-off):active {
    background-color: var(--palette-light-white) !important;
    color: var(--palette-light-white-text) !important;
}

.btn.link.white.active:not(.hover-off):hover,
.btn.link.white.active:not(.hover-off):active {
    color: var(--palette-light-white) !important;
    background-color: transparent !important;
}

.btn.link.white:not(.hover-off):hover,
.btn.link.white:not(.hover-off):active {
    color: var(--palette-dark-white) !important;
    background-color: transparent !important;
}

.btn.outline.white:not(.link).active:not(.hover-off):hover,
.btn.outline.white:not(.link).active:not(.hover-off):active {
    background-color: transparent !important;
    border: 2px solid var(--palette-white) !important;
    color: var(--palette-white) !important;
}

.btn.outline.white:not(.link):not(.hover-off):hover,
.btn.outline.white:not(.link):not(.hover-off):active {
    border: none;
    background-color: var(--palette-white) !important;
    color: var(--palette-white-text) !important;
}

.btn.bicon.bicon-white i {
    background-color: var(--palette-white) !important;
    color: var(--palette-white-text) !important;
}

.btn.bicon.bicon-white.active i {
    background-color: var(--palette-dark-white) !important;
    color: var(--palette-dark-white-text) !important;
}

.btn.bicon.bicon-white.disabled i {
    background-color: var(--palette-light-white) !important;
    color: var(--palette-light-white-text) !important;
    opacity: 0.5 !important;
}


.btn-activated-deactivated:not(.activated) .onactive {
    display: none !important;
}

.btn-activated-deactivated.activated .ondeactive {
    display: none !important;
}



.btn:has(.feedback-icon) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.btn .feedback-icon {
    position: absolute;
    top: -1px;
    height: calc(100% + 2px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn:not(.sm):not(.lg) .feedback-icon {
    width: 3rem;
    max-width: 3rem;
}

.btn.sm .feedback-icon {
    width: 2.5rem;
    max-width: 2.5rem;
}

.btn.lg .feedback-icon {
    width: 3.5rem;
    max-width: 3.5rem;
}

.btn .feedback-icon i {
    font-size: 1.5rem;
}

.btn.sm .feedback-icon i {
    font-size: 1rem;
}

.btn.lg .feedback-icon i {
    font-size: 2rem;
}

.btn:not(.sm):not(.lg).has-feedback-icon:has(.feedback-icon-start) {
    padding-left: 3.5rem !important;
}

.btn:not(.sm):not(.lg).has-feedback-icon:has(.feedback-icon-end) {
    padding-right: 3.5rem !important;
}

.btn.sm.has-feedback-icon:has(.feedback-icon-start) {
    padding-left: 3rem !important;
}

.btn.sm.has-feedback-icon:has(.feedback-icon-end) {
    padding-right: 3rem !important;
}

.btn.lg.has-feedback-icon:has(.feedback-icon-start) {
    padding-left: 4rem !important;
}

.btn.lg.has-feedback-icon:has(.feedback-icon-end) {
    padding-right: 4rem !important;
}




.btn .feedback-icon.feedback-icon-end,
span.badge .feedback-icon.feedback-icon-end {
    right: 0 !important;
}

.btn .feedback-icon.feedback-icon-start,
span.badge .feedback-icon.feedback-icon-start {
    left: 0 !important;
}.badge {
    font-size: 0.75em;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    align-items: center;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    margin: 0px;
    padding: 0.125rem 0.3rem;
    position: relative;
}

.badge.md {
    font-size: 1rem;
    padding: 0.16rem 0.5rem;
}

.badge.rounded {
    border-radius: 25px !important;
}

.badge.icon {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row !important;
    padding: 0px !important;
    padding-right: 0.3rem !important;
}

.badge.icon span {
    padding: 0.3rem;
    height: 100%;
    display: inline-block;
    align-items: center;
    margin: 0px !important;
    margin-right: 0.25rem !important;
}

.badge.dot {
    border-radius: 50% !important;
    width: 5px;
    height: 5px;
    padding: 0px !important;
    margin: 0px !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.badge.dot.sm {
    width: 5px !important;
    height: 5px !important;
}

.badge.dot.md {
    width: 10px !important;
    height: 10px !important;
}

.badge.dot.lg {
    width: 20px !important;
    height: 20px !important;
}


.badge.primary:not(.outline) {
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.badge.dark-primary:not(.outline) {
    background-color: var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary-text) !important;
}

.badge.light-primary:not(.outline) {
    background-color: var(--palette-light-primary) !important;
    color: var(--palette-light-primary-text) !important;
}

.badge.primary.outline {
    border: 1px solid var(--palette-primary) !important;
    color: var(--palette-primary) !important;
}

.badge.dark-primary.outline {
    border: 1px solid var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary) !important;
}

.badge.light-primary.outline {
    border: 1px solid var(--palette-light-primary) !important;
    color: var(--palette-light-primary) !important;
}

.badge.accent:not(.outline) {
    background-color: var(--palette-accent) !important;
    color: var(--palette-accent-text) !important;
}

.badge.dark-accent:not(.outline) {
    background-color: var(--palette-dark-accent) !important;
    color: var(--palette-dark-accent-text) !important;
}

.badge.light-accent:not(.outline) {
    background-color: var(--palette-light-accent) !important;
    color: var(--palette-light-accent-text) !important;
}

.badge.accent.outline {
    border: 1px solid var(--palette-accent) !important;
    color: var(--palette-accent) !important;
}

.badge.dark-accent.outline {
    border: 1px solid var(--palette-dark-accent) !important;
    color: var(--palette-dark-accent) !important;
}

.badge.light-accent.outline {
    border: 1px solid var(--palette-light-accent) !important;
    color: var(--palette-light-accent) !important;
}

.badge.success:not(.outline) {
    background-color: var(--palette-success) !important;
    color: var(--palette-success-text) !important;
}

.badge.dark-success:not(.outline) {
    background-color: var(--palette-dark-success) !important;
    color: var(--palette-dark-success-text) !important;
}

.badge.light-success:not(.outline) {
    background-color: var(--palette-light-success) !important;
    color: var(--palette-light-success-text) !important;
}

.badge.success.outline {
    border: 1px solid var(--palette-success) !important;
    color: var(--palette-success) !important;
}

.badge.dark-success.outline {
    border: 1px solid var(--palette-dark-success) !important;
    color: var(--palette-dark-success) !important;
}

.badge.light-success.outline {
    border: 1px solid var(--palette-light-success) !important;
    color: var(--palette-light-success) !important;
}

.badge.info:not(.outline) {
    background-color: var(--palette-info) !important;
    color: var(--palette-info-text) !important;
}

.badge.dark-info:not(.outline) {
    background-color: var(--palette-dark-info) !important;
    color: var(--palette-dark-info-text) !important;
}

.badge.light-info:not(.outline) {
    background-color: var(--palette-light-info) !important;
    color: var(--palette-light-info-text) !important;
}

.badge.info.outline {
    border: 1px solid var(--palette-info) !important;
    color: var(--palette-info) !important;
}

.badge.dark-info.outline {
    border: 1px solid var(--palette-dark-info) !important;
    color: var(--palette-dark-info) !important;
}

.badge.light-info.outline {
    border: 1px solid var(--palette-light-info) !important;
    color: var(--palette-light-info) !important;
}

.badge.warning:not(.outline) {
    background-color: var(--palette-warning) !important;
    color: var(--palette-warning-text) !important;
}

.badge.dark-warning:not(.outline) {
    background-color: var(--palette-dark-warning) !important;
    color: var(--palette-dark-warning-text) !important;
}

.badge.light-warning:not(.outline) {
    background-color: var(--palette-light-warning) !important;
    color: var(--palette-light-warning-text) !important;
}

.badge.warning.outline {
    border: 1px solid var(--palette-warning) !important;
    color: var(--palette-warning) !important;
}

.badge.dark-warning.outline {
    border: 1px solid var(--palette-dark-warning) !important;
    color: var(--palette-dark-warning) !important;
}

.badge.light-warning.outline {
    border: 1px solid var(--palette-light-warning) !important;
    color: var(--palette-light-warning) !important;
}

.badge.error:not(.outline) {
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.badge.dark-error:not(.outline) {
    background-color: var(--palette-dark-error) !important;
    color: var(--palette-dark-error-text) !important;
}

.badge.light-error:not(.outline) {
    background-color: var(--palette-light-error) !important;
    color: var(--palette-light-error-text) !important;
}

.badge.error.outline {
    border: 1px solid var(--palette-error) !important;
    color: var(--palette-error) !important;
}

.badge.dark-error.outline {
    border: 1px solid var(--palette-dark-error) !important;
    color: var(--palette-dark-error) !important;
}

.badge.light-error.outline {
    border: 1px solid var(--palette-light-error) !important;
    color: var(--palette-light-error) !important;
}

.badge.read:not(.outline) {
    background-color: var(--palette-read) !important;
    color: var(--palette-read-text) !important;
}

.badge.dark-read:not(.outline) {
    background-color: var(--palette-dark-read) !important;
    color: var(--palette-dark-read-text) !important;
}

.badge.light-read:not(.outline) {
    background-color: var(--palette-light-read) !important;
    color: var(--palette-light-read-text) !important;
}

.badge.read.outline {
    border: 1px solid var(--palette-read) !important;
    color: var(--palette-read) !important;
}

.badge.dark-read.outline {
    border: 1px solid var(--palette-dark-read) !important;
    color: var(--palette-dark-read) !important;
}

.badge.light-read.outline {
    border: 1px solid var(--palette-light-read) !important;
    color: var(--palette-light-read) !important;
}

.badge.settings:not(.outline) {
    background-color: var(--palette-settings) !important;
    color: var(--palette-settings-text) !important;
}

.badge.dark-settings:not(.outline) {
    background-color: var(--palette-dark-settings) !important;
    color: var(--palette-dark-settings-text) !important;
}

.badge.light-settings:not(.outline) {
    background-color: var(--palette-light-settings) !important;
    color: var(--palette-light-settings-text) !important;
}

.badge.settings.outline {
    border: 1px solid var(--palette-settings) !important;
    color: var(--palette-settings) !important;
}

.badge.dark-settings.outline {
    border: 1px solid var(--palette-dark-settings) !important;
    color: var(--palette-dark-settings) !important;
}

.badge.light-settings.outline {
    border: 1px solid var(--palette-light-settings) !important;
    color: var(--palette-light-settings) !important;
}

.badge.alarm:not(.outline) {
    background-color: var(--palette-alarm) !important;
    color: var(--palette-alarm-text) !important;
}

.badge.dark-alarm:not(.outline) {
    background-color: var(--palette-dark-alarm) !important;
    color: var(--palette-dark-alarm-text) !important;
}

.badge.light-alarm:not(.outline) {
    background-color: var(--palette-light-alarm) !important;
    color: var(--palette-light-alarm-text) !important;
}

.badge.alarm.outline {
    border: 1px solid var(--palette-alarm) !important;
    color: var(--palette-alarm) !important;
}

.badge.dark-alarm.outline {
    border: 1px solid var(--palette-dark-alarm) !important;
    color: var(--palette-dark-alarm) !important;
}

.badge.light-alarm.outline {
    border: 1px solid var(--palette-light-alarm) !important;
    color: var(--palette-light-alarm) !important;
}

.badge.event:not(.outline) {
    background-color: var(--palette-event) !important;
    color: var(--palette-event-text) !important;
}

.badge.dark-event:not(.outline) {
    background-color: var(--palette-dark-event) !important;
    color: var(--palette-dark-event-text) !important;
}

.badge.light-event:not(.outline) {
    background-color: var(--palette-light-event) !important;
    color: var(--palette-light-event-text) !important;
}

.badge.event.outline {
    border: 1px solid var(--palette-event) !important;
    color: var(--palette-event) !important;
}

.badge.dark-event.outline {
    border: 1px solid var(--palette-dark-event) !important;
    color: var(--palette-dark-event) !important;
}

.badge.light-event.outline {
    border: 1px solid var(--palette-light-event) !important;
    color: var(--palette-light-event) !important;
}









.badge.white:not(.outline) {
    background-color: var(--palette-white) !important;
    color: var(--palette-white-text) !important;
}

.badge.dark-white:not(.outline) {
    background-color: var(--palette-dark-white) !important;
    color: var(--palette-dark-white-text) !important;
}

.badge.light-white:not(.outline) {
    background-color: var(--palette-light-white) !important;
    color: var(--palette-light-white-text) !important;
}

.badge.white.outline {
    border: 1px solid var(--palette-white) !important;
    color: var(--palette-white) !important;
}

.badge.dark-white.outline {
    border: 1px solid var(--palette-dark-white) !important;
    color: var(--palette-dark-white) !important;
}

.badge.light-white.outline {
    border: 1px solid var(--palette-light-white) !important;
    color: var(--palette-light-white) !important;
}






.badge.light:not(.outline) {
    background-color: var(--palette-light) !important;
    color: var(--palette-light-text) !important;
}

.badge.dark-light:not(.outline) {
    background-color: var(--palette-dark-light) !important;
    color: var(--palette-dark-light-text) !important;
}

.badge.light-light:not(.outline) {
    background-color: var(--palette-light-light) !important;
    color: var(--palette-light-light-text) !important;
}

.badge.light.outline {
    border: 1px solid var(--palette-light) !important;
    color: var(--palette-light) !important;
}

.badge.dark-light.outline {
    border: 1px solid var(--palette-dark-light) !important;
    color: var(--palette-dark-light) !important;
}

.badge.light-light.outline {
    border: 1px solid var(--palette-light-light) !important;
    color: var(--palette-light-light) !important;
}






.badge.black:not(.outline) {
    background-color: #000 !important;
    color: #fff !important;
}

.badge.black.outline {
    border: 1px solid #000 !important;
    color: #fff !important;
}
















.badge.icon.primary:not(.outline) span {
    background-color: var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary-text) !important;
}

.badge.icon.light-primary:not(.outline) span {
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.badge.icon.dark-primary:not(.outline) span {
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.badge.icon.primary.outline span {
    color: var(--palette-dark-primary) !important;
}

.badge.icon.light-primary.outline span {
    color: var(--palette-primary) !important;
}

.badge.icon.dark-primary.outline span {
    color: var(--palette-primary) !important;
}


.badge.icon.accent:not(.outline) span {
    background-color: var(--palette-dark-accent) !important;
    color: var(--palette-dark-accent-text) !important;
}

.badge.icon.light-accent:not(.outline) span {
    background-color: var(--palette-accent) !important;
    color: var(--palette-accent-text) !important;
}

.badge.icon.dark-accent:not(.outline) span {
    background-color: var(--palette-accent) !important;
    color: var(--palette-accent-text) !important;
}

.badge.icon.accent.outline span {
    color: var(--palette-dark-accent) !important;
}

.badge.icon.light-accent.outline span {
    color: var(--palette-accent) !important;
}

.badge.icon.dark-accent.outline span {
    color: var(--palette-accent) !important;
}


.badge.icon.success:not(.outline) span {
    background-color: var(--palette-dark-success) !important;
    color: var(--palette-dark-success-text) !important;
}

.badge.icon.light-success:not(.outline) span {
    background-color: var(--palette-success) !important;
    color: var(--palette-success-text) !important;
}

.badge.icon.dark-success:not(.outline) span {
    background-color: var(--palette-success) !important;
    color: var(--palette-success-text) !important;
}

.badge.icon.success.outline span {
    color: var(--palette-dark-success) !important;
}

.badge.icon.light-success.outline span {
    color: var(--palette-success) !important;
}

.badge.icon.dark-success.outline span {
    color: var(--palette-success) !important;
}


.badge.icon.info:not(.outline) span {
    background-color: var(--palette-dark-info) !important;
    color: var(--palette-dark-info-text) !important;
}

.badge.icon.light-info:not(.outline) span {
    background-color: var(--palette-info) !important;
    color: var(--palette-info-text) !important;
}

.badge.icon.dark-info:not(.outline) span {
    background-color: var(--palette-info) !important;
    color: var(--palette-info-text) !important;
}

.badge.icon.info.outline span {
    color: var(--palette-dark-info) !important;
}

.badge.icon.light-info.outline span {
    color: var(--palette-info) !important;
}

.badge.icon.dark-info.outline span {
    color: var(--palette-info) !important;
}


.badge.icon.warning:not(.outline) span {
    background-color: var(--palette-dark-warning) !important;
    color: var(--palette-dark-warning-text) !important;
}

.badge.icon.light-warning:not(.outline) span {
    background-color: var(--palette-warning) !important;
    color: var(--palette-warning-text) !important;
}

.badge.icon.dark-warning:not(.outline) span {
    background-color: var(--palette-warning) !important;
    color: var(--palette-warning-text) !important;
}

.badge.icon.warning.outline span {
    color: var(--palette-dark-warning) !important;
}

.badge.icon.light-warning.outline span {
    color: var(--palette-warning) !important;
}

.badge.icon.dark-warning.outline span {
    color: var(--palette-warning) !important;
}


.badge.icon.error:not(.outline) span {
    background-color: var(--palette-dark-error) !important;
    color: var(--palette-dark-error-text) !important;
}

.badge.icon.light-error:not(.outline) span {
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.badge.icon.dark-error:not(.outline) span {
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.badge.icon.error.outline span {
    color: var(--palette-dark-error) !important;
}

.badge.icon.light-error.outline span {
    color: var(--palette-error) !important;
}

.badge.icon.dark-error.outline span {
    color: var(--palette-error) !important;
}


.badge.icon.read:not(.outline) span {
    background-color: var(--palette-dark-read) !important;
    color: var(--palette-dark-read-text) !important;
}

.badge.icon.light-read:not(.outline) span {
    background-color: var(--palette-read) !important;
    color: var(--palette-read-text) !important;
}

.badge.icon.dark-read:not(.outline) span {
    background-color: var(--palette-read) !important;
    color: var(--palette-read-text) !important;
}

.badge.icon.read.outline span {
    color: var(--palette-dark-read) !important;
}

.badge.icon.light-read.outline span {
    color: var(--palette-read) !important;
}

.badge.icon.dark-read.outline span {
    color: var(--palette-read) !important;
}


.badge.icon.settings:not(.outline) span {
    background-color: var(--palette-dark-settings) !important;
    color: var(--palette-dark-settings-text) !important;
}

.badge.icon.light-settings:not(.outline) span {
    background-color: var(--palette-settings) !important;
    color: var(--palette-settings-text) !important;
}

.badge.icon.dark-settings:not(.outline) span {
    background-color: var(--palette-settings) !important;
    color: var(--palette-settings-text) !important;
}

.badge.icon.settings.outline span {
    color: var(--palette-dark-settings) !important;
}

.badge.icon.light-settings.outline span {
    color: var(--palette-settings) !important;
}

.badge.icon.dark-settings.outline span {
    color: var(--palette-settings) !important;
}


.badge.icon.alarm:not(.outline) span {
    background-color: var(--palette-dark-alarm) !important;
    color: var(--palette-dark-alarm-text) !important;
}

.badge.icon.light-alarm:not(.outline) span {
    background-color: var(--palette-alarm) !important;
    color: var(--palette-alarm-text) !important;
}

.badge.icon.dark-alarm:not(.outline) span {
    background-color: var(--palette-alarm) !important;
    color: var(--palette-alarm-text) !important;
}

.badge.icon.alarm.outline span {
    color: var(--palette-dark-alarm) !important;
}

.badge.icon.light-alarm.outline span {
    color: var(--palette-alarm) !important;
}

.badge.icon.dark-alarm.outline span {
    color: var(--palette-alarm) !important;
}


.badge.icon.event:not(.outline) span {
    background-color: var(--palette-dark-event) !important;
    color: var(--palette-dark-event-text) !important;
}

.badge.icon.light-event:not(.outline) span {
    background-color: var(--palette-event) !important;
    color: var(--palette-event-text) !important;
}

.badge.icon.dark-event:not(.outline) span {
    background-color: var(--palette-event) !important;
    color: var(--palette-event-text) !important;
}

.badge.icon.event.outline span {
    color: var(--palette-dark-event) !important;
}

.badge.icon.light-event.outline span {
    color: var(--palette-event) !important;
}

.badge.icon.dark-event.outline span {
    color: var(--palette-event) !important;
}


.badge.icon.white:not(.outline) span {
    background-color: var(--palette-dark-white) !important;
    color: var(--palette-dark-white-text) !important;
}

.badge.icon.light-white:not(.outline) span {
    background-color: var(--palette-white) !important;
    color: var(--palette-white-text) !important;
}

.badge.icon.dark-white:not(.outline) span {
    background-color: var(--palette-white) !important;
    color: var(--palette-white-text) !important;
}

.badge.icon.white.outline span {
    color: var(--palette-dark-white) !important;
}

.badge.icon.light-white.outline span {
    color: var(--palette-white) !important;
}

.badge.icon.dark-white.outline span {
    color: var(--palette-white) !important;
}



.badge.icon.light:not(.outline) span {
    background-color: var(--palette-dark-light) !important;
    color: var(--palette-dark-light-text) !important;
}

.badge.icon.light-light:not(.outline) span {
    background-color: var(--palette-light) !important;
    color: var(--palette-light-text) !important;
}

.badge.icon.dark-light:not(.outline) span {
    background-color: var(--palette-light) !important;
    color: var(--palette-light-text) !important;
}

.badge.icon.light.outline span {
    color: var(--palette-dark-light) !important;
}

.badge.icon.light-light.outline span {
    color: var(--palette-light) !important;
}

.badge.icon.dark-light.outline span {
    color: var(--palette-light) !important;
}.form-control.disabled:not(.form-control-date):not(.form-control-custom-select),
.form-control[readonly]:not(.form-control-date):not(.form-control-custom-select),
.form-control[disabled]:not(.form-control-date):not(.form-control-custom-select) {
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

.form-control::file-selector-button {
    display: none !important;
}




.form-control-custom-select::-ms-expand,
.form-control-custom-select::-webkit-scrollbar {
    display: none;
}

.form-control-custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-control-custom-select option {
    display: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.form-floating:has(textarea)>label {
    height: auto !important;
    padding: 0.5rem !important;
    border-radius: 0px 0px 1rem 0px !important;
    left: 0px !important;
}
.form-floating:has(textarea:focus)>label {
    left: 0px !important;
}

.form-floating:has(textarea.white)>label {
    background-color: #d7d7d7 !important;
}



.h-form {
    height: 58px;
    min-height: 58px;
}

.form-floating:has(textarea.form-control-textarea):has(.text-counter):has(.text-limit) .textarea-counter-limit {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 0.5rem;
}

.textarea-counter-limit span.text-counter {
    margin-right: 0.25rem;
}

.textarea-counter-limit span.text-limit {
    margin-left: 0.25rem;
}


.form-floating:has([regex]) .form-control-invalid-info-container,
.form-floating:has([min]) .form-control-invalid-info-container,
.form-floating:has([max]) .form-control-invalid-info-container,
.form-floating:has([minl]) .form-control-invalid-info-container,
.form-floating:has([maxl]) .form-control-invalid-info-container,
.form-floating:has([minlength]) .form-control-invalid-info-container,
.form-floating:has([maxlength]) .form-control-invalid-info-container,
.form-floating:has(.required) .form-control-invalid-info-container,
.form-floating:has(.form-control-textarea) .form-control-invalid-info-container {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    padding: 3px;
    right: 28px;
    border-radius: 50%;
    border: 1px solid var(--palette-info);
    cursor: pointer;
}

.form-floating:not(:has(textarea)):has(.form-control-invalid-info-container) .form-control-invalid-info-container {
    top: calc(50% - 12px);
}

.form-floating:has(textarea):has(.form-control-invalid-info-container) .form-control-invalid-info-container {
    top: 7px;
}



.form-control-invalid-info-container i {
    font-size: 10px !important;
    margin: 3px;
    color: var(--palette-info);
}

.form-floating:has(.is-invalid) .form-control-invalid-info-container {
    display: flex;
}

.form-floating:has(.is-invalid):has(.form-control-invalid-info-container) .form-control {
    padding-right: calc(1.5em + 0.75rem + 20px);
}

.get-regex-info {
    text-decoration: none;
}


@media screen and (max-width: 575.98px) {
    .form-floating label.tmc {
        font-size: 10pt;
    }
}

.form-check .form-check-input {
    margin-left: 1em !important;
}


.form-has-feedback {
    display: flex;
    flex-direction: row;
    --form-feedback-bg: #d7d7d7;
    --form-feedback-after-bg: var(--palette-primary);
    --form-feedback-color: black;
}

.form-has-feedback:has(.is-valid) {
    --form-feedback-after-bg: var(--palette-light-success);
}

.form-has-feedback:has(.is-invalid) {
    --form-feedback-after-bg: var(--palette-error);
}

.form-has-feedback:has(input.primary),
.form-has-feedback:has(select.primary),
.form-has-feedback:has(textarea.primary) {
    --form-feedback-bg: var(--palette-primary);
    --form-feedback-color: var(--palette-primary-text);

}


.form-has-feedback:has(input.accent),
.form-has-feedback:has(select.accent),
.form-has-feedback:has(textarea.accent) {
    --form-feedback-bg: var(--palette-accent);
    --form-feedback-color: var(--palette-accent-text);

}


.form-has-feedback:has(input.success),
.form-has-feedback:has(select.success),
.form-has-feedback:has(textarea.success),
.form-has-feedback:has(.bfs-fu-simple-info.success) {
    --form-feedback-bg: var(--palette-success);
    --form-feedback-color: var(--palette-success-text);
}


.form-has-feedback:has(input.error),
.form-has-feedback:has(select.error),
.form-has-feedback:has(textarea.error),
.form-has-feedback:has(.bfs-fu-simple-info.error) {
    --form-feedback-bg: var(--palette-error);
    --form-feedback-color: var(--palette-error-text);
}


.form-has-feedback:has(input.warning),
.form-has-feedback:has(select.warning),
.form-has-feedback:has(textarea.warning) {
    --form-feedback-bg: var(--palette-warning);
    --form-feedback-color: var(--palette-warning-text);
}


.form-has-feedback:has(input.info),
.form-has-feedback:has(select.info),
.form-has-feedback:has(textarea.info) {
    --form-feedback-bg: var(--palette-info);
    --form-feedback-color: var(--palette-info-text);
}


.form-has-feedback:has(input.read),
.form-has-feedback:has(select.read),
.form-has-feedback:has(textarea.read) {
    --form-feedback-bg: var(--palette-read);
    --form-feedback-color: var(--palette-read-text);
}


.form-has-feedback:has(input.settings),
.form-has-feedback:has(select.settings),
.form-has-feedback:has(textarea.settings) {
    --form-feedback-bg: var(--palette-settings);
    --form-feedback-color: var(--palette-settings-text);
}


.form-has-feedback:has(input.alarm),
.form-has-feedback:has(select.alarm),
.form-has-feedback:has(textarea.alarm) {
    --form-feedback-bg: var(--palette-alarm);
    --form-feedback-color: var(--palette-alarm-text);
}


.form-has-feedback:has(input.event),
.form-has-feedback:has(select.event),
.form-has-feedback:has(textarea.event) {
    --form-feedback-bg: var(--palette-event);
    --form-feedback-color: var(--palette-event-text);
}


.form-has-feedback:has(input.white),
.form-has-feedback:has(select.white),
.form-has-feedback:has(textarea.white) {
    --form-feedback-bg: var(--palette-white);
    --form-feedback-color: var(--palette-white-text);
}


.form-has-feedback:has(input.black),
.form-has-feedback:has(select.black),
.form-has-feedback:has(textarea.black) {
    --form-feedback-bg: var(--palette-black);
    --form-feedback-color: var(--palette-black-text);
}


.form-has-feedback:has(input.light),
.form-has-feedback:has(select.light),
.form-has-feedback:has(textarea.light) {
    --form-feedback-bg: var(--palette-light);
    --form-feedback-color: var(--palette-light-text);
}

.form-has-feedback .form-floating,
.form-has-feedback .bfs-checkbox,
.form-has-feedback .form-check.form-switch {
    width: 100%;
}

.form-has-feedback-reverse {
    flex-direction: row-reverse;
}

.form-feedback {
    display: inline-flex;
    align-items: center;
    width: auto;
    max-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: var(--form-feedback-bg);
    color: var(--form-feedback-color);
    border-bottom: 3px solid var(--form-feedback-after-bg);
    position: relative;
}

.form-feedback::after {
    position: absolute;
    content: ' ';
    display: flex;
    width: 1px;
    height: 70%;
    top: 15%;
    right: 0px;
    background-color: var(--form-feedback-after-bg);
}

.form-feedback>i {
    font-size: calc(2 *var(--icon-font-size)) !important;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-control.primary {
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.form-control.primary:disabled,
.form-control.primary.disabled {
    background-color: var(--palette-dark-primary) !important;
    color: var(--palette-dark-primary-text) !important;
    opacity: 1;
}


.form-control.accent {
    background-color: var(--palette-accent) !important;
    color: var(--palette-accent-text) !important;
}

.form-control.accent:disabled,
.form-control.accent.disabled {
    background-color: var(--palette-dark-accent) !important;
    color: var(--palette-dark-accent-text) !important;
    opacity: 1;
}


.form-control.success {
    background-color: var(--palette-success) !important;
    color: var(--palette-success-text) !important;
}

.form-control.success:disabled,
.form-control.success.disabled {
    background-color: var(--palette-dark-success) !important;
    color: var(--palette-dark-success-text) !important;
    opacity: 1;
}


.form-control.error {
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.form-control.error:disabled,
.form-control.error.disabled {
    background-color: var(--palette-dark-error) !important;
    color: var(--palette-dark-error-text) !important;
    opacity: 1;
}


.form-control.warning {
    background-color: var(--palette-warning) !important;
    color: var(--palette-warning-text) !important;
}

.form-control.warning:disabled,
.form-control.warning.disabled {
    background-color: var(--palette-dark-warning) !important;
    color: var(--palette-dark-warning-text) !important;
    opacity: 1;
}


.form-control.info {
    background-color: var(--palette-info) !important;
    color: var(--palette-info-text) !important;
}

.form-control.info:disabled,
.form-control.info.disabled {
    background-color: var(--palette-dark-info) !important;
    color: var(--palette-dark-info-text) !important;
    opacity: 1;
}


.form-control.read {
    background-color: var(--palette-read) !important;
    color: var(--palette-read-text) !important;
}

.form-control.read:disabled,
.form-control.read.disabled {
    background-color: var(--palette-dark-read) !important;
    color: var(--palette-dark-read-text) !important;
    opacity: 1;
}


.form-control.settings {
    background-color: var(--palette-settings) !important;
    color: var(--palette-settings-text) !important;
}

.form-control.settings:disabled,
.form-control.settings.disabled {
    background-color: var(--palette-dark-settings) !important;
    color: var(--palette-dark-settings-text) !important;
    opacity: 1;
}


.form-control.alarm {
    background-color: var(--palette-alarm) !important;
    color: var(--palette-alarm-text) !important;
}

.form-control.alarm:disabled,
.form-control.alarm.disabled {
    background-color: var(--palette-dark-alarm) !important;
    color: var(--palette-dark-alarm-text) !important;
    opacity: 1;
}


.form-control.event {
    background-color: var(--palette-event) !important;
    color: var(--palette-event-text) !important;
}

.form-control.event:disabled,
.form-control.event.disabled {
    background-color: var(--palette-dark-event) !important;
    color: var(--palette-dark-event-text) !important;
    opacity: 1;
}


.form-control.white {
    background-color: var(--palette-white) !important;
    color: var(--palette-white-text) !important;
}

.form-control.white:disabled,
.form-control.white.disabled {
    background-color: var(--palette-dark-white) !important;
    color: var(--palette-dark-white-text) !important;
    opacity: 1;
}


.form-control.black {
    background-color: var(--palette-black) !important;
    color: var(--palette-black-text) !important;
}

.form-control.black:disabled,
.form-control.black.disabled {
    background-color: var(--palette-dark-black) !important;
    color: var(--palette-dark-black-text) !important;
    opacity: 1;
}


.form-control.light {
    background-color: var(--palette-light) !important;
    color: var(--palette-light-text) !important;
}

.form-control.light:disabled,
.form-control.light.disabled {
    background-color: var(--palette-dark-light) !important;
    color: var(--palette-dark-light-text) !important;
    opacity: 1;
}


.bfs-checkbox {
    --bfs-checkbox-checked: var(--palette-primary);
    --bfs-checkbox-border-radius: 2px;
    --bfs-checkbox-top: 3px
}

.bfs-checkbox.primary {
    --bfs-checkbox-checked: var(--palette-primary);
}

.bfs-checkbox.accent {
    --bfs-checkbox-checked: var(--palette-accent);
}

.bfs-checkbox.success {
    --bfs-checkbox-checked: var(--palette-success);
}

.bfs-checkbox.warning {
    --bfs-checkbox-checked: var(--palette-warning);
}

.bfs-checkbox.error {
    --bfs-checkbox-checked: var(--palette-error);
}

.bfs-checkbox.info {
    --bfs-checkbox-checked: var(--palette-info);
}

.bfs-checkbox.read {
    --bfs-checkbox-checked: var(--palette-read);
}

.bfs-checkbox.settings {
    --bfs-checkbox-checked: var(--palette-settings);
}

.bfs-checkbox.alarm {
    --bfs-checkbox-checked: var(--palette-alarm);
}

.bfs-checkbox.event {
    --bfs-checkbox-checked: var(--palette-event);
}

.bfs-checkbox.white {
    --bfs-checkbox-checked: var(--palette-white);
}

.bfs-checkbox.light {
    --bfs-checkbox-checked: var(--palette-light);
}

.bfs-checkbox.round {
    --bfs-checkbox-border-radius: 50%;
    --bfs-checkbox-top: 3.5px
}

.bfs-checkbox {
    position: relative;
    z-index: 0;
    display: inline-block;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
}

.bfs-checkbox>* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Input */
.bfs-checkbox>input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: -10px;
    top: -8px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    box-shadow: none;
    outline: none;
    opacity: 0;
    transform: scale(1);
    /* pointer-events: none; */
    transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.bfs-checkbox>span {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

/* Box */
.bfs-checkbox>span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 3px 11px 3px 1px;
    border: solid 2px;
    /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    border-radius: var(--bfs-checkbox-border-radius);
    width: 18px;
    height: 18px;
    vertical-align: top;
    transition: border-color 0.2s, background-color 0.2s;
}

/* Checkmark */
.bfs-checkbox>span::after {
    content: "";
    display: block;
    position: absolute;
    top: var(--bfs-checkbox-top);
    left: 1px;
    width: 10px;
    height: 5px;
    border: solid 2px transparent;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg);
}

/* Checked, Indeterminate */
.bfs-checkbox>input:checked,
.bfs-checkbox>input:indeterminate {
    background-color: var(--bfs-checkbox-checked);
}

.bfs-checkbox>input:checked+span::before,
.bfs-checkbox>input:indeterminate+span::before {
    border-color: var(--bfs-checkbox-checked);
    background-color: var(--bfs-checkbox-checked);
}

.bfs-checkbox>input:checked+span::after,
.bfs-checkbox>input:indeterminate+span::after {
    border-color: rgb(255, 255, 255);
}

.bfs-checkbox>input:indeterminate+span::after {
    border-left: none;
    transform: translate(4px, 3px);
}

/* Hover, Focus */
.bfs-checkbox:hover>input {
    opacity: 0.04;
}

.bfs-checkbox>input:focus {
    opacity: 0.12;
}

.bfs-checkbox:hover>input:focus {
    opacity: 0.16;
}

/* Active */
.bfs-checkbox>input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

.bfs-checkbox>input:active+span::before {
    border-color: var(--bfs-checkbox-checked);
}

.bfs-checkbox>input:checked:active+span::before {
    border-color: transparent;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

/* Disabled */
.bfs-checkbox>input:disabled {
    opacity: 0;
}

.bfs-checkbox>input:disabled+span {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    cursor: initial;
}

.bfs-checkbox>input:disabled+span::before {
    border-color: currentColor;
}

.bfs-checkbox>input:checked:disabled+span::before,
.bfs-checkbox>input:indeterminate:disabled+span::before {
    border-color: transparent;
    background-color: currentColor;
}


.form-check.form-switch label {
    margin-left: 0.5rem !important;
}

.form-check .form-check-input {
    margin-left: 0.5rem !important;
}

.form-check-label {
    cursor: pointer !important;
}

input:active,
input:focus,
input:hover {
    outline: none !important;
    box-shadow: none !important;
}


.form-check-input.primary:checked {
    background-color: var(--palette-primary) !important;
    border-color: var(--palette-primary) !important;
}

.form-check-input.accent:checked {
    background-color: var(--palette-accent) !important;
    border-color: var(--palette-accent) !important;
}

.form-check-input.success:checked {
    background-color: var(--palette-success) !important;
    border-color: var(--palette-success) !important;
}

.form-check-input.warning:checked {
    background-color: var(--palette-warning) !important;
    border-color: var(--palette-warning) !important;
}

.form-check-input.error:checked {
    background-color: var(--palette-error) !important;
    border-color: var(--palette-error) !important;
}

.form-check-input.read:checked {
    background-color: var(--palette-read) !important;
    border-color: var(--palette-read) !important;
}

.form-check-input.info:checked {
    background-color: var(--palette-info) !important;
    border-color: var(--palette-info) !important;
}

.form-check-input.settings:checked {
    background-color: var(--palette-settings) !important;
    border-color: var(--palette-settings) !important;
}

.form-check-input.alarm:checked {
    background-color: var(--palette-alarm) !important;
    border-color: var(--palette-alarm) !important;
}

.form-check-input.event:checked {
    background-color: var(--palette-event) !important;
    border-color: var(--palette-event) !important;
}
.form-check-input.white:checked {
    background-color: var(--palette-white) !important;
    border-color: var(--palette-white) !important;
}
.form-check-input.light:checked {
    background-color: var(--palette-light) !important;
    border-color: var(--palette-light) !important;
}.form-floating:has(.bfs-fu-simple-container) label,
.form-floating:has(.bfs-fu-dropzone-container) label,
.form-floating:has(.bfs-fu-simple-container) input,
.form-floating:has(.bfs-fu-dropzone-container) input,
.form-floating:has(.bfs-fu-simple-container) label span.text-required,
.form-floating:has(.bfs-fu-dropzone-container) label span.text-required,
.form-floating:has(.bfs-fu-simple-container) select,
.form-floating:has(.bfs-fu-dropzone-container) select {
    opacity: none !important;
}

.form-floating:has(.bfs-fu-simple-container) label,
.form-floating:has(.bfs-fu-dropzone-container) label,
.form-floating:has(.bfs-fu-simple-container) label span.text-required,
.form-floating:has(.bfs-fu-dropzone-container) label span.text-required {
    display: none !important;
}

.bfs-fu-simple-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px;
    padding: 0px;
    background-color: #d7d7d7;
}

.bfs-fu-simple-container:has(.form-control.white) {
    background-color: #fff;
}


.bfs-fu-simple-content {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row-reverse;
}

.bfs-fu-simple-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;

}

.bfs-fu-simple-info-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: black;
}

.bfs-fu-simple-info {
    margin: 0px;
    height: 100%;
    display: flex;
    background-color: var(--palette-primary);
    color: var(--palette-primary-text);
    padding: 0.25rem;
    margin: 0px;
    flex-direction: column;
    width: 60px;
}

.bfs-fu-simple-icons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.bfs-fu-simple-info:not(.error):not(.success) .bfs-fu-simple-icons .ph-warning-circle,
.bfs-fu-simple-info:not(.error):not(.success) .bfs-fu-simple-icons .ph-check-circle {
    display: none;
}

.bfs-fu-simple-info:not(.error):not(.success) .bfs-fu-simple-icons .ph-circle-notch {
    display: block;
}

.bfs-fu-simple-info.error .bfs-fu-simple-icons .ph-circle-notch,
.bfs-fu-simple-info.error .bfs-fu-simple-icons .ph-check-circle {
    display: none;
}

.bfs-fu-simple-info.error .bfs-fu-simple-icons .ph-warning-circle {
    display: block;
}

.bfs-fu-simple-info.success:not(.error) .bfs-fu-simple-icons .ph-circle-notch,
.bfs-fu-simple-info.success:not(.error) .bfs-fu-simple-icons .ph-warning-circle {
    display: none;
}

.bfs-fu-simple-info.success:not(.error) .bfs-fu-simple-icons .ph-check-circle {
    display: block;
}

.bfs-fu-simple-info.error {
    background-color: var(--palette-error);
    color: var(--palette-error-text);
}

.bfs-fu-simple-info.success {
    background-color: var(--palette-success);
    color: var(--palette-success-text);
}

.bfs-fu-simple-communications-container {
    display: flex;
    flex-direction: column;
    padding-right: 58px !important;
    margin: 0px;
    padding: 0px;
    width: calc(100% - 60px);
    height: 100%;
    padding-left: 0.5rem;
    padding-top: 0.15rem;
}

.bfs-fu-simple-communications-title {
    width: auto;
    height: 25px;
    font-size: 10pt;
    font-weight: bold;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.bfs-fu-simple-container.move .bfs-fu-simple-communications-container {
    /* padding-left: 0px; */
}

.bfs-fu-simple-container.move .bfs-fu-simple-communications-title,
.bfs-fu-simple-container.move .bfs-fu-simple-communications-body {
    position: relative;
}

.bfs-fu-simple-container.move .bfs-fu-simple-communications-title>span,
.bfs-fu-simple-container.move .bfs-fu-simple-communications-body>span {
    position: absolute;
    animation: moveLeft 6s linear infinite;
    -webkit-animation: moveLeft 6s linear infinite;
}



@keyframes moveLeft {
    0% {
        left: 0%;
    }

    30% {
        left: 0%;
    }

    100% {
        left: calc(-100% - .5rem);
    }
}

@-webkit-keyframes moveLeft {
    0% {
        left: 0%;
    }

    30% {
        left: 0%;
    }

    100% {
        left: calc(-100% - .5rem);
    }
}




.bfs-fu-simple-communications-body {
    height: 100%;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11pt;
    color: #000;
}

.bfs-fu-simple-controllers-container {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    margin: 0px;
    padding: 0px;
    height: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.bfs-fu-simple-controllers-container:not(.mobile) {
    flex-direction: row-reverse;
}

.bfs-fu-simple-controllers-container,
.bfs-fu-simple-controllers,
.bfs-fu-simple-controller {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


.bfs-fu-simple-controllers-container.open {
    width: 100%;
}

.bfs-fu-simple-controllers-opener {
    width: 58px !important;
}

.bfs-fu-simple-controllers-container.open:not(.mobile) .bfs-fu-simple-controllers-opener {
    display: none;
}

.bfs-fu-simple-controllers-container.open.mobile .bfs-fu-simple-controllers-opener i.ph-caret-double-left {
    display: none;
}

.bfs-fu-simple-controllers-container.open.mobile .bfs-fu-simple-controllers-opener i.ph-caret-double-right {
    display: block;
}

.bfs-fu-simple-controllers-container:not(.open) .bfs-fu-simple-controllers-opener i.ph-caret-double-right {
    display: none;
}

.bfs-fu-simple-controllers-container:not(.open) .bfs-fu-simple-controllers-opener i.ph-caret-double-left {
    display: block;
}

.bfs-fu-simple-controllers {
    width: 0px;
    display: flex;
    flex-direction: row-reverse;
}


.bfs-fu-simple-controllers-container.open .bfs-fu-simple-controllers {
    width: 100%;
}

.bfs-fu-simple-controllers .bfs-fu-simple-controller {
    width: 0px;
    opacity: 0;
    display: none;
}

.bfs-fu-simple-controllers-container.open .bfs-fu-simple-controller {
    display: inline;
    opacity: 1;
    width: 100% !important;
}


.bfs-fu-simple-preview-card-container {
    height: 150px;
    max-height: 150px;
    min-height: 150px;
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    padding: 25px;
}

.bfs-preview-card {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background-color: #fff;
    border-radius: 25px;
    background-color: rgba(0, 0, 0, 0.2);
}

.bfs-preview-card-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 25px;
    position: relative;
}

.bfs-preview-card-img-container img {
    max-width: 100%;
    max-height: 100%;
    align-self: center;
}

.bfs-preview-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px !important;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    display: none;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.bfs-preview-card-overlay:hover {
    background-color: rgba(193, 193, 193, 0.7);
}

.bfs-preview-card-overlay:hover i,
.bfs-delete-card-overlay:hover i {
    transform: scale(1.2);
}

.bfs-delete-card-overlay:hover {
    background-color: rgba(253, 44, 44, 0.5);
}

.bfs-delete-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px !important;
    background-color: rgba(255, 0, 0, 0.5);
    color: #fff;
    display: none;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.bfs-preview-card:has(.bfs-delete-card-overlay) .bfs-preview-card-overlay {
    width: 50%;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.bfs-preview-card:hover .bfs-preview-card-overlay,
.bfs-preview-card:hover .bfs-delete-card-overlay {
    display: flex;
}

.bfs-preview-card:has(.bfs-preview-card-overlay) .bfs-delete-card-overlay {
    width: 50%;
    left: 50%;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.bfs-single-file-preview-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background-color: transparent;
}

.bfs-single-file-preview-container img {
    max-width: 100%;
    max-height: 100%;
    align-self: center;
}

.form-floating:has(input[disabled]) .bfs-fu-simple-container {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.form-floating:has(input[disabled]):has(.bfs-fu-simple-container) {
    cursor: not-allowed !important;
}


.fl-preview-container {
    margin: 0px;
    padding: 0.75rem;
}

.fl-preview {
    height: 250px;
    max-height: 250px;
    min-height: 250px;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
    background-color: #d8d8d8
}

.fl-preview-header {
    width: 100%;
    display: flex;
    justify-content: start;
    margin: 0px;
    padding: 0px;
    background-color: var(--palette-primary);
    color: var(--palette-primary-text);
    padding-left: 0.5rem;
    align-items: center;
    height: 30px;
    max-height: 30px;
    min-height: 30px;
}

.fl-preview-body {
    width: 100%;
    height: 190px;
    max-height: 190px;
    min-height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    margin: 0px;
    background: url(/static/img/patterns/transparency.svg);
    background-repeat: repeat;
}

.fl-preview-content {
    max-width: 100%;
    max-height: 100%;
    margin: 0px;
    padding: 0px;
}

.fl-preview-placeholder {
    max-width: 100%;
    font-size: 15pt;
    text-align: center;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}

.fl-preview-footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 0px;
    padding: 0px;
    height: 30px;
    max-height: 30px;
    min-height: 30px;
}

.fl-preview-trigger {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.fl-preview-trigger.preview {
    background-color: var(--palette-info);
    color: var(--palette-info-text);
}

.fl-preview-trigger.delete {
    width: 50%;
    background-color: var(--palette-error);
    color: var(--palette-error-text);
}

.fl-preview-trigger[disabled],
.fl-preview-trigger.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    background-color: grey;
    color: black;
}

.fl-preview-trigger.preview:hover:not([disabled]):not(.disabled) {
    background-color: var(--palette-light-info);
    color: var(--palette-light-info-text);
}

.fl-preview-trigger.delete:hover:not([disabled]):not(.disabled) {
    background-color: var(--palette-light-error);
    color: var(--palette-light-error-text);
}

.file-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    border: 1px solid var(--palette-primary);
    background-color: white;
    color: black;
}

.fl-header {
    width: 100%;
    height: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.fl-controllers {
    width: 6rem;
    height: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.fl-controllers>* {
    width: 3rem !important;
    height: 3rem !important;
    margin: 0px !important;
    padding: 0px !important;

}

.fl-titles {
    width: calc(100%);
    height: 3rem;
    display: flex;
    flex-direction: column;
}

.fl-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    height: 2rem;
}

.fl-details {
    width: 100%;
    text-align: center;
    font-size: 10pt;
    font-weight: 600;
    height: 1rem;
    opacity: .8;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.fl-body {
    width: 100%;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fl-drop {
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    margin: .5rem;
    border: 2px dashed rgba(var(--palette-rgb-primary), .5);
    display: flex;
    cursor: pointer;
    border-radius: 1rem;
}

.fl-drop:hover,
.fl-drop.highlight {
    background-color: rgba(var(--palette-rgb-accent), .5);
    color: var(--palette-accent-text)
}

.fl-drop-info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: 1.25rem;
    align-items: center;
}

.fl-drop-info>* {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-floating:has(.file-loader) input,
.form-floating:has(.file-loader) label {
    display: none !important;
}.text-primary-dark {
    color: var(--palette-dark-primary) !important;
}

.text-primary {
    color: var(--palette-primary) !important;
}

.text-primary-light {
    color: var(--palette-light-primary) !important;
}

.text-accent-dark {
    color: var(--palette-dark-accent) !important;
}

.text-accent {
    color: var(--palette-accent) !important;
}

.text-accent-light {
    color: var(--palette-light-accent) !important;
}

.text-success-dark {
    color: var(--palette-dark-success) !important;
}

.text-success {
    color: var(--palette-success) !important;
}

.text-success-light {
    color: var(--palette-light-success) !important;
}

.text-warning-dark {
    color: var(--palette-dark-warning) !important;
}

.text-warning {
    color: var(--palette-warning) !important;
}

.text-warning-light {
    color: var(--palette-light-warning) !important;
}

.text-error-dark {
    color: var(--palette-dark-error) !important;
}

.text-error {
    color: var(--palette-error) !important;
}

.text-error-light {
    color: var(--palette-light-error) !important;
}

.text-info-dark {
    color: var(--palette-dark-info) !important;
}

.text-info {
    color: var(--palette-info) !important;
}

.text-info-light {
    color: var(--palette-light-info) !important;
}

.text-read-dark {
    color: var(--palette-dark-read) !important;
}

.text-read {
    color: var(--palette-read) !important;
}

.text-read-light {
    color: var(--palette-light-read) !important;
}

.text-settings-dark {
    color: var(--palette-dark-settings) !important;
}

.text-settings {
    color: var(--palette-settings) !important;
}

.text-settings-light {
    color: var(--palette-light-settings) !important;
}

.text-alarm-dark {
    color: var(--palette-dark-alarm) !important;
}

.text-alarm {
    color: var(--palette-alarm) !important;
}

.text-alarm-light {
    color: var(--palette-light-alarm) !important;
}

.text-event-dark {
    color: var(--palette-dark-event) !important;
}

.text-event {
    color: var(--palette-event) !important;
}

.text-event-light {
    color: var(--palette-light-event) !important;
}

.text-bg-dark-primary {
    color: var(--palette-dark-primary-text) !important;
}

.text-bg-primary {
    color: var(--palette-primary-text) !important;
}

.text-bg-light-primary {
    color: var(--palette-light-primary-text) !important;
}


.text-bg-dark-accent {
    color: var(--palette-dark-accent-text) !important;
}

.text-bg-accent {
    color: var(--palette-accent-text) !important;
}

.text-bg-light-accent {
    color: var(--palette-light-accent-text) !important;
}


.text-bg-dark-success {
    color: var(--palette-dark-success-text) !important;
}

.text-bg-success {
    color: var(--palette-success-text) !important;
}

.text-bg-light-success {
    color: var(--palette-light-success-text) !important;
}


.text-bg-dark-info {
    color: var(--palette-dark-info-text) !important;
}

.text-bg-info {
    color: var(--palette-info-text) !important;
}

.text-bg-light-info {
    color: var(--palette-light-info-text) !important;
}


.text-bg-dark-warning {
    color: var(--palette-dark-warning-text) !important;
}

.text-bg-warning {
    color: var(--palette-warning-text) !important;
}

.text-bg-light-warning {
    color: var(--palette-light-warning-text) !important;
}


.text-bg-dark-error {
    color: var(--palette-dark-error-text) !important;
}

.text-bg-error {
    color: var(--palette-error-text) !important;
}

.text-bg-light-error {
    color: var(--palette-light-error-text) !important;
}


.text-bg-dark-read {
    color: var(--palette-dark-read-text) !important;
}

.text-bg-read {
    color: var(--palette-read-text) !important;
}

.text-bg-light-read {
    color: var(--palette-light-read-text) !important;
}


.text-bg-dark-settings {
    color: var(--palette-dark-settings-text) !important;
}

.text-bg-settings {
    color: var(--palette-settings-text) !important;
}

.text-bg-light-settings {
    color: var(--palette-light-settings-text) !important;
}


.text-bg-dark-alarm {
    color: var(--palette-dark-alarm-text) !important;
}

.text-bg-alarm {
    color: var(--palette-alarm-text) !important;
}

.text-bg-light-alarm {
    color: var(--palette-light-alarm-text) !important;
}


.text-bg-dark-event {
    color: var(--palette-dark-event-text) !important;
}

.text-bg-event {
    color: var(--palette-event-text) !important;
}

.text-bg-light-event {
    color: var(--palette-light-event-text) !important;
}.card__ {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--primary-dark-palette);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 0px;
    margin: 0 0 2rem 0;
}

.card__ .btn:not(.allow-margin) {
    margin: 0px !important;
}

.card__ input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

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

.card__header,
.card__footer {
    padding: 0.3rem;
}

.card__body {
    padding: 1rem;
}

.card__header,
.card__body,
.card__footer {
    margin: 0px;
}

.card__info {
    margin: 0px;
    padding: 0px;
    display: flex;
    color: var(--palette-light-primary-text);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 1rem;
}

.card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--palette-accent);
    background-color: rgba(var(--palette-rgb-primary), 0.8);
    width: 100%;
}

.card__title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--palette-primary-text) !important;
    display: flex;
    align-self: center;
    margin: 0px;
    padding: 0px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-left: 1rem;
}

.card__header .header__elements {
    display: inline-flex;
    flex-direction: row;
}

.header__elements button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* @media (max-width: 600px) {
    .there-are-more-pages {
        display: none !important;
    }
} */
.first-controller-collapser-container {
    display: none;
}

.body__controllers.second__controllers.has-nothing {
    padding: 0px !important;
}

@media (min-width: 1051px) {

    .card__body .body__controllers {
        display: flex !important;
    }
}

.pagination-input {
    border: none;
    outline: none;
    width: 50px;
    text-align: center;
}

@media (max-width: 1050px) {
    .pagination-input {
        width: 150px;
    }

    .header__elements button {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .first-controller-collapser-container {
        display: block;
    }

    .controller-collapser {
        border-radius: 25px;
        width: 100%;
        text-align: center;
    }

    .card__header,
    .card__footer,
    .body__controllers,
    .second__controllers,
    .controllers__ {
        flex-direction: column !important;
    }

    .footer__text,
    .footer__elements,
    .header__elements,
    .card__title,
    .controllers__,
    .card__info,
    .filter__controller {
        width: 100% !important;
        justify-content: center !important;
        margin-bottom: 1rem !important;
    }

    .search__controller {
        display: inline-flex !important;
        margin-bottom: 1rem !important;
    }

    .search__controller,
    .search__form__container {
        width: 100% !important;
    }

    .controllers__>* {
        margin-bottom: 0.5rem !important;
    }

    .buttons-controllers {
        flex-direction: column !important;
    }

    .buttons-controllers .btn-group {
        margin: 0px !important;
        margin-top: 0.5rem !important;
        width: 100% !important;
    }

    .second__controllers {
        display: block !important;
        flex-direction: column !important;
    }

    .second__controllers .btn-group {
        flex-direction: column !important;
        width: 100% !important;
    }

    .second__controllers .btn-group button {
        border-radius: 25px 25px 25px 25px !important;
        width: 100% !important;
        margin-bottom: 1rem !important;
    }

    .second__controllers .btn:first-child {
        border-radius: 25px 25px 25px 25px !important;
    }

    .second__controllers .btn:last-child {
        border-radius: 25px 25px 25px 25px !important;
    }

    .footer__elements {
        flex-direction: column !important;
    }


    .footer__elements .btn-group {
        width: 100% !important;
        margin-bottom: 0.5rem !important;
        justify-content: center !important;
        display: flex !important;
        flex-direction: row !important;
    }

    .footer__elements .btn-group .btn:first-child {
        border-radius: 25px 0 0 25px !important;
    }

    .footer__elements .btn-group .btn:last-child {
        border-radius: 0 25px 25px 0 !important;
    }

}

.search__form__container {
    position: relative;
}

.card__body {
    display: flex;
    flex-direction: column;
}

.card__body .body__controllers {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

/* .body_controllers.collapse:not(.show){
    display: none !important;
} */
.card__:has(.body__controllers.collapse:not(.show)) .i-c-c {
    transform: rotate(180deg);
}

.i-c-c {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.card__:has(.body__controllers.collapsing) .i-c-c {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.body__controllers--filters {
    padding: 0px !important;
    margin-bottom: 1rem !important;
}

.body__controllers.body__controllers--filters.show {
    display: flex !important;
}

.body__controllers.body__controllers--filters:not(.show) {
    display: none !important;
}

.buttons-controllers {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.buttons-controllers button,
.buttons-controllers a {
    margin-bottom: 0.5rem;
    width: 100% !important;
}


.card__body .body__controllers .search__controller,
.card__body .body__controllers .filter__controller {
    display: inline-flex;
    flex-direction: row;
}

.card__body .body__controllers .controllers__ {
    display: flex;
}

.body__controllers .form-floating {
    min-width: calc(250px - 1rem);
    width: calc(250px - 1rem);
}

.body__utilities {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.body__content {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.card__footer {
    background-color: #cbcbcb;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 2px solid var(--palette-accent);
}

.card__footer .footer__text {
    font-size: 1rem;
    font-weight: 600;
    color: var(--palette-footer-background-text) !important;
    display: flex;
    text-align: start;
    align-self: center;
    margin: 0px;
    padding: 0px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;

}

.card__footer .footer__elements {
    display: inline-flex;
    flex-direction: row;
}

.responsive-controller {
    display: none;
}

.table__:has(tr .responsive-hidden) .responsive-controller {
    display: block !important;
}

table.table__ {
    width: 100%;
    max-width: 100% !important;
}

.table__ thead tr th {
    background-color: var(--palette-light-primary) !important;
    color: var(--palette-light-primary-text) !important;
}

.table__ thead tr th,
.table__ tbody tr td {
    padding: 0;
    cursor: pointer;
}

.column-container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    /* no text select */
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table__ tbody tr td .column-container {
    display: inline-block;
}

.table__ thead tr th .column-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.table__ thead tr th .header-container {
    justify-content: space-between;
}

    .table__ thead tr:not(.search-tr) th:hover {
        background-color: var(--palette-dark-primary) !important;
        color: var(--palette-dark-primary-text) !important;
    }

.table__ thead tr.search-tr th {
    background-color: white !important;
    color: black !important;
}


.table__.striped tbody tr:not(.responsive-hidden-cells):nth-child(odd) {
    background-color: var(--palette-table-row-striped);
    color: var(--palette-table-row-striped-text);
}

.table__ tbody tr.selected {
    background-color: var(--palette-table-row-selected) !important;
    color: var(--palette-table-row-selected-text) !important;
    border-bottom: 1px solid var(--palette-accent) !important;
    border-left: 5px solid var(--palette-accent) !important;
}

.table__ tbody tr.selected::after {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control-table-search {
    background-color: white !important;
    color: black !important;
    height: 40px !important;
    padding: 1rem !important;
    width: 100% !important;
    border: none !important;
    outline: none !important;
}

.form-control-table-search::placeholder {
    color: var(--palette-accent) !important;
}

.form-control-table-search:focus {
    outline: none !important;
    border: none !important;
}

.table-search-container {
    width: 100% !important;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 0px;
    padding: 0px;
    height: 40px !important;
}

.table-search-container input {
    text-decoration: none;
    color: black;
    background-color: white;
    padding: 1px;
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
}

.table-search-container input:focus {
    border: none;
    outline: none;
}

.table-search-container .search-cleaner {
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0.5rem;
    text-decoration: none;
}

.row-action {
    display: flex;
    flex-direction: row;
    padding: 0px;
    margin: 0px;
    width: 0px !important;
}

.card-collapser {
    transition: all 0.3s ease-in-out;
}

.card__:has(.card__body:not(.show)) .card-collapser {
    transform: rotate(180deg);
}

.card__:has(.card__body.collapsing) .card-collapser {
    transform: rotate(90deg);
}

.card__:has(.card__body:not(.show)) .card-minimizer {
    background-color: var(--palette-light-primary) !important;
    color: var(--palette-light-primary-text) !important;
}

.controllers__ .btn:first-child {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}

.controllers__ .btn:last-child {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.header__elements .btn:first-child {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}

.header__elements .btn:last-child {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.search__controller>*:first-child {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}

.search__controller>*:last-child,
.search__controller input {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    border-bottom: none !important;
}

.search__controller .form-control:focus,
.search__controller .form-control:active {
    border: none !important;
    outline: none !important;
}

.second__controllers {
    display: flex;
    flex-direction: row;
    justify-content: center !important;
    align-items: center;
    padding: 1rem 0px;
    background-color: var(--palette-body-background) !important;
}

.second__controllers .btn:first-child,
.table-pagination-first {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}

.second__controllers .btn:last-child,
.table-pagination-end {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.body__controllers button,
.body__controllers a,
.body__controllers .form-control {
    height: 44px !important;
}

.table-search {
    padding-left: 0.40rem !important;
    font-size: 0.85rem !important;
}

.responsive-show {
    display: none;
}

.table__ td.responsive-hide,
.table__ th.responsive-hide {
    display: none !important;
}

.table__:has(td.responsive-hide) .responsive-show {
    display: table-cell !important;
}

.op-0 {
    opacity: 0;
}

.op-1 {
    opacity: 1;
}

.loader-line {
    width: 100%;
    height: 3px;
    position: relative;
    overflow: hidden;
}

.loader-line:before {
    content: "";
    position: absolute;
    left: -50%;
    height: 3px;
    width: 40%;
    background: linear-gradient(to right, var(--palette-success) 0%, var(--palette-error) 25%, var(--palette-read) 50%, var(--palette-settings) 75%, var(--palette-warning) 100%);
    -webkit-animation: lineAnim 1s linear infinite;
    -moz-animation: lineAnim 1s linear infinite;
    animation: lineAnim 1s linear infinite;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

@keyframes lineAnim {
    0% {
        left: -40%;
    }

    50% {
        left: 20%;
        width: 80%;
    }

    100% {
        left: 100%;
        width: 100%;
    }
}

.dropdown-menu {
    max-width: 100% !important;
}

.dropdown-menu .dropdown-item:not(.no-ellipsis) {
    /* hide end of text and add 3 dots */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
}

.search__form__cleaner {
    display: none;
    position: absolute;
    right: 10px;
    margin: 0px;
    padding: 0px;
    top: 12px;
    text-decoration: none;
    color: var(--palette-primary);
    cursor: pointer;
}

.form-control.card__control.has-value+.search__form__cleaner {
    display: block;
}

.form-control.card__control.has-value {
    padding-right: 30px;
}

.search__form__cleaner:hover {
    color: var(--palette-dark-primary);
}



button.btn-selected-options {
    display: none;
}

.card__:has(.table__.table__selection-active) button.btn-selected-options {
    display: block !important;
}

.card__ {
    /* no select */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table-view-responsive-hidden-elements .column-container span:last-child i {
    display: none !important;
}

.global__filter__d-none {
    display: none !important;
}

.partial__filter__d-none {
    display: none !important;
}

.card__.fullscreen {
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: calc(var(--window-innerHeight) - 50px) !important;
    background-color: var(--palette-body-background) !important;
    z-index: 2999 !important;
    overflow-x: auto !important;
}

.table__ th:not([data-bs-order="asc"]):not([data-bs-order="desc"]) .th-order-desc,
.table__ th:not([data-bs-order="asc"]):not([data-bs-order="desc"]) .th-order-asc {
    display: none;
}

.table__ th[data-bs-order="asc"] .th-order-desc {
    display: none;
}

.table__ th[data-bs-order="asc"] .th-order-asc {
    display: block;
}

.table__ th[data-bs-order="desc"] .th-order-asc {
    display: none;
}

.table__ th[data-bs-order="desc"] .th-order-desc {
    display: block;
}

.table__ th[data-bs-order="desc"]:not([data-bs-filter]):not(.responsive-show),
.table__ th[data-bs-order="asc"]:not([data-bs-filter]):not(.responsive-show) {
    background-color: var(--palette-error) !important;
}

.table__ tbody {
    overflow-y: auto !important;
}.border-y {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}

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


.border-primary-dark {
    border-color: var(--palette-dark-primary) !important;
}

.border-primary {
    border-color: var(--palette-primary) !important;
}

.border-primary-light {
    border-color: var(--palette-light-primary) !important;
}



.border-white-dark {
    border-color: var(--palette-dark-white) !important;
}

.border-white {
    border-color: var(--palette-white) !important;
}

.border-white-light {
    border-color: var(--palette-light-white) !important;
}


.border-light-dark {
    border-color: var(--palette-dark-light) !important;
}

.border-light {
    border-color: var(--palette-light) !important;
}

.border-light-light {
    border-color: var(--palette-light-light) !important;
}





.border-accent-dark {
    border-color: var(--palette-dark-accent) !important;
}

.border-accent {
    border-color: var(--palette-accent) !important;
}

.border-accent-light {
    border-color: var(--palette-light-accent) !important;
}

.border-success-dark {
    border-color: var(--palette-dark-success) !important;
}

.border-success {
    border-color: var(--palette-success) !important;
}

.border-success-light {
    border-color: var(--palette-light-success) !important;
}

.border-warning-dark {
    border-color: var(--palette-dark-warning) !important;
}

.border-warning {
    border-color: var(--palette-warning) !important;
}

.border-warning-light {
    border-color: var(--palette-light-warning) !important;
}

.border-error-dark {
    border-color: var(--palette-dark-error) !important;
}

.border-error {
    border-color: var(--palette-error) !important;
}

.border-error-light {
    border-color: var(--palette-light-error) !important;
}

.border-info-dark {
    border-color: var(--palette-dark-info) !important;
}

.border-info {
    border-color: var(--palette-info) !important;
}

.border-info-light {
    border-color: var(--palette-light-info) !important;
}

.border-read-dark {
    border-color: var(--palette-dark-read) !important;
}

.border-read {
    border-color: var(--palette-read) !important;
}

.border-read-light {
    border-color: var(--palette-light-read) !important;
}

.border-settings-dark {
    border-color: var(--palette-dark-settings) !important;
}

.border-settings {
    border-color: var(--palette-settings) !important;
}

.border-settings-light {
    border-color: var(--palette-light-settings) !important;
}

.border-alarm-dark {
    border-color: var(--palette-dark-alarm) !important;
}

.border-alarm {
    border-color: var(--palette-alarm) !important;
}

.border-alarm-light {
    border-color: var(--palette-light-alarm) !important;
}

.border-event-dark {
    border-color: var(--palette-dark-event) !important;
}

.border-event {
    border-color: var(--palette-event) !important;
}

.border-event-light {
    border-color: var(--palette-light-event) !important;
}

.border-radius-circle {
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
}

.border-radius-0 {
    border-radius: 0px !important;
}

.border-radius-0-start {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.border-radius-0-end {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.border-radius-0-top {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.border-radius-0-bottom {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.border-radius-0-top-left {
    border-top-left-radius: 0px !important;
}

.border-radius-0-top-right {
    border-top-right-radius: 0px !important;
}

.border-radius-0-bottom-left {
    border-bottom-left-radius: 0px !important;
}

.border-radius-0-bottom-right {
    border-bottom-right-radius: 0px !important;
}


.border-radius-5 {
    border-radius: 10px !important;
}

.border-radius-5-start {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.border-radius-5-end {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.border-radius-5-top {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.border-radius-5-bottom {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.border-radius-5-top-left {
    border-top-left-radius: 5px !important;
}

.border-radius-5-top-right {
    border-top-right-radius: 5px !important;
}

.border-radius-5-bottom-left {
    border-bottom-left-radius: 5px !important;
}

.border-radius-5-bottom-right {
    border-bottom-right-radius: 5px !important;
}

.border-radius-10 {
    border-radius: 10px !important;
}

.border-radius-10-start {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.border-radius-10-end {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.border-radius-10-top {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.border-radius-10-bottom {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.border-radius-10-top-left {
    border-top-left-radius: 10px !important;
}

.border-radius-10-top-right {
    border-top-right-radius: 10px !important;
}

.border-radius-10-bottom-left {
    border-bottom-left-radius: 10px !important;
}

.border-radius-10-bottom-right {
    border-bottom-right-radius: 10px !important;
}


.border-radius-15 {
    border-radius: 15px !important;
}

.border-radius-15-start {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.border-radius-15-end {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.border-radius-15-top {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.border-radius-15-bottom {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.border-radius-15-top-left {
    border-top-left-radius: 15px !important;
}

.border-radius-15-top-right {
    border-top-right-radius: 15px !important;
}

.border-radius-15-bottom-left {
    border-bottom-left-radius: 15px !important;
}

.border-radius-15-bottom-right {
    border-bottom-right-radius: 15px !important;
}


.border-radius-20 {
    border-radius: 20px !important;
}

.border-radius-20-start {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.border-radius-20-end {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.border-radius-20-top {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.border-radius-20-bottom {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.border-radius-20-top-left {
    border-top-left-radius: 20px !important;
}

.border-radius-20-top-right {
    border-top-right-radius: 20px !important;
}

.border-radius-20-bottom-left {
    border-bottom-left-radius: 20px !important;
}

.border-radius-20-bottom-right {
    border-bottom-right-radius: 20px !important;
}


.border-radius-25 {
    border-radius: 25px !important;
}

.border-radius-25-start {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}

.border-radius-25-end {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.border-radius-25-top {
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}

.border-radius-25-bottom {
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

.border-radius-25-top-left {
    border-top-left-radius: 25px !important;
}

.border-radius-25-top-right {
    border-top-right-radius: 25px !important;
}

.border-radius-25-bottom-left {
    border-bottom-left-radius: 25px !important;
}

.border-radius-25-bottom-right {
    border-bottom-right-radius: 25px !important;
}


.border-radius-30 {
    border-radius: 30px !important;
}

.border-radius-30-start {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.border-radius-30-end {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.border-radius-30-top {
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
}

.border-radius-30-bottom {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.border-radius-30-top-left {
    border-top-left-radius: 30px !important;
}

.border-radius-30-top-right {
    border-top-right-radius: 30px !important;
}

.border-radius-30-bottom-left {
    border-bottom-left-radius: 30px !important;
}

.border-radius-30-bottom-right {
    border-bottom-right-radius: 30px !important;
}


.border-radius-35 {
    border-radius: 35px !important;
}

.border-radius-35-start {
    border-top-left-radius: 35px !important;
    border-bottom-left-radius: 35px !important;
}

.border-radius-35-end {
    border-top-right-radius: 35px !important;
    border-bottom-right-radius: 35px !important;
}

.border-radius-35-top {
    border-top-left-radius: 35px !important;
    border-top-right-radius: 35px !important;
}

.border-radius-35-bottom {
    border-bottom-left-radius: 35px !important;
    border-bottom-right-radius: 35px !important;
}

.border-radius-35-top-left {
    border-top-left-radius: 35px !important;
}

.border-radius-35-top-right {
    border-top-right-radius: 35px !important;
}

.border-radius-35-bottom-left {
    border-bottom-left-radius: 35px !important;
}

.border-radius-35-bottom-right {
    border-bottom-right-radius: 35px !important;
}


.border-radius-40 {
    border-radius: 40px !important;
}

.border-radius-40-start {
    border-top-left-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
}

.border-radius-40-end {
    border-top-right-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
}

.border-radius-40-top {
    border-top-left-radius: 40px !important;
    border-top-right-radius: 40px !important;
}

.border-radius-40-bottom {
    border-bottom-left-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
}

.border-radius-40-top-left {
    border-top-left-radius: 40px !important;
}

.border-radius-40-top-right {
    border-top-right-radius: 40px !important;
}

.border-radius-40-bottom-left {
    border-bottom-left-radius: 40px !important;
}

.border-radius-40-bottom-right {
    border-bottom-right-radius: 40px !important;
}


.border-radius-45 {
    border-radius: 45px !important;
}

.border-radius-45-start {
    border-top-left-radius: 45px !important;
    border-bottom-left-radius: 45px !important;
}

.border-radius-45-end {
    border-top-right-radius: 45px !important;
    border-bottom-right-radius: 45px !important;
}

.border-radius-45-top {
    border-top-left-radius: 45px !important;
    border-top-right-radius: 45px !important;
}

.border-radius-45-bottom {
    border-bottom-left-radius: 45px !important;
    border-bottom-right-radius: 45px !important;
}

.border-radius-45-top-left {
    border-top-left-radius: 45px !important;
}

.border-radius-45-top-right {
    border-top-right-radius: 45px !important;
}

.border-radius-45-bottom-left {
    border-bottom-left-radius: 45px !important;
}

.border-radius-45-bottom-right {
    border-bottom-right-radius: 45px !important;
}select.form-control-custom-select:not(:focus) .custom-select-option-container{
    display: none !important;
}

.custom-select-option-container {
    display: flex;
}.workspace-dropzone-item {
    z-index: 4000 !important;
}

.workspace-window-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000 !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: calc(var(--window-innerHeight) - 40px) !important;
    overflow: hidden;
    outline: 0;
    background: rgba(var(--palette-rgb-accent), 0.4) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.workspace-window-overlay.show {
    display: flex;
}

.workspace-window {
    /* z-index: 2500 !important; */
    background-color: #fff;
    width: 600px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: none;
    align-self: center !important;
    flex-direction: column;
    position: absolute;
    max-height: calc(var(--window-innerHeight) - 50px) !important;
    min-height: 80px;
    min-width: 300px;
    max-width: 100%;
}

.workspace-window.folder-navigation-window {
    min-height: 400px;
}

.workspace-window.show {
    display: flex;
}

.workspace-window:not(:has(.workspace-notify-content)):not(.for-preview) {
    resize: both;
    overflow: hidden;
}

.workspace-window.fullscreen {
    position: fixed !important;
    left: 0px !important;
    top: 0px !important;
    height: calc(var(--window-innerHeight) - 50px) !important;
    max-height: calc(var(--window-innerHeight) - 50px) !important;
    width: 100% !important;
    margin: 0px !important;
    resize: none !important;
}

@media(max-width: 600px) {
    .workspace-window:not(:has(.workspace-notify-content)) {
        position: fixed !important;
        left: 0px !important;
        top: 0px !important;
    }

    .workspace-window {
        width: 100% !important;
        margin: 0px !important;
    }

    .workspace-window:not(:has(.workspace-notify-content)) {
        height: calc(var(--window-innerHeight) - 50px) !important;

    }

}

.workspace-header {
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0px !important;
    margin: 0px !important;
    background-color: var(--palette-primary);
    color: var(--palette-primary-text);
    height: 30px !important;
    min-height: 30px !important;
}

.workspace-header-primary {
    background-color: var(--palette-primary) !important;
    color: var(--palette-primary-text) !important;
}

.workspace-header-accent {
    background-color: var(--palette-accent) !important;
    color: var(--palette-accent-text) !important;
}

.workspace-header-error {
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.workspace-header-warning {
    background-color: var(--palette-warning) !important;
    color: var(--palette-warning-text) !important;
}

.workspace-header-info {
    background-color: var(--palette-info) !important;
    color: var(--palette-info-text) !important;
}

.workspace-header-success {
    background-color: var(--palette-success) !important;
    color: var(--palette-success-text) !important;
}

.workspace-header-read {
    background-color: var(--palette-read) !important;
    color: var(--palette-read-text) !important;
}

.workspace-header-alarm {
    background-color: var(--palette-alarm) !important;
    color: var(--palette-alarm-text) !important;
}


.workspace-header-event {
    background-color: var(--palette-event) !important;
    color: var(--palette-event-text) !important;
}


.workspace-header-settings {
    background-color: var(--palette-settings) !important;
    color: var(--palette-settings-text) !important;
}

.workspace-title {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: start !important;
    font-size: 1.3rem !important;
    margin: 0px !important;
    padding-left: 5px !important;
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.workspace-controllers {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: end !important;
    font-size: 1.3rem !important;
    margin: 0px !important;
    height: 100% !important;
}

.workspace-controllers button {
    color: var(--palette-primary-text) !important;
    height: 100% !important;
    background: none !important;
    border: none !important;
    padding: 0px 10px !important;
    margin: 0px !important;
    align-items: center !important;
}

.workspace-controllers button:not(:last-child):hover {
    background-color: rgb(143, 143, 143) !important;
}

.workspace-controllers button:last-child {
    background-color: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.workspace-controllers button:last-child:hover {
    background-color: var(--palette-dark-error) !important;
    color: var(--palette-dark-error-text) !important;
}

.workspace-window-button {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    background-color: transparent;
    border: none;
    outline: none;
    background-position: 0 0;
    cursor: pointer;
}

.workspace-draggable {
    color: var(--palette-primary-text) !important;
    height: 100% !important;
    background: var(--palette-accent) !important;
    border: none !important;
    padding: 0px 10px !important;
    margin: 0px !important;
    align-items: center !important;
    cursor: move !important;
}

.workspace-header button {
    min-width: 30px !important;
    max-width: 30px !important;
    width: 30px !important;

}

.workspace-draggable:hover {
    background: var(--palette-light-accent) !important;
}

.workspace-draggable.setted {
    background: var(--palette-error) !important;
    color: var(--palette-error-text) !important;
}

.workspace-draggable.setted:hover {
    background: var(--palette-light-error) !important;
    color: var(--palette-light-error-text) !important;
}

.workspace-body {
    padding: 0px !important;
    max-height: calc(var(--window-innerHeight) - 30px) !important;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    display: block;
    height: 100%;
    margin: 0px !important;
}

.workspace-body {
    height: calc(100%);
}

@media(max-width: 600px) {
    .workspace-body {
        padding: 0px !important;
    }
}

.workspace-window .workspace-body {
    max-height: calc(var(--window-innerHeight) - 30px);
}

.workspace-window:has(.workspace-footer) .workspace-body {
    max-height: calc(var(--window-innerHeight) - 30px);
}

.workspace-window:has(.workspace-footer) .workspace-body {
    margin-bottom: 30px !important;
}

.workspace-footer {
    background-color: var(--palette-footer-background);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 2px 1rem;
    height: 30px;
    max-height: 30px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.workspace-footer button {
    height: 100%;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
}


.workspace-notify-content {
    position: relative;
    top: 0px;
    width: 100%;
    display: block;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px !important;
    margin: 0px !important;
    height: 200px;
    max-height: 300px !important;
}

.workspace-notify-type {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0px !important;
    width: 100%;
    padding-top: 0.5rem;
}

.workspace-notify-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0px !important;
    padding: 0.5rem;
    border-radius: 50% !important;
    border: 3px solid !important;
    text-decoration: none;
}

.workspace-notify-icon-container i {
    align-self: center;
    font-size: 3rem;
    margin: 0.9rem;
}

.workspace-notify-body {
    width: 100%;
    text-align: start;
    padding: 1rem;
    width: 100%;
    color: black;
    font-weight: 600;
    margin: 0px !important;
    max-height: 350px !important;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-bottom: 10px !important;
    inline-size: 100% !important;
    overflow-wrap: break-word !important;
}

.workspace-notify-timeout-container {
    width: 100%;
    height: 4px;
    margin: 0px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: #898989;
}

.workspace-notify-timeout-bar {
    height: 100%;
    background-color: #ff0000;
    width: 100%;
}

.workspace-window.fullscreen .workspace-maximizer.active {
    border-top: 5px solid var(--palette-accent) !important;
}



.workspace-resize-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--palette-rgb-primary), 1)
}

.workspace-resize-overlay h6 {
    margin: 0;
    padding: 0;
    align-self: center;
    color: var(--palette-primary-text);
    text-transform: uppercase;
    font-size: 1.5rem;
}

.workspace-body:has(.workspace-resize-overlay:not(.d-none)) .workspace-body>div:first-child {
    opacity: 0;
}




.nav-folder-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.ellipsis {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

}

body:has(.workspace-window-overlay.show) {
    overflow: hidden !important;
}

.folder-content .btn-group-container .btn-group .btn i.lg {
    font-size: calc(1.5 *var(--icon-font-size)) !important;
}


.folder-navigation-divider {
    height: 100%;
    width: 3px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    background-color: var(--palette-primary);
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    border-radius: 35px;
}

.btn-folder-item {
    border-radius: 10px !important;
}

.ws-w-sm .px50-to-xxl,
.ws-w-md .px50-to-xxl,
.ws-w-lg .px50-to-xxl,
.ws-w-xl .px50-to-xxl {
    width: 50px !important;
}




.folder-navigation-container {
    width: calc(100% - 80px);
    position: absolute;
    height: calc(100% - 80px);
    max-height: calc(100% - 80px);
    left: 40px;
    top: 0px;
    display: inline;
}

.folder-left-navigation-container {
    width: 40px;
    position: absolute;
    height: calc(100% - 80px);
    max-height: calc(100% - 80px);
    left: 0px;
    top: 0px;
    display: inline;
}

.folder-right-navigation-container {
    width: 40px;
    position: absolute;
    height: calc(100% - 80px);
    max-height: calc(100% - 80px);
    right: 0px;
    top: 0px;
    display: inline;
}

.folder-right-navigation-container:not(.show),
.folder-left-navigation-container:not(.show) {
    cursor: pointer;
}

.folder-bottom-navigation-container {
    width: 100%;
    position: absolute;
    height: 80px;
    max-height: 80px;
    left: 0px;
    bottom: 0px;
    display: block;
}

.btn-folder-nav-trigger,
.folder-nav-controls {
    height: 100%;
}

.folder-nav,
.btn-folder-nav-trigger,
.btn-folder-nav-trigger i,
.folder-navigation-content,
.folder-search {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.folder-nav.show .btn-folder-nav-trigger,
.folder-nav.show .folder-nav-controls {
    height: 40px !important;
}

.folder-right-navigation-container.show,
.folder-left-navigation-container.show {
    width: 260px;
}

.folder-nav.show .btn-folder-nav-trigger i[class*="ph-arrow"] {
    transform: rotate(-180deg);
}

.folder-nav.show .btn-folder-nav-trigger i {
    display: inline;
}

.folder-nav:not(.show) .btn-folder-nav-trigger i {
    display: block;
}

.folder-nav-content {
    width: 100%;
    height: calc(100% - 40px);
    max-height: calc(100% - 40px);
    overflow-y: auto;
    display: none;
}

.folder-nav.show .folder-nav-content {
    display: flex;
}

.folder-nav .btn-folder-nav-blocker {
    display: none !important;
}

.folder-navigation-window:not(.ws-w-sm):not(.ws-w-md) .folder-nav.show .btn-folder-nav-blocker {
    display: flex !important;
}

.folder-navigation-window:has(.folder-left-navigation-container.show.blocked):not(.ws-w-xxl):not(.ws-w-xxxl) .folder-nav-right-blocker {
    display: none !important;
}

.folder-navigation-window:has(.folder-right-navigation-container.show.blocked):not(.ws-w-xxl):not(.ws-w-xxxl) .folder-nav-left-blocker {
    display: none !important;
}

.folder-navigation-window:has(.folder-left-navigation-container.show.blocked).ws-w-xxl .folder-navigation-container,
.folder-navigation-window:has(.folder-left-navigation-container.show.blocked).ws-w-xxxl .folder-navigation-container,
.folder-navigation-window:has(.folder-left-navigation-container.show.blocked):not(.ws-w-xxl):not(.ws-w-xxxl):not(:has(.folder-right-navigation-container.show.blocked)):not(.ws-w-sm):not(.ws-w-md) .folder-navigation-container {
    padding-left: 220px;
}

.folder-navigation-window:has(.folder-right-navigation-container.show.blocked).ws-w-xxl .folder-navigation-container,
.folder-navigation-window:has(.folder-right-navigation-container.show.blocked).ws-w-xxxl .folder-navigation-container,
.folder-navigation-window:has(.folder-right-navigation-container.show.blocked):not(.ws-w-xxl):not(.ws-w-xxxl):not(:has(.folder-left-navigation-container.show.blocked)):not(.ws-w-sm):not(.ws-w-md) .folder-navigation-container {
    padding-right: 220px;
}

.ws-col-check {
    display: flex;
    align-items: center;
    justify-content: start;
}


.workspace-body.file-preview {
    background: url(/static/img/patterns/transparency.svg) repeat !important;
    overflow: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100% !important;
    width: 100% !important;
}

.zoom-container {
    display: flex;
    flex: 1 1 auto;
    transform: scale(1);
    transform-origin: top left;
}

.workspace-body.file-preview embed,
.workspace-body.file-preview .text-content,
.workspace-body.file-preview img {
    max-width: 100%;
    height: auto;
    display: block;
}

.workspace-body .zoom-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.8);
    padding: 5px;
    border-radius: 5px;
  }
  
  .workspace-body .zoom-controls button {
    margin: 0 5px;
  }.ws-row {   
  --bs-gutter-x: 1.5rem;  
  --bs-gutter-y: 0;  
  display: flex;  
  flex-wrap: wrap;
  padding: 0.5rem;
}
.ws-row>* {   box-sizing: border-box;  max-width: 100%;  width: 100%;  padding: 10px;  margin: 10px 0px; }
.ws-row-cols-auto>* { flex: 0 0 auto; width: auto; }

/* DEFAULT COLS */
.ws-col-1 { flex: 0 0 auto; width: 8.33333333%; }
.ws-col-2 {   flex: 0 0 auto;  width: 16.66666667%; }
.ws-col-3 {   flex: 0 0 auto;  width: 25%; }
.ws-col-4 {   flex: 0 0 auto;  width: 33.33333333%; }
.ws-col-5 {   flex: 0 0 auto;  width: 41.66666667%; }
.ws-col-6 {   flex: 0 0 auto;  width: 50%; }
.ws-col-7 {   flex: 0 0 auto;  width: 58.33333333%; }
.ws-col-8 {   flex: 0 0 auto;  width: 66.66666667%; }
.ws-col-9 {   flex: 0 0 auto;  width: 75%; }
.ws-col-10 {   flex: 0 0 auto;  width: 83.33333333%; }
.ws-col-11 {   flex: 0 0 auto;  width: 91.66666667%; }
.ws-col-12 {   flex: 0 0 auto;  width: 100%; }
/* SM COLS */
.workspace-window[include*="-sm-"] .ws-sm-col-1{ flex: 0 0 auto !important;  width: 8.33333333% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-2{ flex: 0 0 auto !important;  width: 16.66666667% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-{ flex: 0 0 auto !important;  width: 25% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-4{ flex: 0 0 auto !important;  width: 33.33333333% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-5{ flex: 0 0 auto !important;  width: 41.66666667% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-6{ flex: 0 0 auto !important;  width: 50% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-7{ flex: 0 0 auto !important;  width: 58.33333333% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-8{ flex: 0 0 auto !important;  width: 66.66666667% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-9{ flex: 0 0 auto !important;  width: 75% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-10{ flex: 0 0 auto !important;  width: 83.33333333% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-11{ flex: 0 0 auto !important;  width: 91.66666667% !important; }
.workspace-window[include*="-sm-"] .ws-sm-col-12{ flex: 0 0 auto !important;  width: 100% !important; }
.ws-w-sm .ws-sm-col-1-only { flex: 0 0 auto !important; width: 8.33333333% !important;  }
.ws-w-sm .ws-sm-col-2-only { flex: 0 0 auto !important; width: 16.66666667% !important; }
.ws-w-sm .ws-sm-col-3-only { flex: 0 0 auto !important; width: 25% !important; }
.ws-w-sm .ws-sm-col-4-only { flex: 0 0 auto !important; width: 33.33333333% !important; }
.ws-w-sm .ws-sm-col-5-only { flex: 0 0 auto !important; width: 41.66666667% !important; }
.ws-w-sm .ws-sm-col-6-only { flex: 0 0 auto !important; width: 50% !important; }
.ws-w-sm .ws-sm-col-7-only { flex: 0 0 auto !important; width: 58.33333333% !important; }
.ws-w-sm .ws-sm-col-8-only { flex: 0 0 auto !important; width: 66.66666667% !important; }
.ws-w-sm .ws-sm-col-9-only { flex: 0 0 auto !important; width: 75% !important; }
.ws-w-sm .ws-sm-col-10-only { flex: 0 0 auto !important; width: 83.33333333% !important; }
.ws-w-sm .ws-sm-col-11-only { flex: 0 0 auto !important; width: 91.66666667% !important; }
.ws-w-sm .ws-sm-col-12-only { flex: 0 0 auto !important; width: 100% !important; }
/* MD COLS */
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-1{ flex: 0 0 auto !important;  width: 8.33333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-2{ flex: 0 0 auto !important;  width: 16.66666667% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-3{ flex: 0 0 auto !important;  width: 25% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-4{ flex: 0 0 auto !important;  width: 33.33333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-5{ flex: 0 0 auto !important;  width: 41.66666667% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-6{ flex: 0 0 auto !important;  width: 50% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-7{ flex: 0 0 auto !important;  width: 58.33333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-8{ flex: 0 0 auto !important;  width: 66.66666667% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-9{ flex: 0 0 auto !important;  width: 75% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-10{ flex: 0 0 auto !important;  width: 83.33333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-11{ flex: 0 0 auto !important;  width: 91.66666667% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-col-12{ flex: 0 0 auto !important;  width: 100% !important; }
.ws-w-md .ws-md-col-1-only { flex: 0 0 auto !important; width: 8.33333333% !important;  }
.ws-w-md .ws-md-col-2-only { flex: 0 0 auto !important; width: 16.66666667% !important; }
.ws-w-md .ws-md-col-3-only { flex: 0 0 auto !important; width: 25% !important; }
.ws-w-md .ws-md-col-4-only { flex: 0 0 auto !important; width: 33.33333333% !important; }
.ws-w-md .ws-md-col-5-only { flex: 0 0 auto !important; width: 41.66666667% !important; }
.ws-w-md .ws-md-col-6-only { flex: 0 0 auto !important; width: 50% !important; }
.ws-w-md .ws-md-col-7-only { flex: 0 0 auto !important; width: 58.33333333% !important; }
.ws-w-md .ws-md-col-8-only { flex: 0 0 auto !important; width: 66.66666667% !important; }
.ws-w-md .ws-md-col-9-only { flex: 0 0 auto !important; width: 75% !important; }
.ws-w-md .ws-md-col-10-only { flex: 0 0 auto !important; width: 83.33333333% !important; }
.ws-w-md .ws-md-col-11-only { flex: 0 0 auto !important; width: 91.66666667% !important; }
.ws-w-md .ws-md-col-12-only { flex: 0 0 auto !important; width: 100% !important; }
/* LG COLS */
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-1{   flex: 0 0 auto !important;  width: 8.33333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-2{   flex: 0 0 auto !important;  width: 16.66666667% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-3{   flex: 0 0 auto !important;  width: 25% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-4{   flex: 0 0 auto !important;  width: 33.33333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-5{   flex: 0 0 auto !important;  width: 41.66666667% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-6{   flex: 0 0 auto !important;  width: 50% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-7{   flex: 0 0 auto !important;  width: 58.33333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-8{   flex: 0 0 auto !important;  width: 66.66666667% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-9{   flex: 0 0 auto !important;  width: 75% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-10{   flex: 0 0 auto !important;  width: 83.33333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-11{   flex: 0 0 auto !important;  width: 91.66666667% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-col-12{   flex: 0 0 auto !important;  width: 100% !important; }
.ws-w-lg .ws-lg-col-1-only { flex: 0 0 auto !important; width: 8.33333333% !important;  }
.ws-w-lg .ws-lg-col-2-only { flex: 0 0 auto !important; width: 16.66666667% !important; }
.ws-w-lg .ws-lg-col-3-only { flex: 0 0 auto !important; width: 25% !important; }
.ws-w-lg .ws-lg-col-4-only { flex: 0 0 auto !important; width: 33.33333333% !important; }
.ws-w-lg .ws-lg-col-5-only { flex: 0 0 auto !important; width: 41.66666667% !important; }
.ws-w-lg .ws-lg-col-6-only { flex: 0 0 auto !important; width: 50% !important; }
.ws-w-lg .ws-lg-col-7-only { flex: 0 0 auto !important; width: 58.33333333% !important; }
.ws-w-lg .ws-lg-col-8-only { flex: 0 0 auto !important; width: 66.66666667% !important; }
.ws-w-lg .ws-lg-col-9-only { flex: 0 0 auto !important; width: 75% !important; }
.ws-w-lg .ws-lg-col-10-only { flex: 0 0 auto !important; width: 83.33333333% !important; }
.ws-w-lg .ws-lg-col-11-only { flex: 0 0 auto !important; width: 91.66666667% !important; }
.ws-w-lg .ws-lg-col-12-only { flex: 0 0 auto !important; width: 100% !important; }
/* XL COLS */
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-1{   flex: 0 0 auto !important;  width: 8.33333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-2{   flex: 0 0 auto !important;  width: 16.66666667% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-3{   flex: 0 0 auto !important;  width: 25% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-4{   flex: 0 0 auto !important;  width: 33.33333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-5{   flex: 0 0 auto !important;  width: 41.66666667% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-6{   flex: 0 0 auto !important;  width: 50% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-7{   flex: 0 0 auto !important;  width: 58.33333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-8{   flex: 0 0 auto !important;  width: 66.66666667% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-9{   flex: 0 0 auto !important;  width: 75% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-11{   flex: 0 0 auto !important;  width: 91.66666667% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-10{   flex: 0 0 auto !important;  width: 83.33333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-col-12{   flex: 0 0 auto !important;  width: 100% !important; }
.ws-w-xl .ws-xl-col-1-only { flex: 0 0 auto !important; width: 8.33333333% !important;  }
.ws-w-xl .ws-xl-col-2-only { flex: 0 0 auto !important; width: 16.66666667% !important; }
.ws-w-xl .ws-xl-col-3-only { flex: 0 0 auto !important; width: 25% !important; }
.ws-w-xl .ws-xl-col-4-only { flex: 0 0 auto !important; width: 33.33333333% !important; }
.ws-w-xl .ws-xl-col-5-only { flex: 0 0 auto !important; width: 41.66666667% !important; }
.ws-w-xl .ws-xl-col-6-only { flex: 0 0 auto !important; width: 50% !important; }
.ws-w-xl .ws-xl-col-7-only { flex: 0 0 auto !important; width: 58.33333333% !important; }
.ws-w-xl .ws-xl-col-8-only { flex: 0 0 auto !important; width: 66.66666667% !important; }
.ws-w-xl .ws-xl-col-9-only { flex: 0 0 auto !important; width: 75% !important; }
.ws-w-xl .ws-xl-col-10-only { flex: 0 0 auto !important; width: 83.33333333% !important; }
.ws-w-xl .ws-xl-col-11-only { flex: 0 0 auto !important; width: 91.66666667% !important; }
.ws-w-xl .ws-xl-col-12-only { flex: 0 0 auto !important; width: 100% !important; }
/* XXL COLS */
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-1{   flex: 0 0 auto !important;  width: 8.33333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-2{   flex: 0 0 auto !important;  width: 16.66666667% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-3{   flex: 0 0 auto !important;  width: 25% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-4{   flex: 0 0 auto !important;  width: 33.33333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-5{   flex: 0 0 auto !important;  width: 41.66666667% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-6{   flex: 0 0 auto !important;  width: 50% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-7{   flex: 0 0 auto !important;  width: 58.33333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-8{   flex: 0 0 auto !important;  width: 66.66666667% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-9{   flex: 0 0 auto !important;  width: 75% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-10{   flex: 0 0 auto !important;  width: 83.33333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-11{   flex: 0 0 auto !important;  width: 91.66666667% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-col-12{   flex: 0 0 auto !important;  width: 100% !important; }
.ws-w-xxl .ws-xxl-col-1-only { flex: 0 0 auto !important; width: 8.33333333% !important;  }
.ws-w-xxl .ws-xxl-col-2-only { flex: 0 0 auto !important; width: 16.66666667% !important; }
.ws-w-xxl .ws-xxl-col-3-only { flex: 0 0 auto !important; width: 25% !important; }
.ws-w-xxl .ws-xxl-col-4-only { flex: 0 0 auto !important; width: 33.33333333% !important; }
.ws-w-xxl .ws-xxl-col-5-only { flex: 0 0 auto !important; width: 41.66666667% !important; }
.ws-w-xxl .ws-xxl-col-6-only { flex: 0 0 auto !important; width: 50% !important; }
.ws-w-xxl .ws-xxl-col-7-only { flex: 0 0 auto !important; width: 58.33333333% !important; }
.ws-w-xxl .ws-xxl-col-8-only { flex: 0 0 auto !important; width: 66.66666667% !important; }
.ws-w-xxl .ws-xxl-col-9-only { flex: 0 0 auto !important; width: 75% !important; }
.ws-w-xxl .ws-xxl-col-10-only { flex: 0 0 auto !important; width: 83.33333333% !important; }
.ws-w-xxl .ws-xxl-col-11-only { flex: 0 0 auto !important; width: 91.66666667% !important; }
.ws-w-xxl .ws-xxl-col-12-only { flex: 0 0 auto !important; width: 100% !important; }
/* XXXL COLS */
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-1 {   flex: 0 0 auto !important;  width: 8.33333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-2 {   flex: 0 0 auto !important;  width: 16.66666667% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-3 {   flex: 0 0 auto !important;  width: 25% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-4 {   flex: 0 0 auto !important;  width: 33.33333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-5 {   flex: 0 0 auto !important;  width: 41.66666667% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-6 {   flex: 0 0 auto !important;  width: 50% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-7 {   flex: 0 0 auto !important;  width: 58.33333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-8 {   flex: 0 0 auto !important;  width: 66.66666667% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-9 {   flex: 0 0 auto !important;  width: 75% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-10 {   flex: 0 0 auto !important;  width: 83.33333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-col-12 {   flex: 0 0 auto !important;  width: 100% !important; }
.ws-w-xxxl .ws-xxxl-col-1-only { flex: 0 0 auto !important; width: 8.33333333% !important;  }
.ws-w-xxxl .ws-xxxl-col-2-only { flex: 0 0 auto !important; width: 16.66666667% !important; }
.ws-w-xxxl .ws-xxxl-col-3-only { flex: 0 0 auto !important; width: 25% !important; }
.ws-w-xxxl .ws-xxxl-col-4-only { flex: 0 0 auto !important; width: 33.33333333% !important; }
.ws-w-xxxl .ws-xxxl-col-5-only { flex: 0 0 auto !important; width: 41.66666667% !important; }
.ws-w-xxxl .ws-xxxl-col-6-only { flex: 0 0 auto !important; width: 50% !important; }
.ws-w-xxxl .ws-xxxl-col-7-only { flex: 0 0 auto !important; width: 58.33333333% !important; }
.ws-w-xxxl .ws-xxxl-col-8-only { flex: 0 0 auto !important; width: 66.66666667% !important; }
.ws-w-xxxl .ws-xxxl-col-9-only { flex: 0 0 auto !important; width: 75% !important; }
.ws-w-xxxl .ws-xxxl-col-10-only { flex: 0 0 auto !important; width: 83.33333333% !important; }
.ws-w-xxxl .ws-xxxl-col-11-only { flex: 0 0 auto !important; width: 91.66666667% !important; }
.ws-w-xxxl .ws-xxxl-col-12-only { flex: 0 0 auto !important; width: 100% !important; }
/* OFFSETS */
.ws-offset-1 {   margin-left: 8.33333333% !important; }
.ws-offset-2 {   margin-left: 16.66666667% !important; }
.ws-offset-3 {   margin-left: 25% !important; }
.ws-offset-4 {   margin-left: 33.33333333% !important; }
.ws-offset-5 {   margin-left: 41.66666667% !important; }
.ws-offset-6 {   margin-left: 50% !important; }
.ws-offset-7 {   margin-left: 58.33333333% !important; }
.ws-offset-8 {   margin-left: 66.66666667% !important; }
.ws-offset-9 {   margin-left: 75% !important; }
.ws-offset-10 {   margin-left: 83.33333333% !important; }
.ws-offset-11 {   margin-left: 91.66666667% !important; }
.ws-offset-12 {   margin-left: 100% !important; }
/* SM OFFSETS */
.workspace-window[include*="-sm-"] .ws-offset-sm-1{   margin-left: 8.33333333% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-2{   margin-left: 16.66666667% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-3{   margin-left: 25% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-4{   margin-left: 33.33333333% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-5{   margin-left: 41.66666667% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-6{   margin-left: 50% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-7{   margin-left: 58.33333333% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-8{   margin-left: 66.66666667% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-9{   margin-left: 75% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-10{   margin-left: 83.33333333% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-11{   margin-left: 91.66666667% !important; }
.workspace-window[include*="-sm-"] .ws-offset-sm-12{   margin-left: 100% !important; }
.ws-w-sm .ws-offset-sm-1-only { margin-left: 8.33333333% !important; }
.ws-w-sm .ws-offset-sm-2-only { margin-left: 16.66666667% !important; }
.ws-w-sm .ws-offset-sm-3-only { margin-left: 25% !important; }
.ws-w-sm .ws-offset-sm-4-only { margin-left: 33.33333333% !important; }
.ws-w-sm .ws-offset-sm-5-only { margin-left: 41.66666667% !important; }
.ws-w-sm .ws-offset-sm-6-only { margin-left: 50% !important; }
.ws-w-sm .ws-offset-sm-7-only { margin-left: 58.33333333% !important; }
.ws-w-sm .ws-offset-sm-8-only { margin-left: 66.66666667% !important; }
.ws-w-sm .ws-offset-sm-9-only { margin-left: 75% !important; }
.ws-w-sm .ws-offset-sm-10-only { margin-left: 83.33333333% !important; }
.ws-w-sm .ws-offset-sm-11-only { margin-left: 91.66666667% !important; }
.ws-w-sm .ws-offset-sm-12-only { margin-left: 100% !important; }
/* MD OFFSETS */
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-1{   margin-left: 8.33333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-2{   margin-left: 16.66666667% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-3{   margin-left: 25% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-4{   margin-left: 33.33333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-5{   margin-left: 41.66666667% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-6{   margin-left: 50% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-7{   margin-left: 58.33333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-8{   margin-left: 66.66666667% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-9{   margin-left: 75% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-10{   margin-left: 83.33333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-11{   margin-left: 91.66666667% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-offset-md-12{   margin-left: 100% !important; }
.ws-w-md .ws-offset-md-1-only { margin-left: 8.33333333% !important; }
.ws-w-md .ws-offset-md-2-only { margin-left: 16.66666667% !important; }
.ws-w-md .ws-offset-md-3-only { margin-left: 25% !important; }
.ws-w-md .ws-offset-md-4-only { margin-left: 33.33333333% !important; }
.ws-w-md .ws-offset-md-5-only { margin-left: 41.66666667% !important; }
.ws-w-md .ws-offset-md-6-only { margin-left: 50% !important; }
.ws-w-md .ws-offset-md-7-only { margin-left: 58.33333333% !important; }
.ws-w-md .ws-offset-md-8-only { margin-left: 66.66666667% !important; }
.ws-w-md .ws-offset-md-9-only { margin-left: 75% !important; }
.ws-w-md .ws-offset-md-10-only { margin-left: 83.33333333% !important; }
.ws-w-md .ws-offset-md-11-only { margin-left: 91.66666667% !important; }
.ws-w-md .ws-offset-md-12-only { margin-left: 100% !important; }
/* LG OFFSETS */
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-1{   margin-left: 8.33333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-2{   margin-left: 16.66666667% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-3{   margin-left: 25% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-4{   margin-left: 33.33333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-5{   margin-left: 41.66666667% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-6{   margin-left: 50% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-7{   margin-left: 58.33333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-8{   margin-left: 66.66666667% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-9{   margin-left: 75% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-10{   margin-left: 83.33333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-11{   margin-left: 91.66666667% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-offset-lg-12{   margin-left: 100% !important; }
.ws-w-lg .ws-offset-lg-1-only { margin-left: 8.33333333% !important; }
.ws-w-lg .ws-offset-lg-2-only { margin-left: 16.66666667% !important; }
.ws-w-lg .ws-offset-lg-3-only { margin-left: 25% !important; }
.ws-w-lg .ws-offset-lg-4-only { margin-left: 33.33333333% !important; }
.ws-w-lg .ws-offset-lg-5-only { margin-left: 41.66666667% !important; }
.ws-w-lg .ws-offset-lg-6-only { margin-left: 50% !important; }
.ws-w-lg .ws-offset-lg-7-only { margin-left: 58.33333333% !important; }
.ws-w-lg .ws-offset-lg-8-only { margin-left: 66.66666667% !important; }
.ws-w-lg .ws-offset-lg-9-only { margin-left: 75% !important; }
.ws-w-lg .ws-offset-lg-10-only { margin-left: 83.33333333% !important; }
.ws-w-lg .ws-offset-lg-11-only { margin-left: 91.66666667% !important; }
.ws-w-lg .ws-offset-lg-12-only { margin-left: 100% !important; }
/* XL OFFSETS */
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-1{   margin-left: 8.33333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-2{   margin-left: 16.66666667% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-3{   margin-left: 25% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-4{   margin-left: 33.33333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-5{   margin-left: 41.66666667% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-6{   margin-left: 50% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-7{   margin-left: 58.33333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-8{   margin-left: 66.66666667% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-9{   margin-left: 75% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-10{   margin-left: 83.33333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-11{   margin-left: 91.66666667% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-offset-xl-12{   margin-left: 100% !important; }
.ws-w-xl .ws-offset-xl-1-only { margin-left: 8.33333333% !important; }
.ws-w-xl .ws-offset-xl-2-only { margin-left: 16.66666667% !important; }
.ws-w-xl .ws-offset-xl-3-only { margin-left: 25% !important; }
.ws-w-xl .ws-offset-xl-4-only { margin-left: 33.33333333% !important; }
.ws-w-xl .ws-offset-xl-5-only { margin-left: 41.66666667% !important; }
.ws-w-xl .ws-offset-xl-6-only { margin-left: 50% !important; }
.ws-w-xl .ws-offset-xl-7-only { margin-left: 58.33333333% !important; }
.ws-w-xl .ws-offset-xl-8-only { margin-left: 66.66666667% !important; }
.ws-w-xl .ws-offset-xl-9-only { margin-left: 75% !important; }
.ws-w-xl .ws-offset-xl-10-only { margin-left: 83.33333333% !important; }
.ws-w-xl .ws-offset-xl-11-only { margin-left: 91.66666667% !important; }
.ws-w-xl .ws-offset-xl-12-only { margin-left: 100% !important; }
/* XXL OFFSETS */
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-1{   margin-left: 8.33333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-2{   margin-left: 16.66666667% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-3{   margin-left: 25% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-4{   margin-left: 33.33333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-5{   margin-left: 41.66666667% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-6{   margin-left: 50% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-7{   margin-left: 58.33333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-8{   margin-left: 66.66666667% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-9{   margin-left: 75% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-10{   margin-left: 83.33333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-11{   margin-left: 91.66666667% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-offset-xxl-12{   margin-left: 100% !important; }
.ws-w-xxl .ws-offset-xxl-1-only { margin-left: 8.33333333% !important; }
.ws-w-xxl .ws-offset-xxl-2-only { margin-left: 16.66666667% !important; }
.ws-w-xxl .ws-offset-xxl-3-only { margin-left: 25% !important; }
.ws-w-xxl .ws-offset-xxl-4-only { margin-left: 33.33333333% !important; }
.ws-w-xxl .ws-offset-xxl-5-only { margin-left: 41.66666667% !important; }
.ws-w-xxl .ws-offset-xxl-6-only { margin-left: 50% !important; }
.ws-w-xxl .ws-offset-xxl-7-only { margin-left: 58.33333333% !important; }
.ws-w-xxl .ws-offset-xxl-8-only { margin-left: 66.66666667% !important; }
.ws-w-xxl .ws-offset-xxl-9-only { margin-left: 75% !important; }
.ws-w-xxl .ws-offset-xxl-10-only { margin-left: 83.33333333% !important; }
.ws-w-xxl .ws-offset-xxl-11-only { margin-left: 91.66666667% !important; }
.ws-w-xxl .ws-offset-xxl-12-only { margin-left: 100% !important; }
/* XXXL OFFSETS */
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-1 {   margin-left: 8.33333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-2 {   margin-left: 16.66666667% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-3 {   margin-left: 25% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-4 {   margin-left: 33.33333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-5 {   margin-left: 41.66666667% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-6 {   margin-left: 50% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-7 {   margin-left: 58.33333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-8 {   margin-left: 66.66666667% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-9 {   margin-left: 75% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-10 {   margin-left: 83.33333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-11 {   margin-left: 91.66666667% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-offset-xxxl-12 {   margin-left: 100% !important; }
.ws-w-xxxl .ws-offset-xxxl-1-only { margin-left: 8.33333333% !important; }
.ws-w-xxxl .ws-offset-xxxl-2-only { margin-left: 16.66666667% !important; }
.ws-w-xxxl .ws-offset-xxxl-3-only { margin-left: 25% !important; }
.ws-w-xxxl .ws-offset-xxxl-4-only { margin-left: 33.33333333% !important; }
.ws-w-xxxl .ws-offset-xxxl-5-only { margin-left: 41.66666667% !important; }
.ws-w-xxxl .ws-offset-xxxl-6-only { margin-left: 50% !important; }
.ws-w-xxxl .ws-offset-xxxl-7-only { margin-left: 58.33333333% !important; }
.ws-w-xxxl .ws-offset-xxxl-8-only { margin-left: 66.66666667% !important; }
.ws-w-xxxl .ws-offset-xxxl-9-only { margin-left: 75% !important; }
.ws-w-xxxl .ws-offset-xxxl-10-only { margin-left: 83.33333333% !important; }
.ws-w-xxxl .ws-offset-xxxl-11-only { margin-left: 91.66666667% !important; }
.ws-w-xxxl .ws-offset-xxxl-12-only { margin-left: 100% !important; }
/* DISPLAY NONE */
.ws-d-none {   display: none !important; }
.workspace-window[include*="-sm-"] .ws-sm-d-none{   display: none !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-d-none{   display: none !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-d-none{   display: none !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-d-none{   display: none !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-d-none{   display: none !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-d-none {   display: none !important; }
.ws-w-sm .ws-sm-d-none-only { display: none !important; }
.ws-w-md .ws-md-d-none-only { display: none !important; }
.ws-w-lg .ws-lg-d-none-only { display: none !important; }
.ws-w-xl .ws-xl-d-none-only { display: none !important; }
.ws-w-xxl .ws-xxl-d-none-only { display: none !important; }
.ws-w-xxxl .ws-xxxl-d-none-only { display: none !important; }
/* DISPLAY BLOCK */
.ws-d-block {   display: block !important; }
.workspace-window[include*="-sm-"] .ws-sm-d-block{   display: block !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-d-block{   display: block !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-d-block{   display: block !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-d-block{   display: block !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-d-block{   display: block !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-d-block {   display: block !important; }
.ws-w-sm .ws-sm-d-block-only { display: block !important; }
.ws-w-md .ws-md-d-block-only { display: block !important; }
.ws-w-lg .ws-lg-d-block-only { display: block !important; }
.ws-w-xl .ws-xl-d-block-only { display: block !important; }
.ws-w-xxl .ws-xxl-d-block-only { display: block !important; }
.ws-w-xxxl .ws-xxxl-d-block-only { display: block !important; }
/* DISPLAY INLINE */
.ws-d-inline {   display: inline !important; }
.workspace-window[include*="-sm-"] .ws-sm-d-inline{   display: inline !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-d-inline{   display: inline !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-d-inline{   display: inline !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-d-inline{   display: inline !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-d-inline{   display: inline !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-d-inline {   display: inline !important; }
.ws-w-sm .ws-sm-d-inline-only { display: inline !important; }
.ws-w-md .ws-md-d-inline-only { display: inline !important; }
.ws-w-lg .ws-lg-d-inline-only { display: inline !important; }
.ws-w-xl .ws-xl-d-inline-only { display: inline !important; }
.ws-w-xxl .ws-xxl-d-inline-only { display: inline !important; }
.ws-w-xxxl .ws-xxxl-d-inline-only { display: inline !important; }
/* DISPLAY FLEX */
.ws-d-flex {   display: flex !important; }
.workspace-window[include*="-sm-"] .ws-sm-d-flex{   display: flex !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-d-flex{   display: flex !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-d-flex{   display: flex !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-d-flex{   display: flex !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-d-flex{   display: flex !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-d-flex {   display: flex !important; }
.ws-w-sm .ws-sm-d-flex-only { display: flex !important; }
.ws-w-md .ws-md-d-flex-only { display: flex !important; }
.ws-w-lg .ws-lg-d-flex-only { display: flex !important; }
.ws-w-xl .ws-xl-d-flex-only { display: flex !important; }
.ws-w-xxl .ws-xxl-d-flex-only { display: flex !important; }
.ws-w-xxxl .ws-xxxl-d-flex-only { display: flex !important; }
/* DISPLAY INLINE-FLEX */
.ws-d-inline-flex {   display: inline-flex !important; }
.workspace-window[include*="-sm-"] .ws-sm-d-inline-flex{   display: inline-flex !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-d-inline-flex{   display: inline-flex !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-d-inline-flex{   display: inline-flex !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-d-inline-flex{   display: inline-flex !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-d-inline-flex{   display: inline-flex !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-d-inline-flex {   display: inline-flex !important; }
.ws-w-sm .ws-sm-d-inline-flex-only { display: inline-flex !important; }
.ws-w-md .ws-md-d-inline-flex-only { display: inline-flex !important; }
.ws-w-lg .ws-lg-d-inline-flex-only { display: inline-flex !important; }
.ws-w-xl .ws-xl-d-inline-flex-only { display: inline-flex !important; }
.ws-w-xxl .ws-xxl-d-inline-flex-only { display: inline-flex !important; }
.ws-w-xxxl .ws-xxxl-d-inline-flex-only { display: inline-flex !important; }
/* JUSTIFY CONTENT FLEX START */
.ws-justify-content-flex-start {   justify-content: flex-start !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-flex-start{   justify-content: flex-start !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-flex-start{   justify-content: flex-start !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-flex-start{   justify-content: flex-start !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-flex-start{   justify-content: flex-start !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-flex-start{   justify-content: flex-start !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-flex-start {   justify-content: flex-start !important; }
.ws-w-sm .ws-sm-justify-content-flex-start-only { justify-content: flex-start !important; }
.ws-w-md .ws-md-justify-content-flex-start-only { justify-content: flex-start !important; }
.ws-w-lg .ws-lg-justify-content-flex-start-only { justify-content: flex-start !important; }
.ws-w-xl .ws-xl-justify-content-flex-start-only { justify-content: flex-start !important; }
.ws-w-xxl .ws-xxl-justify-content-flex-start-only { justify-content: flex-start !important; }
.ws-w-xxxl .ws-xxxl-justify-content-flex-start-only { justify-content: flex-start !important; }
/* JUSTIFY CONTENT START */
.ws-justify-content-start {   justify-content: start !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-start{   justify-content: start !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-start{   justify-content: start !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-start{   justify-content: start !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-start{   justify-content: start !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-start{   justify-content: start !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-start {   justify-content: start !important; }
.ws-w-sm .ws-sm-justify-content-start-only { justify-content: start !important; }
.ws-w-md .ws-md-justify-content-start-only { justify-content: start !important; }
.ws-w-lg .ws-lg-justify-content-start-only { justify-content: start !important; }
.ws-w-xl .ws-xl-justify-content-start-only { justify-content: start !important; }
.ws-w-xxl .ws-xxl-justify-content-start-only { justify-content: start !important; }
.ws-w-xxxl .ws-xxxl-justify-content-start-only { justify-content: start !important; }
/* JUSTIFY CONTENT CENTER */
.ws-justify-content-center {   justify-content: center !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-center{   justify-content: center !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-center{   justify-content: center !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-center{   justify-content: center !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-center{   justify-content: center !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-center{   justify-content: center !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-center {   justify-content: center !important; }
.ws-w-sm .ws-sm-justify-content-center-only { justify-content: center !important; }
.ws-w-md .ws-md-justify-content-center-only { justify-content: center !important; }
.ws-w-lg .ws-lg-justify-content-center-only { justify-content: center !important; }
.ws-w-xl .ws-xl-justify-content-center-only { justify-content: center !important; }
.ws-w-xxl .ws-xxl-justify-content-center-only { justify-content: center !important; }
.ws-w-xxxl .ws-xxxl-justify-content-center-only { justify-content: center !important; }
/* JUSTIFY CONTENT FLEX END */
.ws-justify-content-flex-end {   justify-content: flex-end !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-flex-end{   justify-content: flex-end !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-flex-end{   justify-content: flex-end !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-flex-end{   justify-content: flex-end !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-flex-end{   justify-content: flex-end !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-flex-end{   justify-content: flex-end !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-flex-end {   justify-content: flex-end !important; }
.ws-w-sm .ws-sm-justify-content-flex-end-only { justify-content: flex-end !important; }
.ws-w-md .ws-md-justify-content-flex-end-only { justify-content: flex-end !important; }
.ws-w-lg .ws-lg-justify-content-flex-end-only { justify-content: flex-end !important; }
.ws-w-xl .ws-xl-justify-content-flex-end-only { justify-content: flex-end !important; }
.ws-w-xxl .ws-xxl-justify-content-flex-end-only { justify-content: flex-end !important; }
.ws-w-xxxl .ws-xxxl-justify-content-flex-end-only { justify-content: flex-end !important; }
/* JUSTIFY CONTENT END */
.ws-justify-content-end {   justify-content: end !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-end{   justify-content: end !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-end{   justify-content: end !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-end{   justify-content: end !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-end{   justify-content: end !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-end{   justify-content: end !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-end {   justify-content: end !important; }
.ws-w-sm .ws-sm-justify-content-end-only { justify-content: end !important; }
.ws-w-md .ws-md-justify-content-end-only { justify-content: end !important; }
.ws-w-lg .ws-lg-justify-content-end-only { justify-content: end !important; }
.ws-w-xl .ws-xl-justify-content-end-only { justify-content: end !important; }
.ws-w-xxl .ws-xxl-justify-content-end-only { justify-content: end !important; }
.ws-w-xxxl .ws-xxxl-justify-content-end-only { justify-content: end !important; }
/* JUSTIFY CONTENT SPACE BETWEEN */
.ws-justify-content-space-between {   justify-content: space-between !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-space-between{   justify-content: space-between !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-space-between{   justify-content: space-between !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-space-between{   justify-content: space-between !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-space-between{   justify-content: space-between !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-space-between{   justify-content: space-between !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-space-between {   justify-content: space-between !important; }
.ws-w-sm .ws-sm-justify-content-space-between-only { justify-content: space-between !important; }
.ws-w-md .ws-md-justify-content-space-between-only { justify-content: space-between !important; }
.ws-w-lg .ws-lg-justify-content-space-between-only { justify-content: space-between !important; }
.ws-w-xl .ws-xl-justify-content-space-between-only { justify-content: space-between !important; }
.ws-w-xxl .ws-xxl-justify-content-space-between-only { justify-content: space-between !important; }
.ws-w-xxxl .ws-xxxl-justify-content-space-between-only { justify-content: space-between !important; }
/* JUSTIFY CONTENT LEFT */
.ws-justify-content-left {   justify-content: left !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-left{   justify-content: left !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-left{   justify-content: left !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-left{   justify-content: left !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-left{   justify-content: left !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-left{   justify-content: left !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-left {   justify-content: left !important; }
.ws-w-sm .ws-sm-justify-content-left-only { justify-content: left !important; }
.ws-w-md .ws-md-justify-content-left-only { justify-content: left !important; }
.ws-w-lg .ws-lg-justify-content-left-only { justify-content: left !important; }
.ws-w-xl .ws-xl-justify-content-left-only { justify-content: left !important; }
.ws-w-xxl .ws-xxl-justify-content-left-only { justify-content: left !important; }
.ws-w-xxxl .ws-xxxl-justify-content-left-only { justify-content: left !important; }
/* JUSTIFY CONTENT RIGHT */
.ws-justify-content-right {   justify-content: right !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-right{   justify-content: right !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-right{   justify-content: right !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-right{   justify-content: right !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-right{   justify-content: right !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-right{   justify-content: right !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-right {   justify-content: right !important; }
.ws-w-sm .ws-sm-justify-content-right-only { justify-content: right !important; }
.ws-w-md .ws-md-justify-content-right-only { justify-content: right !important; }
.ws-w-lg .ws-lg-justify-content-right-only { justify-content: right !important; }
.ws-w-xl .ws-xl-justify-content-right-only { justify-content: right !important; }
.ws-w-xxl .ws-xxl-justify-content-right-only { justify-content: right !important; }
.ws-w-xxxl .ws-xxxl-justify-content-right-only { justify-content: right !important; }
/* JUSTIFY CONTENT NORMAL */
.ws-justify-content-normal {   justify-content: normal !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-normal{   justify-content: normal !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-normal{   justify-content: normal !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-normal{   justify-content: normal !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-normal{   justify-content: normal !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-normal{   justify-content: normal !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-normal {   justify-content: normal !important; }
.ws-w-sm .ws-sm-justify-content-normal-only { justify-content: normal !important; }
.ws-w-md .ws-md-justify-content-normal-only { justify-content: normal !important; }
.ws-w-lg .ws-lg-justify-content-normal-only { justify-content: normal !important; }
.ws-w-xl .ws-xl-justify-content-normal-only { justify-content: normal !important; }
.ws-w-xxl .ws-xxl-justify-content-normal-only { justify-content: normal !important; }
.ws-w-xxxl .ws-xxxl-justify-content-normal-only { justify-content: normal !important; }
/* JUSTIFY CONTENT STRETCH */
.ws-justify-content-stretch {   justify-content: stretch !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-stretch{   justify-content: stretch !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-stretch{   justify-content: stretch !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-stretch{   justify-content: stretch !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-stretch{   justify-content: stretch !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-stretch{   justify-content: stretch !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-stretch {   justify-content: stretch !important; }
.ws-w-sm .ws-sm-justify-content-stretch-only { justify-content: stretch !important; }
.ws-w-md .ws-md-justify-content-stretch-only { justify-content: stretch !important; }
.ws-w-lg .ws-lg-justify-content-stretch-only { justify-content: stretch !important; }
.ws-w-xl .ws-xl-justify-content-stretch-only { justify-content: stretch !important; }
.ws-w-xxl .ws-xxl-justify-content-stretch-only { justify-content: stretch !important; }
.ws-w-xxxl .ws-xxxl-justify-content-stretch-only { justify-content: stretch !important; }
/* JUSTIFY CONTENT SPACE-EVENLY */
.ws-justify-content-space-evenly {   justify-content: space-evenly !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-space-evenly{   justify-content: space-evenly !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-space-evenly{   justify-content: space-evenly !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-space-evenly{   justify-content: space-evenly !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-space-evenly{   justify-content: space-evenly !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-space-evenly{   justify-content: space-evenly !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-space-evenly {   justify-content: space-evenly !important; }
.ws-w-sm .ws-sm-justify-content-space-evenly-only { justify-content: space-evenly !important; }
.ws-w-md .ws-md-justify-content-space-evenly-only { justify-content: space-evenly !important; }
.ws-w-lg .ws-lg-justify-content-space-evenly-only { justify-content: space-evenly !important; }
.ws-w-xl .ws-xl-justify-content-space-evenly-only { justify-content: space-evenly !important; }
.ws-w-xxl .ws-xxl-justify-content-space-evenly-only { justify-content: space-evenly !important; }
.ws-w-xxxl .ws-xxxl-justify-content-space-evenly-only { justify-content: space-evenly !important; }
/* JUSTIFY CONTENT SPACE-AROUND */
.ws-justify-content-space-around {   justify-content: space-around !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-space-around{   justify-content: space-around !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-space-around{   justify-content: space-around !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-space-around{   justify-content: space-around !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-space-around{   justify-content: space-around !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-space-around{   justify-content: space-around !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-space-around {   justify-content: space-around !important; }
.ws-w-sm .ws-sm-justify-content-space-around-only { justify-content: space-around !important; }
.ws-w-md .ws-md-justify-content-space-around-only { justify-content: space-around !important; }
.ws-w-lg .ws-lg-justify-content-space-around-only { justify-content: space-around !important; }
.ws-w-xl .ws-xl-justify-content-space-around-only { justify-content: space-around !important; }
.ws-w-xxl .ws-xxl-justify-content-space-around-only { justify-content: space-around !important; }
.ws-w-xxxl .ws-xxxl-justify-content-space-around-only { justify-content: space-around !important; }
/* JUSTIFY CONTENT INHERIT */
.ws-justify-content-inherit {   justify-content: inherit !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-inherit{   justify-content: inherit !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-inherit{   justify-content: inherit !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-inherit{   justify-content: inherit !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-inherit{   justify-content: inherit !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-inherit{   justify-content: inherit !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-inherit {   justify-content: inherit !important; }
.ws-w-sm .ws-sm-justify-content-inherit-only { justify-content: inherit !important; }
.ws-w-md .ws-md-justify-content-inherit-only { justify-content: inherit !important; }
.ws-w-lg .ws-lg-justify-content-inherit-only { justify-content: inherit !important; }
.ws-w-xl .ws-xl-justify-content-inherit-only { justify-content: inherit !important; }
.ws-w-xxl .ws-xxl-justify-content-inherit-only { justify-content: inherit !important; }
.ws-w-xxxl .ws-xxxl-justify-content-inherit-only { justify-content: inherit !important; }
/* JUSTIFY CONTENT INITIAL */
.ws-justify-content-initial {   justify-content: initial !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-initial{   justify-content: initial !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-initial{   justify-content: initial !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-initial{   justify-content: initial !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-initial{   justify-content: initial !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-initial{   justify-content: initial !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-initial {   justify-content: initial !important; }
.ws-w-sm .ws-sm-justify-content-initial-only { justify-content: initial !important; }
.ws-w-md .ws-md-justify-content-initial-only { justify-content: initial !important; }
.ws-w-lg .ws-lg-justify-content-initial-only { justify-content: initial !important; }
.ws-w-xl .ws-xl-justify-content-initial-only { justify-content: initial !important; }
.ws-w-xxl .ws-xxl-justify-content-initial-only { justify-content: initial !important; }
.ws-w-xxxl .ws-xxxl-justify-content-initial-only { justify-content: initial !important; }
/* JUSTIFY CONTENT REVERT */
.ws-justify-content-revert {   justify-content: revert !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-revert{   justify-content: revert !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-revert{   justify-content: revert !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-revert{   justify-content: revert !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-revert{   justify-content: revert !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-revert{   justify-content: revert !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-revert {   justify-content: revert !important; }
.ws-w-sm .ws-sm-justify-content-revert-only { justify-content: revert !important; }
.ws-w-md .ws-md-justify-content-revert-only { justify-content: revert !important; }
.ws-w-lg .ws-lg-justify-content-revert-only { justify-content: revert !important; }
.ws-w-xl .ws-xl-justify-content-revert-only { justify-content: revert !important; }
.ws-w-xxl .ws-xxl-justify-content-revert-only { justify-content: revert !important; }
.ws-w-xxxl .ws-xxxl-justify-content-revert-only { justify-content: revert !important; }
/* JUSTIFY CONTENT UNSET */
.ws-justify-content-unset {   justify-content: unset !important; }
.workspace-window[include*="-sm-"] .ws-sm-justify-content-unset{   justify-content: unset !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-justify-content-unset{   justify-content: unset !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-justify-content-unset{   justify-content: unset !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-justify-content-unset{   justify-content: unset !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-justify-content-unset{   justify-content: unset !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-justify-content-unset {   justify-content: unset !important; }
.ws-w-sm .ws-sm-justify-content-unset-only { justify-content: unset !important; }
.ws-w-md .ws-md-justify-content-unset-only { justify-content: unset !important; }
.ws-w-lg .ws-lg-justify-content-unset-only { justify-content: unset !important; }
.ws-w-xl .ws-xl-justify-content-unset-only { justify-content: unset !important; }
.ws-w-xxl .ws-xxl-justify-content-unset-only { justify-content: unset !important; }
.ws-w-xxxl .ws-xxxl-justify-content-unset-only { justify-content: unset !important; }
/* FLEX ROW */
.ws-flex-row {   flex-direction: row !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-row{   flex-direction: row !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-row{   flex-direction: row !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-row{   flex-direction: row !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-row{   flex-direction: row !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-row{   flex-direction: row !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-row {   flex-direction: row !important; }
.ws-w-sm .ws-sm-flex-row-only { flex-direction: row !important; }
.ws-w-md .ws-md-flex-row-only { flex-direction: row !important; }
.ws-w-lg .ws-lg-flex-row-only { flex-direction: row !important; }
.ws-w-xl .ws-xl-flex-row-only { flex-direction: row !important; }
.ws-w-xxl .ws-xxl-flex-row-only { flex-direction: row !important; }
.ws-w-xxxl .ws-xxxl-flex-row-only { flex-direction: row !important; }
/* FLEX ROW REVERSE */
.ws-flex-row-reverse {   flex-direction: row-reverse !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-row-reverse{   flex-direction: row-reverse !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-row-reverse{   flex-direction: row-reverse !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-row-reverse{   flex-direction: row-reverse !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-row-reverse{   flex-direction: row-reverse !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-row-reverse{   flex-direction: row-reverse !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-row-reverse {   flex-direction: row-reverse !important; }
.ws-w-sm .ws-sm-flex-row-reverse-only { flex-direction: row-reverse !important; }
.ws-w-md .ws-md-flex-row-reverse-only { flex-direction: row-reverse !important; }
.ws-w-lg .ws-lg-flex-row-reverse-only { flex-direction: row-reverse !important; }
.ws-w-xl .ws-xl-flex-row-reverse-only { flex-direction: row-reverse !important; }
.ws-w-xxl .ws-xxl-flex-row-reverse-only { flex-direction: row-reverse !important; }
.ws-w-xxxl .ws-xxxl-flex-row-reverse-only { flex-direction: row-reverse !important; }
/* FLEX COLUMN */
.ws-flex-column {   flex-direction: column !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-column{   flex-direction: column !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-column{   flex-direction: column !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-column{   flex-direction: column !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-column{   flex-direction: column !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-column{   flex-direction: column !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-column {   flex-direction: column !important; }
.ws-w-sm .ws-sm-flex-column-only { flex-direction: column !important; }
.ws-w-md .ws-md-flex-column-only { flex-direction: column !important; }
.ws-w-lg .ws-lg-flex-column-only { flex-direction: column !important; }
.ws-w-xl .ws-xl-flex-column-only { flex-direction: column !important; }
.ws-w-xxl .ws-xxl-flex-column-only { flex-direction: column !important; }
.ws-w-xxxl .ws-xxxl-flex-column-only { flex-direction: column !important; }
/* FLEX COLUMN REVERSE */
.ws-flex-column-reverse {   flex-direction: column-reverse !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-column-reverse{   flex-direction: column-reverse !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-column-reverse{   flex-direction: column-reverse !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-column-reverse{   flex-direction: column-reverse !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-column-reverse{   flex-direction: column-reverse !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-column-reverse{   flex-direction: column-reverse !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-column-reverse {   flex-direction: column-reverse !important; }
.ws-w-sm .ws-sm-flex-column-reverse-only { flex-direction: column-reverse !important; }
.ws-w-md .ws-md-flex-column-reverse-only { flex-direction: column-reverse !important; }
.ws-w-lg .ws-lg-flex-column-reverse-only { flex-direction: column-reverse !important; }
.ws-w-xl .ws-xl-flex-column-reverse-only { flex-direction: column-reverse !important; }
.ws-w-xxl .ws-xxl-flex-column-reverse-only { flex-direction: column-reverse !important; }
.ws-w-xxxl .ws-xxxl-flex-column-reverse-only { flex-direction: column-reverse !important; }
/* FLEX WRAP */
.ws-flex-wrap {   flex-wrap: wrap !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-wrap{   flex-wrap: wrap !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-wrap{   flex-wrap: wrap !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-wrap{   flex-wrap: wrap !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-wrap{   flex-wrap: wrap !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-wrap{   flex-wrap: wrap !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-wrap {   flex-wrap: wrap !important; }
.ws-w-sm .ws-sm-flex-wrap-only { flex-direction: wrap !important; }
.ws-w-md .ws-md-flex-wrap-only { flex-direction: wrap !important; }
.ws-w-lg .ws-lg-flex-wrap-only { flex-direction: wrap !important; }
.ws-w-xl .ws-xl-flex-wrap-only { flex-direction: wrap !important; }
.ws-w-xxl .ws-xxl-flex-wrap-only { flex-direction: wrap !important; }
.ws-w-xxxl .ws-xxxl-flex-wrap-only { flex-direction: wrap !important; }
/* FLEX WRAP REVERSE */
.ws-flex-wrap-reverse {   flex-wrap: wrap-reverse !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-wrap-reverse{   flex-wrap: wrap-reverse !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-wrap-reverse{   flex-wrap: wrap-reverse !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-wrap-reverse{   flex-wrap: wrap-reverse !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-wrap-reverse{   flex-wrap: wrap-reverse !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-wrap-reverse{   flex-wrap: wrap-reverse !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-wrap-reverse {   flex-wrap: wrap-reverse !important; }
.ws-w-sm .ws-sm-flex-wrap-reverse-only { flex-direction: wrap-reverse !important; }
.ws-w-md .ws-md-flex-wrap-reverse-only { flex-direction: wrap-reverse !important; }
.ws-w-lg .ws-lg-flex-wrap-reverse-only { flex-direction: wrap-reverse !important; }
.ws-w-xl .ws-xl-flex-wrap-reverse-only { flex-direction: wrap-reverse !important; }
.ws-w-xxl .ws-xxl-flex-wrap-reverse-only { flex-direction: wrap-reverse !important; }
.ws-w-xxxl .ws-xxxl-flex-wrap-reverse-only { flex-direction: wrap-reverse !important; }
/* FLEX 1 */
.ws-flex-1 {   flex: 1 1 0% !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-1{   flex: 1 1 0% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-1{   flex: 1 1 0% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-1{   flex: 1 1 0% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-1{   flex: 1 1 0% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-1{   flex: 1 1 0% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-1 {   flex: 1 1 0% !important; }
.ws-w-sm .ws-sm-flex-1-only { flex: 1 1 0% !important; }
.ws-w-md .ws-md-flex-1-only { flex: 1 1 0% !important; }
.ws-w-lg .ws-lg-flex-1-only { flex: 1 1 0% !important; }
.ws-w-xl .ws-xl-flex-1-only { flex: 1 1 0% !important; }
.ws-w-xxl .ws-xxl-flex-1-only { flex: 1 1 0% !important; }
.ws-w-xxxl .ws-xxxl-flex-1-only { flex: 1 1 0% !important; }
/* FLEX AUTO */
.ws-flex-auto {   flex: 1 1 auto !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-auto{   flex: 1 1 auto !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-auto{   flex: 1 1 auto !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-auto{   flex: 1 1 auto !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-auto{   flex: 1 1 auto !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-auto{   flex: 1 1 auto !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-auto {   flex: 1 1 auto !important; }
.ws-w-sm .ws-sm-flex-auto-only { flex: 1 1 auto !important; }
.ws-w-md .ws-md-flex-auto-only { flex: 1 1 auto !important; }
.ws-w-lg .ws-lg-flex-auto-only { flex: 1 1 auto !important; }
.ws-w-xl .ws-xl-flex-auto-only { flex: 1 1 auto !important; }
.ws-w-xxl .ws-xxl-flex-auto-only { flex: 1 1 auto !important; }
.ws-w-xxxl .ws-xxxl-flex-auto-only { flex: 1 1 auto !important; }
/* FLEX INITIAL */
.ws-flex-initial {   flex: 0 1 auto !important; }
.workspace-window[include*="-sm-"] .ws-md-flex-initial{   flex: 0 1 auto !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-initial{   flex: 0 1 auto !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-initial{   flex: 0 1 auto !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-initial{   flex: 0 1 auto !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-initial {   flex: 0 1 auto !important; }
.ws-w-sm .ws-sm-flex-initial-only { flex: 0 1 auto !important; }
.ws-w-md .ws-md-flex-initial-only { flex: 0 1 auto !important; }
.ws-w-lg .ws-lg-flex-initial-only { flex: 0 1 auto !important; }
.ws-w-xl .ws-xl-flex-initial-only { flex: 0 1 auto !important; }
.ws-w-xxl .ws-xxl-flex-initial-only { flex: 0 1 auto !important; }
.ws-w-xxxl .ws-xxxl-flex-initial-only { flex: 0 1 auto !important; }
/* FLEX NONE */
.ws-flex-none {   flex: none !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-none{   flex: none !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-none{   flex: none !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-none{   flex: none !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-none{   flex: none !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-none{   flex: none !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-none {   flex: none !important; }
.ws-w-sm .ws-sm-flex-none-only { flex: none !important; }
.ws-w-md .ws-md-flex-none-only { flex: none !important; }
.ws-w-lg .ws-lg-flex-none-only { flex: none !important; }
.ws-w-xl .ws-xl-flex-none-only { flex: none !important; }
.ws-w-xxl .ws-xxl-flex-none-only { flex: none !important; }
.ws-w-xxxl .ws-xxxl-flex-none-only { flex: none !important; }
/* FLEX GROW 0*/
.ws-flex-grow-0 {   flex-grow: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-grow-0{   flex-grow: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-grow-0{   flex-grow: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-grow-0{   flex-grow: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-grow-0{   flex-grow: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-grow-0{   flex-grow: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-grow-0 {   flex-grow: 0 !important; }
.ws-w-sm .ws-sm-flex-grow-0-only { flex-grow: 0 !important; }
.ws-w-md .ws-md-flex-grow-0-only { flex-grow: 0 !important; }
.ws-w-lg .ws-lg-flex-grow-0-only { flex-grow: 0 !important; }
.ws-w-xl .ws-xl-flex-grow-0-only { flex-grow: 0 !important; }
.ws-w-xxl .ws-xxl-flex-grow-0-only { flex-grow: 0 !important; }
.ws-w-xxxl .ws-xxxl-flex-grow-0-only { flex-grow: 0 !important; }
/* FLEX GROW 1*/
.ws-flex-grow-1 {   flex-grow: 1 !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-grow-1{   flex-grow: 1 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-grow-1{   flex-grow: 1 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-grow-1{   flex-grow: 1 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-grow-1{   flex-grow: 1 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-grow-1{   flex-grow: 1 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-grow-1 {   flex-grow: 1 !important; }
.ws-w-sm .ws-sm-flex-grow-1-only { flex-grow: 1 !important; }
.ws-w-md .ws-md-flex-grow-1-only { flex-grow: 1 !important; }
.ws-w-lg .ws-lg-flex-grow-1-only { flex-grow: 1 !important; }
.ws-w-xl .ws-xl-flex-grow-1-only { flex-grow: 1 !important; }
.ws-w-xxl .ws-xxl-flex-grow-1-only { flex-grow: 1 !important; }
.ws-w-xxxl .ws-xxxl-flex-grow-1-only { flex-grow: 1 !important; }
/* FLEX SHRINK 0*/
.ws-flex-shrink-0 {   flex-shrink: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-shrink-0{   flex-shrink: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-shrink-0{   flex-shrink: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-shrink-0{   flex-shrink: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-shrink-0{   flex-shrink: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-shrink-0{   flex-shrink: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-shrink-0 {   flex-shrink: 0 !important; }
.ws-w-sm .ws-sm-flex-shrink-0-only { flex-shrink: 0 !important; }
.ws-w-md .ws-md-flex-shrink-0-only { flex-shrink: 0 !important; }
.ws-w-lg .ws-lg-flex-shrink-0-only { flex-shrink: 0 !important; }
.ws-w-xl .ws-xl-flex-shrink-0-only { flex-shrink: 0 !important; }
.ws-w-xxl .ws-xxl-flex-shrink-0-only { flex-shrink: 0 !important; }
.ws-w-xxxl .ws-xxxl-flex-shrink-0-only { flex-shrink: 0 !important; }
/* FLEX SHRINK 1*/
.ws-flex-shrink-1 {   flex-shrink: 1 !important; }
.workspace-window[include*="-sm-"] .ws-sm-flex-shrink-1{   flex-shrink: 1 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-flex-shrink-1{   flex-shrink: 1 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-flex-shrink-1{   flex-shrink: 1 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-flex-shrink-1{   flex-shrink: 1 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-flex-shrink-1{   flex-shrink: 1 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-flex-shrink-1 {   flex-shrink: 1 !important; }
.ws-w-sm .ws-sm-flex-shrink-1-only { flex-shrink: 1 !important; }
.ws-w-md .ws-md-flex-shrink-1-only { flex-shrink: 1 !important; }
.ws-w-lg .ws-lg-flex-shrink-1-only { flex-shrink: 1 !important; }
.ws-w-xl .ws-xl-flex-shrink-1-only { flex-shrink: 1 !important; }
.ws-w-xxl .ws-xxl-flex-shrink-1-only { flex-shrink: 1 !important; }
.ws-w-xxxl .ws-xxxl-flex-shrink-1-only { flex-shrink: 1 !important; }
/* WIDTH 100 */
.ws-w-100 {   width: 100% !important; }
.workspace-window[include*="-sm-"] .ws-sm-w-100{   width: 100% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-w-100{   width: 100% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-w-100{   width: 100% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-w-100{   width: 100% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-w-100{   width: 100% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-w-100 {   width: 100% !important; }
.ws-w-sm .ws-sm-w-100-only { width: 100% !important; }
.ws-w-md .ws-md-w-100-only { width: 100% !important; }
.ws-w-lg .ws-lg-w-100-only { width: 100% !important; }
.ws-w-xl .ws-xl-w-100-only { width: 100% !important; }
.ws-w-xxl .ws-xxl-w-100-only { width: 100% !important; }
.ws-w-xxxl .ws-xxxl-w-100-only { width: 100% !important; }
/* WIDTH 80 */
.ws-w-80 {   width: 80% !important; }
.workspace-window[include*="-sm-"] .ws-sm-w-80{   width: 80% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-w-80{   width: 80% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-w-80{   width: 80% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-w-80{   width: 80% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-w-80{   width: 80% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-w-80 {   width: 80% !important; }
.ws-w-sm .ws-sm-w-80-only { width: 80% !important; }
.ws-w-md .ws-md-w-80-only { width: 80% !important; }
.ws-w-lg .ws-lg-w-80-only { width: 80% !important; }
.ws-w-xl .ws-xl-w-80-only { width: 80% !important; }
.ws-w-xxl .ws-xxl-w-80-only { width: 80% !important; }
.ws-w-xxxl .ws-xxxl-w-80-only { width: 80% !important; }
/* WIDTH 75 */
.ws-w-75 {   width: 75% !important; }
.workspace-window[include*="-sm-"] .ws-sm-w-75{   width: 75% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-w-75{   width: 75% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-w-75{   width: 75% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-w-75{   width: 75% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-w-75{   width: 75% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-w-75 {   width: 75% !important; }
.ws-w-sm .ws-sm-w-75-only { width: 75% !important; }
.ws-w-md .ws-md-w-75-only { width: 75% !important; }
.ws-w-lg .ws-lg-w-75-only { width: 75% !important; }
.ws-w-xl .ws-xl-w-75-only { width: 75% !important; }
.ws-w-xxl .ws-xxl-w-75-only { width: 75% !important; }
.ws-w-xxxl .ws-xxxl-w-75-only { width: 75% !important; }
/* WIDTH 66 */
.ws-w-66 {   width: 66.6666666% !important; }
.workspace-window[include*="-sm-"] .ws-sm-w-66{   width: 66.6666666% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-w-66{   width: 66.6666666% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-w-66{   width: 66.6666666% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-w-66{   width: 66.6666666% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-w-66{   width: 66.6666666% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-w-66 {   width: 66.6666666% !important; }
.ws-w-sm .ws-sm-w-66-only { width: 66.6666666% !important; }
.ws-w-md .ws-md-w-66-only { width: 66.6666666% !important; }
.ws-w-lg .ws-lg-w-66-only { width: 66.6666666% !important; }
.ws-w-xl .ws-xl-w-66-only { width: 66.6666666% !important; }
.ws-w-xxl .ws-xxl-w-66-only { width: 66.6666666% !important; }
.ws-w-xxxl .ws-xxxl-w-66-only { width: 66.6666666% !important; }
/* WIDTH 60 */
.ws-w-60 {   width: 60% !important; }
.workspace-window[include*="-sm-"] .ws-sm-w-60{   width: 60% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-w-60{   width: 60% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-w-60{   width: 60% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-w-60{   width: 60% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-w-60{   width: 60% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-w-60 {   width: 60% !important; }
.ws-w-sm .ws-sm-w-60-only { width: 60% !important; }
.ws-w-md .ws-md-w-60-only { width: 60% !important; }
.ws-w-lg .ws-lg-w-60-only { width: 60% !important; }
.ws-w-xl .ws-xl-w-60-only { width: 60% !important; }
.ws-w-xxl .ws-xxl-w-60-only { width: 60% !important; }
.ws-w-xxxl .ws-xxxl-w-60-only { width: 60% !important; }
/* WIDTH 50 */
.ws-w-50 {   width: 50% !important; }
.workspace-window[include*="-sm-"] .ws-sm-w-50{   width: 50% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-w-50{   width: 50% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-w-50{   width: 50% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-w-50{   width: 50% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-w-50{   width: 50% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-w-50 {   width: 50% !important; }
.ws-w-sm .ws-sm-w-50-only { width: 50% !important; }
.ws-w-md .ws-md-w-50-only { width: 50% !important; }
.ws-w-lg .ws-lg-w-50-only { width: 50% !important; }
.ws-w-xl .ws-xl-w-50-only { width: 50% !important; }
.ws-w-xxl .ws-xxl-w-50-only { width: 50% !important; }
.ws-w-xxxl .ws-xxxl-w-50-only { width: 50% !important; }
/* WIDTH 33 */
.ws-w-33 {   width: 33.3333333% !important; }
.workspace-window[include*="-sm-"] .ws-sm-w-33{   width: 33.3333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-w-33{   width: 33.3333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-w-33{   width: 33.3333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-w-33{   width: 33.3333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-w-33{   width: 33.3333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-w-33 {   width: 33.3333333% !important; }
.ws-w-sm .ws-sm-w-33-only { width: 33.3333333% !important; }
.ws-w-md .ws-md-w-33-only { width: 33.3333333% !important; }
.ws-w-lg .ws-lg-w-33-only { width: 33.3333333% !important; }
.ws-w-xl .ws-xl-w-33-only { width: 33.3333333% !important; }
.ws-w-xxl .ws-xxl-w-33-only { width: 33.3333333% !important; }
.ws-w-xxxl .ws-xxxl-w-33-only { width: 33.3333333% !important; }
/* WIDTH 25 */
.ws-w-25 {   width: 25% !important; }
.workspace-window[include*="-sm-"] .ws-sm-w-25{   width: 25% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-w-25{   width: 25% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-w-25{   width: 25% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-w-25{   width: 25% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-w-25{   width: 25% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-w-25 {   width: 25% !important; }
.ws-w-sm .ws-sm-w-25-only { width: 25% !important; }
.ws-w-md .ws-md-w-25-only { width: 25% !important; }
.ws-w-lg .ws-lg-w-25-only { width: 25% !important; }
.ws-w-xl .ws-xl-w-25-only { width: 25% !important; }
.ws-w-xxl .ws-xxl-w-25-only { width: 25% !important; }
.ws-w-xxxl .ws-xxxl-w-25-only { width: 25% !important; }
/* WIDTH 20 */
.ws-w-20 {   width: 20% !important; }
.workspace-window[include*="-sm-"] .ws-sm-w-20{   width: 20% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-w-20{   width: 20% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-w-20{   width: 20% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-w-20{   width: 20% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-w-20{   width: 20% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-w-20 {   width: 20% !important; }
.ws-w-sm .ws-sm-w-20-only { width: 20% !important; }
.ws-w-md .ws-md-w-20-only { width: 20% !important; }
.ws-w-lg .ws-lg-w-20-only { width: 20% !important; }
.ws-w-xl .ws-xl-w-20-only { width: 20% !important; }
.ws-w-xxl .ws-xxl-w-20-only { width: 20% !important; }
.ws-w-xxxl .ws-xxxl-w-20-only { width: 20% !important; }
/* HEIGHT 100 */
.ws-h-100 {   height: 100% !important; }
.workspace-window[include*="-sm-"] .ws-sm-h-100{   height: 100% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-h-100{   height: 100% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-h-100{   height: 100% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-h-100{   height: 100% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-h-100{   height: 100% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-h-100 {   height: 100% !important; }
.ws-w-sm .ws-sm-h-100-only { height: 100% !important; }
.ws-w-md .ws-md-h-100-only { height: 100% !important; }
.ws-w-lg .ws-lg-h-100-only { height: 100% !important; }
.ws-w-xl .ws-xl-h-100-only { height: 100% !important; }
.ws-w-xxl .ws-xxl-h-100-only { height: 100% !important; }
.ws-w-xxxl .ws-xxxl-h-100-only { height: 100% !important; }
/* HEIGHT 75 */
.ws-h-75 {   height: 75% !important; }
.workspace-window[include*="-sm-"] .ws-sm-h-75{   height: 75% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-h-75{   height: 75% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-h-75{   height: 75% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-h-75{   height: 75% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-h-75{   height: 75% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-h-75 {   height: 75% !important; }
.ws-w-sm .ws-sm-h-75-only { height: 75% !important; }
.ws-w-md .ws-md-h-75-only { height: 75% !important; }
.ws-w-lg .ws-lg-h-75-only { height: 75% !important; }
.ws-w-xl .ws-xl-h-75-only { height: 75% !important; }
.ws-w-xxl .ws-xxl-h-75-only { height: 75% !important; }
.ws-w-xxxl .ws-xxxl-h-75-only { height: 75% !important; }
/* HEIGHT 66 */
.ws-h-66 {   height: 66.66666666% !important; }
.workspace-window[include*="-sm-"] .ws-sm-h-66{   height: 66.66666666% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-h-66{   height: 66.66666666% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-h-66{   height: 66.66666666% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-h-66{   height: 66.66666666% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-h-66{   height: 66.66666666% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-h-66 {   height: 66.66666666% !important; }
.ws-w-sm .ws-sm-h-66-only { height: 66.66666666% !important; }
.ws-w-md .ws-md-h-66-only { height: 66.66666666% !important; }
.ws-w-lg .ws-lg-h-66-only { height: 66.66666666% !important; }
.ws-w-xl .ws-xl-h-66-only { height: 66.66666666% !important; }
.ws-w-xxl .ws-xxl-h-66-only { height: 66.66666666% !important; }
.ws-w-xxxl .ws-xxxl-h-66-only { height: 66.66666666% !important; }
/* HEIGHT 50 */
.ws-h-50 {   height: 50% !important; }
.workspace-window[include*="-sm-"] .ws-sm-h-50{   height: 50% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-h-50{   height: 50% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-h-50{   height: 50% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-h-50{   height: 50% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-h-50{   height: 50% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-h-50 {   height: 50% !important; }
.ws-w-sm .ws-sm-h-50-only { height: 50% !important; }
.ws-w-md .ws-md-h-50-only { height: 50% !important; }
.ws-w-lg .ws-lg-h-50-only { height: 50% !important; }
.ws-w-xl .ws-xl-h-50-only { height: 50% !important; }
.ws-w-xxl .ws-xxl-h-50-only { height: 50% !important; }
.ws-w-xxxl .ws-xxxl-h-50-only { height: 50% !important; }
/* HEIGHT 33 */
.ws-h-33 {   height: 33.333333333% !important; }
.workspace-window[include*="-sm-"] .ws-sm-h-33{   height: 33.333333333% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-h-33{   height: 33.333333333% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-h-33{   height: 33.333333333% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-h-33{   height: 33.333333333% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-h-33{   height: 33.333333333% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-h-33 {   height: 33.333333333% !important; }
.ws-w-sm .ws-sm-h-33-only { height: 33.333333333% !important; }
.ws-w-md .ws-md-h-33-only { height: 33.333333333% !important; }
.ws-w-lg .ws-lg-h-33-only { height: 33.333333333% !important; }
.ws-w-xl .ws-xl-h-33-only { height: 33.333333333% !important; }
.ws-w-xxl .ws-xxl-h-33-only { height: 33.333333333% !important; }
.ws-w-xxxl .ws-xxxl-h-33-only { height: 33.333333333% !important; }
/* HEIGHT 25 */
.ws-h-25 {   height: 25% !important; }
.workspace-window[include*="-sm-"] .ws-sm-h-25{   height: 25% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-h-25{   height: 25% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-h-25{   height: 25% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-h-25{   height: 25% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-h-25{   height: 25% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-h-25 {   height: 25% !important; }
.ws-w-sm .ws-sm-h-25-only { height: 25% !important; }
.ws-w-md .ws-md-h-25-only { height: 25% !important; }
.ws-w-lg .ws-lg-h-25-only { height: 25% !important; }
.ws-w-xl .ws-xl-h-25-only { height: 25% !important; }
.ws-w-xxl .ws-xxl-h-25-only { height: 25% !important; }
.ws-w-xxxl .ws-xxxl-h-25-only { height: 25% !important; }
/* HEIGHT 75 */
.ws-h-20 {   height: 20% !important; }
.workspace-window[include*="-sm-"] .ws-sm-h-20{   height: 20% !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-h-20{   height: 20% !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-h-20{   height: 20% !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-h-20{   height: 20% !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-h-20{   height: 20% !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-h-20 {   height: 20% !important; }
.ws-w-sm .ws-sm-h-20-only { height: 20% !important; }
.ws-w-md .ws-md-h-20-only { height: 20% !important; }
.ws-w-lg .ws-lg-h-20-only { height: 20% !important; }
.ws-w-xl .ws-xl-h-20-only { height: 20% !important; }
.ws-w-xxl .ws-xxl-h-20-only { height: 20% !important; }
.ws-w-xxxl .ws-xxxl-h-20-only { height: 20% !important; }
/* TEXT START */
.ws-text-start {   text-align: start !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-start{   text-align: start !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-start{   text-align: start !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-start{   text-align: start !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-start{   text-align: start !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-start{   text-align: start !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-start{   text-align: start !important; }
.ws-w-sm .ws-sm-text-start-only { text-align: start !important; }
.ws-w-md .ws-md-text-start-only { text-align: start !important; }
.ws-w-lg .ws-lg-text-start-only { text-align: start !important; }
.ws-w-xl .ws-xl-text-start-only { text-align: start !important; }
.ws-w-xxl .ws-xxl-text-start-only { text-align: start !important; }
.ws-w-xxxl .ws-xxxl-text-start-only { text-align: start !important; }
/* TEXT CENTER */
.ws-text-center {   text-align: left !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-center{   text-align: center !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-center{   text-align: center !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-center{   text-align: center !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-center{   text-align: center !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-center{   text-align: center !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-center{   text-align: center !important; }
.ws-w-sm .ws-sm-text-center-only { text-align: center !important; }
.ws-w-md .ws-md-text-center-only { text-align: center !important; }
.ws-w-lg .ws-lg-text-center-only { text-align: center !important; }
.ws-w-xl .ws-xl-text-center-only { text-align: center !important; }
.ws-w-xxl .ws-xxl-text-center-only { text-align: center !important; }
.ws-w-xxxl .ws-xxxl-text-center-only { text-align: center !important; }
/* TEXT END  */
.ws-text-end {   text-align: end !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-end{   text-align: end !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-end{   text-align: end !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-end{   text-align: end !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-end{   text-align: end !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-end{   text-align: end !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-end{   text-align: end !important; }
.ws-w-sm .ws-sm-text-end-only { text-align: end !important; }
.ws-w-md .ws-md-text-end-only { text-align: end !important; }
.ws-w-lg .ws-lg-text-end-only { text-align: end !important; }
.ws-w-xl .ws-xl-text-end-only { text-align: end !important; }
.ws-w-xxl .ws-xxl-text-end-only { text-align: end !important; }
.ws-w-xxxl .ws-xxxl-text-end-only { text-align: end !important; }
/* TEXT JUSTIFY */
.ws-text-justify {   text-align: justify !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-justify{   text-align: justify !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-justify{   text-align: justify !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-justify{   text-align: justify !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-justify{   text-align: justify !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-justify{   text-align: justify !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-justify{   text-align: justify !important; }
.ws-w-sm .ws-sm-text-justify-only { text-align: justify !important; }
.ws-w-md .ws-md-text-justify-only { text-align: justify !important; }
.ws-w-lg .ws-lg-text-justify-only { text-align: justify !important; }
.ws-w-xl .ws-xl-text-justify-only { text-align: justify !important; }
.ws-w-xxl .ws-xxl-text-justify-only { text-align: justify !important; }
.ws-w-xxxl .ws-xxxl-text-justify-only { text-align: justify !important; }
/* TEXT NOWRAP */
.ws-text-nowrap {   white-space: nowrap !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-nowrap{   white-space: nowrap !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-nowrap{   white-space: nowrap !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-nowrap{   white-space: nowrap !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-nowrap{   white-space: nowrap !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-nowrap{   white-space: nowrap !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-nowrap{   white-space: nowrap !important; }
.ws-w-sm .ws-sm-text-nowrap-only { white-space: nowrap !important; }
.ws-w-md .ws-md-text-nowrap-only { white-space: nowrap !important; }
.ws-w-lg .ws-lg-text-nowrap-only { white-space: nowrap !important; }
.ws-w-xl .ws-xl-text-nowrap-only { white-space: nowrap !important; }
.ws-w-xxl .ws-xxl-text-nowrap-only { white-space: nowrap !important; }
.ws-w-xxxl .ws-xxxl-text-nowrap-only { white-space: nowrap !important; }
/* TEXT BREAK */
.ws-text-break {   word-break: break-word !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-break{   word-break: break-word !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-break{   word-break: break-word !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-break{   word-break: break-word !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-break{   word-break: break-word !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-break{   word-break: break-word !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-break{   word-break: break-word !important; }
.ws-w-sm .ws-sm-text-break-only { word-break: break-word !important; }
.ws-w-md .ws-md-text-break-only { word-break: break-word !important; }
.ws-w-lg .ws-lg-text-break-only { word-break: break-word !important; }
.ws-w-xl .ws-xl-text-break-only { word-break: break-word !important; }
.ws-w-xxl .ws-xxl-text-break-only { word-break: break-word !important; }
.ws-w-xxxl .ws-xxxl-text-break-only { word-break: break-word !important; }
/* TEXT WRAP */
.ws-text-wrap {   white-space: normal !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-wrap{   white-space: normal !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-wrap{   white-space: normal !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-wrap{   white-space: normal !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-wrap{   white-space: normal !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-wrap{   white-space: normal !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-wrap{   white-space: normal !important; }
.ws-w-sm .ws-sm-text-wrap-only { white-space: normal !important; }
.ws-w-md .ws-md-text-wrap-only { white-space: normal !important; }
.ws-w-lg .ws-lg-text-wrap-only { white-space: normal !important; }
.ws-w-xl .ws-xl-text-wrap-only { white-space: normal !important; }
.ws-w-xxl .ws-xxl-text-wrap-only { white-space: normal !important; }
.ws-w-xxxl .ws-xxxl-text-wrap-only { white-space: normal !important; }
/* TEXT LOWERCASE */
.ws-text-lowercase {   text-transform: lowercase !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-lowercase{   text-transform: lowercase !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-lowercase{   text-transform: lowercase !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-lowercase{   text-transform: lowercase !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-lowercase{   text-transform: lowercase !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-lowercase{   text-transform: lowercase !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-lowercase{   text-transform: lowercase !important; }
.ws-w-sm .ws-sm-text-lowercase-only { text-transform: lowercase !important; }
.ws-w-md .ws-md-text-lowercase-only { text-transform: lowercase !important; }
.ws-w-lg .ws-lg-text-lowercase-only { text-transform: lowercase !important; }
.ws-w-xl .ws-xl-text-lowercase-only { text-transform: lowercase !important; }
.ws-w-xxl .ws-xxl-text-lowercase-only { text-transform: lowercase !important; }
.ws-w-xxxl .ws-xxxl-text-lowercase-only { text-transform: lowercase !important; }
/* TEXT UPPERCASE */
.ws-text-uppercase {   text-transform: uppercase !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-uppercase{   text-transform: uppercase !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-uppercase{   text-transform: uppercase !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-uppercase{   text-transform: uppercase !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-uppercase{   text-transform: uppercase !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-uppercase{   text-transform: uppercase !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-uppercase{   text-transform: uppercase !important; }
.ws-w-sm .ws-sm-text-uppercase-only { text-transform: uppercase !important; }
.ws-w-md .ws-md-text-uppercase-only { text-transform: uppercase !important; }
.ws-w-lg .ws-lg-text-uppercase-only { text-transform: uppercase !important; }
.ws-w-xl .ws-xl-text-uppercase-only { text-transform: uppercase !important; }
.ws-w-xxl .ws-xxl-text-uppercase-only { text-transform: uppercase !important; }
.ws-w-xxxl .ws-xxxl-text-uppercase-only { text-transform: uppercase !important; }
/* TEXT CAPITALIZE */
.ws-text-capitalize {   text-transform: capitalize !important; }
.workspace-window[include*="-sm-"] .ws-sm-text-capitalize{   text-transform: capitalize !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-text-capitalize{   text-transform: capitalize !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-text-capitalize{   text-transform: capitalize !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-text-capitalize{   text-transform: capitalize !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-text-capitalize{   text-transform: capitalize !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-text-capitalize{   text-transform: capitalize !important; }
.ws-w-sm .ws-sm-text-capitalize-only { text-transform: capitalize !important; }
.ws-w-md .ws-md-text-capitalize-only { text-transform: capitalize !important; }
.ws-w-lg .ws-lg-text-capitalize-only { text-transform: capitalize !important; }
.ws-w-xl .ws-xl-text-capitalize-only { text-transform: capitalize !important; }
.ws-w-xxl .ws-xxl-text-capitalize-only { text-transform: capitalize !important; }
.ws-w-xxxl .ws-xxxl-text-capitalize-only { text-transform: capitalize !important; }
/* MARGIN */
.ws-m-0 {   margin: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-m-0{   margin: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-m-0{   margin: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-m-0{   margin: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-m-0{   margin: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-m-0{   margin: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-m-0{   margin: 0 !important; }
.ws-w-sm .ws-sm-m-0-only { margin: 0 !important; }
.ws-w-md .ws-md-m-0-only { margin: 0 !important; }
.ws-w-lg .ws-lg-m-0-only { margin: 0 !important; }
.ws-w-xl .ws-xl-m-0-only { margin: 0 !important; }
.ws-w-xxl .ws-xxl-m-0-only { margin: 0 !important; }
.ws-w-xxxl .ws-xxxl-m-0-only { margin: 0 !important; }
/* MARGIN 1 */
.ws-m-1 {   margin: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-m-1{   margin: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-m-1{   margin: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-m-1{   margin: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-m-1{   margin: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-m-1{   margin: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-m-1{   margin: 0.25rem !important; }
.ws-w-sm .ws-sm-m-1-only { margin: 0.25rem !important; }
.ws-w-md .ws-md-m-1-only { margin: 0.25rem !important; }
.ws-w-lg .ws-lg-m-1-only { margin: 0.25rem !important; }
.ws-w-xl .ws-xl-m-1-only { margin: 0.25rem !important; }
.ws-w-xxl .ws-xxl-m-1-only { margin: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-m-1-only { margin: 0.25rem !important; }
/* MARGIN 2 */
.ws-m-2 {   margin: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-m-2{   margin: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-m-2{   margin: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-m-2{   margin: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-m-2{   margin: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-m-2{   margin: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-m-2{   margin: 0.5rem !important; }
.ws-w-sm .ws-sm-m-2-only { margin: 0.5rem !important; }
.ws-w-md .ws-md-m-2-only { margin: 0.5rem !important; }
.ws-w-lg .ws-lg-m-2-only { margin: 0.5rem !important; }
.ws-w-xl .ws-xl-m-2-only { margin: 0.5rem !important; }
.ws-w-xxl .ws-xxl-m-2-only { margin: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-m-2-only { margin: 0.5rem !important; }
/* MARGIN 3 */
.ws-m-3 {   margin: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-m-3{   margin: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-m-3{   margin: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-m-3{   margin: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-m-3{   margin: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-m-3{   margin: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-m-3{   margin: 1rem !important; }
.ws-w-sm .ws-sm-m-3-only { margin: 1rem !important; }
.ws-w-md .ws-md-m-3-only { margin: 1rem !important; }
.ws-w-lg .ws-lg-m-3-only { margin: 1rem !important; }
.ws-w-xl .ws-xl-m-3-only { margin: 1rem !important; }
.ws-w-xxl .ws-xxl-m-3-only { margin: 1rem !important; }
.ws-w-xxxl .ws-xxxl-m-3-only { margin: 1rem !important; }
/* MARGIN 4 */
.ws-m-4 {   margin: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-m-4{   margin: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-m-4{   margin: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-m-4{   margin: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-m-4{   margin: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-m-4{   margin: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-m-4{   margin: 1.5rem !important; }
.ws-w-sm .ws-sm-m-4-only { margin: 1.5rem !important; }
.ws-w-md .ws-md-m-4-only { margin: 1.5rem !important; }
.ws-w-lg .ws-lg-m-4-only { margin: 1.5rem !important; }
.ws-w-xl .ws-xl-m-4-only { margin: 1.5rem !important; }
.ws-w-xxl .ws-xxl-m-4-only { margin: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-m-4-only { margin: 1.5rem !important; }
/* MARGIN 5 */
.ws-m-5 {   margin: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-m-5{   margin: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-m-5{   margin: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-m-5{   margin: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-m-5{   margin: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-m-5{   margin: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-m-5{   margin: 3rem !important; }
.ws-w-sm .ws-sm-m-5-only { margin: 3rem !important; }
.ws-w-md .ws-md-m-5-only { margin: 3rem !important; }
.ws-w-lg .ws-lg-m-5-only { margin: 3rem !important; }
.ws-w-xl .ws-xl-m-5-only { margin: 3rem !important; }
.ws-w-xxl .ws-xxl-m-5-only { margin: 3rem !important; }
.ws-w-xxxl .ws-xxxl-m-5-only { margin: 3rem !important; }
/* MARGIN X */
.ws-mx-0 {   margin-left: 0 !important;   margin-right: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-mx-0{   margin-left: 0 !important;   margin-right: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mx-0{   margin-left: 0 !important;   margin-right: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mx-0{   margin-left: 0 !important;   margin-right: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mx-0{   margin-left: 0 !important;   margin-right: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mx-0{   margin-left: 0 !important;   margin-right: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mx-0{   margin-left: 0 !important;   margin-right: 0 !important; }
.ws-w-sm .ws-sm-mx-0-only { margin-left: 0 !important;   margin-right: 0 !important; }
.ws-w-md .ws-md-mx-0-only { margin-left: 0 !important;   margin-right: 0 !important; }
.ws-w-lg .ws-lg-mx-0-only { margin-left: 0 !important;   margin-right: 0 !important; }
.ws-w-xl .ws-xl-mx-0-only { margin-left: 0 !important;   margin-right: 0 !important; }
.ws-w-xxl .ws-xxl-mx-0-only { margin-left: 0 !important;   margin-right: 0 !important; }
.ws-w-xxxl .ws-xxxl-mx-0-only { margin-left: 0 !important;   margin-right: 0 !important; }
/* MARGIN X 1 */
.ws-mx-1 {   margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mx-1{   margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mx-1{   margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mx-1{   margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mx-1{   margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mx-1{   margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mx-1{   margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.ws-w-sm .ws-sm-mx-1-only { margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.ws-w-md .ws-md-mx-1-only { margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.ws-w-lg .ws-lg-mx-1-only { margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.ws-w-xl .ws-xl-mx-1-only { margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.ws-w-xxl .ws-xxl-mx-1-only { margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-mx-1-only { margin-left: 0.25rem !important;   margin-right: 0.25rem !important; }
/* MARGIN X 2 */
.ws-mx-2 {   margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mx-2{   margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mx-2{   margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mx-2{   margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mx-2{   margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mx-2{   margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mx-2{   margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.ws-w-sm .ws-sm-mx-2-only { margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.ws-w-md .ws-md-mx-2-only { margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.ws-w-lg .ws-lg-mx-2-only { margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.ws-w-xl .ws-xl-mx-2-only { margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.ws-w-xxl .ws-xxl-mx-2-only { margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-mx-2-only { margin-left: 0.5rem !important;   margin-right: 0.5rem !important; }
/* MARGIN X 3 */
.ws-mx-3 {   margin-left: 1rem !important;   margin-right: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mx-3{   margin-left: 1rem !important;   margin-right: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mx-3{   margin-left: 1rem !important;   margin-right: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mx-3{   margin-left: 1rem !important;   margin-right: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mx-3{   margin-left: 1rem !important;   margin-right: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mx-3{   margin-left: 1rem !important;   margin-right: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mx-3{   margin-left: 1rem !important;   margin-right: 1rem !important; }
.ws-w-sm .ws-sm-mx-3-only { margin-left: 1rem !important;   margin-right: 1rem !important; }
.ws-w-md .ws-md-mx-3-only { margin-left: 1rem !important;   margin-right: 1rem !important; }
.ws-w-lg .ws-lg-mx-3-only { margin-left: 1rem !important;   margin-right: 1rem !important; }
.ws-w-xl .ws-xl-mx-3-only { margin-left: 1rem !important;   margin-right: 1rem !important; }
.ws-w-xxl .ws-xxl-mx-3-only { margin-left: 1rem !important;   margin-right: 1rem !important; }
.ws-w-xxxl .ws-xxxl-mx-3-only { margin-left: 1rem !important;   margin-right: 1rem !important; }
/* MARGIN X 4 */
.ws-mx-4 {   margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mx-4{   margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mx-4{   margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mx-4{   margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mx-4{   margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mx-4{   margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mx-4{   margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.ws-w-sm .ws-sm-mx-4-only { margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.ws-w-md .ws-md-mx-4-only { margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.ws-w-lg .ws-lg-mx-4-only { margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.ws-w-xl .ws-xl-mx-4-only { margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.ws-w-xxl .ws-xxl-mx-4-only { margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-mx-4-only { margin-left: 1.5rem !important;   margin-right: 1.5rem !important; }
/* MARGIN X 5 */
.ws-mx-5 {   margin-left: 3rem !important;   margin-right: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mx-5{   margin-left: 3rem !important;   margin-right: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mx-5{   margin-left: 3rem !important;   margin-right: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mx-5{   margin-left: 3rem !important;   margin-right: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mx-5{   margin-left: 3rem !important;   margin-right: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mx-5{   margin-left: 3rem !important;   margin-right: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mx-5{   margin-left: 3rem !important;   margin-right: 3rem !important; }
.ws-w-sm .ws-sm-mx-5-only { margin-left: 3rem !important;   margin-right: 3rem !important; }
.ws-w-md .ws-md-mx-5-only { margin-left: 3rem !important;   margin-right: 3rem !important; }
.ws-w-lg .ws-lg-mx-5-only { margin-left: 3rem !important;   margin-right: 3rem !important; }
.ws-w-xl .ws-xl-mx-5-only { margin-left: 3rem !important;   margin-right: 3rem !important; }
.ws-w-xxl .ws-xxl-mx-5-only { margin-left: 3rem !important;   margin-right: 3rem !important; }
.ws-w-xxxl .ws-xxxl-mx-5-only { margin-left: 3rem !important;   margin-right: 3rem !important; }
/* MARGIN Y */
.ws-my-0 {   margin-top: 0 !important;   margin-bottom: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-my-0{   margin-top: 0 !important;   margin-bottom: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-my-0{   margin-top: 0 !important;   margin-bottom: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-my-0{   margin-top: 0 !important;   margin-bottom: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-my-0{   margin-top: 0 !important;   margin-bottom: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-my-0{   margin-top: 0 !important;   margin-bottom: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-my-0{   margin-top: 0 !important;   margin-bottom: 0 !important; }
.ws-w-sm .ws-sm-my-0-only { margin-top: 0 !important;   margin-bottom: 0 !important; }
.ws-w-md .ws-md-my-0-only { margin-top: 0 !important;   margin-bottom: 0 !important; }
.ws-w-lg .ws-lg-my-0-only { margin-top: 0 !important;   margin-bottom: 0 !important; }
.ws-w-xl .ws-xl-my-0-only { margin-top: 0 !important;   margin-bottom: 0 !important; }
.ws-w-xxl .ws-xxl-my-0-only { margin-top: 0 !important;   margin-bottom: 0 !important; }
.ws-w-xxxl .ws-xxxl-my-0-only { margin-top: 0 !important;   margin-bottom: 0 !important; }
/* MARGIN Y 1 */
.ws-my-1 {   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-my-1{   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-my-1{   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-my-1{   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-my-1{   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-my-1{   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-my-1{   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.ws-w-sm .ws-sm-my-1-only { margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.ws-w-md .ws-md-my-1-only { margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.ws-w-lg .ws-lg-my-1-only { margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.ws-w-xl .ws-xl-my-1-only { margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.ws-w-xxl .ws-xxl-my-1-only { margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-my-1-only { margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important; }
/* MARGIN Y 2 */
.ws-my-2 {   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-my-2{   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-my-2{   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-my-2{   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-my-2{   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-my-2{   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-my-2{   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.ws-w-sm .ws-sm-my-2-only { margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.ws-w-md .ws-md-my-2-only { margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.ws-w-lg .ws-lg-my-2-only { margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.ws-w-xl .ws-xl-my-2-only { margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.ws-w-xxl .ws-xxl-my-2-only { margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-my-2-only { margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important; }
/* MARGIN Y 3 */
.ws-my-3 {   margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-my-3{   margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-my-3{   margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-my-3{   margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-my-3{   margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-my-3{   margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-my-3{   margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.ws-w-sm .ws-sm-my-3-only { margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.ws-w-md .ws-md-my-3-only { margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.ws-w-lg .ws-lg-my-3-only { margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.ws-w-xl .ws-xl-my-3-only { margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.ws-w-xxl .ws-xxl-my-3-only { margin-top: 1rem !important;   margin-bottom: 1rem !important; }
.ws-w-xxxl .ws-xxxl-my-3-only { margin-top: 1rem !important;   margin-bottom: 1rem !important; }
/* MARGIN Y 4 */
.ws-my-4 {   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-my-4{   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-my-4{   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-my-4{   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-my-4{   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-my-4{   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-my-4{   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.ws-w-sm .ws-sm-my-4-only { margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.ws-w-md .ws-md-my-4-only { margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.ws-w-lg .ws-lg-my-4-only { margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.ws-w-xl .ws-xl-my-4-only { margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.ws-w-xxl .ws-xxl-my-4-only { margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-my-4-only { margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important; }
/* MARGIN Y 5 */
.ws-my-5 {   margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-my-5{   margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-my-5{   margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-my-5{   margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-my-5{   margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-my-5{   margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-my-5{   margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.ws-w-sm .ws-sm-my-5-only { margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.ws-w-md .ws-md-my-5-only { margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.ws-w-lg .ws-lg-my-5-only { margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.ws-w-xl .ws-xl-my-5-only { margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.ws-w-xxl .ws-xxl-my-5-only { margin-top: 3rem !important;   margin-bottom: 3rem !important; }
.ws-w-xxxl .ws-xxxl-my-5-only { margin-top: 3rem !important;   margin-bottom: 3rem !important; }
/* MARGIN Y AUTO */
.ws-my-auto {   margin-top: auto !important;   margin-bottom: auto !important; }
.workspace-window[include*="-sm-"] .ws-sm-my-auto{   margin-top: auto !important;   margin-bottom: auto !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-my-auto{   margin-top: auto !important;   margin-bottom: auto !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-my-auto{   margin-top: auto !important;   margin-bottom: auto !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-my-auto{   margin-top: auto !important;   margin-bottom: auto !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-my-auto{   margin-top: auto !important;   margin-bottom: auto !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-my-auto{   margin-top: auto !important;   margin-bottom: auto !important; }
.ws-w-sm .ws-sm-my-auto-only { margin-top: auto !important;   margin-bottom: auto !important; }
.ws-w-md .ws-md-my-auto-only { margin-top: auto !important;   margin-bottom: auto !important; }
.ws-w-lg .ws-lg-my-auto-only { margin-top: auto !important;   margin-bottom: auto !important; }
.ws-w-xl .ws-xl-my-auto-only { margin-top: auto !important;   margin-bottom: auto !important; }
.ws-w-xxl .ws-xxl-my-auto-only { margin-top: auto !important;   margin-bottom: auto !important; }
.ws-w-xxxl .ws-xxxl-my-auto-only { margin-top: auto !important;   margin-bottom: auto !important; }
/* MARGIN START */
.ws-ms-0 {   margin-left: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-ms-0{   margin-left: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ms-0{   margin-left: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ms-0{   margin-left: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ms-0{   margin-left: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ms-0{   margin-left: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ms-0{   margin-left: 0 !important; }
.ws-w-sm .ws-sm-ms-0-only { margin-left: 0 !important; }
.ws-w-md .ws-md-ms-0-only { margin-left: 0 !important; }
.ws-w-lg .ws-lg-ms-0-only { margin-left: 0 !important; }
.ws-w-xl .ws-xl-ms-0-only { margin-left: 0 !important; }
.ws-w-xxl .ws-xxl-ms-0-only { margin-left: 0 !important; }
.ws-w-xxxl .ws-xxxl-ms-0-only { margin-left: 0 !important; }
/* MARGIN START 1 */
.ws-ms-1 {   margin-left: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ms-1{   margin-left: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ms-1{   margin-left: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ms-1{   margin-left: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ms-1{   margin-left: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ms-1{   margin-left: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ms-1{   margin-left: 0.25rem !important; }
.ws-w-sm .ws-sm-ms-1-only { margin-left: 0.25rem !important; }
.ws-w-md .ws-md-ms-1-only { margin-left: 0.25rem !important; }
.ws-w-lg .ws-lg-ms-1-only { margin-left: 0.25rem !important; }
.ws-w-xl .ws-xl-ms-1-only { margin-left: 0.25rem !important; }
.ws-w-xxl .ws-xxl-ms-1-only { margin-left: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-ms-1-only { margin-left: 0.25rem !important; }
/* MARGIN START 2 */
.ws-ms-2 {   margin-left: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ms-2{   margin-left: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ms-2{   margin-left: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ms-2{   margin-left: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ms-2{   margin-left: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ms-2{   margin-left: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ms-2{   margin-left: 0.5rem !important; }
.ws-w-sm .ws-sm-ms-2-only { margin-left: 0.5rem !important; }
.ws-w-md .ws-md-ms-2-only { margin-left: 0.5rem !important; }
.ws-w-lg .ws-lg-ms-2-only { margin-left: 0.5rem !important; }
.ws-w-xl .ws-xl-ms-2-only { margin-left: 0.5rem !important; }
.ws-w-xxl .ws-xxl-ms-2-only { margin-left: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-ms-2-only { margin-left: 0.5rem !important; }
/* MARGIN START 3 */
.ws-ms-3 {   margin-left: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ms-3{   margin-left: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ms-3{   margin-left: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ms-3{   margin-left: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ms-3{   margin-left: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ms-3{   margin-left: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ms-3{   margin-left: 1rem !important; }
.ws-w-sm .ws-sm-ms-3-only { margin-left: 1rem !important; }
.ws-w-md .ws-md-ms-3-only { margin-left: 1rem !important; }
.ws-w-lg .ws-lg-ms-3-only { margin-left: 1rem !important; }
.ws-w-xl .ws-xl-ms-3-only { margin-left: 1rem !important; }
.ws-w-xxl .ws-xxl-ms-3-only { margin-left: 1rem !important; }
.ws-w-xxxl .ws-xxxl-ms-3-only { margin-left: 1rem !important; }
/* MARGIN START 4 */
.ws-ms-4 {   margin-left: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ms-4{   margin-left: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ms-4{   margin-left: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ms-4{   margin-left: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ms-4{   margin-left: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ms-4{   margin-left: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ms-4{   margin-left: 1.5rem !important; }
.ws-w-sm .ws-sm-ms-4-only { margin-left: 1.5rem !important; }
.ws-w-md .ws-md-ms-4-only { margin-left: 1.5rem !important; }
.ws-w-lg .ws-lg-ms-4-only { margin-left: 1.5rem !important; }
.ws-w-xl .ws-xl-ms-4-only { margin-left: 1.5rem !important; }
.ws-w-xxl .ws-xxl-ms-4-only { margin-left: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-ms-4-only { margin-left: 1.5rem !important; }
/* MARGIN START 5 */
.ws-ms-5 {   margin-left: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ms-5{   margin-left: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ms-5{   margin-left: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ms-5{   margin-left: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ms-5{   margin-left: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ms-5{   margin-left: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ms-5{   margin-left: 3rem !important; }
.ws-w-sm .ws-sm-ms-5-only { margin-left: 3rem !important; }
.ws-w-md .ws-md-ms-5-only { margin-left: 3rem !important; }
.ws-w-lg .ws-lg-ms-5-only { margin-left: 3rem !important; }
.ws-w-xl .ws-xl-ms-5-only { margin-left: 3rem !important; }
.ws-w-xxl .ws-xxl-ms-5-only { margin-left: 3rem !important; }
.ws-w-xxxl .ws-xxxl-ms-5-only { margin-left: 3rem !important; }
/* MARGIN END */
.ws-me-0 {   margin-right: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-me-0{   margin-right: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-me-0{   margin-right: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-me-0{   margin-right: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-me-0{   margin-right: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-me-0{   margin-right: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-me-0{   margin-right: 0 !important; }
.ws-w-sm .ws-sm-me-0-only { margin-right: 0 !important; }
.ws-w-md .ws-md-me-0-only { margin-right: 0 !important; }
.ws-w-lg .ws-lg-me-0-only { margin-right: 0 !important; }
.ws-w-xl .ws-xl-me-0-only { margin-right: 0 !important; }
.ws-w-xxl .ws-xxl-me-0-only { margin-right: 0 !important; }
.ws-w-xxxl .ws-xxxl-me-0-only { margin-right: 0 !important; }
/* MARGIN END 1 */
.ws-me-1 {   margin-right: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-me-1{   margin-right: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-me-1{   margin-right: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-me-1{   margin-right: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-me-1{   margin-right: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-me-1{   margin-right: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-me-1{   margin-right: 0.25rem !important; }
.ws-w-sm .ws-sm-me-1-only { margin-right: 0.25rem !important; }
.ws-w-md .ws-md-me-1-only { margin-right: 0.25rem !important; }
.ws-w-lg .ws-lg-me-1-only { margin-right: 0.25rem !important; }
.ws-w-xl .ws-xl-me-1-only { margin-right: 0.25rem !important; }
.ws-w-xxl .ws-xxl-me-1-only { margin-right: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-me-1-only { margin-right: 0.25rem !important; }
/* MARGIN END 2 */
.ws-me-2 {   margin-right: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-me-2{   margin-right: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-me-2{   margin-right: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-me-2{   margin-right: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-me-2{   margin-right: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-me-2{   margin-right: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-me-2{   margin-right: 0.5rem !important; }
.ws-w-sm .ws-sm-me-2-only { margin-right: 0.5rem !important; }
.ws-w-md .ws-md-me-2-only { margin-right: 0.5rem !important; }
.ws-w-lg .ws-lg-me-2-only { margin-right: 0.5rem !important; }
.ws-w-xl .ws-xl-me-2-only { margin-right: 0.5rem !important; }
.ws-w-xxl .ws-xxl-me-2-only { margin-right: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-me-2-only { margin-right: 0.5rem !important; }
/* MARGIN END 3 */
.ws-me-3 {   margin-right: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-me-3{   margin-right: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-me-3{   margin-right: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-me-3{   margin-right: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-me-3{   margin-right: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-me-3{   margin-right: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-me-3{   margin-right: 1rem !important; }
.ws-w-sm .ws-sm-me-3-only { margin-right: 1rem !important; }
.ws-w-md .ws-md-me-3-only { margin-right: 1rem !important; }
.ws-w-lg .ws-lg-me-3-only { margin-right: 1rem !important; }
.ws-w-xl .ws-xl-me-3-only { margin-right: 1rem !important; }
.ws-w-xxl .ws-xxl-me-3-only { margin-right: 1rem !important; }
.ws-w-xxxl .ws-xxxl-me-3-only { margin-right: 1rem !important; }
/* MARGIN END 4 */
.ws-me-4 {   margin-right: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-me-4{   margin-right: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-me-4{   margin-right: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-me-4{   margin-right: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-me-4{   margin-right: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-me-4{   margin-right: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-me-4{   margin-right: 1.5rem !important; }
.ws-w-sm .ws-sm-me-4-only { margin-right: 1.5rem !important; }
.ws-w-md .ws-md-me-4-only { margin-right: 1.5rem !important; }
.ws-w-lg .ws-lg-me-4-only { margin-right: 1.5rem !important; }
.ws-w-xl .ws-xl-me-4-only { margin-right: 1.5rem !important; }
.ws-w-xxl .ws-xxl-me-4-only { margin-right: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-me-4-only { margin-right: 1.5rem !important; }
/* MARGIN END 5 */
.ws-me-5 {   margin-right: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-me-5{   margin-right: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-me-5{   margin-right: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-me-5{   margin-right: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-me-5{   margin-right: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-me-5{   margin-right: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-me-5{   margin-right: 3rem !important; }
.ws-w-sm .ws-sm-me-5-only { margin-right: 3rem !important; }
.ws-w-md .ws-md-me-5-only { margin-right: 3rem !important; }
.ws-w-lg .ws-lg-me-5-only { margin-right: 3rem !important; }
.ws-w-xl .ws-xl-me-5-only { margin-right: 3rem !important; }
.ws-w-xxl .ws-xxl-me-5-only { margin-right: 3rem !important; }
.ws-w-xxxl .ws-xxxl-me-5-only { margin-right: 3rem !important; }
/* MARGIN TOP */
.ws-mt-0 {   margin-top: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-mt-0{   margin-top: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mt-0{   margin-top: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mt-0{   margin-top: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mt-0{   margin-top: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mt-0{   margin-top: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mt-0{   margin-top: 0 !important; }
.ws-w-sm .ws-sm-mt-0-only { margin-top: 0 !important; }
.ws-w-md .ws-md-mt-0-only { margin-top: 0 !important; }
.ws-w-lg .ws-lg-mt-0-only { margin-top: 0 !important; }
.ws-w-xl .ws-xl-mt-0-only { margin-top: 0 !important; }
.ws-w-xxl .ws-xxl-mt-0-only { margin-top: 0 !important; }
.ws-w-xxxl .ws-xxxl-mt-0-only { margin-top: 0 !important; }
/* MARGIN TOP 1 */
.ws-mt-1 {   margin-top: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mt-1{   margin-top: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mt-1{   margin-top: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mt-1{   margin-top: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mt-1{   margin-top: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mt-1{   margin-top: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mt-1{   margin-top: 0.25rem !important; }
.ws-w-sm .ws-sm-mt-1-only { margin-top: 0.25rem !important; }
.ws-w-md .ws-md-mt-1-only { margin-top: 0.25rem !important; }
.ws-w-lg .ws-lg-mt-1-only { margin-top: 0.25rem !important; }
.ws-w-xl .ws-xl-mt-1-only { margin-top: 0.25rem !important; }
.ws-w-xxl .ws-xxl-mt-1-only { margin-top: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-mt-1-only { margin-top: 0.25rem !important; }
/* MARGIN TOP 2 */
.ws-mt-2 {   margin-top: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mt-2{   margin-top: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mt-2{   margin-top: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mt-2{   margin-top: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mt-2{   margin-top: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mt-2{   margin-top: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mt-2{   margin-top: 0.5rem !important; }
.ws-w-sm .ws-sm-mt-2-only { margin-top: 0.5rem !important; }
.ws-w-md .ws-md-mt-2-only { margin-top: 0.5rem !important; }
.ws-w-lg .ws-lg-mt-2-only { margin-top: 0.5rem !important; }
.ws-w-xl .ws-xl-mt-2-only { margin-top: 0.5rem !important; }
.ws-w-xxl .ws-xxl-mt-2-only { margin-top: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-mt-2-only { margin-top: 0.5rem !important; }
/* MARGIN TOP 3 */
.ws-mt-3 {   margin-top: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mt-3{   margin-top: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mt-3{   margin-top: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mt-3{   margin-top: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mt-3{   margin-top: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mt-3{   margin-top: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mt-3{   margin-top: 1rem !important; }
.ws-w-sm .ws-sm-mt-3-only { margin-top: 1rem !important; }
.ws-w-md .ws-md-mt-3-only { margin-top: 1rem !important; }
.ws-w-lg .ws-lg-mt-3-only { margin-top: 1rem !important; }
.ws-w-xl .ws-xl-mt-3-only { margin-top: 1rem !important; }
.ws-w-xxl .ws-xxl-mt-3-only { margin-top: 1rem !important; }
.ws-w-xxxl .ws-xxxl-mt-3-only { margin-top: 1rem !important; }
/* MARGIN TOP 4 */
.ws-mt-4 {   margin-top: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mt-4{   margin-top: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mt-4{   margin-top: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mt-4{   margin-top: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mt-4{   margin-top: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mt-4{   margin-top: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mt-4{   margin-top: 1.5rem !important; }
.ws-w-sm .ws-sm-mt-4-only { margin-top: 1.5rem !important; }
.ws-w-md .ws-md-mt-4-only { margin-top: 1.5rem !important; }
.ws-w-lg .ws-lg-mt-4-only { margin-top: 1.5rem !important; }
.ws-w-xl .ws-xl-mt-4-only { margin-top: 1.5rem !important; }
.ws-w-xxl .ws-xxl-mt-4-only { margin-top: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-mt-4-only { margin-top: 1.5rem !important; }
/* MARGIN TOP 5 */
.ws-mt-5 {   margin-top: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mt-5{   margin-top: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mt-5{   margin-top: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mt-5{   margin-top: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mt-5{   margin-top: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mt-5{   margin-top: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mt-5{   margin-top: 3rem !important; }
.ws-w-sm .ws-sm-mt-5-only { margin-top: 3rem !important; }
.ws-w-md .ws-md-mt-5-only { margin-top: 3rem !important; }
.ws-w-lg .ws-lg-mt-5-only { margin-top: 3rem !important; }
.ws-w-xl .ws-xl-mt-5-only { margin-top: 3rem !important; }
.ws-w-xxl .ws-xxl-mt-5-only { margin-top: 3rem !important; }
.ws-w-xxxl .ws-xxxl-mt-5-only { margin-top: 3rem !important; }
/* MARGIN BOTTOM */
.ws-mb-0 {   margin-bottom: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-mb-0{   margin-bottom: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mb-0{   margin-bottom: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mb-0{   margin-bottom: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mb-0{   margin-bottom: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mb-0{   margin-bottom: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mb-0{   margin-bottom: 0 !important; }
.ws-w-sm .ws-sm-mb-0-only { margin-bottom: 0 !important; }
.ws-w-md .ws-md-mb-0-only { margin-bottom: 0 !important; }
.ws-w-lg .ws-lg-mb-0-only { margin-bottom: 0 !important; }
.ws-w-xl .ws-xl-mb-0-only { margin-bottom: 0 !important; }
.ws-w-xxl .ws-xxl-mb-0-only { margin-bottom: 0 !important; }
.ws-w-xxxl .ws-xxxl-mb-0-only { margin-bottom: 0 !important; }
/* MARGIN BOTTOM 1 */
.ws-mb-1 {   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mb-1{   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mb-1{   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mb-1{   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mb-1{   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mb-1{   margin-bottom: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mb-1{   margin-bottom: 0.25rem !important; }
.ws-w-sm .ws-sm-mb-1-only { margin-bottom: 0.25rem !important; }
.ws-w-md .ws-md-mb-1-only { margin-bottom: 0.25rem !important; }
.ws-w-lg .ws-lg-mb-1-only { margin-bottom: 0.25rem !important; }
.ws-w-xl .ws-xl-mb-1-only { margin-bottom: 0.25rem !important; }
.ws-w-xxl .ws-xxl-mb-1-only { margin-bottom: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-mb-1-only { margin-bottom: 0.25rem !important; }
/* MARGIN BOTTOM 2 */
.ws-mb-2 {   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mb-2{   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mb-2{   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mb-2{   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mb-2{   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mb-2{   margin-bottom: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mb-2{   margin-bottom: 0.5rem !important; }
.ws-w-sm .ws-sm-mb-2-only { margin-bottom: 0.5rem !important; }
.ws-w-md .ws-md-mb-2-only { margin-bottom: 0.5rem !important; }
.ws-w-lg .ws-lg-mb-2-only { margin-bottom: 0.5rem !important; }
.ws-w-xl .ws-xl-mb-2-only { margin-bottom: 0.5rem !important; }
.ws-w-xxl .ws-xxl-mb-2-only { margin-bottom: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-mb-2-only { margin-bottom: 0.5rem !important; }
/* MARGIN BOTTOM 3 */
.ws-mb-3 {   margin-bottom: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mb-3{   margin-bottom: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mb-3{   margin-bottom: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mb-3{   margin-bottom: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mb-3{   margin-bottom: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mb-3{   margin-bottom: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mb-3{   margin-bottom: 1rem !important; }
.ws-w-sm .ws-sm-mb-3-only { margin-bottom: 1rem !important; }
.ws-w-md .ws-md-mb-3-only { margin-bottom: 1rem !important; }
.ws-w-lg .ws-lg-mb-3-only { margin-bottom: 1rem !important; }
.ws-w-xl .ws-xl-mb-3-only { margin-bottom: 1rem !important; }
.ws-w-xxl .ws-xxl-mb-3-only { margin-bottom: 1rem !important; }
.ws-w-xxxl .ws-xxxl-mb-3-only { margin-bottom: 1rem !important; }
/* MARGIN BOTTOM 4 */
.ws-mb-4 {   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mb-4{   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mb-4{   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mb-4{   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mb-4{   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mb-4{   margin-bottom: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mb-4{   margin-bottom: 1.5rem !important; }
.ws-w-sm .ws-sm-mb-4-only { margin-bottom: 1.5rem !important; }
.ws-w-md .ws-md-mb-4-only { margin-bottom: 1.5rem !important; }
.ws-w-lg .ws-lg-mb-4-only { margin-bottom: 1.5rem !important; }
.ws-w-xl .ws-xl-mb-4-only { margin-bottom: 1.5rem !important; }
.ws-w-xxl .ws-xxl-mb-4-only { margin-bottom: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-mb-4-only { margin-bottom: 1.5rem !important; }
/* MARGIN BOTTOM 5 */
.ws-mb-5 {   margin-bottom: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-mb-5{   margin-bottom: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-mb-5{   margin-bottom: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-mb-5{   margin-bottom: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-mb-5{   margin-bottom: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-mb-5{   margin-bottom: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-mb-5{   margin-bottom: 3rem !important; }
.ws-w-sm .ws-sm-mb-5-only { margin-bottom: 3rem !important; }
.ws-w-md .ws-md-mb-5-only { margin-bottom: 3rem !important; }
.ws-w-lg .ws-lg-mb-5-only { margin-bottom: 3rem !important; }
.ws-w-xl .ws-xl-mb-5-only { margin-bottom: 3rem !important; }
.ws-w-xxl .ws-xxl-mb-5-only { margin-bottom: 3rem !important; }
.ws-w-xxxl .ws-xxxl-mb-5-only { margin-bottom: 3rem !important; }
/* PADDING */
.ws-p-0 {   padding: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-p-0{   padding: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-p-0{   padding: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-p-0{   padding: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-p-0{   padding: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-p-0{   padding: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-p-0{   padding: 0 !important; }
.ws-w-sm .ws-sm-p-0-only { padding: 0 !important; }
.ws-w-md .ws-md-p-0-only { padding: 0 !important; }
.ws-w-lg .ws-lg-p-0-only { padding: 0 !important; }
.ws-w-xl .ws-xl-p-0-only { padding: 0 !important; }
.ws-w-xxl .ws-xxl-p-0-only { padding: 0 !important; }
.ws-w-xxxl .ws-xxxl-p-0-only { padding: 0 !important; }
/* PADDING 1 */
.ws-p-1 {   padding: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-p-1{   padding: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-p-1{   padding: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-p-1{   padding: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-p-1{   padding: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-p-1{   padding: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-p-1{   padding: 0.25rem !important; }
.ws-w-sm .ws-sm-p-1-only { padding: 0.25rem !important; }
.ws-w-md .ws-md-p-1-only { padding: 0.25rem !important; }
.ws-w-lg .ws-lg-p-1-only { padding: 0.25rem !important; }
.ws-w-xl .ws-xl-p-1-only { padding: 0.25rem !important; }
.ws-w-xxl .ws-xxl-p-1-only { padding: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-p-1-only { padding: 0.25rem !important; }
/* PADDING 2 */
.ws-p-2 {   padding: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-p-2{   padding: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-p-2{   padding: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-p-2{   padding: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-p-2{   padding: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-p-2{   padding: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-p-2{   padding: 0.5rem !important; }
.ws-w-sm .ws-sm-p-2-only { padding: 0.5rem !important; }
.ws-w-md .ws-md-p-2-only { padding: 0.5rem !important; }
.ws-w-lg .ws-lg-p-2-only { padding: 0.5rem !important; }
.ws-w-xl .ws-xl-p-2-only { padding: 0.5rem !important; }
.ws-w-xxl .ws-xxl-p-2-only { padding: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-p-2-only { padding: 0.5rem !important; }
/* PADDING 3 */
.ws-p-3 {   padding: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-p-3{   padding: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-p-3{   padding: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-p-3{   padding: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-p-3{   padding: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-p-3{   padding: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-p-3{   padding: 1rem !important; }
.ws-w-sm .ws-sm-p-3-only { padding: 1rem !important; }
.ws-w-md .ws-md-p-3-only { padding: 1rem !important; }
.ws-w-lg .ws-lg-p-3-only { padding: 1rem !important; }
.ws-w-xl .ws-xl-p-3-only { padding: 1rem !important; }
.ws-w-xxl .ws-xxl-p-3-only { padding: 1rem !important; }
.ws-w-xxxl .ws-xxxl-p-3-only { padding: 1rem !important; }
/* PADDING 4 */
.ws-p-4 {   padding: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-p-4{   padding: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-p-4{   padding: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-p-4{   padding: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-p-4{   padding: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-p-4{   padding: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-p-4{   padding: 1.5rem !important; }
.ws-w-sm .ws-sm-p-4-only { padding: 1.5rem !important; }
.ws-w-md .ws-md-p-4-only { padding: 1.5rem !important; }
.ws-w-lg .ws-lg-p-4-only { padding: 1.5rem !important; }
.ws-w-xl .ws-xl-p-4-only { padding: 1.5rem !important; }
.ws-w-xxl .ws-xxl-p-4-only { padding: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-p-4-only { padding: 1.5rem !important; }
/* PADDING 5 */
.ws-p-5 {   padding: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-p-5{   padding: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-p-5{   padding: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-p-5{   padding: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-p-5{   padding: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-p-5{   padding: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-p-5{   padding: 3rem !important; }
.ws-w-sm .ws-sm-p-5-only { padding: 3rem !important; }
.ws-w-md .ws-md-p-5-only { padding: 3rem !important; }
.ws-w-lg .ws-lg-p-5-only { padding: 3rem !important; }
.ws-w-xl .ws-xl-p-5-only { padding: 3rem !important; }
.ws-w-xxl .ws-xxl-p-5-only { padding: 3rem !important; }
.ws-w-xxxl .ws-xxxl-p-5-only { padding: 3rem !important; }
/* PADDING X */
.ws-px-0 {   padding-left: 0 !important;   padding-right: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-px-0{   padding-left: 0 !important;   padding-right: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-px-0{   padding-left: 0 !important;   padding-right: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-px-0{   padding-left: 0 !important;   padding-right: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-px-0{   padding-left: 0 !important;   padding-right: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-px-0{   padding-left: 0 !important;   padding-right: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-px-0{   padding-left: 0 !important;   padding-right: 0 !important; }
.ws-w-sm .ws-sm-px-0-only { padding-left: 0 !important;   padding-right: 0 !important; }
.ws-w-md .ws-md-px-0-only { padding-left: 0 !important;   padding-right: 0 !important; }
.ws-w-lg .ws-lg-px-0-only { padding-left: 0 !important;   padding-right: 0 !important; }
.ws-w-xl .ws-xl-px-0-only { padding-left: 0 !important;   padding-right: 0 !important; }
.ws-w-xxl .ws-xxl-px-0-only { padding-left: 0 !important;   padding-right: 0 !important; }
.ws-w-xxxl .ws-xxxl-px-0-only { padding-left: 0 !important;   padding-right: 0 !important; }
/* PADDING X 1 */
.ws-px-1 {   padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-px-1{   padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-px-1{   padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-px-1{   padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-px-1{   padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-px-1{   padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-px-1{   padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.ws-w-sm .ws-sm-px-1-only { padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.ws-w-md .ws-md-px-1-only { padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.ws-w-lg .ws-lg-px-1-only { padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.ws-w-xl .ws-xl-px-1-only { padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.ws-w-xxl .ws-xxl-px-1-only { padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-px-1-only { padding-left: 0.25rem !important;   padding-right: 0.25rem !important; }
/* PADDING X 2 */
.ws-px-2 {   padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-px-2{   padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-px-2{   padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-px-2{   padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-px-2{   padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-px-2{   padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-px-2{   padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.ws-w-sm .ws-sm-px-2-only { padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.ws-w-md .ws-md-px-2-only { padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.ws-w-lg .ws-lg-px-2-only { padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.ws-w-xl .ws-xl-px-2-only { padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.ws-w-xxl .ws-xxl-px-2-only { padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-px-2-only { padding-left: 0.5rem !important;   padding-right: 0.5rem !important; }
/* PADDING X 3 */
.ws-px-3 {   padding-left: 1rem !important;   padding-right: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-px-3{   padding-left: 1rem !important;   padding-right: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-px-3{   padding-left: 1rem !important;   padding-right: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-px-3{   padding-left: 1rem !important;   padding-right: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-px-3{   padding-left: 1rem !important;   padding-right: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-px-3{   padding-left: 1rem !important;   padding-right: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-px-3{   padding-left: 1rem !important;   padding-right: 1rem !important; }
.ws-w-sm .ws-sm-px-3-only { padding-left: 1rem !important;   padding-right: 1rem !important; }
.ws-w-md .ws-md-px-3-only { padding-left: 1rem !important;   padding-right: 1rem !important; }
.ws-w-lg .ws-lg-px-3-only { padding-left: 1rem !important;   padding-right: 1rem !important; }
.ws-w-xl .ws-xl-px-3-only { padding-left: 1rem !important;   padding-right: 1rem !important; }
.ws-w-xxl .ws-xxl-px-3-only { padding-left: 1rem !important;   padding-right: 1rem !important; }
.ws-w-xxxl .ws-xxxl-px-3-only { padding-left: 1rem !important;   padding-right: 1rem !important; }
/* PADDING X 4 */
.ws-px-4 {   padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-px-4{   padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-px-4{   padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-px-4{   padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-px-4{   padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-px-4{   padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-px-4{   padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.ws-w-sm .ws-sm-px-4-only { padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.ws-w-md .ws-md-px-4-only { padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.ws-w-lg .ws-lg-px-4-only { padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.ws-w-xl .ws-xl-px-4-only { padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.ws-w-xxl .ws-xxl-px-4-only { padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-px-4-only { padding-left: 1.5rem !important;   padding-right: 1.5rem !important; }
/* PADDING X 5 */
.ws-px-5 {   padding-left: 3rem !important;   padding-right: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-px-5{   padding-left: 3rem !important;   padding-right: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-px-5{   padding-left: 3rem !important;   padding-right: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-px-5{   padding-left: 3rem !important;   padding-right: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-px-5{   padding-left: 3rem !important;   padding-right: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-px-5{   padding-left: 3rem !important;   padding-right: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-px-5{   padding-left: 3rem !important;   padding-right: 3rem !important; }
.ws-w-sm .ws-sm-px-5-only { padding-left: 3rem !important;   padding-right: 3rem !important; }
.ws-w-md .ws-md-px-5-only { padding-left: 3rem !important;   padding-right: 3rem !important; }
.ws-w-lg .ws-lg-px-5-only { padding-left: 3rem !important;   padding-right: 3rem !important; }
.ws-w-xl .ws-xl-px-5-only { padding-left: 3rem !important;   padding-right: 3rem !important; }
.ws-w-xxl .ws-xxl-px-5-only { padding-left: 3rem !important;   padding-right: 3rem !important; }
.ws-w-xxxl .ws-xxxl-px-5-only { padding-left: 3rem !important;   padding-right: 3rem !important; }
/* PADDING Y */
.ws-py-0 {   padding-top: 0 !important;   padding-bottom: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-py-0{   padding-top: 0 !important;   padding-bottom: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-py-0{   padding-top: 0 !important;   padding-bottom: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-py-0{   padding-top: 0 !important;   padding-bottom: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-py-0{   padding-top: 0 !important;   padding-bottom: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-py-0{   padding-top: 0 !important;   padding-bottom: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-py-0{   padding-top: 0 !important;   padding-bottom: 0 !important; }
.ws-w-sm .ws-sm-py-0-only { padding-top: 0 !important;   padding-bottom: 0 !important; }
.ws-w-md .ws-md-py-0-only { padding-top: 0 !important;   padding-bottom: 0 !important; }
.ws-w-lg .ws-lg-py-0-only { padding-top: 0 !important;   padding-bottom: 0 !important; }
.ws-w-xl .ws-xl-py-0-only { padding-top: 0 !important;   padding-bottom: 0 !important; }
.ws-w-xxl .ws-xxl-py-0-only { padding-top: 0 !important;   padding-bottom: 0 !important; }
.ws-w-xxxl .ws-xxxl-py-0-only { padding-top: 0 !important;   padding-bottom: 0 !important; }
/* PADDING Y 1 */
.ws-py-1 {   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-py-1{   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-py-1{   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-py-1{   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-py-1{   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-py-1{   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-py-1{   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.ws-w-sm .ws-sm-py-1-only { padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.ws-w-md .ws-md-py-1-only { padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.ws-w-lg .ws-lg-py-1-only { padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.ws-w-xl .ws-xl-py-1-only { padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.ws-w-xxl .ws-xxl-py-1-only { padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-py-1-only { padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important; }
/* PADDING Y 2 */
.ws-py-2 {   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-py-2{   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-py-2{   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-py-2{   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-py-2{   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-py-2{   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-py-2{   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.ws-w-sm .ws-sm-py-2-only { padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.ws-w-md .ws-md-py-2-only { padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.ws-w-lg .ws-lg-py-2-only { padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.ws-w-xl .ws-xl-py-2-only { padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.ws-w-xxl .ws-xxl-py-2-only { padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-py-2-only { padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important; }
/* PADDING Y 3 */
.ws-py-3 {   padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-py-3{   padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-py-3{   padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-py-3{   padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-py-3{   padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-py-3{   padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-py-3{   padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.ws-w-sm .ws-sm-py-3-only { padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.ws-w-md .ws-md-py-3-only { padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.ws-w-lg .ws-lg-py-3-only { padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.ws-w-xl .ws-xl-py-3-only { padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.ws-w-xxl .ws-xxl-py-3-only { padding-top: 1rem !important;   padding-bottom: 1rem !important; }
.ws-w-xxxl .ws-xxxl-py-3-only { padding-top: 1rem !important;   padding-bottom: 1rem !important; }
/* PADDING Y 4 */
.ws-py-4 {   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-py-4{   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-py-4{   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-py-4{   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-py-4{   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-py-4{   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-py-4{   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.ws-w-sm .ws-sm-py-4-only { padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.ws-w-md .ws-md-py-4-only { padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.ws-w-lg .ws-lg-py-4-only { padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.ws-w-xl .ws-xl-py-4-only { padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.ws-w-xxl .ws-xxl-py-4-only { padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-py-4-only { padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important; }
/* PADDING Y 5 */
.ws-py-5 {   padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-py-5{   padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-py-5{   padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-py-5{   padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-py-5{   padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-py-5{   padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-py-5{   padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.ws-w-sm .ws-sm-py-5-only { padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.ws-w-md .ws-md-py-5-only { padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.ws-w-lg .ws-lg-py-5-only { padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.ws-w-xl .ws-xl-py-5-only { padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.ws-w-xxl .ws-xxl-py-5-only { padding-top: 3rem !important;   padding-bottom: 3rem !important; }
.ws-w-xxxl .ws-xxxl-py-5-only { padding-top: 3rem !important;   padding-bottom: 3rem !important; }
/* PADDING Y AUTO */
.ws-py-auto {   padding-top: auto !important;   padding-bottom: auto !important; }
.workspace-window[include*="-sm-"] .ws-sm-py-auto{   padding-top: auto !important;   padding-bottom: auto !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-py-auto{   padding-top: auto !important;   padding-bottom: auto !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-py-auto{   padding-top: auto !important;   padding-bottom: auto !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-py-auto{   padding-top: auto !important;   padding-bottom: auto !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-py-auto{   padding-top: auto !important;   padding-bottom: auto !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-py-auto{   padding-top: auto !important;   padding-bottom: auto !important; }
.ws-w-sm .ws-sm-py-auto-only { padding-top: auto !important;   padding-bottom: auto !important; }
.ws-w-md .ws-md-py-auto-only { padding-top: auto !important;   padding-bottom: auto !important; }
.ws-w-lg .ws-lg-py-auto-only { padding-top: auto !important;   padding-bottom: auto !important; }
.ws-w-xl .ws-xl-py-auto-only { padding-top: auto !important;   padding-bottom: auto !important; }
.ws-w-xxl .ws-xxl-py-auto-only { padding-top: auto !important;   padding-bottom: auto !important; }
.ws-w-xxxl .ws-xxxl-py-auto-only { padding-top: auto !important;   padding-bottom: auto !important; }
/* PADDING START */
.ws-ps-0 {   padding-left: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-ps-0{   padding-left: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ps-0{   padding-left: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ps-0{   padding-left: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ps-0{   padding-left: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ps-0{   padding-left: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ps-0{   padding-left: 0 !important; }
.ws-w-sm .ws-sm-ps-0-only { padding-left: 0 !important; }
.ws-w-md .ws-md-ps-0-only { padding-left: 0 !important; }
.ws-w-lg .ws-lg-ps-0-only { padding-left: 0 !important; }
.ws-w-xl .ws-xl-ps-0-only { padding-left: 0 !important; }
.ws-w-xxl .ws-xxl-ps-0-only { padding-left: 0 !important; }
.ws-w-xxxl .ws-xxxl-ps-0-only { padding-left: 0 !important; }
/* PADDING START 1 */
.ws-ps-1 {   padding-left: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ps-1{   padding-left: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ps-1{   padding-left: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ps-1{   padding-left: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ps-1{   padding-left: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ps-1{   padding-left: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ps-1{   padding-left: 0.25rem !important; }
.ws-w-sm .ws-sm-ps-1-only { padding-left: 0.25rem !important; }
.ws-w-md .ws-md-ps-1-only { padding-left: 0.25rem !important; }
.ws-w-lg .ws-lg-ps-1-only { padding-left: 0.25rem !important; }
.ws-w-xl .ws-xl-ps-1-only { padding-left: 0.25rem !important; }
.ws-w-xxl .ws-xxl-ps-1-only { padding-left: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-ps-1-only { padding-left: 0.25rem !important; }
/* PADDING START 2 */
.ws-ps-2 {   padding-left: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ps-2{   padding-left: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ps-2{   padding-left: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ps-2{   padding-left: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ps-2{   padding-left: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ps-2{   padding-left: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ps-2{   padding-left: 0.5rem !important; }
.ws-w-sm .ws-sm-ps-2-only { padding-left: 0.5rem !important; }
.ws-w-md .ws-md-ps-2-only { padding-left: 0.5rem !important; }
.ws-w-lg .ws-lg-ps-2-only { padding-left: 0.5rem !important; }
.ws-w-xl .ws-xl-ps-2-only { padding-left: 0.5rem !important; }
.ws-w-xxl .ws-xxl-ps-2-only { padding-left: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-ps-2-only { padding-left: 0.5rem !important; }
/* PADDING START 3 */
.ws-ps-3 {   padding-left: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ps-3{   padding-left: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ps-3{   padding-left: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ps-3{   padding-left: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ps-3{   padding-left: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ps-3{   padding-left: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ps-3{   padding-left: 1rem !important; }
.ws-w-sm .ws-sm-ps-3-only { padding-left: 1rem !important; }
.ws-w-md .ws-md-ps-3-only { padding-left: 1rem !important; }
.ws-w-lg .ws-lg-ps-3-only { padding-left: 1rem !important; }
.ws-w-xl .ws-xl-ps-3-only { padding-left: 1rem !important; }
.ws-w-xxl .ws-xxl-ps-3-only { padding-left: 1rem !important; }
.ws-w-xxxl .ws-xxxl-ps-3-only { padding-left: 1rem !important; }
/* PADDING START 4 */
.ws-ps-4 {   padding-left: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ps-4{   padding-left: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ps-4{   padding-left: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ps-4{   padding-left: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ps-4{   padding-left: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ps-4{   padding-left: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ps-4{   padding-left: 1.5rem !important; }
.ws-w-sm .ws-sm-ps-4-only { padding-left: 1.5rem !important; }
.ws-w-md .ws-md-ps-4-only { padding-left: 1.5rem !important; }
.ws-w-lg .ws-lg-ps-4-only { padding-left: 1.5rem !important; }
.ws-w-xl .ws-xl-ps-4-only { padding-left: 1.5rem !important; }
.ws-w-xxl .ws-xxl-ps-4-only { padding-left: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-ps-4-only { padding-left: 1.5rem !important; }
/* PADDING START 5 */
.ws-ps-5 {   padding-left: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-ps-5{   padding-left: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-ps-5{   padding-left: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-ps-5{   padding-left: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-ps-5{   padding-left: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-ps-5{   padding-left: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-ps-5{   padding-left: 3rem !important; }
.ws-w-sm .ws-sm-ps-5-only { padding-left: 3rem !important; }
.ws-w-md .ws-md-ps-5-only { padding-left: 3rem !important; }
.ws-w-lg .ws-lg-ps-5-only { padding-left: 3rem !important; }
.ws-w-xl .ws-xl-ps-5-only { padding-left: 3rem !important; }
.ws-w-xxl .ws-xxl-ps-5-only { padding-left: 3rem !important; }
.ws-w-xxxl .ws-xxxl-ps-5-only { padding-left: 3rem !important; }
/* PADDING END */
.ws-pe-0 {   padding-right: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-pe-0{   padding-right: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pe-0{   padding-right: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pe-0{   padding-right: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pe-0{   padding-right: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pe-0{   padding-right: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pe-0{   padding-right: 0 !important; }
.ws-w-sm .ws-sm-pe-0-only { padding-right: 0 !important; }
.ws-w-md .ws-md-pe-0-only { padding-right: 0 !important; }
.ws-w-lg .ws-lg-pe-0-only { padding-right: 0 !important; }
.ws-w-xl .ws-xl-pe-0-only { padding-right: 0 !important; }
.ws-w-xxl .ws-xxl-pe-0-only { padding-right: 0 !important; }
.ws-w-xxxl .ws-xxxl-pe-0-only { padding-right: 0 !important; }
/* PADDING END 1 */
.ws-pe-1 {   padding-right: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pe-1{   padding-right: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pe-1{   padding-right: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pe-1{   padding-right: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pe-1{   padding-right: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pe-1{   padding-right: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pe-1{   padding-right: 0.25rem !important; }
.ws-w-sm .ws-sm-pe-1-only { padding-right: 0.25rem !important; }
.ws-w-md .ws-md-pe-1-only { padding-right: 0.25rem !important; }
.ws-w-lg .ws-lg-pe-1-only { padding-right: 0.25rem !important; }
.ws-w-xl .ws-xl-pe-1-only { padding-right: 0.25rem !important; }
.ws-w-xxl .ws-xxl-pe-1-only { padding-right: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-pe-1-only { padding-right: 0.25rem !important; }
/* PADDING END 2 */
.ws-pe-2 {   padding-right: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pe-2{   padding-right: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pe-2{   padding-right: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pe-2{   padding-right: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pe-2{   padding-right: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pe-2{   padding-right: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pe-2{   padding-right: 0.5rem !important; }
.ws-w-sm .ws-sm-pe-2-only { padding-right: 0.5rem !important; }
.ws-w-md .ws-md-pe-2-only { padding-right: 0.5rem !important; }
.ws-w-lg .ws-lg-pe-2-only { padding-right: 0.5rem !important; }
.ws-w-xl .ws-xl-pe-2-only { padding-right: 0.5rem !important; }
.ws-w-xxl .ws-xxl-pe-2-only { padding-right: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-pe-2-only { padding-right: 0.5rem !important; }
/* PADDING END 3 */
.ws-pe-3 {   padding-right: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pe-3{   padding-right: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pe-3{   padding-right: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pe-3{   padding-right: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pe-3{   padding-right: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pe-3{   padding-right: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pe-3{   padding-right: 1rem !important; }
.ws-w-sm .ws-sm-pe-3-only { padding-right: 1rem !important; }
.ws-w-md .ws-md-pe-3-only { padding-right: 1rem !important; }
.ws-w-lg .ws-lg-pe-3-only { padding-right: 1rem !important; }
.ws-w-xl .ws-xl-pe-3-only { padding-right: 1rem !important; }
.ws-w-xxl .ws-xxl-pe-3-only { padding-right: 1rem !important; }
.ws-w-xxxl .ws-xxxl-pe-3-only { padding-right: 1rem !important; }
/* PADDING END 4 */
.ws-pe-4 {   padding-right: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pe-4{   padding-right: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pe-4{   padding-right: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pe-4{   padding-right: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pe-4{   padding-right: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pe-4{   padding-right: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pe-4{   padding-right: 1.5rem !important; }
.ws-w-sm .ws-sm-pe-4-only { padding-right: 1.5rem !important; }
.ws-w-md .ws-md-pe-4-only { padding-right: 1.5rem !important; }
.ws-w-lg .ws-lg-pe-4-only { padding-right: 1.5rem !important; }
.ws-w-xl .ws-xl-pe-4-only { padding-right: 1.5rem !important; }
.ws-w-xxl .ws-xxl-pe-4-only { padding-right: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-pe-4-only { padding-right: 1.5rem !important; }
/* PADDING END 5 */
.ws-pe-5 {   padding-right: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pe-5{   padding-right: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pe-5{   padding-right: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pe-5{   padding-right: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pe-5{   padding-right: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pe-5{   padding-right: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pe-5{   padding-right: 3rem !important; }
.ws-w-sm .ws-sm-pe-5-only { padding-right: 3rem !important; }
.ws-w-md .ws-md-pe-5-only { padding-right: 3rem !important; }
.ws-w-lg .ws-lg-pe-5-only { padding-right: 3rem !important; }
.ws-w-xl .ws-xl-pe-5-only { padding-right: 3rem !important; }
.ws-w-xxl .ws-xxl-pe-5-only { padding-right: 3rem !important; }
.ws-w-xxxl .ws-xxxl-pe-5-only { padding-right: 3rem !important; }
/* PADDING TOP */
.ws-pt-0 {   padding-top: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-pt-0{   padding-top: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pt-0{   padding-top: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pt-0{   padding-top: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pt-0{   padding-top: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pt-0{   padding-top: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pt-0{   padding-top: 0 !important; }
.ws-w-sm .ws-sm-pt-0-only { padding-top: 0 !important; }
.ws-w-md .ws-md-pt-0-only { padding-top: 0 !important; }
.ws-w-lg .ws-lg-pt-0-only { padding-top: 0 !important; }
.ws-w-xl .ws-xl-pt-0-only { padding-top: 0 !important; }
.ws-w-xxl .ws-xxl-pt-0-only { padding-top: 0 !important; }
.ws-w-xxxl .ws-xxxl-pt-0-only { padding-top: 0 !important; }
/* PADDING TOP 1 */
.ws-pt-1 {   padding-top: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pt-1{   padding-top: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pt-1{   padding-top: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pt-1{   padding-top: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pt-1{   padding-top: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pt-1{   padding-top: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pt-1{   padding-top: 0.25rem !important; }
.ws-w-sm .ws-sm-pt-1-only { padding-top: 0.25rem !important; }
.ws-w-md .ws-md-pt-1-only { padding-top: 0.25rem !important; }
.ws-w-lg .ws-lg-pt-1-only { padding-top: 0.25rem !important; }
.ws-w-xl .ws-xl-pt-1-only { padding-top: 0.25rem !important; }
.ws-w-xxl .ws-xxl-pt-1-only { padding-top: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-pt-1-only { padding-top: 0.25rem !important; }
/* PADDING TOP 2 */
.ws-pt-2 {   padding-top: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pt-2{   padding-top: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pt-2{   padding-top: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pt-2{   padding-top: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pt-2{   padding-top: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pt-2{   padding-top: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pt-2{   padding-top: 0.5rem !important; }
.ws-w-sm .ws-sm-pt-2-only { padding-top: 0.5rem !important; }
.ws-w-md .ws-md-pt-2-only { padding-top: 0.5rem !important; }
.ws-w-lg .ws-lg-pt-2-only { padding-top: 0.5rem !important; }
.ws-w-xl .ws-xl-pt-2-only { padding-top: 0.5rem !important; }
.ws-w-xxl .ws-xxl-pt-2-only { padding-top: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-pt-2-only { padding-top: 0.5rem !important; }
/* PADDING TOP 3 */
.ws-pt-3 {   padding-top: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pt-3{   padding-top: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pt-3{   padding-top: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pt-3{   padding-top: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pt-3{   padding-top: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pt-3{   padding-top: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pt-3{   padding-top: 1rem !important; }
.ws-w-sm .ws-sm-pt-3-only { padding-top: 1rem !important; }
.ws-w-md .ws-md-pt-3-only { padding-top: 1rem !important; }
.ws-w-lg .ws-lg-pt-3-only { padding-top: 1rem !important; }
.ws-w-xl .ws-xl-pt-3-only { padding-top: 1rem !important; }
.ws-w-xxl .ws-xxl-pt-3-only { padding-top: 1rem !important; }
.ws-w-xxxl .ws-xxxl-pt-3-only { padding-top: 1rem !important; }
/* PADDING TOP 4 */
.ws-pt-4 {   padding-top: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pt-4{   padding-top: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pt-4{   padding-top: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pt-4{   padding-top: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pt-4{   padding-top: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pt-4{   padding-top: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pt-4{   padding-top: 1.5rem !important; }
.ws-w-sm .ws-sm-pt-4-only { padding-top: 1.5rem !important; }
.ws-w-md .ws-md-pt-4-only { padding-top: 1.5rem !important; }
.ws-w-lg .ws-lg-pt-4-only { padding-top: 1.5rem !important; }
.ws-w-xl .ws-xl-pt-4-only { padding-top: 1.5rem !important; }
.ws-w-xxl .ws-xxl-pt-4-only { padding-top: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-pt-4-only { padding-top: 1.5rem !important; }
/* PADDING TOP 5 */
.ws-pt-5 {   padding-top: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pt-5{   padding-top: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pt-5{   padding-top: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pt-5{   padding-top: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pt-5{   padding-top: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pt-5{   padding-top: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pt-5{   padding-top: 3rem !important; }
.ws-w-sm .ws-sm-pt-5-only { padding-top: 3rem !important; }
.ws-w-md .ws-md-pt-5-only { padding-top: 3rem !important; }
.ws-w-lg .ws-lg-pt-5-only { padding-top: 3rem !important; }
.ws-w-xl .ws-xl-pt-5-only { padding-top: 3rem !important; }
.ws-w-xxl .ws-xxl-pt-5-only { padding-top: 3rem !important; }
.ws-w-xxxl .ws-xxxl-pt-5-only { padding-top: 3rem !important; }
/* PADDING BOTTOM */
.ws-pb-0 {   padding-bottom: 0 !important; }
.workspace-window[include*="-sm-"] .ws-sm-pb-0{   padding-bottom: 0 !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pb-0{   padding-bottom: 0 !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pb-0{   padding-bottom: 0 !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pb-0{   padding-bottom: 0 !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pb-0{   padding-bottom: 0 !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pb-0{   padding-bottom: 0 !important; }
.ws-w-sm .ws-sm-pb-0-only { padding-bottom: 0 !important; }
.ws-w-md .ws-md-pb-0-only { padding-bottom: 0 !important; }
.ws-w-lg .ws-lg-pb-0-only { padding-bottom: 0 !important; }
.ws-w-xl .ws-xl-pb-0-only { padding-bottom: 0 !important; }
.ws-w-xxl .ws-xxl-pb-0-only { padding-bottom: 0 !important; }
.ws-w-xxxl .ws-xxxl-pb-0-only { padding-bottom: 0 !important; }
/* PADDING BOTTOM 1 */
.ws-pb-1 {   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pb-1{   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pb-1{   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pb-1{   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pb-1{   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pb-1{   padding-bottom: 0.25rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pb-1{   padding-bottom: 0.25rem !important; }
.ws-w-sm .ws-sm-pb-1-only { padding-bottom: 0.25rem !important; }
.ws-w-md .ws-md-pb-1-only { padding-bottom: 0.25rem !important; }
.ws-w-lg .ws-lg-pb-1-only { padding-bottom: 0.25rem !important; }
.ws-w-xl .ws-xl-pb-1-only { padding-bottom: 0.25rem !important; }
.ws-w-xxl .ws-xxl-pb-1-only { padding-bottom: 0.25rem !important; }
.ws-w-xxxl .ws-xxxl-pb-1-only { padding-bottom: 0.25rem !important; }
/* PADDING BOTTOM 2 */
.ws-pb-2 {   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pb-2{   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pb-2{   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pb-2{   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pb-2{   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pb-2{   padding-bottom: 0.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pb-2{   padding-bottom: 0.5rem !important; }
.ws-w-sm .ws-sm-pb-2-only { padding-bottom: 0.5rem !important; }
.ws-w-md .ws-md-pb-2-only { padding-bottom: 0.5rem !important; }
.ws-w-lg .ws-lg-pb-2-only { padding-bottom: 0.5rem !important; }
.ws-w-xl .ws-xl-pb-2-only { padding-bottom: 0.5rem !important; }
.ws-w-xxl .ws-xxl-pb-2-only { padding-bottom: 0.5rem !important; }
.ws-w-xxxl .ws-xxxl-pb-2-only { padding-bottom: 0.5rem !important; }
/* PADDING BOTTOM 3 */
.ws-pb-3 {   padding-bottom: 1rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pb-3{   padding-bottom: 1rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pb-3{   padding-bottom: 1rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pb-3{   padding-bottom: 1rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pb-3{   padding-bottom: 1rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pb-3{   padding-bottom: 1rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pb-3{   padding-bottom: 1rem !important; }
.ws-w-sm .ws-sm-pb-3-only { padding-bottom: 1rem !important; }
.ws-w-md .ws-md-pb-3-only { padding-bottom: 1rem !important; }
.ws-w-lg .ws-lg-pb-3-only { padding-bottom: 1rem !important; }
.ws-w-xl .ws-xl-pb-3-only { padding-bottom: 1rem !important; }
.ws-w-xxl .ws-xxl-pb-3-only { padding-bottom: 1rem !important; }
.ws-w-xxxl .ws-xxxl-pb-3-only { padding-bottom: 1rem !important; }
/* PADDING BOTTOM 4 */
.ws-pb-4 {   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pb-4{   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pb-4{   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pb-4{   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pb-4{   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pb-4{   padding-bottom: 1.5rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pb-4{   padding-bottom: 1.5rem !important; }
.ws-w-sm .ws-sm-pb-4-only { padding-bottom: 1.5rem !important; }
.ws-w-md .ws-md-pb-4-only { padding-bottom: 1.5rem !important; }
.ws-w-lg .ws-lg-pb-4-only { padding-bottom: 1.5rem !important; }
.ws-w-xl .ws-xl-pb-4-only { padding-bottom: 1.5rem !important; }
.ws-w-xxl .ws-xxl-pb-4-only { padding-bottom: 1.5rem !important; }
.ws-w-xxxl .ws-xxxl-pb-4-only { padding-bottom: 1.5rem !important; }
/* PADDING BOTTOM 5 */
.ws-pb-5 {   padding-bottom: 3rem !important; }
.workspace-window[include*="-sm-"] .ws-sm-pb-5{   padding-bottom: 3rem !important; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .ws-md-pb-5{   padding-bottom: 3rem !important; }
.workspace-window[include*="-lg-"][exclude*="-md-"] .ws-lg-pb-5{   padding-bottom: 3rem !important; }
.workspace-window[include*="-xl-"][exclude*="-lg-"] .ws-xl-pb-5{   padding-bottom: 3rem !important; }
.workspace-window[include*="-xxl-"][exclude*="-xl-"] .ws-xxl-pb-5{   padding-bottom: 3rem !important; }
.workspace-window[include*="-xxxl-"][exclude*="-xxl-"] .ws-xxxl-pb-5{   padding-bottom: 3rem !important; }
.ws-w-sm .ws-sm-pb-5-only { padding-bottom: 3rem !important; }
.ws-w-md .ws-md-pb-5-only { padding-bottom: 3rem !important; }
.ws-w-lg .ws-lg-pb-5-only { padding-bottom: 3rem !important; }
.ws-w-xl .ws-xl-pb-5-only { padding-bottom: 3rem !important; }
.ws-w-xxl .ws-xxl-pb-5-only { padding-bottom: 3rem !important; }
.ws-w-xxxl .ws-xxxl-pb-5-only { padding-bottom: 3rem !important; }.notifalert {
    position: fixed;
    right: -320px;
    width: 320px;
    height: 120px;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    z-index: 6000;
}

.notifalert:not(.top) {
    bottom: 80px;
}

.notifalert.top {
    top: 20px;
}

.notifalert.notifalert.notifalert-type-alarm {
    border: 2px solid var(--palette-alarm);
}

.notifalert.notifalert.notifalert-type-info {
    border: 2px solid var(--palette-info);
}

.notifalert.notifalert.notifalert-type-settings {
    border: 2px solid var(--palette-settings);
}

.notifalert.notifalert.notifalert-type-success {
    border: 2px solid var(--palette-success);
}

.notifalert.notifalert.notifalert-type-warning {
    border: 2px solid var(--palette-warning);
}

.notifalert.notifalert.notifalert-type-error {
    border: 2px solid var(--palette-error);
}

.notifalert.notifalert.notifalert-type-read {
    border: 2px solid var(--palette-read);
}

.notifalert.notifalert.notifalert-type-event {
    border: 2px solid var(--palette-event);
}






.notifalert.show {
    animation: 0.7s slidein forwards;
    -webkit-animation: 0.7s slidein forwards;
}

.notifalert.hide {
    animation: 0.7s slideout forwards;
    -webkit-animation: 0.7s slideout forwards;
}

@keyframes slidein {
    0% {
        right: -320px;
    }

    100% {
        right: 20px;
    }
}

@-webkit-keyframes slidein {
    0% {
        right: -320px;
    }

    100% {
        right: 20px;
    }
}

@keyframes slideout {
    0% {
        right: 20px;
    }

    100% {
        right: -320px;
    }
}

@-webkit-keyframes slideout {
    0% {
        right: 20px;
    }

    100% {
        right: -320px;
    }
}



@media (max-width: 768px) {

    .notifalert,
    .notifalert.top {
        top: 20px !important;
        width: 90% !important;
    }

    .notifalert__text {
        height: 50px;
    }

    .notifalert__close i {
        display: none;
    }

    @keyframes slidein {
        0% {
            right: -320px;
        }

        100% {
            right: 5%;
        }
    }

    @-webkit-keyframes slidein {
        0% {
            right: -320px;
        }

        100% {
            right: 5%;
        }
    }

    @keyframes slideout {
        0% {
            right: 5%;
        }

        100% {
            right: -320px;
        }
    }

    @-webkit-keyframes slideout {
        0% {
            right: 5%;
        }

        100% {
            right: -320px;
        }
    }
}



.notifalert__icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: auto;
    padding: 0.7rem;
    height: 100%;
    border-radius: 0px;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
    /* black with 30% opacity */
}

.notifalert__icon {
    font-size: 24px;
}

.notifalert__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px;
    width: 100%;
}

.notifalert__title {
    font-size: 9pt;
    font-weight: bold;
    margin: 0;
    height: 20px;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.notifalert__text {
    position: relative;
    font-size: 9pt;
    margin: 0;
    padding: 5px;
    display: flex;
    width: 100%;
    max-width: 100%;
    text-align: left !important;
    align-self: center;
    align-items: center;
    height: 80px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}


.notifalert__click-for-more {
    font-size: 8pt;
    margin: 0;
    height: 20px;
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.notifalert__close {
    color: rgba(0, 0, 0, 0.4);
    text-decoration: none;
    display: flex;
    flex: right;

}

.notifalert__close:hover {
    color: rgba(0, 0, 0, 1);
}


.notifalert.notifalert-type-success .notifalert__text {
    border-top: 1px solid var(--palette-success);
    border-bottom: 1px solid var(--palette-success);
}

.notifalert.notifalert-type-warning .notifalert__text {
    border-top: 1px solid var(--palette-warning);
    border-bottom: 1px solid var(--palette-warning);
}

.notifalert.notifalert-type-error .notifalert__text {
    border-top: 1px solid var(--palette-error);
    border-bottom: 1px solid var(--palette-error);
}

.notifalert.notifalert-type-read .notifalert__text {
    border-top: 1px solid var(--palette-read);
    border-bottom: 1px solid var(--palette-read);
}

.notifalert.notifalert-type-settings .notifalert__text {
    border-top: 1px solid var(--palette-settings);
    border-bottom: 1px solid var(--palette-settings);
}

.notifalert.notifalert-type-info .notifalert__text {
    border-top: 1px solid var(--palette-info);
    border-bottom: 1px solid var(--palette-info);
}

.notifalert.notifalert-type-alarm .notifalert__text {
    border-top: 1px solid var(--palette-alarm);
    border-bottom: 1px solid var(--palette-alarm);
}

.notifalert.notifalert-type-event .notifalert__text {
    border-top: 1px solid var(--palette-event);
    border-bottom: 1px solid var(--palette-event);
}

.notifalert.notifalert-type-success .notifalert__icon-container {
    background-color: var(--palette-success);
    color: var(--palette-success-text);
}

.notifalert.notifalert-type-warning .notifalert__icon-container {
    background-color: var(--palette-warning);
    color: var(--palette-warning-text);
}

.notifalert.notifalert-type-error .notifalert__icon-container {
    background-color: var(--palette-error);
    color: var(--palette-error-text);
}

.notifalert.notifalert-type-read .notifalert__icon-container {
    background-color: var(--palette-read);
    color: var(--palette-read-text);
}

.notifalert.notifalert-type-settings .notifalert__icon-container {
    background-color: var(--palette-settings);
    color: var(--palette-settings-text);
}

.notifalert.notifalert-type-info .notifalert__icon-container {
    background-color: var(--palette-info);
    color: var(--palette-info-text);
}

.notifalert.notifalert-type-alarm .notifalert__icon-container {
    background-color: var(--palette-alarm);
    color: var(--palette-alarm-text);
}

.notifalert.notifalert-type-event .notifalert__icon-container {
    background-color: var(--palette-event);
    color: var(--palette-event-text);
}


body:has(.notifalert) {
    overflow-x: hidden;
    /* Nasconde l'overflow orizzontale */
}.formslider {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    padding: 0px
}


.shead {
    padding: 1rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}




.formslider .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: inherit;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    position: relative;
}

.formslider .item.success:not(.active) i::after {
    content: "";
    position: absolute;
    top: 8.5pt;
    left: calc(50% + 2pt);
    font-size: 15pt;
    color: var(--palette-success);
    height: 18pt;
    width: 18pt;
    background-image: var(--circle-checkmark-base-64);
    background-repeat: no-repeat;
}

.formslider .item.error:not(.active) i::after {
    content: "";
    position: absolute;
    top: 8.5pt;
    left: calc(50% + 2pt);
    font-size: 15pt;
    color: var(--palette-error);
    height: 18pt;
    width: 18pt;
    background-image: var(--circle-cross-base-64);
    background-repeat: no-repeat;
}

@media (max-width: 1200px) {
    .formslider.large .item span:last-child {
        display: none;
    }

    .formslider.large .sfooter {
        flex-direction: column-reverse;
    }

    .formslider.large .sfooter button:first-child {
        margin-top: 0.5rem !important;
    }

    .formslider.large .sfooter>* {
        margin-top: 1rem !important;
    }

    .formslider.large,
    .formslider.large .shead,
    .formslider.large .sbody,
    .formslider.large .sfooter {
        padding: 0px !important;
    }

    .formslider.large .item.success:not(.active) i::after {
        height: 15pt;
        width: 15pt;
    }

    .formslider.large .item.error:not(.active) i::after {
        height: 15pt;
        width: 15pt;
    }
}

@media (max-width: 576px) {
    .formslider:not(.large) .item i {
        font-size: 15pt !important;
    }

    .formslider:not(.large) .item.success:not(.active) i::after {
        height: 10pt;
        width: 10pt;
    }

    .formslider:not(.large) .item.error:not(.active) i::after {
        height: 10pt;
        width: 10pt;
    }
}


@media (max-width: 768px) {
    .formslider:not(.large) .item span:last-child {
        display: none;
    }

    .formslider:not(.large) .sfooter {
        flex-direction: column-reverse;
    }

    .formslider:not(.large) .sfooter button:first-child {
        margin-top: 0.5rem !important;
    }

    .formslider:not(.large) .sfooter>* {
        margin-top: 1rem !important;
    }

    .formslider:not(.large),
    .formslider:not(.large) .shead,
    .formslider:not(.large) .sbody,
    .formslider:not(.large) .sfooter {
        padding: 0px !important;
    }

    .formslider:not(.large) .item.success:not(.active) i::after {
        height: 15pt;
        width: 15pt;
    }

    .formslider:not(.large) .item.error:not(.active) i::after {
        height: 15pt;
        width: 15pt;
    }
}

@media (max-width: 576px) {
    .formslider .item i {
        font-size: 15pt !important;
    }

    .formslider .item.success:not(.active) i::after {
        height: 10pt;
        width: 10pt;
    }

    .formslider .item.error:not(.active) i::after {
        height: 10pt;
        width: 10pt;
    }
}

.formslider .item.active:not(.complete) {
    color: var(--palette-info) !important;
}

.sbody {
    padding: 1rem;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slide {
    display: none;
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}


.slide.current {
    transform: translateX(0);
}

.slide.next {
    transform: translateX(100%);
}

.slide.prev {
    transform: translateX(-100%);
}

.sfooter {
    padding: 1rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}.switcher {
  --sw-border-color: var(--palette-primary);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-primary-text);
  --sw-controller-color: var(--palette-primary-text);
  --sw-controller-active-color: var(--palette-primary);
  --sw-controller-bg: var(--palette-primary);
  --sw-controller-bg-hover: var(--palette-light-primary);
  --sw-controller-active-bg: var(--palette-primary-text);
  --sw-controller-separator-bg: var(--palette-primary-text);
}

.switcher.accent {
  --sw-border-color: var(--palette-accent);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-accent-text);
  --sw-controller-color: var(--palette-accent-text);
  --sw-controller-active-color: var(--palette-accent);
  --sw-controller-bg: var(--palette-accent);
  --sw-controller-bg-hover: var(--palette-light-accent);
  --sw-controller-active-bg: var(--palette-accent-text);
  --sw-controller-separator-bg: var(--palette-accent-text);
}

.switcher.success {
  --sw-border-color: var(--palette-success);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-success-text);
  --sw-controller-color: var(--palette-success-text);
  --sw-controller-active-color: var(--palette-success);
  --sw-controller-bg: var(--palette-success);
  --sw-controller-bg-hover: var(--palette-light-success);
  --sw-controller-active-bg: var(--palette-success-text);
  --sw-controller-separator-bg: var(--palette-success-text);
}

.switcher.warning {
  --sw-border-color: var(--palette-warning);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-warning-text);
  --sw-controller-color: var(--palette-warning-text);
  --sw-controller-active-color: var(--palette-warning);
  --sw-controller-bg: var(--palette-warning);
  --sw-controller-bg-hover: var(--palette-light-warning);
  --sw-controller-active-bg: var(--palette-warning-text);
  --sw-controller-separator-bg: var(--palette-warning-text);
}

.switcher.error {
  --sw-border-color: var(--palette-error);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-error-text);
  --sw-controller-color: var(--palette-error-text);
  --sw-controller-active-color: var(--palette-error);
  --sw-controller-bg: var(--palette-error);
  --sw-controller-bg-hover: var(--palette-light-error);
  --sw-controller-active-bg: var(--palette-error-text);
  --sw-controller-separator-bg: var(--palette-error-text);
}

.switcher.info {
  --sw-border-color: var(--palette-info);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-info-text);
  --sw-controller-color: var(--palette-info-text);
  --sw-controller-active-color: var(--palette-info);
  --sw-controller-bg: var(--palette-info);
  --sw-controller-bg-hover: var(--palette-light-info);
  --sw-controller-active-bg: var(--palette-info-text);
  --sw-controller-separator-bg: var(--palette-info-text);
}

.switcher.read {
  --sw-border-color: var(--palette-read);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-read-text);
  --sw-controller-color: var(--palette-read-text);
  --sw-controller-active-color: var(--palette-read);
  --sw-controller-bg: var(--palette-read);
  --sw-controller-bg-hover: var(--palette-light-read);
  --sw-controller-active-bg: var(--palette-read-text);
  --sw-controller-separator-bg: var(--palette-read-text);
}

.switcher.settings {
  --sw-border-color: var(--palette-settings);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-settings-text);
  --sw-controller-color: var(--palette-settings-text);
  --sw-controller-active-color: var(--palette-settings);
  --sw-controller-bg: var(--palette-settings);
  --sw-controller-bg-hover: var(--palette-light-settings);
  --sw-controller-active-bg: var(--palette-settings-text);
  --sw-controller-separator-bg: var(--palette-settings-text);
}

.switcher.event {
  --sw-border-color: var(--palette-event);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-event-text);
  --sw-controller-color: var(--palette-event-text);
  --sw-controller-active-color: var(--palette-event);
  --sw-controller-bg: var(--palette-event);
  --sw-controller-bg-hover: var(--palette-light-event);
  --sw-controller-active-bg: var(--palette-event-text);
  --sw-controller-separator-bg: var(--palette-event-text);
}

.switcher.alarm {
  --sw-border-color: var(--palette-alarm);
  --sw-border-width: 1px;
  --sw-border-style: solid;
  --sw-controller-border-color: var(--palette-alarm-text);
  --sw-controller-color: var(--palette-alarm-text);
  --sw-controller-active-color: var(--palette-alarm);
  --sw-controller-bg: var(--palette-alarm);
  --sw-controller-bg-hover: var(--palette-light-alarm);
  --sw-controller-active-bg: var(--palette-alarm-text);
  --sw-controller-separator-bg: var(--palette-alarm-text);
}

.switcher {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  border: var(--sw-border-width) var(--sw-border-style) var(--sw-border-color);
}

.switcher:not(.switcher-row) {
  flex-direction: column;
}

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

.switcher-controllers-container {
  display: flex;
  margin: 0px;
  padding: 0px;
  width: 100%;
  position: relative;
  background-color: var(--palette-body-background);
}

.switcher.switcher-row .switcher-controllers-container {
  flex-direction: column;
  max-width: 250px !important;
}

.switcher-controller {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-transform: none;
  text-decoration: none;
  margin: 0px;
  font-weight: 600;
  font-size: 10pt;
  padding: 0.5rem !important;
  z-index: 2;
  color: var(--sw-controller-color);
  background-color: var(--sw-controller-bg);
  cursor: pointer;
  width: 100%;
  position: relative;
}

.switcher-controller:not(.active):hover {
  background-color: var(--sw-controller-bg-hover);
}

.switcher.switcher-column .switcher-controllers-separator {
  position: relative;
  display: inline-flex;
  width: 1px;
  min-width: 1px;
  background-color: var(--sw-controller-bg);
  flex-grow: 0;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0px;
  margin: 0px;
}

.switcher.switcher-column .switcher-controllers-separator::after {
  content: '';
  position: absolute;
  top: 10%;
  bottom: 10%;
  width: 100%;
  background-color: var(--sw-controller-separator-bg);
}

.switcher.switcher-row .switcher-controllers-separator {
  position: relative;
  display: block;
  height: 1px;
  min-height: 1px;
  background-color: var(--sw-controller-bg);
  padding: 0px;
  margin: 0px;
  width: 100%;
}

.switcher.switcher-row .switcher-controllers-separator::after {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 10%;
  width: 80%;
  height: 100%;
  background-color: var(--sw-controller-separator-bg);
}


.switcher.switcher-column .switcher-controller.active {
  color: var(--sw-controller-active-color);
  background-color: var(--sw-controller-active-bg);
  border-bottom: none;
}

.switcher.switcher-column .switcher-controller.active::after {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  left: calc(50% - 10px);
  bottom: -10px;
  background: var(--svg-arrow-down);
}

.switcher.switcher-row .switcher-controller.active {
  color: var(--sw-controller-active-color);
  background-color: var(--sw-controller-active-bg);
  border-right: none;
}

.switcher.switcher-row .switcher-controller.active::after {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  left: calc(100% - 18px);
  top: calc(50% - 10px);
  background: var(--svg-arrow-right);
}

.switcher-controller:first-child {
  border-left: none !important;
}

.switcher-controller:last-child {
  border-right: none !important;
}

.switcher-containers {
  display: block;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}

.switcher-column .switcher-container {
  padding-top: 1rem !important;
}

.switcher-row .switcher-container {
  padding-left: 1rem !important;
}

.switcher-row .switcher-containers {
  margin-left: -1px;
  border-left: var(--sw-border-width) var(--sw-border-style) var(--sw-border-color);
}

.switcher-no-container-active {
  display: none;
  color: var(--sw-controller-bg);
  height: 100%;
}

.switcher-containers:not(:has(.switcher-container.show))>.switcher-no-container-active {
  display: block !important;
}

.switcher-container {
  display: none;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  position: relative;
}

.switcher-container.show {
  display: block;
}
.font-pt-1 {
  font-size: 1pt !important;
}

.font-pt-2 {
  font-size: 2pt !important;
}

.font-pt-3 {
  font-size: 3pt !important;
}

.font-pt-4 {
  font-size: 4pt !important;
}

.font-pt-5 {
  font-size: 5pt !important;
}

.font-pt-6 {
  font-size: 6pt !important;
}

.font-pt-7 {
  font-size: 7pt !important;
}

.font-pt-8 {
  font-size: 8pt !important;
}

.font-pt-9 {
  font-size: 9pt !important;
}

.font-pt-10 {
  font-size: 10pt !important;
}

.font-pt-11 {
  font-size: 11pt !important;
}

.font-pt-12 {
  font-size: 12pt !important;
}

.font-pt-13 {
  font-size: 13pt !important;
}

.font-pt-14 {
  font-size: 14pt !important;
}

.font-pt-15 {
  font-size: 15pt !important;
}

.font-pt-16 {
  font-size: 16pt !important;
}

.font-pt-17 {
  font-size: 17pt !important;
}

.font-pt-18 {
  font-size: 18pt !important;
}

.font-pt-19 {
  font-size: 19pt !important;
}

.font-pt-20 {
  font-size: 20pt !important;
}

.font-pt-21 {
  font-size: 21pt !important;
}

.font-pt-22 {
  font-size: 22pt !important;
}

.font-pt-23 {
  font-size: 23pt !important;
}

.font-pt-24 {
  font-size: 24pt !important;
}

.font-pt-25 {
  font-size: 25pt !important;
}

.font-pt-26 {
  font-size: 26pt !important;
}

.font-pt-27 {
  font-size: 27pt !important;
}

.font-pt-28 {
  font-size: 28pt !important;
}

.font-pt-29 {
  font-size: 29pt !important;
}

.font-pt-30 {
  font-size: 30pt !important;
}

.font-pt-31 {
  font-size: 31pt !important;
}

.font-pt-32 {
  font-size: 32pt !important;
}

.font-pt-33 {
  font-size: 33pt !important;
}

.font-pt-34 {
  font-size: 34pt !important;
}

.font-pt-35 {
  font-size: 35pt !important;
}

.font-pt-36 {
  font-size: 36pt !important;
}

.font-pt-37 {
  font-size: 37pt !important;
}

.font-pt-38 {
  font-size: 38pt !important;
}

.font-pt-39 {
  font-size: 39pt !important;
}

.font-pt-40 {
  font-size: 40pt !important;
}

.font-pt-41 {
  font-size: 41pt !important;
}

.font-pt-42 {
  font-size: 42pt !important;
}

.font-pt-43 {
  font-size: 43pt !important;
}

.font-pt-44 {
  font-size: 44pt !important;
}

.font-pt-45 {
  font-size: 45pt !important;
}

.font-pt-46 {
  font-size: 46pt !important;
}

.font-pt-47 {
  font-size: 47pt !important;
}

.font-pt-48 {
  font-size: 48pt !important;
}

.font-pt-49 {
  font-size: 49pt !important;
}

.font-pt-50 {
  font-size: 50pt !important;
}

.icon1x {
  font-size: calc(1 *var(--icon-font-size)) !important;
}

.icon15x {
  font-size: calc(1.5 *var(--icon-font-size)) !important;
}

.icon2x {
  font-size: calc(2 *var(--icon-font-size)) !important;
}

.icon25x {
  font-size: calc(2.5 *var(--icon-font-size)) !important;
}

.icon3x {
  font-size: calc(3 *var(--icon-font-size)) !important;
}

.icon35x {
  font-size: calc(3.5 *var(--icon-font-size)) !important;
}

.icon4x {
  font-size: calc(4 *var(--icon-font-size)) !important;
}

.icon45x {
  font-size: calc(4.5 *var(--icon-font-size)) !important;
}

.icon5x {
  font-size: calc(5 *var(--icon-font-size)) !important;
}

.icon55x {
  font-size: calc(5.5 *var(--icon-font-size)) !important;
}

.icon6x {
  font-size: calc(6 *var(--icon-font-size)) !important;
}

.icon65x {
  font-size: calc(6.5 *var(--icon-font-size)) !important;
}

.icon7x {
  font-size: calc(7 *var(--icon-font-size)) !important;
}

.icon75x {
  font-size: calc(7.5 *var(--icon-font-size)) !important;
}

.icon8x {
  font-size: calc(8 *var(--icon-font-size)) !important;
}

.icon85x {
  font-size: calc(8.5 *var(--icon-font-size)) !important;
}

.icon9x {
  font-size: calc(9 *var(--icon-font-size)) !important;
}

.icon95x {
  font-size: calc(9.5 *var(--icon-font-size)) !important;
}

.icon10x {
  font-size: calc(10 *var(--icon-font-size)) !important;
}.glass {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.glass-primary {
  background: rgba(var(--palette-rgb-primary), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-accent {
  background: rgba(var(--palette-rgb-accent), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-success {
  background: rgba(var(--palette-rgb-success), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-error {
  background: rgba(var(--palette-rgb-error), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-warning {
  background: rgba(var(--palette-rgb-warning), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-info {
  background: rgba(var(--palette-rgb-info), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-read {
  background: rgba(var(--palette-rgb-read), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-settings {
  background: rgba(var(--palette-rgb-settings), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-event {
  background: rgba(var(--palette-rgb-event), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-alarm {
  background: rgba(var(--palette-rgb-alarm), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.glass-white {
  background: rgba(var(--palette-rgb-white), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.glass-light {
  background: rgba(var(--palette-rgb-light), 0.7) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.glass-blur-1 {
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

.glass-blur-2 {
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

.glass-blur-3 {
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.glass-blur-4 {
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.glass-blur-5 {
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.glass-blur-6 {
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.glass-blur-7 {
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.glass-blur-8 {
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.glass-blur-9 {
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

.glass-blur-full {
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
.popover.primary .popover-header {
  background-color: var(--palette-primary) !important;
  color: var(--palette-primary-text) !important;
}


.popover.accent .popover-header {
  background-color: var(--palette-accent) !important;
  color: var(--palette-accent-text) !important;
}


.popover.success .popover-header {
  background-color: var(--palette-success) !important;
  color: var(--palette-success-text) !important;
}


.popover.warning .popover-header {
  background-color: var(--palette-warning) !important;
  color: var(--palette-warning-text) !important;
}


.popover.error .popover-header {
  background-color: var(--palette-error) !important;
  color: var(--palette-error-text) !important;
}


.popover.read .popover-header {
  background-color: var(--palette-read) !important;
  color: var(--palette-read-text) !important;
}


.popover.info .popover-header {
  background-color: var(--palette-info) !important;
  color: var(--palette-info-text) !important;
}


.popover.settings .popover-header {
  background-color: var(--palette-settings) !important;
  color: var(--palette-settings-text) !important;
}


.popover.alarm .popover-header {
  background-color: var(--palette-alarm) !important;
  color: var(--palette-alarm-text) !important;
}


.popover.event .popover-header {
  background-color: var(--palette-event) !important;
  color: var(--palette-event-text) !important;
}

.popover.white .popover-header {
  background-color: var(--palette-white) !important;
  color: var(--palette-white-text) !important;
}

.popover.light .popover-header {
  background-color: var(--palette-light) !important;
  color: var(--palette-light-text) !important;
}



.popover.lg {
  max-width: 380px !important;
}

.popover.xl {
  max-width: 480px !important;
}

.popover.xxl {
  max-width: 580px !important;
}

@media (max-width: 380px) {

  .popover.lg,
  .popover.xl,
  .popover.xxl {
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {

  .popover.xl,
  .popover.xxl {
    max-width: 100% !important;
  }
}

@media (max-width: 580px) {
  .popover.xxl {
    max-width: 100% !important;
  }
}
/* primary shadows inside */
.shadow-dark-primary-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha)) inset !important;
}

.shadow-dark-primary-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha-sm))inset !important;
}

.shadow-dark-primary-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

a.shadow-dark-primary-inside,
button.shadow-dark-primary-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha)) inset !important;
}

a.shadow-dark-primary-inside-sm,
button.shadow-dark-primary-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha-sm)) inset !important;
}

a.shadow-dark-primary-inside-lg,
button.shadow-dark-primary-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

.shadow-primary-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha)) inset !important;
}

.shadow-primary-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha-sm))inset !important;
}

.shadow-primary-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

a.shadow-primary-inside,
button.shadow-primary-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha)) inset !important;
}

a.shadow-primary-inside-sm,
button.shadow-primary-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha-sm)) inset !important;
}

a.shadow-primary-inside-lg,
button.shadow-primary-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

.shadow-light-primary-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha)) inset !important;
}

.shadow-light-primary-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha-sm))inset !important;
}

.shadow-light-primary-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

a.shadow-light-primary-inside,
button.shadow-light-primary-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha)) inset !important;
}

a.shadow-light-primary-inside-sm,
button.shadow-light-primary-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha-sm)) inset !important;
}

a.shadow-light-primary-inside-lg,
button.shadow-light-primary-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

/* accent shadows inside */
.shadow-dark-accent-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha)) inset !important;
}

.shadow-dark-accent-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha-sm))inset !important;
}

.shadow-dark-accent-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

a.shadow-dark-accent-inside,
button.shadow-dark-accent-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha)) inset !important;
}

a.shadow-dark-accent-inside-sm,
button.shadow-dark-accent-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha-sm)) inset !important;
}

a.shadow-dark-accent-inside-lg,
button.shadow-dark-accent-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

.shadow-accent-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha)) inset !important;
}

.shadow-accent-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha-sm))inset !important;
}

.shadow-accent-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

a.shadow-accent-inside,
button.shadow-accent-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha)) inset !important;
}

a.shadow-accent-inside-sm,
button.shadow-accent-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha-sm)) inset !important;
}

a.shadow-accent-inside-lg,
button.shadow-accent-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

.shadow-light-accent-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha)) inset !important;
}

.shadow-light-accent-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha-sm))inset !important;
}

.shadow-light-accent-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

a.shadow-light-accent-inside,
button.shadow-light-accent-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha)) inset !important;
}

a.shadow-light-accent-inside-sm,
button.shadow-light-accent-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha-sm)) inset !important;
}

a.shadow-light-accent-inside-lg,
button.shadow-light-accent-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

/* white shadows inside */
.shadow-white-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha)) inset !important;
}

.shadow-white-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha-sm))inset !important;
}

.shadow-white-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

a.shadow-white-inside,
button.shadow-light-accent-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha)) inset !important;
}

a.shadow-white-inside-sm,
button.shadow-light-accent-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha-sm)) inset !important;
}

a.shadow-white-inside-lg,
button.shadow-light-accent-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

/* black shadows inside */
.shadow-black-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha)) inset !important;
}

.shadow-black-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha-sm))inset !important;
}

.shadow-black-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}

a.shadow-black-inside,
button.shadow-light-accent-inside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha)) inset !important;
}

a.shadow-black-inside-sm,
button.shadow-light-accent-inside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha-sm)) inset !important;
}

a.shadow-black-inside-lg,
button.shadow-light-accent-inside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha-lg)) inset !important;
}


/* primary shadows outside */
.shadow-dark-primary-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha)) !important;
}

.shadow-dark-primary-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha-sm)) !important;
}

.shadow-dark-primary-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha-lg)) !important;
}

a.shadow-dark-primary-outside,
button.shadow-dark-primary-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha)) !important;
}

a.shadow-dark-primary-outside-sm,
button.shadow-dark-primary-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha-sm)) !important;
}

a.shadow-dark-primary-outside-lg,
button.shadow-dark-primary-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-dark-primary-rgb), var(--palette-shadow-alpha-lg)) !important;
}

.shadow-primary-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha)) !important;
}

.shadow-primary-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha-sm)) !important;
}

.shadow-primary-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha-lg)) !important;
}

a.shadow-primary-outside,
button.shadow-primary-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha)) !important;
}

a.shadow-primary-outside-sm,
button.shadow-primary-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha-sm)) !important;
}

a.shadow-primary-outside-lg,
button.shadow-primary-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-primary-rgb), var(--palette-shadow-alpha-lg)) !important;
}

.shadow-light-primary-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha)) !important;
}

.shadow-light-primary-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha-sm)) !important;
}

.shadow-light-primary-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha-lg)) !important;
}

a.shadow-light-primary-outside,
button.shadow-light-primary-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha)) !important;
}

a.shadow-light-primary-outside-sm,
button.shadow-light-primary-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha-sm)) !important;
}

a.shadow-light-primary-outside-lg,
button.shadow-light-primary-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-light-primary-rgb), var(--palette-shadow-alpha-lg)) !important;
}

/* accent shadows outside */
.shadow-dark-accent-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha)) !important;
}

.shadow-dark-accent-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha-sm)) !important;
}

.shadow-dark-accent-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha-lg)) !important;
}

a.shadow-dark-accent-outside,
button.shadow-dark-accent-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha)) !important;
}

a.shadow-dark-accent-outside-sm,
button.shadow-dark-accent-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha-sm)) !important;
}

a.shadow-dark-accent-outside-lg,
button.shadow-dark-accent-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-dark-accent-rgb), var(--palette-shadow-alpha-lg)) !important;
}

.shadow-accent-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha)) !important;
}

.shadow-accent-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha-sm)) !important;
}

.shadow-accent-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha-lg)) !important;
}

a.shadow-accent-outside,
button.shadow-accent-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha)) !important;
}

a.shadow-accent-outside-sm,
button.shadow-accent-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha-sm)) !important;
}

a.shadow-accent-outside-lg,
button.shadow-accent-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-accent-rgb), var(--palette-shadow-alpha-lg)) !important;
}

.shadow-light-accent-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha)) !important;
}

.shadow-light-accent-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha-sm)) !important;
}

.shadow-light-accent-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha-lg)) !important;
}

a.shadow-light-accent-outside,
button.shadow-light-accent-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha)) !important;
}

a.shadow-light-accent-outside-sm,
button.shadow-light-accent-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha-sm)) !important;
}

a.shadow-light-accent-outside-lg,
button.shadow-light-accent-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-light-accent-rgb), var(--palette-shadow-alpha-lg)) !important;
}

/* white shadows outside */
.shadow-white-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha)) !important;
}

.shadow-white-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha-sm)) !important;
}

.shadow-white-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha-lg)) !important;
}

a.shadow-white-outside,
button.shadow-light-accent-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha)) !important;
}

a.shadow-white-outside-sm,
button.shadow-light-accent-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha-sm)) !important;
}

a.shadow-white-outside-lg,
button.shadow-light-accent-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha-lg)) !important;
}

/* black shadows outside */
.shadow-black-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha)) !important;
}

.shadow-black-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha-sm)) !important;
}

.shadow-black-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha-lg)) !important;
}

a.shadow-black-outside,
button.shadow-light-accent-outside {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha)) !important;
}

a.shadow-black-outside-sm,
button.shadow-light-accent-outside-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha-sm)) !important;
}

a.shadow-black-outside-lg,
button.shadow-light-accent-outside-lg {
  box-shadow: 0 1rem 3rem rgba(var(--palette-shadow-black-rgb), var(--palette-shadow-alpha-lg)) !important;
}.calendar-container {
    width: 300px;
    height: 400px;
    background-color: var(--palette-primary);
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 4000 !important;
}

.calendar-container.hide {
    display: none;
}

.calendar-options-container {
    width: 100%;
    height: 75px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    padding: 0px;
}

.calendar-title {
    margin: 0px;
    padding: 5px;
    height: 50px;
}

.calendar-controllers-container {
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    display: flex;
    flex-direction: row;
}

.calendar-controller {
    margin: 0px;
    padding: 0px;
    height: 100%;
    display: flex;
    flex-direction: row;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}

.calendar-controller button {
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 25px;
}

.btn-calendar-prev {
    border-radius: 5px 0px 0px 5px !important;
}

.btn-calendar-next {
    border-radius: 0px 5px 5px 0px !important;
}

.calendar-select {
    margin: 0px !important;
    padding: 0px !important;
    height: 100% !important;
    border-radius: 0px !important;
    width: 85px !important;
    border: none !important;
    outline: none !important;
    text-align: center !important;
}

.calendar-select-monts:focus,
.calendar-select-monts:active,
.calendar-select-monts:hover {
    border: none !important;
    outline: none !important;
}

.calendar-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--palette-primary-text);
    height: 30px !important;
}

.calendar-title span {
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
    display: flex;
    align-self: center;
    font-size: 12pt;
}

.calendar-days-container {
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.calendar-day-names {
    width: 100% !important;
    height: 40px !important;
    padding: 0px !important;
    margin: 0px !important;
    display: flex !important;
    flex-direction: row !important;
}

.calendar-day-name {
    width: 40px !important;
    height: 40px !important;
    padding: 0px !important;
    margin: 0px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.calendar-days {
    display: flex !important;
    flex-direction: column !important;
    margin: 0px !important;
    padding: 0px !important;
    height: 240px !important;
    width: 100% !important;
}

.calendar-operations {
    width: 100%;
    height: 40px;
    margin: 0px;
    margin-top: 5px !important;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.calendar-operator {
    width: 100% !important;
    min-height: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    margin: 0px !important;
    align-items: center !important;
    padding: 0px !important;
    text-align: center !important;
    justify-content: center !important;
}

.calendar-days-row {
    display: flex !important;
    flex-direction: row !important;
    margin: 0px !important;
    padding: 0px !important;
    height: 40px !important;
    width: 100% !important;
}

.calendar-day {
    height: 40px !important;
    width: 40px !important;
    border: 0px !important;
    outline: none !important;
    margin: 0px !important;
    padding: 0px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-decoration: none !important;
}

.calculator-today {
    border-radius: 5px 0px 0px 5px !important;
}

.calculator-close {
    border-radius: 0px 5px 5px 0px !important;
}

.bts5px {
    border-radius: 5px 0px 0px 0px !important
}

.bte5px {
    border-radius: 0px 5px 0px 0px !important
}

.bbs5px {
    border-radius: 0px 0px 5px 0px !important
}

.bbe5px {
    border-radius: 0px 0px 0px 5px !important
}



.calendar-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--window-innerHeight);
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3800;
    display: none;
    justify-content: center;
}

@media screen and (min-height: 460px) {
    .calendar-overlay {

        align-items: center;
    }
}

.calendar-overlay:has(.calendar-container:not(.hide)) {
    display: flex;
}body {
  font-family: 'Noto Sans', sans-serif !important;
  margin: 0px !important;
  padding: 0px !important;
  background-color: var(--palette-body-background);
}

.dobule-icon {
  position: relative;
}

.double-icon::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: -1;
  transform: translate(4px, 4px);
  color: #ddd;
}

.double-icon::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: -2;
  transform: translate(-4px, -4px);
  color: #bbb;
}

.spinner {
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

.spinner-reverse {
  display: inline-block;
  -webkit-animation: rotation_reverse 1s linear infinite;
  animation: rotation_reverse 1s linear infinite;
}

.in-process {
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

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

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

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

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

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

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

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

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


.ripple-effect {
  width: 0;
  height: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 1;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  -webkit-animation: ripple-drop .5s cubic-bezier(0, 0, .3, 1);
  animation: ripple-drop .5s cubic-bezier(0, 0, .3, 1)
}

.ripple-container {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.ripple-only-child.dropdown-toggle:after {
  margin-left: 0
}

@-webkit-keyframes ripple-drop {
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
  }
}

@keyframes ripple-drop {
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
  }
}


img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.u {
  text-decoration: underline !important;
}



.hover-element-container {
  position: relative;
}

.hover-element-container:has(.hover-element):not(:hover) .hover-element {
  display: none !important;
}

.hover-element-container:has(.hover-element):hover .hover-element.on-hover-bg-dark {
  background-color: rgba(0, 0, 0, 0.7);
}

.hover-element-container:has(.hover-element):hover .hover-element.on-hover-bg-light {
  background-color: rgba(255, 255, 255, 0.7);
}




.dright:not(.show) {
  display: none;
  position: relative;
  left: -100%;
  height: 100%;
  width: 300px;
  padding: 5rem;
  bottom: inherit;
  background-color: aqua;
}

.dright.show {
  display: flex;
}



span.mw-50px {
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

span.mw-100px {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

span.mw-150px {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

span.mw-200px {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

span.mw-250px {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}

span.mw-300px {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.strong {
  font-weight: bold;
}

.overlayBlocker {
  z-index: 1000;
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border: none;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: wait;
  color: white;
}

.overlayContent {
  position: inherit;
  opacity: 0;
  width: 0px;
  height: 100%;
  margin: 0px;
  padding: 0px;
  cursor: wait;
  color: white;
  background-color: transparent;
  text-align: center;
}

.overlayContent.show {
  width: 100%;
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.overlayContent.show.hide {
  width: 0%;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.overlayContent .btn-group,
.overlayContent .btn-group .btn {
  height: 100%;
}

.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}



.text-divider {
  --line-color: silver;
}

.text-divider.primary {
  --line-color: var(--palette-primary);
}

.text-divider.accent {
  --line-color: var(--palette-accent);
}

.text-divider.success {
  --line-color: var(--palette-success);
}

.text-divider.warning {
  --line-color: var(--palette-warning);
}

.text-divider.error {
  --line-color: var(--palette-error);
}

.text-divider.read {
  --line-color: var(--palette-read);
}

.text-divider.info {
  --line-color: var(--palette-info);
}

.text-divider.settings {
  --line-color: var(--palette-settings);
}

.text-divider.alarm {
  --line-color: var(--palette-alarm);
}

.text-divider.event {
  --line-color: var(--palette-event);
}

.text-divider.white {
  --line-color: #fff;
}

.text-divider.black {
  --line-color: #000;
}
.text-divider.light {
  --line-color: var(--palette-light);
}

.text-divider {
  --text-divider-gap: 1rem;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--line-color);
}

.text-divider::before,
.text-divider::after {
  content: '';
  height: 1px;
  background-color: var(--line-color);
  ;
  flex-grow: 1;
}

.text-divider::before {
  margin-right: var(--text-divider-gap);
}

.text-divider::after {
  margin-left: var(--text-divider-gap);
}


.mw-auto {
  max-width: auto !important;
}
.w-33 {
  width: 33.333333% !important;
}

.w-66 {
  width: 66.666666% !important;
}

@media (min-width: 768px) {
  .w-md-33 {
    width: 33.333333% !important;
  }

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

.text-required {
  font-size: 17pt;
  color: var(--palette-error);
}

label .text-required {
  font-size: 12pt !important;
}

.last-mb-0>*:last-child {
  margin-bottom: 0 !important;
}

.last-border-radius-right-25>*:last-child {
  border-radius: 0px 25px 25px 0px !important;
}

.last-arrow-right>*:last-child:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: transparent transparent #f1f1f1 transparent;
  border-width: 0 0 30px 100px;
  transform: rotate(-45deg);
}


.first-last-rounded>*:first-child {
  border-top-left-radius: 25px !important;
  border-bottom-left-radius: 25px !important;
}

.first-last-rounded>*:last-child {
  border-top-right-radius: 25px !important;
  border-bottom-right-radius: 25px !important;
}

.all-rounded {
  border-radius: 25px !important;
}

.primary-gradient {
  background: linear-gradient(to right, var(--palette-light-primary), var(--palette-primary), var(--palette-dark-primary)) !important;
}

.primary-gradient.inverse {
  background: linear-gradient(to right, var(--palette-dark-primary), var(--palette-primary), var(--palette-light-primary)) !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(var(--palette-shadow-white-rgb), var(--palette-shadow-alpha)) !important;
}


body:has(.custom-select-options-container.show.mobile) {
  overflow: hidden !important;
}

.img-rounded-container {
  margin: 1rem;
  padding: 0px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0px 0px 10px 0px #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-rounded-container.sm {
  width: 50px;
  height: 50px;
  margin: 0px;
  box-shadow: none;
  border: none;
}

.img-square-container {
  margin: 1rem;
  padding: 0px;
  width: 300px;
  height: 50px;
  border-radius: 0%;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0px 0px 10px 0px #000000;
  display: flex;
  justify-content: start;
}

.img-square-container.sm {
  margin: 0px;
  box-shadow: none;
  border: none;
}

.img-rounded-container img,
.img-square-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text-transform-none {
  text-transform: none !important;
}

.not-italic {
  font-style: normal !important;
}


.hover-element {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
}


.to-scale-1 {
  transform: scale(1) !important;
}


.pac-container {
  z-index: 10000000 !important;
}



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

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }

  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

@-webkit-keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }

  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}


.all-in-center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}



.text-line-through {
  text-decoration: line-through !important;
}


*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  --color: rgba(30, 30, 30);
  --bgColor: rgba(245, 245, 245);
  min-height: 100dvh;
  display: grid;
  align-content: center;
  gap: 2rem;
  padding: 2rem;
  font-family: "Poppins", sans-serif;
  color: var(--color);
  background: var(--bgColor);
}

.timeline-list-title {
  text-align: center;
}

.timeline-list {
  --col-gap: 2rem;
  --row-gap: 2rem;
  --line-w: 0.25rem;
  display: grid;
  grid-template-columns: var(--line-w) 1fr;
  grid-auto-columns: max-content;
  column-gap: var(--col-gap);
  list-style: none;
  width: min(60rem, 90%);
  margin-inline: auto;
}

/* line */
.timeline-list::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 20;
  background: rgb(225, 225, 225);
  border-radius: calc(var(--line-w) / 2);
}

/* columns*/

/* row gaps */
.timeline-list li:not(:last-child) {
  margin-bottom: var(--row-gap);
}

/* card */
.timeline-list li {
  grid-column: 2;
  --inlineP: 1.5rem;
  margin-inline: var(--inlineP);
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
}

/* date */
.timeline-list li .date {
  --dateH: 3rem;
  height: var(--dateH);
  margin-inline: calc(var(--inlineP) * -1);

  text-align: center;
  background-color: var(--accent-color);

  color: white;
  font-size: 1.25rem;
  font-weight: 700;

  display: grid;
  place-content: center;
  position: relative;

  border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
}

/* date flap */
.timeline-list li .date::before {
  content: "";
  width: var(--inlineP);
  aspect-ratio: 1;
  background: var(--accent-color);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;

  clip-path: polygon(0 0, 100% 0, 0 100%);
  right: 0;
}

/* circle */
.timeline-list li .date::after {
  content: "";
  position: absolute;
  width: 2rem;
  aspect-ratio: 1;
  background: var(--bgColor);
  border: 0.3rem solid var(--accent-color);
  border-radius: 50%;
  top: 50%;

  transform: translate(50%, -50%);
  right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
.timeline-list li .title,
.timeline-list li .descr {
  background: var(--bgColor);
  position: relative;
  padding-inline: 1.5rem;
}
.timeline-list li .title {
  overflow: hidden;
  padding-block-start: 1.5rem;
  padding-block-end: 1rem;
}
.timeline-list li .descr {
  padding-block-end: 1.5rem;
  font-weight: 300;
}

/* shadows */
.timeline-list li .title::before,
.timeline-list li .descr::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  left: 50%;
  border-radius: 50%;
  filter: blur(4px);
  transform: translate(-50%, 50%);
}
.timeline-list li .title::before {
  bottom: calc(100% + 0.125rem);
}

.timeline-list li .descr::before {
  z-index: -1;
  bottom: 0.25rem;
}
/* 

 */
@media (min-width: 40rem) {
  .timeline-list {
    grid-template-columns: 1fr var(--line-w) 1fr;
  }
 .timeline-list::before {
    grid-column: 2;
  }
  .timeline-list li:nth-child(odd) {
    grid-column: 1;
  }
  .timeline-list li:nth-child(even) {
    grid-column: 3;
  }

  /* start second card */
  .timeline-list li:nth-child(2) {
    grid-row: 2/4;
  }

  .timeline-list li:nth-child(odd) .date::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    left: 0;
  }

  .timeline-list li:nth-child(odd) .date::after {
    transform: translate(-50%, -50%);
    left: calc(100% + var(--col-gap) + var(--line-w) / 2);
  }
  .timeline-list li:nth-child(odd) .date {
    border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
  }
}
.workspace-window[include*="-md-"][exclude*="-sm-"] .timeline-list {  grid-template-columns: 1fr var(--line-w) 1fr;}
.workspace-window[include*="-md-"][exclude*="-sm-"] .timeline-list::before {  grid-column: 2;}
.workspace-window[include*="-md-"][exclude*="-sm-"] .timeline-list li:nth-child(odd) {  grid-column: 1;}
.workspace-window[include*="-md-"][exclude*="-sm-"] .timeline-list li:nth-child(even) {grid-column: 3; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .timeline-list li:nth-child(2) { grid-row: 2/4; }
.workspace-window[include*="-md-"][exclude*="-sm-"] .timeline-list li:nth-child(odd) .date::before {  clip-path: polygon(0 0, 100% 0, 100% 100%);  left: 0;}
.workspace-window[include*="-md-"][exclude*="-sm-"] .timeline-list li:nth-child(odd) .date::after {  transform: translate(-50%, -50%);  left: calc(100% + var(--col-gap) + var(--line-w) / 2);}
.workspace-window[include*="-md-"][exclude*="-sm-"] .timeline-list li:nth-child(odd) .date {  border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;}
.custom-select-options-container {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    max-height: 400px;
    width: 100%;
    background-color: var(--palette-primary);
    padding: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0px;
    flex-direction: column;
    z-index: 4000;
    margin-bottom: 50px;
    border: 2px solid var(--palette-dark-accent);
}

.custom-select-options-container.show.mobile {
    max-height: var(--window-innerHeight);
    position: static;
}

.custom-select-options-container.show {
    display: flex;
}

.custom-select-title-container {
    padding: 10px;
    color: var(--palette-primary-text);
    width: 100%;
    height: 40px;
    max-height: 40px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}




.custom-select-search-result {
    font-size: 9pt;
}

.custom-select-option-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    max-height: 360px;
    overflow-y: auto;
    padding-bottom: 10px !important;
}

.custom-select-options-container.show.mobile .custom-select-option-list {
    max-height: calc(var(--window-innerHeight) - 40px);
}

.custom-select-options-container.show.mobile:has(.custom-select-footer) .custom-select-option-list {
    max-height: calc(var(--window-innerHeight) - 80px) !important;
}

.custom-select-options-container:not(.mobile):has(.custom-select-footer) .custom-select-option-list {
    max-height: 320px;
}


.custom-select-footer {
    width: 100%;
    height: 40px;
    max-height: 40px;
    min-height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    border-top: 2px solid var(--palette-accent) !important;
    font-size: 16px;
}






.custom-select-option-container {
    padding: 0px;
    margin: 0px;
    position: relative;
}
.custom-select-option-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 0.5px solid silver;
    top: 0px;
    left: 0px;
}
.custom-select-option-container::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 0.5px solid silver;
    bottom: 0px;
    left: 0px;
}

.custom-select-option:hover {
    background-color: var(--palette-dark-primary);
    color: var(--palette-dark-primary-text);
}

.custom-select-option {
    padding: 10px;
    width: 100%;
    cursor: pointer;
    display: flex !important;
    text-decoration: none;
    color: var(--palette-primary-text);
    margin-top: 0.11rem;
    margin-bottom: 0.11rem;
}

.custom-select-option.disabled,
.custom-select-option.default-disabled {
    cursor: not-allowed;
    color: #fff;
    background-color: #5f5f5f;
    pointer-events: none;
}

.custom-select-close {
    position: absolute !important;
    right: 0px !important;
    margin: 0.25rem !important;
    padding: 0.25rem !important;
    background: none !important;
}

.custom-select-clear {
    position: absolute !important;
    left: 0px !important;
    margin: 0.25rem !important;
    padding: 0.25rem !important;
    background: none !important;
}


.custom-select-option.selected {
    border-left: 3px solid var(--palette-accent);
    padding-left: calc(1.5em + 0.75rem) !important;
    background-color: var(--palette-dark-primary);
    color: var(--palette-dark-primary-text);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}



.calendar-overlay:has(.calendar-container:not(.hide)) {
    display: flex;
}

.custom-select-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--window-innerHeight);
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3800;
    display: none;
    justify-content: center;
}

.custom-select-overlay:has(.custom-select-options-container.show) {
    display: flex;
}


.custom-select-search-container {
    display: block;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    border-radius: 25px !important;
}

.custom-select-search {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    border-radius: 25px !important;

}



.custom-select-option-container .text-divider {
    width: 100% !important
}.auth-wrapper {
    width: 100%;
    height: calc( - 60px);
    max-height: auto;
    position: relative;
}

.auth-card {
    width: 100%;
    max-width: 700px;
}

.auth-card.large {
    max-width: 100%;
    max-width: 80%;
}

.auth-content {
    max-height: 100%;
    overflow-x: auto;
}

.login-logo {
    width: 150px;
    height: auto;
}

.login-logo.large {
    max-height: 100%;
    width: auto;
}

.img-flag {
    height: 20px;
    width: 35px;
}

@media (max-width: 768px) {
    .auth-card {
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .auth-card {
        max-width: 1199px !important;
    }
}