:root {
  --accent-colors-warning: #ffa500;
  --accent-colors-danger: #fc8a99;
  --accent-colors-mint: #68CECA;
  --accent-colors-light-mint: #def2f1;
  --accent-colors-dark-mint: #00bcb5;
  --accent-colors-primary: #385C75;
  --accent-colors-sidebar-text: #7882A2;
  --accent-colors-grey: #E6E6E6;
  --darker-accent-colors-warning: #FFA82C;
  --darker-accent-colors-danger: #FF7285;
  --darker-accent-colors-mint: #00BCB5;
  --darker-accent-colors-dark-mint: #298796;
  --darker-accent-colors-primary: #003053;
  --darker-accent-colors-sidebar-text: #385C75;
  --darker-accent-colors-grey: #365B77;
  --article-colors-primary: #F2FAFE;
  --article-colors-mint: #E7F9F8;
  --article-colors-blue: #96D5F4;
  --article-colors-sad-orange: #FFF1DF;
  --article-colors-grey: #F8F8F8;
  --activities-colors-panel: #fff;
  --activities-colors-hover: #d3d3d3;
  --activities-colors-active-background: #D3D3D3;
  --activities-colors-active-content: #979797;
  --activities-colors-title: #333;
  --activities-colors-items: #444;
  --activities-colors-items-seen: #aaa;
  --activities-colors-border: #424242;
  --text-color-light: #F0F3F4;
  --text-color-grey: #999;
  --text-color: #003053;
  --border-color: #d6d6d6;
  --panel-border-color: #ffffff;
  --border-light-color: #f0f3f4;
  --border-dark-color: #003053;
  --background-color: #ffffff;
  --background-color-grey: #F0F3F4;
  --background-color-dark: #1C2B36;
  --background-color-scroll: #d3d3d3;
  --background-color-mint: #68ceca33;
  --background-color-warning: #ffdcae33;
  --background-color-danger: #fee8eb33;
  --background-color-mint-overlay: #00bcb50f;
  --background-modal-overlay: #082b361a;
  --input-background-color: #fff;
  --disabled-input-background-color: #eee;
  --border-color-error-main: #f73232;
  --alert-info-text: #31708f;
  --alert-info-bg: #d9edf7;
  --alert-info-btn: #17a2b8;
  --alert-info-btn-border: #17a2b8;
  --alert-warning-text: #8a6d3b;
  --alert-warning-bg: #fcf8e3;
  --alert-warning-btn: #ffc107;
  --alert-warning-btn-border: #ffc107;
  --alert-warning-relog: #ffa500;
  --alert-danger-text: #a94442;
  --alert-danger-bg: #f2dede;
  --alert-danger-btn: #dc3545;
  --alert-danger-btn-border: #dc3545;
  --alert-success-btn: #4cae4c;
  --alert-success-btn-border: #5cb85c;
  --button-inverted-color: #fff;
}
@charset "UTF-8";
/* devanagari */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Inter Thin"), local("Inter-Thin"), url("lib/webfonts/Inter-Thin.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Inter ThinItalic"), local("Inter-ThinItalic"), url("lib/webfonts/Inter-ThinItalic.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("Inter ExtraLight"), local("Inter-ExtraLight"), url("lib/webfonts/Inter-ExtraLight.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local("Inter ExtraLightItalic"), local("Inter-ExtraLightItalic"), url("lib/webfonts/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Inter Light"), local("Inter-Light"), url("lib/webfonts/Inter-Light.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Inter LightItalic"), local("Inter-LightItalic"), url("lib/webfonts/Inter-LightItalic.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Inter Regular"), local("Inter-Regular"), url("lib/webfonts/Inter-Regular.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Inter Italic"), local("Inter-Italic"), url("lib/webfonts/Inter-Italic.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Inter Medium"), local("Inter-Medium"), url("lib/webfonts/Inter-Medium.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Inter MediumItalic"), local("Inter-MediumItalic"), url("lib/webfonts/Inter-MediumItalic.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Inter SemiBold"), local("Inter-SemiBold"), url("lib/webfonts/Inter-SemiBold.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("Inter SemiBoldItalic"), local("Inter-SemiBoldItalic"), url("lib/webfonts/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Inter Bold"), local("Inter-Bold"), url("lib/webfonts/Inter-Bold.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Inter BoldItalic"), local("Inter-BoldItalic"), url("lib/webfonts/Inter-BoldItalic.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("Inter ExtraBold"), local("Inter-ExtraBold"), url("lib/webfonts/Inter-ExtraBold.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local("Inter ExtraBoldItalic"), local("Inter-ExtraBoldItalic"), url("lib/webfonts/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Inter Black"), local("Inter-Black"), url("lib/webfonts/Inter-Black.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Inter BlackItalic"), local("Inter-BlackItalic"), url("lib/webfonts/Inter-BlackItalic.woff2?v=3.19") format("woff2");
}
:root {
  --scrollbar-size: 1.2rem;
}

* {
  scrollbar-width: auto;
}

::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}

::-webkit-scrollbar-thumb {
  background: var(--background-color-scroll);
  border-radius: 0.4rem;
}

::-webkit-scrollbar-track {
  background: transparent;
}

@supports (scrollbar-width: auto) {
  * {
    scrollbar-color: var(--background-color-scroll);
    scrollbar-width: var(--scrollbar-size);
  }
}
html {
  font-size: 62.5%;
  position: relative;
  min-width: 320px;
}

html,
body {
  min-height: 100%;
  min-width: 320px;
}

body {
  position: relative;
  overflow-x: hidden;
  color: var(--text-color);
  background-color: var(--background-color-grey);
  font-family: "Inter";
}

a {
  color: var(--text-color);
  outline: 0;
}
a:hover, a:focus {
  text-decoration: none;
  color: var(--accent-colors-mint);
}
a.disabled {
  pointer-events: none;
}

.btn-shrink {
  min-width: unset !important;
  width: fit-content;
}

table.uib-timepicker tbody > tr > td.form-group > .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 1.2rem;
  line-height: 1.5;
  min-width: 0;
  margin-top: 1px;
}

.saving {
  background: url("assets/img/loader.gif") center center no-repeat;
  height: 113px;
  height: 30px;
  background-size: auto 40px;
  width: 62.5px;
}

.save-footer-is-shown {
  margin-bottom: 60px;
}

.al-main {
  display: block;
  width: 100vw;
}
.al-main .al-content {
  padding-top: 1rem;
}
@media (max-width: 500px) {
  .al-main {
    padding-left: 3rem;
  }
}

@media (max-width: 500px) {
  main:not(.menu-collapsed) .al-main {
    padding-left: 3rem;
  }
}

sidebar + page-notices + page-top + .al-main {
  padding: 8rem 3rem 0 31rem;
}

sidebar-teams + page-notices + page-top + .al-main {
  padding: 8rem 3rem 0 13rem;
}

@media (min-width: 501px) {
  .menu-collapsed > sidebar + page-notices + page-top + .al-main {
    padding-left: 8.2rem;
  }
  .menu-collapsed > sidebar-teams + page-notices + page-top + .al-main {
    padding-left: 3rem;
  }
  .activities .al-main {
    padding-left: 47rem;
  }
  .activities sidebar + page-notices + page-top + .al-main {
    padding-left: 31rem;
  }
}
.modal-open .modal .modal-dialog {
  display: flex;
  justify-content: center;
  max-width: 80%;
  margin-top: 10%;
  width: auto;
}
@media (min-width: 501px) {
  .modal-open .modal .modal-dialog .modal-content {
    min-width: 500px;
  }
}

.mention-user {
  color: var(--accent-colors-mint);
  font-weight: bold;
  position: relative;
}
.mention-user > span {
  display: none;
}

.mint-form-group {
  display: flex;
  margin-bottom: 1rem;
}
.mint-form-group > label {
  flex: 0 0 15rem;
  align-self: center;
  font-weight: 500;
}
.mint-form-group > div {
  flex: 1;
}
.mint-form-group > div:not(.ui-select-container) {
  margin-right: 1rem;
}

.mint-form-warning,
.mint-form-error {
  font-size: 1.2rem;
  margin-left: 14rem;
  margin-bottom: 1rem;
}

.mint-form-warning {
  color: var(--darker-accent-colors-warning);
}

.mint-form-error {
  color: var(--darker-accent-colors-danger);
}

.progress {
  background: var(--background-color-grey);
}

.progress-bar-primary {
  background-color: var(--accent-colors-mint);
}

.progress-bar-success {
  background-color: var(--accent-colors-primary);
}

.progress-bar-warning {
  background-color: var(--accent-colors-warning);
}

.progress-bar-danger {
  background-color: var(--accent-colors-danger);
}

dashboard-agent .browse-row .browse-content,
dashboard-client .browse-row .browse-content,
my-tickets .browse-row .browse-content,
approvals-my-requests .browse-row .browse-content,
approvals-to-approve .browse-row .browse-content,
approvals-history .browse-row .browse-content {
  width: 100% !important;
  padding-left: 2rem;
  margin: 0;
}
@media (max-width: 991px) {
  dashboard-agent .browse-row .browse-content,
  dashboard-client .browse-row .browse-content,
  my-tickets .browse-row .browse-content,
  approvals-my-requests .browse-row .browse-content,
  approvals-to-approve .browse-row .browse-content,
  approvals-history .browse-row .browse-content {
    padding: 0;
  }
}

.browse-row {
  display: block;
}
@media (min-width: 992px) {
  .browse-row {
    display: flex;
    margin-left: -1.5rem;
  }
  .browse-row .filter-column {
    height: calc(100vh - 21rem);
    min-height: 30rem;
    overflow-y: auto;
    flex: 1;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .browse-row .filter-column .panel-heading {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    font-weight: bold;
  }
  .browse-row .filter-column .panel-heading .mnt-header {
    font-size: initial;
  }
  .browse-row .filter-column .panel-heading .btn-sq {
    max-width: 2rem;
  }
  .browse-row .browse-content {
    margin-left: 1.5rem;
    width: 75%;
  }
  .browse-row .browse-content dynamic-table-records {
    height: calc(100vh - 32rem);
    min-height: 30rem;
    overflow: auto;
  }
}

.mnt-form-error {
  color: var(--accent-colors-danger);
  font-size: 1.2rem;
  line-height: 1.5em;
}
.mnt-form-error:blank {
  margin-top: 0;
}
.mnt-form-error > div > div:before {
  content: "•";
  margin-right: 1em;
}

.toast-top-right {
  top: 80px;
}

.img-checker-background {
  background-image: linear-gradient(45deg, var(--background-color-grey) 25%, transparent 25%, transparent 75%, var(--background-color-grey) 75%, var(--background-color-grey)), linear-gradient(45deg, var(--background-color-grey) 25%, transparent 25%, transparent 75%, var(--background-color-grey) 75%, var(--background-color-grey));
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
  transition: all 0.5s ease-in-out;
}
.img-checker-background:hover {
  background-color: var(--background-color-dark);
  background-image: linear-gradient(45deg, var(--background-color-dark) 25%, transparent 25%, transparent 75%, var(--background-color-dark) 75%, var(--background-color-dark)), linear-gradient(45deg, var(--background-color-dark) 25%, transparent 25%, transparent 75%, var(--background-color-dark) 75%, var(--background-color-dark));
}

.export-buttons {
  padding: 0.5rem;
  background-color: var(--background-color);
  max-width: 35rem;
  max-height: 50rem;
  overflow: hidden auto;
}
.export-buttons ul {
  list-style-type: none;
}
.export-buttons ul li {
  list-style-type: "→";
}
.export-buttons span {
  display: block;
  padding: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.export-buttons span:hover {
  cursor: pointer;
  color: var(--accent-colors-dark-mint);
}

.menu-dropdown-wrapper {
  padding: 1rem;
  background-color: var(--background-color);
}
.menu-dropdown-wrapper .relation-header {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding: 1rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--accent-colors-mint);
  font-size: 1.4rem;
  font-weight: bold;
}
.menu-dropdown-wrapper ul {
  padding-left: 3rem;
  list-style-type: none;
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
}
.menu-dropdown-wrapper ul li:hover {
  cursor: pointer;
  color: var(--accent-colors-dark-mint);
}
.menu-dropdown-wrapper ul li .subdropdown-menu {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.uib-datepicker-popup {
  z-index: 10500;
  background-color: var(--background-color);
}
.uib-datepicker-popup .uib-day button,
.uib-datepicker-popup .uib-month button,
.uib-datepicker-popup .uib-year button {
  background-color: var(--background-color);
  color: var(--text-color);
  border-color: var(--border-color);
}
.uib-datepicker-popup .uib-day button.active,
.uib-datepicker-popup .uib-month button.active,
.uib-datepicker-popup .uib-year button.active {
  background-color: var(--accent-colors-mint);
}
.uib-datepicker-popup .uib-day button:hover,
.uib-datepicker-popup .uib-month button:hover,
.uib-datepicker-popup .uib-year button:hover {
  background-color: var(--accent-colors-grey);
}
.uib-datepicker-popup .uib-day button .text-info,
.uib-datepicker-popup .uib-month button .text-info,
.uib-datepicker-popup .uib-year button .text-info {
  color: var(--accent-colors-primary);
}
.uib-datepicker-popup .uib-daypicker,
.uib-datepicker-popup .uib-monthpicker,
.uib-datepicker-popup .uib-yearpicker {
  display: flex;
  justify-content: center;
}

.popover.table-settings-popover {
  z-index: 10510 !important;
  color: var(--text-color);
  background-color: var(--input-background-color);
  border-color: var(--border-color);
}
.popover.table-settings-popover .popover-content {
  min-width: 20rem;
}

.popover.table-settings-popover.bottom > .arrow::after {
  border-bottom-color: var(--input-background-color);
}

.popover.table-settings-popover.bottom > .arrow {
  border-bottom-color: var(--border-color);
}

.tooltip-inner {
  max-width: none;
  white-space: nowrap;
  background-color: var(--accent-colors-primary);
}

.ui-select-choices-row-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.switch_container {
  display: flex;
  flex-flow: row wrap;
}
.switch_container .switch {
  position: relative;
  display: inline-block;
  width: 5rem;
  max-width: 5rem;
  height: 2rem;
  margin: 0 0 0 0.5rem;
}
.switch_container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch_container .switch input:checked + .slider {
  background-color: var(--accent-colors-dark-mint);
}
.switch_container .switch input:checked + .slider::before {
  background-color: #fff;
}
.switch_container .switch input:checked + .slider::before {
  -webkit-transform: translateX(2.6rem);
  -ms-transform: translateX(2.6rem);
  transform: translateX(2.6rem);
}
.switch_container .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 0.1rem solid var(--accent-colors-dark-mint);
}
.switch_container .switch .slider::before {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  left: 0.4rem;
  bottom: 0.15rem;
  background-color: var(--accent-colors-dark-mint);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch_container .switch .slider.round {
  border-radius: 2rem;
}
.switch_container .switch .slider.round::before {
  border-radius: 50%;
}

input[type=radio].ng-invalid.ng-dirty + .cr {
  border-color: var(--border-color-error-main);
}
input[type=radio].ng-invalid.ng-dirty + .cr:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}

.fa-info-circle:hover {
  cursor: help;
}

.custom-toast-body {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.custom-toast-body p {
  flex: 3;
  margin: 0;
}
.custom-toast-body .mnt-loader-small {
  flex: 1;
}

.resize-container {
  display: table-cell;
  position: relative;
  vertical-align: top;
}
@media (max-width: 991px) {
  .resize-container {
    display: block;
    width: auto !important;
  }
  .resize-container .resize-handler {
    display: none;
  }
}

progress {
  border-radius: 1rem;
  border: 0.1rem solid var(--darker-accent-colors-dark-mint);
  background-color: var(--accent-colors-mint);
  width: 100%;
}
progress::-moz-progress-bar {
  border: 0.1rem solid transparent;
  border-radius: 1rem;
  background: var(--background-color-scroll);
}
progress::-webkit-progress-value {
  border: 0.1rem solid transparent;
  border-radius: 1rem;
  background: var(--accent-colors-mint);
}
progress::-webkit-progress-bar {
  border: 0.1rem solid transparent;
  border-radius: 1rem;
  background: var(--background-color-scroll);
}

.tooltip {
  z-index: 10050;
}

.tooltip-icon_container {
  position: relative;
  display: inline-block;
}
.tooltip-icon_container:hover .tooltip-text {
  display: block;
}
.tooltip-icon_container .tooltip-text {
  display: none;
  width: 25rem;
  background-color: var(--background-color-dark);
  color: var(--text-color-light);
  text-align: center;
  border-radius: 0.5rem;
  padding: 1rem 2rem;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  border: 0.1rem solid var(--border-color);
  font-size: 1.2rem;
  z-index: 999;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.tooltip-icon_container .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.5rem;
  border-width: 0.5rem;
  border-style: solid;
  border-color: var(--background-color-dark) transparent transparent transparent;
}
.tooltip-icon_container .link {
  color: var(--accent-colors-mint);
  word-wrap: nowrap;
}
.tooltip-icon_container .link:hover {
  color: var(--accent-colors-dark-mint);
  cursor: pointer;
}
button.btn, .btn {
  display: inline-block;
  padding: 0.5rem 0.8rem;
  margin: 0;
  height: 3rem;
  min-width: 9rem;
}
button.btn.btn-sq, .btn.btn-sq {
  min-width: 0;
  padding: 0;
  width: 3rem;
}
button.btn:active, button.btn.active, .btn:active, .btn.active {
  box-shadow: none;
}

.input-btn button.btn, .input-btn .btn {
  min-width: 0;
}

button.btn.btn-inverse {
  background-color: transparent;
}
button.btn.btn-inverse.btn-danger {
  color: var(--alert-danger-btn);
}
button.btn.btn-inverse.btn-danger:hover {
  background-color: var(--alert-danger-btn-border);
  color: var(--button-inverted-color);
}
button.btn.btn-inverse.btn-success {
  color: var(--alert-success-btn);
}
button.btn.btn-inverse.btn-success:hover {
  background-color: var(--alert-success-btn-border);
  color: var(--button-inverted-color);
}

.btn.btn-warning {
  color: var(--text-color-light);
  background-color: var(--accent-colors-warning);
  border: 0.1rem solid var(--accent-colors-warning);
}
.btn.btn-warning:hover, .btn.btn-warning:focus {
  background-color: var(--darker-accent-colors-warning);
  border: 0.1rem solid var(--darker-accent-colors-warning);
}
.btn.btn-warning:active, .btn.btn-warning.active {
  color: var(--text-color-light);
  border: 0.1rem solid rgba(var(--darker-accent-colors-warning), 0.15);
}
.btn.btn-warning:disabled {
  opacity: 0.8;
  background-color: var(--accent-colors-warning);
  border: 0.1rem solid var(--accent-colors-warning);
}
.btn.btn-warning.btn-t {
  min-width: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: var(--accent-colors-warning);
  border: none;
}
.btn.btn-warning.btn-t:hover, .btn.btn-warning.btn-t:focus {
  color: var(--darker-accent-colors-warning);
  outline: none;
}
.btn.btn-warning.btn-t:active, .btn.btn-warning.btn-t.active {
  border: none;
  color: rgba(var(--darker-accent-colors-warning), 0.15);
}
.btn.btn-warning.btn-t:disabled {
  color: var(--accent-colors-warning);
  opacity: 0.8;
}

.btn.btn-danger {
  color: var(--text-color-light);
  background-color: var(--accent-colors-danger);
  border: 0.1rem solid var(--accent-colors-danger);
}
.btn.btn-danger:hover, .btn.btn-danger:focus {
  background-color: var(--darker-accent-colors-danger);
  border: 0.1rem solid var(--darker-accent-colors-danger);
}
.btn.btn-danger:active, .btn.btn-danger.active {
  color: var(--text-color-light);
  border: 0.1rem solid rgba(var(--darker-accent-colors-danger), 0.15);
}
.btn.btn-danger:disabled {
  opacity: 0.8;
  background-color: var(--accent-colors-danger);
  border: 0.1rem solid var(--accent-colors-danger);
}
.btn.btn-danger.btn-t {
  min-width: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: var(--accent-colors-danger);
  border: none;
}
.btn.btn-danger.btn-t:hover, .btn.btn-danger.btn-t:focus {
  color: var(--darker-accent-colors-danger);
  outline: none;
}
.btn.btn-danger.btn-t:active, .btn.btn-danger.btn-t.active {
  border: none;
  color: rgba(var(--darker-accent-colors-danger), 0.15);
}
.btn.btn-danger.btn-t:disabled {
  color: var(--accent-colors-danger);
  opacity: 0.8;
}

.btn.btn-mint {
  color: var(--text-color-light);
  background-color: var(--accent-colors-mint);
  border: 0.1rem solid var(--accent-colors-mint);
}
.btn.btn-mint:hover, .btn.btn-mint:focus {
  background-color: var(--darker-accent-colors-mint);
  border: 0.1rem solid var(--darker-accent-colors-mint);
}
.btn.btn-mint:active, .btn.btn-mint.active {
  color: var(--text-color-light);
  border: 0.1rem solid rgba(var(--darker-accent-colors-mint), 0.15);
}
.btn.btn-mint:disabled {
  opacity: 0.8;
  background-color: var(--accent-colors-mint);
  border: 0.1rem solid var(--accent-colors-mint);
}
.btn.btn-mint.btn-t {
  min-width: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: var(--accent-colors-mint);
  border: none;
}
.btn.btn-mint.btn-t:hover, .btn.btn-mint.btn-t:focus {
  color: var(--darker-accent-colors-mint);
  outline: none;
}
.btn.btn-mint.btn-t:active, .btn.btn-mint.btn-t.active {
  border: none;
  color: rgba(var(--darker-accent-colors-mint), 0.15);
}
.btn.btn-mint.btn-t:disabled {
  color: var(--accent-colors-mint);
  opacity: 0.8;
}

.btn.btn-dark-mint {
  color: var(--text-color-light);
  background-color: var(--accent-colors-dark-mint);
  border: 0.1rem solid var(--accent-colors-dark-mint);
}
.btn.btn-dark-mint:hover, .btn.btn-dark-mint:focus {
  background-color: var(--darker-accent-colors-dark-mint);
  border: 0.1rem solid var(--darker-accent-colors-dark-mint);
}
.btn.btn-dark-mint:active, .btn.btn-dark-mint.active {
  color: var(--text-color-light);
  border: 0.1rem solid rgba(var(--darker-accent-colors-dark-mint), 0.15);
}
.btn.btn-dark-mint:disabled {
  opacity: 0.8;
  background-color: var(--accent-colors-dark-mint);
  border: 0.1rem solid var(--accent-colors-dark-mint);
}
.btn.btn-dark-mint.btn-t {
  min-width: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: var(--accent-colors-dark-mint);
  border: none;
}
.btn.btn-dark-mint.btn-t:hover, .btn.btn-dark-mint.btn-t:focus {
  color: var(--darker-accent-colors-dark-mint);
  outline: none;
}
.btn.btn-dark-mint.btn-t:active, .btn.btn-dark-mint.btn-t.active {
  border: none;
  color: rgba(var(--darker-accent-colors-dark-mint), 0.15);
}
.btn.btn-dark-mint.btn-t:disabled {
  color: var(--accent-colors-dark-mint);
  opacity: 0.8;
}

.btn.btn-primary {
  color: var(--text-color-light);
  background-color: var(--accent-colors-primary);
  border: 0.1rem solid var(--accent-colors-primary);
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  background-color: var(--darker-accent-colors-primary);
  border: 0.1rem solid var(--darker-accent-colors-primary);
}
.btn.btn-primary:active, .btn.btn-primary.active {
  color: var(--text-color-light);
  border: 0.1rem solid rgba(var(--darker-accent-colors-primary), 0.15);
}
.btn.btn-primary:disabled {
  opacity: 0.8;
  background-color: var(--accent-colors-primary);
  border: 0.1rem solid var(--accent-colors-primary);
}
.btn.btn-primary.btn-t {
  min-width: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: var(--accent-colors-primary);
  border: none;
}
.btn.btn-primary.btn-t:hover, .btn.btn-primary.btn-t:focus {
  color: var(--darker-accent-colors-primary);
  outline: none;
}
.btn.btn-primary.btn-t:active, .btn.btn-primary.btn-t.active {
  border: none;
  color: rgba(var(--darker-accent-colors-primary), 0.15);
}
.btn.btn-primary.btn-t:disabled {
  color: var(--accent-colors-primary);
  opacity: 0.8;
}

.btn.btn-sidebar-text {
  color: var(--text-color-light);
  background-color: var(--accent-colors-sidebar-text);
  border: 0.1rem solid var(--accent-colors-sidebar-text);
}
.btn.btn-sidebar-text:hover, .btn.btn-sidebar-text:focus {
  background-color: var(--darker-accent-colors-sidebar-text);
  border: 0.1rem solid var(--darker-accent-colors-sidebar-text);
}
.btn.btn-sidebar-text:active, .btn.btn-sidebar-text.active {
  color: var(--text-color-light);
  border: 0.1rem solid rgba(var(--darker-accent-colors-sidebar-text), 0.15);
}
.btn.btn-sidebar-text:disabled {
  opacity: 0.8;
  background-color: var(--accent-colors-sidebar-text);
  border: 0.1rem solid var(--accent-colors-sidebar-text);
}
.btn.btn-sidebar-text.btn-t {
  min-width: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: var(--accent-colors-sidebar-text);
  border: none;
}
.btn.btn-sidebar-text.btn-t:hover, .btn.btn-sidebar-text.btn-t:focus {
  color: var(--darker-accent-colors-sidebar-text);
  outline: none;
}
.btn.btn-sidebar-text.btn-t:active, .btn.btn-sidebar-text.btn-t.active {
  border: none;
  color: rgba(var(--darker-accent-colors-sidebar-text), 0.15);
}
.btn.btn-sidebar-text.btn-t:disabled {
  color: var(--accent-colors-sidebar-text);
  opacity: 0.8;
}

.btn.btn-grey {
  color: var(--text-color-light);
  background-color: var(--accent-colors-grey);
  border: 0.1rem solid var(--accent-colors-grey);
}
.btn.btn-grey:hover, .btn.btn-grey:focus {
  background-color: var(--darker-accent-colors-grey);
  border: 0.1rem solid var(--darker-accent-colors-grey);
}
.btn.btn-grey:active, .btn.btn-grey.active {
  color: var(--text-color-light);
  border: 0.1rem solid rgba(var(--darker-accent-colors-grey), 0.15);
}
.btn.btn-grey:disabled {
  opacity: 0.8;
  background-color: var(--accent-colors-grey);
  border: 0.1rem solid var(--accent-colors-grey);
}
.btn.btn-grey.btn-t {
  min-width: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: var(--accent-colors-grey);
  border: none;
}
.btn.btn-grey.btn-t:hover, .btn.btn-grey.btn-t:focus {
  color: var(--darker-accent-colors-grey);
  outline: none;
}
.btn.btn-grey.btn-t:active, .btn.btn-grey.btn-t.active {
  border: none;
  color: rgba(var(--darker-accent-colors-grey), 0.15);
}
.btn.btn-grey.btn-t:disabled {
  color: var(--accent-colors-grey);
  opacity: 0.8;
}
.form-control {
  text-overflow: ellipsis;
  box-shadow: none;
  font-size: smaller;
  height: 3rem;
  padding: 0.5rem 0.8rem;
  border: 0.1rem solid var(--border-color);
  color: var(--text-color);
  background-color: var(--input-background-color);
}
.form-control:focus {
  box-shadow: none;
  border: 0.1rem solid var(--border-color);
}
.form-control::placeholder {
  color: var(--text-color-grey);
  opacity: 1;
}
.form-control[disabled] {
  background-color: var(--disabled-input-background-color);
}
.form-control[readonly] {
  background-color: var(--disabled-input-background-color);
}

.input-btn {
  display: flex;
}
.input-btn input {
  flex: 1;
}
.input-btn > * {
  border-radius: 0;
}
.input-btn > :first-child {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.input-btn > :last-child {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.ui-select-container {
  position: relative;
}
.ui-select-container .ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important;
}
.ui-select-container .ui-select-toggle {
  position: relative;
  padding-right: 4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-select-container .ui-select-toggle .ui-select-caret {
  position: absolute;
  top: 0.6rem;
  right: 0.8rem;
}
.ui-select-container .ui-select-toggle .ui-select-placeholder {
  color: var(--text-color-grey);
  opacity: 1;
  vertical-align: middle;
}
.ui-select-container .ui-select-toggle .ui-select-match-text {
  vertical-align: middle;
}
.ui-select-container .ui-select-toggle .ui-select-match-close {
  position: absolute;
  top: 0.6rem;
  right: 2.4rem;
}
.ui-select-container .ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.ui-select-container.ui-select-multiple {
  height: auto;
  border: none;
  background: none;
  outline: none;
  min-height: 3rem;
  padding: 0;
}
.ui-select-container.ui-select-multiple ::placeholder {
  color: var(--text-color-grey);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.5rem;
}
.ui-select-container.ui-select-multiple .ui-select-match {
  display: flex;
  flex-wrap: wrap;
}
.ui-select-container.ui-select-multiple .ui-select-match .ui-select-match-item {
  font-size: 0.8em;
  color: var(--text-color);
  background-color: var(--background-color-mint);
  border-radius: 0.3rem;
  position: relative;
  padding: 0.25rem 0.4rem;
  padding-right: 2.4rem;
  margin: 0 0.8rem 0.5rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-select-container.ui-select-multiple .ui-select-match .ui-select-match-item .ui-select-match-close {
  color: var(--text-color);
  position: absolute;
  top: 0.3rem;
  right: 0.8rem;
}
.ui-select-container.ui-select-multiple.ui-select-ordered-values .ui-select-match-item {
  cursor: grab;
  user-select: none;
}
.ui-select-container.ui-select-multiple.ui-select-ordered-values .ui-select-match-item:active {
  cursor: grabbing;
}
.ui-select-container.ui-select-multiple.ui-select-ordered-values .ui-select-match-item .ui-select-match-close {
  cursor: pointer;
}
.ui-select-container.ui-select-multiple.ui-select-ordered-values .ui-select-ordered-values-chosen {
  opacity: 0.75;
}
.ui-select-container.ui-select-multiple.ui-select-ordered-values .ui-select-ordered-values-ghost {
  opacity: 0.35;
}
.ui-select-container.ui-select-multiple .ui-select-search {
  padding-bottom: 0.5rem;
  width: 100% !important;
}
.ui-select-container .ui-select-choices,
.ui-select-container .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 20rem;
  overflow-x: hidden;
}
.ui-select-container .ui-select-choices::-webkit-scrollbar,
.ui-select-container .ui-select-no-choice::-webkit-scrollbar {
  scrollbar-width: thin;
}
.ui-select-container .ui-select-choices::-webkit-scrollbar-track,
.ui-select-container .ui-select-no-choice::-webkit-scrollbar-track {
  background: inherit;
}
.ui-select-container .ui-select-choices-row > div {
  cursor: pointer;
  display: block;
  padding: 0.5rem 0.8rem;
  clear: both;
  white-space: nowrap;
}
.ui-select-container .ui-select-choices-row > div:hover, .ui-select-container .ui-select-choices-row > div:focus {
  text-decoration: none;
  background-color: var(--background-color-grey);
}
.ui-select-container .ui-select-choices-row.active > div {
  color: var(--text-color-light);
  text-decoration: none;
  outline: 0;
  background-color: var(--accent-colors-mint);
}
.ui-select-container .ui-select-choices-row.disabled > div, .ui-select-container .ui-select-choices-row.active.disabled > div {
  color: var(--text-color-grey);
  cursor: not-allowed;
  background-color: var(--background-color);
}
.ui-select-container.open {
  z-index: 10050;
}
.ui-select-container .ui-select-choices-group-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  padding: 0.5rem 0.8rem;
}
.ui-select-container .dropdown-menu {
  background-color: var(--input-background-color);
}

.pagination {
  margin: 0;
  padding: 0;
  border-radius: 0.5rem;
  font-size: small;
  height: 3rem;
}
.pagination > li > a,
.pagination > li > span {
  color: var(--text-color);
  border: 0.1rem solid var(--border-color);
  padding: 0.5rem 0.8rem;
  background-color: var(--background-color-grey);
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: var(--text-color);
  background-color: var(--background-color-grey);
  border: 0.1rem solid var(--border-color);
}
.pagination > li.active > a,
.pagination > li.active > span {
  background-color: var(--accent-colors-mint);
  border-color: var(--accent-colors-mint);
}
.pagination > li.active > a:hover, .pagination > li.active > a:focus,
.pagination > li.active > span:hover,
.pagination > li.active > span:focus {
  background-color: var(--accent-colors-mint);
  border-color: var(--accent-colors-mint);
}
.pagination > li:first-of-type > a,
.pagination > li:first-of-type > span {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.pagination > li:last-of-type > a,
.pagination > li:last-of-type > span {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.checkbox,
.radio {
  display: inline-block;
  margin: 0;
}
.checkbox:focus-within .cr,
.radio:focus-within .cr {
  border: 0.1rem solid var(--accent-colors-dark-mint);
}
.checkbox label,
.radio label {
  padding: 0;
  font-weight: inherit;
}
.checkbox label input[type=checkbox],
.checkbox label input[type=radio],
.radio label input[type=checkbox],
.radio label input[type=radio] {
  opacity: 0;
  margin: 0;
}
.checkbox label input[type=checkbox] + .cr > .cr-icon,
.checkbox label input[type=radio] + .cr > .cr-icon,
.radio label input[type=checkbox] + .cr > .cr-icon,
.radio label input[type=radio] + .cr > .cr-icon {
  opacity: 0;
}
.checkbox label input[type=checkbox]:checked + .cr,
.radio label input[type=checkbox]:checked + .cr {
  background-color: var(--accent-colors-mint);
}
.checkbox label input[type=radio]:checked + .cr,
.radio label input[type=radio]:checked + .cr {
  color: var(--accent-colors-mint);
}
.checkbox label input[type=checkbox]:checked + .cr > .cr-icon,
.checkbox label input[type=radio]:checked + .cr > .cr-icon,
.radio label input[type=checkbox]:checked + .cr > .cr-icon,
.radio label input[type=radio]:checked + .cr > .cr-icon {
  opacity: 1;
}
.checkbox label input[type=checkbox]:disabled + .cr,
.checkbox label input[type=radio]:disabled + .cr,
.radio label input[type=checkbox]:disabled + .cr,
.radio label input[type=radio]:disabled + .cr {
  opacity: 0.5;
  cursor: not-allowed;
}
.checkbox .cr,
.radio .cr {
  color: var(--text-color-light);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid var(--accent-colors-mint);
  border-radius: 0.3rem;
  width: 1.3em;
  height: 1.3em;
  vertical-align: text-bottom;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  font-size: 0.8em;
}

.radio .cr {
  border-radius: 50%;
}

.ctrl-warning.checkbox input[type=checkbox]:checked + .cr, .ctrl-warning .checkbox input[type=checkbox]:checked + .cr, .ctrl-warning.radio input[type=checkbox]:checked + .cr, .ctrl-warning .radio input[type=checkbox]:checked + .cr {
  background-color: var(--accent-colors-warning);
}
.ctrl-warning.checkbox input[type=radio]:checked + .cr, .ctrl-warning .checkbox input[type=radio]:checked + .cr, .ctrl-warning.radio input[type=radio]:checked + .cr, .ctrl-warning .radio input[type=radio]:checked + .cr {
  color: var(--accent-colors-warning);
}
.ctrl-warning.form-control,
.ctrl-warning .form-control,
.ctrl-warning .cr {
  border-color: var(--accent-colors-warning);
}
.ctrl-warning.form-control:focus,
.ctrl-warning .form-control:focus,
.ctrl-warning .cr:focus {
  border-color: var(--darker-accent-colors-warning);
}
.ctrl-warning.form-control:hover:not(:focus),
.ctrl-warning .form-control:hover:not(:focus),
.ctrl-warning .cr:hover:not(:focus) {
  border-color: var(--accent-colors-warning);
}
.ctrl-warning.form-control:disabled,
.ctrl-warning .form-control:disabled,
.ctrl-warning .cr:disabled {
  background-color: var(--background-color-grey);
}
.ctrl-warning:focus-within .cr {
  border-color: var(--darker-accent-colors-warning);
}

.ctrl-danger.checkbox input[type=checkbox]:checked + .cr, .ctrl-danger .checkbox input[type=checkbox]:checked + .cr, .ctrl-danger.radio input[type=checkbox]:checked + .cr, .ctrl-danger .radio input[type=checkbox]:checked + .cr {
  background-color: var(--accent-colors-danger);
}
.ctrl-danger.checkbox input[type=radio]:checked + .cr, .ctrl-danger .checkbox input[type=radio]:checked + .cr, .ctrl-danger.radio input[type=radio]:checked + .cr, .ctrl-danger .radio input[type=radio]:checked + .cr {
  color: var(--accent-colors-danger);
}
.ctrl-danger.form-control,
.ctrl-danger .form-control,
.ctrl-danger .cr {
  border-color: var(--accent-colors-danger);
}
.ctrl-danger.form-control:focus,
.ctrl-danger .form-control:focus,
.ctrl-danger .cr:focus {
  border-color: var(--darker-accent-colors-danger);
}
.ctrl-danger.form-control:hover:not(:focus),
.ctrl-danger .form-control:hover:not(:focus),
.ctrl-danger .cr:hover:not(:focus) {
  border-color: var(--accent-colors-danger);
}
.ctrl-danger.form-control:disabled,
.ctrl-danger .form-control:disabled,
.ctrl-danger .cr:disabled {
  background-color: var(--background-color-grey);
}
.ctrl-danger:focus-within .cr {
  border-color: var(--darker-accent-colors-danger);
}

.ctrl-mint.checkbox input[type=checkbox]:checked + .cr, .ctrl-mint .checkbox input[type=checkbox]:checked + .cr, .ctrl-mint.radio input[type=checkbox]:checked + .cr, .ctrl-mint .radio input[type=checkbox]:checked + .cr {
  background-color: var(--accent-colors-mint);
}
.ctrl-mint.checkbox input[type=radio]:checked + .cr, .ctrl-mint .checkbox input[type=radio]:checked + .cr, .ctrl-mint.radio input[type=radio]:checked + .cr, .ctrl-mint .radio input[type=radio]:checked + .cr {
  color: var(--accent-colors-mint);
}
.ctrl-mint.form-control,
.ctrl-mint .form-control,
.ctrl-mint .cr {
  border-color: var(--accent-colors-mint);
}
.ctrl-mint.form-control:focus,
.ctrl-mint .form-control:focus,
.ctrl-mint .cr:focus {
  border-color: var(--darker-accent-colors-mint);
}
.ctrl-mint.form-control:hover:not(:focus),
.ctrl-mint .form-control:hover:not(:focus),
.ctrl-mint .cr:hover:not(:focus) {
  border-color: var(--accent-colors-mint);
}
.ctrl-mint.form-control:disabled,
.ctrl-mint .form-control:disabled,
.ctrl-mint .cr:disabled {
  background-color: var(--background-color-grey);
}
.ctrl-mint:focus-within .cr {
  border-color: var(--darker-accent-colors-mint);
}

.ctrl-dark-mint.checkbox input[type=checkbox]:checked + .cr, .ctrl-dark-mint .checkbox input[type=checkbox]:checked + .cr, .ctrl-dark-mint.radio input[type=checkbox]:checked + .cr, .ctrl-dark-mint .radio input[type=checkbox]:checked + .cr {
  background-color: var(--accent-colors-dark-mint);
}
.ctrl-dark-mint.checkbox input[type=radio]:checked + .cr, .ctrl-dark-mint .checkbox input[type=radio]:checked + .cr, .ctrl-dark-mint.radio input[type=radio]:checked + .cr, .ctrl-dark-mint .radio input[type=radio]:checked + .cr {
  color: var(--accent-colors-dark-mint);
}
.ctrl-dark-mint.form-control,
.ctrl-dark-mint .form-control,
.ctrl-dark-mint .cr {
  border-color: var(--accent-colors-dark-mint);
}
.ctrl-dark-mint.form-control:focus,
.ctrl-dark-mint .form-control:focus,
.ctrl-dark-mint .cr:focus {
  border-color: var(--darker-accent-colors-dark-mint);
}
.ctrl-dark-mint.form-control:hover:not(:focus),
.ctrl-dark-mint .form-control:hover:not(:focus),
.ctrl-dark-mint .cr:hover:not(:focus) {
  border-color: var(--accent-colors-dark-mint);
}
.ctrl-dark-mint.form-control:disabled,
.ctrl-dark-mint .form-control:disabled,
.ctrl-dark-mint .cr:disabled {
  background-color: var(--background-color-grey);
}
.ctrl-dark-mint:focus-within .cr {
  border-color: var(--darker-accent-colors-dark-mint);
}

.ctrl-primary.checkbox input[type=checkbox]:checked + .cr, .ctrl-primary .checkbox input[type=checkbox]:checked + .cr, .ctrl-primary.radio input[type=checkbox]:checked + .cr, .ctrl-primary .radio input[type=checkbox]:checked + .cr {
  background-color: var(--accent-colors-primary);
}
.ctrl-primary.checkbox input[type=radio]:checked + .cr, .ctrl-primary .checkbox input[type=radio]:checked + .cr, .ctrl-primary.radio input[type=radio]:checked + .cr, .ctrl-primary .radio input[type=radio]:checked + .cr {
  color: var(--accent-colors-primary);
}
.ctrl-primary.form-control,
.ctrl-primary .form-control,
.ctrl-primary .cr {
  border-color: var(--accent-colors-primary);
}
.ctrl-primary.form-control:focus,
.ctrl-primary .form-control:focus,
.ctrl-primary .cr:focus {
  border-color: var(--darker-accent-colors-primary);
}
.ctrl-primary.form-control:hover:not(:focus),
.ctrl-primary .form-control:hover:not(:focus),
.ctrl-primary .cr:hover:not(:focus) {
  border-color: var(--accent-colors-primary);
}
.ctrl-primary.form-control:disabled,
.ctrl-primary .form-control:disabled,
.ctrl-primary .cr:disabled {
  background-color: var(--background-color-grey);
}
.ctrl-primary:focus-within .cr {
  border-color: var(--darker-accent-colors-primary);
}

.ctrl-sidebar-text.checkbox input[type=checkbox]:checked + .cr, .ctrl-sidebar-text .checkbox input[type=checkbox]:checked + .cr, .ctrl-sidebar-text.radio input[type=checkbox]:checked + .cr, .ctrl-sidebar-text .radio input[type=checkbox]:checked + .cr {
  background-color: var(--accent-colors-sidebar-text);
}
.ctrl-sidebar-text.checkbox input[type=radio]:checked + .cr, .ctrl-sidebar-text .checkbox input[type=radio]:checked + .cr, .ctrl-sidebar-text.radio input[type=radio]:checked + .cr, .ctrl-sidebar-text .radio input[type=radio]:checked + .cr {
  color: var(--accent-colors-sidebar-text);
}
.ctrl-sidebar-text.form-control,
.ctrl-sidebar-text .form-control,
.ctrl-sidebar-text .cr {
  border-color: var(--accent-colors-sidebar-text);
}
.ctrl-sidebar-text.form-control:focus,
.ctrl-sidebar-text .form-control:focus,
.ctrl-sidebar-text .cr:focus {
  border-color: var(--darker-accent-colors-sidebar-text);
}
.ctrl-sidebar-text.form-control:hover:not(:focus),
.ctrl-sidebar-text .form-control:hover:not(:focus),
.ctrl-sidebar-text .cr:hover:not(:focus) {
  border-color: var(--accent-colors-sidebar-text);
}
.ctrl-sidebar-text.form-control:disabled,
.ctrl-sidebar-text .form-control:disabled,
.ctrl-sidebar-text .cr:disabled {
  background-color: var(--background-color-grey);
}
.ctrl-sidebar-text:focus-within .cr {
  border-color: var(--darker-accent-colors-sidebar-text);
}

.ctrl-grey.checkbox input[type=checkbox]:checked + .cr, .ctrl-grey .checkbox input[type=checkbox]:checked + .cr, .ctrl-grey.radio input[type=checkbox]:checked + .cr, .ctrl-grey .radio input[type=checkbox]:checked + .cr {
  background-color: var(--accent-colors-grey);
}
.ctrl-grey.checkbox input[type=radio]:checked + .cr, .ctrl-grey .checkbox input[type=radio]:checked + .cr, .ctrl-grey.radio input[type=radio]:checked + .cr, .ctrl-grey .radio input[type=radio]:checked + .cr {
  color: var(--accent-colors-grey);
}
.ctrl-grey.form-control,
.ctrl-grey .form-control,
.ctrl-grey .cr {
  border-color: var(--accent-colors-grey);
}
.ctrl-grey.form-control:focus,
.ctrl-grey .form-control:focus,
.ctrl-grey .cr:focus {
  border-color: var(--darker-accent-colors-grey);
}
.ctrl-grey.form-control:hover:not(:focus),
.ctrl-grey .form-control:hover:not(:focus),
.ctrl-grey .cr:hover:not(:focus) {
  border-color: var(--accent-colors-grey);
}
.ctrl-grey.form-control:disabled,
.ctrl-grey .form-control:disabled,
.ctrl-grey .cr:disabled {
  background-color: var(--background-color-grey);
}
.ctrl-grey:focus-within .cr {
  border-color: var(--darker-accent-colors-grey);
}

textarea {
  resize: vertical;
  min-height: 3rem;
}

.has-error.form-control,
.has-error .form-control,
.ng-invalid.ng-dirty.form-control,
.ng-invalid.ng-dirty.ui-select-container .form-control,
.checkbox .ng-invalid.ng-dirty + span.cr {
  border-color: var(--border-color-error-main);
}
.has-error.form-control:hover:not(:focus),
.has-error .form-control:hover:not(:focus),
.ng-invalid.ng-dirty.form-control:hover:not(:focus),
.ng-invalid.ng-dirty.ui-select-container .form-control:hover:not(:focus),
.checkbox .ng-invalid.ng-dirty + span.cr:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
.has-error.form-control:focus,
.has-error .form-control:focus,
.ng-invalid.ng-dirty.form-control:focus,
.ng-invalid.ng-dirty.ui-select-container .form-control:focus,
.checkbox .ng-invalid.ng-dirty + span.cr:focus {
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
.has-error.form-control,
.has-error .form-control,
.ng-invalid.ng-dirty.form-control,
.ng-invalid.ng-dirty.ui-select-container .form-control,
.checkbox .ng-invalid.ng-dirty + span.cr {
  box-shadow: none;
}

.pac-container {
  z-index: 10050;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: var(--background-color-grey);
  opacity: 1;
  transition: opacity 1.5s ease-in-out;
}
.preloader > div {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
}
.preloader.preloader-fade {
  opacity: 0;
}

.mnt-loader {
  width: 100%;
  background: url("assets/img/loader.gif") center center no-repeat;
  height: 113px;
}

.mnt-loader-small {
  background: url("assets/img/loader.gif") center center no-repeat;
  height: 113px;
  background-size: auto 40px;
  width: 62.5px;
  height: 30px;
}

.panel {
  position: relative;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  border-radius: 0.5rem;
  background-color: var(--background-color);
  border: 0.1rem solid var(--border-color);
  border-color: var(--panel-border-color);
}
.panel .panel-heading {
  padding: 1rem 2rem;
}
.panel .panel-body {
  padding: 1rem 2rem;
}
.panel .panel-footer {
  padding: 1rem 2rem;
  background: none;
  border: none;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
h1.mnt-highlight, h2.mnt-highlight, h3.mnt-highlight, h4.mnt-highlight, h5.mnt-highlight, h6.mnt-highlight {
  display: block;
}

.mnt-highlight {
  display: inline-block;
  position: relative;
}
.mnt-highlight:after {
  display: block;
  position: absolute;
  bottom: -0.1em;
  content: "";
  width: 1em;
  border: 0.1rem solid var(--accent-colors-mint);
}

.mnt-header {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 1rem 0;
}

.mnt-required-star {
  color: var(--accent-colors-danger);
}
.layout-clean {
  background-color: var(--background-color-grey);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-width: 100vw;
}
.layout-clean a {
  color: var(--accent-colors-mint);
}
.layout-clean a:hover {
  color: var(--accent-colors-dark-mint);
}
.layout-clean .has-error .form-control {
  border: none;
  border-bottom: 0.1rem solid var(--border-color);
  box-shadow: none;
  border-color: var(--border-color-error-main);
}
.layout-clean .has-error .form-control:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
.layout-clean .form-control,
.layout-clean .form-control:focus {
  border: none;
  border-bottom: 0.1rem solid var(--border-color);
  background-color: transparent;
  color: var(--text-color-light);
  padding-left: 5px !important;
  border-radius: 0;
}
.layout-clean .block {
  width: 540px;
  border-radius: 5px;
  background-color: var(--background-color-dark);
  color: var(--text-color-light);
  padding: 32px;
}
.layout-clean .block h1 {
  margin-bottom: 28px;
  text-align: center;
}
.layout-clean .block p {
  font-size: 1.6rem;
}
.layout-clean .block .control-label {
  padding-top: 11px;
  color: var(--text-color-light);
}
.layout-clean .block .form-group {
  margin-bottom: 12px;
}
approvals-pending-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

.al-sidebar-list-link > approvals-pending-badge,
.al-sidebar-teams-list-link > approvals-pending-badge {
  position: absolute;
  z-index: 1;
}

.al-sidebar-list-link > approvals-pending-badge {
  top: 0.35rem;
  left: 3rem;
}

.al-sidebar-teams-list-link > approvals-pending-badge {
  top: 0.45rem;
  right: 2.15rem;
}
attachments-control {
  display: block;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
attachments-control .attachment-item {
  display: flex;
  justify-content: space-between;
}
attachments-control .attachment-item .attachment-file-button {
  display: flex;
  width: 100%;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: initial;
}
attachments-control .attachment-item .attachment-file-button .attachment-label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
}
attachments-control .attachment-item .attachment-file-button:hover, attachments-control .attachment-item .attachment-file-button:focus {
  text-decoration: none;
}
attachments-control .attachment-item .attachment-buttons {
  margin-left: auto;
}
attachments-control .attachment-add-file-button {
  margin-bottom: 1rem;
}
attachments-control .attachment-add-file-button input {
  display: none;
}
attachments-control .attachment-add-file-button:has(input:disabled) {
  pointer-events: none;
  opacity: 0.8;
}
bulk-action-modal .panel {
  overflow: unset !important;
}
bulk-action-modal .panel .panel-body {
  padding: 1rem 2.5rem;
}
bulk-action-modal .panel .panel-body .error {
  color: var(--accent-colors-danger);
}
bulk-action-modal {
  min-width: 60rem;
}
bulk-action-modal .form-group label {
  font-weight: 700;
}
@media (max-width: 768px) {
  bulk-action-modal {
    min-width: 45rem;
  }
}
bulk-action-modal .panel .panel-body .panel-btn {
  display: flex;
  justify-content: flex-end;
}
bulk-action-modal .panel .panel-body .panel-btn .btn-right {
  margin-left: auto;
}
create-widget-modal {
  min-width: 40rem;
}
csv-table {
  margin-top: 10rem;
  display: block;
}
csv-table * {
  transition: 0.1s ease-in-out;
}
csv-table .panel {
  background-color: var(--background-color);
  color: var(--text-color);
  border-radius: 0.5rem;
  overflow-x: auto;
  min-height: 40rem;
  margin: 0;
}
csv-table .panel .no-records {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem;
  font-size: 1.7rem;
}
csv-table .table_wrapper {
  max-height: 50rem;
  overflow: auto;
}
csv-table .table_wrapper::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
csv-table .table_wrapper .table .table-header {
  font-size: 1.7rem;
  padding: 2rem;
  border-bottom: 0.2rem solid var(--background-color-mint-overlay);
}
csv-table .table_wrapper .table .table-header th {
  padding: 2rem;
  border-top: 0;
  text-align: center;
  vertical-align: bottom;
}
csv-table .table_wrapper .table .table-body {
  background-color: var(--background-color);
}
csv-table .table_wrapper .table .table-body:hover {
  background-color: var(--background-color-mint-overlay);
}
csv-table .table_wrapper .table .table-body td {
  padding: 1rem 0.5rem;
  border: 0.1rem solid var(--border-light-color);
  vertical-align: middle;
}
csv-table .table_wrapper .table .table-body td:nth-child(-n+2) > p, csv-table .table_wrapper .table .table-body td span.checkbox {
  display: block;
  text-align: center;
}
csv-table .table_wrapper .table .table-body td span {
  text-align: left;
}
csv-table .table_wrapper .table .table-body td p, csv-table .table_wrapper .table .table-body td a {
  padding: 0.5rem 0;
  margin-bottom: 0;
}
csv-table .table_wrapper .table .table-body td p.link:hover, csv-table .table_wrapper .table .table-body td a.link:hover {
  color: var(--accent-colors-mint);
  cursor: pointer;
  transition: 0.1s ease-in-out;
}
csv-table .table_wrapper .table .table-body td.checkbox-table-data .checkbox {
  text-align: center;
}
csv-table .table_wrapper .table .table-body td:nth-last-child(1) {
  width: 0.1rem;
}
csv-table .table_wrapper .table .table-body td .long-name {
  width: 100%;
  display: block;
  overflow: hidden;
  max-width: 20ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}
csv-table textarea.form-control {
  width: 100%;
  height: 20rem;
  outline: none;
}
csv-table input:not([type=checkbox]) {
  width: 15rem;
}
csv-table .table-input {
  display: flex;
  align-items: center;
  justify-content: center;
}
csv-table .table-input:hover .icon-wrapper {
  opacity: 1;
}
csv-table .table-input .icon-wrapper {
  opacity: 0;
  padding: 0.5rem;
}
csv-table .table-input .icon-wrapper:hover {
  color: var(--accent-colors-dark-mint);
  cursor: pointer;
}
csv-table .action-controllers {
  padding: 1rem 2rem;
}
csv-table .action-controllers .button_wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
csv-table .action-buttons_wrapper {
  display: flex;
  flex-flow: row nowrap;
}
csv-table .action-buttons_wrapper button {
  margin-right: 0.5rem;
}
datetime-modal .date-picker table {
  margin: auto;
}
datetime-modal div.uib-daypicker {
  outline: none;
}
datetime-modal .panel-body .form-group,
datetime-modal div.uib-daypicker {
  margin-bottom: 1rem;
}
datetime-modal .uib-day button,
datetime-modal .uib-month button,
datetime-modal .uib-year button {
  background-color: var(--background-color);
  color: var(--text-color);
  border-color: var(--border-color);
}
datetime-modal .uib-day button.active,
datetime-modal .uib-month button.active,
datetime-modal .uib-year button.active {
  background-color: var(--accent-colors-mint);
}
datetime-modal .uib-day button:hover,
datetime-modal .uib-month button:hover,
datetime-modal .uib-year button:hover {
  background-color: var(--accent-colors-grey);
}
datetime-modal .uib-day button .text-info,
datetime-modal .uib-month button .text-info,
datetime-modal .uib-year button .text-info {
  color: var(--accent-colors-primary);
}
dictionary-description-modal .panel {
  width: 40rem;
}
dictionary-description-modal .dictionary-description-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
dictionary-description-modal .dictionary-description-list ul .dictionary-description-element {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  margin: 0 1rem;
}
dictionary-description-modal .dictionary-description-list ul .dictionary-description-element > label {
  flex: 1;
}
dictionary-description-modal .dictionary-description-list ul .dictionary-description-element > div {
  flex: 2;
  padding: 0.2rem 1rem;
}
@media (max-width: 500px) {
  dictionary-description-modal .dictionary-description-list ul .dictionary-description-element {
    display: block;
  }
  dictionary-description-modal .dictionary-description-list ul .dictionary-description-element > div {
    padding: 0.2rem 0;
  }
}
dictionary-description-modal .panel-footer {
  display: flex;
  justify-content: flex-end;
}
dictionary-description-modal .panel-footer > button:nth-child(1) {
  margin: 0 0.5rem;
}
dictionary-description-patterns-modal .panel {
  padding: 1rem;
  margin: 1rem;
}
dictionary-description-patterns-modal .panel ul {
  list-style-type: none;
}
dictionary-description-patterns-modal .table-responsive tbody tr:hover {
  background-color: var(--background-color-mint-overlay);
}
dictionary-description-patterns-modal .table-responsive tbody tr td {
  vertical-align: baseline;
}
dictionary-description-patterns-modal .table-responsive .form-group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
dictionary-description-patterns-modal .panel-footer {
  display: flex;
  justify-content: flex-end;
}
dictionary-description-patterns-modal .panel-footer > button:nth-child(1) {
  margin: 0 0.5rem;
}
.modal-dimm-backdrop > *:first-child > .dictionary-value-restriction-panel {
  width: 75vw;
  max-height: none;
}

dictionary-value-restriction-modal .dictionary-value-restriction-element {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  margin: 0 1rem;
}
dictionary-value-restriction-modal .dictionary-value-restriction-element > label {
  flex: 1;
}
dictionary-value-restriction-modal .dictionary-value-restriction-element > div {
  flex: 2;
  padding: 0.2rem 1rem;
}
@media (max-width: 500px) {
  dictionary-value-restriction-modal .dictionary-value-restriction-element {
    display: block;
  }
  dictionary-value-restriction-modal .dictionary-value-restriction-element > div {
    padding: 0.2rem 0;
  }
}
dictionary-value-restriction-modal .panel-footer {
  display: flex;
  justify-content: flex-end;
}
dictionary-value-restriction-modal .panel-footer > button:nth-child(1) {
  margin: 0 0.5rem;
}
:root {
  --record-height: 5.5rem;
}

dynamic-table {
  display: block;
}
dynamic-table .header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
dynamic-table .header dynamic-table-header {
  display: block;
}
dynamic-table .header dynamic-table-header > span > button {
  margin: 0.2rem;
}
dynamic-table .header dynamic-table-settings {
  padding: 1rem;
  display: flex;
  gap: 0.5rem;
}
dynamic-table .header dynamic-table-settings .btn {
  min-width: 3rem;
}
dynamic-table .header dynamic-table-settings .popover {
  background-color: var(--background-color);
}
dynamic-table .header dynamic-table-settings .popover .popover-content {
  min-width: 20rem;
}
dynamic-table dynamic-table-records {
  display: block;
  overflow: auto hidden;
  width: 100%;
}
dynamic-table dynamic-table-records .table {
  position: relative;
  display: grid;
  grid-template-rows: 5rem;
  grid-auto-rows: var(--record-height);
  grid-auto-flow: row;
  align-items: center;
}
dynamic-table dynamic-table-records .table .header {
  font-size: 1.8rem;
  font-weight: bold;
  display: contents;
}
dynamic-table dynamic-table-records .table .header:hover .sizer {
  border-right: 0.1rem solid var(--border-light-color);
}
dynamic-table dynamic-table-records .table .header .cell {
  border-top: 0.2rem solid var(--background-color-mint-overlay);
  border-bottom: 0.2rem solid var(--background-color-mint-overlay);
  position: relative;
}
dynamic-table dynamic-table-records .table .header .cell .sizer {
  padding-left: 1rem;
  position: absolute;
  display: block;
  content: " ";
  top: 10%;
  right: 0;
  height: 80%;
  cursor: ew-resize;
}
dynamic-table dynamic-table-records .table .header .cell .cell-header-sortable {
  cursor: pointer;
}
dynamic-table dynamic-table-records .table .header .cell .cell-header-sortable .sort {
  margin-left: 1rem;
  color: var(--accent-colors-mint);
}
dynamic-table dynamic-table-records .table .header .cell:last-child {
  width: auto;
}
dynamic-table dynamic-table-records .table .record {
  display: contents;
}
dynamic-table dynamic-table-records .table .record:hover .cell {
  background-color: var(--background-color-mint-overlay);
}
dynamic-table dynamic-table-records .table .record > *:not(:first-child) {
  background-color: var(--record-color, transparent);
}
dynamic-table dynamic-table-records .table .record-selected > .cell {
  background-color: var(--background-color-mint-overlay);
}
dynamic-table dynamic-table-records .table .record-marked > .cell {
  font-weight: 600;
}
dynamic-table dynamic-table-records .table .cell {
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid var(--border-light-color);
  height: 100%;
  white-space: nowrap;
}
dynamic-table dynamic-table-records .table .cell > * {
  padding: 0 1rem;
}
dynamic-table dynamic-table-records .table .cell p {
  margin: 0;
}
dynamic-table dynamic-table-records .table .cell .cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
dynamic-table dynamic-table-records .table .cell .cell-content:has(.flex) {
  width: fit-content !important;
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5rem;
}
dynamic-table dynamic-table-records .table .cell .cell-content:has(.btn) {
  text-overflow: initial;
}
dynamic-table dynamic-table-records .table .cell .cell-content:has(.ticket-assets-cell__item) {
  display: flex;
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
  align-content: center;
  overflow: visible;
}
dynamic-table dynamic-table-records .table .cell .cell-content .ticket-assets-cell {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 0.5rem;
  overflow: hidden;
}
dynamic-table dynamic-table-records .table .cell .cell-content .ticket-assets-cell__item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 18rem;
  padding: 0.1rem 0.5rem;
  overflow: hidden;
  color: var(--text-color);
  font-size: 1.2rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: var(--background-color-mint);
  border: 0.1rem solid var(--accent-colors-dark-mint);
  border-radius: 1rem;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
dynamic-table dynamic-table-records .table .cell .cell-content .ticket-assets-cell__item:hover, dynamic-table dynamic-table-records .table .cell .cell-content .ticket-assets-cell__item:focus {
  color: var(--text-color);
  text-decoration: none;
  background: var(--background-color-mint-overlay);
  border-color: var(--darker-accent-colors-mint);
  box-shadow: 0 0 0 0.2rem var(--background-color-mint);
}
dynamic-table dynamic-table-records .table .cell .cell-content .ticket-assets-more {
  flex: 0 0 auto;
}
dynamic-table dynamic-table-records .table .cell .cell-content .ticket-assets-more__button {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.55rem;
  color: var(--text-color);
  font-size: 1.2rem;
  font-weight: 600;
  white-space: nowrap;
  background: var(--background-color-mint);
  border: 0.1rem solid var(--accent-colors-dark-mint);
  border-radius: 1rem;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
dynamic-table dynamic-table-records .table .cell .cell-content .ticket-assets-more__button:hover, dynamic-table dynamic-table-records .table .cell .cell-content .ticket-assets-more__button:focus {
  color: var(--text-color);
  text-decoration: none;
  background: var(--background-color-mint-overlay);
  border-color: var(--darker-accent-colors-mint);
  box-shadow: 0 0 0 0.2rem var(--background-color-mint);
}
dynamic-table dynamic-table-records .table .cell .cell-content .ticket-assets-measure {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 0.5rem;
  visibility: hidden;
  pointer-events: none;
}
dynamic-table dynamic-table-records .table .cell .cell-content .checkbox label {
  cursor: default;
}
dynamic-table dynamic-table-records .table .cell .cell-content .checkbox label input {
  cursor: default;
}
dynamic-table dynamic-table-records .table .cell .cell-content a {
  display: block;
  max-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
dynamic-table dynamic-table-records .table .cell .cell-ordinal-number {
  padding-right: 2rem;
}
dynamic-table dynamic-table-records .table .cell .cell-favorite {
  font-size: 1.8rem;
  color: lightgrey;
}
dynamic-table dynamic-table-records .table .cell .cell-favorite:hover {
  cursor: pointer;
}
dynamic-table dynamic-table-records .table .cell .cell-favorite:hover .fa-star {
  display: none;
}
dynamic-table dynamic-table-records .table .cell .cell-favorite:hover .fa-star-half-stroke {
  display: inline-block;
}
dynamic-table dynamic-table-records .table .cell .cell-favorite .fa-solid.fa-star, dynamic-table dynamic-table-records .table .cell .cell-favorite .fa-star-half-stroke {
  color: #d3ad2f;
}
dynamic-table dynamic-table-records .table .cell .cell-favorite .fa-star-half-stroke {
  display: none;
}
dynamic-table dynamic-table-records .table .cell.cell-actions {
  gap: 0.5rem;
  justify-content: flex-end;
}
dynamic-table dynamic-table-records .table .cell.cell-actions > * {
  padding: 0;
}
dynamic-table dynamic-table-records .table .cell.cell-actions > *:first-child {
  padding-left: 1rem;
}
dynamic-table dynamic-table-records .table .cell.cell-actions > *:last-child {
  padding-right: 1rem;
}
dynamic-table dynamic-table-records .table .cell .cell-record-menu {
  color: var(--accent-colors-mint);
}
dynamic-table dynamic-table-records .table .ruler {
  position: absolute;
  top: 0;
  height: 100%;
  border-right: 0.1rem solid var(--border-light-color);
}
dynamic-table dynamic-table-records .no-records {
  padding: 4rem;
  text-align: center;
  font-size: larger;
}
dynamic-table dynamic-table-footer .pagination > li > a {
  background-color: var(--input-background-color);
}
dynamic-table dynamic-table-footer .pagination .disabled > a {
  background-color: var(--disabled-input-background-color);
  border-color: var(--border-dark-color);
}
dynamic-table dynamic-table-footer .pagination .disabled > a:hover, dynamic-table dynamic-table-footer .pagination .disabled > a:focus {
  background-color: var(--disabled-input-background-color);
  border-color: var(--border-dark-color);
}
dynamic-table dynamic-table-footer {
  padding: 1rem 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem 2rem;
}
dynamic-table dynamic-table-footer .select-form-control {
  width: 6rem;
}
dynamic-table dynamic-table-footer .table-footer-meta {
  display: flex;
  align-items: center;
  flex: 1 1 28rem;
  gap: 1.5rem;
  min-width: min-content;
}
dynamic-table dynamic-table-footer .total-item-count {
  display: flex;
  align-items: center;
  min-height: 3rem;
  margin-right: auto;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
dynamic-table dynamic-table-footer .ui-select-match-text {
  text-overflow: initial;
}
dynamic-table dynamic-table-footer .table-footer-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 1rem;
}
dynamic-table dynamic-table-footer .row-size-change {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  transform: rotate(90deg);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  transition: 0.1s ease-in-out;
}
dynamic-table dynamic-table-footer .row-size-change:hover {
  cursor: pointer;
  color: var(--accent-colors-mint);
  transition: 0.1s ease-in-out;
}
dynamic-table dynamic-table-footer .popover-content .cell-height-popover {
  min-width: 20rem;
}
dynamic-table dynamic-table-footer .popover-content .cell-height-popover .panel-footer {
  display: flex;
  justify-content: flex-end;
  padding: 1rem 0;
}
dynamic-table dynamic-table-footer .popover-content .cell-height-popover .btn-close {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
dynamic-table dynamic-table-footer .popover-content .cell-height-popover .btn-close button {
  width: 2rem;
  height: 2rem;
}
dynamic-table dynamic-table-footer .popover {
  background-color: var(--background-color);
}
dynamic-table dynamic-table-footer .popover.top > .arrow::after {
  border-top-color: var(--background-color);
}
dynamic-table dynamic-table-footer .refresh-button {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  transform: rotate(90deg);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  transition: 0.1s ease-in-out;
}
dynamic-table dynamic-table-footer .refresh-button:hover {
  cursor: pointer;
  color: var(--accent-colors-mint);
  transition: 0.1s ease-in-out;
}
dynamic-table dynamic-table-footer .refresh-button {
  transform: rotate(0deg);
}
dynamic-table dynamic-table-footer .table-footer-actions .refresh-button,
dynamic-table dynamic-table-footer .table-footer-actions .row-size-change {
  margin-right: 0;
}
dynamic-table dynamic-table-footer .table-footer-actions .table-size {
  flex: 0 0 6rem;
}
dynamic-table .label-container label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ticket-assets-dropdown.dropdown-menu {
  min-width: 20rem;
  max-width: 32rem;
  max-height: 24rem;
  padding: 0.5rem;
  overflow-y: auto;
  color: var(--text-color);
  background: var(--input-background-color);
  border-color: var(--border-color);
  box-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.0784313725);
}
.ticket-assets-dropdown.dropdown-menu > li > .ticket-assets-dropdown__item {
  display: block;
  width: 100%;
  padding: 0.45rem 0.7rem;
  overflow: hidden;
  color: var(--text-color);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: transparent;
  border-radius: 0.5rem;
}
.ticket-assets-dropdown.dropdown-menu > li > .ticket-assets-dropdown__item:hover, .ticket-assets-dropdown.dropdown-menu > li > .ticket-assets-dropdown__item:focus {
  color: var(--text-color);
  text-decoration: none;
  background: var(--background-color-mint);
}
emoji-search-tooltip {
  position: absolute;
  z-index: 10050;
  width: 25rem;
}
emoji-search-tooltip .groups {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.1rem solid var(--border-light-color);
}
emoji-search-tooltip .emojis {
  padding: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4em;
  max-height: 30rem;
  overflow: auto;
}
emoji-search-tooltip .emojis > div:not(.tooltip) {
  width: 3rem;
}
external-link-modal {
  min-width: 40rem;
  max-width: 48rem;
}
external-link-modal .external-link-modal {
  margin: 0;
}
external-link-modal .panel-heading {
  padding-bottom: 0.8rem;
}
external-link-modal .external-link-modal__body {
  padding: 1.2rem 2.4rem 1.2rem;
}
external-link-modal .external-link-modal__warning-card {
  padding: 1.6rem 1.8rem;
  border: 0.1rem solid var(--border-light-color);
  border-left: 0.4rem solid var(--accent-colors-warning);
  border-radius: 0.5rem;
  background: rgba(var(--accent-colors-warning), 0.08);
}
external-link-modal .external-link-modal__message {
  display: flex;
  align-items: flex-start;
  gap: 1.4rem;
}
external-link-modal .external-link-modal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3.8rem;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  background: rgba(var(--accent-colors-warning), 0.16);
  color: var(--accent-colors-warning);
  font-size: 1.7rem;
}
external-link-modal .external-link-modal__content {
  min-width: 0;
  flex: 1 1 auto;
}
external-link-modal .external-link-modal__text {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.55;
  color: var(--text-color);
}
external-link-modal .external-link-modal__link {
  margin-top: 1rem;
  padding: 0.9rem 1.1rem;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  background: rgba(var(--background-color), 0.45);
  color: rgba(var(--text-color), 0.78);
  word-break: break-word;
  font-size: 1.2rem;
}
external-link-modal .external-link-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 0 2.4rem 2.2rem;
  border-top: 0;
}
external-link-modal .external-link-modal__cancel-btn,
external-link-modal .external-link-modal__confirm-btn {
  min-width: 10rem;
}
external-link-modal .external-link-modal__cancel-btn {
  background: transparent;
  border: 0.1rem solid var(--border-light-color);
  color: rgba(var(--text-color), 0.85);
}
external-link-modal .external-link-modal__cancel-btn:hover, external-link-modal .external-link-modal__cancel-btn:focus {
  background: rgba(var(--text-color), 0.06);
  color: var(--text-color);
}
@media (max-width: 660px) {
  external-link-modal {
    min-width: auto;
  }
  external-link-modal .external-link-modal__body {
    padding: 1.6rem;
  }
  external-link-modal .external-link-modal__message {
    gap: 1.2rem;
  }
  external-link-modal .external-link-modal__footer {
    padding: 0 1.6rem 1.6rem;
    justify-content: stretch;
  }
  external-link-modal .external-link-modal__cancel-btn,
  external-link-modal .external-link-modal__confirm-btn {
    flex: 1 1 0;
    min-width: 0;
  }
}
file-modal .panel {
  display: flex;
  flex-flow: column nowrap;
  padding: 1.5rem;
}
file-modal .file-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
file-modal .file-modal-header .file-number {
  font-size: 1.4rem;
}
file-modal .file-modal-header .filler {
  width: 3rem;
}
file-modal .file-modal-header .close-btn {
  font-size: 2rem;
}
file-modal .file-modal-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
file-modal .file-modal-content .change-file > button {
  font-size: 1.6rem;
}
file-modal .file-modal-content .current-file {
  display: flex;
}
file-modal .file-modal-content .current-file img {
  max-width: 80vw;
  max-height: 80vh;
}
file-modal .file-modal-content .current-file > div:last-child {
  text-align: center;
  padding-top: 1rem;
}
file-modal .file-modal-content .current-file .unsupported-format {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
file-modal .file-modal-content .current-file .unsupported-format div:not(.footer) {
  height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
file-modal .file-modal-content .current-file .unsupported-format div:not(.footer) span {
  font-style: italic;
  font-size: 1.2rem;
}
file-modal .file-modal-content .current-file .unsupported-format .footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  gap: 1rem;
}
filter-search-bar {
  width: max-content;
}
filter-search-bar .search-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-left: 0.5rem;
  padding-right: 1rem;
}
filter-search-bar .search-wrapper .search-bar-wrapper {
  width: inherit;
  position: relative;
  display: flex;
  align-items: center;
}
filter-search-bar .search-wrapper .search-bar-wrapper .form-control {
  flex: 1;
  font-weight: normal;
  overflow: hidden;
}
filter-search-bar .search-wrapper .search-bar-wrapper .clear-btn {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.5rem;
  background: var(--input-background-color);
  color: var(--accent-colors-primary);
  z-index: 10;
}
filter-search-bar .search-wrapper .search-bar-wrapper .clear-btn:hover {
  cursor: pointer;
  color: var(--darker-accent-colors-primary);
}
filter-search-bar .search-wrapper .btn-primary {
  min-width: 3rem;
}
info-modal {
  white-space: pre-line;
  max-width: 80rem;
  min-width: 30rem;
  overflow-y: auto;
  margin: 2rem;
}
info-modal .panel .panel-heading {
  word-break: break-all;
}
info-modal .panel .panel-body {
  word-break: break-all;
  max-height: 75vh;
  overflow-y: auto;
}
info-modal .panel .panel-body p {
  margin: 0;
}
info-modal .panel .panel > .panel-heading.mnt-header.mnt-highlight {
  padding-bottom: 0;
}
info-modal .panel-footer.center {
  text-align: center;
  margin: 0.5rem 0;
}
mint-autocomplete .mint-select {
  display: flex;
  flex-flow: column nowrap;
  min-width: 0;
}
mint-autocomplete .mint-select .value-container {
  display: flex;
  flex-flow: row wrap;
  max-width: 100%;
}
mint-autocomplete .mint-select .value-container .value {
  padding: 0.4rem 0.8rem;
  margin-right: 0.5rem;
  margin-bottom: 0.2rem;
  border-radius: 0.3rem;
  background-color: var(--background-color-mint);
  font-size: 1.2rem;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
mint-autocomplete .mint-select .value-container .value > .first-value {
  font-weight: bold;
}
mint-autocomplete .mint-select .value-container .value span {
  cursor: pointer;
}
mint-autocomplete .mint-select input.invalid {
  border-color: var(--border-color-error-main);
}
mint-autocomplete .mint-select input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
.mint-tiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 5px 5px;
  margin-bottom: 5px;
}
.mint-tiles .mint-tile {
  background: var(--background-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 5px;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  height: 10rem;
  padding-top: 1.5rem;
  transition: 0.2s ease-out;
  cursor: pointer;
}
.mint-tiles .mint-tile .tile-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.6rem;
  line-height: 1;
}
.mint-tiles .mint-tile .tile-icon i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.mint-tiles .mint-tile .tile-name {
  padding-top: 5px;
  text-transform: uppercase;
}
.mint-tiles .mint-tile .mint-tile-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}
.mint-tiles .mint-tile .mnt-header {
  font-size: 1.2rem;
  margin: 0;
  transition: 0.2s ease-in-out;
}
.mint-tiles .mint-tile.active {
  background-color: var(--accent-colors-mint);
  transition: 0.2s ease-in-out;
}
.mint-tiles .disabled {
  color: var(--text-color-grey);
  cursor: no-drop;
}
@media (max-width: 435px) {
  .mint-tiles .mint-tile .mnt-header {
    font-size: 0.8rem;
  }
}
.notification-badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  height: 1.6rem;
  padding: 0 0.35rem;
  border-radius: 0.8rem;
  background-color: red;
  color: var(--text-color-light);
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.35);
}
page-notices,
notices-modal {
  width: 100%;
}
page-notices .filler,
notices-modal .filler {
  height: 6rem;
}
page-notices .filler.without-notices,
notices-modal .filler.without-notices {
  display: none;
}
page-notices > .wrapper,
notices-modal > .wrapper {
  width: 100%;
  position: fixed;
  z-index: 9003;
  display: flex;
  background-color: var(--background-color-grey);
}
page-notices > .wrapper.without-notices,
notices-modal > .wrapper.without-notices {
  display: none;
}
page-notices > .wrapper > div:not(.multiple-notices),
notices-modal > .wrapper > div:not(.multiple-notices) {
  flex: 1;
  overflow: hidden;
}
page-notices .collapsed-container,
notices-modal .collapsed-container {
  width: 55vw;
  height: auto;
  max-height: 60rem;
  position: absolute;
  top: 15vh;
  left: 50vw;
  transform: translateX(-50%);
  background-color: var(--background-color);
  padding: 0rem 0.5rem 0.5rem 0.5rem;
  overflow: hidden auto;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
}
page-notices .collapsed-container .admin-notice,
notices-modal .collapsed-container .admin-notice {
  height: 6rem;
  border-top: 0.1rem solid var(--border-color);
  border-radius: 0;
}
page-notices .collapsed-container .admin-notice:nth-of-type(2),
notices-modal .collapsed-container .admin-notice:nth-of-type(2) {
  border: 0;
}
page-notices .multiple-notices,
notices-modal .multiple-notices {
  width: calc(100vw - 7rem);
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
  overflow: hidden;
}
page-notices .admin-notice-container,
notices-modal .admin-notice-container {
  width: 100%;
  height: 6rem;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  background-color: inherit;
}
page-notices .admin-notice-container + div,
notices-modal .admin-notice-container + div {
  backdrop-filter: blur(0.1rem);
}
page-notices .notices-counter-container,
notices-modal .notices-counter-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
  width: 6rem;
  min-width: 6rem;
}
page-notices .notices-counter-container .circle,
notices-modal .notices-counter-container .circle {
  position: relative;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #FFFFFF;
  cursor: pointer;
}
page-notices .notices-counter-container .circle .notices-counter,
notices-modal .notices-counter-container .circle .notices-counter {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  background-color: red;
}
page-notices .notices-counter-container .circle .notices-counter span,
notices-modal .notices-counter-container .circle .notices-counter span {
  color: #FFFFFF;
  font-size: 1.2rem;
}
page-notices .notices-counter-container .circle .icon,
notices-modal .notices-counter-container .circle .icon {
  font-size: 1.6rem;
  color: #000000;
}
page-notices .admin-notice,
notices-modal .admin-notice {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  border-radius: 0.6rem;
}
page-notices .admin-notice .content-wrapper,
notices-modal .admin-notice .content-wrapper {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  max-width: 100%;
}
page-notices .admin-notice .content-wrapper p,
notices-modal .admin-notice .content-wrapper p {
  display: inline-block;
  max-width: 100%;
  word-wrap: break-word;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-color-grey);
  margin: 0;
  font-size: 1.4rem;
}
page-notices .admin-notice .content-wrapper p.notice-title,
notices-modal .admin-notice .content-wrapper p.notice-title {
  color: inherit;
  font-weight: 700;
  font-size: 1.6rem;
}
page-notices .admin-notice .btn-container,
notices-modal .admin-notice .btn-container {
  padding: 1rem 1rem 1rem 5rem;
}
page-notices .admin-notice.alert,
notices-modal .admin-notice.alert {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.6rem;
}
page-notices .admin-notice.alert.alert-info::before, page-notices .admin-notice.alert.alert-warning::before, page-notices .admin-notice.alert.alert-danger::before,
notices-modal .admin-notice.alert.alert-info::before,
notices-modal .admin-notice.alert.alert-warning::before,
notices-modal .admin-notice.alert.alert-danger::before {
  font: var(--fa-font-solid);
  padding: 1rem;
}
page-notices .admin-notice.alert.alert-info button:hover, page-notices .admin-notice.alert.alert-warning button:hover, page-notices .admin-notice.alert.alert-danger button:hover,
notices-modal .admin-notice.alert.alert-info button:hover,
notices-modal .admin-notice.alert.alert-warning button:hover,
notices-modal .admin-notice.alert.alert-danger button:hover {
  filter: brightness(110%);
  transition: 0.1s ease-in-out;
}
page-notices .admin-notice.alert.alert-info::before,
notices-modal .admin-notice.alert.alert-info::before {
  content: "\f05a";
}
page-notices .admin-notice.alert.alert-info button.btn,
notices-modal .admin-notice.alert.alert-info button.btn {
  color: var(--text-color-light);
  background-color: var(--accent-colors-primary);
}
page-notices .admin-notice.alert.alert-warning::before,
notices-modal .admin-notice.alert.alert-warning::before {
  content: "\f071";
}
page-notices .admin-notice.alert.alert-warning button.btn,
notices-modal .admin-notice.alert.alert-warning button.btn {
  color: var(--text-color-light);
  background-color: var(--accent-colors-warning);
}
page-notices .admin-notice.alert.alert-danger::before,
notices-modal .admin-notice.alert.alert-danger::before {
  content: "\f057";
}
page-notices .admin-notice.alert.alert-danger button.btn,
notices-modal .admin-notice.alert.alert-danger button.btn {
  color: var(--text-color-light);
  background-color: var(--accent-colors-danger);
}

main:not(.menu-collapsed) sidebar + page-notices > .wrapper {
  padding: 0.5rem 18rem 0.5rem 46rem;
}
@media (max-width: 500px) {
  main:not(.menu-collapsed) sidebar + page-notices > .wrapper {
    padding: 0.5rem 18rem 0.5rem 18rem;
  }
}
main:not(.menu-collapsed) sidebar-teams + page-notices > .wrapper {
  padding: 0.5rem 18rem 0.5rem 28rem;
}
@media (max-width: 500px) {
  main:not(.menu-collapsed) sidebar-teams + page-notices > .wrapper {
    padding: 0.5rem 18rem 0.5rem 18rem;
  }
}

main:not(.activities) page-notices > .wrapper {
  margin-left: 0rem;
}

.activities sidebar + page-notices > .wrapper {
  margin-left: 0rem;
}
.activities sidebar-teams + page-notices > .wrapper {
  margin-left: 34rem;
  padding-right: 52rem !important;
}
.activities.menu-collapsed sidebar-teams + page-notices > .wrapper {
  margin-left: 0;
}

@media (min-width: 501px) {
  .menu-collapsed sidebar + page-notices > .wrapper {
    padding: 0.5rem 18rem 0.5rem 23.2rem;
  }
  .menu-collapsed sidebar-teams + page-notices > .wrapper {
    padding: 0.5rem 18rem 0.5rem 18rem;
  }
}
page-top {
  display: block;
  position: fixed;
  background-color: var(--background-color-grey);
  width: 100vw;
  height: 8rem;
  z-index: 9000;
}
page-top .page-top-content {
  height: 8rem;
  display: flex;
  align-items: center;
  border-bottom: 0.2rem solid var(--border-dark-color);
}
page-top .page-top-content .menu-toggler {
  line-height: 2.4rem;
  font-size: 2.4rem;
  cursor: pointer;
  transition: transform 0.25s;
  border-right: 0.1rem solid var(--border-color);
  padding-right: 1.5rem;
}
page-top .page-top-content .menu-toggler:hover {
  transform: scale(1.15);
}
@media (max-width: 500px) {
  page-top {
    padding: 0 3rem 0 3rem;
  }
}

main:not(.menu-collapsed) sidebar + page-notices + page-top {
  padding: 0 3rem 0 31rem;
}
@media (max-width: 500px) {
  main:not(.menu-collapsed) sidebar + page-notices + page-top {
    padding: 0 3rem 0 3rem;
  }
}
main:not(.menu-collapsed) sidebar-teams + page-notices + page-top {
  padding: 0 3rem 0 13rem;
}
@media (max-width: 500px) {
  main:not(.menu-collapsed) sidebar-teams + page-notices + page-top {
    padding: 0 3rem 0 3rem;
  }
}

main:not(.activities) page-top .page-top-content {
  margin-left: 0rem;
}

.activities sidebar + page-notices + page-top .page-top-content {
  margin-left: 0rem;
}
.activities sidebar-teams + page-notices + page-top .page-top-content {
  margin-left: 34rem;
}
.activities.menu-collapsed sidebar-teams + page-notices + page-top .page-top-content {
  margin-left: 0;
}

@media (min-width: 501px) {
  .menu-collapsed sidebar + page-notices + page-top {
    padding: 0 3rem 0 8.2rem;
  }
  .menu-collapsed sidebar-teams + page-notices + page-top {
    padding: 0 3rem 0 3rem;
  }
}
panel-tablike-header {
  border-radius: 0.3em;
  background-color: var(--accent-colors-mint);
  font-size: small;
  font-weight: bold;
  display: flex;
  align-items: center;
}
panel-tablike-header .caption {
  background-color: var(--accent-colors-primary);
  color: var(--text-color-light);
  border-radius: 0.3em;
  padding: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
panel-tablike-header .filler {
  flex: 1 1;
}
panel-tablike-header .icons-wrapper {
  display: inline-flex;
  justify-items: end;
  align-self: center;
  margin-right: 10px;
  color: var(--text-color-light);
}
panel-tablike-header .expanded {
  transform: rotate(180deg);
}
panel-tablike-header .collapsed {
  transform: rotate(0deg);
}
panel-tablike-header .sub-button {
  color: var(--text-color-light);
  height: 3rem;
  font-size: 1.5rem;
}
panel-tablike-header .sub-button:focus, panel-tablike-header .sub-button:hover {
  color: var(--text-color-light);
}
panel-tablike-header .unsub {
  opacity: 0.6;
}
panel-tablike-header .close-ticket {
  color: var(--text-color-light);
  padding-right: 1rem;
}
panel-tablike-header .close-ticket:focus, panel-tablike-header .close-ticket:hover {
  cursor: pointer;
}
pending-reminders-modal {
  display: block;
  width: min(100rem, 100vw - 2rem);
}
pending-reminders-modal .panel-body {
  min-height: 20rem;
  overflow-x: auto;
}
raw-table {
  display: block;
}
raw-table .header {
  display: flex;
  justify-content: space-between;
}
raw-table .header raw-table-settings {
  padding: 1rem;
  display: flex;
}
raw-table .header raw-table-settings .popover {
  background-color: var(--background-color);
}
raw-table .header raw-table-settings .popover .popover-content {
  min-width: 20rem;
}
raw-table .rows {
  display: block;
  width: 100%;
  height: calc(100vh - 32rem);
  overflow: auto;
}
raw-table .rows .no-records {
  padding: 4rem;
  text-align: center;
  font-size: larger;
}
raw-table raw-table-footer .pagination > li > a {
  background-color: var(--input-background-color);
}
raw-table raw-table-footer .pagination .disabled > a {
  background-color: var(--disabled-input-background-color);
  border-color: var(--border-dark-color);
}
raw-table raw-table-footer .pagination .disabled > a:hover, raw-table raw-table-footer .pagination .disabled > a:focus {
  background-color: var(--disabled-input-background-color);
  border-color: var(--border-dark-color);
}
raw-table raw-table-footer {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
raw-table raw-table-footer .select-form-control {
  width: 6rem;
}
raw-table raw-table-footer .total-item-count {
  margin-right: auto;
  margin-left: 2rem;
  margin-top: auto;
  margin-bottom: 1rem;
}
raw-table raw-table-footer .ui-select-match-text {
  text-overflow: initial;
}
raw-table raw-table-footer .row-size-change {
  display: flex;
  align-items: center;
  width: 2rem;
  height: 3rem;
  margin-right: 1.5rem;
  transform: rotate(90deg);
}
raw-table raw-table-footer .row-size-change:hover {
  cursor: pointer;
  color: var(--accent-colors-mint);
}
raw-table raw-table-footer .popover-content .cell-height-popover {
  min-width: 20rem;
}
raw-table raw-table-footer .popover-content .cell-height-popover .panel-footer {
  display: flex;
  justify-content: flex-end;
  padding: 1rem 0;
}
raw-table raw-table-footer .popover-content .cell-height-popover .btn-close {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
raw-table raw-table-footer .popover-content .cell-height-popover .btn-close button {
  width: 2rem;
  height: 2rem;
}
raw-table raw-table-footer .popover {
  background-color: var(--background-color);
}
raw-table raw-table-footer .popover.top > .arrow::after {
  border-top-color: var(--background-color);
}
reminder-popup {
  position: fixed;
  border-radius: 0.3rem;
  background-color: var(--background-color);
  border: 0.1rem solid var(--border-color);
  z-index: 1050;
  max-width: 40rem;
}
reminder-popup .details-title {
  background-color: var(--accent-colors-mint);
  padding: 0.8rem 1.5rem;
  color: var(--text-color-light);
  font-weight: bold;
}
reminder-popup .details-info {
  flex: 1;
}
reminder-popup .details-info .content label {
  margin: 0;
  padding: 0;
}
reminder-popup .details-info .content p {
  font-weight: normal;
  margin: 1rem 0;
}
reminder-popup .details-content {
  display: flex;
  color: var(--text-color);
  padding: 1rem 1.5rem;
  width: 100%;
}
reminder-popup .details-content .note {
  word-wrap: break-word;
}
resolution-note textarea {
  min-height: 6rem;
  max-height: 15rem;
  resize: vertical;
}
resolution-note textarea.form-control, resolution-note textarea:hover {
  cursor: text !important;
}
resolution-note-modal {
  min-width: 60rem;
}
resolution-note-modal .mint-form-group {
  margin: 2rem 0;
}
resolution-note-modal .mint-form-group label {
  align-self: flex-start;
}
resolution-note-modal .mint-form-group textarea {
  min-height: 6rem;
  max-height: 30rem;
}
resolution-note-modal .close-attributes {
  padding: 1.5rem;
}
resolution-note-modal .panel > .panel-footer {
  padding: 0 1.5rem 1.5rem 1.5rem !important;
}
rich-text-editor {
  background-color: var(--input-background-color);
  display: block;
  overflow: inherit auto;
}
rich-text-editor .content.ql-disabled {
  background-color: var(--disabled-input-background-color);
}
rich-text-editor .content.ql-disabled:hover {
  cursor: not-allowed;
}
rich-text-editor .content .ql-editor {
  padding: 1rem 0.3rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  outline: none;
}
rich-text-editor .content .ql-editor blockquote {
  font-size: inherit;
  border-left: 0.1rem solid var(--border-light-color);
  border-width: 0.4rem;
  margin: 0.5rem 0;
  padding: 0 0 0 1.6rem;
}
rich-text-editor .content .ql-editor a {
  color: var(--accent-colors-mint);
}
rich-text-editor .content .ql-editor .signature {
  border: 0.1rem solid var(--border-light-color);
  border-right: unset;
  border-left: unset;
}
rich-text-editor .content .ql-editor.ql-blank {
  position: relative;
}
rich-text-editor .content .ql-editor.ql-blank::before {
  color: var(--text-color-grey);
  content: attr(data-placeholder);
  left: 0rem;
  pointer-events: none;
  position: absolute;
  right: 1.5rem;
}
rich-text-editor .content .ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
rich-text-editor .content .ql-clipboard p {
  margin: 0;
  padding: 0;
}
rich-text-editor .toolbar-hide {
  position: sticky;
  top: 0;
  left: 0;
  background: inherit;
  padding: 0.5rem 0;
}
@media (max-width: 500px) {
  rich-text-editor .toolbar-hide {
    display: none;
  }
}
@media (min-width: 501px) {
  rich-text-editor .toolbar-hide {
    display: flex;
    border-bottom: 0.1rem solid var(--border-light-color);
    min-height: 3rem;
  }
  rich-text-editor .toolbar-hide.has-error {
    border-color: var(--border-color-error-main);
  }
  rich-text-editor .toolbar-hide.has-error:hover:not(:focus) {
    border-color: var(--border-color-error-main);
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
    -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
    box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  }
  rich-text-editor .toolbar-hide .fold-toolbar {
    margin-right: 1.5rem;
    margin-left: auto;
  }
  rich-text-editor .toolbar-hide .fold-toolbar button {
    font-size: 1.2rem;
  }
}
rich-text-editor rich-text-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
}
rich-text-editor rich-text-editor-toolbar > div:nth-of-type(n + 4) {
  display: flex;
  align-items: center;
}
rich-text-editor rich-text-editor-toolbar > div:nth-of-type(n + 4) button {
  font-size: 1.1rem !important;
}
rich-text-editor rich-text-editor-toolbar > div:not(div:nth-of-type(n + 4)):hover {
  cursor: pointer;
}
rich-text-editor rich-text-editor-toolbar .toolbar-separator {
  width: 2rem;
}
rich-text-editor rich-text-editor-toolbar .btn.btn-t.toolbar-dropdown {
  padding: 0 0.4rem;
}
rich-text-editor rich-text-editor-toolbar .toolbar-carret {
  color: var(--accent-colors-mint);
  font-size: 1.2rem;
}

.editor-ui-select.ui-select-container {
  width: 11rem;
}
.editor-ui-select.ui-select-container .ui-select-match span {
  display: flex;
  align-items: center;
}
.editor-ui-select.ui-select-container .ui-select-toggle,
.editor-ui-select.ui-select-container .ui-select-search {
  border: none;
}
.editor-ui-select.ui-select-container .ui-select-caret {
  color: var(--accent-colors-mint);
}
.editor-ui-select.ui-select-container .form-control {
  width: 100%;
}

rich-text-editor-link-modal,
rich-text-editor-color-modal {
  position: absolute;
  z-index: 10050;
}

rich-text-editor-link-modal .mint-form-group label {
  flex-basis: 5rem;
}
rich-text-editor-link-modal .mint-form-group input {
  min-width: 0;
}
rich-text-editor-link-modal .link-save {
  display: flex;
  justify-content: flex-end;
}

rich-text-editor-color-modal .colors {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1rem;
}
rich-text-editor-color-modal .color-button {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid var(--border-color);
}
rich-text-editor-color-modal .color-button.active {
  border: 0.1rem solid var(--accent-colors-mint);
  border-width: 0.2rem;
}
roles-picker .roles-picker {
  display: flex;
}
roles-picker .roles-picker > div {
  width: 30rem;
  margin-right: 3rem;
}
save-footer > div {
  z-index: 2000;
  width: 100%;
  height: 50px;
  background: var(--background-color-dark);
  position: fixed;
  bottom: 0;
  left: 0;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s, opacity 0.3s ease-out;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0.8em;
}
save-footer > div.active {
  opacity: 0.9;
  visibility: visible;
  z-index: auto;
}
save-footer > div:not(.active) button {
  display: none;
}

save-panel-footer {
  display: flex;
  justify-content: flex-end;
  line-height: 30px;
}
search-asset-modal, search-asset-modal .panel {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4rem);
  overflow: hidden auto;
}
search-asset-modal .error-message-missing-access, search-asset-modal .panel .error-message-missing-access {
  padding: 0 1.5rem 1rem 1.5rem;
  margin: 1rem;
}
search-asset-modal .browse-breadcrumbs {
  padding: 0 1.5rem 1rem 1.5rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem solid var(--border-color);
}
search-asset-modal .browse-filter {
  padding: 0 1rem;
}
search-asset-modal .browse-filter > div:first-child {
  font-size: medium;
  font-weight: bold;
  border-bottom: 0.1rem solid var(--border-color);
}
search-asset-modal .browse-content {
  min-width: 60vw;
}
search-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
}
search-breadcrumbs .breadcrumb-value {
  white-space: nowrap;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
search-breadcrumbs .breadcrumb-value .slash {
  margin: 0 0.5em;
}
search-category-filter {
  display: block;
  min-height: 3rem;
}
search-category-filter .mnt-loader {
  height: 8rem;
  background-size: auto 8rem;
}
search-category-filter .category-name {
  position: relative;
  padding: 0.5rem 1.5rem;
  display: flex;
}
search-category-filter .category-name:not(:last-child) {
  border-bottom: 0.1rem solid var(--border-color);
}
search-category-filter .category-name .not-disabled, search-category-filter .category-name .disabled {
  flex: 1;
  padding-left: 1.5rem;
}
search-category-filter .category-name .disabled {
  display: flex;
  justify-content: space-between;
  color: var(--text-color-grey);
}
search-category-filter .category-name .disabled .btn {
  max-height: 2rem;
  max-width: 2rem;
}
search-category-filter .category-name:not(.disabled) {
  cursor: pointer;
}
search-category-filter .category-name:not(.disabled):hover {
  background-color: var(--background-color-mint-overlay);
}
search-category-filter .category-show-more {
  padding: 0 1rem;
  display: flex;
  justify-content: flex-end;
}
search-companies-modal {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4rem);
}
search-companies-modal .browse-breadcrumbs {
  padding: 0 1.5rem 1rem 1.5rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem solid var(--border-color);
}
search-companies-modal .browse-filter {
  padding: 0 1rem;
}
search-companies-modal .browse-filter > div:first-child {
  font-size: medium;
  font-weight: bold;
  border-bottom: 0.1rem solid var(--border-color);
}
search-companies-modal .browse-content {
  min-width: 60vw;
}
search-company-users-modal {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4rem);
  overflow: hidden auto;
}
search-company-users-modal .browse-breadcrumbs {
  padding: 0 1.5rem 1rem 1.5rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem solid var(--border-color);
}
search-company-users-modal .browse-filter {
  max-height: calc(100vh - 11rem);
  padding: 0 1rem;
  overflow: hidden auto;
}
search-company-users-modal .browse-filter > div:first-child {
  font-size: medium;
  font-weight: bold;
  border-bottom: 0.1rem solid var(--border-color);
}
search-company-users-modal .dynamic-field-wrapper {
  max-height: calc(100vh - 11rem);
  overflow: hidden auto;
}
search-company-users-modal .browse-content {
  min-width: 60vw;
}
search-contracts-modal {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4rem);
}
search-contracts-modal .browse-breadcrumbs {
  padding: 0 1.5rem 1rem 1.5rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem solid var(--border-color);
}
search-contracts-modal .browse-filter {
  padding: 0 1rem;
}
search-contracts-modal .browse-filter > div:first-child {
  font-size: medium;
  font-weight: bold;
  border-bottom: 0.1rem solid var(--border-color);
}
search-contracts-modal .browse-content {
  min-width: 60vw;
}
search-filter-chips {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.25rem;
}
search-filter-chips .chips-panel {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  min-width: 0;
}
search-filter-chips .chips-panel-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
search-filter-chips .chips-panel .chips-type-label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  color: var(--text-color-grey);
  flex: 0 0 auto;
}
search-filter-chips .chips-panel .chips-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  flex: 1 1 20rem;
  flex-flow: row nowrap;
  overflow: hidden;
  position: relative;
  gap: 0.25rem;
  min-width: 20rem;
}
search-filter-chips .chips-panel .chips {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  flex: 0 1 auto;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  padding: 0 0.5rem;
  gap: 0.25rem;
  overflow: hidden;
  max-width: 100%;
  min-width: 4rem;
}
search-filter-chips .chips-panel .chips .chips-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
search-filter-chips .chips-panel .chips button {
  flex: 0 0 1.6rem;
  width: 1.6rem;
  height: 2rem;
  background: none;
  border: none;
  cursor: pointer;
}
search-filter-chips .chips-panel .chips button i {
  display: block;
  font-size: 1.2rem;
  line-height: 2rem;
  transition: color 0.3s ease-in-out;
}
search-filter-chips .chips-panel .chips-hidden {
  flex: 0 0 auto;
  position: relative;
  padding: 0 0.5rem;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  filter: brightness(70%);
}
search-filter-chips .chips-panel .chips-hidden .plus-info {
  white-space: nowrap;
}
search-filter-chips .chips-panel .chips-measure {
  display: flex;
  position: absolute;
  visibility: hidden;
  flex-flow: row nowrap;
  gap: 0.25rem;
  width: max-content;
  pointer-events: none;
}
search-filter-chips .chips-panel .chips-measure .chips {
  flex: 0 0 auto;
  max-width: none;
}

.chips-hidden-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--background-color);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  padding: 0.5rem;
  z-index: 999;
}
.chips-hidden-tooltip .chips-tooltip {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  height: 2.5rem;
  border-bottom: 0.1rem solid var(--disabled-input-background-color);
}
.chips-hidden-tooltip .chips-tooltip:nth-last-child(1) {
  border-bottom: none;
}
.chips-hidden-tooltip .chips-tooltip .chips-label {
  flex: 1;
}
search-filter-fields .fields-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
search-filter-fields .fields-panel .fields-search-label {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  color: var(--text-color-grey);
}
search-filter-fields .fields-panel .fields-search-label .fields-search-text {
  color: var(--text-color);
  padding: 0 0.25rem;
}
search-filter-fields .fields-panel .fields-container {
  display: flex;
  gap: 0.25rem;
}
search-filter-fields .fields-panel .fields-search-field {
  display: inline-block;
  color: var(--text-color);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  padding: 0rem 0.5rem;
  cursor: default;
}
search-filter-fields .fields-panel .fields-hidden {
  position: relative;
  padding: 0 0.5rem;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  filter: brightness(70%);
}
search-filter-fields .fields-panel .fields-hidden .plus-info {
  white-space: nowrap;
}

.fields-hidden-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--background-color);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  padding: 0.5rem;
  z-index: 999;
}
.fields-hidden-tooltip .fields-tooltip {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  height: 2.5rem;
  border-bottom: 0.1rem solid var(--disabled-input-background-color);
}
.fields-hidden-tooltip .fields-tooltip:nth-last-child(1) {
  border-bottom: none;
}
.fields-hidden-tooltip .fields-tooltip .fields-label {
  flex: 1;
}
search-group-filter .panel-heading {
  cursor: pointer;
}
search-group-filter .panel-heading > div:first-child {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
search-group-filter .panel-heading .category-name {
  font-weight: normal;
  font-size: 11px;
}
search-group-filter .attr-name {
  font-weight: bold;
  margin: 0 -1.5rem;
  padding: 0.3em 1em;
  border-bottom: 0.1rem solid var(--border-color);
}
search-group-filter .attr-element > div:first-child {
  margin: 0.5rem 0 0.2rem 0;
  font-size: smaller;
}
search-period-filter .filter-element > div:first-child {
  margin: 0.5rem 0 0.2rem 0;
  font-size: smaller;
}
search-period-filter .filter-element .filter-date {
  display: flex;
}
search-period-filter .filter-element .filter-date > div:first-child {
  flex: 1;
}
search-period-filter .filter-in-row {
  display: flex;
}
search-period-filter .filter-in-row > div {
  flex: 1;
}
search-period-filter .filter-in-row > div:first-child {
  margin-right: 0.8rem;
}
search-period-filter .filter-in-row > div:last-child {
  margin-left: 0.8rem;
}
search-queue-filter {
  display: block;
  min-height: 3rem;
}
search-queue-filter .mnt-loader {
  height: 8rem;
  background-size: auto 8rem;
}
search-queue-filter .panel-content {
  min-height: 4rem;
}
search-queue-filter .category-name {
  position: relative;
  padding: 0.5rem 1.5rem;
  display: flex;
}
search-queue-filter .category-name:not(:last-child) {
  border-bottom: 0.1rem solid var(--border-color);
}
search-queue-filter .category-name > div:first-child {
  flex: 1;
  transition: transform 0.1s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
search-queue-filter .category-show-more {
  padding: 0 1rem;
  display: flex;
  justify-content: flex-end;
}
search-queue-filter .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
search-service-filter {
  display: block;
  min-height: 3rem;
}
search-service-filter .mnt-loader {
  height: 8rem;
  background-size: auto 8rem;
}
search-service-filter .service-name {
  position: relative;
  padding: 0.3em 1em;
  display: flex;
}
search-service-filter .service-name:not(:last-child) {
  border-bottom: 0.1rem solid var(--border-color);
}
search-service-filter .service-name > div:first-child {
  flex: 1;
  transition: transform 0.1s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
search-service-filter .service-name .disabled {
  display: flex;
  justify-content: space-between;
  color: var(--text-color-grey);
}
search-service-filter .service-name .disabled .btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
search-service-filter .service-name:not(.disabled) {
  cursor: pointer;
}
search-service-filter .service-name:not(.disabled):hover {
  background-color: var(--background-color-mint-overlay);
}
search-service-filter .service-show-more {
  padding: 0 1rem;
  display: flex;
  justify-content: flex-end;
}
search-service-filter .panel-heading {
  cursor: pointer;
}
search-service-filter .panel-heading > div:first-child {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
search-service-filter .panel-heading .category-name {
  font-weight: normal;
  font-size: 1.1rem;
}
search-service-filter .attr-name {
  font-weight: bold;
  margin: 0 -1.5rem;
  padding: 0.3em 1em;
  border-bottom: 0.1rem solid var(--border-color);
}
search-service-filter .attr-element > div:first-child {
  margin: 0.5rem 0 0.2rem 0;
  font-size: smaller;
}
search-ticket-filter .filter-element .ui-select-container.ui-select-multiple .ui-select-match {
  display: none;
}
search-ticket-filter .filter-element > div:first-child {
  margin: 0.5rem 0 0.2rem 0;
  font-size: smaller;
}
search-ticket-modal {
  width: 95vw;
}
search-ticket-modal,
search-ticket-modal .panel {
  max-width: calc(100vw - 2rem);
  max-height: 90vh;
}
@media (min-width: 991px) {
  search-ticket-modal search-queue-filter .panel-content .category-names,
  search-ticket-modal .panel search-queue-filter .panel-content .category-names {
    height: 30vh;
    overflow-y: auto;
  }
  search-ticket-modal search-category-filter,
  search-ticket-modal .panel search-category-filter {
    height: 30vh;
    overflow-y: auto;
  }
}
search-ticket-modal .browse-chips {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 2.5rem 1rem 1rem;
  border-bottom: 0.1rem solid var(--border-color);
}
search-ticket-modal .browse-chips search-filter-chips {
  flex: 1;
  height: 4.7rem;
}
search-ticket-modal .browse-chips search-filter-chips .chips-panel {
  gap: 0.25rem 0;
}
search-ticket-modal .browse-chips::before {
  display: none;
}
search-ticket-modal .browse-chips::after {
  display: none;
}
search-ticket-modal .browse-chips .align-buttons-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0;
}
search-ticket-modal .header-float {
  float: left;
}
search-ticket-modal .browse-filter {
  max-height: 100%;
  overflow: hidden auto;
  padding: 0;
  border-right: 1px solid var(--border-color);
}
search-ticket-modal .browse-filter .panel-heading {
  margin: 0 0.5rem 0 1rem;
}
search-ticket-modal .browse-filter > div {
  border-bottom: 0.1rem solid var(--border-color);
}
search-ticket-modal .browse-filter .panel-heading {
  padding: 0 !important;
}
search-ticket-modal .browse-filter search-queue-filter-queue button {
  margin-right: 0.75rem;
}
search-ticket-modal .table-filter {
  outline: 1px solid var(--border-color);
  border-top: 0;
  border-right: 0;
}
search-ticket-modal .table-filter dynamic-table dynamic-table-records {
  height: 65vh;
  overflow-y: auto;
}
search-ticket-modal .browse-content {
  min-width: 60vw;
  max-height: 85vh;
}
search-ticket-modal dynamic-table-header.table-header {
  margin-left: 1rem;
  height: 100%;
  display: flex;
  align-items: center;
}
search-ticket-modal .align-buttons-right {
  text-align: right;
  padding-top: 1rem;
}
@media (min-width: 991px) {
  search-ticket-modal .align-buttons-right {
    visibility: hidden;
  }
}
search-ticket-modal .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
search-ticket-modal filter-search-bar .search-wrapper {
  margin: 0;
  padding: 0 1rem;
}
search-ticket-modal .panel-footer {
  display: flex;
  justify-content: flex-end;
}
search-ticket-modal .panel-footer > button:nth-child(1) {
  margin: 0 0.5rem;
}
.mint-logo-collapsed {
  display: none;
}

@media (min-width: 500px) {
  .logo-container span.al-logo .mint-logo-collapsed {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 4rem;
  }
}
sidebar .logo-container {
  padding: 1rem 0.45rem;
  cursor: pointer;
}
sidebar .logo-container span.al-logo {
  color: var(--text-color-light);
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  white-space: nowrap;
  float: left;
  outline: none !important;
  line-height: 6rem;
  height: 5.5rem;
  width: 100%;
}
sidebar .logo-container span.al-logo .mint-logo {
  height: 6rem;
  width: 15rem;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}

.al-sidebar {
  width: 28rem;
  left: 0;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  background-color: var(--background-color-dark);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  height: 100%;
  position: fixed;
  overflow: hidden;
}
.al-sidebar .separator-label {
  color: var(--text-color-light);
  text-align: left;
  padding-left: 40px;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  position: relative;
}
.al-sidebar .separator-label .separator-line {
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 28rem) {
  .al-sidebar .separator-label .hide-caption {
    display: none;
  }
}
.al-sidebar .separator-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 0.1rem solid var(--text-color-light);
  background-color: var(--background-color);
  width: 30px;
  transform: translateY(-50%);
}

.menu-collapsed .al-sidebar {
  overflow: visible;
  width: 5.2rem;
}
.menu-collapsed .al-sidebar .mint-logo,
.menu-collapsed .al-sidebar .hide-caption {
  display: none;
}
.menu-collapsed .al-sidebar .mint-logo-collapsed {
  display: block;
}
.menu-collapsed .al-sidebar .al-sidebar-list,
.menu-collapsed .al-sidebar .sidebar-content,
.menu-collapsed .al-sidebar #widgets {
  overflow: visible;
}
.menu-collapsed .al-sidebar .al-sidebar-sublist {
  min-width: 20rem;
  position: absolute;
  border: 0.1rem solid var(--border-color);
  background-color: var(--background-color-dark);
}
.menu-collapsed .al-sidebar .al-sidebar-sublist > li {
  display: block;
  max-width: 100%;
  border-bottom: 0.1rem solid var(--border-light-color);
  font-size: 1.2rem;
}
.menu-collapsed .al-sidebar .al-sidebar-sublist > li a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.menu-collapsed .al-sidebar .al-sidebar-sublist > li:nth-last-child(1) {
  border-bottom: none;
}
.menu-collapsed .al-sidebar .al-sidebar-list-link > span {
  display: none;
}

.al-sidebar-list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  overflow: hidden auto;
}

.al-sidebar-list-item {
  display: block;
  position: relative;
  float: none;
  padding: 0;
}
.al-sidebar-list-item.selected:not(.with-sub-menu) {
  background-color: var(--accent-colors-mint);
}
.al-sidebar-list-item.selected:not(.with-sub-menu) a.al-sidebar-list-link {
  color: var(--text-color-light);
}
.al-sidebar-list-item.selected:not(.with-sub-menu) a.al-sidebar-list-link b {
  color: var(--text-color-light);
}

.al-sidebar-list-item.ba-sidebar-item-expanded > .al-sidebar-list-link b {
  transform: rotate(180deg);
}
.al-sidebar-list-item.ba-sidebar-item-expanded > .al-sidebar-sublist {
  display: block;
}

a.al-sidebar-list-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  position: relative;
  gap: 1.8rem;
  min-height: 4.2rem;
  padding-left: 1.8rem;
  padding-right: 0.6rem;
  text-shadow: none;
  font-size: 1.3rem;
  text-decoration: none;
  color: var(--text-color-light);
  line-height: 1.2;
  overflow: hidden;
  cursor: pointer;
}
a.al-sidebar-list-link:hover {
  color: var(--accent-colors-mint);
}
a.al-sidebar-list-link:hover b {
  color: var(--accent-colors-mint);
}
a.al-sidebar-list-link.sidebar-active {
  background-color: var(--accent-colors-dark-mint);
}
a.al-sidebar-list-link.sidebar-active:hover {
  color: var(--text-color-light);
}
a.al-sidebar-list-link i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0;
  line-height: 1;
}
a.al-sidebar-list-link > span {
  flex: 1 1 auto;
  line-height: 1.2;
}
a.al-sidebar-list-link b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1;
  text-shadow: none;
  font-size: 1.8rem;
  position: absolute;
  right: 1rem;
  top: calc(50% - 0.7rem);
  padding: 0;
  text-align: center;
  color: var(--text-color-light);
  transition: transform 0.2s linear;
}
a.al-sidebar-list-link b i {
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
  font-size: inherit;
}

.al-sidebar-sublist {
  padding: 0;
  list-style: none;
  position: relative;
  display: none;
}
.al-sidebar-sublist.expanded {
  display: block;
}
.al-sidebar-sublist > li {
  display: block;
  float: none;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.al-sidebar-sublist > li.delete--container {
  text-align: center;
  height: 0px;
  overflow: hidden;
  transition: all 0.2s;
  border: none;
}
.al-sidebar-sublist > li.delete--container.show {
  height: 5.1rem;
}
.al-sidebar-sublist > li a {
  display: block;
  text-shadow: none;
  font-size: 1.3rem;
  text-decoration: none;
  color: var(--text-color-light);
  height: 100%;
  width: 100%;
  line-height: 2.9rem;
  padding-left: 5.2rem;
  padding-right: 0.4rem;
}
.al-sidebar-sublist > li a:hover {
  color: var(--accent-colors-mint);
}
.al-sidebar-sublist > li a.blink {
  padding-left: 1.8rem;
}
.al-sidebar-sublist > li a.delete {
  padding: 0.8rem 1rem;
  text-align: center;
  color: var(--accent-colors-danger);
  border: 2px solid var(--accent-colors-danger);
  width: 90%;
  height: 90%;
  margin: 0.4rem auto;
}
.al-sidebar-sublist > li a.delete.ondragover {
  transform: scale(1.1);
}
.al-sidebar-sublist > li a.delete svg {
  position: relative;
  font-size: 2rem;
}
.al-sidebar-sublist > li.selected:not(.with-sub-menu) > a {
  border: none;
  background-color: var(--accent-colors-dark-mint);
}
.al-sidebar-sublist > li.selected:not(.with-sub-menu) > a:hover {
  color: var(--text-color-light);
}
.al-sidebar-sublist .highlighted {
  background-color: var(--accent-colors-dark-mint);
}
.al-sidebar-sublist .highlighted:hover {
  color: var(--text-color-light);
}
.al-sidebar-sublist .sidebar-active {
  background-color: var(--accent-colors-dark-mint);
}
.al-sidebar-sublist .sidebar-active:hover {
  color: var(--text-color-light);
}

@media (min-width: 501px) {
  .menu-collapsed .al-sidebar {
    width: 5.2rem;
  }
  .menu-collapsed .al-sidebar .fa-angle-down,
  .menu-collapsed .al-sidebar .fa-angle-up {
    opacity: 0;
  }
  .menu-collapsed .al-sidebar .al-sidebar-sublist {
    position: absolute;
    top: -0.1rem;
    left: 5.2rem;
    width: 0;
    display: block;
    overflow: hidden;
    transition: width 0.5s ease;
  }
  .menu-collapsed .al-sidebar .al-sidebar-sublist.slide-right {
    width: 13.5rem;
  }
  .menu-collapsed .al-sidebar .al-sidebar-sublist:before {
    display: none;
  }
  .menu-collapsed .al-sidebar .al-sidebar-sublist li:before {
    display: none;
  }
  .menu-collapsed .al-sidebar .al-sidebar-sublist li a {
    padding: 0.25rem 1.8rem;
    min-width: 13rem;
    white-space: nowrap;
  }
  .menu-collapsed .al-sidebar .sidebar-hover-elem,
  .menu-collapsed .al-sidebar .sidebar-select-elem {
    left: 4.8rem;
  }
  .menu-collapsed .separator-label {
    color: var(--text-color-light);
    text-align: left;
    padding-left: 60px;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    position: relative;
  }
  .menu-collapsed .separator-label .separator-line {
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    position: relative;
  }
}
@media (min-width: 501px) and (max-width: 28rem) {
  .menu-collapsed .separator-label .hide-caption {
    display: none;
  }
}
@media (min-width: 501px) {
  .menu-collapsed .separator-label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 0.1rem solid var(--text-color-light);
    background-color: var(--background-color);
    width: 50px;
    transform: translateY(-50%);
  }
}
@media (max-width: 500px) {
  .al-sidebar {
    transition: width 0.5s ease;
  }
  .menu-collapsed .sidebar-toggler {
    left: -10rem;
  }
  .menu-collapsed .al-sidebar {
    width: 0;
  }
  .menu-collapsed .sidebar-hover-elem,
  .menu-collapsed .sidebar-select-elem {
    display: none;
  }
}
.rsc-sidebar-list-item-expanded {
  display: block !important;
}

sidebar .sidebar-content {
  flex: 1;
  overflow: hidden auto;
}
sidebar .sidebar-footer {
  padding-bottom: 1rem;
}
sidebar .sidebar-footer .footer-information_wrapper {
  color: var(--text-color-grey);
  font-weight: bold;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
sidebar .sidebar-footer .sidebar-version {
  font-size: 1.2rem;
}
sidebar .sidebar-footer .sidebar-powered-by {
  font-size: 1rem;
  cursor: pointer;
}
.mint-logo-collapsed {
  display: none;
}

.logo-container {
  padding: 1rem 0 1rem 0;
  cursor: pointer;
}
.logo-container span.al-logo {
  color: var(--text-color-light);
  display: flex;
  align-items: center;
  white-space: nowrap;
  float: left;
  outline: none !important;
  line-height: 6rem;
  height: 5.5rem;
  width: 100%;
}
.logo-container span.al-logo .mint-logo {
  height: 3rem;
  width: 10rem;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}

.al-sidebar-teams {
  position: fixed;
  height: 100%;
  max-height: 100%;
  width: 10rem;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--background-color-dark);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  z-index: 10000;
}
.al-sidebar-teams .separator-label {
  display: flex;
  justify-content: center;
  padding: 1rem;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.al-sidebar-teams .separator-label .hide-caption {
  position: relative;
  background-color: var(--background-color-dark);
  padding: 0 0.5rem;
  color: var(--text-color-light);
  text-align: center;
  word-break: normal;
}
.al-sidebar-teams .separator-label::before {
  content: "";
  display: block;
  background-color: white;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: -1;
}

.menu-collapsed .al-sidebar-teams {
  display: none;
}
.menu-collapsed .al-sidebar-teams .mint-logo,
.menu-collapsed .al-sidebar-teams .hide-caption {
  display: none;
}
.menu-collapsed .al-sidebar-teams .mint-logo-collapsed {
  display: none;
}
.menu-collapsed .al-sidebar-teams .al-sidebar-teams-list-link > span {
  display: none;
}

.menu-collapsed page-top .page-top-content,
.menu-collapsed page-notices .page-top-content {
  margin-left: 0;
}
.menu-collapsed .al-main {
  padding-left: 3rem;
}

.al-sidebar-teams .sidebar-teams-content .al-sidebar-teams-list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.al-sidebar-teams-list-item {
  position: relative;
  float: none;
  padding: 0;
}
.al-sidebar-teams-list-item.selected:not(.with-sub-menu) {
  background-color: var(--accent-colors-mint);
}
.al-sidebar-teams-list-item.selected:not(.with-sub-menu) a.al-sidebar-teams-list-link {
  color: var(--text-color-light);
}
.al-sidebar-teams-list-item.selected:not(.with-sub-menu) a.al-sidebar-teams-list-link b {
  color: var(--text-color-light);
}

.al-sidebar-teams-list-item.ba-sidebar-teams-item-expanded > .al-sidebar-teams-list-link b {
  transform: rotate(180deg);
}
.al-sidebar-teams-list-item.ba-sidebar-teams-item-expanded > .al-sidebar-teams-sublist {
  display: block;
}

a.al-sidebar-teams-list-link {
  display: flex;
  padding: 1rem;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  min-height: 4.2rem;
  text-shadow: none;
  font-size: 1rem;
  text-decoration: none;
  text-align: center;
  color: var(--text-color-light);
  line-height: 1.2;
  cursor: pointer;
}
a.al-sidebar-teams-list-link:hover {
  color: var(--accent-colors-mint);
}
a.al-sidebar-teams-list-link:hover b {
  color: var(--accent-colors-mint);
}
a.al-sidebar-teams-list-link.sidebar-teams-active {
  background-color: var(--accent-colors-dark-mint);
}
a.al-sidebar-teams-list-link.sidebar-teams-active:hover {
  color: var(--text-color-light);
}
a.al-sidebar-teams-list-link i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  font-size: 1.8rem;
  line-height: 1;
}
a.al-sidebar-teams-list-link > span {
  display: block;
  line-height: 1.2;
}
a.al-sidebar-teams-list-link b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1;
  text-shadow: none;
  font-size: 1.2rem;
  position: absolute;
  right: 0.5rem;
  top: calc(50% - 0.7rem);
  padding: 0;
  text-align: center;
  color: var(--text-color-light);
  transition: transform 0.2s linear;
}
a.al-sidebar-teams-list-link b i {
  width: 100%;
  height: 100%;
  font-size: inherit;
  line-height: 1;
}

.al-sidebar-teams-sublist {
  display: block;
  padding: 0;
  position: absolute;
  left: 10rem;
  top: 0;
  background-color: var(--background-color-dark);
  width: 20rem;
  border-bottom-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.al-sidebar-teams-sublist.expanded {
  display: block;
}
.al-sidebar-teams-sublist > li {
  display: block;
  float: none;
  padding: 0;
  position: relative;
  border-bottom: 0.1rem solid var(--border-light-color);
  cursor: pointer;
}
.al-sidebar-teams-sublist > li:nth-last-child(1) {
  border-bottom: none;
}
.al-sidebar-teams-sublist > li.delete--container {
  display: block;
  width: 20rem;
  text-align: center;
  height: 0;
  overflow: hidden;
  transition: all 0.2s;
  border: none;
}
.al-sidebar-teams-sublist > li.delete--container.show {
  background-color: var(--background-color-dark);
  height: 5rem;
}
.al-sidebar-teams-sublist > li a {
  display: block;
  text-shadow: none;
  font-size: 1.2rem;
  text-decoration: none;
  color: var(--text-color-light);
  height: 100%;
  width: 100%;
  line-height: 3rem;
  padding: 0.5rem;
  word-break: break-all;
}
.al-sidebar-teams-sublist > li a:hover {
  color: var(--accent-colors-mint);
}
.al-sidebar-teams-sublist > li a.blink {
  padding-left: 1.8rem;
}
.al-sidebar-teams-sublist > li a.delete {
  width: 100%;
  height: 4rem;
  text-align: center;
  color: var(--accent-colors-danger);
  border: 0.1rem solid var(--accent-colors-danger);
  margin: 0.4rem auto;
}
.al-sidebar-teams-sublist > li a.delete.ondragover {
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
.al-sidebar-teams-sublist > li a.delete svg {
  position: relative;
  font-size: 2rem;
}
.al-sidebar-teams-sublist > li.selected:not(.with-sub-menu) > a {
  border: none;
  background-color: var(--accent-colors-dark-mint);
}
.al-sidebar-teams-sublist > li.selected:not(.with-sub-menu) > a:hover {
  color: var(--text-color-light);
}
.al-sidebar-teams-sublist {
  max-height: calc(100vh - 36rem);
  overflow-y: auto;
}
.al-sidebar-teams-sublist#widgets .sidebar-teams-active {
  border-radius: 0;
}
.al-sidebar-teams-sublist .drag-help-info {
  color: var(--text-color-grey);
  text-align: center;
  font-size: 1rem;
  padding-top: 0.5rem;
}
.al-sidebar-teams-sublist .highlighted {
  background-color: var(--accent-colors-dark-mint);
}
.al-sidebar-teams-sublist .highlighted:hover {
  color: var(--text-color-light);
}
.al-sidebar-teams-sublist .sidebar-teams-active {
  background-color: var(--accent-colors-dark-mint);
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.al-sidebar-teams-sublist .sidebar-teams-active:hover {
  color: var(--text-color-light);
}

@media (max-width: 500px) {
  .al-sidebar-teams {
    transition: width 0.5s ease;
  }
  .menu-collapsed .al-sidebar-teams {
    width: 0;
  }
  .menu-collapsed .sidebar-teams-hover-elem,
  .menu-collapsed .sidebar-teams-select-elem {
    display: none;
  }
}
.rsc-sidebar-teams-list-item-expanded {
  display: block !important;
}

sidebar-teams .sidebar-teams-content {
  flex: 1;
  max-width: 100%;
}
sidebar-teams .sidebar-footer {
  padding-bottom: 1rem;
}
sidebar-teams .sidebar-footer .footer-information_wrapper {
  color: var(--text-color-grey);
  font-weight: bold;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
sidebar-teams .sidebar-footer .sidebar-version {
  font-size: 1.2rem;
}
sidebar-teams .sidebar-footer .sidebar-powered-by {
  font-size: 0.8rem;
  text-align: center;
  cursor: pointer;
}

sidebar-teams .sidebar-activities-section {
  padding: 1rem;
  text-align: center;
  cursor: pointer;
}
sidebar-teams .sidebar-activities-section .sidebar-activities-trigger {
  appearance: none;
  background: none;
  border: 0;
  font-family: inherit;
  font-size: 1.2rem;
  color: var(--text-color-light);
  cursor: pointer;
  padding: 0;
  text-align: center;
  width: 100%;
}
sidebar-teams .sidebar-activities-section .sidebar-activities-trigger:focus {
  outline: none;
}
sidebar-teams .sidebar-activities-section .sidebar-activities-trigger:focus-visible {
  outline: 0.2rem solid var(--accent-colors-mint);
  outline-offset: 0.2rem;
}
sidebar-teams .sidebar-activities-section .sidebar-activities-trigger .notification-amount-container {
  display: block;
  position: relative;
}
sidebar-teams .sidebar-activities-section .sidebar-activities-trigger .notification-amount-container span.notification-amount {
  position: absolute;
  top: -4rem;
  right: 1.8rem;
}
sidebar-teams .sidebar-activities-section .sidebar-activities-trigger .notification-amount-container span.notification-amount.more {
  right: 1.4rem;
}
sidebar-teams .sidebar-activities-section .fa-bell {
  color: var(--text-color-light);
  font-size: 2rem;
  margin-bottom: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  line-height: 1;
}
sidebar-teams .sidebar-activities-section .bell-active {
  color: var(--text-color-light);
  animation: bell-active 4s 0.7s ease-in-out infinite;
}
sidebar-teams .sidebar-activities-section.parent-active svg {
  color: var(--accent-colors-mint) !important;
}
sidebar-teams .sidebar-activities-section.parent-active .sidebar-activities-trigger {
  color: var(--accent-colors-mint);
}
sidebar-teams .sidebar-activities-section:hover .fa-bell {
  color: var(--accent-colors-mint);
}
sidebar-teams .sidebar-activities-section:hover .sidebar-activities-trigger {
  color: var(--accent-colors-mint);
}

.sidebar-toggler {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  position: fixed;
  top: -2.5rem;
  left: -2.5rem;
  width: 5rem;
  height: 5rem;
  transform: rotate(45deg);
  background-color: var(--accent-colors-mint);
  color: black;
  outline: none;
  border: 0;
  font-size: 1.1rem;
  transition: 0.5s ease;
  z-index: 10050;
}
.sidebar-toggler:hover {
  opacity: 0.7;
}
.sidebar-toggler .fa-bars {
  transform: rotate(-45deg);
}

@keyframes bell-active {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
subscribe-users-modal {
  max-width: 60rem;
  min-width: 40rem;
}
subscribe-users-modal .panel-body .subscriber-input-row {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 0.5rem;
}
subscribe-users-modal .panel-body .subscriber-input-row .select-wrapper {
  flex: 1;
}
subscribe-users-modal .panel-body .subscriber-input-row .add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
subscribe-users-modal .panel-body > div[ng-repeat] {
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
subscribe-users-modal .panel-body > div[ng-repeat] > div {
  background: var(--background-color-mint-overlay);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  margin: 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
subscribe-users-modal .panel-body > div[ng-repeat] > div span {
  word-break: break-word;
}
.popover.record-menu-popover {
  max-width: none;
  width: 500px;
}

.popover.record-menu-popover .popover-content {
  width: 100%;
  padding: 0;
}
.popover.record-menu-popover .panel-body {
  padding: 0;
}

@media (max-width: 500px) {
  .popover.record-menu-popover {
    width: calc(100vw - 40px);
  }
}
pending-reminder-modal .date-picker {
  padding: 1rem;
}
pending-reminder-modal .date-picker table {
  margin: auto;
}
pending-reminder-modal div.uib-daypicker {
  outline: none;
}
pending-reminder-modal .reminder-note {
  margin: 1rem;
  max-width: 30rem;
}
pending-reminder-modal .uib-day button,
pending-reminder-modal .uib-month button,
pending-reminder-modal .uib-year button {
  background-color: var(--background-color);
  color: var(--text-color);
  border-color: var(--border-color);
}
pending-reminder-modal .uib-day button.active,
pending-reminder-modal .uib-month button.active,
pending-reminder-modal .uib-year button.active {
  background-color: var(--accent-colors-mint);
}
pending-reminder-modal .uib-day button:hover,
pending-reminder-modal .uib-month button:hover,
pending-reminder-modal .uib-year button:hover {
  background-color: var(--accent-colors-grey);
}
pending-reminder-modal .uib-day button .text-info,
pending-reminder-modal .uib-month button .text-info,
pending-reminder-modal .uib-year button .text-info {
  color: var(--accent-colors-primary);
}
@media (max-width: 500px) {
  tickets-modal {
    min-width: -webkit-fill-available;
  }
}
tickets-modal {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4rem);
}
tickets-modal .browse-breadcrumbs {
  padding: 0 1.5rem 1rem 1.5rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-modal .ticket-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem 0 1.5rem;
  font-size: large;
  font-weight: bold;
}
tickets-modal .browse-filter > :first-child {
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-modal .browse-filter .panel-heading {
  padding: 0 !important;
}
tickets-modal .browse-content {
  width: 70vw;
}
tickets-modal .header > div {
  margin: auto 0;
}
tickets-modal search-breadcrumbs .breadcrumb-value {
  font-size: medium;
}
tickets-modal .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
tickets-unsafe-article-modal {
  max-width: 50rem;
  min-width: 30rem;
}
tickets-unsafe-article-modal .panel {
  padding: 1.5rem;
}
tickets-unsafe-article-modal .panel .panel-body {
  margin: 0 0 2rem 0;
}
user-action-modal {
  width: 30rem;
  max-width: calc(100vw - 3.2rem);
}
user-action-modal .panel {
  background-color: var(--background-color);
  border-radius: 0.5rem;
  box-shadow: 0 0.6rem 1.8rem rgba(0, 0, 0, 0.12);
  color: var(--text-color);
  overflow: hidden auto;
  margin: 0;
}
user-action-modal .panel .panel-heading,
user-action-modal .panel .panel-body {
  word-break: break-word;
}
user-action-modal .panel-heading {
  padding: 1.6rem 2rem 0.9rem;
  text-align: left;
}
user-action-modal .panel-heading .mnt-header {
  color: var(--text-color);
  font-size: 1.45rem;
  line-height: 1.25;
}
user-action-modal .user-action-modal__body {
  padding: 0.5rem 2rem 1.4rem;
  text-align: left;
}
user-action-modal .user-action-modal__text {
  color: var(--text-color);
  font-size: 1.35rem;
  line-height: 1.5;
}
user-action-modal .user-action-modal__text p {
  margin: 0;
}
user-action-modal .user-action-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.8rem;
  padding: 0 2rem 1.6rem;
  border-top: 0;
}
user-action-modal .user-action-modal__secondary-btn,
user-action-modal .user-action-modal__primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 9rem;
  padding: 0.7rem 1.8rem;
  text-align: center;
}
@media (max-width: 660px) {
  user-action-modal {
    width: auto;
  }
  user-action-modal .user-action-modal__body {
    padding: 0.5rem 1.6rem 1.4rem;
  }
  user-action-modal .user-action-modal__footer {
    padding: 0 1.6rem 1.6rem;
  }
  user-action-modal .user-action-modal__secondary-btn,
  user-action-modal .user-action-modal__primary-btn {
    min-width: 0;
    flex: 1 1 0;
  }
}
user-details {
  position: fixed;
  border-radius: 0.3rem;
  background-color: var(--background-color);
  border: 0.1rem solid var(--border-color);
  z-index: 1050;
}
user-details .details-title {
  background-color: var(--accent-colors-mint);
  padding: 1rem 1.5rem;
  color: var(--text-color-light);
  font-weight: bold;
}
user-details .details-content {
  display: inline-flex;
  color: var(--text-color);
  padding: 1.5rem;
  width: 100%;
}
user-details .details-content .details-info {
  width: 70%;
}
user-details .details-content .details-info .details-user-name {
  font-weight: bold;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
user-details .details-content .details-info .details-wrapper {
  display: inline-flex;
  width: 100%;
  align-items: center;
}
user-details .details-content .details-info .details-wrapper .details-icon {
  width: 0.8rem;
  margin-right: 0.8rem;
  color: var(--accent-colors-mint);
}
user-details .details-content .details-info .details-wrapper > div {
  margin-left: 0.4em;
  width: calc(100% - 0.8em);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
user-details .details-show-more {
  white-space: nowrap;
  font-size: small;
  color: var(--accent-colors-mint);
  cursor: pointer;
  margin-top: 1rem;
}
user-details .avatar {
  width: 30%;
  display: flex;
}
user-details .avatar .avatar-background {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-color);
  margin-top: -3.5rem;
  border-radius: 50%;
}
user-details .avatar img {
  border-radius: 50%;
  width: 7rem;
  height: 7rem;
  object-fit: cover;
  justify-content: flex-end;
}
user-search-tooltip {
  position: absolute;
  z-index: 1050;
}
user-search-tooltip .user-list {
  display: inline-block;
  overflow: auto;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  background-color: var(--background-color);
  max-height: 12rem;
  max-width: max-content;
  padding: 0.5rem;
}
user-search-tooltip .user-list .user-details {
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out;
  white-space: nowrap;
}
user-search-tooltip .user-list .user-details.highlight {
  background-color: var(--accent-colors-mint);
}
.left-scrollbar-button {
  position: sticky;
  top: 0;
  z-index: 1;
}
.left-scrollbar-button > button {
  width: 3rem;
  height: 100%;
  border: 0;
  background-color: var(--background-color);
}
.left-scrollbar-button > button:hover {
  color: var(--accent-colors-dark-mint);
}
.left-scrollbar-button {
  left: 0;
}
.left-scrollbar-button > button {
  border-radius: 0.5rem 0 0 0.5rem;
  border-right: 0.2rem solid var(--accent-colors-dark-mint);
}

.right-scrollbar-button {
  position: sticky;
  top: 0;
  z-index: 1;
}
.right-scrollbar-button > button {
  width: 3rem;
  height: 100%;
  border: 0;
  background-color: var(--background-color);
}
.right-scrollbar-button > button:hover {
  color: var(--accent-colors-dark-mint);
}
.right-scrollbar-button {
  right: 0;
}
.right-scrollbar-button > button {
  border-radius: 0 0.5rem 0.5rem 0;
  border-left: 0.2rem solid var(--accent-colors-dark-mint);
}
.select-all_container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.8rem;
  border-bottom: 0.1rem solid var(--border-light-color);
  font-size: 1.2rem;
}
.select-all_container .select-all {
  color: var(--text-color-grey);
  border: 0;
  background: transparent;
  cursor: pointer;
}
.select-all_container .select-all:hover {
  color: var(--accent-colors-mint);
}
.select-all_container .clear {
  color: var(--text-color-grey);
  border: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.select-all_container .clear:hover {
  color: var(--accent-colors-mint);
}
.select-all_container .clear i {
  margin-right: 0.3rem;
}
.select-all_container :disabled {
  opacity: 0.3;
  cursor: no-drop;
  color: var(--text-color-grey);
}
.select-all_container :disabled:hover {
  opacity: 0.3;
  color: var(--text-color-grey);
}
.backdrop-blur {
  backdrop-filter: blur(3px);
}

.modal-dimm-backdrop {
  z-index: 10000;
  display: flex;
  justify-content: safe center;
  align-items: safe center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-modal-overlay);
  backdrop-filter: blur(0.2rem);
  overflow: auto;
}
.modal-dimm-backdrop > *:first-child > .panel {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4rem);
}
.modal-dimm-backdrop > *:first-child > .panel.overflow {
  overflow: hidden auto;
}
.modal-dimm-backdrop .panel {
  margin-bottom: 0;
}
.modal-dimm-backdrop .panel .panel-heading {
  height: auto;
  padding: 1rem 2.2rem;
  font-weight: bold;
}
.modal-dimm-backdrop .panel > form > .panel-footer,
.modal-dimm-backdrop .panel > .panel-footer {
  background-color: var(--background-color);
  text-align: right;
  height: auto;
  padding: 1.5rem 2.2rem;
}
.modal-dimm-backdrop .panel dynamic-table-footer .ui-select-container .ui-select-dropdown {
  top: auto;
  bottom: 100%;
  margin-bottom: 0;
}

.hide-body-overflow {
  overflow: hidden;
}
dynamic-table-footer .pagination .active > a {
  z-index: auto;
}
dynamic-table-footer .pagination .active > a:hover {
  z-index: auto;
}
dynamic-table-footer .pagination a:hover {
  z-index: auto;
}
.settings-popover {
  min-width: 32rem;
}
.settings-popover .choose-column-container,
.settings-popover .searchby-column-container {
  max-height: 35rem;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.settings-popover .choose-column-container > div,
.settings-popover .searchby-column-container > div {
  line-height: 0;
}
.settings-popover .choose-column-container span.checkbox,
.settings-popover .searchby-column-container span.checkbox {
  max-width: 100%;
  display: inline-block;
  width: 100%;
}
.settings-popover .choose-column-container span.checkbox label,
.settings-popover .searchby-column-container span.checkbox label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.settings-popover .choose-column-container span.checkbox .cr,
.settings-popover .searchby-column-container span.checkbox .cr {
  flex: 0 0 auto;
}
.settings-popover .choose-column-container span.checkbox .settings-popover-column-label,
.settings-popover .searchby-column-container span.checkbox .settings-popover-column-label {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 2rem;
}
.settings-popover .selected-column-section {
  margin: 1rem 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color, #e5e5e5);
}
.settings-popover .selected-column-list {
  max-height: 35rem;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.settings-popover .selected-column-row {
  display: grid;
  grid-template-columns: 1.8rem 2.4rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
  min-height: 3.2rem;
  padding: 0.3rem 0.4rem 0.3rem 0;
  border-radius: 0.3rem;
}
.settings-popover .selected-column-row:hover {
  background-color: var(--background-color-mint-overlay);
}
.settings-popover .selected-column-drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  color: var(--text-color-grey);
  cursor: grab;
  opacity: 0.7;
}
.settings-popover .selected-column-drag-handle:active {
  cursor: grabbing;
}
.settings-popover .selected-column-order {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  color: var(--text-color);
  font-size: 1.2rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  opacity: 0.65;
  text-align: right;
}
.settings-popover .selected-column-label {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 2.6rem;
  overflow-wrap: anywhere;
  line-height: 1.8rem;
}
.settings-popover .selected-column-actions {
  display: flex;
  gap: 0.4rem;
}
.settings-popover .selected-column-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  padding: 0;
  color: var(--accent-colors-dark-mint);
  background-color: var(--background-color);
  border: 0.1rem solid var(--border-color);
}
.settings-popover .selected-column-action:hover, .settings-popover .selected-column-action:focus {
  color: var(--darker-accent-colors-dark-mint);
  background-color: var(--background-color-mint);
  border-color: var(--accent-colors-dark-mint);
  outline: none;
}
.settings-popover .selected-column-action:disabled {
  color: var(--text-color-grey);
  background-color: var(--disabled-input-background-color);
  border-color: var(--border-color);
  cursor: not-allowed;
  opacity: 0.65;
}
.settings-popover .selected-column-remove-action {
  color: var(--accent-colors-danger);
}
.settings-popover .selected-column-remove-action:hover, .settings-popover .selected-column-remove-action:focus {
  color: var(--darker-accent-colors-danger);
  background-color: var(--background-color-danger);
  border-color: var(--accent-colors-danger);
}
.settings-popover .selected-column-list .dndPlaceholder {
  min-height: 3.2rem;
  margin: 0.3rem 0;
  border: 0.1rem dashed var(--accent-colors-dark-mint);
  border-radius: 0.3rem;
  background-color: var(--background-color-mint-overlay);
  list-style: none;
}
.settings-popover .selected-column-list .dndDraggingSource {
  display: none;
}
.settings-popover .settings-popover-group-label {
  line-height: 2.4rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.settings-popover .input-btn {
  margin-top: 0rem;
  margin-bottom: 1rem;
}
.settings-popover .settings-popover-submit-row {
  min-height: 3.6rem;
}
.settings-popover .settings-popover-submit-btn-hidden {
  visibility: hidden;
  pointer-events: none;
}

.dynamic-table-columns-popover {
  max-width: 40rem;
}
mint-autocomplete-tooltip .values {
  background-color: var(--background-color);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  border: 0.1rem solid var(--border-light-color);
  max-width: 100%;
  min-width: 15rem;
  max-height: 30rem;
  overflow: auto;
}
mint-autocomplete-tooltip .values .selected {
  background-color: var(--accent-colors-mint);
  color: var(--background-color);
  cursor: pointer;
}
mint-autocomplete-tooltip .values:hover .selected {
  background-color: transparent;
  color: var(--text-color);
}
mint-autocomplete-tooltip .values .tooltip-value {
  padding: 0.4rem 0.8rem;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
mint-autocomplete-tooltip .values .tooltip-value:hover {
  background-color: var(--accent-colors-mint);
  color: var(--background-color);
  cursor: pointer;
}
mint-autocomplete-tooltip .values .group-item {
  padding: 0.5rem 1rem;
}
mint-autocomplete-tooltip .values .group-subitem {
  padding: 0.5rem 1rem;
  padding-left: 3rem;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
mint-autocomplete-tooltip .values .group-subitem:hover {
  background-color: var(--accent-colors-mint);
  color: var(--background-color);
  cursor: pointer;
}
mint-autocomplete-tooltip .values .long-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
mint-autocomplete-tooltip .values .no-results {
  padding: 0.4rem 0.8rem;
  font-style: italic;
  font-size: 1.2rem;
}
mint-autocomplete-tooltip .values .more-results {
  padding: 0.8rem 1.2rem;
  font-style: italic;
  font-size: 1.2rem;
  opacity: 0.5;
  text-align: center;
}
content-top {
  flex-grow: 1;
  padding: 0 1rem 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2rem;
}
content-top .page-name {
  font-weight: 700;
  text-transform: uppercase;
  word-break: break-all;
}
@media (max-width: 660px) {
  content-top .page-name {
    display: none;
  }
}
@media (max-width: 660px) {
  content-top .page-back {
    display: none;
  }
}
content-top .page-back {
  cursor: pointer;
}
content-top .page-back i, content-top .page-back svg {
  transition: all 0.25s;
}
content-top .page-back:hover i, content-top .page-back:hover svg {
  transform: scale(1.2);
}
user-bar {
  display: flex;
  align-items: center;
}
user-bar .dropdown-toggle .user-avatar img {
  margin-left: 3rem;
  width: 4rem;
  height: 4rem;
  transition: all 0.25s;
  cursor: pointer;
}
user-bar .dropdown-toggle .user-avatar img:hover {
  transform: scale(1.1);
}
user-bar a.i-with-plus {
  color: var(--text-color);
  margin-left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  position: relative;
  background-color: var(--background-color);
  cursor: pointer;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  transition: all 0.25s;
}
user-bar a.i-with-plus > div {
  font-size: xx-small;
  position: absolute;
  top: -0.3rem;
  left: -0.3rem;
  transition: all 0.25s;
  background-color: var(--accent-colors-mint);
  color: var(--text-color-light);
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
user-bar a.i-with-plus:hover {
  transform: scale(1.2);
}
user-menu.dropdown-menu .menu-item {
  position: relative;
}
user-menu.dropdown-menu .context-panel {
  position: absolute;
  color: var(--text-color);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  border-radius: 0.5rem;
  background-color: var(--background-color);
  border: 0.1rem solid var(--border-color);
  top: 0;
  left: -16rem;
  width: 15rem;
  z-index: 1000;
}
user-menu.dropdown-menu .context-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
user-menu.dropdown-menu .context-panel li {
  padding: 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
user-menu.dropdown-menu .profile-item {
  padding-left: 2.5rem;
}
user-menu.dropdown-menu .context-panel li:hover {
  background-color: var(--background-color-grey);
  color: var(--accent-colors-mint);
}
user-menu.dropdown-menu {
  padding: 0;
  margin-top: 1rem;
  width: 25rem;
  color: var(--text-color);
  background-color: var(--input-background-color);
  border-color: var(--panel-border-color);
}
user-menu.dropdown-menu > a, user-menu.dropdown-menu > span {
  display: block;
  padding: 1rem;
  cursor: pointer;
}
user-menu.dropdown-menu > a:hover, user-menu.dropdown-menu > span:hover {
  background-color: var(--background-color-grey);
  color: var(--accent-colors-mint);
}
user-menu.dropdown-menu > a:last-child, user-menu.dropdown-menu > span:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
user-menu.dropdown-menu .line {
  border-top: 0.1rem solid var(--border-color);
}
user-menu.dropdown-menu .user-info {
  display: flex;
  align-items: center;
  padding: 1rem;
}
user-menu.dropdown-menu .user-info img {
  margin-left: 0;
  width: 7rem;
  height: 7rem;
}
user-menu.dropdown-menu .user-info .details {
  overflow: hidden;
}
user-menu.dropdown-menu .user-info .details .name, user-menu.dropdown-menu .user-info .details .email {
  text-overflow: ellipsis;
  overflow: hidden;
}
user-menu.dropdown-menu .user-info .details .name {
  font-weight: bold;
  font-size: large;
  padding-bottom: 0.5rem;
}
user-menu.dropdown-menu .user-info .details .email {
  font-size: smaller;
}
raw-table-footer .pagination .active > a {
  z-index: auto;
}
raw-table-footer .pagination .active > a:hover {
  z-index: auto;
}
raw-table-footer .pagination a:hover {
  z-index: auto;
}
.settings-popover .choose-column-container,
.settings-popover .searchby-column-container {
  max-height: 35rem;
  overflow-y: auto;
}
.settings-popover .choose-column-container > div,
.settings-popover .searchby-column-container > div {
  line-height: 0;
}
.settings-popover .choose-column-container span.checkbox,
.settings-popover .searchby-column-container span.checkbox {
  max-width: 100%;
  display: inline-block;
  width: 100%;
}
.settings-popover .choose-column-container span.checkbox label,
.settings-popover .searchby-column-container span.checkbox label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-radius: 0.5rem;
  padding: 0.3rem 0.4rem;
  transition: background-color 0.15s ease-in-out;
}
.settings-popover .choose-column-container span.checkbox label:hover,
.settings-popover .searchby-column-container span.checkbox label:hover {
  background-color: var(--background-color-mint-overlay);
}
.settings-popover .choose-column-container span.checkbox .cr,
.settings-popover .searchby-column-container span.checkbox .cr {
  flex: 0 0 auto;
}
.settings-popover .choose-column-container span.checkbox .settings-popover-column-label,
.settings-popover .searchby-column-container span.checkbox .settings-popover-column-label {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 2rem;
}
.settings-popover .settings-popover-group-label {
  line-height: 2.4rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.settings-popover .input-btn {
  margin-top: 0rem;
  margin-bottom: 1rem;
}
raw-table-settings .search-form {
  display: block;
}
rich-text-editor-edit-html-modal {
  width: 50vw;
}
rich-text-editor-edit-html-modal .panel {
  display: flex;
  flex-direction: column;
}
rich-text-editor-edit-html-modal .panel-body {
  max-height: 60vh;
  overflow-y: auto;
}
rich-text-editor-edit-html-modal .panel-body textarea {
  min-height: 200px;
}
.schema-creator-tiles {
  display: flex;
}
.schema-creator-tiles .schema-creator-tile {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  padding: 0 2rem;
  color: var(--accent-colors-mint);
  cursor: pointer;
}
.schema-creator-tiles .active {
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  background: var(--background-color);
  color: var(--darker-accent-colors-primary);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
search-filter-datetime-modal .datetime-picker-modal {
  background-color: var(--background-color);
}
search-filter-datetime-modal .uib-datepicker table {
  margin: auto;
}
search-filter-datetime-modal .uib-timepicker {
  margin: auto;
}
search-filter-datetime-modal .panel-footer {
  background-color: var(--background-color);
  border: 0;
  min-width: 27rem;
  display: flex;
  justify-content: center;
  column-gap: 0.5rem;
}
search-filter-datetime-modal .uib-day button,
search-filter-datetime-modal .uib-month button,
search-filter-datetime-modal .uib-year button {
  background-color: var(--background-color);
  color: var(--text-color);
  border-color: var(--border-color);
}
search-filter-datetime-modal .uib-day button.active,
search-filter-datetime-modal .uib-month button.active,
search-filter-datetime-modal .uib-year button.active {
  background-color: var(--accent-colors-mint);
}
search-filter-datetime-modal .uib-day button:hover,
search-filter-datetime-modal .uib-month button:hover,
search-filter-datetime-modal .uib-year button:hover {
  background-color: var(--accent-colors-grey);
}
search-filter-datetime-modal .uib-day button .text-info,
search-filter-datetime-modal .uib-month button .text-info,
search-filter-datetime-modal .uib-year button .text-info {
  color: var(--accent-colors-primary);
}
search-queue-filter-queue {
  width: 100%;
  display: block;
}
search-queue-filter-queue .queue-container {
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
}
search-queue-filter-queue .queue-container .clickable {
  display: flex;
  flex: 1 1 auto;
  width: auto;
  margin-right: 0;
  min-width: 0;
  cursor: pointer;
}
search-queue-filter-queue .queue-container .clickable span {
  float: none;
  width: auto;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
search-queue-filter-queue .queue-container > .checkbox {
  flex: 0 0 2.5rem;
  width: auto;
  min-height: 0;
  padding-left: 0;
  padding-right: 0;
}
search-queue-filter-queue .queue-container > .checkbox label {
  display: flex;
  align-items: center;
  padding: 0;
}
search-queue-filter-queue .btn {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
search-queue-filter-queue .child-queue {
  padding: 0.5rem 0 0 0.75rem;
}
ticket-tabs-tiles .ticket-tabs-tiles {
  display: flex;
  width: 100%;
  overflow-x: hidden;
  margin-bottom: 0.5rem;
}
ticket-tabs-tiles .ticket-tabs-tiles .ticket-tabs-tile {
  height: 4rem;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  padding: 0 2rem;
  color: var(--accent-colors-dark-mint);
  border-radius: 0.5rem;
  white-space: nowrap;
  cursor: pointer;
}
ticket-tabs-tiles .ticket-tabs-tiles .ticket-tabs-tile.active {
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  background: var(--background-color);
  border: 0.1rem solid var(--border-color);
  border-color: var(--panel-border-color);
  color: var(--darker-accent-colors-primary);
}
ticket-tabs-tiles .ticket-tabs-tiles .ticket-tabs-tile.active > div {
  max-width: 20ch;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2rem;
}
ticket-tabs-tiles .ticket-tabs-tiles .ticket-tabs-tile.disabled:not(.active) {
  pointer-events: none;
}
ticket-tabs-tiles .ticket-tabs-tiles .ticket-tabs-tile.disabled:not(.active) span {
  color: var(--text-color-grey);
}
ticket-tabs-tiles .ticket-tabs-tiles .ticket-tabs-tile > div {
  margin: 1rem 0;
  max-width: 20ch;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dictionaries--values-container {
  padding-top: 1rem;
  overflow-y: auto;
}

.dictionaries--value {
  border: 0.1rem solid var(--border-light-color);
  padding: 0.5rem;
  max-width: 50rem;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.dictionaries--value > div {
  height: 4rem;
  display: flex;
  align-items: center;
}
.dictionaries--value > div .dictionaries--value-name {
  padding: 0 0.5rem;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dictionaries--value .dictionary-value-handle {
  color: var(--accent-colors-mint);
  cursor: move;
}

.edit-dictionaries_wrapper .dictionaries-table-footer .pagination > li {
  background-color: var(--input-background-color);
}
.edit-dictionaries_wrapper .dictionaries-table-footer .pagination .disabled > a {
  background-color: var(--disabled-input-background-color);
  border-color: var(--border-dark-color);
}
.edit-dictionaries_wrapper .dictionaries-table-footer .pagination .disabled > a:hover {
  background-color: var(--disabled-input-background-color);
  border-color: var(--border-dark-color);
}
.edit-dictionaries_wrapper .dictionaries-table-footer {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.edit-dictionaries_wrapper .dictionaries-table-footer .select-form-control {
  width: 6rem;
}
.edit-dictionaries_wrapper .dictionaries-table-footer .total-item-count {
  margin-right: auto;
  margin-left: 2rem;
  margin-top: auto;
  margin-bottom: 1rem;
}
dynamic-fields-math-operation input::-webkit-outer-spin-button,
dynamic-fields-math-operation input::-webkit-inner-spin-button,
dynamic-fields-controls-numeric input::-webkit-outer-spin-button,
dynamic-fields-controls-numeric input::-webkit-inner-spin-button,
dynamic-fields-controls-date input::-webkit-outer-spin-button,
dynamic-fields-controls-date input::-webkit-inner-spin-button,
dynamic-fields-controls-text input::-webkit-outer-spin-button,
dynamic-fields-controls-text input::-webkit-inner-spin-button,
dynamic-fields-controls-geolocalization input::-webkit-outer-spin-button,
dynamic-fields-controls-geolocalization input::-webkit-inner-spin-button,
dynamic-fields-controls-text-area input::-webkit-outer-spin-button,
dynamic-fields-controls-text-area input::-webkit-inner-spin-button,
dynamic-fields-controls-dictionary input::-webkit-outer-spin-button,
dynamic-fields-controls-dictionary input::-webkit-inner-spin-button,
dynamic-fields-controls-percentage input::-webkit-outer-spin-button,
dynamic-fields-controls-percentage input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
dynamic-fields-math-operation input[type=number],
dynamic-fields-controls-numeric input[type=number],
dynamic-fields-controls-date input[type=number],
dynamic-fields-controls-text input[type=number],
dynamic-fields-controls-geolocalization input[type=number],
dynamic-fields-controls-text-area input[type=number],
dynamic-fields-controls-dictionary input[type=number],
dynamic-fields-controls-percentage input[type=number] {
  -moz-appearance: textfield;
}
dynamic-fields-math-operation > div,
dynamic-fields-controls-numeric > div,
dynamic-fields-controls-date > div,
dynamic-fields-controls-text > div,
dynamic-fields-controls-geolocalization > div,
dynamic-fields-controls-text-area > div,
dynamic-fields-controls-dictionary > div,
dynamic-fields-controls-percentage > div {
  margin-top: 0.5rem;
}
dynamic-fields-math-operation,
dynamic-fields-controls-numeric,
dynamic-fields-controls-date,
dynamic-fields-controls-text,
dynamic-fields-controls-geolocalization,
dynamic-fields-controls-text-area,
dynamic-fields-controls-dictionary,
dynamic-fields-controls-percentage {
  max-width: 100%;
}
dynamic-fields-math-operation > div,
dynamic-fields-controls-numeric > div,
dynamic-fields-controls-date > div,
dynamic-fields-controls-text > div,
dynamic-fields-controls-geolocalization > div,
dynamic-fields-controls-text-area > div,
dynamic-fields-controls-dictionary > div,
dynamic-fields-controls-percentage > div {
  position: relative;
  display: flex;
}
dynamic-fields-math-operation > div .value-display,
dynamic-fields-controls-numeric > div .value-display,
dynamic-fields-controls-date > div .value-display,
dynamic-fields-controls-text > div .value-display,
dynamic-fields-controls-geolocalization > div .value-display,
dynamic-fields-controls-text-area > div .value-display,
dynamic-fields-controls-dictionary > div .value-display,
dynamic-fields-controls-percentage > div .value-display {
  flex: 1;
  min-height: 3rem;
  display: flex;
  align-items: center;
  word-wrap: anywhere;
}
dynamic-fields-math-operation > div:hover > input.date-from,
dynamic-fields-math-operation > div:hover input.date-to,
dynamic-fields-controls-numeric > div:hover > input.date-from,
dynamic-fields-controls-numeric > div:hover input.date-to,
dynamic-fields-controls-date > div:hover > input.date-from,
dynamic-fields-controls-date > div:hover input.date-to,
dynamic-fields-controls-text > div:hover > input.date-from,
dynamic-fields-controls-text > div:hover input.date-to,
dynamic-fields-controls-geolocalization > div:hover > input.date-from,
dynamic-fields-controls-geolocalization > div:hover input.date-to,
dynamic-fields-controls-text-area > div:hover > input.date-from,
dynamic-fields-controls-text-area > div:hover input.date-to,
dynamic-fields-controls-dictionary > div:hover > input.date-from,
dynamic-fields-controls-dictionary > div:hover input.date-to,
dynamic-fields-controls-percentage > div:hover > input.date-from,
dynamic-fields-controls-percentage > div:hover input.date-to {
  color: rgb(51.5, 51.5, 51.5);
}
dynamic-fields-math-operation > div:hover .ctrl-btns,
dynamic-fields-controls-numeric > div:hover .ctrl-btns,
dynamic-fields-controls-date > div:hover .ctrl-btns,
dynamic-fields-controls-text > div:hover .ctrl-btns,
dynamic-fields-controls-geolocalization > div:hover .ctrl-btns,
dynamic-fields-controls-text-area > div:hover .ctrl-btns,
dynamic-fields-controls-dictionary > div:hover .ctrl-btns,
dynamic-fields-controls-percentage > div:hover .ctrl-btns {
  opacity: 1;
}
dynamic-fields-math-operation > div .ctrl-btns,
dynamic-fields-controls-numeric > div .ctrl-btns,
dynamic-fields-controls-date > div .ctrl-btns,
dynamic-fields-controls-text > div .ctrl-btns,
dynamic-fields-controls-geolocalization > div .ctrl-btns,
dynamic-fields-controls-text-area > div .ctrl-btns,
dynamic-fields-controls-dictionary > div .ctrl-btns,
dynamic-fields-controls-percentage > div .ctrl-btns {
  opacity: 0;
  min-height: 100%;
  display: flex;
  align-items: center;
  transition: opacity 0.1s ease-out;
}

dynamic-fields-controls-relation,
dynamic-fields-controls-ticket-relation,
dynamic-fields-controls-contract-relation,
dynamic-fields-controls-company-relation,
dynamic-fields-controls-user-relation,
dynamic-fields-controls-asset-relation-component {
  display: flex;
  align-items: center;
}
dynamic-fields-controls-relation > div,
dynamic-fields-controls-ticket-relation > div,
dynamic-fields-controls-contract-relation > div,
dynamic-fields-controls-company-relation > div,
dynamic-fields-controls-user-relation > div,
dynamic-fields-controls-asset-relation-component > div {
  margin-top: 0.5rem;
}
dynamic-fields-controls-relation > div:first-child,
dynamic-fields-controls-ticket-relation > div:first-child,
dynamic-fields-controls-contract-relation > div:first-child,
dynamic-fields-controls-company-relation > div:first-child,
dynamic-fields-controls-user-relation > div:first-child,
dynamic-fields-controls-asset-relation-component > div:first-child {
  flex: 1;
  min-height: 3rem;
  max-width: 100%;
}
dynamic-fields-controls-relation > div:first-child > div,
dynamic-fields-controls-ticket-relation > div:first-child > div,
dynamic-fields-controls-contract-relation > div:first-child > div,
dynamic-fields-controls-company-relation > div:first-child > div,
dynamic-fields-controls-user-relation > div:first-child > div,
dynamic-fields-controls-asset-relation-component > div:first-child > div {
  position: relative;
  display: flex;
}
dynamic-fields-controls-relation > div:first-child > div .value-display,
dynamic-fields-controls-ticket-relation > div:first-child > div .value-display,
dynamic-fields-controls-contract-relation > div:first-child > div .value-display,
dynamic-fields-controls-company-relation > div:first-child > div .value-display,
dynamic-fields-controls-user-relation > div:first-child > div .value-display,
dynamic-fields-controls-asset-relation-component > div:first-child > div .value-display {
  flex: 1;
  min-height: 3rem;
  display: flex;
  align-items: center;
  word-wrap: anywhere;
}
dynamic-fields-controls-relation > div:first-child > div:hover > input.date-from,
dynamic-fields-controls-relation > div:first-child > div:hover input.date-to,
dynamic-fields-controls-ticket-relation > div:first-child > div:hover > input.date-from,
dynamic-fields-controls-ticket-relation > div:first-child > div:hover input.date-to,
dynamic-fields-controls-contract-relation > div:first-child > div:hover > input.date-from,
dynamic-fields-controls-contract-relation > div:first-child > div:hover input.date-to,
dynamic-fields-controls-company-relation > div:first-child > div:hover > input.date-from,
dynamic-fields-controls-company-relation > div:first-child > div:hover input.date-to,
dynamic-fields-controls-user-relation > div:first-child > div:hover > input.date-from,
dynamic-fields-controls-user-relation > div:first-child > div:hover input.date-to,
dynamic-fields-controls-asset-relation-component > div:first-child > div:hover > input.date-from,
dynamic-fields-controls-asset-relation-component > div:first-child > div:hover input.date-to {
  color: rgb(51.5, 51.5, 51.5);
}
dynamic-fields-controls-relation > div:first-child > div:hover .ctrl-btns,
dynamic-fields-controls-ticket-relation > div:first-child > div:hover .ctrl-btns,
dynamic-fields-controls-contract-relation > div:first-child > div:hover .ctrl-btns,
dynamic-fields-controls-company-relation > div:first-child > div:hover .ctrl-btns,
dynamic-fields-controls-user-relation > div:first-child > div:hover .ctrl-btns,
dynamic-fields-controls-asset-relation-component > div:first-child > div:hover .ctrl-btns {
  opacity: 1;
}
dynamic-fields-controls-relation > div:first-child > div .ctrl-btns,
dynamic-fields-controls-ticket-relation > div:first-child > div .ctrl-btns,
dynamic-fields-controls-contract-relation > div:first-child > div .ctrl-btns,
dynamic-fields-controls-company-relation > div:first-child > div .ctrl-btns,
dynamic-fields-controls-user-relation > div:first-child > div .ctrl-btns,
dynamic-fields-controls-asset-relation-component > div:first-child > div .ctrl-btns {
  opacity: 0;
  min-height: 100%;
  display: flex;
  align-items: center;
  transition: opacity 0.1s ease-out;
}
dynamic-fields-controls-relation > div:first-child .value-display,
dynamic-fields-controls-ticket-relation > div:first-child .value-display,
dynamic-fields-controls-contract-relation > div:first-child .value-display,
dynamic-fields-controls-company-relation > div:first-child .value-display,
dynamic-fields-controls-user-relation > div:first-child .value-display,
dynamic-fields-controls-asset-relation-component > div:first-child .value-display {
  cursor: pointer;
}
dynamic-fields-controls-relation > div:first-child .value-display:hover,
dynamic-fields-controls-ticket-relation > div:first-child .value-display:hover,
dynamic-fields-controls-contract-relation > div:first-child .value-display:hover,
dynamic-fields-controls-company-relation > div:first-child .value-display:hover,
dynamic-fields-controls-user-relation > div:first-child .value-display:hover,
dynamic-fields-controls-asset-relation-component > div:first-child .value-display:hover {
  color: var(--accent-colors-mint);
}
dynamic-fields-controls-relation .search-section,
dynamic-fields-controls-ticket-relation .search-section,
dynamic-fields-controls-contract-relation .search-section,
dynamic-fields-controls-company-relation .search-section,
dynamic-fields-controls-user-relation .search-section,
dynamic-fields-controls-asset-relation-component .search-section {
  display: flex;
  flex-flow: column nowrap;
}
dynamic-fields-controls-relation .search-section .btn-search,
dynamic-fields-controls-ticket-relation .search-section .btn-search,
dynamic-fields-controls-contract-relation .search-section .btn-search,
dynamic-fields-controls-company-relation .search-section .btn-search,
dynamic-fields-controls-user-relation .search-section .btn-search,
dynamic-fields-controls-asset-relation-component .search-section .btn-search {
  width: fit-content;
  margin-left: auto;
}
dynamic-fields-controls-relation .search-section .error-content p,
dynamic-fields-controls-ticket-relation .search-section .error-content p,
dynamic-fields-controls-contract-relation .search-section .error-content p,
dynamic-fields-controls-company-relation .search-section .error-content p,
dynamic-fields-controls-user-relation .search-section .error-content p,
dynamic-fields-controls-asset-relation-component .search-section .error-content p {
  color: var(--accent-colors-danger);
  font-size: 1.2rem;
  margin: 0.5rem 0 0 0;
  text-align: center;
}

dynamic-fields-controls-date-scope > div {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
dynamic-fields-controls-date-scope > div > div:not(.date-separator) {
  flex: 1;
}
dynamic-fields-controls-date-scope > div .date-separator {
  padding: 0 1rem 0 1rem;
}
dynamic-fields-controls-date-scope > div:hover .ctrl-btns {
  opacity: 1;
}
dynamic-fields-controls-date-scope > div {
  max-width: 100%;
}
dynamic-fields-controls-date-scope > div > div {
  position: relative;
  display: flex;
}
dynamic-fields-controls-date-scope > div > div .value-display {
  flex: 1;
  min-height: 3rem;
  display: flex;
  align-items: center;
  word-wrap: anywhere;
}
dynamic-fields-controls-date-scope > div > div:hover > input.date-from,
dynamic-fields-controls-date-scope > div > div:hover input.date-to {
  color: rgb(51.5, 51.5, 51.5);
}
dynamic-fields-controls-date-scope > div > div:hover .ctrl-btns {
  opacity: 1;
}
dynamic-fields-controls-date-scope > div > div .ctrl-btns {
  opacity: 0;
  min-height: 100%;
  display: flex;
  align-items: center;
  transition: opacity 0.1s ease-out;
}

dynamic-fields-controls-geolocalization .geolocalization-form {
  display: inline;
}

dynamic-fields-controls-num-scope > div {
  position: relative;
}
dynamic-fields-controls-num-scope > div:hover .ctrl-btns {
  opacity: 1;
}
dynamic-fields-controls-num-scope > div .ctrl-btns {
  z-index: 2;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  transition: opacity 0.1s ease-out;
}
dynamic-fields-controls-num-scope .rzslider {
  z-index: 0;
  margin: 4rem 0 0 0;
}
dynamic-fields-controls-num-scope .rzslider .rz-bar {
  background: var(--accent-colors-mint);
  height: 0.2rem;
}
dynamic-fields-controls-num-scope .rzslider .rz-pointer {
  width: 1.2rem;
  height: 1.2rem;
  top: -0.5rem;
  background-color: var(--accent-colors-primary);
  border-radius: 0.6rem;
}
dynamic-fields-controls-num-scope .rzslider .rz-pointer:after {
  display: none;
}
dynamic-fields-controls-num-scope .rzslider .rz-pointer.rz-active {
  background-color: var(--accent-colors-mint);
}
dynamic-fields-controls-num-scope .rzslider .rz-bubble {
  bottom: 1rem;
}

dynamic-fields-controls-text-area > div textarea.form-control {
  resize: vertical;
  min-height: 4rem;
  height: 5rem;
}
dynamic-fields-controls-text-area > div .ctrl-btns {
  height: 3rem;
}

.dictionary-attribute-element {
  max-width: 100%;
}

.dictionary-with-pattern {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.dictionary-with-pattern .dictionary-with-pattern-select {
  flex: 1;
  flex-basis: 10rem;
}

access-group-relation-modal {
  min-width: 65rem;
}
access-group-relation-modal, access-group-relation-modal .panel {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4rem);
  overflow: hidden auto;
}
access-group-relation-modal .panel-heading {
  border-bottom: 0.1rem solid var(--border-color);
}
access-groups-form-filter {
  display: block;
  min-height: 8rem;
}
access-groups-form-filter .type-name {
  position: relative;
  padding: 0.5rem 1.5rem;
  display: flex;
  overflow: hidden;
}
access-groups-form-filter .type-name div {
  word-break: break-word;
}
access-groups-form-filter .type-name:not(:last-child) {
  border-bottom: 0.1rem solid var(--border-color);
}
access-groups-form-filter .type-name .disabled {
  display: flex;
  justify-content: space-between;
  color: var(--text-color-grey);
  max-width: calc(100% - 1.5rem);
}
access-groups-form-filter .type-name .disabled .btn {
  max-height: 2rem;
  max-width: 2rem;
}
access-groups-form-filter .type-name:not(.disabled) {
  cursor: pointer;
}
access-groups-form-filter .type-name:not(.disabled):hover {
  background-color: var(--background-color-mint-overlay);
}
access-groups-form-filter .filter-element .ui-select-container.ui-select-multiple .ui-select-match {
  display: none;
}
access-groups-form-filter .filter-element > div:first-child {
  margin: 0.5rem 0 0.2rem 0;
  font-size: smaller;
}
access-groups-form-filter .tags-filter {
  margin: 0rem 1rem 1rem 1rem;
}
access-groups-browse dynamic-table-header {
  padding: 1rem;
}
access-groups-browse .group-details-info {
  font-weight: bold;
}
access-groups-browse .browse-row {
  margin-left: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
access-groups-browse .browse-row .full-width {
  width: 100%;
  padding-left: 0;
}
access-groups-browse .browse-row .filter-column {
  padding-left: 0px;
}
@media (min-width: 1171px) {
  access-groups-browse .browse-row .browse-content {
    width: calc(100% - 1.5rem);
  }
}
@media (max-width: 1170px) {
  access-groups-browse .browse-row {
    display: block;
  }
  access-groups-browse .browse-row .resize-container {
    display: block;
    height: auto !important;
    width: 100% !important;
    max-width: 100%;
  }
  access-groups-browse .browse-row .resize-container .resize-handler {
    display: none;
  }
  access-groups-browse .browse-row .browse-content {
    margin-left: 0px;
    padding-left: 0px;
    width: 100% !important;
  }
  access-groups-browse .browse-row .filter-column {
    overflow: unset;
    display: block;
    padding-right: 0px;
    height: auto;
    min-height: 0px;
  }
}
admin-notice-form rich-text-editor {
  width: 100%;
  padding: 0.5rem;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  min-height: 15rem;
}
admin-notice-form .form-group {
  display: flex;
  align-items: center;
}
admin-notice-form .form-group label {
  display: block;
  flex: 0 0 15rem;
}
admin-notice-form .form-group .control-wrapper {
  flex: 1;
}
admin-notice-form .form-group .control-wrapper .form-control,
admin-notice-form .form-group .control-wrapper .select-form-control,
admin-notice-form .form-group .control-wrapper .control-with-error,
admin-notice-form .form-group .control-wrapper ui-select {
  display: block;
  flex: 1;
}
admin-notice-form .form-group .control-wrapper.radio-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
}
admin-notice-form .form-group .control-wrapper .radio {
  display: flex;
  color: var(--alert-info-text);
  margin-right: 2rem;
}
admin-notice-form .form-group .control-wrapper .radio > label {
  flex: 1;
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
}
admin-notice-form .form-group .control-wrapper .radio > label.danger {
  color: var(--alert-danger-text);
}
admin-notice-form .form-group .control-wrapper .radio > label.danger input[type=radio] + .cr {
  border-color: var(--alert-danger-text);
}
admin-notice-form .form-group .control-wrapper .radio > label.danger input[type=radio]:checked + .cr {
  color: var(--alert-danger-text);
  border-color: var(--alert-danger-text);
}
admin-notice-form .form-group .control-wrapper .radio > label.warning {
  color: var(--alert-warning-text);
}
admin-notice-form .form-group .control-wrapper .radio > label.warning input[type=radio] + .cr {
  border-color: var(--alert-warning-text);
}
admin-notice-form .form-group .control-wrapper .radio > label.warning input[type=radio]:checked + .cr {
  color: var(--alert-warning-text);
  border-color: var(--alert-warning-text);
}
admin-notice-form .form-group .control-wrapper .radio > label.info {
  color: var(--alert-info-text);
}
admin-notice-form .form-group .control-wrapper .radio > label.info input[type=radio] + .cr {
  border-color: var(--alert-info-text);
}
admin-notice-form .form-group .control-wrapper .radio > label.info input[type=radio]:checked + .cr {
  color: var(--alert-info-text);
  border-color: var(--alert-info-text);
}
admin-notice-form .form-group .control-wrapper .radio > label .sensivity-value {
  margin-left: 0.5rem;
}
@media (max-width: 660px) {
  admin-notice-form {
    display: block;
  }
}
admin-settings-customer-portal {
  display: flex;
  flex-flow: column nowrap;
}
admin-settings-customer-portal .section-container {
  width: 100%;
  padding: 0;
}
admin-settings-customer-portal .section-container > div {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1rem;
}
admin-settings-customer-portal .section-container > div > div {
  flex-basis: 25%;
}
admin-settings-customer-portal .section-container > div label {
  flex-basis: 35rem;
}
admin-settings-logo .sidebar-logo {
  width: 16rem;
}
admin-settings-logo .settings-logo {
  cursor: pointer;
  height: 6rem;
  object-fit: contain;
}
admin-settings-logo .form-group {
  margin-bottom: 3rem;
}
admin-settings-logo .form-group input[type=file] {
  display: none;
}
admin-settings-logo .form-group .control-container {
  margin-left: 1.5rem;
}
admin-settings-logo .form-group button.btn.btn-file {
  display: none;
  display: inline-block;
}
admin-settings-logo .file-info {
  font-size: 1.1rem;
  font-style: italic;
  padding-right: 1rem;
}
admin-settings-logo color-picker {
  position: absolute;
}
admin-settings-logo color-picker ng-transclude {
  display: flex;
}
admin-settings-logo color-picker ng-transclude .color-sample {
  margin: 0.5rem 0;
  width: 3rem;
  height: 2rem;
}
admin-settings-logo .mnt-header {
  margin-bottom: 3rem;
}
admin-settings-logo .background-preview-container .background-preview-label {
  margin-top: 1.4rem;
  color: var(--text-color-grey);
}
admin-settings-logo .background-preview-container .background-preview-image-container {
  width: 100%;
  display: flex;
  margin-top: 4rem;
  border-radius: 20px 0 0 20px;
}
admin-settings-logo .background-preview-container .background-preview-image-container .background-preview-image {
  position: relative;
  margin: auto;
  width: 573.3px;
  height: 596px;
}
admin-settings-logo .background-preview-container .background-preview-image-container .background-preview-image .text {
  position: absolute;
  top: 24%;
  z-index: 2;
  width: 573.3px;
  max-height: 360px;
  text-align: center;
  overflow: hidden;
  line-height: normal;
}
admin-settings-logo .background-preview-container .background-preview-image-container .background-preview-image .text::after {
  max-width: 100%;
  content: var(--contentTextValue);
}
admin-settings-logo .background-preview-container .background-preview-image-container .background-preview-image .logo {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
admin-settings-logo .background-preview-container .background-preview-image-container .background-preview-image .background-image {
  border-radius: 20px 0 0 20px;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  object-fit: cover;
  filter: drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.16));
}
admin-settings-mailing {
  display: flex;
  flex-flow: column nowrap;
}
admin-settings-mailing .section-container {
  width: 100%;
  padding: 0;
}
admin-settings-mailing .section-container > div {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1rem;
}
admin-settings-mailing .section-container > div > div {
  flex-basis: 25%;
}
admin-settings-mailing .section-container > div label {
  flex-basis: 35rem;
}
admin-settings-mailing .section-container .checkbox-group > div {
  display: flex;
}
admin-settings-mailing .section-container .checkbox-group > div label {
  flex: 1;
}
admin-settings-mailing .section-container .checkbox-group > div > div {
  flex: unset;
}
admin-settings-public > div {
  display: flex;
  flex-flow: column nowrap;
}
admin-settings-public > div .settings-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 1.5rem 0 0 0.5rem;
}
admin-settings-public > div .settings-wrapper .row-label {
  flex-basis: 16rem;
}
admin-settings-public > div .settings-wrapper .control-container {
  width: 100%;
  margin-left: 1.5rem;
}
admin-settings-public > div .settings-wrapper .control-container .public-background-logo {
  width: 100%;
}
admin-settings-public > div .settings-wrapper .control-container .public-background-logo .settings-public-background-logo {
  height: 16rem;
  width: 16rem;
}
admin-settings-public > div .settings-wrapper .control-container .form-control {
  width: 30rem;
}
admin-settings-public > div .settings-wrapper .control-container .public-background {
  width: 100%;
  display: flex;
  align-items: center;
}
admin-settings-public > div .settings-wrapper .control-container .image-info .info {
  color: grey;
  font-size: 1.2rem;
  margin-left: 1rem;
}
admin-settings-public > div .settings-wrapper .settings-login-background {
  width: 30rem;
  height: 18rem;
  outline: none;
  object-fit: contain;
  cursor: pointer;
}
admin-settings-public > div .settings-wrapper .public-background_control {
  display: none;
}
admin-settings-public > div .iframe-wrapper {
  display: flex;
  overflow: hidden;
}
admin-settings-public > div iframe {
  width: 100%;
  height: 75rem;
  border: 0;
  padding: 1rem 1.5rem;
  overflow: hidden;
  pointer-events: none;
}
admin-settings-public .form-configuration-manage_wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
admin-settings-public .form-configuration-manage_wrapper .switch_container {
  display: flex;
  flex-flow: row wrap;
}
admin-settings-public .form-configuration-manage_wrapper .switch_container p {
  margin: 0;
}
admin-settings-public .form-configuration-manage_wrapper .switch {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 2rem;
  margin-left: 0.5rem;
}
admin-settings-public .form-configuration-manage_wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
admin-settings-public .form-configuration-manage_wrapper .switch input:checked + .slider {
  background-color: var(--accent-colors-dark-mint);
}
admin-settings-public .form-configuration-manage_wrapper .switch input:checked + .slider::before {
  background-color: var(--background-color);
}
admin-settings-public .form-configuration-manage_wrapper .switch input:checked + .slider:before {
  -webkit-transform: translateX(2.6rem);
  -ms-transform: translateX(2.6rem);
  transform: translateX(2.6rem);
}
admin-settings-public .form-configuration-manage_wrapper .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 0.1rem solid var(--accent-colors-dark-mint);
}
admin-settings-public .form-configuration-manage_wrapper .switch .slider::before {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  left: 0.4rem;
  bottom: 0.15rem;
  background-color: var(--accent-colors-dark-mint);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
admin-settings-public .form-configuration-manage_wrapper .switch .slider.round {
  border-radius: 2rem;
}
admin-settings-public .form-configuration-manage_wrapper .switch .slider.round::before {
  border-radius: 50%;
}
admin-settings-public .form-configuration-manage_wrapper .category-picker {
  flex: 1;
}
admin-settings-reports .checkbox-wrapper {
  display: flex;
  align-items: baseline;
  padding: 0 1.5rem;
}
admin-settings-reports .checkbox-wrapper label {
  flex-basis: 30rem;
}
admin-settings-ticket-values .configuration-container {
  margin-top: 4rem;
}
admin-settings-tickets .ticket-settings {
  display: flex;
  flex-flow: row nowrap;
  gap: 5rem;
  padding: 0 1rem;
}
admin-settings-tickets .ticket-settings > div {
  flex: 1;
}
admin-settings-tickets .subscription-warning {
  color: var(--accent-colors-warning);
}
admin-settings-tickets .checkbox-group > div {
  display: flex;
}
admin-settings-tickets .checkbox-group > div label {
  flex: 1;
}
admin-settings-tickets .checkbox-group > div > div {
  flex: unset;
}
admin-settings-tickets .row {
  display: flex;
}
admin-settings-tickets .row div {
  flex: 1;
}
admin-settings-tickets .row label {
  flex-basis: 30rem;
}
admin-settings-users .warnings {
  font-size: 1.2rem;
  color: var(--darker-accent-colors-warning);
  display: flex;
  flex-direction: column;
}
admin-settings-users .warnings svg {
  margin-right: 0.5rem;
}
admin-settings-users input.invalid {
  border-color: var(--border-color-error-main);
}
admin-settings-users input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
admin-settings-users dynamic-fields-controls-num-scope .rzslider {
  margin: 0;
}
@media (max-width: 768px) {
  admin-settings-users dynamic-fields-controls-num-scope .rzslider {
    margin-top: 3rem;
  }
}
admin-settings-index .panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
admin-settings-index .settings-save-btn {
  display: flex;
  justify-content: flex-end;
}
asset-template-form .template-form {
  padding: 1rem;
}
asset-template-form .mint-form-group {
  display: flex;
  align-items: center;
}
asset-template-form .mint-form-group label {
  display: block;
  flex: 0 0 15rem;
}
asset-template-form .mint-form-group .form-control,
asset-template-form .mint-form-group .select-form-control,
asset-template-form .mint-form-group .control-with-error {
  display: block;
  flex: 1;
}
@media (max-width: 660px) {
  asset-template-form .mint-form-group {
    display: block;
  }
}
asset-template-form .mint-form-group .template-attachments-container {
  display: flex;
  flex: 1;
}
asset-template-form .mint-form-group .template-attachments-container .template-attachments {
  position: relative;
  display: flex;
}
asset-template-form .mint-form-group .template-attachments-container .template-attachments > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border: solid 0.1rem;
  margin-right: 0.5rem;
}
asset-template-form .mint-form-group .template-attachments-container .template-attachments > div .file-thumbnail i {
  width: 100%;
}
asset-template-form .mint-form-group .template-attachments-container .template-attachments > div .file-thumbnail {
  cursor: pointer;
}
asset-template-form .mint-form-group .template-attachments-container .template-attachments > div .remove-attachment {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  margin: 0.5rem;
  display: none;
}
asset-template-form .mint-form-group .template-attachments-container .template-attachments > div .remove-attachment:hover {
  color: var(--accent-colors-primary);
}
asset-template-form .mint-form-group .template-attachments-container .template-attachments > div:hover img {
  opacity: 0.3;
}
asset-template-form .mint-form-group .template-attachments-container .template-attachments > div:hover .file-thumbnail {
  opacity: 0.3;
}
asset-template-form .mint-form-group .template-attachments-container .template-attachments > div:hover .remove-attachment {
  display: block;
  cursor: pointer;
}
asset-template-form .mint-form-group .template-attachments-container .add-attachment {
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  min-height: 4rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
asset-template-form .mint-form-group .template-attachments-container .add-attachment.invalid {
  border: 0.1rem dashed var(--accent-colors-danger);
}
asset-template-form .mint-form-group .template-attachments-container .inputfile {
  display: none;
}
asset-template-form .select-tile {
  background-color: var(--accent-colors-mint);
  color: var(--text-color-light);
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  border: 0.1rem solid var(--border-color);
}
asset-base-form .input {
  flex: 1;
}
asset-base-form .form-group {
  display: flex;
  align-items: center;
}
asset-base-form .form-group label {
  display: block;
  flex: 0 0 15rem;
}
asset-base-form .form-group .form-control,
asset-base-form .form-group .select-form-control,
asset-base-form .form-group .control-with-error {
  display: block;
  flex: 1;
}
@media (max-width: 660px) {
  asset-base-form .form-group {
    display: block;
  }
}
asset-base-form .form-group .asset-attachments-container {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  max-height: 20rem;
  overflow-y: auto;
  overflow-x: hidden;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments {
  display: flex;
  flex-wrap: wrap;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div {
  width: 70px;
  height: 70px;
  margin-right: 1rem;
  position: relative;
  border-radius: 1rem;
  flex: 0 0 auto;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div:hover .overlay {
  opacity: 1;
  cursor: pointer;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
  border-radius: 1rem;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 1rem;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div .file-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div .file-thumbnail svg {
  margin: 14px 19px;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div .remove-attachment,
asset-base-form .form-group .asset-attachments-container .asset-attachments > div .download-attachment {
  position: absolute;
  right: 0;
  margin: 5px;
  display: none;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div .remove-attachment:hover,
asset-base-form .form-group .asset-attachments-container .asset-attachments > div .download-attachment:hover {
  color: var(--accent-colors-primary);
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div .download-attachment {
  top: 0.25rem;
  right: 2.1rem;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div:hover img {
  opacity: 0.35;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div:hover .file-thumbnail {
  opacity: 0.35;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div:hover .remove-attachment,
asset-base-form .form-group .asset-attachments-container .asset-attachments > div:hover .download-attachment {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  margin: 0;
  display: block;
  z-index: 100;
  cursor: pointer;
}
asset-base-form .form-group .asset-attachments-container .asset-attachments > div:hover .download-attachment {
  top: 0.25rem;
  right: 2.1rem;
}
asset-base-form .form-group .asset-attachments-container .add-attachment {
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  min-height: 40px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
asset-base-form .form-group .asset-attachments-container .add-another {
  width: 70px;
  height: 70px;
  border-radius: 1rem;
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
}
asset-base-form .form-group .asset-attachments-container .add-another label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}
asset-base-form .form-group .asset-attachments-container .inputfile {
  display: none;
}
asset-base-form .select-tile {
  background-color: var(--accent-colors-mint);
  color: var(--text-color-light);
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  border: 0.1rem solid var(--border-color);
}
assets-asset-basic-information .mint-form-group > div {
  white-space: wrap;
  overflow-wrap: break-word;
}
assets-asset-basic-information .asset-categories {
  display: flex;
  flex-wrap: wrap;
}
assets-asset-basic-information .asset-categories > div {
  background-color: var(--background-color-mint-overlay);
  border-radius: 0.5rem;
  padding: 0.2rem 1rem 0.3rem 1rem;
  margin: 0 1rem 1rem 0;
  height: fit-content;
}
assets-asset-basic-information .asset-categories .asset-user,
assets-asset-basic-information .asset-categories .asset-company {
  cursor: pointer;
  margin: 0;
}

assets-asset-resources .mint-form-group {
  justify-content: space-between;
}
assets-asset-resources .resource {
  display: flex;
  flex-direction: column;
  align-items: center;
}
assets-asset-resources .resource .attachments {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  gap: 1rem;
  width: 100%;
}
assets-asset-resources .resource .attachments .attachment-item {
  max-width: 18rem;
  flex: 1 1 calc(50% - 1rem);
  object-fit: cover;
  width: 100%;
  height: auto;
  max-width: calc(50% - 1rem);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  cursor: pointer;
  font-size: 3rem;
  margin: 0;
}
assets-asset-resources .resource .attachments .attachment-item:hover .overlay {
  opacity: 1;
}
assets-asset-resources .resource .attachments .attachment-item img {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
}
assets-asset-resources .resource .attachments .attachment-item .file-thumbnail > svg {
  cursor: pointer;
  width: 4rem;
  height: 4rem;
}
assets-asset-resources .resource .attachments .attachment-item .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
assets-asset-resources .resource #qrImg img {
  object-fit: cover;
  object-position: top;
}
assets-asset-resources .small-picture {
  cursor: pointer;
  width: 4rem;
  height: 4rem;
}
assets-asset-resources .large-picture {
  cursor: pointer;
  width: 18rem;
  height: 18rem;
}
limit-exceeded-modal {
  width: 50rem;
}
assets-note-modal {
  display: block;
}
assets-note-modal > .panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
assets-note-modal .asset-category > * {
  max-width: 50rem;
}
assets-note-modal {
  width: 660px;
  max-width: calc(100vw - 2rem);
}
assets-note-modal .note-content {
  overflow: hidden auto;
}
assets-note-modal .note-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2rem;
  margin-bottom: 2rem;
  gap: 1rem;
  font-size: large;
  font-weight: bold;
}
assets-note-modal .note-header > span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  flex: 1;
}
assets-note-modal .note-access-denied {
  padding: 2rem 0;
  text-align: center;
  color: var(--text-color);
}
assets-note-modal .note-details {
  margin-bottom: 2rem;
}
assets-note-modal .note-details > div {
  display: flex;
  align-items: flex-start;
  min-height: 3.5rem;
  padding: 0.3rem 0;
}
assets-note-modal .note-details > div label {
  font-size: normal;
  font-weight: normal;
  flex: 0 0 10rem;
  margin-top: 0.3rem;
}
assets-note-modal .note-details > div span {
  padding-left: 0.5rem;
  min-width: 0;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
assets-note-modal .note-details > div .asset-multi-value {
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0.3rem;
  background-color: var(--background-color-mint);
  font-size: small;
  padding: 0.3rem 0.5rem;
  margin: 0.2rem;
}
assets-note-modal .note-details > div .asset-link {
  background-color: var(--background-color-mint);
  border: none;
  color: inherit;
  cursor: pointer;
}
assets-note-modal .note-values {
  margin-bottom: 2rem;
}
assets-note-modal .note-values dynamic-fields-group-panel {
  display: block;
  max-width: 100%;
}
assets-note-modal .note-values .panel {
  background: none;
  border: none;
  box-shadow: none;
}
assets-note-modal .note-values dynamic-fields-group-panel dynamic-fields-group-panel-header {
  background: none;
}
assets-note-modal .note-values dynamic-fields-group-panel dynamic-fields-group-panel-header .group-name {
  background: none;
  color: var(--text-color);
  position: relative;
  font-size: 1.8rem;
  padding: 1rem 0;
  width: 100%;
}
assets-note-modal .note-values dynamic-fields-group-panel dynamic-fields-group-panel-header .group-name:after {
  display: block;
  position: absolute;
  bottom: 0.4em;
  content: "";
  width: 1em;
  border: 0.1rem solid var(--accent-colors-mint);
}
assets-note-modal .note-values dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-name {
  margin-left: 0;
}
assets-note-modal .note-values dynamic-fields-group-form dynamic-fields-group-form-attribute {
  border: none;
}
assets-note-modal .asset-attachments {
  display: flex;
  flex-wrap: wrap;
}
assets-note-modal .asset-attachments > div {
  width: 70px;
  height: 70px;
  margin: 0 5px 5px 0;
}
assets-note-modal .asset-attachments > div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 2rem;
}
assets-note-modal .asset-attachments > div .file-thumbnail svg {
  margin: 14px 19px;
}
@media (max-width: 500px) {
  assets-note-modal .note-details > div {
    flex-direction: column;
  }
  assets-note-modal .note-details > div label {
    flex-basis: auto;
  }
  assets-note-modal .note-details > div span {
    padding-left: 0;
  }
}
browse-assets .table-header {
  padding: 1rem;
}
browse-assets .table-header .btn.btn-mint:hover {
  transform: none;
}
browse-assets .header-panel {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 1rem;
  min-height: 5rem;
}
browse-assets .header-panel .header-chips {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.25rem;
}
browse-assets .header-panel .header-buttons {
  display: flex;
}
browse-assets .header-panel .header-buttons button {
  margin-left: 0.5rem;
}
browse-assets .browse-content {
  flex: 3;
}
browse-assets .browse-row {
  margin-left: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
browse-assets .browse-row .full-width {
  width: 100%;
  padding-left: 0;
}
browse-assets .browse-row .filter-column {
  padding-left: 0px;
}
browse-assets .browse-row .filter-column .asset-category-filter .not-disabled,
browse-assets .browse-row .filter-column .asset-category-filter .disabled {
  min-width: 0;
}
browse-assets .browse-row .filter-column .asset-category-filter .not-disabled,
browse-assets .browse-row .filter-column .asset-category-filter .disabled > div {
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (min-width: 1171px) {
  browse-assets .browse-row .browse-content {
    width: calc(100% - 1.5rem);
  }
}
@media (max-width: 1170px) {
  browse-assets .browse-row {
    display: block;
  }
  browse-assets .browse-row .resize-container {
    display: block;
    height: auto !important;
    width: 100% !important;
    max-width: 100%;
  }
  browse-assets .browse-row .resize-container .resize-handler {
    display: none;
  }
  browse-assets .browse-row .browse-content {
    margin-left: 0px;
    padding-left: 0px;
    width: 100% !important;
  }
  browse-assets .browse-row .filter-column {
    overflow: unset;
    display: block;
    padding-right: 0px;
    height: auto;
    min-height: 0px;
  }
}
create-asset .create-asset_container {
  display: flex;
  flex-flow: row nowrap;
}
create-asset .create-asset_container .first-column {
  flex: 2;
}
create-asset .create-asset_container .second-column {
  flex: 1;
  text-overflow: ellipsis;
  margin-left: 2rem;
}
@media (max-width: 1170px) {
  create-asset .create-asset_container {
    display: block;
  }
  create-asset .create-asset_container .second-column {
    margin-left: 0;
  }
}
details-asset .panel-heading {
  display: flex;
  flex-wrap: wrap;
}
details-asset .panel-heading > button {
  margin-right: 1rem;
}
details-asset .panel-heading .mnt-loader {
  width: 10rem;
  height: 3rem;
  transform: scale(0.5);
}
details-asset .details-grid {
  max-width: 100%;
  display: flex;
  flex-flow: row wrap;
  gap: 2rem;
}
@media (max-width: 500px) {
  details-asset .details-grid {
    display: block;
    gap: 1rem;
  }
}
details-asset .details-grid .panel {
  flex: 1 0 33%;
  overflow: auto;
}
details-asset .details-grid .groups {
  flex: 1 0 33%;
  align-self: flex-start;
  overflow: hidden;
}
details-asset .panel-heading > .dropdown .dropdown-toggle {
  color: var(--text-color-light);
}
edit-asset .edit-asset_container {
  display: flex;
}
edit-asset .edit-asset_container .edit-asset-form {
  width: 100%;
}
edit-asset .edit-asset_container .first-column {
  flex: 2;
}
edit-asset .edit-asset_container .first-column .panel-heading {
  display: flex;
  justify-content: space-between;
}
edit-asset .edit-asset_container .first-column .edit-asset-header {
  font-size: large;
  font-weight: bold;
  color: var(--accent-colors-mint);
}
edit-asset .edit-asset_container .first-column button {
  min-width: unset;
}
edit-asset .edit-asset_container .second-column {
  flex: 1;
  text-overflow: ellipsis;
  margin-left: 2rem;
}
@media (max-width: 991px) {
  edit-asset .edit-asset_container {
    display: block;
  }
  edit-asset .edit-asset_container .second-column {
    margin-left: 0;
  }
}
history-asset .table-view {
  flex: 1 1;
  overflow: auto;
}
history-asset .table-view .column-name {
  padding-left: 1rem;
  font-weight: 600;
  white-space: nowrap;
  font-size: 1.8rem;
}
history-asset .table-view .table-row {
  flex: 1 1;
  padding: 0.5rem 0;
  grid-template-columns: 20rem 17rem 15rem 25rem 25rem;
  display: grid;
}
history-asset .table-view .table-row .row-value {
  padding-left: 1rem;
  word-wrap: break-word;
  display: inline-block;
}
history-asset .filters-panel {
  padding: 1rem 2rem;
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 500;
  border-bottom: 0.1rem solid var(--border-color);
}
history-asset .filters-panel.additional-border {
  border-top: 0.1rem solid var(--border-color);
}
history-asset .filters-panel .filters-panel-row {
  display: flex;
  align-items: center;
  width: 100%;
}
history-asset .filters-panel .filters-panel-row label {
  padding: 0.5rem 1rem;
  flex-basis: 20rem;
  margin-bottom: 0;
}
history-asset .btn-clear-filters {
  float: right;
}
.template-header {
  text-transform: uppercase;
  font-size: large;
}
automation-actions .selected-action .action-header {
  margin: 1rem 0;
}
automation-actions .selected-action .action-header label {
  flex: none;
  margin-right: auto;
  font-weight: 600;
}
automation-actions .mint-form-group > button {
  margin-left: 1rem;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in,
automation-actions automation-deactivate-user-by-long-sync-time,
automation-actions automation-ticket-property-change-by-attribute,
automation-actions automation-ticket-property-change {
  width: 80%;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row,
automation-actions automation-deactivate-user-by-long-sync-time .details-row,
automation-actions automation-ticket-property-change-by-attribute .details-row,
automation-actions automation-ticket-property-change .details-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 0;
  position: relative;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .title,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .title,
automation-actions automation-ticket-property-change-by-attribute .details-row .title,
automation-actions automation-ticket-property-change .details-row .title {
  flex: 0 0 20rem;
  position: relative;
  font-weight: 500;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .values,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .values,
automation-actions automation-ticket-property-change-by-attribute .details-row .values,
automation-actions automation-ticket-property-change .details-row .values {
  flex: 2;
  color: var(--darker-accent-colors-grey);
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .label-display,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .label-display,
automation-actions automation-ticket-property-change-by-attribute .details-row .label-display,
automation-actions automation-ticket-property-change .details-row .label-display {
  overflow: hidden;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .label-display > *,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .label-display > *,
automation-actions automation-ticket-property-change-by-attribute .details-row .label-display > *,
automation-actions automation-ticket-property-change .details-row .label-display > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .action-row,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .action-row,
automation-actions automation-ticket-property-change-by-attribute .details-row .action-row,
automation-actions automation-ticket-property-change .details-row .action-row {
  display: flex;
  justify-content: space-between;
  min-width: 0;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .action-row .value-display,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .action-row .value-display,
automation-actions automation-ticket-property-change-by-attribute .details-row .action-row .value-display,
automation-actions automation-ticket-property-change .details-row .action-row .value-display {
  overflow: hidden;
  flex-grow: 1;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .action-row .value-display .value,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .action-row .value-display .value,
automation-actions automation-ticket-property-change-by-attribute .details-row .action-row .value-display .value,
automation-actions automation-ticket-property-change .details-row .action-row .value-display .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .action-row .value-display > div,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .action-row .value-display > div,
automation-actions automation-ticket-property-change-by-attribute .details-row .action-row .value-display > div,
automation-actions automation-ticket-property-change .details-row .action-row .value-display > div {
  position: relative;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .action-row > button,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .action-row > button,
automation-actions automation-ticket-property-change-by-attribute .details-row .action-row > button,
automation-actions automation-ticket-property-change .details-row .action-row > button {
  align-self: flex-end;
  margin-left: 1rem;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .action-row .btn-action,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .action-row .btn-action,
automation-actions automation-ticket-property-change-by-attribute .details-row .action-row .btn-action,
automation-actions automation-ticket-property-change .details-row .action-row .btn-action {
  min-width: 3rem;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .row-error,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .row-error,
automation-actions automation-ticket-property-change-by-attribute .details-row .row-error,
automation-actions automation-ticket-property-change .details-row .row-error {
  color: var(--accent-colors-danger);
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .clickable,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .clickable,
automation-actions automation-ticket-property-change-by-attribute .details-row .clickable,
automation-actions automation-ticket-property-change .details-row .clickable {
  cursor: pointer;
}
automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .clickable:hover,
automation-actions automation-deactivate-user-by-long-sync-time .details-row .clickable:hover,
automation-actions automation-ticket-property-change-by-attribute .details-row .clickable:hover,
automation-actions automation-ticket-property-change .details-row .clickable:hover {
  color: var(--accent-colors-mint);
}
@media (min-width: 0) and (max-width: 1170px) {
  automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row,
  automation-actions automation-deactivate-user-by-long-sync-time .details-row,
  automation-actions automation-ticket-property-change-by-attribute .details-row,
  automation-actions automation-ticket-property-change .details-row {
    flex-direction: column;
    align-items: stretch;
    padding-top: 0;
  }
  automation-actions automation-deactivate-user-after-long-time-without-logging-in .details-row .title,
  automation-actions automation-deactivate-user-by-long-sync-time .details-row .title,
  automation-actions automation-ticket-property-change-by-attribute .details-row .title,
  automation-actions automation-ticket-property-change .details-row .title {
    flex: none;
  }
}
automation-filters * > .mint-form-group label {
  flex: 0 0 26rem;
}
automation-filters * > .mint-form-group .tag {
  display: block;
  max-width: 30ch;
  overflow: hidden;
  text-overflow: ellipsis;
}
automation-filters * > .mint-form-group .tag .removed {
  color: var(--text-color-grey);
}
automation-filters .label-flex-end {
  word-break: break-all;
  margin-right: 0.5rem;
}
@media (min-width: 0) and (max-width: 1170px) {
  automation-filters .mint-form-group {
    flex-direction: column;
    align-items: stretch;
    padding-top: 0;
  }
  automation-filters .mint-form-group label {
    align-self: auto;
    flex: none;
  }
}
automation-periodoftime {
  display: flex;
  flex: auto;
}
automation-periodoftime .mint-form-group {
  flex: auto;
}
automation-periodoftime .mint-form-group label {
  margin: auto;
  flex: 0 0 0;
}
automation-periodoftime .mint-form-group > * {
  padding-right: 1rem;
}
automation-periodoftime .mint-form-group > *:last-child {
  padding-right: 0;
}
automation-periodoftime dynamic-fields-controls-date > * {
  margin-top: auto;
}
automation-time-triggers .mint-form-group {
  align-items: center;
  margin-bottom: 0.5rem;
}
automation-time-triggers .mint-form-group label {
  min-width: max-content;
}
automation-time-triggers .mint-form-group > button {
  margin-left: 1rem;
}
automation-time-triggers .trigger-button {
  margin-top: 1rem;
}
automationtask-type-tiles .automation-task-types {
  display: flex;
  margin-top: 1rem;
}
automationtask-type-tiles .automation-task-types .automation-task-type {
  margin-right: 1.5rem;
  max-width: 7rem;
}
automationtask-type-tiles .automation-task-types .automation-task-type .automation-task-type-logo {
  display: flex;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  color: var(--text-color-grey);
  font-size: 3.5rem;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  line-height: 1;
}
automationtask-type-tiles .automation-task-types .automation-task-type .automation-task-type-logo i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  line-height: 1;
}
automationtask-type-tiles .automation-task-types .automation-task-type .automation-task-type-logo:hover {
  cursor: pointer;
}
automationtask-type-tiles .automation-task-types .automation-task-type .automation-task-type-name {
  margin-top: 0.5rem;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color-grey);
}
automationtask-type-tiles .automation-task-types .automation-task-type.active .automation-task-type-logo {
  border: 0.1rem solid var(--accent-colors-mint);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  color: var(--text-color);
}
automationtask-type-tiles .automation-task-types .automation-task-type.active .automation-task-type-name {
  color: var(--text-color);
}
automationtask-type-tiles .automation-task-types .automation-task-type.disabled {
  opacity: 0.65;
}
automationtask-type-tiles .automation-task-types.disabled-types .automation-task-type .automation-task-type-logo {
  cursor: not-allowed;
}
automationtask-type-tiles .automation-task-types.disabled-types .automation-task-type .automation-task-type-name {
  cursor: not-allowed;
}
channels-account-form .mint-form-group .long-name {
  display: block;
  overflow: hidden;
  max-width: 60ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}
channels-account-wizard .panel-footer {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.5rem;
}
channels-account-wizard .available-auth {
  display: flex;
  align-items: center;
  margin: 1rem 0 3rem 0;
}
channels-account-wizard .available-auth .radio {
  margin: 0 1.5rem 0 1rem;
}
channels-account-wizard .redirect-uri > label {
  padding-right: 1rem;
  font-weight: 500;
}
channels-account-wizard .redirect-uri > span {
  color: var(--text-color-light);
  background-color: var(--accent-colors-mint);
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: normal;
  font-size: 1.3rem;
  overflow: hidden;
}
channels-account-wizard .template-attachments-container {
  display: flex;
  flex: 1;
}
channels-account-wizard .template-attachments-container .template-attachments {
  position: relative;
  display: flex;
}
channels-account-wizard .template-attachments-container .template-attachments > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border: solid 0.1rem;
  margin-right: 0.5rem;
}
channels-account-wizard .template-attachments-container .template-attachments > div .file-thumbnail {
  cursor: pointer;
}
channels-account-wizard .template-attachments-container .template-attachments > div .remove-attachment {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  margin: 0.5rem;
  display: none;
}
channels-account-wizard .template-attachments-container .template-attachments > div .remove-attachment:hover {
  color: var(--accent-colors-primary);
}
channels-account-wizard .template-attachments-container .template-attachments > div:hover img {
  opacity: 0.3;
}
channels-account-wizard .template-attachments-container .template-attachments > div:hover .file-thumbnail {
  opacity: 0.3;
}
channels-account-wizard .template-attachments-container .template-attachments > div:hover .remove-attachment {
  display: block;
  cursor: pointer;
}
channels-account-wizard .template-attachments-container .add-attachment {
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  min-height: 4rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
channels-account-wizard .template-attachments-container .add-attachment.invalid {
  border: 0.1rem dashed var(--accent-colors-danger);
}
channels-account-wizard .template-attachments-container .inputfile {
  display: none;
}
channels-create-email-filter-modal .panel {
  min-width: 30rem;
}
channels-create-email-filter-modal .panel .panel-body {
  margin-bottom: 2rem;
}
channels-create-email-filter-modal .ui-select-choices-row-inner > span {
  display: block;
}
channels-detailed-value-group .table-responsive {
  max-width: 60rem;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  channels-detailed-value-group .table-responsive {
    margin-bottom: 0;
  }
}
channels-detailed-value-group .table-responsive .table {
  table-layout: fixed;
}
channels-detailed-value-group .table-responsive .table > thead > tr {
  background-color: var(--background-color-grey);
}
channels-detailed-value-group .table-responsive .table > thead > tr > th {
  font-weight: bold;
  white-space: normal;
}
channels-detailed-value-group .table-responsive .table > thead > tr > th .attribute-header {
  display: flex;
}
channels-detailed-value-group .table-responsive .table > thead > tr > th .attribute-header .attribute-name {
  flex: 1 1;
  overflow: hidden;
  overflow-wrap: break-word;
}
channels-detailed-value-group .table-responsive .table > thead > tr > th .attribute-header .attribute-pool-switch {
  flex: 0 0;
}
channels-detailed-value-group .table-responsive .table > tbody > tr {
  border-top: 0.1rem solid var(--border-color);
}
channels-detailed-value-group .table-responsive .table > tbody > tr td {
  white-space: normal;
  line-height: 1.5rem;
  overflow-wrap: break-word;
  text-align: middle;
  vertical-align: middle;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border: none;
}
channels-detailed-value-group .table-responsive .table > tbody > tr td input {
  height: 2.5rem;
}
channels-detailed-value-group .table-responsive .table > tbody > tr td button {
  height: 2.5rem;
}
channels-detailed-value-group .table-responsive .table > tbody > tr td:first-child:not(:only-child) {
  width: 45%;
  text-align: start;
  vertical-align: middle;
}
channels-detailed-values-modal {
  min-width: 50rem;
}
channels-detailed-values-modal .group-tabs {
  display: flex;
  align-items: center;
  background-color: var(--accent-colors-mint);
  border-radius: 0.5rem;
  color: var(--text-color-light);
}
channels-detailed-values-modal .group-tabs > div {
  padding: 0.6em 1em;
  cursor: pointer;
}
channels-detailed-values-modal .group-tabs > div.active-tab {
  background-color: var(--accent-colors-primary);
  border-radius: 0.5rem;
  font-weight: bold;
  cursor: default;
}
channels-edit-email-filter-modal .panel {
  min-width: 30rem;
}
channels-edit-email-filter-modal .panel .panel-body {
  margin-bottom: 2rem;
}
channels-edit-email-filter-modal .ui-select-choices-row-inner > span {
  display: block;
}
channels-email-box-from {
  display: grid;
}
channels-email-box-from .mint-form-group {
  display: flex;
  align-items: center;
}
channels-email-box-from .mint-form-group > label {
  margin-right: 1rem;
}
channels-email-box-from .mint-form-group .second-column {
  margin: 0 0 0 1rem;
}
channels-email-box-from .mint-form-group .radio {
  margin-right: 1.5rem;
}
@media (max-width: 991px) {
  channels-email-box-from .mint-form-group {
    display: block;
  }
  channels-email-box-from .mint-form-group .second-column {
    margin: 0.5rem 0 0.5rem 0;
  }
}
channels-email-box-oauth-from {
  display: grid;
}
channels-email-box-oauth-from .mint-form-group {
  display: flex;
  align-items: center;
}
channels-email-box-oauth-from .mint-form-group > label {
  margin-right: 1rem;
}
channels-email-box-oauth-from .mint-form-group .second-column {
  margin: 0 0 0 1rem;
}
channels-email-box-oauth-from .mint-form-group .radio {
  margin-right: 1.5rem;
}
@media (max-width: 991px) {
  channels-email-box-oauth-from .mint-form-group {
    display: block;
  }
  channels-email-box-oauth-from .mint-form-group .second-column {
    margin: 0.5rem 0 0.5rem 0;
  }
}
channels-email-box-service-tiles .email-services-panel {
  padding: 0.5rem 0;
}
channels-email-box-service-tiles .email-services-panel .email-services {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
channels-email-box-service-tiles .email-services-panel .email-services .email-service {
  margin-right: 1.5rem;
  max-width: 7rem;
}
channels-email-box-service-tiles .email-services-panel .email-services .email-service .email-service-logo {
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 7rem;
  height: 7rem;
}
channels-email-box-service-tiles .email-services-panel .email-services .email-service .email-service-logo:hover {
  cursor: pointer;
}
channels-email-box-service-tiles .email-services-panel .email-services .email-service .email-service-name {
  margin-top: 0.5rem;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color);
}
channels-email-box-service-tiles .email-services-panel .email-services .email-service.active .email-service-logo {
  border: 0.1rem solid var(--accent-colors-mint);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
}
channels-email-box-service-tiles .email-services-panel .email-services .email-service.active .email-service-name {
  color: var(--text-color);
}
channels-filter-conditions .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
channels-filter-conditions .header-wrapper .switch_container label {
  margin: 0 0.5rem;
}
channels-filter-conditions .error-container .error {
  color: var(--darker-accent-colors-danger);
  font-size: 1.2rem;
}
channels-filter-conditions .file-tree_container div.operator {
  width: 5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-color-light);
  background-color: var(--accent-colors-mint);
  border-radius: 0.5rem;
  margin: 0.5rem 0;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper condition-row .condition-row {
  display: flex;
  align-items: center;
  height: 3rem;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper condition-row .condition-row .checkbox-wrapper {
  margin: 0 0.5rem;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .structure-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.1s ease-in-out;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .structure-wrapper.main {
  justify-content: space-between;
  align-items: baseline;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .structure-wrapper.main > div {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .structure-wrapper button.btn-t {
  width: 2rem;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .noded-ul {
  padding-left: 2.5rem;
  list-style: none;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .noded-ul.child {
  padding: 0;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .noded-ul > li {
  position: relative;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .noded-ul > li:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 1rem;
  height: 1px;
  background-color: var(--text-color-grey);
  z-index: 0;
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .noded-ul > li:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--text-color-grey);
}
channels-filter-conditions .file-tree_container .file-tree_wrapper .noded-ul > li:last-child:after {
  height: 1.5rem;
}
channels-filter-form .edit-value {
  display: flex;
  justify-content: flex-end;
}
channels-filter-form .form-group .checkbox {
  padding: 0;
}
channels-filter-form .warnings {
  font-size: 1.2rem;
  color: var(--darker-accent-colors-warning);
  margin-left: 1rem;
}
channels-filter-form automation-ticket-dynamic-fields-change .mnt-header:first-child {
  padding-top: 0;
  margin-top: 0;
}
client-credentials-bot-user-form {
  display: block;
}
client-credentials-bot-user-form .form-group,
client-credentials-bot-user-form .name-group > div {
  display: flex;
  align-items: center;
}
client-credentials-bot-user-form .form-group label,
client-credentials-bot-user-form .name-group > div label {
  display: block;
  flex: 0 0 15rem;
}
@media (max-width: 660px) {
  client-credentials-bot-user-form .form-group,
  client-credentials-bot-user-form .name-group > div {
    display: block;
  }
}
@media (max-width: 768px) {
  client-credentials-bot-user-form .name-group {
    display: block;
  }
  client-credentials-bot-user-form .name-group > div:first-child {
    margin-bottom: 1.5rem;
  }
}
client-credentials-bot-user-form .name-group > div {
  flex: 1;
}
@media (min-width: 769px) {
  client-credentials-bot-user-form .name-group > div:first-child {
    margin-right: 1rem;
  }
  client-credentials-bot-user-form .name-group > div:last-child {
    margin-left: 1rem;
  }
}
client-credentials-bot-user-form .avatar-control {
  position: relative;
}
client-credentials-bot-user-form .avatar-control.mnt-loader {
  width: 20rem;
  height: 20rem;
}
client-credentials-bot-user-form .avatar-control .user-avatar {
  width: 20rem;
  height: 20rem;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: 20rem;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
}
client-credentials-bot-user-form .avatar-control .no-avatar {
  background-image: url("assets/img/no-avatar.png");
}
client-credentials-bot-user-form .avatar-control > label {
  cursor: pointer;
}
client-credentials-bot-user-form .avatar-control > label.disabled {
  cursor: no-drop;
}
client-credentials-bot-user-form .avatar-control > input {
  display: none;
}
client-credentials-bot-user-form .avatar-control .remove-avatar {
  position: absolute;
  left: 18rem;
  top: 0rem;
}
client-credentials-client-form {
  display: block;
}
client-credentials-client-form .form-group {
  display: flex;
  align-items: center;
}
client-credentials-client-form .form-group label {
  display: block;
  flex: 0 0 15rem;
}
@media (max-width: 660px) {
  client-credentials-client-form .form-group {
    display: block;
  }
}
client-credentials-one-time-secret-modal {
  max-width: 60rem;
}
client-credentials-one-time-secret-modal .secret-label {
  font-weight: bold;
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
}
client-credentials-one-time-secret-modal .secret-label > :first-child {
  padding-right: 1rem;
}
client-credentials-one-time-secret-modal .warning > span {
  color: var(--accent-colors-warning);
}
client-credentials-one-time-secret-modal .secret {
  word-break: break-all;
}
client-credentials-secrets {
  display: block;
  min-height: 20rem;
}
client-credentials-secrets .secret-header {
  border-bottom: 0.1rem solid var(--border-color);
  border-width: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  font-weight: bold;
  background-color: var(--background-color-grey);
  justify-content: space-between;
}
client-credentials-secrets .secret-row {
  border-bottom: 0.1rem solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
client-credentials-secrets .secret-row > :first-child {
  flex: 0 0 15rem;
  word-break: break-all;
  margin: 0.5rem;
}
client-credentials-secrets .secret-row > :last-child {
  flex: 0 0 3rem;
  opacity: 0;
  transition: opacity 0.1s ease-out;
}
client-credentials-secrets .secret-row:hover > :last-child {
  opacity: 1;
}
client-credentials-edit {
  display: block;
}
client-credentials-edit .edit-client-header {
  font-size: large;
  font-weight: bold;
  margin: 1rem 0 3rem 0;
  color: var(--accent-colors-mint);
}
client-credentials-edit .secrets-header,
client-credentials-edit .bot-user-header {
  border-radius: 0.3em;
  background-color: var(--accent-colors-mint);
  font-size: small;
  font-weight: bold;
  display: flex;
  align-items: center;
}
client-credentials-edit .secrets-header > div,
client-credentials-edit .bot-user-header > div {
  background-color: var(--accent-colors-primary);
  color: var(--text-color-light);
  border-radius: 0.3em;
  padding: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  client-credentials-edit {
    display: flex;
    justify-content: space-between;
  }
  client-credentials-edit > :first-child {
    flex: 1;
    margin-right: 1rem;
  }
  client-credentials-edit > :last-child {
    flex: 0 0 30rem;
    margin-left: 1rem;
  }
}
company-edit-mode {
  padding: 4rem;
  max-height: 100%;
  overflow: auto;
  width: 660px;
}
company-edit-mode form {
  padding: 1.5rem;
}
companies-company-info .company-logo {
  width: fit-content;
  margin-left: 14rem;
  margin-bottom: 1rem;
  height: 20rem;
  max-width: 50rem;
}
companies-company-info .company-logo > label {
  display: flex;
  height: 100%;
  width: 100%;
  cursor: pointer;
  align-items: center;
}
companies-company-info .company-logo > label img {
  max-width: 100%;
  max-height: 100%;
}
companies-company-info .company-logo input {
  display: none;
}
companies-company-info .company-logo .company-logo-placeholder-wrapper {
  display: flex;
  height: 100%;
}
companies-company-info .company-logo .remove-logo {
  margin-bottom: auto;
}
companies-company-info .company-logo .company-logo-placeholder {
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  border-width: 0.2rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  justify-content: center;
  align-items: center;
  justify-self: center;
  text-align: center;
}
companies-company-info .company-logo .company-logo-placeholder > label {
  margin-top: 1rem;
  padding: 1rem;
  background: var(--background-color-grey);
  border-radius: 0.5rem;
  font-weight: 700;
  width: 100%;
  height: 100%;
  display: flex;
  margin-bottom: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
companies-company-info .panel-body {
  display: flex;
  justify-content: space-between;
}
companies-company-info .panel-body > form {
  flex: 1;
}
companies-company-info .panel-body > form.company-extensions {
  margin-left: 2rem;
  flex: 0 0 40rem;
}
@media (max-width: 991px) {
  companies-company-info .panel-body {
    display: block;
  }
  companies-company-info .panel-body > form.company-extensions {
    margin-left: 0;
    margin-top: 2rem;
  }
}
companies-company-info dynamic-fields-group-panel dynamic-fields-group-panel-header .group-name {
  flex: 0 0 40rem;
  width: 40rem;
}
@media (max-width: 991px) {
  companies-company-info dynamic-fields-group-panel dynamic-fields-group-panel-header .group-name {
    flex: unset;
    width: 100%;
  }
}
companies-company-info dynamic-fields-group-panel .pool-name {
  width: 15.5rem;
  padding: 0 0.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
companies-company-info dynamic-fields-group-panel .attribute-name {
  width: 15rem;
  padding: 0 0.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1366px) {
  companies-company-info dynamic-fields-group-panel .attribute-name {
    width: 43rem;
    padding: 0 0.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  companies-company-info dynamic-fields-group-panel .pool-name {
    width: 32rem;
    padding: 0 0.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  companies-company-info dynamic-fields-group-panel .pool-switcher {
    margin-left: auto;
    order: 2;
    width: auto;
  }
}
@media (max-width: 991px) {
  companies-company-info dynamic-fields-group-panel .attribute-name {
    width: 100%;
  }
  companies-company-info dynamic-fields-group-panel .pool-name {
    width: calc(100% - 10rem);
  }
  companies-company-info dynamic-fields-group-panel .pool-switcher {
    margin-left: auto;
    order: 2;
  }
}

companies-company-info-form .group-name {
  flex: 0 0 40rem;
  width: 40rem;
}
@media (max-width: 1366px) {
  companies-company-info-form .mint-form-group div > label {
    padding: 0 0.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (max-width: 1280px) {
  companies-company-info-form .mint-form-group div {
    padding: 0.5rem 0;
  }
  companies-company-info-form .address-form {
    display: block;
  }
}
companies-company-sla .sla-panel {
  display: flex;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
  align-items: start;
  padding: 1rem;
}
companies-company-sla .sla-panel .sla-list {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(1fr, 3);
}
companies-company-sla .sla-panel .sla-list > div:not(.sla-row):not(.add-sla-button) {
  padding: 0.5rem 1rem;
  border-bottom: 0.1rem solid var(--border-light-color);
  border-top: 0.1rem solid var(--border-light-color);
}
companies-company-sla .sla-panel .sla-list .table-headers {
  display: grid;
  grid-column: 1/4;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
companies-company-sla .sla-panel .sla-list .sla-row {
  display: grid;
  grid-column: 1/4;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  border-bottom: 0.1rem solid var(--border-light-color);
}
companies-company-sla .sla-panel .sla-list .sla-row:hover {
  cursor: pointer;
  background-color: var(--background-color-mint-overlay);
}
companies-company-sla .sla-panel .sla-list .sla-row > div {
  padding: 0.5rem 1rem;
}
companies-company-sla .sla-panel .sla-list .sla-row .sla-service {
  font-size: small;
  display: inline-block;
  padding: 0.3rem 0.5rem;
  margin: 0.2rem;
  border-radius: 0.3rem;
  background-color: var(--background-color-mint);
}
companies-company-sla .sla-panel .sla-list .sla-row .sla-service .contains-warning {
  font-size: smaller;
  color: var(--darker-accent-colors-warning);
}
companies-company-sla .sla-panel .sla-list .sla-row .sla-buttons {
  justify-self: end;
}
companies-company-sla .sla-panel .sla-list .add-sla-button {
  padding: 0.5rem 1rem;
  grid-column: 3;
  justify-self: end;
}
companies-company-sla .sla-panel .sla-details {
  flex: 1;
}
companies-company-sla .sla-panel .sla-select-grid {
  display: grid;
  grid-template-columns: auto 4rem;
}
companies-company-sla .sla-panel .sla-select-grid .sla-select-button {
  justify-self: end;
}
@media (max-width: 991px) {
  companies-company-sla .sla-panel {
    display: block;
  }
}
companies-create-company-modal {
  min-width: 70rem;
}
companies-create-company-modal companies-company-form .address-wrapper {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5rem;
}
companies-create-company-modal companies-company-form .address-wrapper > div {
  flex: 1;
}
@media (max-width: 660px) {
  companies-create-company-modal companies-company-form .address-wrapper {
    flex-flow: column nowrap;
  }
}
companies-note-modal {
  width: 660px;
}
companies-note-modal .panel {
  overflow: hidden auto;
}
companies-note-modal .note-header {
  display: flex;
  align-items: center;
  flex-direction: column;
}
companies-note-modal .note-header .note-logo > img {
  height: 20rem;
}
companies-note-modal .note-header .note-company-name {
  flex: 1;
  margin: 2rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: large;
  font-weight: bold;
}
companies-note-modal .note-details {
  margin-bottom: 2rem;
}
companies-note-modal .note-details > div {
  display: flex;
  align-items: center;
  height: 3.5rem;
}
companies-note-modal .note-details > div label {
  font-size: normal;
  font-weight: normal;
  flex: 0 0 15rem;
}
companies-note-modal .note-details > div span {
  padding-left: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
companies-note-modal .note-details > div div {
  padding-left: 0.5rem;
  white-space: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
companies-note-modal .note-details > div .total-tickets-number {
  margin-bottom: 0.5rem;
  color: var(--accent-colors-mint);
  cursor: pointer;
}
companies-note-modal .note-values {
  margin-bottom: 2rem;
}
companies-note-modal .note-values .panel {
  background: none;
  border: none;
  box-shadow: none;
}
companies-note-modal .note-values dynamic-fields-group-panel dynamic-fields-group-panel-header {
  background: none;
}
companies-note-modal .note-values dynamic-fields-group-panel dynamic-fields-group-panel-header .group-name {
  background: none;
  color: var(--text-color);
  position: relative;
  font-size: 1.8rem;
  padding: 1rem 0;
  width: 100%;
}
companies-note-modal .note-values dynamic-fields-group-panel dynamic-fields-group-panel-header .group-name:after {
  display: block;
  position: absolute;
  bottom: 0.4em;
  content: "";
  width: 1em;
  border: 0.1rem solid var(--accent-colors-mint);
}
companies-note-modal .note-values dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-name {
  margin-left: 0;
}
companies-note-modal .note-values dynamic-fields-group-form dynamic-fields-group-form-attribute {
  border: none;
}
companies-create .panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
companies-edit .panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
companies-index dynamic-fields-schema-form {
  padding: 1rem 2rem;
}
companies-index .save-footer {
  padding: 1rem 2rem;
  display: flex;
  justify-content: flex-end;
}
companies-schema-creator .panel-heading svg {
  color: var(--text-color-grey);
}
companies-schema-creator .save-footer {
  padding: 1rem 2rem;
  display: flex;
  justify-content: flex-end;
}
companies-schema-creator dynamic-fields-schema-form {
  padding-bottom: 12rem;
}
consent-content-form .language-select {
  gap: 0.5rem;
}
consent-content-form hr {
  border-top: 0.1rem solid var(--border-dark-color);
}
consent-content-form .answer-wrapper {
  padding: 1rem 1rem 0 1rem;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
}
consent-content-form .answer {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5rem;
  margin: 1rem 0;
  padding-bottom: 1rem;
}
consent-content-form .answer .text-answer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
consent-content-form .answer .text-answer span {
  flex-basis: 2rem;
}
consent-content-form .answer .text-answer .checkbox {
  display: flex;
  align-items: center;
}
consent-content-form .answer .text-answer .checkbox label {
  display: flex;
  gap: 0.5rem;
}
consent-content-form .answer .text-answer textarea {
  height: 5rem;
  max-height: 15rem;
}
consent-content-form rich-text-editor {
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  flex: 1;
}
consent-content-form .content.ql-container {
  padding-left: 0.5rem;
}
consent-display .accordion {
  margin: 1rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  overflow: hidden auto;
}
consent-display .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 1rem;
  background-color: var(--background-color);
  cursor: pointer;
}
consent-display .accordion-header.is-open {
  border-bottom: 1px solid var(--border-color);
}
consent-display .accordion-header:hover {
  background-color: var(--background-color);
  filter: brightness(95%);
}
consent-display .accordion-header > div {
  flex: 1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
consent-display .accordion-header label {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
consent-display .accordion-header .warning {
  color: var(--accent-colors-warning);
  font-size: 1.1rem;
  margin: 0;
}
consent-display .accordion-arrow {
  transition: 0.1s ease-in-out;
}
consent-display .accordion-arrow.is-open {
  transform: rotate(180deg);
  transition: 0.1s ease-in-out;
}
consent-display .accordion-answers {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 1rem;
  border-top: 1px solid var(--border-color);
}
consent-display .accordion-content {
  max-height: 50rem;
  overflow: auto;
  padding: 1rem;
}
consent-display .required-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  margin: 1rem;
}
consent-form hr {
  border-top: 0.1rem solid var(--border-dark-color);
}
consent-form .date-container {
  display: flex;
  gap: 1rem;
}
consent-form .date-container .mint-form-group {
  flex: 1;
  margin-bottom: 0;
}
consent-form .date-container .mint-form-group:nth-of-type(2) label {
  flex-basis: unset;
}
consent-form .mint-form-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
consent-form .mint-form-group .localization-checkboxes {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  gap: 2rem;
}
consents-answers .table-header {
  margin-left: 1rem;
}
container-configuration-form .warnings,
case-configuration-form .warnings {
  font-size: 1.2rem;
  color: var(--darker-accent-colors-warning);
}
container-configuration-form .warnings svg,
case-configuration-form .warnings svg {
  margin-right: 0.5rem;
}
container-configuration-form .form-group,
case-configuration-form .form-group {
  display: flex;
  align-items: center;
}
container-configuration-form .form-group label,
case-configuration-form .form-group label {
  display: block;
  flex: 0 0 20rem;
  font-weight: normal;
}
container-configuration-form .form-group .snippet-content,
case-configuration-form .form-group .snippet-content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}
container-configuration-form .form-group .form-control,
container-configuration-form .form-group .select-form-control,
container-configuration-form .form-group .control-with-error,
container-configuration-form .form-group .ui-select-container,
case-configuration-form .form-group .form-control,
case-configuration-form .form-group .select-form-control,
case-configuration-form .form-group .control-with-error,
case-configuration-form .form-group .ui-select-container {
  display: block;
  flex: 1;
}
@media (max-width: 660px) {
  container-configuration-form .form-group,
  case-configuration-form .form-group {
    display: block;
  }
}
container-configuration-form .form-group .file-input,
case-configuration-form .form-group .file-input {
  height: 3rem;
}
container-configuration-form .form-group .margin-left,
case-configuration-form .form-group .margin-left {
  margin-left: 0.5rem;
}
container-configuration-form .form-group .icon-preview,
container-configuration-form .form-group .image-preview,
case-configuration-form .form-group .icon-preview,
case-configuration-form .form-group .image-preview {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  margin-left: 1.5rem;
}
container-configuration-form .form-group .icon-preview p,
container-configuration-form .form-group .image-preview p,
case-configuration-form .form-group .icon-preview p,
case-configuration-form .form-group .image-preview p {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
container-configuration-form .form-group .icon-preview i,
container-configuration-form .form-group .image-preview i,
case-configuration-form .form-group .icon-preview i,
case-configuration-form .form-group .image-preview i {
  color: var(--accent-colors-dark-mint);
  font-size: 2rem;
  height: 2rem;
}
container-configuration-form .form-group .icon-preview img,
container-configuration-form .form-group .image-preview img,
case-configuration-form .form-group .icon-preview img,
case-configuration-form .form-group .image-preview img {
  height: 7.5rem;
  max-height: 7.5rem;
  max-width: 7.5rem;
}
container-configuration-form .form-group .add-snippet,
case-configuration-form .form-group .add-snippet {
  display: flex;
  align-items: center;
}
container-configuration-form .checkbox:not(span),
case-configuration-form .checkbox:not(span) {
  margin-bottom: 1.5rem;
}
container-configuration-form .preview-container > p,
case-configuration-form .preview-container > p {
  text-align: center;
  color: var(--accent-colors-primary);
  font-style: italic;
  font-size: 1.2rem;
}
container-configuration-form .uploader-wrapper,
case-configuration-form .uploader-wrapper {
  flex: 1;
  position: relative;
}
container-configuration-form .uploader-wrapper span.label,
case-configuration-form .uploader-wrapper span.label {
  width: 100%;
  display: inline-block;
  background: transparent;
  padding: 1rem 0;
  border: 0.1rem solid var(--accent-colors-dark-mint);
  color: var(--text-color);
  font-size: 1.2rem;
  text-transform: uppercase;
  cursor: pointer;
}
container-configuration-form .uploader-wrapper input[type=file],
case-configuration-form .uploader-wrapper input[type=file] {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
container-configuration-form .tooltip-icon:hover + .tooltip-text,
case-configuration-form .tooltip-icon:hover + .tooltip-text {
  display: block;
}
container-configuration-form .file-input.ng-invalid.ng-dirty ~ .label,
case-configuration-form .file-input.ng-invalid.ng-dirty ~ .label {
  border: 0.1rem solid var(--border-color-error-main);
}
container-configuration-form .invalid-configuration-error,
case-configuration-form .invalid-configuration-error {
  padding-left: 1rem;
}
container-configuration-form .invalid,
container-configuration-form .invalid + .cr,
container-configuration-form .invalid:focus + .cr,
case-configuration-form .invalid,
case-configuration-form .invalid + .cr,
case-configuration-form .invalid:focus + .cr {
  border-color: var(--border-color-error-main);
}
container-configuration-form .invalid:hover:not(:focus),
container-configuration-form .invalid + .cr:hover:not(:focus),
container-configuration-form .invalid:focus + .cr:hover:not(:focus),
case-configuration-form .invalid:hover:not(:focus),
case-configuration-form .invalid + .cr:hover:not(:focus),
case-configuration-form .invalid:focus + .cr:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
customer-portal-ticket-type-attributes .attribute-wrapper {
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}
customer-portal-ticket-type-attributes .attribute-wrapper.select-all {
  align-items: center;
  border: 0;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid var(--border-color);
}
customer-portal-ticket-type-attributes .attribute-wrapper.select-all > p {
  text-align: right;
  font-size: 1.3rem;
  font-weight: bold;
}
customer-portal-ticket-type-attributes .attribute-wrapper p {
  margin: 0;
  flex-basis: 20rem;
}
customer-portal-ticket-type-attributes .attribute-wrapper > div {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
customer-portal-ticket-type-attributes .attribute-wrapper > div > label {
  font-size: 1.2rem;
  font-weight: normal;
}
customer-portal-ticket-type-attributes .attribute-wrapper > div .checkbox {
  margin: 0;
}

dashboard-admin {
  display: block;
}
dashboard-admin .dashboard-panel {
  background-color: var(--background-color);
  padding: 1rem 2rem;
  border-radius: 1rem;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
}

@media (min-width: 992px) {
  dashboard-admin {
    display: flex;
    height: calc(100vh - 10rem);
  }
  dashboard-admin .dashboard-column {
    display: flex;
    flex-direction: column;
    flex: 4;
    min-height: 60rem;
    margin: 0 1rem;
  }
  dashboard-admin .dashboard-column:first-child {
    margin-left: 0;
    flex: 7;
  }
  dashboard-admin .dashboard-column:last-child {
    margin-right: 0;
    flex: 3;
  }
  dashboard-admin .dashboard-column dashboard-subscriptions-panel,
  dashboard-admin .dashboard-column dashboard-statistics-panel,
  dashboard-admin .dashboard-column dashboard-configuration-panel {
    flex: 1;
  }
  dashboard-admin .dashboard-column dashboard-users-panel {
    flex: 2;
  }
  dashboard-admin .dashboard-column dashboard-twitter-panel {
    flex: 7;
  }
  dashboard-admin .dashboard-column > * {
    margin: 1rem 0;
  }
  dashboard-admin .dashboard-column > *:first-child {
    margin-top: 0;
  }
  dashboard-admin .dashboard-column > *:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  dashboard-admin {
    display: flex;
    flex-wrap: wrap;
  }
  dashboard-admin .dashboard-column:not(:first-child) {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    min-height: 60rem;
    margin: 1rem;
  }
  dashboard-admin .dashboard-column:not(:first-child):not(:last-child) {
    margin-left: 0;
  }
  dashboard-admin .dashboard-column:not(:first-child):last-child {
    margin-right: 0;
  }
  dashboard-admin .dashboard-column:not(:first-child) dashboard-subscriptions-panel,
  dashboard-admin .dashboard-column:not(:first-child) dashboard-statistics-panel {
    flex: 1;
  }
  dashboard-admin .dashboard-column:not(:first-child) dashboard-users-panel,
  dashboard-admin .dashboard-column:not(:first-child) dashboard-twitter-panel {
    flex: 2;
  }
  dashboard-admin .dashboard-column:not(:first-child) > * {
    margin: 1rem 0;
  }
  dashboard-admin .dashboard-column:not(:first-child) > *:first-child {
    margin-top: 0;
  }
  dashboard-admin .dashboard-column:not(:first-child) > *:last-child {
    margin-bottom: 0;
  }
  dashboard-admin .dashboard-column:first-child {
    flex: 0 0 100%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  dashboard-admin .dashboard-column dashboard-twitter-panel {
    height: 60rem;
  }
  dashboard-admin .dashboard-column > * {
    margin: 2rem 0;
  }
  dashboard-admin .dashboard-column:first-child > *:first-child {
    margin-top: 0;
  }
}
dashboard-agent .browse-row {
  margin-left: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
dashboard-agent .browse-row .full-width {
  width: 100%;
  padding-left: 0px;
}
dashboard-agent .browse-row .filter-column {
  padding-left: 0px;
}
dashboard-agent .browse-row .filter-column > .panel > .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1170px) {
  dashboard-agent .browse-row {
    display: block;
  }
  dashboard-agent .browse-row .resize-container {
    display: block;
    width: 100% !important;
    max-width: 100%;
  }
  dashboard-agent .browse-row .browse-content {
    padding-left: 0px;
    width: 100%;
  }
  dashboard-agent .browse-row .filter-column {
    overflow: unset;
    display: block;
    padding-right: 0px;
    height: unset !important;
    width: 100%;
  }
}
dashboard-agent .sub-menu {
  padding-left: 1rem;
}
dashboard-agent dynamic-table [ng-transclude=header] {
  flex: auto;
}
dashboard-agent dynamic-table [ng-transclude=header] .table-header {
  padding: 1rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
}
dashboard-agent dynamic-table [ng-transclude=header] .table-header > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  min-width: 0;
}
dashboard-agent dynamic-table [ng-transclude=header] .table-header > div:first-child {
  flex: 1 1 42rem;
}
dashboard-agent dynamic-table [ng-transclude=header] .table-header .search-info {
  display: flex;
  align-items: center;
}
dashboard-agent .header-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem;
  gap: 1rem;
}
dashboard-agent .header-panel .header-chips {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.25rem;
  min-width: 0;
}
dashboard-agent .header-panel .header-buttons {
  flex: 1 0 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  min-width: 0;
  width: 100%;
}
dashboard-agent .header-panel .header-buttons .buttons-contener {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-width: 100%;
}
dashboard-agent .header-panel .header-buttons .buttons-contener .checkboxes-container,
dashboard-agent .header-panel .header-buttons .buttons-contener .actions-container {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.25rem;
  max-width: 100%;
}
dashboard-agent .header-panel .header-buttons .buttons-contener .checkboxes-container > span,
dashboard-agent .header-panel .header-buttons .buttons-contener .actions-container > button {
  margin: 0.2rem;
}
@media (max-width: 1170px) {
  dashboard-agent .header-panel {
    gap: 0;
  }
  dashboard-agent .header-panel .header-chips {
    flex: 1 1 100%;
    justify-content: flex-start;
    width: 100%;
  }
  dashboard-agent .header-panel .header-buttons .buttons-contener {
    justify-content: flex-end;
  }
  dashboard-agent dynamic-table [ng-transclude=header] .table-header > div:first-child,
  dashboard-agent dynamic-table [ng-transclude=header] .table-header .search-info {
    flex: 1 1 100%;
  }
}
@media (max-width: 660px) {
  dashboard-agent .header-panel .header-buttons .buttons-contener {
    flex-direction: column;
    align-items: stretch;
  }
  dashboard-agent .header-panel .header-buttons .buttons-contener .checkboxes-container {
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }
  dashboard-agent .header-panel .header-buttons .buttons-contener .actions-container {
    width: 100%;
  }
}
dashboard-agent-widget .table-header {
  padding: 1rem;
}
dashboard-client .browse-row {
  margin-left: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
dashboard-client .browse-row .full-width {
  width: 100%;
  padding-left: 0;
}
dashboard-client .browse-row .filter-column {
  padding-left: 0px;
}
@media (max-width: 1170px) {
  dashboard-client .browse-row {
    display: block;
  }
  dashboard-client .browse-row .resize-container {
    display: block;
    width: auto !important;
  }
  dashboard-client .browse-row .browse-content {
    padding-left: 0px;
  }
  dashboard-client .browse-row .filter-column {
    overflow: unset;
    display: block;
    padding-right: 0px;
    height: unset;
  }
}
dashboard-client .table-header {
  padding: 1rem;
}
dashboard-client .header-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem;
  gap: 1rem;
}
dashboard-client .header-panel .header-chips {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.25rem;
  min-width: 0;
}
dashboard-client .header-panel .header-buttons {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  margin-left: auto;
  min-width: 0;
}
dashboard-client .header-panel .header-buttons .buttons-contener {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-width: 100%;
}
dashboard-client .header-panel .header-buttons .buttons-contener > span,
dashboard-client .header-panel .header-buttons .buttons-contener button {
  margin: 0.2rem;
}
@media (max-width: 1170px) {
  dashboard-client .header-panel {
    gap: 0;
  }
  dashboard-client .header-panel .header-chips {
    flex: 0 1 auto;
    justify-content: flex-start;
  }
  dashboard-client .header-panel .header-buttons .buttons-contener {
    justify-content: flex-end;
  }
}
create-dictionary-value-modal {
  min-width: 50rem;
}
.dictionaries--values-container .angular-ui-tree-empty {
  display: none;
}

.dictionary-export-button .table-header {
  padding: 1rem 0;
}
alert-date-options-modal {
  min-width: 30rem;
  min-height: 20rem;
}
alert-date-options-modal .panel {
  padding: 2rem;
}
alert-date-options-modal .panel .panel-body {
  margin-bottom: 1rem;
}
alert-date-options-modal .panel .select-form-control {
  margin-top: 2rem;
}
alert-date-options-modal .modal-footer {
  padding: 1rem 0 0 0;
  border: 0;
}
alert-date-options-modal .form-control.ng-invalid.ng-dirty {
  border-color: var(--border-color-error-main);
}
alert-date-options-modal .form-control.ng-invalid.ng-dirty:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
dynamic-fields-attachment-modal {
  min-width: 40rem;
}
dynamic-fields-attachment-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
dynamic-fields-attachment-modal .panel .modal-footer {
  display: flex;
  justify-content: flex-end;
  border: 0;
}
.role-picker {
  display: flex;
  margin: 2.7rem 0 1rem 0rem;
}
.role-picker > div {
  width: 30rem;
  margin-right: 3rem;
}

.mode-switcher {
  display: flex;
  padding: 4rem 0 0 0;
  margin: 0 7rem 2.7rem 7rem;
  border-bottom: 0.1rem solid var(--border-light-color);
  font-size: 1.8rem;
}
.mode-switcher > div {
  padding-right: 5rem;
  padding-left: 5rem;
  padding-bottom: 2rem;
}
.mode-switcher > div.active {
  font-weight: bold;
  border-bottom: 0.4rem solid var(--accent-colors-mint);
  border-collapse: collapse;
}
.mode-switcher > div:hover {
  cursor: pointer;
}

dynamic-fields-category-schema-form .panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
dynamic-fields-category-schema-form .wizard-panel {
  background: var(--background-color);
  overflow: scroll;
  max-height: 80vh;
}
dynamic-fields-category-schema-form .wizard-panel .schema-mode-container {
  padding: 0 2rem 1rem 2rem;
}
dynamic-fields-category-schema-form .wizard-panel .search-input {
  width: 40rem;
  height: 3rem;
  margin: 0 0 15px 2px;
  border: var(--accent-colors-mint) 1px solid;
}
dynamic-fields-category-schema-form .wizard-panel .service-select {
  min-width: 20rem;
  padding-left: 2rem;
}
dynamic-fields-category-schema-form .wizard-panel .search-bar {
  margin-top: 3.5rem;
  width: 50rem;
  display: inline-flex;
}
dynamic-fields-category-schema-form .wizard-panel .services-expand {
  padding: 0.5rem 0 0 2rem;
  min-width: 20rem;
}
dynamic-fields-category-schema-form .wizard-panel .wizard-headers {
  display: flex;
  margin-bottom: 1rem;
}
dynamic-fields-category-schema-form .wizard-panel .wizard-headers .header {
  color: var(--accent-colors-mint);
  font-size: 1.6rem;
}
dynamic-fields-category-schema-form .wizard-panel .wizard-headers .categories-header {
  flex: 1;
  min-width: 200px;
  color: var(--text-color);
  font-weight: bold;
}
dynamic-fields-category-schema-form .wizard-panel .wizard-headers .groups-header {
  flex: 1;
  min-width: 200px;
  color: var(--text-color);
  font-weight: bold;
}
dynamic-fields-category-schema-form .wizard-panel .wizard-headers .attributes-header {
  flex: 4;
  color: var(--text-color);
  font-weight: bold;
}
dynamic-fields-category-schema-form .wizard-panel .wizard-headers .roles-cat-header {
  min-width: 275px !important;
}
dynamic-fields-category-schema-form .wizard-panel .add-category-bar {
  display: flex;
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
}
dynamic-fields-category-schema-form .invalid {
  border: var(--accent-colors-danger) 1px solid !important;
}
dynamic-fields-category-schema-form .invalid:focus {
  outline: none;
}
dynamic-fields-category-schema-form .invalid::placeholder {
  color: var(--text-color-grey) !important;
}
dynamic-fields-category-schema-form .invalid-dropdown > div > span {
  border: 1px solid var(--accent-colors-danger);
}
dynamic-fields-category-schema-form .form-control {
  max-width: 20rem;
  margin-right: 0.5rem;
}
dynamic-fields-category-schema-form .handle {
  color: var(--accent-colors-dark-mint);
  cursor: move;
  width: 2rem;
  margin-top: 0.5rem;
  margin-left: 0.7rem;
}
dynamic-fields-category-schema-form .handle > svg {
  margin-left: 4px;
}

.category-border {
  border: 0.1rem solid var(--border-light-color);
}

.nested-dropdown-item {
  margin-left: 1rem;
}
dynamic-fields-checkbox-modal > form {
  width: 50rem;
  padding: 2rem;
}
dynamic-fields-checkbox-modal > form div p {
  margin-bottom: 2rem;
}
dynamic-fields-checkbox-modal > form .modal-footer {
  border: 0;
}
dynamic-fields-countdown-modal {
  min-width: 40rem;
}
dynamic-fields-countdown-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
dynamic-fields-countdown-modal .panel .modal-footer {
  display: flex;
  justify-content: center;
  border: 0;
}
dynamic-fields-date-modal .panel {
  min-width: 50rem;
  display: flex;
  flex-flow: column nowrap;
  padding: 1rem 1.5rem;
}
dynamic-fields-date-modal .panel .field-modal_wrapper {
  margin: 1.5rem 0;
  display: flex;
  flex-flow: column nowrap;
}
dynamic-fields-date-modal .panel .field-modal_wrapper .field-wrapper {
  display: flex;
  justify-content: space-between;
}
dynamic-fields-date-modal .panel .field-modal_wrapper .radio-container {
  margin-bottom: 1rem;
}
dynamic-fields-date-modal .panel .footer {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 1rem;
}
dynamic-fields-date-modal .panel label {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  cursor: pointer;
}
dynamic-fields-date-scope-modal .panel {
  min-width: 50rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 1rem 1.5rem;
}
dynamic-fields-date-scope-modal .panel .radio-container {
  margin: 0.5rem 1rem 0.5rem 0;
}
dynamic-fields-date-scope-modal .panel .radio-container label {
  display: flex;
  justify-content: space-between;
}
dynamic-fields-date-scope-modal .panel .date-scope_container {
  margin-top: 2rem;
}
dynamic-fields-date-scope-modal .panel .footer {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 1rem;
}
dynamic-fields-dictionary-modal {
  min-width: 40rem;
}
dynamic-fields-dictionary-modal .panel .form-group {
  padding: 0 1rem;
}
dynamic-fields-dictionary-modal .panel .form-group .label {
  padding-left: 0;
  font-weight: normal;
}
dynamic-fields-dictionary-modal .panel .form-group .checkbox label {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
dynamic-fields-dictionary-modal .panel .modal-footer {
  display: flex;
  justify-content: flex-end;
  border-top: 0.1rem solid var(--border-color);
}
dynamic-fields-group-form {
  display: block;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute {
  display: flex;
  flex-direction: row;
  align-items: center;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-name {
  flex: 0 0 15rem;
  word-break: break-word;
  margin: 0.5rem;
  color: var(--text-color);
  font-weight: 500;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-name.full-width {
  flex: unset;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute .label-content {
  margin: 0.5rem;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-input {
  flex: 1;
  margin: 0 0.5rem 0.5rem 0;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-input:has(.checkbox-attribute-input) {
  max-width: 2rem;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute .checkbox-attribute-input {
  width: 2rem;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-row {
  display: flex;
  margin: auto 0;
}
@media (max-width: 1366px) {
  dynamic-fields-group-form dynamic-fields-group-form-attribute {
    flex-direction: column;
    align-items: unset;
  }
  dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-name {
    flex: unset;
    margin: 0;
  }
  dynamic-fields-group-form dynamic-fields-group-form-attribute dynamic-fields-group-form-attribute.checkbox-attribute-name {
    flex-direction: unset;
    align-items: center;
  }
  dynamic-fields-group-form dynamic-fields-group-form-attribute attribute-input:has(.checkbox-attribute-input) {
    max-width: 2.5rem;
  }
}
dynamic-fields-group-form dynamic-fields-group-form-attribute:has(dynamic-fields-controls-subscribed-receiver) {
  flex-direction: column;
  align-items: stretch;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute:has(dynamic-fields-controls-subscribed-receiver) .attribute-name,
dynamic-fields-group-form dynamic-fields-group-form-attribute:has(dynamic-fields-controls-subscribed-receiver) .attribute-input {
  width: 100%;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute:has(dynamic-fields-controls-subscribed-receiver) .attribute-name {
  flex: unset;
  margin: 0 0 0.5rem;
}
dynamic-fields-group-form dynamic-fields-group-form-attribute:has(dynamic-fields-controls-subscribed-receiver) .attribute-input {
  margin: 0 0 0.5rem;
}
dynamic-fields-group-form dynamic-fields-group-form-pool {
  display: block;
}
dynamic-fields-group-form dynamic-fields-group-form-pool .pool-panel {
  border-bottom: 0.1rem solid var(--border-color);
  border-width: 0.1rem;
}
dynamic-fields-group-form dynamic-fields-group-form-pool .pool-header {
  border-bottom: 0.1rem solid var(--border-color);
  border-width: 0.1rem;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  font-weight: bold;
}
dynamic-fields-group-form dynamic-fields-group-form-pool .pool-header .pool-name {
  padding-right: 1rem;
}
dynamic-fields-group-form dynamic-fields-group-form-pool .pool-header .pool-switcher {
  display: inline-flex;
  align-items: center;
  border: 0.1rem solid var(--accent-colors-mint);
  border-radius: 0.5rem;
}
dynamic-fields-group-form dynamic-fields-group-form-pool .pool-header .pool-switcher .btn {
  color: var(--text-color);
}
dynamic-fields-group-form dynamic-fields-group-form-pool .pool-header .pool-filler {
  flex: 1;
}
dynamic-fields-group-form dynamic-fields-group-form-pool .pool-header .pool-remove-btn, dynamic-fields-group-form dynamic-fields-group-form-pool .pool-header .pool-add-btn {
  flex: 0 0 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
dynamic-fields-group-form dynamic-fields-group-form-pool .pool-header .pool-remove-btn > button:disabled, dynamic-fields-group-form dynamic-fields-group-form-pool .pool-header .pool-add-btn > button:disabled {
  cursor: default;
}
dynamic-fields-group-form dynamic-fields-group-form-pool.pool-inline {
  width: 100%;
  border-top: 0.1rem solid var(--border-color);
}
dynamic-fields-group-form dynamic-fields-group-form-pool.pool-inline > .pool-header {
  display: none;
}
dynamic-fields-group-form dynamic-fields-group-form-pool.pool-inline ng-form {
  display: flex;
  flex-flow: row wrap;
}
dynamic-fields-group-form dynamic-fields-group-form-pool.pool-inline ng-form .attribute-row {
  margin: auto 0;
}
dynamic-fields-group-form dynamic-fields-group-form-pool.pool-inline ng-form .attribute-name {
  flex: none;
  max-width: 15rem;
}
dynamic-fields-group-form dynamic-fields-group-form-pool.pool-inline ng-form .form-control {
  width: 15rem;
  max-width: 20rem;
}
dynamic-fields-group-form dynamic-fields-group-form-pool.pool-inline ng-form dynamic-fields-controls-date-scope .form-control {
  width: 10rem;
}
dynamic-fields-group-panel {
  display: flex;
}
dynamic-fields-group-panel .show-panel {
  width: 100%;
}
dynamic-fields-group-panel > div {
  flex: 1;
}
dynamic-fields-group-panel > div dynamic-fields-group-panel-header .group-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
dynamic-fields-group-panel > div dynamic-fields-group-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
dynamic-fields-group-panel > div dynamic-fields-group-panel-header .filler {
  flex: 1;
  height: 2rem;
}
dynamic-fields-group-panel > div dynamic-fields-group-panel-header .expand-btn {
  transition: transform 0.5s ease;
}
dynamic-fields-group-panel > div dynamic-fields-group-panel-header .expand-btn.expanded {
  transform: rotate(180deg);
}
dynamic-fields-label-modal > form {
  padding: 2rem;
}
dynamic-fields-label-modal > form .mint-form-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 1rem;
}
dynamic-fields-label-modal > form .mint-form-group label {
  flex-basis: 25rem;
}
dynamic-fields-label-modal > form .mint-form-group rich-text-editor {
  max-width: 100rem;
}
dynamic-fields-label-modal > form .mint-form-group rich-text-editor .content {
  max-height: 40rem;
  overflow: auto;
}
dynamic-fields-label-modal > form .label-preview {
  text-align: center;
}
dynamic-fields-label-modal > form .label-preview p {
  margin: 0.5rem 0;
}
dynamic-fields-label-modal > form .modal-footer {
  border: 0;
  padding: 0;
}
@media (max-width: 768px) {
  dynamic-fields-label-modal > form .mint-form-group {
    display: block;
  }
}
dynamic-fields-link-button-modal {
  min-width: 72rem;
}
dynamic-fields-link-button-modal .link-button-modal-panel {
  padding: 1.6rem 1.6rem 0 1.6rem;
}
dynamic-fields-link-button-modal .panel-body {
  max-height: 70vh;
  overflow-y: auto;
  padding: 1.2rem 0 0.4rem 0;
}
dynamic-fields-link-button-modal .link-button-modal-section {
  margin-bottom: 2rem;
}
dynamic-fields-link-button-modal .link-button-modal-section h4 {
  margin-top: 0;
  margin-bottom: 1rem;
  color: var(--text-color);
  font-weight: 600;
}
dynamic-fields-link-button-modal .link-button-modal-card {
  padding: 1.6rem;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  background: var(--background-color);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
}
dynamic-fields-link-button-modal .link-button-modal-card--compact {
  padding: 1.2rem 1.6rem;
}
dynamic-fields-link-button-modal .link-button-modal-tabs {
  display: flex;
  gap: 2.4rem;
  margin-bottom: 1.2rem;
  padding: 0 0.4rem;
  border-bottom: 0.1rem solid var(--border-light-color);
}
dynamic-fields-link-button-modal .link-button-modal-tab {
  padding: 0 0 1rem 0;
  border: 0;
  border-bottom: 0.2rem solid transparent;
  background: transparent;
  color: rgba(var(--text-color), 0.75);
  font-size: 1.6rem;
  font-weight: 600;
  transition: color 0.2s ease, border-color 0.2s ease;
}
dynamic-fields-link-button-modal .link-button-modal-tab:hover {
  color: var(--text-color);
}
dynamic-fields-link-button-modal .link-button-modal-tab.is-active {
  color: var(--text-color);
  border-bottom-color: var(--accent-colors-dark-mint);
}
dynamic-fields-link-button-modal .link-button-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem 2rem;
  align-items: start;
  margin-bottom: 1.6rem;
}
dynamic-fields-link-button-modal .link-button-modal-field {
  display: grid;
  grid-template-columns: 22rem minmax(0, 1fr);
  align-items: start;
  column-gap: 1.6rem;
  row-gap: 0.8rem;
  margin-bottom: 1.6rem;
}
dynamic-fields-link-button-modal .link-button-modal-field label {
  width: 22rem;
  max-width: 22rem;
  margin: 0;
  padding-top: 0.6rem;
  font-weight: 600;
}
dynamic-fields-link-button-modal .link-button-modal-field:last-child {
  margin-bottom: 0;
}
dynamic-fields-link-button-modal .link-button-modal-field-content {
  min-width: 0;
}
dynamic-fields-link-button-modal .snippet-content {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
dynamic-fields-link-button-modal .add-snippet {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
dynamic-fields-link-button-modal .link-button-modal-meta {
  margin-top: 0.8rem;
}
dynamic-fields-link-button-modal .link-button-modal-hint {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}
dynamic-fields-link-button-modal .link-button-modal-hint-label {
  font-size: 1.2rem;
  color: rgba(var(--text-color), 0.7);
}
dynamic-fields-link-button-modal .tooltip-icon {
  color: var(--accent-colors-dark-mint);
  cursor: pointer;
}
dynamic-fields-link-button-modal .link-button-modal-example-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.2rem;
}
dynamic-fields-link-button-modal .link-button-modal-example {
  padding: 0.5rem 1.1rem;
  font-size: 1.2rem;
  border-radius: 2rem;
}
dynamic-fields-link-button-modal .link-button-modal-textarea {
  resize: vertical;
  min-height: 10rem;
  font-family: Consolas, Monaco, monospace;
}
dynamic-fields-link-button-modal .link-button-modal-checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 2.4rem;
  padding-top: 0.4rem;
  margin-bottom: 1.6rem;
}
dynamic-fields-link-button-modal .link-button-modal-checkboxes .checkbox {
  display: flex;
  align-items: center;
  margin: 0;
  min-height: 3.2rem;
}
dynamic-fields-link-button-modal .link-button-modal-checkboxes .checkbox label {
  display: inline-flex;
  align-items: center;
  margin: 0;
  gap: 0.6rem;
  line-height: 1.4;
}
dynamic-fields-link-button-modal .link-button-modal-checkboxes .checkbox .cr {
  margin-top: 0;
}
dynamic-fields-link-button-modal .link-button-modal-help-block {
  margin-top: 0.8rem;
  margin-bottom: 0;
  max-width: 28rem;
}
dynamic-fields-link-button-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1rem 0;
  border: 0;
}
@media (max-width: 768px) {
  dynamic-fields-link-button-modal {
    min-width: auto;
  }
  dynamic-fields-link-button-modal .link-button-modal-grid {
    grid-template-columns: 1fr;
  }
  dynamic-fields-link-button-modal .link-button-modal-field {
    display: block;
  }
  dynamic-fields-link-button-modal .link-button-modal-field label {
    display: block;
    max-width: none;
    margin-bottom: 0.8rem;
    padding-top: 0;
  }
  dynamic-fields-link-button-modal .link-button-modal-tabs {
    gap: 1.6rem;
    overflow-x: auto;
  }
}
dynamic-fields-link-button-response-modal {
  min-width: 48rem;
  max-width: 86rem;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal {
  margin: 0;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__body {
  min-height: 22rem;
  padding: 1.6rem 2.4rem;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__loading {
  display: flex;
  justify-content: center;
  min-height: 18rem;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__loading-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  max-width: 32rem;
  padding: 2rem;
  margin: 0 auto;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  background: rgba(var(--text-color), 0.03);
  text-align: center;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__loading-card p {
  margin: 0;
  color: rgba(var(--text-color), 0.8);
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__error-card {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__result {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__template {
  min-width: 0;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__error pre,
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__raw-response {
  max-height: 40rem;
  overflow: auto;
  padding: 1.2rem 1.4rem;
  margin: 0;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  background: rgba(var(--text-color), 0.03);
  white-space: pre-wrap;
  word-break: break-word;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__compiled {
  word-break: break-word;
}
dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 2.4rem 2rem;
  border-top: 0;
}
@media (max-width: 768px) {
  dynamic-fields-link-button-response-modal {
    min-width: auto;
  }
  dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__body {
    padding: 1.6rem;
  }
  dynamic-fields-link-button-response-modal .dynamic-fields-link-button-response-modal__footer {
    padding: 0 1.6rem 1.6rem;
  }
}
dynamic-fields-maplocalization-modal {
  min-width: 40rem;
}
dynamic-fields-maplocalization-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
dynamic-fields-maplocalization-modal .panel .modal-footer {
  display: flex;
  justify-content: center;
  border: 0;
}
math-formula-modal {
  min-width: 80rem;
}
math-formula-modal .panel {
  max-width: calc(100vw - 2rem);
  max-height: 90vh;
}
math-formula-modal .panel .math-attribute-container {
  max-height: 70vh;
  overflow: auto;
}
math-formula-modal .panel .math-attribute-container .math-attribute-row {
  display: grid;
  grid-template-columns: 3rem 1fr 1fr 1fr auto;
  gap: 1rem;
  align-items: center;
  margin: 0.5rem 0;
}
math-formula-modal .panel .math-attribute-container .math-attribute-row .select-form-control {
  width: 20rem;
}
math-formula-modal .panel .math-attribute-container .math-attribute-row .row-index {
  text-align: center;
}
math-formula-modal .panel .math-attribute-container .math-attribute-row .column-delete {
  text-align: center;
}
math-operation-modal {
  min-width: 80rem;
  overflow: auto;
  max-height: 90vh;
}
math-operation-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
math-operation-modal .panel .math-attribute-container {
  max-height: 30vh;
  overflow: auto;
}
math-operation-modal .panel .math-attribute-container .math-attribute-row {
  display: grid;
  grid-template-columns: 3rem 1fr 1fr 1fr auto;
  gap: 1rem;
  align-items: center;
  margin: 0.5rem 0;
}
math-operation-modal .panel .math-attribute-container .math-attribute-row .select-form-control {
  width: 20rem;
}
math-operation-modal .panel .math-attribute-container .math-attribute-row .row-index {
  text-align: center;
}
math-operation-modal .panel .math-attribute-container .math-attribute-row .column-delete {
  text-align: center;
}
math-operation-modal .panel .modal-footer {
  display: flex;
  justify-content: center;
  border: 0;
}
math-operation-modal .panel .has-error {
  align-items: center;
  gap: 0.5rem;
  color: var(--accent-colors-danger);
  margin-left: 1rem;
  font-size: small;
}
dynamic-fields-num-scope-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
dynamic-fields-num-scope-modal .panel .exit-button {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 1rem;
}
dynamic-fields-num-scope-modal .panel .field-modal_wrapper {
  display: flex;
  flex-flow: column nowrap;
}
dynamic-fields-num-scope-modal .panel .field-modal_wrapper .field-wrapper {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
dynamic-fields-num-scope-modal .panel .field-modal_wrapper .field-wrapper p {
  flex-basis: 15rem;
  margin: 0 1rem 0 0;
}
dynamic-fields-num-scope-modal .panel .field-modal_wrapper .field-wrapper .form-control {
  width: 100%;
}
@media (max-width: 500px) {
  dynamic-fields-num-scope-modal .panel .field-modal_wrapper .field-wrapper {
    flex-flow: column nowrap;
  }
  dynamic-fields-num-scope-modal .panel .field-modal_wrapper .field-wrapper p {
    flex-basis: 0;
  }
}
dynamic-fields-num-scope-modal .panel .field-modal_wrapper .form-group {
  margin: 0;
  width: 100%;
  min-width: 20rem;
}
dynamic-fields-num-scope-modal .panel .modal-footer {
  display: flex;
  justify-content: center;
  border: 0;
}
dynamic-fields-percentage-modal {
  min-width: 40rem;
}
dynamic-fields-percentage-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
dynamic-fields-percentage-modal .panel .exit-button {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 1rem;
}
dynamic-fields-percentage-modal .panel .field-modal_wrapper {
  display: flex;
  flex-flow: column nowrap;
}
dynamic-fields-percentage-modal .panel .field-modal_wrapper .field-wrapper {
  margin: 1rem 0;
}
dynamic-fields-percentage-modal .panel .field-modal_wrapper .field-wrapper p {
  flex-basis: 15rem;
  margin: 0 1rem 0 0;
}
dynamic-fields-percentage-modal .panel .field-modal_wrapper .field-wrapper .form-control {
  width: 100%;
}
dynamic-fields-percentage-modal .panel .field-modal_wrapper .flex {
  display: flex;
  gap: 1rem;
}
dynamic-fields-percentage-modal .panel .field-modal_wrapper .form-group {
  margin: 0;
  width: 100%;
  min-width: 20rem;
}
dynamic-fields-percentage-modal .panel .modal-footer {
  display: flex;
  justify-content: flex-end;
  border: 0;
  padding: 1rem 0;
}
dynamic-fields-real-number-modal {
  min-width: 40rem;
}
dynamic-fields-real-number-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
dynamic-fields-real-number-modal .panel .exit-button {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 1rem;
}
dynamic-fields-real-number-modal .panel .field-modal_wrapper {
  display: flex;
  flex-flow: column nowrap;
}
dynamic-fields-real-number-modal .panel .field-modal_wrapper .field-wrapper {
  margin: 1rem 0;
}
dynamic-fields-real-number-modal .panel .field-modal_wrapper .field-wrapper p {
  flex-basis: 15rem;
  margin: 0 1rem 0 0;
}
dynamic-fields-real-number-modal .panel .field-modal_wrapper .field-wrapper .form-control {
  width: 100%;
}
dynamic-fields-real-number-modal .panel .field-modal_wrapper .flex {
  display: flex;
  gap: 1rem;
}
dynamic-fields-real-number-modal .panel .field-modal_wrapper .form-group {
  margin: 0;
  width: 100%;
  min-width: 20rem;
}
dynamic-fields-real-number-modal .panel .modal-footer {
  display: flex;
  justify-content: flex-end;
  border: 0;
  padding: 1rem 0;
}
dynamic-fields-relation-user-modal {
  min-width: 40rem;
}
dynamic-fields-relation-user-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
dynamic-fields-relation-user-modal .panel .panel-body {
  padding: 1rem 0;
}
dynamic-fields-relation-user-modal .panel .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 1rem 0;
  border: 0;
}
dynamic-fields-schema-form {
  display: grid;
  grid-template-columns: 20rem auto;
  grid-gap: 1rem;
  overflow: auto;
}
dynamic-fields-schema-form input.schema-error {
  border-color: var(--border-color-error-main);
}
dynamic-fields-schema-form input.schema-error:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
dynamic-fields-schema-form div.schema-error:not(.select-form-control) {
  padding: 0.5rem;
  color: var(--accent-colors-danger);
  font-size: small;
}
dynamic-fields-schema-form .select-form-control.schema-error .form-control {
  border-color: var(--border-color-error-main);
}
dynamic-fields-schema-form .select-form-control.schema-error .form-control:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
dynamic-fields-schema-form .btn.schema-error {
  padding: 0.4rem 0.9rem;
  border-color: var(--border-color-error-main);
}
dynamic-fields-schema-form .btn.schema-error:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
dynamic-fields-schema-form dynamic-fields-schema-group {
  display: contents;
}
dynamic-fields-schema-form dynamic-fields-schema-group .group-container {
  display: flex;
  flex-flow: column nowrap;
}
dynamic-fields-schema-form dynamic-fields-schema-group .group-container > .group-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
dynamic-fields-schema-form dynamic-fields-schema-group .group-container .group-action-controllers label {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  font-weight: normal;
  font-size: 1.2rem;
}
dynamic-fields-schema-form dynamic-fields-schema-group .group-container .group-action-controllers label p {
  margin: 0 0.5rem 0 0;
  white-space: nowrap;
  color: var(--text-color);
}
dynamic-fields-schema-form dynamic-fields-schema-group .group-container > * {
  display: block;
}
dynamic-fields-schema-form dynamic-fields-schema-group .group-container label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  color: var(--accent-colors-mint);
  padding: 0.7rem 1rem;
  margin: 0;
}
dynamic-fields-schema-form dynamic-fields-schema-group .group-attributes,
dynamic-fields-schema-form dynamic-fields-schema-group .nested-attributes {
  display: grid;
  grid-template-columns: 20rem 20rem auto 5rem;
  grid-gap: 1rem;
}
dynamic-fields-schema-form dynamic-fields-schema-group .nested-attributes {
  grid-column: 1/5;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute {
  display: contents;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-name label {
  color: var(--accent-colors-mint);
  padding: 0.7rem 1rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-params > * {
  display: flex;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-params > * .radio,
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-params > * .checkbox {
  white-space: nowrap;
  margin: 1rem;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-params > * .radio > label,
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-params > * .checkbox > label {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -0.7rem;
  color: var(--accent-colors-mint);
  font-size: x-small;
  font-weight: bold;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-params > * .radio > label:after,
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-params > * .checkbox > label:after {
  content: none;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-params > * .attribute-input-param {
  width: 20rem;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-trash {
  justify-self: end;
  display: flex;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .attribute-trash button {
  margin: 0.5rem;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .nested-attributes .attribute-name {
  padding-left: 3rem;
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .nested-attributes .attribute-name label {
  color: var(--accent-colors-primary);
}
dynamic-fields-schema-form dynamic-fields-schema-group dynamic-fields-schema-attribute .nested-attributes div.schema-error:not(.select-form-control) {
  padding-left: 4rem;
}
dynamic-fields-signature-modal {
  width: 80%;
  margin: auto;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
dynamic-fields-signature-modal .signature-wrap {
  padding: 1.5rem;
}
dynamic-fields-signature-modal canvas {
  width: 100%;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  flex-shrink: 0;
  background-color: var(--background-color);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-size: 2rem 2rem;
  aspect-ratio: 3/1;
  margin-bottom: 1.5rem;
  background-color: white;
}
dynamic-fields-signature-modal .description {
  text-align: center;
  font-style: italic;
}
dynamic-fields-signature-modal .content {
  flex: 1;
  display: flex;
  gap: 0.5rem;
  flex-flow: column nowrap;
  justify-content: center;
}
dynamic-fields-signature-modal .signature-wrap {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
dynamic-fields-signature-modal .header {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
dynamic-fields-signature-modal .footer {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  dynamic-fields-signature-modal {
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  dynamic-fields-signature-modal .panel {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
  dynamic-fields-signature-modal canvas {
    max-height: none;
    width: 100%;
    border: 0.1rem solid var(--border-color);
  }
  dynamic-fields-signature-modal .tools {
    margin-top: 1.5rem;
    justify-content: center;
    gap: 1.5rem;
  }
}
.modal-dimm-backdrop > *:first-child > .panel.table-panel {
  max-height: none;
}

table-custom-field-modal {
  width: 95vw;
  min-width: 80rem;
}
table-custom-field-modal .panel {
  padding: 1rem 1rem 0 1rem;
  max-width: calc(100vw - 2rem);
  max-height: 90vh;
}
table-custom-field-modal .panel .panel-body {
  max-height: 75vh;
  overflow-y: auto;
}
table-custom-field-modal .panel .panel-body .table-configuration .table-custom-fields-columns {
  display: grid;
  grid-template-columns: 3rem 20rem 10rem 1fr 1fr 5rem 5rem auto;
  gap: 1rem;
  align-items: center;
  margin: 0.5rem 0;
}
table-custom-field-modal .panel .panel-body .table-configuration .table-custom-fields-columns .column-index {
  text-align: center;
}
table-custom-field-modal .panel .panel-body .table-configuration .table-custom-fields-columns .trash-container {
  text-align: center;
}
table-custom-field-modal .panel .panel-body .table-configuration .table-custom-fields-columns .column-delete {
  text-align: center;
}
table-custom-field-modal .panel .panel-body .table-summary .table-summary-heading {
  padding-bottom: 1rem;
}
table-custom-field-modal .panel .panel-body .table-summary .table-summary-row {
  display: grid;
  grid-template-columns: 20rem 20rem 20rem 5rem auto;
  gap: 1rem;
  align-items: center;
  margin: 0.5rem 0;
}
table-custom-field-modal .panel .panel-body .add-button {
  padding-bottom: 0.7rem;
}
table-custom-field-modal .panel .modal-footer {
  display: flex;
  justify-content: center;
  border: 0;
}
dynamic-fields-text-modal {
  min-width: 40rem;
}
dynamic-fields-text-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
dynamic-fields-text-modal .panel .panel-body {
  padding: 1rem 0;
}
dynamic-fields-text-modal .panel .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 1rem 0;
  border: 0;
}
dynamic-fields-controls-attachment {
  display: block;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
dynamic-fields-controls-attachment .attachment-item {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1366px) {
  dynamic-fields-controls-attachment .attachment-item {
    max-width: 20rem;
  }
}
dynamic-fields-controls-attachment .attachment-item .attachment-file-button {
  margin-right: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
dynamic-fields-controls-attachment .attachment-item .attachment-file-button:hover, dynamic-fields-controls-attachment .attachment-item .attachment-file-button:focus {
  text-decoration: none;
}
dynamic-fields-controls-attachment .attachment-item .attachment-buttons {
  margin-left: auto;
}
dynamic-fields-controls-attachment .attachment-add-file-button input {
  display: none;
}
.dynamic-fields-checkbox_container {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  justify-content: flex-start;
}
.dynamic-fields-checkbox_container .checkbox_display-only {
  cursor: not-allowed;
}
.dynamic-fields-checkbox_container .checkbox_display-only span {
  pointer-events: none;
}
.dynamic-fields-checkbox_container .ng-dirty.ng-empty + .cr {
  border-color: var(--border-color-error-main);
}
.dynamic-fields-checkbox_container .ng-dirty.ng-empty + .cr:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}

dynamic-fields-controls-checkbox {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1366px) {
  dynamic-fields-controls-checkbox {
    margin: 0 3rem 0 0;
  }
}
dynamic-fields-controls-date-scope > div {
  display: flex;
  flex-flow: row wrap;
}
dynamic-fields-controls-date-scope > div .date-separator {
  width: 3rem;
}
dynamic-fields-controls-date-scope > div input {
  min-width: 7rem;
}
dynamic-fields-controls-dictionary .stretched {
  flex: 1;
}
dynamic-fields-controls-dictionary .ui-select-container .ui-select-choices-row > div {
  white-space: normal;
}
dynamic-fields-controls-dictionary .dictionary-with-pattern {
  display: flex;
  flex-flow: row wrap;
  gap: 0.1rem;
}
dynamic-fields-controls-dictionary .dictionary-attribute-element {
  display: flex;
}
dynamic-fields-controls-dictionary .dictionary-attribute-element .ui-select-container {
  flex: 1;
}
dynamic-fields-controls-dictionary .dictionary-attribute-element .ui-select-container.ui-select-multiple .ui-select-match-item {
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}
dynamic-fields-controls-dictionary .dictionary-attribute-element .ui-select-container.ui-select-multiple .ui-select-match-item > span {
  display: block;
}
dynamic-fields-controls-dictionary .dictionary-attribute-element .warnings {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: 1.5rem;
  color: var(--accent-colors-warning);
  gap: 1rem;
  margin-top: 0.7rem;
  padding-left: 0.5rem;
}
dynamic-fields-controls-dictionary .multichoice-dictionary-with-pattern-select {
  display: flex;
  flex-flow: row wrap;
  margin-top: 0.5rem;
  gap: 0.5rem;
}
dynamic-fields-controls-dictionary .multichoice-dictionary-with-pattern-select .ui-select-container {
  flex: 1;
}
dynamic-fields-controls-dictionary .add-multichoice-button {
  margin-top: 0.5rem;
}
dynamic-fields-controls-dictionary .without-dashes .ui-select-caret {
  display: none;
}
dynamic-fields-controls-dictionary .dictionary-with-pattern-select {
  min-width: 11rem;
  flex: 1;
}
dynamic-fields-controls-dictionary .dictionary-with-pattern-select_container {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
}
dynamic-fields-controls-dictionary .dictionary-with-pattern-select_container .dictionary-with-pattern-select {
  min-width: 10rem;
  flex: 1;
}
dynamic-fields-controls-dictionary .add-values-button {
  display: block;
  float: right;
}
dynamic-fields-controls-geolocalization .multigeo {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 2rem 0;
}
dynamic-fields-controls-geolocalization .multigeo form {
  width: 95%;
}
dynamic-fields-controls-geolocalization .multigeo form div:not(.ctrl-btns) {
  width: 100%;
}
dynamic-fields-controls-geolocalization .multiple-geo {
  display: flex;
  flex-flow: column nowrap;
}
dynamic-fields-controls-geolocalization .multiple-geo :hover {
  display: inherit;
}
dynamic-fields-controls-geolocalization .action-buttons {
  display: flex;
  width: 100%;
}
dynamic-fields-controls-geolocalization .action-buttons .add-geo {
  min-width: 3rem;
  min-height: 3rem;
  order: 1;
}
dynamic-fields-controls-geolocalization .action-buttons .add-geo.btn-mint {
  color: var(--accent-colors-dark-mint);
  border: 0;
  background-color: transparent;
}
dynamic-fields-controls-geolocalization .action-buttons .add-geo.btn-mint:hover {
  color: var(--accent-colors-mint);
}
dynamic-fields-controls-geolocalization .action-buttons .limit-button_wrapper {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
dynamic-fields-controls-geolocalization .action-buttons .limit-button_wrapper .limit-button-handler {
  border: 0;
  background: 0;
  font-size: 1.1rem;
  margin: 0.5rem;
}
dynamic-fields-controls-geolocalization .action-buttons .limit-button_wrapper .limit-button-handler:hover {
  color: var(--accent-colors-mint);
}
dynamic-fields-controls-hypertext .content_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
dynamic-fields-controls-hypertext .content_wrapper > .field-wrapper {
  flex: 1;
}
dynamic-fields-controls-hypertext .content_wrapper .action-controllers_wrapper {
  display: flex;
  gap: 0.5rem;
}
dynamic-fields-controls-hypertext .content_wrapper .value-display {
  word-break: break-all;
}
dynamic-fields-controls-hypertext .repeat-wrapper {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5rem;
}
dynamic-fields-controls-hypertext .multichoice-add-button {
  max-width: min-content;
}
dynamic-fields-controls-hypertext .empty-field-wrapper {
  display: flex;
  align-items: center;
}
dynamic-fields-controls-hypertext input.invalid {
  border-color: var(--border-color-error-main);
}
dynamic-fields-controls-hypertext input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
dynamic-fields-controls-link-button {
  display: block;
}
dynamic-fields-controls-link-button .dynamic-fields-link-button {
  display: flex;
  align-items: center;
  min-height: 3.4rem;
}
dynamic-fields-math-operation input.invalid {
  border-color: var(--border-color-error-main);
}
dynamic-fields-math-operation input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
dynamic-fields-math-operation .has-error {
  align-items: center;
  gap: 0.5rem;
  color: var(--accent-colors-danger);
  margin-left: 1rem;
  font-size: small;
}
dynamic-fields-controls-numeric .invisible-btn {
  visibility: hidden;
}
dynamic-fields-controls-numeric input.invalid {
  border-color: var(--border-color-error-main);
}
dynamic-fields-controls-numeric input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
dynamic-fields-controls-percentage .invisible-btn {
  visibility: hidden;
}
dynamic-fields-controls-percentage input.invalid {
  border-color: var(--border-color-error-main);
}
dynamic-fields-controls-percentage input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
.dynamic-fields-radio_container {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
}
.dynamic-fields-radio_container .radio {
  margin: 0 1rem 1rem 0;
}
.dynamic-fields-radio_container .radio label {
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
  color: var(--darker-accent-colors-mint);
  font-size: 1.2rem;
  margin-bottom: 0;
}
.dynamic-fields-radio_container .radio.radio_display-only > label {
  cursor: not-allowed;
}
.dynamic-fields-radio_container .radio.radio_display-only > label input {
  cursor: not-allowed;
}
.dynamic-fields-radio_container .radio.radio_display-only > label input span {
  cursor: not-allowed;
}
.dynamic-fields-radio_container .radio.radio_display-only > label input span i {
  cursor: not-allowed;
}
dynamic-fields-controls-signature > div {
  display: flex;
  gap: 0.5rem;
}
dynamic-fields-controls-signature .signature-container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
dynamic-fields-controls-signature .signature-container img {
  min-width: 10rem;
  width: 100%;
  height: auto;
  max-height: 8rem;
  object-fit: auto;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
}
dynamic-fields-controls-signature .signature-container .signature-buttons {
  display: flex;
  gap: 0.5rem;
}
dynamic-fields-controls-signature .signature-container .signature-buttons button {
  flex-shrink: 0;
}
dynamic-fields-controls-signature img {
  flex: 1;
  max-width: 30rem;
}
dynamic-fields-controls-signature button {
  width: 100%;
}
dynamic-fields-controls-subscribed-receiver {
  display: block;
  width: 100%;
}
dynamic-fields-controls-subscribed-receiver .subscribed-receiver-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
dynamic-fields-controls-subscribed-receiver .receiver {
  margin: 0 0 1rem 0;
  width: 100%;
}
dynamic-fields-controls-subscribed-receiver .receiver .subscribed-receiver-form .email-address-wrapper {
  margin-top: 0;
}
dynamic-fields-controls-subscribed-receiver .receiver .subscribed-receiver-form .email-address-wrapper .new-mail-enter {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}
dynamic-fields-controls-subscribed-receiver .receiver .subscribed-receiver-form .email-address-wrapper .new-mail-enter .add-receiver {
  min-width: 3rem;
  min-height: 3rem;
}
dynamic-fields-controls-subscribed-receiver .receiver .subscribed-receiver-form .email-address-wrapper .new-mail-enter .add-receiver.btn-mint {
  color: var(--accent-colors-dark-mint);
  border: 0;
  background-color: transparent;
}
dynamic-fields-controls-subscribed-receiver .receiver .subscribed-receiver-form .email-address-wrapper .new-mail-enter .add-receiver.btn-mint:hover {
  color: var(--accent-colors-mint);
}
dynamic-fields-controls-subscribed-receiver .multiple-receiver {
  display: flex;
  flex-flow: column nowrap;
}
dynamic-fields-controls-subscribed-receiver .add-receiver-section,
dynamic-fields-controls-subscribed-receiver .existing-receiver {
  border: 1px solid var(--border-light-color);
  border-radius: 0.6rem;
  padding: 1.2rem;
  background: var(--background-color);
  width: 100%;
}
dynamic-fields-controls-subscribed-receiver .existing-receiver {
  background: var(--background-color);
}
dynamic-fields-controls-subscribed-receiver .existing-receiver .form-control-static {
  min-height: 4rem;
  padding: 0.9rem 1.2rem;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.4rem;
  background: var(--input-background-color);
  color: var(--text-color);
  word-break: break-word;
}
dynamic-fields-controls-subscribed-receiver .wrapper-field-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
dynamic-fields-controls-subscribed-receiver .remove-button {
  margin: 1rem auto 0 auto;
  text-align: center;
  width: 100%;
}
dynamic-fields-controls-subscribed-receiver .remove-button > i {
  margin-left: 1rem;
}
dynamic-fields-controls-subscribed-receiver .action-buttons {
  display: flex;
  width: 100%;
}
dynamic-fields-controls-subscribed-receiver .action-buttons .limit-button_wrapper {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
dynamic-fields-controls-subscribed-receiver .action-buttons .limit-button_wrapper .limit-button-handler {
  border: 0;
  background: 0;
  font-size: 1.1rem;
  margin: 0.5rem;
}
dynamic-fields-controls-subscribed-receiver .action-buttons .limit-button_wrapper .limit-button-handler:hover {
  color: var(--accent-colors-mint);
}
dynamic-fields-controls-subscribed-receiver .value-display {
  width: 100%;
}
dynamic-fields-controls-table {
  font-family: Arial, sans-serif;
  margin: 20px;
}
dynamic-fields-controls-table .table-custom-fields-details-panel {
  max-width: 100%;
  display: block;
}
dynamic-fields-controls-table .table-custom-fields-details-panel .table-custom-fields-details-table {
  display: inline-block;
  overflow-x: auto;
  min-width: 100%;
  width: 0;
}
dynamic-fields-controls-table .table-custom-fields-details-panel .table-custom-fields-details-table table {
  width: max-content;
  border-collapse: collapse;
  min-width: 600px;
}
dynamic-fields-controls-table .table-custom-fields-details-panel .table-custom-fields-details-table table th,
dynamic-fields-controls-table .table-custom-fields-details-panel .table-custom-fields-details-table table td {
  text-align: left;
  padding: 0.5rem;
}
dynamic-fields-controls-table .table-custom-fields-details-panel .table-custom-fields-details-table table th dynamic-fields-controls-dictionary,
dynamic-fields-controls-table .table-custom-fields-details-panel .table-custom-fields-details-table table td dynamic-fields-controls-dictionary {
  display: block;
  min-width: 17rem;
}
dynamic-fields-controls-table .table-custom-fields-details-panel .table-custom-fields-details-table table th {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
dynamic-fields-controls-table .table-custom-fields-details-panel .attribute-params {
  min-width: 8rem;
}
dynamic-fields-controls-table .table-custom-fields-details-panel .mnt-required-star {
  color: var(--alert-danger-btn);
  margin-left: 4px;
}
dynamic-fields-controls-table .table-custom-fields-details-panel .summaries .summary {
  font-weight: 700;
  display: grid;
  grid-template-columns: auto 17rem;
  gap: 1rem;
  align-items: center;
  margin: 0 0 0.5rem 0;
  justify-content: end;
}
dynamic-fields-controls-table .add-row-button {
  margin-top: 1rem;
}
dynamic-fields-controls-text .invisible-btn {
  visibility: hidden;
}
dynamic-fields-controls-text-area ::-webkit-scrollbar {
  width: 1.2rem;
}
dynamic-fields-controls-text-area > div {
  padding: 0;
}
dynamic-fields-controls-text-area > div > textarea.form-control {
  height: auto;
  max-height: 50rem;
}
dynamic-fields-controls-text-area .value-display {
  word-break: break-word;
}
escalations-calendar-form .mint-form-group > label {
  flex: 0 0 10em;
}
escalations-calendar-form .mint-form-group > div {
  margin-right: 0;
}
escalations-calendar-form .mint-form-group > div > div.exclusion {
  position: relative;
  margin-bottom: 1rem;
}
escalations-calendar-form .mint-form-group > div > div.exclusion .ctrl-btns {
  opacity: 0;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  display: flex;
  transition: opacity 0.1s ease-out;
}
escalations-calendar-form .mint-form-group > div > div.exclusion:hover .ctrl-btns {
  opacity: 1;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter {
  display: block;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values {
  flex: 1;
  display: grid;
  grid-template-columns: 13.5rem 19rem minmax(0, auto);
  grid-gap: 0.5rem;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values .conditions {
  grid-column: 1/4;
  display: flex;
  flex-flow: column nowrap;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values .conditions .mint-form-warning {
  grid-column: 1/3;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values .conditions .checkbox-group > label {
  flex: 1;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values .conditions .checkbox-group > .checkbox {
  flex: 0;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values .conditions .mint-form-group {
  align-items: center;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values .times-label {
  height: 3rem;
  line-height: 3rem;
}
@media (max-width: 768px) {
  escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values {
    grid-template-columns: 19rem minmax(0, auto);
  }
  escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values .conditions {
    display: block;
    grid-column: 1/3;
  }
  escalations-parameter-set-form escalations-parameter-set-form-parameter .parameter-values .times-label {
    grid-column: 1/3;
    margin-top: 1rem;
    height: auto;
    line-height: inherit;
  }
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .contains-errors {
  font-size: smaller;
  color: var(--accent-colors-danger);
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .contains-warning {
  font-size: smaller;
  color: var(--darker-accent-colors-warning);
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .force-escalation-parameters {
  display: flex;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .force-escalation-parameters .force-escalation-parameter {
  flex: 1;
}
escalations-parameter-set-form escalations-parameter-set-form-parameter .force-escalation-parameters .force-escalation-parameter:first-child {
  max-width: 15rem;
  margin-right: 2rem;
}
escalations-parameter-set-form escalations-parameter-set-form-time-parameter, escalations-parameter-set-form escalations-parameter-set-form-force-escalation-parameter {
  display: flex;
}
escalations-parameter-set-form escalations-parameter-set-form-time-parameter > div, escalations-parameter-set-form escalations-parameter-set-form-force-escalation-parameter > div {
  flex: 0 0 8.5rem;
  align-items: baseline;
  white-space: nowrap;
}
escalations-parameter-set-form escalations-parameter-set-form-time-parameter > div input.form-control, escalations-parameter-set-form escalations-parameter-set-form-force-escalation-parameter > div input.form-control {
  display: inline-block;
  width: auto;
  max-width: 7rem;
}
escalations-parameter-set-form escalations-parameter-set-form-time-parameter .time-parameter-right-separator, escalations-parameter-set-form escalations-parameter-set-form-force-escalation-parameter .time-parameter-right-separator {
  padding-right: 1rem;
}
escalations-parameter-set-form .parameter {
  display: flex;
  justify-content: space-between;
}
escalations-parameter-set-form .parameter escalations-parameter-set-form-parameter {
  width: 100%;
  flex: 1;
}
escalations-parameter-set-form .parameter .parameter-remove {
  align-self: flex-end;
}
escalations-parameter-set-form .add-parameter {
  display: flex;
  justify-content: flex-end;
}
escalations-parameter-set-form color-picker ng-transclude {
  display: flex;
}
escalations-parameter-set-form color-picker ng-transclude .color-sample {
  margin: 0.5rem 0;
  width: 3rem;
  height: 2rem;
}

.escalations-parameter-set-form-contains-warning {
  font-size: smaller;
  color: var(--darker-accent-colors-warning);
}
escalations-sla-parameter-set-form {
  display: grid;
  grid-template-columns: auto 4rem;
}
escalations-sla-parameter-set-form .create-button {
  justify-self: end;
}
escalations-sla-parameter-set-form .label_container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
escalations-sla-parameter-set-form .label_container .label {
  position: relative;
  padding: 0.5rem;
  margin: 0 0.8rem 0.5rem 0;
  max-width: 20ch;
  background-color: var(--background-color-mint);
  font-size: 0.8em;
  font-weight: normal;
  color: var(--text-color);
  border-radius: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
escalations-sla-timeline escalations-sla-timeline-progress-bar {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
escalations-sla-timeline .progress-remaining {
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  margin-bottom: 0.5rem;
  white-space: nowrap;
}
escalations-sla-timeline .progress-remaining > div {
  flex: 1;
}
escalations-sla-timeline .progress-remaining .expired {
  color: var(--accent-colors-danger);
}
escalations-sla-timeline .progress-response .progress-container {
  background-color: var(--background-color-warning);
}
escalations-sla-timeline .progress-response .progress-container > div {
  background-color: var(--accent-colors-warning);
}
escalations-sla-timeline .progress-resolution .progress-container {
  background-color: var(--background-color-danger);
}
escalations-sla-timeline .progress-resolution .progress-container > div {
  background-color: var(--accent-colors-danger);
}
escalations-sla-timeline .progress-workaround .progress-container {
  background-color: var(--background-color-grey);
}
escalations-sla-timeline .progress-workaround .progress-container > div {
  background-color: var(--accent-colors-grey);
}
escalations-sla-timeline .progress-update .progress-container {
  background-color: var(--background-color-mint);
}
escalations-sla-timeline .progress-update .progress-container > div {
  background-color: var(--accent-colors-mint);
}
escalations-sla-timeline .progress-container {
  width: 100%;
  height: 2rem;
  border-radius: 0.5rem;
  position: relative;
}
escalations-sla-timeline .progress-container > div {
  border-radius: 0.5rem;
  height: 100%;
}
escalations-sla-timeline .progress-description {
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
}
escalations-sla-timeline .progress-stop-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
escalations-week-matrix {
  display: grid;
  grid-template-columns: 7rem repeat(7, minmax(7.5rem, auto));
  grid-auto-flow: dense;
}
escalations-week-matrix .week-header {
  padding: 1rem 2rem;
  font-weight: bold;
  color: var(--text-color-light);
  background-color: var(--accent-colors-mint);
  overflow: hidden;
  text-overflow: ellipsis;
}
escalations-week-matrix .week-cells {
  font-size: x-small;
  position: relative;
  user-select: none;
  grid-column: 2/9;
  grid-row: 2/26;
  display: grid;
  grid-template-columns: repeat(7, minmax(7.5rem, auto));
}
escalations-week-matrix .week-cells > div:not(.week-chunk) {
  border-bottom: 0.1rem solid var(--border-light-color);
  border-right: 0.1rem solid var(--border-light-color);
}
escalations-week-matrix .week-cells .week-chunk {
  cursor: pointer;
  min-height: 1rem;
  background-color: var(--background-color-mint-overlay);
  position: absolute;
  white-space: nowrap;
}
escalations-week-matrix .week-cells .week-chunk > div {
  padding: 1rem;
  position: relative;
  width: 100%;
  height: 100%;
}
escalations-week-matrix .week-cells .week-chunk > div .chunk-sizer {
  color: var(--text-color-grey);
  cursor: nw-resize;
  position: absolute;
  bottom: 0;
  right: 0;
}
escalations-week-matrix .week-cells .resize-week-chunk {
  font-size: x-small;
  cursor: grabbing;
  padding: 1rem;
  position: absolute;
  transition: top 0.1s, left 0.1s, width 0.1s, height 0.1s;
  background-color: var(--background-color-mint-overlay);
  white-space: nowrap;
}
escalations-week-matrix .week-hour {
  padding: 0.5rem 1rem;
  height: 3.5rem;
  border-left: 0.1rem solid var(--border-light-color);
  border-bottom: 0.1rem solid var(--border-light-color);
  border-right: 0.1rem solid var(--border-light-color);
}
escalations-calendars-create {
  display: grid;
  grid-template-columns: auto minmax(20rem, 50rem);
  grid-gap: 2rem;
}
@media (max-width: 1366px) {
  escalations-calendars-create {
    display: block;
  }
}
escalations-calendars-create .panel-week-matrix {
  overflow-x: auto;
}
escalations-calendars-edit {
  display: grid;
  grid-template-columns: auto minmax(20rem, 50rem);
  grid-gap: 2rem;
}
@media (max-width: 1366px) {
  escalations-calendars-edit {
    display: block;
  }
}
escalations-calendars-edit .panel-week-matrix {
  overflow-x: auto;
}
escalations-parameter-sets {
  display: grid;
  grid-template-columns: minmax(20rem, auto) 60rem;
  grid-gap: 2rem;
}
escalations-parameter-sets .parameter-table-max-width {
  grid-column: 1/3;
}
@media (max-width: 1170px) {
  escalations-parameter-sets {
    display: block;
  }
}
external-integration-form .with-file {
  display: flex;
  justify-content: start;
  align-items: center;
}
external-integration-form .add-file-button input {
  display: none;
}
external-integration-structure-base-category .form-group {
  display: flex;
  align-items: center;
}
external-integration-structure-base-category .form-group label {
  display: block;
  flex: 0 0 15rem;
}
external-integration-structure-base-category .form-group .form-control,
external-integration-structure-base-category .form-group .select-form-control,
external-integration-structure-base-category .form-group .control-with-error {
  display: block;
  flex: 1;
}
external-integration-structure-base-category .form-group .select-category {
  min-width: 50rem;
}
external-integration-structure-category-mapper .search-input {
  width: 40rem;
  height: 3rem;
  margin: 0 0 15px 2px;
  border: var(--accent-colors-mint) 1px solid;
}
external-integration-structure-category-mapper .search-bar {
  width: 50rem;
  display: inline-flex;
}
external-integration-structure-category-mapper .categories-headers {
  display: flex;
  margin-bottom: 1rem;
}
external-integration-structure-category-mapper .categories-headers .header {
  flex: 1;
  min-width: 200px;
  color: var(--text-color);
  font-weight: bold;
}
external-integration-structure-category-mapper .categories-elements {
  display: flex;
  margin-bottom: 1rem;
}
external-integration-structure-category-mapper .categories-elements .element {
  flex: 1;
  min-width: 200px;
  color: var(--text-color);
}
external-integration-form .mint-form-group > div {
  white-space: wrap;
  overflow-wrap: break-word;
}
custom-field-mapping-list {
  padding-bottom: 1rem;
}
custom-field-mapping-list .mint-form-group {
  margin-top: 1rem;
}
custom-field-mapping-list .groups-table-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr 4rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
add-file-modal > .panel {
  padding: 1.5rem;
  width: 50rem;
  display: flex;
  flex-flow: column nowrap;
  max-width: 80vh;
  overflow: hidden auto;
}
add-file-modal > .panel label {
  display: flex;
  align-items: center;
  font-weight: normal;
}
add-file-modal > .panel label p {
  flex-basis: 20rem;
}
add-file-modal > .panel label .attachment-add-file-button {
  margin-bottom: 1rem;
  width: 100%;
}
add-file-modal > .panel label .attachment-add-file-button input {
  display: none;
}
add-file-modal > .panel .attachment-container {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 1rem;
}
add-file-modal > .panel .attachment-container .attachment-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
add-file-modal > .panel .attachment-container .attachment-item .item-name {
  color: var(--accent-colors-primary);
  word-break: break-all;
  cursor: default;
}
add-file-modal > .panel .panel-footer_wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  margin-top: 5rem;
}
add-file-modal > .panel .panel-footer_wrapper .mnt-loader {
  width: 9rem;
  height: 8rem;
  transform: scale(50%);
}
add-folder-modal > .panel {
  padding: 1.5rem;
  width: 50rem;
}
add-folder-modal > .panel label {
  display: flex;
  font-weight: normal;
  margin-bottom: 2rem;
}
add-folder-modal > .panel label p {
  flex-basis: 30rem;
}
add-folder-modal > .panel .panel-footer_wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
bucket-modal > div {
  padding: 1rem;
  width: 60rem;
}
bucket-modal > div .form-container {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5rem;
}
bucket-modal > div .form-container label {
  display: flex;
  align-items: center;
  font-weight: normal;
}
bucket-modal > div .form-container label p {
  font-weight: 700;
  flex-basis: 15rem;
}
bucket-modal > div .form-container label div {
  font-weight: 700;
  flex-basis: 15rem;
}
bucket-modal > div .form-container label .configuration-picker, bucket-modal > div .form-container label input {
  flex: 1;
}
bucket-modal > div .panel-footer_wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 0.3rem;
}
bucket-modal .tooltip-icon:hover + .tooltip-text {
  display: block;
  width: 55rem;
}
bucket-modal .file-input.ng-invalid.ng-dirty ~ .label {
  border: 0.1rem solid var(--border-color-error-main);
}
bucket-modal .invalid {
  border-color: var(--border-color-error-main);
}
bucket-modal .invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
download-large-file-modal {
  max-width: 50rem;
}
download-large-file-modal div {
  padding: 1rem;
}
download-large-file-modal .footer > div {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
file-repository-details .form-container {
  display: flex;
  flex-flow: column nowrap;
  padding: 1.5rem;
}
file-repository-details .form-container label {
  display: flex;
}
file-repository-details .form-container label > p {
  flex-basis: 15rem;
}
file-repository-details .file-tree_container {
  display: flex;
  flex-flow: row wrap;
  gap: 2rem;
}
file-repository-details .file-tree_container > .panel {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
}
file-repository-details .file-tree_container .file-tree_wrapper {
  font-weight: 400;
  line-height: 1.5;
}
file-repository-details .file-tree_container .file-tree_wrapper .action-buttons {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}
file-repository-details .file-tree_container .file-tree_wrapper .manage-core-structure_buttons button {
  width: 2rem;
  gap: 2rem;
}
file-repository-details .file-tree_container .file-tree_wrapper span {
  font-size: 1.2rem;
  font-style: italic;
  letter-spacing: 0.05rem;
  color: var(--text-color-grey);
}
file-repository-details .file-tree_container .file-tree_wrapper .folder-icon {
  color: var(--accent-colors-dark-mint);
}
file-repository-details .file-tree_container .file-tree_wrapper .folder-icon:hover {
  cursor: pointer;
}
file-repository-details .file-tree_container .file-tree_wrapper ul {
  padding-left: 0.5rem;
  list-style: none;
}
file-repository-details .file-tree_container .file-tree_wrapper ul.noded-ul {
  padding-left: 0;
}
file-repository-details .file-tree_container .file-tree_wrapper ul li {
  position: relative;
  padding-top: 0.5rem;
  padding-left: 1.5rem;
}
file-repository-details .file-tree_container .file-tree_wrapper ul li div {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  height: 2rem;
  transition: all 0.1s ease-in-out;
}
file-repository-details .file-tree_container .file-tree_wrapper ul li div p:hover:not(.folder-name) {
  text-decoration: underline;
  color: var(--accent-colors-dark-mint);
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
file-repository-details .file-tree_container .file-tree_wrapper ul li div button {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1rem;
}
file-repository-details .file-tree_container .file-tree_wrapper ul li:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 1rem;
  height: 1px;
  background-color: var(--text-color-grey);
  z-index: 0;
}
file-repository-details .file-tree_container .file-tree_wrapper ul li:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--text-color-grey);
}
file-repository-details .file-tree_container .file-tree_wrapper ul li:last-child:after {
  height: 1.5rem;
}
file-repository-index > section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 8rem;
}
file-repository-index > section .add-bucket_container {
  margin-bottom: 1rem;
}
file-repository-index > .content-wrapper {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
}
file-repository-index > .content-wrapper .bucket-wrapper {
  width: 25rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 1rem;
  margin: 0;
  overflow: hidden auto;
  aspect-ratio: 16/9;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
file-repository-index > .content-wrapper .bucket-wrapper:hover {
  transform: translateY(-0.2rem);
  transition: all 0.1s ease-in-out;
}
file-repository-index > .content-wrapper .bucket-wrapper .bucket-header {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
file-repository-index > .content-wrapper .bucket-wrapper .bucket-header .edit-icon,
file-repository-index > .content-wrapper .bucket-wrapper .bucket-header .remove-icon {
  color: var(--accent-colors-primary);
  transition: all 0.1s ease-in-out;
}
file-repository-index > .content-wrapper .bucket-wrapper .bucket-header .edit-icon:hover,
file-repository-index > .content-wrapper .bucket-wrapper .bucket-header .remove-icon:hover {
  color: var(--accent-colors-mint);
  transform: translateY(-0.2rem);
  transition: all 0.1s ease-in-out;
}
file-repository-index > .content-wrapper .bucket-wrapper .bucket-header .remove-icon {
  color: var(--accent-colors-danger);
}
file-repository-index > .content-wrapper .bucket-wrapper .bucket-header .remove-icon:hover {
  color: var(--darker-accent-colors-danger);
}
file-repository-index > .content-wrapper .bucket-wrapper .bucket-content {
  width: 100%;
  height: 100%;
}
file-repository-index > .content-wrapper .bucket-wrapper .bucket-content h4 {
  text-align: center;
  margin: 0 0 2rem 0;
  color: var(--accent-colors-mint);
  font-size: clamp(1.4rem, 1vw, 1.8em);
}
file-repository-index > .content-wrapper .bucket-wrapper .bucket-content .bucket-description {
  align-self: flex-start;
  max-height: 14rem;
  font-size: clamp(1.2rem, 1vw, 1.4rem);
  word-break: break-all;
}
file-repository-index > .content-wrapper .bucket-wrapper .bucket-content .loader-container {
  display: flex;
  justify-content: center;
}
identity-providers-attribute-mapping-list .mint-form-group {
  margin-top: 2rem;
}
identity-providers-attribute-mapping-list .mapping-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
identity-providers-attribute-mapping-list .mapping-list > div {
  display: flex;
  margin-bottom: 0.5rem;
}
identity-providers-attribute-mapping-list identity-providers-attribute-mapping-list-form {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  margin-right: 1rem;
}
identity-providers-attribute-mapping-list .add-new-mapping {
  margin-left: 14rem;
}
identity-providers-group-mapping-list .mapping-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
identity-providers-group-mapping-list .mapping-list > div {
  display: flex;
  margin-bottom: 0.5rem;
}
identity-providers-group-mapping-list identity-providers-group-mapping-list-form {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  margin-right: 1rem;
}
identity-providers-group-mapping-list .add-new-mapping {
  margin-left: 14rem;
}
oidc-provider-form .form-group {
  display: flex;
  align-items: center;
}
oidc-provider-form .form-group label {
  display: block;
  flex: 0 0 15rem;
}
oidc-provider-form .form-group .form-control,
oidc-provider-form .form-group .select-form-control,
oidc-provider-form .form-group .control-with-error {
  display: block;
  flex: 1;
}
@media (max-width: 660px) {
  oidc-provider-form .form-group {
    display: block;
  }
}
knowledge-base-faq-answer-preview .create-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
knowledge-base-faq-answer-preview .create-form-header .expand-btn {
  transition: transform 0.5s ease;
}
knowledge-base-faq-answer-preview .create-form-header .expand-btn.expanded {
  transform: rotate(180deg);
}
knowledge-base-faq-answer-preview .preview-content {
  overflow: hidden auto;
}
faq-category-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
}
faq-category-breadcrumbs .breadcrumb-value {
  white-space: nowrap;
  cursor: pointer;
}
faq-category-breadcrumbs .breadcrumb-value .slash {
  margin: 0 0.5em;
}
faq-category-filter {
  display: block;
  min-height: 8rem;
}
faq-category-filter .category-name {
  position: relative;
  padding: 0.5rem 1.2rem;
  display: flex;
  overflow: hidden;
}
faq-category-filter .category-name div {
  word-break: break-word;
}
faq-category-filter .category-name:not(:last-child) {
  border-bottom: 0.1rem solid var(--border-color);
}
faq-category-filter .category-name .disabled {
  display: flex;
  justify-content: space-between;
  color: var(--text-color-grey);
  max-width: calc(100% - 1.5rem);
}
faq-category-filter .category-name .disabled .btn {
  display: block;
  position: absolute;
  padding: 0;
  top: 0;
  right: 0;
}
faq-category-filter .category-name:not(.disabled) {
  cursor: pointer;
}
faq-category-filter .category-name:not(.disabled):hover {
  background-color: var(--background-color-mint-overlay);
}
faq-category-filter .category-show-more {
  padding: 0 1rem;
  display: flex;
  justify-content: flex-end;
}
.faq-form {
  padding: 2rem;
}
.faq-form mint-autocomplete {
  flex: 1;
}
.faq-form mint-autocomplete .mint-select > input {
  flex: none;
}

.label-flex-end > label {
  align-self: flex-end;
}

.faq-editability-tooltip .tooltip-inner {
  width: 24rem;
  max-width: calc(100vw - 2rem);
  white-space: normal;
  line-height: 1.4;
  overflow-wrap: break-word;
}

.mint-form-group > div:not(.ui-select-container) {
  margin-right: 0rem;
}
.mint-form-group rich-text-editor {
  padding: 0.8rem;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  min-height: 15rem;
}
.mint-form-group .invalid-input {
  border-color: var(--border-color-error-main);
}
.mint-form-group .invalid-input:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
.mint-form-group .faq-attachments-container {
  display: flex;
  flex: 1;
  overflow-x: auto;
}
.mint-form-group .faq-attachments-container .faq-attachments {
  display: flex;
}
.mint-form-group .faq-attachments-container .faq-attachments > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid var(--border-color);
  margin-right: 0.5rem;
}
.mint-form-group .faq-attachments-container .faq-attachments > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mint-form-group .faq-attachments-container .faq-attachments > div .file-thumbnail svg {
  margin: 14px 19px;
}
.mint-form-group .faq-attachments-container .faq-attachments > div .remove-attachment {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  display: none;
}
.mint-form-group .faq-attachments-container .faq-attachments > div:hover img {
  opacity: 0.3;
}
.mint-form-group .faq-attachments-container .faq-attachments > div:hover .file-thumbnail {
  opacity: 0.3;
}
.mint-form-group .faq-attachments-container .faq-attachments > div:hover .remove-attachment {
  display: block;
  cursor: pointer;
  z-index: 100;
}
.mint-form-group .faq-attachments-container .add-attachment {
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  min-height: 4rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mint-form-group .faq-attachments-container .inputfile {
  display: none;
}
.mint-form-group .faq-attachments-container .add-another {
  height: 2rem;
}
.mint-form-group .faq-attachments-container .add-another label:hover {
  cursor: pointer;
  color: var(--accent-colors-mint);
}
faq-history-details-modal {
  width: 100rem;
}
faq-history-details-modal .answer-table {
  width: 100%;
}
faq-history-details-modal .answer-table .table-column {
  width: 50%;
}
faq-history-details-modal .answer-table .table-row {
  vertical-align: top;
}
faq-history-modal {
  width: 150rem;
  margin-bottom: 2rem;
}
faq-history-modal .record .cell span {
  display: flex;
}
faq-history-modal mint-autocomplete {
  flex: 1;
}
knowledge-base-faq-sugesstions .suggestion {
  text-overflow: ellipsis;
  cursor: pointer;
  margin-bottom: 0.5rem;
  color: var(--text-color);
}
knowledge-base-faq-sugesstions .suggestion:hover {
  color: var(--accent-colors-mint);
}
knowledge-base-faq-sugesstions .suggestion .suggestion-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
knowledge-base-faq-sugesstions .suggestion .suggestion-info {
  font-size: smaller;
  overflow: hidden;
  text-overflow: ellipsis;
}
knowledge-base-faq-sugesstions .suggestion:last-child {
  margin-bottom: 0;
}
ldap-custom-field-mapping-list .mint-form-group {
  margin-top: 1rem;
}
ldap-custom-field-mapping-list .groups-table-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr 4rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
ldap-group-mapping-list .groups-table-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr 4rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
logger-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}
logger-details .details-view {
  flex: 1 1;
  overflow: hidden;
}
logger-details .changer {
  padding-bottom: 2rem;
}
logger-exception-modal {
  width: 80vw;
}
logger-exception-modal > div {
  max-height: 90vh;
  overflow: hidden auto;
}
@media (max-width: 660px) {
  logger-exception-modal {
    width: 50rem;
  }
}
logger-information-modal {
  width: 80vw;
}
logger-information-modal > div {
  max-height: 90vh;
  overflow: hidden auto;
}
@media (max-width: 660px) {
  logger-information-modal {
    width: 50rem;
  }
}
logger-log-display {
  display: block;
  height: 100%;
}
logger-log-display .display-view {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  height: 100%;
}
logger-log-display .display-view .not-responding {
  padding: 2rem;
  text-align: center;
  font-size: x-large;
}
logger-log-display .display-view .control-inputs {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
}
@media (max-width: 660px) {
  logger-log-display .display-view .control-inputs {
    display: block;
  }
}
logger-log-display .display-view .control-inputs .setting {
  flex: 1;
  margin-right: 2rem;
}
logger-log-display .display-view .control-inputs .setting:last-child {
  margin-right: 0;
}
@media (max-width: 660px) {
  logger-log-display .display-view .control-inputs .setting {
    margin-right: 0;
  }
}
logger-log-display .display-view .search-input {
  display: flex;
  column-gap: 1rem;
}
logger-log-files {
  display: block;
  height: 100%;
}
logger-log-files .files-view {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  height: 100%;
}
logger-log-files .files-view .log-container {
  flex: 1 1;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
logger-log-files .files-view .log-container .log-file {
  margin-right: 0.5rem;
}
logger-log-files .not-responding {
  padding: 2rem;
  text-align: center;
  font-size: x-large;
}
logger-log-table {
  display: flex;
  overflow: hidden;
  margin-top: 2rem;
  flex-direction: column;
  flex: 1;
}
logger-log-table .log-header {
  flex: 0 0 3.5rem;
  height: 3.5rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 3rem 15rem 7rem auto 3rem;
  color: var(--text-color-light);
  text-align: center;
  align-items: center;
  background-color: var(--accent-colors-mint);
}
@media (max-width: 660px) {
  logger-log-table .log-header {
    grid-template-columns: 3rem auto 3rem;
  }
  logger-log-table .log-header .log-timestamp {
    display: none;
  }
  logger-log-table .log-header .log-level {
    display: none;
  }
}
logger-log-table .log-data {
  flex: 1;
  overflow-y: auto;
}
logger-log-table .log-data logger-log {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 3rem 15rem 7rem auto 3rem;
  padding: 1rem 0;
  border-top: 0.1rem solid var(--border-color);
}
@media (max-width: 660px) {
  logger-log-table .log-data logger-log {
    grid-template-columns: 3rem auto 3rem;
  }
  logger-log-table .log-data logger-log .log-timestamp {
    display: none;
  }
  logger-log-table .log-data logger-log .log-level {
    display: none;
  }
}
logger-log-table .log-data logger-log > div {
  overflow: hidden;
}
logger-log-table .log-data logger-log > div.log-message {
  word-wrap: break-word;
}
logger-log-table .log-data logger-log > div {
  text-overflow: ellipsis;
}
logger-log-table .log-data logger-log.log-error, logger-log-table .log-data logger-log.log-fatal {
  color: var(--accent-colors-danger);
}
logger-log-table .log-data logger-log.log-warning {
  color: var(--accent-colors-warning);
}
logger-log-table .log-data logger-log.log-debug, logger-log-table .log-data logger-log.log-verbose {
  color: var(--text-color-grey);
}
logger-log-tiles .tiles {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
logger-log-tiles .tiles > div {
  flex: 1 0 20rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
}
logger-log-tiles .tiles > div:last-child {
  margin-right: 0;
}
logger-log-tiles .tiles > div.active {
  margin-bottom: 0;
}
logger-log-tiles .tiles > div.active .tile {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
logger-log-tiles .tiles > div.active .tile .service-name {
  color: var(--accent-colors-mint);
}
logger-log-tiles .tiles .tile {
  flex: 1 0 20rem;
  height: 100%;
  background-color: var(--background-color);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  border-radius: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
}
logger-log-tiles .tiles .tile .service-name {
  font-size: large;
  text-align: center;
}
logger-log-tiles .tiles .tile .service-name .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.8rem;
  padding-bottom: 1rem;
}
logger-log-tiles .tiles .tile .service-name .icon i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
logger-log-tiles .tiles .tile .service-loader {
  display: flex;
  justify-content: flex-end;
}
logger-log-tiles .tiles .tile .service-loader .loader {
  background: url("assets/img/loader.gif") center center no-repeat;
  height: 113px;
  background-size: auto 4rem;
  height: 3rem;
  width: 4rem;
}
logger-log-tiles .tiles .tile .service-buttons {
  text-align: right;
}
logger-log-tiles .tiles .tile .service-buttons .btn.red-pulse {
  animation-name: service-buttons-red-pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
logger-log-tiles .tiles .tile .service-errors {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 3rem;
}
logger-log-tiles .tiles .tile .service-errors .error-counter {
  color: var(--accent-colors-danger);
}
logger-log-tiles .tiles .tile .service-errors .no-error {
  color: var(--accent-colors-mint);
}
logger-log-tiles .tiles .tile .service-errors .not-responding {
  color: var(--accent-colors-warning);
}
logger-log-tiles .service-details {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 75vh;
}
logger-log-tiles .service-details .panel-body {
  height: 100%;
}

@keyframes service-buttons-red-pulse {
  0% {
    color: var(--text-color-light);
  }
  50% {
    color: var(--accent-colors-danger);
  }
  100% {
    color: var(--text-color-light);
  }
}
logger-service-edit-modal {
  width: 50rem;
}
cancel-maintenance-job-modal .panel-heading {
  display: flex;
}
cancel-maintenance-job-modal .panel-heading .title {
  margin: auto;
}
cancel-maintenance-job-modal .text-body {
  margin-bottom: 2rem;
}
cancel-maintenance-job-modal .terminate-checkbox {
  margin-bottom: 1rem;
}
maintenance-browse dynamic-table-header .header-container {
  padding: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
maintenance-browse span .canceled {
  color: var(--accent-colors-warning);
}
maintenance-browse span .completed {
  color: var(--darker-accent-colors-dark-mint);
}
maintenance-browse span .running {
  color: var(--darker-accent-colors-mint);
}
maintenance-browse span .error {
  color: var(--darker-accent-colors-danger);
}
maintenance-browse .runningIcon {
  font-size: 20px;
}
maintenance-browse .runningIcon.fa-circle-xmark {
  color: var(--darker-accent-colors-grey);
}
maintenance-browse .runningIcon.fa-sync {
  color: var(--darker-accent-colors-mint);
}
maintenance-browse .runningIcon.error {
  color: var(--darker-accent-colors-danger);
}
monitoring-details {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  height: 100%;
}
monitoring-details .monitoring-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
monitoring-details .monitoring-actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
}
monitoring-details .details-view {
  flex: 1 1;
  overflow: hidden;
}
@media (max-width: 768px) {
  monitoring-details .monitoring-actions .btn {
    width: 100%;
    justify-content: center;
  }
}
monitoring-display {
  display: block;
  height: 100%;
}
monitoring-display .display-view {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: calc(100% - 25rem);
}
monitoring-display .display-view .not-responding {
  padding: 2rem;
  text-align: center;
  font-size: x-large;
}
monitoring-display .display-view .control-inputs {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
monitoring-display .display-view .control-inputs .search-input {
  margin-right: 2rem;
}
monitoring-display .display-view .control-inputs .search-input-select {
  min-width: 20rem;
  margin-right: 1rem;
}
monitoring-display .display-view .control-inputs .clear-search {
  width: 4rem;
}
@media (max-width: 660px) {
  monitoring-display .display-view .control-inputs {
    display: block;
  }
}
monitoring-display .display-view .control-inputs .setting {
  flex: 1;
  margin-right: 2rem;
}
monitoring-display .display-view .control-inputs .setting:last-child {
  margin-right: 0;
}
@media (max-width: 660px) {
  monitoring-display .display-view .control-inputs .setting {
    margin-right: 0;
  }
}
monitoring-healthcheck-modal .monitoring-healthcheck-modal {
  min-width: 54rem;
  max-width: 72rem;
}
monitoring-healthcheck-modal .healthcheck-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
monitoring-healthcheck-modal .healthcheck-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 1.6rem;
  margin-bottom: 1.6rem;
  border-radius: 0.6rem;
  background-color: var(--background-color-dark);
  border: 0.1rem solid var(--border-light-color);
}
monitoring-healthcheck-modal .healthcheck-summary-label {
  font-weight: 600;
  color: var(--text-color);
}
monitoring-healthcheck-modal .healthcheck-list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
monitoring-healthcheck-modal .healthcheck-item {
  padding: 1.4rem 1.6rem;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.6rem;
  background-color: var(--background-color);
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.04);
}
monitoring-healthcheck-modal .healthcheck-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}
monitoring-healthcheck-modal .healthcheck-item-label-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}
monitoring-healthcheck-modal .healthcheck-item-indicator {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: var(--text-color-grey);
  flex: 0 0 1rem;
}
monitoring-healthcheck-modal .healthcheck-item-label {
  font-weight: 600;
  color: var(--text-color);
}
monitoring-healthcheck-modal .healthcheck-item-status,
monitoring-healthcheck-modal .healthcheck-summary-value {
  font-weight: 700;
}
monitoring-healthcheck-modal .healthcheck-item-status-badge,
monitoring-healthcheck-modal .healthcheck-summary-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10rem;
  padding: 0.5rem 1rem;
  border-radius: 999rem;
  font-size: 1.3rem;
  font-weight: 700;
  background-color: var(--background-color-dark);
  border: 0.1rem solid var(--border-light-color);
}
monitoring-healthcheck-modal .healthcheck-summary-value {
  color: var(--text-color);
}
monitoring-healthcheck-modal .healthy {
  color: var(--accent-colors-mint);
  background-color: rgba(var(--accent-colors-mint), 0.12);
  border-color: rgba(var(--accent-colors-mint), 0.28);
}
monitoring-healthcheck-modal .degraded {
  color: var(--accent-colors-warning);
  background-color: rgba(var(--accent-colors-warning), 0.12);
  border-color: rgba(var(--accent-colors-warning), 0.28);
}
monitoring-healthcheck-modal .unhealthy {
  color: var(--accent-colors-danger);
  background-color: rgba(var(--accent-colors-danger), 0.12);
  border-color: rgba(var(--accent-colors-danger), 0.28);
}
monitoring-healthcheck-modal .healthcheck-item-description {
  color: var(--text-color);
  line-height: 1.5;
  word-break: break-word;
  white-space: normal;
}
monitoring-healthcheck-modal .healthcheck-item-status-badge.healthy,
monitoring-healthcheck-modal .healthcheck-summary-badge.healthy,
monitoring-healthcheck-modal .healthcheck-item-indicator.healthy {
  color: var(--accent-colors-mint);
}
monitoring-healthcheck-modal .healthcheck-item-status-badge.degraded,
monitoring-healthcheck-modal .healthcheck-summary-badge.degraded,
monitoring-healthcheck-modal .healthcheck-item-indicator.degraded {
  color: var(--accent-colors-warning);
}
monitoring-healthcheck-modal .healthcheck-item-status-badge.unhealthy,
monitoring-healthcheck-modal .healthcheck-summary-badge.unhealthy,
monitoring-healthcheck-modal .healthcheck-item-indicator.unhealthy {
  color: var(--accent-colors-danger);
}
monitoring-healthcheck-modal .healthcheck-item-indicator.healthy {
  background-color: var(--accent-colors-mint);
}
monitoring-healthcheck-modal .healthcheck-item-indicator.degraded {
  background-color: var(--accent-colors-warning);
}
monitoring-healthcheck-modal .healthcheck-item-indicator.unhealthy {
  background-color: var(--accent-colors-danger);
}
@media (max-width: 768px) {
  monitoring-healthcheck-modal .monitoring-healthcheck-modal {
    min-width: 0;
    width: calc(100vw - 3rem);
  }
  monitoring-healthcheck-modal .healthcheck-title-row,
  monitoring-healthcheck-modal .healthcheck-summary,
  monitoring-healthcheck-modal .healthcheck-item-header {
    flex-direction: column;
    align-items: flex-start;
  }
  monitoring-healthcheck-modal .healthcheck-item-status-badge,
  monitoring-healthcheck-modal .healthcheck-summary-badge {
    min-width: 0;
  }
}
monitoring-informations-table {
  display: flex;
  overflow: hidden;
  margin-top: 2rem;
  flex-direction: column;
  flex: 1;
}
monitoring-informations-table .informations-header {
  flex: 0 0 3.5rem;
  height: 3.5rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 3rem 15rem 7rem auto 3rem;
  color: var(--text-color-light);
  text-align: center;
  align-items: center;
  background-color: var(--accent-colors-mint);
}
@media (max-width: 660px) {
  monitoring-informations-table .informations-header {
    grid-template-columns: 3rem auto 3rem;
  }
  monitoring-informations-table .informations-header .informations-scope {
    display: none;
  }
  monitoring-informations-table .informations-header .informations-key {
    display: none;
  }
  monitoring-informations-table .informations-header .informations-value {
    display: none;
  }
}
monitoring-informations-table .informations-data {
  flex: 1;
  overflow-y: scroll;
}
monitoring-informations-table .informations-data monitoring-informations {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 3rem 15rem 30rem auto 3rem;
  padding: 1rem 0;
  border-top: 0.1rem solid var(--border-color);
}
@media (max-width: 660px) {
  monitoring-informations-table .informations-data monitoring-informations {
    grid-template-columns: 3rem 20rem auto 3rem;
  }
  monitoring-informations-table .informations-data monitoring-informations .informations-scope {
    display: none;
  }
  monitoring-informations-table .informations-data monitoring-informations .informations-key {
    display: none;
  }
  monitoring-informations-table .informations-data monitoring-informations .informations-value {
    display: none;
  }
}
monitoring-services-tiles .tiles {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
monitoring-services-tiles .tiles > div {
  flex: 1 0 20rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
}
monitoring-services-tiles .tiles > div:last-child {
  margin-right: 0;
}
monitoring-services-tiles .tiles > div.active {
  margin-bottom: 0;
}
monitoring-services-tiles .tiles > div.active .tile {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
monitoring-services-tiles .tiles > div.active .tile .service-name {
  color: var(--accent-colors-mint);
}
monitoring-services-tiles .tiles .tile {
  flex: 1 0 20rem;
  height: 100%;
  background-color: var(--background-color);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  border-radius: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
}
monitoring-services-tiles .tiles .tile .service-name {
  font-size: large;
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
monitoring-services-tiles .tiles .tile .service-name .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.8rem;
  padding-bottom: 1rem;
}
monitoring-services-tiles .tiles .tile .service-name .icon i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
monitoring-services-tiles .tiles .tile .service-loader {
  display: flex;
  justify-content: flex-end;
}
monitoring-services-tiles .tiles .tile .service-loader .loader {
  background: url("assets/img/loader.gif") center center no-repeat;
  height: 113px;
  background-size: auto 4rem;
  height: 3rem;
  width: 4rem;
}
monitoring-services-tiles .tiles .tile .service-buttons {
  text-align: right;
}
monitoring-services-tiles .tiles .tile .service-buttons .btn.red-pulse {
  animation-name: service-buttons-red-pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
monitoring-services-tiles .tiles .tile .service-errors {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 3rem;
}
monitoring-services-tiles .tiles .tile .service-errors .error-counter {
  color: var(--accent-colors-danger);
}
monitoring-services-tiles .tiles .tile .service-errors .no-error {
  color: var(--accent-colors-mint);
}
monitoring-services-tiles .tiles .tile .service-errors .not-responding {
  color: var(--accent-colors-warning);
}
monitoring-services-tiles .service-details {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 75vh;
}
monitoring-services-tiles .service-details .panel-body {
  height: 100%;
}

@keyframes service-buttons-red-pulse {
  0% {
    color: var(--text-color-light);
  }
  50% {
    color: var(--accent-colors-danger);
  }
  100% {
    color: var(--text-color-light);
  }
}
monitoring-table .details-data monitoring-log .panel {
  padding: 2rem;
  margin: 1rem;
}
monitoring-table .details-data monitoring-log .panel .informations-detail {
  margin-top: 1rem;
}
monitoring-table .details-data monitoring-log .panel .informations-detail .mint-form-group {
  border-bottom: 0.1rem solid var(--border-color);
  padding: 0.3rem 0;
  max-height: 10rem;
  overflow-y: auto;
}
monitoring-table .details-data monitoring-log .panel .informations-detail .mint-form-group:last-child {
  border-bottom: none;
}
my-tickets .browse-row {
  margin-left: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
my-tickets .browse-row .full-width {
  width: 100%;
  padding-left: 0;
}
my-tickets .browse-row .filter-column {
  padding-left: 0px;
}
@media (max-width: 1170px) {
  my-tickets .browse-row {
    display: block;
  }
  my-tickets .browse-row .resize-container {
    display: block;
    width: auto !important;
  }
  my-tickets .browse-row .browse-content {
    padding-left: 0px;
  }
  my-tickets .browse-row .filter-column {
    overflow: unset;
    display: block;
    padding-right: 0px;
    height: unset;
  }
}
my-tickets .sub-menu {
  padding-left: 1rem;
}
my-tickets .table-header {
  padding: 1rem;
}
my-tickets .header-panel {
  display: flex;
  padding: 1rem;
}
my-tickets .header-panel .header-chips {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.25rem;
}
my-tickets .header-panel .header-buttons {
  display: flex;
  align-items: center;
}
my-tickets .header-panel .header-buttons .buttons-contener > span,
my-tickets .header-panel .header-buttons .buttons-contener button {
  margin: 0.2rem;
}
my-tickets .header-panel .header-buttons .show-closed {
  padding: 0 0.5rem;
}
new-instance-form-modal {
  width: 991px;
}
new-instance-form-modal .license-agreement-container {
  margin: auto;
  width: 97%;
  font-family: "Courier New", monospace;
  border: 0.1rem solid var(--border-color);
  color: var(--text-color);
  background-color: var(--border-light-color);
  border-radius: 0.5rem;
  max-height: 30rem;
  overflow: auto;
}
no-access-to-page .not-authorized {
  margin-top: 1rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  text-align: center;
  font-size: 2rem;
}
notifications-configuration-channels rich-text-editor:not(.title-editor) {
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  padding: 1rem;
}
notifications-configuration-channels rich-text-editor:not(.title-editor) .content .ql-editor {
  min-height: 15rem;
}
notifications-configuration-channels .title-editor {
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  padding: 1rem;
  min-width: 200px;
  min-height: 30px;
}
notifications-configuration-channels .add-snippet {
  display: flex;
  align-items: center;
}
notifications-configuration-channels .warnings {
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  color: var(--darker-accent-colors-warning);
  margin-left: 1rem;
}
notifications-configuration-channels .warnings svg {
  margin-right: 0.5rem;
}
notifications-configuration-channels .gap {
  gap: 0.5rem;
}
.tooltip-inner {
  white-space: break-spaces;
}

notifications-configuration-filters .configuration-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10rem;
  row-gap: 1rem;
  align-items: flex-start;
}
notifications-configuration-filters .configuration-grid .mint-form-group {
  align-items: center;
  gap: 1rem;
  align-self: flex-start;
}
notifications-configuration-filters .configuration-grid .mint-form-group > label {
  word-break: break-all;
  flex-basis: 20rem;
}
notifications-configuration-filters .configuration-grid .label-flex-end {
  align-self: flex-end;
}
notifications-configuration-filters .configuration-grid .percentage-filter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
notifications-configuration-filters .configuration-grid .percentage-filter .form-control {
  min-width: 0;
}
@media (max-width: 1366px) {
  notifications-configuration-filters .configuration-grid {
    column-gap: 5rem;
  }
}
@media (max-width: 991px) {
  notifications-configuration-filters .configuration-grid {
    display: block;
  }
}
notifications-configuration-filters .additional-filters {
  border-top: 0.1rem solid var(--border-light-color);
  padding-top: 1rem;
}
notifications-configuration-filters .tag {
  display: block;
  max-width: 30ch;
  overflow: hidden;
  text-overflow: ellipsis;
}
notifications-configuration-filters .tag .removed {
  color: var(--text-color-grey);
}
notifications-configuration-overview ng-transclude {
  display: flex;
}
notifications-configuration-overview ng-transclude .color-sample {
  margin: 0.5rem 0;
  width: 3rem;
  height: 2rem;
}
notifications-configuration-overview .mint-form-group > label {
  margin-bottom: 0;
}
notifications-configuration-receivers .mint-form-group mint-autocomplete {
  width: 100%;
}
notifications-configuration-receivers .warnings {
  font-size: 1.2rem;
  color: var(--darker-accent-colors-warning);
  display: flex;
  flex-direction: column;
}
notifications-configuration-receivers .warnings svg {
  margin-right: 0.5rem;
}
notifications-configuration-receivers .email-adresses-languages {
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  padding: 1.4rem;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.sent-notification-preview-modal {
  background: var(--background-color);
  color: var(--text-color);
  margin-bottom: 0;
}
.sent-notification-preview-modal .panel-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.sent-notification-preview-modal .close {
  color: var(--text-color);
  opacity: 0.7;
  text-shadow: none;
}
.sent-notification-preview-modal .close:hover, .sent-notification-preview-modal .close:focus {
  color: var(--text-color-light);
  opacity: 1;
}
.sent-notification-preview-modal__eyebrow {
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
  opacity: 0.75;
  text-transform: uppercase;
}
.sent-notification-preview-modal__content {
  background: var(--input-background-color);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.4rem;
  min-height: 12rem;
  overflow-wrap: anywhere;
  padding: 2rem;
}
.sent-notification-preview-modal__recipients {
  display: grid;
  gap: 0.75rem;
}
.sent-notification-preview-modal__recipient {
  align-items: center;
  background: var(--background-color-grey);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.4rem;
  display: flex;
  gap: 1rem;
  padding: 1rem 1.25rem;
}
.sent-notification-preview-modal__recipient small {
  color: var(--text-color-grey);
  display: block;
  margin-top: 0.2rem;
}
.sent-notification-preview-modal__recipient-icon {
  align-items: center;
  background: var(--background-color-mint);
  border-radius: 50%;
  color: var(--accent-colors-primary);
  display: flex;
  height: 3.2rem;
  justify-content: center;
  width: 3.2rem;
}
.sent-notification-preview-modal__empty {
  color: var(--text-color-grey);
  padding: 2rem;
  text-align: center;
}
notifications-timeline {
  display: block;
}
notifications-timeline notifications-timeline-element {
  display: grid;
  grid-template-columns: 5.8rem auto;
  padding: 0.5rem 0;
  border-bottom: 0.1rem solid var(--disabled-input-background-color);
  cursor: pointer;
}
notifications-timeline notifications-timeline-element:nth-last-of-type(1) {
  border: 0;
}
notifications-timeline .notification-back {
  padding-bottom: 1rem;
}
notifications-timeline .notification-side {
  display: flex;
  flex-direction: column;
}
notifications-timeline .notification-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.7rem;
  height: 3.7rem;
  border-radius: 50%;
  border: 0.3rem solid transparent;
  background-clip: padding-box;
}
notifications-timeline .notification-icon-border {
  position: absolute;
  width: 3.7rem;
  height: 3.7rem;
  border: 0.1rem solid var(--border-color);
  border-radius: 50%;
}
notifications-timeline .notification-line {
  width: 3.7rem;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
notifications-timeline .notification-line > div {
  height: 80%;
  width: 0.1rem;
  background-color: var(--border-color);
}
notifications-timeline .notification-seen {
  color: var(--accent-colors-sidebar-text);
}
notifications-timeline .notification-header {
  display: flex;
  justify-content: space-between;
}
notifications-timeline .notification-name {
  font-size: 1.2rem;
  font-weight: 500;
}
notifications-timeline .notification-name > span {
  padding-left: 1rem;
  color: var(--accent-colors-sidebar-text);
  opacity: 0.3;
}
notifications-timeline .notification-name.notification-seen > span {
  color: var(--accent-colors-mint);
  opacity: 1;
}
notifications-timeline .notification-small-font {
  font-size: 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
notifications-timeline .notification-small-font button.btn {
  font-size: 1rem;
  height: 2rem;
}
notifications-timeline .notification-small-font button.btn.btn-sq {
  width: 1.5rem;
}
notifications-timeline .notification-actions {
  padding-bottom: 1rem;
  color: var(--accent-colors-sidebar-text);
}
notifications-timeline .notification-actions > button.btn.btn-t {
  color: var(--accent-colors-sidebar-text);
}
notifications-timeline notifications-timeline-element:last-child .notification-line > div {
  display: none;
}
notifications-user-settings-form .channel-icon {
  color: var(--darker-accent-colors-mint);
}
notifications-user-settings-form .notifiaction-option {
  margin-left: 3rem;
}
notifications-user-settings-form .notification-grid {
  display: flex;
  flex-flow: column nowrap;
}
notifications-user-settings-form .notification-header {
  display: grid;
  grid-template-columns: 30rem 10rem 9rem 10rem;
  margin-bottom: 1rem;
}
notifications-user-settings-form .notification-content {
  max-height: 60vh;
  overflow: auto;
  display: grid;
  grid-template-columns: 30rem 9rem 9rem 10rem;
}
notifications-user-settings-form .notification-content div {
  margin-bottom: 1rem;
}
notifications-user-settings-modal .notification-form {
  margin: 1rem 2.5rem 2rem 2.5rem;
}
notifications-user-settings-modal .panel {
  overflow: initial !important;
}
notifications-create notifications-configuration-overview,
notifications-create notifications-configuration-events {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10rem;
}
notifications-create notifications-configuration-overview .mint-form-group,
notifications-create notifications-configuration-events .mint-form-group {
  align-items: flex-end;
}
notifications-create notifications-configuration-overview .mint-form-group > label,
notifications-create notifications-configuration-events .mint-form-group > label {
  flex-basis: 20rem;
}
notifications-create notifications-configuration-overview .label-flex-end,
notifications-create notifications-configuration-events .label-flex-end {
  align-self: flex-end;
}
@media (max-width: 1366px) {
  notifications-create notifications-configuration-overview,
  notifications-create notifications-configuration-events {
    column-gap: 5rem;
  }
}
@media (max-width: 991px) {
  notifications-create notifications-configuration-overview,
  notifications-create notifications-configuration-events {
    display: block;
  }
}
notifications-edit notifications-configuration-overview,
notifications-edit notifications-configuration-events {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10rem;
}
notifications-edit notifications-configuration-overview .mint-form-group,
notifications-edit notifications-configuration-events .mint-form-group {
  align-items: flex-end;
}
notifications-edit notifications-configuration-overview .mint-form-group > label,
notifications-edit notifications-configuration-events .mint-form-group > label {
  flex-basis: 20rem;
}
notifications-edit notifications-configuration-overview .label-flex-end,
notifications-edit notifications-configuration-events .label-flex-end {
  align-self: flex-end;
}
@media (max-width: 1366px) {
  notifications-edit notifications-configuration-overview,
  notifications-edit notifications-configuration-events {
    column-gap: 5rem;
  }
}
@media (max-width: 991px) {
  notifications-edit notifications-configuration-overview,
  notifications-edit notifications-configuration-events {
    display: block;
  }
}
.sent-notifications__filters {
  align-items: flex-end;
  background: var(--background-color-grey);
  border-bottom: 0.1rem solid var(--border-color);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
}
.sent-notifications__filter {
  min-width: 14rem;
}
.sent-notifications__filter label {
  color: var(--text-color-grey);
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
}
.sent-notifications__date {
  display: flex;
}
.sent-notifications__date .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  cursor: pointer;
}
.sent-notifications__date-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  flex: 0 0 auto;
}
.sent-notifications__clear {
  background: var(--input-background-color);
  border: 0.1rem solid var(--border-color);
  color: var(--text-color);
  margin-bottom: 0;
  white-space: nowrap;
}
.sent-notifications__clear:hover, .sent-notifications__clear:focus {
  background: var(--background-color-mint-overlay);
  color: var(--text-color);
}
.sent-notifications__clear i {
  margin-right: 0.4rem;
}
.sent-notifications__status {
  border-radius: 10rem;
  display: inline-flex;
  font-size: 1.15rem;
  font-weight: 600;
  padding: 0.25rem 0.7rem;
}
.sent-notifications__status--sent {
  background: var(--background-color-mint);
  border: 0.1rem solid var(--accent-colors-mint);
  color: var(--text-color);
}
.sent-notifications__status--awaiting {
  background: var(--background-color-warning);
  border: 0.1rem solid var(--accent-colors-warning);
  color: var(--text-color);
}
.sent-notifications__status--error {
  background: var(--background-color-danger);
  border: 0.1rem solid var(--accent-colors-danger);
  color: var(--text-color);
}
.sent-notifications__status--unknown {
  background: var(--background-color-grey);
  border: 0.1rem solid var(--border-color);
  color: var(--text-color);
}
.sent-notifications__preview {
  align-items: center;
  display: inline-flex;
  gap: 0.55rem;
  white-space: nowrap;
}
.sent-notifications__error {
  color: var(--darker-accent-colors-danger);
  display: block;
  line-height: 1.35;
  max-width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sent-notifications__delivery, .sent-notifications__type {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.sent-notifications__type small, .sent-notifications__legacy-date, .sent-notifications__sent-date {
  color: var(--text-color-grey);
  font-size: 1.1rem;
  line-height: 1.25;
}
.sent-notifications__configuration-link {
  align-items: center;
  display: inline-flex;
  gap: 0.55rem;
  white-space: nowrap;
}
.sent-notifications__entities {
  display: grid;
  gap: 0.35rem 0.75rem;
  grid-template-columns: min-content minmax(7rem, 1fr);
}
.sent-notifications__entity {
  display: contents;
}
.sent-notifications__entity small {
  color: var(--text-color-grey);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  white-space: nowrap;
}
.sent-notifications__entity code {
  background: transparent;
  color: var(--text-color);
  font-size: 1.1rem;
  overflow-wrap: anywhere;
  padding: 0;
}
.sent-notifications__related-id {
  background: transparent;
  color: var(--text-color);
  display: block;
  font-size: 1.05rem;
  max-width: 13rem;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sent-notifications__entry {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  min-width: 15rem;
  text-align: left;
}
.sent-notifications__entry-actions {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.25rem;
}
.sent-notifications__entry-actions a,
.sent-notifications__entry-actions > span {
  align-items: center;
  border-radius: 0.35rem;
  color: var(--accent-colors-primary);
  display: inline-flex;
  height: 2.6rem;
  justify-content: center;
  width: 2.6rem;
}
.sent-notifications__entry-actions a:hover,
.sent-notifications__entry-actions > span:hover {
  background: var(--background-color-mint-overlay);
  color: var(--text-color);
}
.sent-notifications__rich-tooltip {
  position: relative;
}
.sent-notifications__rich-tooltip::before, .sent-notifications__rich-tooltip::after {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.12s ease, transform 0.12s ease;
  visibility: hidden;
  z-index: 80;
}
.sent-notifications__rich-tooltip::before {
  border-left: 0.55rem solid transparent;
  border-right: 0.55rem solid transparent;
  border-top: 0.55rem solid var(--background-color-dark);
  content: "";
  left: 50%;
  top: -0.75rem;
  transform: translate(-50%, -0.25rem);
}
.sent-notifications__rich-tooltip::after {
  background: var(--background-color-dark);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.45rem;
  bottom: calc(100% + 0.75rem);
  box-shadow: 0 0.6rem 1.6rem rgba(18, 37, 48, 0.24);
  color: var(--text-color-light);
  content: attr(data-tooltip);
  font-family: inherit;
  font-size: 1.15rem;
  font-weight: 500;
  left: 50%;
  line-height: 1.4;
  max-width: 34rem;
  overflow-wrap: anywhere;
  padding: 0.65rem 0.9rem;
  text-align: left;
  transform: translate(-50%, -0.25rem);
  white-space: pre-line;
  width: max-content;
}
.sent-notifications__rich-tooltip:hover::before, .sent-notifications__rich-tooltip:hover::after, .sent-notifications__rich-tooltip:focus::before, .sent-notifications__rich-tooltip:focus::after {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
}
.sent-notifications__user {
  align-items: center;
  display: inline-flex;
  gap: 0.45rem;
  max-width: 20rem;
  position: relative;
}
.sent-notifications__user > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sent-notifications__user > b {
  background: var(--background-color-mint);
  border-radius: 10rem;
  color: var(--text-color);
  flex: 0 0 auto;
  font-size: 1.05rem;
  padding: 0.15rem 0.55rem;
}
.sent-notifications__user:hover .sent-notifications__user-popover, .sent-notifications__user:focus .sent-notifications__user-popover, .sent-notifications__user:focus-within .sent-notifications__user-popover {
  display: block;
}
.sent-notifications__user-popover {
  background: var(--background-color);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.45rem;
  box-shadow: 0 0.6rem 1.8rem rgba(20, 42, 54, 0.18);
  color: var(--text-color);
  display: none;
  left: 0;
  max-height: 28rem;
  min-width: 28rem;
  overflow: hidden auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.45rem);
  z-index: 50;
}
.sent-notifications__user-popover > strong {
  background: var(--background-color-grey);
  border-bottom: 0.1rem solid var(--border-color);
  display: block;
  padding: 0.85rem 1rem;
}
.sent-notifications__user-popover ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sent-notifications__user-popover li {
  border-top: 0.1rem solid var(--border-light-color);
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.75rem 1rem;
}
.sent-notifications__user-popover li:first-child {
  border-top: 0;
}
.sent-notifications__user-popover li:hover {
  background: var(--background-color-mint-overlay);
}
.sent-notifications__user-popover code {
  background: transparent;
  color: var(--text-color-grey);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
  padding: 0;
}
@media (max-width: 900px) {
  .sent-notifications__filter {
    flex: 1 1 16rem;
  }
}

.sent-notifications-tooltip .tooltip-inner {
  background: var(--background-color-dark);
  border: 0.1rem solid var(--border-color);
  color: var(--text-color-light);
  border-radius: 0.45rem;
  box-shadow: 0 0.6rem 1.6rem rgba(18, 37, 48, 0.24);
  font-size: 1.15rem;
  line-height: 1.45;
  max-width: 36rem;
  padding: 0.75rem 1rem;
  text-align: left;
  white-space: pre-line;
}
.sent-notifications-tooltip--wide .tooltip-inner {
  max-width: 48rem;
}
.sent-notifications-tooltip--identifiers .tooltip-inner {
  font-family: Consolas, "Courier New", monospace;
  font-size: 1.05rem;
}
oidc-attribute-mapping-list .mint-form-group {
  margin-top: 2rem;
}
oidc-attribute-mapping-list .mapping-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
oidc-attribute-mapping-list .mapping-list > div {
  display: flex;
  margin-bottom: 0.5rem;
}
oidc-attribute-mapping-list oidc-attribute-mapping-list-form {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  margin-right: 1rem;
}
oidc-attribute-mapping-list .add-new-mapping {
  margin-left: 14rem;
}
oidc-group-mapping-list .mapping-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
oidc-group-mapping-list .mapping-list > div {
  display: flex;
  margin-bottom: 0.5rem;
}
oidc-group-mapping-list oidc-group-mapping-list-form {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  margin-right: 1rem;
}
oidc-group-mapping-list .add-new-mapping {
  margin-left: 14rem;
}
oidc-provider-form .form-group {
  display: flex;
  align-items: center;
}
oidc-provider-form .form-group label {
  display: block;
  flex: 0 0 15rem;
}
oidc-provider-form .form-group .form-control,
oidc-provider-form .form-group .select-form-control,
oidc-provider-form .form-group .control-with-error {
  display: block;
  flex: 1;
}
@media (max-width: 660px) {
  oidc-provider-form .form-group {
    display: block;
  }
}
notifications-snippet-modal {
  position: absolute;
  z-index: 10500 !important;
}
notifications-snippet-modal .panel {
  min-width: 60rem;
  max-height: 25rem;
  overflow: auto;
  position: relative;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  background-color: var(--background-color);
  padding: 0.5rem;
}
notifications-snippet-modal .panel input {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--background-color);
  padding: 0.5rem 1rem;
}
notifications-snippet-modal .snippet-item {
  padding: 0.5rem 1rem;
  background-color: var(--background-color-grey);
  border-radius: 0.5rem;
}
notifications-snippet-modal .snippet-subitem {
  padding: 0.6rem 1rem 0.6rem 3rem;
  cursor: pointer;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  border-bottom: 0.1rem solid var(--border-color);
  border-radius: 0rem;
  background-color: var(--background-color);
}
notifications-snippet-modal .snippet-subitem::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
notifications-snippet-modal .snippet-subitem:hover {
  color: var(--text-color-light);
  background-color: var(--accent-colors-mint);
}

template-component-create .invalid,
template-component-edit .invalid {
  border: 0.1rem solid var(--border-color-error-main);
}
template-component-create rich-text-editor,
template-component-edit rich-text-editor {
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  padding: 1rem;
}
template-component-create .radio,
template-component-edit .radio {
  padding-left: 0;
}
template-component-create .component-types,
template-component-edit .component-types {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
plugins-header-information .panel {
  padding: 2rem;
}
plugins-header-information .panel .title {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
plugins-header-information .panel .information-header .show-icon.rotated i {
  transform: rotate(180deg);
  transition: 0.1s ease-in-out;
}
plugins-header-information .panel .informations-details {
  margin-top: 1rem;
}
plugins-header-information .panel .informations-details .mint-form-group {
  border-bottom: 0.1rem solid var(--border-color);
  padding: 0.3rem 0;
  max-height: 10rem;
  overflow-y: auto;
}
plugins-header-information .panel .informations-details .mint-form-group .file-icon {
  font-size: 25px;
}
plugins-header-information .panel .informations-details .mint-form-group {
  border-bottom: none;
}
plugins-header-information .panel .informations-details .table-responsive {
  margin-top: 2rem;
  max-height: 50rem;
}
settings-edit-modal {
  min-width: 65rem;
}
settings-edit-modal .form-group label {
  font-weight: 700;
}
settings-edit-modal .plugin-setting-editor {
  min-height: 24rem;
  resize: vertical;
  font-family: Consolas, "Courier New", monospace;
  white-space: pre;
}
settings-edit-modal .help-block,
settings-edit-modal .text-danger {
  margin-top: 0.75rem;
}
@media (max-width: 768px) {
  settings-edit-modal {
    min-width: 45rem;
  }
}
settings-edit-modal .panel .panel-body .panel-btn {
  display: flex;
  justify-content: flex-end;
}
settings-edit-modal .panel .panel-body .panel-btn .btn-right {
  margin-left: auto;
}
plugins-details .plugin-settings-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.5rem 2rem;
}
plugins-details .plugin-settings-actions > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
}
plugins-details .plugin-settings-actions p {
  margin: 0.5rem 0 0;
  color: var(--text-color-grey);
}
plugins-details .plugin-settings-actions button {
  flex: 0 0 auto;
}
plugins-details .plugin-settings-actions__buttons {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
}
plugins-details .plugin-settings-actions .plugin-reload-summary {
  margin-top: 0.75rem;
  padding: 0.75rem 1rem;
  border-left: 0.3rem solid var(--text-color-grey);
  background: var(--background-color-grey);
  font-size: 1.2rem;
}
plugins-details .plugin-settings-actions .plugin-reload-summary.is-success {
  border-left-color: var(--background-color-mint);
}
plugins-details .plugin-settings-actions .plugin-reload-summary.is-error {
  border-left-color: var(--background-color-danger);
}
plugins-details .plugin-settings-actions .plugin-reload-summary__header {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
plugins-details .plugin-settings-actions .plugin-reload-summary .plugin-reload-service {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
  padding: 0.35rem 0;
}
plugins-details .plugin-settings-actions .plugin-reload-summary .plugin-reload-registration {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
  padding-left: 1.5rem;
}
plugins-details .plugin-settings-actions .plugin-reload-summary .plugin-reload-registration code {
  overflow-wrap: anywhere;
}
plugins-details .plugin-settings-actions .plugin-settings-operation {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-top: 0.75rem;
  padding: 0.75rem 1rem;
  border-left: 0.3rem solid var(--text-color-grey);
  background: var(--background-color-grey);
  font-size: 1.2rem;
}
plugins-details .plugin-settings-actions .plugin-settings-operation.is-success {
  border-left-color: var(--alert-success-btn-border);
  color: var(--alert-success-text);
}
plugins-details .plugin-settings-actions .plugin-settings-operation.is-warning {
  border-left-color: var(--alert-warning-btn-border);
  color: var(--alert-warning-text);
}
plugins-details .plugin-settings-actions .plugin-settings-operation.is-error {
  border-left-color: var(--alert-danger-btn-border);
  color: var(--alert-danger-text);
}
plugins-details .plugin-settings-verification {
  padding: 1.5rem 2rem;
}
plugins-details .plugin-settings-verification p {
  margin: 0.5rem 0 0;
  color: var(--text-color-grey);
}
plugins-details .plugin-settings-verification__header, plugins-details .plugin-settings-verification__registration-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}
plugins-details .plugin-settings-verification__status {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 0.5rem;
  padding: 0.55rem 0.9rem;
  border-radius: 0.3rem;
  font-weight: 600;
}
plugins-details .plugin-settings-verification__status.is-synced {
  background: var(--background-color-mint);
}
plugins-details .plugin-settings-verification__status.has-differences {
  background: var(--background-color-warning);
}
plugins-details .plugin-settings-verification__status.has-error {
  background: var(--background-color-danger);
}
plugins-details .plugin-settings-verification__loading, plugins-details .plugin-settings-verification__error, plugins-details .plugin-settings-verification__checked-at {
  margin-top: 1rem;
}
plugins-details .plugin-settings-verification__loading {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--text-color-grey);
}
plugins-details .plugin-settings-verification__error {
  color: var(--alert-danger-text);
}
plugins-details .plugin-settings-verification__checked-at {
  color: var(--text-color-grey);
  font-size: 1.2rem;
}
plugins-details .plugin-settings-verification__service {
  margin-top: 1.25rem;
}
plugins-details .plugin-settings-verification__service-name {
  margin-bottom: 0.75rem;
  font-weight: 600;
}
plugins-details .plugin-settings-verification__registration {
  padding: 1rem 1.25rem;
  border: 0.1rem solid var(--border-color);
  border-left-width: 0.35rem;
  border-radius: 0.3rem;
  background: var(--background-color-grey);
}
plugins-details .plugin-settings-verification__registration.is-synced {
  border-left-color: var(--alert-success-btn-border);
}
plugins-details .plugin-settings-verification__registration.has-differences {
  border-left-color: var(--alert-warning-btn-border);
}
plugins-details .plugin-settings-verification__registration.has-error {
  border-left-color: var(--alert-danger-btn-border);
}
plugins-details .plugin-settings-verification__registration code {
  overflow-wrap: anywhere;
}
plugins-details .plugin-settings-verification__registration-state {
  margin-top: 0.35rem;
  font-weight: 600;
}
plugins-details .plugin-settings-verification__fingerprints {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1.5rem;
  margin-top: 1rem;
}
plugins-details .plugin-settings-verification__fingerprints > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
}
plugins-details .plugin-settings-verification__comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
plugins-details .plugin-settings-verification__comparison > div {
  min-width: 0;
}
plugins-details .plugin-settings-verification__comparison small {
  display: block;
  margin: 0.3rem 0 0.6rem;
  color: var(--text-color-grey);
}
plugins-details .plugin-settings-verification__comparison pre {
  max-height: 42rem;
  margin: 0;
  padding: 1rem;
  overflow: auto;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.3rem;
  background: var(--input-background-color);
  color: var(--text-color);
  font-size: 1.1rem;
  white-space: pre-wrap;
  word-break: break-word;
}
@media (max-width: 991px) {
  plugins-details .plugin-settings-actions {
    align-items: stretch;
    flex-direction: column;
  }
  plugins-details .plugin-settings-actions__buttons {
    justify-content: flex-start;
  }
  plugins-details .plugin-settings-verification__header, plugins-details .plugin-settings-verification__registration-header {
    align-items: stretch;
    flex-direction: column;
  }
  plugins-details .plugin-settings-verification__status {
    align-self: flex-start;
  }
  plugins-details .plugin-settings-verification__fingerprints, plugins-details .plugin-settings-verification__comparison {
    grid-template-columns: 1fr;
  }
}
create-pin {
  display: flex;
  justify-content: center;
  color: var(--text-color);
}
create-pin .pin_container {
  padding: 10rem 10rem 0 10rem;
}
@media (max-width: 768px) {
  create-pin .pin_container {
    padding: 2rem;
  }
}
create-pin .pin_container h1 {
  margin-bottom: 1rem;
  font-size: 3.8rem;
  color: var(--text-color-light);
}
create-pin .pin_container .reply-info {
  margin-top: 1rem;
  color: var(--text-color-light);
}
create-pin .pin_container .panel {
  padding: 2rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
create-pin .pin_container .panel .important-info p {
  text-align: center;
  margin: 2rem 0 0rem 0;
  font-style: italic;
  font-size: 1.3rem;
  color: inherit;
}
create-pin .pin_container input[type=password]::-ms-reveal,
create-pin .pin_container input[type=password]::-ms-clear {
  display: none;
}
create-pin .pin_container .captcha_wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
@media (max-width: 500px) {
  create-pin .pin_container .captcha_wrapper {
    display: flex;
    align-items: center;
  }
}
create-pin .pin_container .captcha_wrapper > div {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
create-pin .pin_container .captcha_wrapper > div .recaptcha-error {
  color: var(--darker-accent-colors-danger);
  font-size: 1.2rem;
  margin-top: -0.5rem;
}
pin-panel .inputs-pin_container {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 2rem;
}
pin-panel .inputs-pin_container > div {
  display: flex;
  flex-flow: column;
}
pin-panel .inputs-pin_container > div p {
  margin: 0;
  color: var(--text-color-grey);
}
pin-panel .inputs-pin_container > div > div {
  display: flex;
  gap: 1rem;
}
pin-panel .inputs-pin_container input[type=password] {
  width: 6rem;
  height: 6rem;
  color: var(--text-color);
  font-size: 1.6rem;
  text-align: center;
  border-radius: 0.8rem;
  border: 0.1rem solid var(--darker-accent-colors-grey);
  outline: none;
}
pin-panel .inputs-pin_container input[type=password]:focus {
  border: 0.2rem solid var(--darker-accent-colors-mint);
}
public-logo img {
  max-width: 20rem;
  max-height: 15rem;
  margin: 2rem 0 0 2rem;
  cursor: pointer;
}
@media (max-width: 500px) {
  public-logo img {
    max-width: 15rem;
  }
}
create-ticket-form {
  display: flex;
  color: var(--text-color);
  min-height: 100vh;
}
create-ticket-form .page-container {
  display: flex;
  flex-flow: column nowrap;
  width: 100vw;
  background-image: var(--public-background-image);
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: auto;
}
create-ticket-form dynamic-fields-group-form-attribute {
  display: block;
}
create-ticket-form dynamic-fields-group-form-attribute .dictionary-attribute-element {
  max-width: 100%;
}
create-ticket-form dynamic-fields-group-form-attribute dynamic-fields-controls-date-scope .ctrl-btns {
  position: absolute;
  top: 0;
  right: 0;
}
create-ticket-form dynamic-fields-group-form-attribute:has(dynamic-fields-controls-checkbox) {
  display: flex;
  flex-flow: row;
  align-items: baseline;
  gap: 0.5rem;
}
create-ticket-form dynamic-fields-group-form-attribute:has(dynamic-fields-controls-checkbox) > .attribute-name {
  flex: 1;
}
@media (max-width: 991px) {
  create-ticket-form .header-info {
    margin-top: 0rem;
  }
}
create-ticket-form .header-info p {
  margin-top: 1rem;
  color: var(--text-color-light);
}
create-ticket-form .header-info h1 {
  color: var(--text-color-light);
  font-size: 3.8rem;
}
@media (max-width: 991px) {
  create-ticket-form .header-info h1 {
    text-align: center;
    margin-left: 0;
  }
}
create-ticket-form .form_container {
  display: block;
  padding: 5rem 10rem 5rem 10rem;
}
@media (max-width: 991px) {
  create-ticket-form .form_container {
    padding: 0 2rem;
    margin: 5rem 0;
  }
}
create-ticket-form .form_container .column_wrapper {
  display: flex;
  flex-flow: row nowrap;
}
@media (max-width: 991px) {
  create-ticket-form .form_container .column_wrapper {
    display: block;
  }
}
create-ticket-form .form_container .column_wrapper .panel {
  padding: 2rem;
  width: 100%;
}
create-ticket-form .form_container .column_wrapper .first-column {
  height: 100%;
  flex: 2;
  display: flex;
  flex-flow: column nowrap;
}
create-ticket-form .form_container .column_wrapper .first-column .content-field {
  flex: 1;
  height: 100%;
}
create-ticket-form .form_container .column_wrapper .first-column .content-field label {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
create-ticket-form .form_container .column_wrapper .first-column .content-field label p {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 1rem 0;
}
create-ticket-form .form_container .column_wrapper .first-column .content-field label .reply-editor {
  height: 100%;
  max-height: 60rem;
  overflow: auto;
  text-overflow: ellipsis;
  box-shadow: none;
  padding: 0.5rem 0.8rem;
  border: 0.1rem solid var(--border-color);
  color: var(--text-color);
  background-color: var(--input-background-color);
  border-radius: 0.4rem;
  outline: none;
}
create-ticket-form .form_container .column_wrapper .first-column .content-field label .reply-editor.invalid {
  border-color: var(--border-color-error-main);
}
create-ticket-form .form_container .column_wrapper .first-column .content-field label .reply-editor.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
create-ticket-form .form_container .column_wrapper .first-column .content-field label .reply-editor::placeholder {
  color: var(--text-color-grey);
  opacity: 1;
}
create-ticket-form .form_container .column_wrapper .first-column .content-field label .reply-editor .ql-editor {
  height: 50rem;
  padding: 0;
}
create-ticket-form .form_container .column_wrapper .first-column .content-field label .reply-editor .ql-editor::before {
  font-size: smaller;
  font-weight: normal;
}
create-ticket-form .form_container .column_wrapper .first-column .content-field label .reply-editor .content p {
  font-size: smaller;
  font-weight: normal;
}
create-ticket-form .form_container .column_wrapper .first-column .security-note {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: justify;
}
create-ticket-form .form_container .column_wrapper .first-column .security-note p {
  margin: 1rem 0;
  font-size: 1.3rem;
}
create-ticket-form .form_container .column_wrapper .first-column .security-note .important {
  font-weight: 800;
}
create-ticket-form .form_container .column_wrapper .second-column {
  flex: 3;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  padding: 2rem;
  margin-left: 2rem;
  height: 100%;
}
@media (max-width: 991px) {
  create-ticket-form .form_container .column_wrapper .second-column {
    margin: 0;
  }
}
create-ticket-form .form_container .column_wrapper .second-column .ui-select_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
create-ticket-form .form_container .column_wrapper .second-column .ui-select_wrapper .ui-select-container {
  flex: 1;
  max-width: 100%;
}
create-ticket-form .form_container .column_wrapper .second-column .ui-select_wrapper .ui-select-container .ui-select-choices-row-inner, create-ticket-form .form_container .column_wrapper .second-column .ui-select_wrapper .ui-select-container .ui-select-match {
  text-overflow: ellipsis;
  overflow: hidden;
}
create-ticket-form .form_container .column_wrapper .second-column .ui-select_wrapper p {
  white-space: nowrap;
  margin: 0 1rem 0 0;
  font-size: 1.2rem;
}
create-ticket-form .form_container .column_wrapper .second-column .attribute-name {
  margin: 0;
}
create-ticket-form .form_container .column_wrapper .second-column .attachment-add-file-button {
  border: 0.2rem dashed var(--darker-accent-colors-mint);
  color: var(--darker-accent-colors-mint);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
create-ticket-form .form_container .column_wrapper .second-column .attribute-input {
  overflow: visible;
}
create-ticket-form .form_container .column_wrapper .second-column .mnt-highlight::after {
  content: none;
}
create-ticket-form dynamic-fields-group-form-pool .pool-panel {
  border: 0;
}
create-ticket-form dynamic-fields-group-form-pool .pool-header {
  border: 0;
  padding: 0.5rem 0;
}
create-ticket-form .panel-footer {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 1rem 1.5rem;
  border: 0;
}
create-ticket-form .custom_save-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 1rem 1.5rem;
}
public-ticket-details {
  display: flex;
  color: var(--text-color);
  min-height: 100vh;
}
public-ticket-details .page-container {
  display: flex;
  flex-flow: column nowrap;
  width: 100vw;
  background-image: var(--public-background-image);
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: auto;
}
public-ticket-details .wrapper {
  padding: 5rem 5rem 0 5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
@media (max-width: 768px) {
  public-ticket-details .wrapper {
    flex-flow: column wrap;
    padding: 5rem 2rem;
  }
}
public-ticket-details .wrapper .chat-wrapper {
  flex: 3;
  height: 85vh;
  max-width: 140rem;
}
@media (max-width: 768px) {
  public-ticket-details .wrapper .chat-wrapper {
    flex: 1;
  }
}
public-ticket-details .wrapper .chat-wrapper public-tickets-ticket-articles-panel .ticket-details-header {
  padding: 1.5rem;
}
public-ticket-details .wrapper .chat-wrapper public-tickets-ticket-articles-panel .panel {
  height: 100%;
}
public-ticket-details .wrapper .chat-wrapper public-tickets-ticket-articles-panel .preview {
  height: 20vh;
}
@media (max-width: 768px) {
  public-ticket-details .wrapper .chat-wrapper public-tickets-ticket-articles-panel public-tickets-ticket-articles-chat-view {
    height: 50rem;
  }
}
public-ticket-details .wrapper .aside-ticket-view {
  max-height: 85vh;
  flex: 1;
  margin-left: 2rem;
  overflow: auto;
}
@media (max-width: 768px) {
  public-ticket-details .wrapper .aside-ticket-view {
    margin: 0;
    max-height: unset;
  }
}
public-ticket-details .wrapper dynamic-fields-group-panel {
  padding: 1.5rem;
}
public-ticket-details .wrapper public-tickets-ticket-chat-view-article .article-content p {
  word-break: break-all;
}
public-ticket-details .wrapper dynamic-fields-group-form dynamic-fields-group-form-attribute {
  flex-direction: column;
  align-items: unset;
}
public-ticket-details .wrapper dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-name {
  margin: 0;
  flex: 0;
}
public-ticket-details .wrapper dynamic-fields-group-form dynamic-fields-group-form-attribute .value-display {
  color: var(--accent-colors-dark-mint);
  word-break: break-all;
}
public-ticket-details .wrapper dynamic-fields-group-form dynamic-fields-group-form-attribute .attachment-item > button {
  padding: 0;
  border: 0;
}
public-ticket-details .wrapper dynamic-fields-group-form dynamic-fields-group-form-attribute dynamic-fields-controls-date-scope > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  width: 5rem;
}
public-ticket-details .wrapper dynamic-fields-group-form dynamic-fields-group-form-attribute dynamic-fields-controls-date-scope > div .value-display {
  word-break: normal;
}
public-ticket-details .wrapper dynamic-fields-group-form dynamic-fields-group-form-attribute dynamic-fields-controls-link p {
  color: var(--text-color);
}
public-ticket-details .wrapper dynamic-fields-group-form dynamic-fields-group-form-attribute .dynamic-fields-checkbox_container .checkbox {
  cursor: not-allowed;
}
public-ticket-details .wrapper dynamic-fields-group-form dynamic-fields-group-form-attribute .dynamic-fields-checkbox_container .checkbox > label {
  pointer-events: none;
}
public-ticket-details .wrapper dynamic-fields-group-form-attribute:has(dynamic-fields-controls-checkbox) {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 0.5rem;
}
public-ticket-details .wrapper dynamic-fields-group-form-attribute:has(dynamic-fields-controls-checkbox) > .attribute-name {
  flex: 1;
}
public-ticket-details .wrapper dynamic-fields-group-form-attribute:has(dynamic-fields-controls-checkbox) dynamic-fields-controls-checkbox {
  justify-content: flex-end;
}
public-ticket-details .wrapper dynamic-fields-group-form-pool {
  margin-bottom: 1rem;
  border-width: 2px;
}
public-ticket-details .wrapper dynamic-fields-group-form-pool .pool-header {
  border: 0;
}
public-ticket-details .wrapper dynamic-fields-group-form-pool .pool-active {
  white-space: nowrap;
}
public-ticket-details .wrapper .reply-actions {
  display: flex;
  align-items: center;
  margin: 1rem 0;
  padding: 0 1.5rem;
}
public-ticket-details .wrapper .reply-editor {
  margin: 0 1.5rem;
}
category-selection {
  display: flex;
  color: var(--text-color);
  min-height: 100vh;
}
category-selection .page-container {
  display: flex;
  flex-flow: column nowrap;
  width: 100vw;
  background-image: var(--public-background-image);
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: auto;
}
category-selection .header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media (max-width: 435px) {
  category-selection .header public-logo {
    width: 100%;
    display: flex;
  }
  category-selection .header public-logo img {
    margin: 2rem 0 0;
  }
}
category-selection .header .action-buttons_wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (max-width: 435px) {
  category-selection .header .action-buttons_wrapper {
    flex: 1;
    justify-content: space-around;
    padding: 1rem;
    margin-top: 0.5rem;
  }
}
category-selection .header .action-buttons_wrapper .custom-button {
  color: var(--darker-accent-colors-mint);
  margin: 2rem 2rem 2rem 0;
  outline: none;
  color: var(--text-color-light);
}
category-selection .header .action-buttons_wrapper .custom-button:hover {
  background-color: var(--darker-accent-colors-mint);
}
category-selection .header .action-buttons_wrapper .custom-button:active p {
  transform: translateY(-1px);
  outline: none;
}
@media (max-width: 435px) {
  category-selection .header .action-buttons_wrapper .custom-button {
    align-self: center;
    font-size: 1rem;
    margin: 0;
    width: 100%;
  }
  category-selection .header .action-buttons_wrapper .custom-button p {
    margin: 0;
  }
}
category-selection .header .action-buttons_wrapper .help-icon_wrapper {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  margin-right: 2rem;
  cursor: pointer;
}
category-selection .header .action-buttons_wrapper .help-icon_wrapper:hover i {
  color: var(--darker-accent-colors-mint);
}
category-selection .header .action-buttons_wrapper .help-icon_wrapper i {
  color: #ffffff;
  font-size: 2.5rem;
  margin-top: 1rem;
  transition: 0.1s ease-in-out;
}
category-selection .header .action-buttons_wrapper .help-icon_wrapper p {
  color: #ffffff;
}
@media (max-width: 435px) {
  category-selection .header .action-buttons_wrapper .help-icon_wrapper {
    position: absolute;
    right: 0;
    bottom: 4rem;
    font-size: 1rem;
  }
  category-selection .header .action-buttons_wrapper .help-icon_wrapper i {
    font-size: 2rem;
  }
}
category-selection .tile_container {
  margin-top: 6rem;
}
@media (max-width: 991px) {
  category-selection .tile_container {
    margin-top: 0rem;
  }
}
@media (max-width: 991px) {
  category-selection .tile_container .header-info {
    margin-top: 0rem;
  }
}
category-selection .tile_container .header-info p {
  margin-top: 1rem;
  color: var(--text-color-light);
}
category-selection .tile_container .header-info h1 {
  color: var(--text-color-light);
  font-size: 3.8rem;
}
@media (max-width: 991px) {
  category-selection .tile_container .header-info h1 {
    text-align: center;
    margin-left: 0;
  }
}
category-selection .tile_container .header-info {
  margin: 5rem 0 0 5rem;
}
@media (max-width: 500px) {
  category-selection .tile_container .header-info {
    margin: 0;
  }
  category-selection .tile_container .header-info h1 {
    font-size: 2rem;
  }
}
category-selection .tile_container .tile_wrapper {
  display: flex;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(auto-fill, 400px);
  margin: 0 auto;
}
@media (max-width: 991px) {
  category-selection .tile_container .tile_wrapper {
    column-gap: 1rem;
  }
}
@media (max-width: 435px) {
  category-selection .tile_container .tile_wrapper {
    grid-template-columns: repeat(auto-fill, 300px);
  }
}
category-selection .tile_container .tile_wrapper .tile {
  max-width: 38rem;
  width: 100%;
  height: 20rem;
  padding: 0 1.7rem;
  background-color: var(--text-color-light);
  border-radius: 1.2rem;
  margin: 1rem;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  overflow: hidden;
}
category-selection .tile_container .tile_wrapper .tile:hover {
  transform: translateY(-5px);
  transition: 0.1s ease-in-out;
}
category-selection .tile_container .tile_wrapper .tile .icon {
  width: 2rem;
  height: 2rem;
  margin: 1.5rem 0 4rem 0;
}
category-selection .tile_container .tile_wrapper .tile .icon i {
  color: var(--darker-accent-colors-mint);
  font-size: 4rem;
}
category-selection .tile_container .tile_wrapper .tile h3 {
  color: #000000;
  margin-bottom: 1rem;
}
category-selection .tile_container .tile_wrapper .tile a {
  color: var(--darker-accent-colors-mint);
  text-decoration: underline;
}
category-selection .tile_container .tile_wrapper .tile h3 + p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: auto;
  color: var(--text-color-grey);
  border: 0;
  background-color: transparent;
}
category-selection .tile_container .tile_wrapper .tile pre {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: auto;
  text-overflow: ellipsis;
  font-family: inherit;
  font-size: inherit;
  color: var(--text-color-grey);
  border: 0;
  background-color: transparent;
}
category-selection .footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
category-selection .footer p {
  color: #fff;
  font-size: 1.3rem;
  margin: 0 2rem;
}
category-selection .footer p span {
  color: var(--darker-accent-colors-mint);
  cursor: pointer;
}
@media (max-width: 500px) {
  category-selection .footer {
    justify-content: space-around;
  }
  category-selection .footer p {
    font-size: 0.8rem;
    margin: 0;
  }
}
search-ticket {
  display: flex;
  color: var(--text-color);
  min-height: 100vh;
}
search-ticket .page-container {
  display: flex;
  flex-flow: column nowrap;
  width: 100vw;
  background-image: var(--public-background-image);
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: auto;
}
search-ticket .wrapper {
  padding: 10rem 10rem 0 10rem;
  margin: 0 auto;
}
@media (max-width: 991px) {
  search-ticket .wrapper {
    padding: 5rem 2rem;
  }
}
search-ticket .wrapper {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
@media (max-width: 991px) {
  search-ticket .header-info {
    margin-top: 0rem;
  }
}
search-ticket .header-info p {
  margin-top: 1rem;
  color: var(--text-color-light);
}
search-ticket .header-info h1 {
  color: var(--text-color-light);
  font-size: 3.8rem;
}
@media (max-width: 991px) {
  search-ticket .header-info h1 {
    text-align: center;
    margin-left: 0;
  }
}
search-ticket .panel {
  width: 30rem;
}
search-ticket .panel p {
  font-size: 1.2rem;
  font-weight: normal;
  text-transform: uppercase;
  color: var(--text-color-grey);
  margin: 0;
}
search-ticket .panel input[type=password]::-ms-reveal,
search-ticket .panel input[type=password]::-ms-clear {
  display: none;
}
search-ticket .panel .ticket-number {
  margin: 2rem 0 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
search-ticket .panel .ticket-number input {
  width: 27rem;
  border-color: var(--darker-accent-colors-grey);
  font-weight: normal;
}
search-ticket .panel .footer {
  margin-top: 5rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
search-ticket .panel .footer button {
  align-self: end;
  margin: 0 1rem 1rem 0;
}
submit-ticket-creation {
  display: flex;
  color: var(--text-color);
  min-height: 100vh;
}
submit-ticket-creation .page-container {
  display: flex;
  flex-flow: column nowrap;
  width: 100vw;
  background-image: var(--public-background-image);
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: auto;
}
submit-ticket-creation .wrapper {
  padding: 10rem 10rem 0 10rem;
  margin: 0 auto;
}
@media (max-width: 991px) {
  submit-ticket-creation .wrapper {
    padding: 5rem 2rem;
  }
}
@media (max-width: 991px) {
  submit-ticket-creation .header-info {
    margin-top: 0rem;
  }
}
submit-ticket-creation .header-info p {
  margin-top: 1rem;
  color: var(--text-color-light);
}
submit-ticket-creation .header-info h1 {
  color: var(--text-color-light);
  font-size: 3.8rem;
}
@media (max-width: 991px) {
  submit-ticket-creation .header-info h1 {
    text-align: center;
    margin-left: 0;
  }
}
submit-ticket-creation .panel {
  padding: 2rem 3rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  text-align: center;
}
submit-ticket-creation .panel .ticket-info {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 0;
  margin-top: 2rem;
}
submit-ticket-creation .panel .ticket-info .ticket-number-container {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
submit-ticket-creation .panel .ticket-info .ticket-number-container p {
  margin: 0;
}
submit-ticket-creation .panel .ticket-info .ticket-number-container button {
  min-width: 3rem;
}
submit-ticket-creation .panel .ticket-info .ticket-number-container .ticket-number {
  color: var(--darker-accent-colors-mint);
  margin-right: 1rem;
}
submit-ticket-creation .panel .ticket-info .provider-wrapper {
  align-self: flex-end;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  submit-ticket-creation .panel .ticket-info .provider-wrapper {
    align-self: center;
  }
}
submit-ticket-creation .panel .ticket-info .important-note {
  margin-top: 1rem;
}
queues-autoresponse-modal {
  min-width: 50rem;
}
queues-autoresponse-modal .form-group label {
  font-weight: 700;
}

queue-default-signature-modal {
  min-width: 72rem;
  padding: 0 1em;
}
queue-default-signature-modal .sketch-container {
  margin-bottom: 1rem;
  padding: 0 1em;
  max-height: 30vh;
  overflow-y: auto;
}
queue-default-signature-modal .sketch-container .sketch-child {
  border: 3px solid var(--accent-colors-mint);
  border-radius: 5px;
  padding: 2%;
}
@media (max-width: 768px) {
  queue-default-signature-modal {
    min-width: 45rem;
  }
}
queue-parameter-set-modal {
  min-width: 72rem;
}
queue-parameter-set-modal .create-new-parameter {
  margin-left: 1.5rem;
}
queues-queues-form {
  display: flex;
  margin-left: 1rem;
  overflow: visible;
}
queues-queues-form > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
queues-queues-form > div .queues-container {
  margin-top: 2rem;
  overflow: visible;
}
queues-queues-form > div > div:last-child {
  padding: 2rem 2rem 2rem 0;
}
queues-queues-form .queues-schema_container {
  margin-top: 0rem;
}
queues-queues-form .queue-checkboxes,
queues-queues-form .select-all_checkboxes {
  display: grid;
  grid-template-columns: repeat(3, 7rem);
  align-items: baseline;
}
queues-queues-form queues-queues-form-queue-role > div,
queues-queues-form queues-queues-form-queue-schema > div {
  display: block;
}
queues-queues-form queues-queues-form-queue-role > div > div,
queues-queues-form queues-queues-form-queue-schema > div > div {
  align-items: center;
}
queues-queues-form queues-queues-form-queue-role > div > div:not(.queue-children),
queues-queues-form queues-queues-form-queue-schema > div > div:not(.queue-children) {
  display: flex;
  margin-bottom: 0.5rem;
}
queues-queues-form queues-queues-form-queue-role > div .queue-container,
queues-queues-form queues-queues-form-queue-role > div > ng-form,
queues-queues-form queues-queues-form-queue-schema > div .queue-container,
queues-queues-form queues-queues-form-queue-schema > div > ng-form {
  flex-shrink: 1;
  align-items: center;
  display: flex;
  width: 80%;
  min-height: 5rem;
  padding: 0.5rem;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.6rem;
  margin: 0 3rem;
}
queues-queues-form queues-queues-form-queue-role > div .queue-container .queue-name,
queues-queues-form queues-queues-form-queue-role > div .queue-container .input-btn,
queues-queues-form queues-queues-form-queue-role > div > ng-form .queue-name,
queues-queues-form queues-queues-form-queue-role > div > ng-form .input-btn,
queues-queues-form queues-queues-form-queue-schema > div .queue-container .queue-name,
queues-queues-form queues-queues-form-queue-schema > div .queue-container .input-btn,
queues-queues-form queues-queues-form-queue-schema > div > ng-form .queue-name,
queues-queues-form queues-queues-form-queue-schema > div > ng-form .input-btn {
  flex: 1;
}
queues-queues-form queues-queues-form-queue-role > div .queue-container .queue-name,
queues-queues-form queues-queues-form-queue-role > div > ng-form .queue-name,
queues-queues-form queues-queues-form-queue-schema > div .queue-container .queue-name,
queues-queues-form queues-queues-form-queue-schema > div > ng-form .queue-name {
  flex-basis: 35rem;
  word-break: break-word;
  font-weight: bold;
  padding: 0 1rem 0 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
queues-queues-form queues-queues-form-queue-role > div .queue-container .ticket-number-pattern-container,
queues-queues-form queues-queues-form-queue-role > div > ng-form .ticket-number-pattern-container,
queues-queues-form queues-queues-form-queue-schema > div .queue-container .ticket-number-pattern-container,
queues-queues-form queues-queues-form-queue-schema > div > ng-form .ticket-number-pattern-container {
  width: 100%;
}
queues-queues-form queues-queues-form-queue-role > div .queue-container,
queues-queues-form queues-queues-form-queue-schema > div .queue-container {
  margin-left: 0.5rem;
}
queues-queues-form queues-queues-form-queue-role > div .queue-container div,
queues-queues-form queues-queues-form-queue-schema > div .queue-container div {
  transition: transform 0.5s ease;
}
queues-queues-form queues-queues-form-queue-role > div .queue-container .expanded,
queues-queues-form queues-queues-form-queue-schema > div .queue-container .expanded {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}
queues-queues-form queues-queues-form-queue-role > div .queue-container .queue-buttons_container button,
queues-queues-form queues-queues-form-queue-schema > div .queue-container .queue-buttons_container button {
  margin: 0.1rem 0;
}
queues-queues-form queues-queues-form-queue-role > div .queue-container .queue-buttons_container button i,
queues-queues-form queues-queues-form-queue-schema > div .queue-container .queue-buttons_container button i {
  width: 100%;
}
queues-queues-form queues-queues-form-queue-role > div .checkbox > label,
queues-queues-form queues-queues-form-queue-schema > div .checkbox > label {
  font-size: x-small;
}
queues-queues-form queues-queues-form-queue-role > div .queue-children,
queues-queues-form queues-queues-form-queue-schema > div .queue-children {
  margin-left: 2rem;
  margin-bottom: 1.5rem;
}
queues-queues-form queues-queues-form-queue-role .placeholder,
queues-queues-form queues-queues-form-queue-schema .placeholder {
  display: none;
}
queues-queues-form queues-queues-form-queue-role .placeholder:only-child,
queues-queues-form queues-queues-form-queue-schema .placeholder:only-child {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border: 1px dashed var(--border-color);
  opacity: 0.6;
  height: 2rem;
  width: 50rem;
  margin-left: 1rem;
  margin-bottom: 1.5rem;
}
queues-queues-form queues-queues-form-queue-role .placeholder,
queues-queues-form queues-queues-form-queue-schema .placeholder {
  display: none;
}
queues-queues-form queues-queues-form-queue-role .placeholder:only-child,
queues-queues-form queues-queues-form-queue-schema .placeholder:only-child {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border: 1px dashed var(--border-color);
  opacity: 0.6;
  height: 2rem;
  width: 50rem;
  margin-left: 1rem;
  margin-bottom: 1.5rem;
}
queues-queues-form .select-all-rights-container {
  width: 80%;
  display: flex;
  justify-content: flex-end;
  margin-left: 2rem;
  font-size: x-small;
  padding-right: calc(0.5rem + 1px);
  min-height: 5rem;
  align-items: center;
  font-weight: 800;
}
queues-queues-form .select-all-rights-container > p {
  margin: 0 1.5rem 0 0;
}
queues-queues-form .select-all-rights-container .checkbox label,
queues-queues-form .select-all-rights-container .radio label {
  min-height: 0;
}
queues-queues-form .select-all-rights-container .checkbox {
  cursor: pointer;
}
queues-queues-form queues-queues-form-queue-schema > div .queue-handle {
  font-size: x-large;
  color: var(--accent-colors-mint);
  cursor: move;
}
queues-queues-form .dndDragging {
  opacity: 0.7;
}
queues-queues-form .dndDraggingSource {
  display: none;
}
queues-queues-form .dndPlaceholder {
  list-style: none;
  width: 50rem;
  height: 4rem;
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  margin-bottom: 1.5rem;
}
queues-queues-form .table-header {
  padding: 0.7em;
}
queues-index .queues-panel {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
queues-index .roles-picker {
  display: flex;
  margin: 2.7rem 0 0 5rem;
}
queues-index .roles-picker > div {
  width: 30rem;
  margin-right: 3rem;
}
reports-dashboard .groupped-reports_wrapper {
  overflow: hidden auto;
}
reports-dashboard .groupped-reports_wrapper.reports-expanded {
  max-height: 50rem;
}
reports-accordion .panel {
  padding: 0 !important;
  min-width: 50rem;
}
reports-accordion .panel .mnt-header {
  padding: 0 1rem;
}
reports-accordion .panel .panel-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem 1rem;
}
reports-accordion .panel .report-history-panel .panel {
  border: 0;
  padding: 0;
  margin: 0;
}
reports-accordion .panel dynamic-table-cell .danger {
  color: var(--accent-colors-danger);
}
reports-accordion div[ng-transclude=header] {
  flex: 1;
  display: flex;
  align-items: center;
}
reports-accordion dynamic-table-header {
  flex: 1;
  display: flex !important;
  justify-content: space-between;
}
reports-accordion dynamic-table-header .header-wrapper {
  flex: 1;
}
reports-accordion .record .cell-actions div:not(:has(button)) {
  display: none;
}
reports-report-definition-filters .label-flex-end {
  align-self: flex-end;
}
reports-report-definition-filters .filter-wrapper {
  margin-bottom: 1rem;
}
reports-report-definition-filters .filter-wrapper .ui-select-container {
  flex-basis: 30rem;
}
reports-report-definition-filters .mint-form-group {
  align-items: end;
  margin-bottom: 0;
}
reports-report-definition-filters .filter-condition-type {
  flex: 1;
  margin-right: 1rem;
}
reports-report-definition-filters reports-report-definition-filter-input {
  flex: 1;
}
reports-report-definition-filters reports-report-definition-filter-input mint-autocomplete {
  flex: 1;
}
reports-report-definition-filters reports-report-definition-filter-input mint-autocomplete .mint-select > input {
  flex: none;
}
reports-report-definition-filters reports-report-definition-filter-fixed-period,
reports-report-definition-filters reports-report-definition-filter-dropdown,
reports-report-definition-filters reports-report-definition-filter-number-input,
reports-report-definition-filters search-period-filter,
reports-report-definition-filters .mint-plugin {
  flex: 1;
}
reports-report-definition-filters .filter {
  display: flex;
  flex-direction: row;
}
reports-report-definition-filters .filter-buttons {
  flex: 0;
}
reports-report-definition-filters .btn {
  margin-left: 1rem;
  align-self: flex-end;
}
reports-report-definition-filters .long-name {
  display: block;
  overflow: hidden;
  max-width: 60ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}
reports-report-definition-form .label-flex-end {
  align-self: flex-end;
}
reports-report-definition-form .report-fields-group {
  align-items: flex-start;
}
reports-report-definition-form .report-fields-group > label {
  padding-top: 0.7rem;
}
reports-report-definition-form .report-fields-control {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}
reports-report-definition-form .report-fields-required-input {
  height: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 0;
}
reports-report-definition-form .report-fields-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
reports-report-definition-form .report-fields-required-input.ng-invalid.ng-dirty ~ .report-fields-list {
  border-color: var(--border-color-error-main);
}
reports-report-definition-form .report-fields-required-input.ng-invalid.ng-dirty ~ .report-fields-list:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
reports-report-definition-form .report-field-row dnd-nodrag {
  align-items: center;
  border: 0.1rem solid var(--border-color);
  background-color: var(--input-background-color);
  box-sizing: border-box;
  display: flex;
  min-height: 3rem;
  padding: 0.4rem 0.6rem;
  width: 100%;
}
reports-report-definition-form .report-field-handle {
  color: var(--accent-colors-dark-mint);
  cursor: move;
  flex: 0 0 2rem;
  text-align: center;
}
reports-report-definition-form .report-field-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  padding: 0 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
reports-report-definition-form .report-field-addition {
  align-items: flex-start;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto auto;
}
reports-report-definition-form .report-field-addition ui-select,
reports-report-definition-form .report-field-addition .ui-select-container {
  min-width: 0;
  width: 100%;
}
reports-report-definition-form .dndPlaceholder {
  border: 0.1rem dashed var(--accent-colors-mint);
  min-height: 3rem;
  width: 100% !important;
}
reports-report-definition-form .new-filter-container {
  margin-top: 4rem;
}
reports-report-definition-form .new-filter-container .btn-sq {
  margin-left: 1rem;
}
reports-report-definition-form .groups-header {
  padding-top: 3rem;
  margin-bottom: 2.5rem;
}
reports-report-definition-form .mint-form-group ui-select {
  width: 100%;
}
reports-report-definition-form .mint-form-group .ui-select-container.ui-select-multiple {
  width: 100%;
}
reports-report-definition-form .mint-form-group .ui-select-container.ui-select-multiple .ui-select-match {
  width: 100%;
}
reports-report-definition-form .mint-form-group .ui-select-container.ui-select-multiple .ui-select-match-item {
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  word-break: break-word;
}
reports-report-definition-form .mint-form-group .ui-select-container.ui-select-multiple .ui-select-match-item > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
reports-report-definition-form .mint-form-group.checkbox-group {
  display: flex;
}
reports-report-definition-form .mint-form-group.checkbox-group div {
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
}
reports-report-definition-form .mint-form-group .short {
  width: 200px;
}
@media screen and (max-width: 660px) {
  reports-report-definition-form .report-fields-group {
    flex-direction: column;
  }
  reports-report-definition-form .report-fields-group > label {
    align-self: flex-start;
    flex: none;
    padding-top: 0;
  }
  reports-report-definition-form .report-fields-group > .report-fields-control {
    margin-right: 0;
    width: 100%;
  }
  reports-report-definition-form .report-field-addition {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
}
reports-report-definition-groups {
  margin-top: 4rem;
}
reports-report-definition-groups .btn-sq {
  margin-left: 1rem;
}
reports-report-definition-groups .selected-groups-header {
  font-weight: bold;
  padding-bottom: 0.5rem;
}
reports-report-definition-groups reports-report-definition-group-date-resolution {
  flex: 1;
}
reports-report-definition-recipients .mint-form-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 2rem;
}
reports-report-definition-recipients .mint-form-group > .form-wrapper {
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
}
reports-report-definition-recipients .mint-form-group > .form-wrapper > div {
  display: flex;
  align-items: center;
}
reports-report-definition-recipients .mint-form-group > .form-wrapper > div label {
  flex: 0 0 14rem;
}
reports-report-definition-recipients .mint-form-group > .form-wrapper > div .form-control, reports-report-definition-recipients .mint-form-group > .form-wrapper > div .ui-select-container {
  flex: 1;
}
reports-report-definition-recipients .mint-form-group button {
  align-self: flex-end;
  margin-left: 1rem;
}
reports-report-definition-recipients .warnings {
  font-size: 1.2rem;
  color: var(--darker-accent-colors-warning);
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
reports-report-definition-recipients .warnings svg {
  margin-right: 0.5rem;
}
reports-report-definition-visibility .label-flex-end {
  align-self: flex-end;
}
reports-report-schedule-form rich-text-editor {
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  padding: 1rem;
  flex: 1;
}
reports-report-schedule-form .mint-form-group > label {
  align-self: center;
}
reports-report-schedule-form .ui-select-container.open {
  z-index: auto;
}
reports-report-schedule-form .email-details-containers .mint-form-group > label {
  align-self: flex-start;
}
reports-report-schedule-form .email-details-containers rich-text-editor .content .ql-editor {
  padding-left: 0rem;
  padding-right: 0.5rem;
}
reports-report-schedule-form span.radio {
  margin: 0.5rem 1.5rem 0.5rem 0;
}
reports-report-schedule-form .error {
  color: var(--accent-colors-danger);
  font-weight: bold;
}
reports-report-type-tiles .report-types {
  display: flex;
  margin-top: 1rem;
}
reports-report-type-tiles .report-types.disabled-types .report-type .report-type-logo,
reports-report-type-tiles .report-types.disabled-types .report-type .report-type-name {
  cursor: not-allowed;
}
reports-report-type-tiles .report-types .report-type {
  margin-right: 1.5rem;
  max-width: 7rem;
}
reports-report-type-tiles .report-types .report-type.active .report-type-logo {
  border: 0.1rem solid var(--accent-colors-mint);
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  color: var(--accent-colors-dark-mint);
}
reports-report-type-tiles .report-types .report-type.active .report-type-name {
  color: var(--accent-colors-dark-mint);
}
reports-report-type-tiles .report-types .report-type.disabled {
  opacity: 0.4;
}
reports-report-type-tiles .report-types .report-type .report-type-logo {
  display: flex;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  color: var(--text-color);
  font-size: 3.5rem;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
}
reports-report-type-tiles .report-types .report-type .report-type-logo:hover {
  color: var(--accent-colors-dark-mint);
  cursor: pointer;
}
reports-report-type-tiles .report-types .report-type .report-type-name {
  margin-top: 0.5rem;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color);
}
sql-report-definition-form .checkbox-group > div {
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
}
report-index mint-tiles .mint-tiles {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px 5px;
  margin-bottom: 5px;
}
report-index mint-tiles .panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
report-index mint-tiles .exceeds-limit {
  text-align: center;
  padding-right: 1rem;
  color: var(--accent-colors-warning);
}
report-index dynamic-table-records {
  height: calc(100vh - 33rem);
  overflow: auto;
}
reports-report-definitions-create .report-types-panel {
  padding: 0.5rem 1rem 2rem 1rem;
}
reports-report-definitions-create .definition-form {
  padding: 3rem 1rem 2rem 1rem;
}
@media (max-width: 500px) {
  reports-report-definitions-create .definition-form {
    padding: 1rem 1rem 1rem 1rem;
  }
}
reports-report-definitions-edit .not-authorized {
  padding: 1rem;
}
reports-report-definitions-edit .report-types-panel {
  padding: 0.5rem 1rem 2rem 1rem;
}
reports-report-definitions-edit .definition-form {
  padding: 3rem 1rem 2rem 1rem;
}
@media (max-width: 500px) {
  reports-report-definitions-edit .definition-form {
    padding: 1rem 1rem 1rem 1rem;
  }
}
reports-report-definitions-index .table-header {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  justify-content: space-between;
}
reports-report-definitions-index .table-header button {
  margin-left: 1rem;
}
reports-report-definitions-index .record .cell-actions {
  padding-right: 1rem;
}
reports-report-definitions-index .record .cell-actions div:not(:has(button)) {
  display: none;
}
reports-report-definitions-index .record .cell-actions > :last-child {
  padding-right: 0 !important;
}
reports-report-definitions-index .header {
  display: flex;
}
reports-report-definitions-index .header > div {
  flex: 1;
}
reports-report-definitions-index .action-buttons {
  display: flex;
  justify-content: flex-end;
}
reports-report-preview .header-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
reports-report-preview .table-header {
  padding: 1rem;
}
reports-report-preview .table-header .btn.btn-mint:hover {
  transform: none;
}
reports-report-preview .action-buttons {
  display: flex;
  gap: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
reports-report-preview .action-buttons .end {
  flex: 1;
  gap: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
reports-report-preview .flex-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
reports-report-preview .flex-row label {
  font-weight: normal;
}
reports-report-preview .flex-row .filters {
  flex: 1;
  margin-bottom: 1rem;
}
reports-report-preview .flex-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--background-color);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
reports-report-preview .flex-wrapper .mnt-header {
  margin-top: 0;
}
reports-report-preview .flex-wrapper p {
  margin: 0;
}
reports-report-preview .flex-wrapper .report-info {
  display: flex;
  flex-direction: column;
  height: 15rem;
  overflow: hidden auto;
}
reports-report-preview .flex-wrapper .report-info .form-group {
  display: flex;
  margin-bottom: 0;
}
reports-report-preview .flex-wrapper .report-info .form-group label {
  flex-basis: 20rem;
}
reports-report-preview .flex-wrapper .report-info .form-group div {
  font-weight: 600;
}
reports-report-preview .flex-wrapper .report-info span {
  margin-left: 0.5rem;
}
reports-report-preview .flex-wrapper .action-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
reports-report-preview .flex-wrapper .action-buttons .mnt-loader-small {
  height: 2rem;
  width: 100%;
}
reports-report-preview hr {
  border-top: 0.1rem solid var(--border-dark-color);
  margin: 1rem 0;
}
reports-report-preview dynamic-table-records {
  max-height: 65vh;
  overflow: auto;
}
reports-report-preview dynamic-table-records .table .header .cell {
  position: sticky;
  z-index: 9;
  top: 0;
  background-color: var(--background-color);
}
reports-report-preview .browse-content .preview-panel .mnt-header {
  padding: 0 1rem;
}
reports-report-preview .browse-content .panel {
  padding: 0;
}
reports-report-preview .browse-content .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
reports-report-preview .browse-content .panel .header-info {
  display: flex;
  gap: 1rem;
  padding: 1rem;
}
reports-report-preview .browse-content .panel .header-info .statistics-only label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
reports-report-preview .browse-content .panel .header-info p {
  margin: 0;
  color: var(--accent-colors-danger);
}
reports-report-preview .browse-content .panel .header-info .report-info {
  color: var(--text-color);
}
reports-report-preview .browse-content .panel .header-info .report-info span {
  margin-left: 0.5rem;
}
reports-report-preview .filters {
  padding: 0 1rem 1rem;
}
reports-report-preview .filters .filters-panel {
  max-height: 25rem;
  overflow: hidden auto;
}
reports-report-preview .filters .filters-panel .value {
  font-weight: 600;
}
reports-report-preview .filters .filters-panel > span {
  display: block;
  margin-right: 2rem;
}
reports-report-preview .filters .filters-panel > span > span:last-child {
  padding-left: 0.5rem;
}
reports-report-preview .bold {
  font-weight: 600;
}
reports-report-preview .not-found {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 0.5em;
  padding: 0.7rem 0;
  font-size: 2rem;
}
reports-report-preview .not-found.ticket-created .back-button {
  display: flex;
  align-self: flex-end;
  padding: 0.5rem 1rem;
}
reports-report-queue-index div[ng-transclude=header] {
  flex: 1;
}
reports-report-queue-index dynamic-table-cell .danger {
  color: var(--accent-colors-danger);
}
reports-report-queue-index .table-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0 1rem;
  height: 100%;
}
reports-report-schedule-details .panel-body div p {
  margin: 0;
  font-weight: bold;
}
reports-report-schedule-details .flex-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
reports-report-schedule-details .flex-row label {
  font-weight: normal;
}
reports-report-schedule-details .flex-row .filters {
  flex: 1;
}
reports-report-schedule-details .filters {
  padding: 0 1rem 1rem;
}
reports-report-schedule-details .filters .filters-panel {
  max-height: 25rem;
  overflow: hidden auto;
}
reports-report-schedule-details .filters .filters-panel .value {
  font-weight: 600;
}
reports-report-schedule-details .filters .filters-panel > span {
  display: block;
  margin-right: 2rem;
}
reports-report-schedule-details .filters .filters-panel > span > span:last-child {
  padding-left: 0.5rem;
}
reports-report-schedule-details .report-info .form-group {
  display: flex;
  margin-bottom: 0;
}
reports-report-schedule-details .report-info .form-group label {
  flex-basis: 20rem;
}
reports-report-schedule-details .report-info .form-group div {
  font-weight: 600;
}
reports-report-schedule-details .flex-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--background-color);
  padding: 1rem;
}
reports-report-schedule-details .flex-wrapper .mnt-header {
  margin-top: 0;
}
reports-report-schedule-details .flex-wrapper .form-group {
  display: flex;
  margin-bottom: 0;
}
reports-report-schedule-details .flex-wrapper .form-group div {
  font-weight: 600;
}
reports-report-schedule-details dynamic-table-header {
  padding: 1rem;
}
reports-report-schedule-details dynamic-table-cell .danger {
  color: var(--accent-colors-danger);
}
reports-report-schedule-details .not-authorized {
  padding: 1rem;
}
reports-report-schedule-details .bold {
  font-weight: 600;
}
reports-report-schedule-details .definition-removed-info {
  color: var(--accent-colors-danger);
  font-weight: bold;
}
reports-report-schedule-index dynamic-table-cell .danger {
  color: var(--accent-colors-danger);
}
reports-report-schedule-index .definition-removed-info {
  color: var(--accent-colors-danger);
  font-weight: bold;
}
roles-role-add-modal {
  min-width: 60rem;
  width: 80rem;
}
roles-role-add-modal .panel {
  overflow: hidden auto;
}
roles-role-add-modal .panel .panel-body {
  padding: 0 2.5rem;
}
roles-role-add-modal .fa-info-circle {
  color: var(--text-color-grey);
}
roles-role-add-modal .roles-wrapper .mint-form-group {
  border-bottom: 1px solid var(--disabled-input-background-color);
}
roles-role-add-modal .roles-wrapper .mint-form-group > label {
  flex: 1 0 35rem;
}
roles-role-edit-modal {
  min-width: 60rem;
}
roles-role-edit-modal .fa-info-circle {
  color: var(--text-color-grey);
}
roles-role-edit-modal .mint-form-group > label {
  flex: 0 0 18rem;
}
roles-index .table-header {
  padding: 0.7em;
}
services-assign-ticket-types-modal .panel-body .info {
  margin-bottom: 2vh;
  display: flex;
  flex-flow: column nowrap;
}
services-assign-ticket-types-modal .panel-body p {
  margin-top: 0.5rem;
  font-style: italic;
  font-size: 1.2rem;
}
services-assign-ticket-types-modal .panel-body .checkbox div {
  display: flex;
  flex-flow: column nowrap;
}
services-assign-ticket-types-modal .panel-body label .ticket-type-name {
  margin-left: 0.35rem;
}
services-contract-form .sla-grid {
  display: grid;
  grid-template-columns: auto 4rem;
}
services-contract-form .sla-grid .mint-form-group {
  grid-column: 1/2;
}
services-contract-form .sla-grid .mint-form-group .label_container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
services-contract-form .sla-grid .mint-form-group .label_container .label, services-contract-form .sla-grid .mint-form-group .label_container .p {
  position: relative;
  padding: 0.5rem;
  margin: 0 0.8rem 0.5rem 0;
  max-width: 20ch;
  background-color: var(--background-color-mint);
  font-size: 0.8em;
  font-weight: normal;
  color: var(--text-color);
  border-radius: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
services-contract-form .sla-grid .sla-grid-btns {
  justify-self: end;
}
services-contract-form .sla-grid .long-name {
  display: block;
  overflow: hidden;
  max-width: 20ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}
services-contract-form .sla-grid .warning {
  color: var(--accent-colors-danger);
}
services-contract-form .contract-companies-controls {
  display: flex;
  flex-direction: column;
}
services-contract-form .contract-companies-controls .contract-companies-checkboxes {
  display: flex;
  flex-direction: column;
}
services-contract-form .contract-companies-controls .contract-companies-checkboxes .contract-companies-checkbox {
  margin: 0.2rem 0;
}
services-contract-form dynamic-table dynamic-table-records .table {
  grid-template-rows: 4rem;
  grid-auto-rows: 4rem;
}
services-contract-form dynamic-table dynamic-table-records .no-records {
  padding: 1rem;
}
services-create-service-modal {
  width: 50rem;
}
services-edit-description-modal {
  width: 75rem;
}
services-edit-description-modal rich-text-editor {
  width: 90%;
  padding: 0.5rem;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  min-height: 15rem;
  margin: auto;
}
services-priorities-form .priorities-container {
  overflow-y: auto;
  min-height: 20rem;
}
services-priorities-form .priority {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
services-priorities-form .priority-handle {
  font-size: x-large;
  padding-right: 2rem;
  color: var(--accent-colors-mint);
}
services-priorities-form .priority-name {
  width: 50rem;
  height: 5rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
}
services-priorities-form .priority-name > span {
  font-weight: bold;
}
services-priorities-form .priority-name > input, services-priorities-form .priority-name > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
services-priorities-form .add-priority-button {
  margin-top: 1rem;
}
services-priorities-form .dndDragging {
  opacity: 0.7;
}
services-priorities-form .dndDraggingSource {
  display: none;
}
services-priorities-form .dndPlaceholder {
  list-style: none;
  margin-left: 3rem;
  width: 50rem;
  height: 5rem;
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
}

services-service-form dynamic-table dynamic-table-records .table {
  max-height: 60vh;
  grid-template-rows: 4rem;
  grid-auto-rows: 4rem;
  overflow-y: auto;
}
services-service-form dynamic-table dynamic-table-records .no-records {
  padding: 1rem;
}
sla-history-modal .table-view {
  flex: 1 1;
  overflow: auto;
}
sla-history-modal .table-view .column-name {
  padding-left: 1rem;
  font-weight: 600;
  white-space: nowrap;
  font-size: 1.8rem;
}
sla-history-modal .table-view .table-row {
  flex: 1 1;
  padding: 0.5rem 0;
  grid-template-columns: 20rem 17rem 15rem 25rem 25rem;
  display: grid;
}
sla-history-modal .table-view .table-row .row-value {
  padding-left: 1rem;
  word-wrap: break-word;
  display: inline-block;
}
sla-history-modal .filters-panel {
  padding: 1rem 2rem;
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 500;
  border-bottom: 0.1rem solid var(--border-color);
}
sla-history-modal .filters-panel.additional-border {
  border-top: 0.1rem solid var(--border-color);
}
sla-history-modal .filters-panel .filters-panel-row {
  display: flex;
  align-items: center;
  width: 100%;
}
sla-history-modal .filters-panel .filters-panel-row label {
  padding: 0.5rem 1rem;
  flex-basis: 20rem;
  margin-bottom: 0;
}
sla-history-modal .btn-clear-filters {
  float: right;
}
create-contract .create-sla_container {
  display: flex;
}
create-contract .create-sla_container .first-column {
  flex: 2;
}
create-contract .create-sla_container .first-column .panel-heading {
  display: flex;
  justify-content: space-between;
}
create-contract .create-sla_container .second-column {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 2rem;
}
create-contract .create-sla_container .second-column .panel .show-panel {
  padding: 1rem 1.5rem;
  margin-left: 1rem;
}
@media (max-width: 1170px) {
  create-contract .create-sla_container {
    display: block;
  }
  create-contract .create-sla_container .second-column {
    margin-left: 0;
  }
}
contract-details .details-sla_container {
  display: flex;
}
contract-details .details-sla_container .first-column {
  flex: 2;
}
contract-details .details-sla_container .first-column .panel-heading {
  display: flex;
  justify-content: space-between;
}
contract-details .details-sla_container .second-column {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 2rem;
}
contract-details .details-sla_container .second-column .panel .show-panel {
  padding: 1rem 1.5rem;
  margin-left: 1rem;
}
@media (max-width: 1170px) {
  contract-details .details-sla_container {
    display: block;
  }
  contract-details .details-sla_container .second-column {
    margin-left: 0;
  }
}
edit-contract .edit-sla_container {
  display: flex;
}
edit-contract .edit-sla_container .first-column {
  flex: 2;
}
edit-contract .edit-sla_container .first-column .panel-heading {
  display: flex;
  justify-content: space-between;
}
edit-contract .edit-sla_container .second-column {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 2rem;
}
edit-contract .edit-sla_container .second-column .panel .show-panel {
  padding: 1rem 1.5rem;
  margin-left: 1rem;
}
@media (max-width: 1170px) {
  edit-contract .edit-sla_container {
    display: block;
  }
  edit-contract .edit-sla_container .second-column {
    margin-left: 0;
  }
}
services-index {
  display: grid;
  grid-template-columns: minmax(20rem, auto) 60rem;
  grid-gap: 2rem;
}
services-index .panel {
  margin-bottom: 0;
}
services-index .service-container {
  max-height: calc(85vh - 2rem);
  overflow: auto;
}
services-index .table {
  max-height: calc(50vh - 1rem) !important;
}
services-index .service-table-max-width {
  grid-column: 1/3;
}
@media (max-width: 1280px) {
  services-index {
    display: block;
  }
  services-index .panel {
    margin-bottom: 1rem;
  }
}
services-index .service-container, services-index .service-footer {
  margin: 0.5rem 0 0 0;
}
services-index .service-footer {
  display: flex;
  justify-content: flex-end;
  margin: 0.5rem;
}
services-slas .table-header {
  padding: 1rem;
}
services-slas .table-header .btn.btn-mint:hover {
  transform: none;
}
services-slas .header-panel {
  display: flex;
  padding: 1rem;
  min-height: 9rem;
}
services-slas .header-panel .header-chips {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.25rem;
}
services-slas .header-panel .header-buttons {
  display: flex;
  align-items: center;
}
services-slas .header-panel .header-buttons .buttons-contener > span,
services-slas .header-panel .header-buttons .buttons-contener button {
  margin: 1rem;
}
services-slas .browse-row {
  margin-left: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
services-slas .browse-row .full-width {
  width: 100%;
  padding-left: 0;
}
services-slas .browse-row .filter-column {
  padding-left: 0px;
}
@media (min-width: 1171px) {
  services-slas .browse-row .browse-content {
    width: calc(100% - 1.5rem);
  }
}
@media (max-width: 1170px) {
  services-slas .browse-row {
    display: block;
  }
  services-slas .browse-row .resize-container {
    display: block;
    height: auto !important;
    width: 100% !important;
    max-width: 100%;
  }
  services-slas .browse-row .resize-container .resize-handler {
    display: none;
  }
  services-slas .browse-row .browse-content {
    margin-left: 0px;
    padding-left: 0px;
    width: 100% !important;
  }
  services-slas .browse-row .filter-column {
    overflow: unset;
    display: block;
    padding-right: 0px;
    height: auto;
    min-height: 0px;
  }
}
services-slas .table-header {
  padding: 1rem;
}
.comparison-container {
  padding: 1rem;
  margin: 1rem;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 50%;
}

.no-value {
  color: var(--accent-colors-warning);
  padding: 1rem;
}

.comparison-header {
  padding: 0.5rem;
  grid-column: span 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-color);
  background-color: var(--background-color-mint-overlay);
  font-weight: 600;
  font-size: large;
  border-radius: 0.5rem;
}
.comparison-header h4 i {
  color: var(--accent-colors-warning);
}

.errored-header {
  background-color: var(--accent-colors-danger);
}

pre {
  width: 100%;
  white-space: pre-wrap;
  overflow: auto;
}

.expand-icon {
  padding-right: 1rem;
}
settings-synchronization-connection-form {
  padding: 1rem;
  display: block;
}
settings-synchronization-connection-form .form-group {
  display: flex;
  align-items: center;
}
settings-synchronization-connection-form .form-group label {
  display: block;
  flex: 0 0 15rem;
}
@media (max-width: 660px) {
  settings-synchronization-connection-form .form-group {
    display: block;
  }
}

.history-details {
  padding: 1rem;
}

.property-name {
  color: var(--accent-colors-mint);
}
.expand-buttons {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}

.right-buttons {
  display: flex;
  align-items: center;
}
sidebar-activities {
  display: block;
  overflow-y: auto;
}
sidebar-activities .activities-bulk-actions {
  display: flex;
  flex-direction: row-reverse;
}
sidebar-activities .activities-bulk-actions > div {
  cursor: pointer;
  font-size: 1rem;
  color: var(--text-color-light);
  margin-right: 1rem;
}
sidebar-activities .activities-bulk-actions > div:hover {
  color: var(--accent-colors-warning);
}
sidebar-activities .activity-list-footer {
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
}
sidebar-activities .activity-list-footer button.btn {
  font-size: 1.1rem;
}
sidebar-activities sidebar-activities-activity.activity-collapsed {
  display: flex;
  justify-content: center;
  padding: 1.2rem 0.5rem;
}
sidebar-activities sidebar-activities-activity.activity-collapsed .activity-header,
sidebar-activities sidebar-activities-activity.activity-collapsed .activity-content,
sidebar-activities sidebar-activities-activity.activity-collapsed .activity-footer {
  display: none;
}
sidebar-activities sidebar-activities-activity.activity-selected {
  background-color: var(--background-color-mint-overlay);
}
sidebar-activities sidebar-activities-activity.activity-selected .activity-header,
sidebar-activities sidebar-activities-activity.activity-selected .activity-content,
sidebar-activities sidebar-activities-activity.activity-selected .activity-footer {
  color: var(--text-color-light);
}
sidebar-activities .grouping_wrapper {
  color: var(--text-color-light);
  margin: 0 0 10px 10px;
}
sidebar-activities .grouping_wrapper .switch {
  margin: 0 1rem 0 0;
}

sidebar-activities-activity {
  display: grid;
  grid-template-columns: 4rem minmax(0, auto);
  font-size: 1.1rem;
  color: var(--text-color-light);
  padding: 0.5rem 1rem;
  cursor: pointer;
}
sidebar-activities-activity:hover {
  background-color: var(--background-color-mint-overlay);
}
sidebar-activities-activity .activity-header {
  grid-column: 2/3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
sidebar-activities-activity .activity-name {
  flex: 1;
  max-width: max-content;
  padding: 0.1rem 0.8rem;
  border-radius: 0.3rem;
  background-color: var(--accent-colors-sidebar-text);
}
sidebar-activities-activity .activity-name p {
  margin: 0;
}
sidebar-activities-activity .activity-plus-count {
  max-height: fit-content;
  user-select: none;
  white-space: nowrap;
  color: var(--darker-accent-colors-sidebar-text);
  border-radius: 0.3rem;
  padding: 0.1rem 0.25rem;
}
sidebar-activities-activity .activity-plus-count:hover {
  background-color: var(--background-color);
  color: var(--text-color);
}
sidebar-activities-activity .activity-circle {
  position: relative;
  align-self: center;
  justify-self: center;
}
sidebar-activities-activity .activity-circle > div {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: var(--accent-colors-sidebar-text);
}
sidebar-activities-activity .activity-circle > div.activity-animable {
  background-color: black;
}
sidebar-activities-activity .activity-icon {
  position: relative;
  align-self: center;
  justify-self: center;
}
sidebar-activities-activity .activity-icon > div {
  width: 1.4rem;
  height: 1.4rem;
  background-color: var(--accent-colors-sidebar-text);
}
@keyframes blinker {
  from {
    opacity: 0.65;
  }
  to {
    opacity: 0;
  }
}
sidebar-activities-activity .activity-animable {
  mix-blend-mode: hard-light;
  position: absolute;
  top: 0;
  left: 0;
  animation: blinker 0.6s ease-in-out alternate infinite;
  -webkit-animation: blinker 0.6s ease-in-out alternate infinite;
}
sidebar-activities-activity .activity-content {
  text-align: left;
  max-height: 3rem;
  overflow: hidden;
}
sidebar-activities-activity .activity-content > p {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
sidebar-activities-activity .activity-seen {
  color: var(--text-color-grey);
}
sidebar-activities-activity .activity-footer {
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
sidebar-activities-activity .activity-actions button.btn {
  width: 2.1rem;
  height: 2.1rem;
  opacity: 0.9;
  background-color: transparent;
  color: inherit;
  border: 0;
}
sidebar-activities-activity .activity-actions button.btn.btn-warning-activities:hover {
  color: var(--accent-colors-warning);
}
sidebar-activities-activity .activity-actions button.btn.btn-dark-mint-activities:hover {
  color: var(--accent-colors-dark-mint);
}
sidebar-activities-activity .activity-actions button.btn.btn-danger-activities:hover {
  color: var(--accent-colors-danger);
}
sidebar-notifications-timeline-tooltip {
  position: absolute;
  z-index: 10050 !important;
  width: 40rem;
}
sidebar-notifications-timeline-tooltip .panel-footer button.btn {
  font-size: 1.1rem;
}
sidebar-activities-teams {
  display: block;
}
sidebar-activities-teams .activities-header_container {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  margin: 2rem 0;
  border-bottom: 1px solid var(--text-color-light);
}
sidebar-activities-teams .activities-header_container.no-activities {
  border: 0;
}
sidebar-activities-teams .activities-header_container .activities-header_bulk-actions {
  display: flex;
  flex-direction: row;
  padding: 0 0 0.5rem 0;
}
sidebar-activities-teams .activities-header_container .activities-header_bulk-actions > div {
  cursor: pointer;
  font-size: 1rem;
  color: var(--text-color-grey);
  margin-right: 1rem;
}
sidebar-activities-teams .activities-header_container .activities-header_bulk-actions > div:hover {
  color: var(--accent-colors-mint);
}
sidebar-activities-teams .activities-header_container .image-container {
  position: absolute;
  left: 25%;
  top: 20rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
sidebar-activities-teams .activities-header_container .image-container .activities-image {
  width: 20rem;
  margin-bottom: 2rem;
}
sidebar-activities-teams .activity-list-footer {
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
}
sidebar-activities-teams .activity-list-footer button.btn {
  font-size: 1.1rem;
}
sidebar-activities-teams sidebar-activities-activity-teams.activity-collapsed {
  padding: 1.2rem 0.5rem;
}
sidebar-activities-teams sidebar-activities-activity-teams.activity-collapsed .activity-header,
sidebar-activities-teams sidebar-activities-activity-teams.activity-collapsed .activity-content,
sidebar-activities-teams sidebar-activities-activity-teams.activity-collapsed .activity-footer {
  display: none;
}
sidebar-activities-teams sidebar-activities-activity-teams.activity-selected {
  background-color: var(--background-color-grey);
}
sidebar-activities-teams sidebar-activities-activity-teams.activity-selected .activity-name,
sidebar-activities-teams sidebar-activities-activity-teams.activity-selected .activity-content,
sidebar-activities-teams sidebar-activities-activity-teams.activity-selected .activity-footer,
sidebar-activities-teams sidebar-activities-activity-teams.activity-selected .activity-icon {
  color: var(--text-color);
}
sidebar-activities-teams .grouping_wrapper .switch {
  margin: 0 1rem 0 0;
}

.activity-wrapper_disabled {
  cursor: not-allowed;
}

sidebar-activities-activity-teams {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.1rem;
  cursor: pointer;
  border-bottom: 0.1rem solid var(--disabled-input-background-color);
  position: relative;
}
@supports (-moz-appearance: none) {
  sidebar-activities-activity-teams {
    padding-right: 1.6rem;
  }
}
sidebar-activities-activity-teams:hover {
  background-color: var(--activities-colors-hover);
}
sidebar-activities-activity-teams:hover::after {
  content: "";
  width: 0.4rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: -0.4rem;
  border-radius: 0.2rem 0 0 0.2rem;
  background-color: var(--accent-colors-mint);
}
sidebar-activities-activity-teams.activity-disabled {
  pointer-events: none;
}
sidebar-activities-activity-teams .activity-header {
  display: flex;
  justify-content: space-between;
}
sidebar-activities-activity-teams .activity-content_container {
  width: 27rem;
}
sidebar-activities-activity-teams .activity-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0;
  position: relative;
  min-width: 4rem;
  min-height: 4rem;
  border-radius: 50%;
  background-color: transparent;
  margin: 0.5rem 0.5rem 0.5rem 0;
}
sidebar-activities-activity-teams .activity-avatar .avatar-container {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}
sidebar-activities-activity-teams .activity-avatar .avatar-container img {
  width: 100%;
}
sidebar-activities-activity-teams .activity-name {
  font-weight: bold;
  color: var(--text-color);
  font-size: 1.2rem;
}
sidebar-activities-activity-teams .activity-plus-count {
  max-height: fit-content;
  user-select: none;
  white-space: nowrap;
  color: var(--darker-accent-colors-sidebar-text);
  border-radius: 0.3rem;
  padding: 0.1rem 0.25rem;
}
sidebar-activities-activity-teams .activity-plus-count:hover {
  background-color: var(--background-color);
  color: var(--text-color);
}
sidebar-activities-activity-teams .activity-circle {
  position: absolute;
  bottom: 0;
  right: 0;
}
sidebar-activities-activity-teams .activity-circle > div {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: var(--accent-colors-sidebar-text);
}
sidebar-activities-activity-teams .activity-circle > div.activity-animable {
  background-color: black;
}
sidebar-activities-activity-teams .activity-icon {
  font-size: 2rem;
  position: relative;
  color: var(--text-color);
}
@keyframes blinker {
  from {
    opacity: 0.65;
  }
  to {
    opacity: 0;
  }
}
sidebar-activities-activity-teams .activity-animable {
  mix-blend-mode: hard-light;
  position: absolute;
  top: 0;
  left: 0;
  animation: blinker 0.6s ease-in-out alternate infinite;
  -webkit-animation: blinker 0.6s ease-in-out alternate infinite;
}
sidebar-activities-activity-teams .activity-content {
  display: flex;
  margin-top: 1rem;
  color: var(--text-color);
}
sidebar-activities-activity-teams .activity-content > .activity-plus-count {
  margin: 0 0.5rem 0 1rem;
}
sidebar-activities-activity-teams .activity-content .activity-content-text {
  overflow: hidden;
}
sidebar-activities-activity-teams .activity-content .activity-content-text p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3rem;
  overflow: hidden;
  margin: 0;
}
sidebar-activities-activity-teams .activity-seen .activity-name,
sidebar-activities-activity-teams .activity-seen .activity-footer,
sidebar-activities-activity-teams .activity-seen .activity-content {
  color: var(--activities-colors-items-seen);
}
sidebar-activities-activity-teams .activity-footer {
  width: 100%;
  font-size: 1rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  color: var(--text-color);
}
sidebar-activities-activity-teams .activity-footer div {
  margin-left: 1rem;
}
sidebar-activities-activity-teams .activity-actions button.btn {
  width: 2.1rem;
  height: 2.1rem;
  opacity: 0.9;
  background-color: transparent;
  color: inherit;
  border: 0;
}
sidebar-activities-activity-teams .activity-actions button.btn.btn-warning-activities:hover {
  color: var(--accent-colors-warning);
}
sidebar-activities-activity-teams .activity-actions button.btn.btn-dark-mint-activities:hover {
  color: var(--accent-colors-dark-mint);
}
sidebar-activities-activity-teams .activity-actions button.btn.btn-danger-activities:hover {
  color: var(--accent-colors-danger);
}

.activities-panel {
  position: absolute;
  width: 34rem;
  height: 100%;
  background-color: var(--background-color);
  transform: translateX(22rem);
  overflow-x: auto;
  justify-content: flex-end;
  border-right: 0.1rem solid var(--border-color);
  border-color: var(--panel-border-color);
}
.activities-panel .activities-content {
  display: flex;
  flex-flow: column nowrap;
  padding: 1rem 0 1rem 1rem;
}

.activities-search-bar {
  width: 100%;
  height: 4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #eee;
  border-radius: 1.2rem;
  padding: 1rem;
  overflow: hidden;
  word-break: break-all;
}
.activities-search-bar input {
  border: 0;
  padding: 0.5rem;
  outline: none;
  background-color: transparent;
  overflow: hidden;
  font-size: 1.2rem;
}
.activities-search-bar i {
  flex: 1;
  padding: 0.5rem;
  color: red !important;
}

.activities-options {
  display: flex;
  border-bottom: 1px solid #ddd;
  margin-top: 1rem;
}
.activities-options .option {
  padding-top: 1rem;
  font-size: 1.2rem;
  cursor: pointer;
  margin-right: 2rem;
}
.activities-options .option-active {
  position: relative;
}
.activities-options .option-active::before {
  content: "";
  width: 100%;
  height: 0.4rem;
  position: absolute;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  bottom: -1rem;
  background-color: var(--accent-colors-mint);
}

.activities-action {
  text-align: right;
  padding: 0.5rem;
}
.activities-action p {
  font-size: 1.3rem;
  line-height: 1.3rem;
  margin: 0 1.5rem 0 0;
  color: var(--text-color);
}
.activities-action p:hover {
  color: var(--accent-colors-mint);
  cursor: pointer;
}
.activities-action button {
  width: 4rem;
  border: 0.1rem solid #ddd;
  background-color: #eee;
  border-radius: 0.5rem;
}

.activities-container .activity {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 7rem;
  font-size: 1.1rem;
  background-color: transparent;
  border-bottom: 0.1rem solid #ddd;
}
.activities-container .activity .checkbox {
  margin-left: 2rem;
}
.activities-container .activity .activity-informations .activity-title {
  font-weight: bold;
  font-size: 2rem;
  margin: 0;
}
.activities-container .activity .activity-informations .activity-content {
  white-space: nowrap;
  font-size: 1.2rem;
  margin: 0;
}
.activities-container .activity .activity-informations .activity-date {
  text-align: right;
  font-size: 1rem;
  margin: 0;
}
sidebar-notifications-timeline-tooltip-teams {
  position: fixed;
  z-index: 10050 !important;
  width: 40rem;
}
sidebar-notifications-timeline-tooltip-teams .panel-footer button.btn {
  font-size: 1.1rem;
}
signature-create rich-text-editor,
signature-edit rich-text-editor {
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.5rem;
  padding: 1rem;
}
signature-create rich-text-editor.invalid,
signature-edit rich-text-editor.invalid {
  border: 0.1rem solid var(--border-color-error-main);
}
signature-create .radio,
signature-edit .radio {
  padding-left: 0;
}
strike-rule-form .strike-rule-name {
  margin: 1rem;
  margin-top: 3rem;
  width: 80%;
}
strike-rule-form .add-strike-btn {
  margin: 1rem;
}
strike-rule-form .strikes {
  width: 80%;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 0.5rem;
}
strike-rule-form .strike-index {
  margin-right: 1rem;
  min-width: 4rem;
  font-weight: bold;
}
strike-rule-form .strike-name,
strike-rule-form .strike-percentage {
  flex: 1;
  margin-right: 1rem;
}
strike-rule-form .strike-percentage {
  max-width: 10rem;
  display: flex;
  align-items: center;
}
strike-rule-form .strike-delete {
  margin-left: 1rem;
}
surveys-select-modal {
  min-width: 60rem;
}
@media (max-width: 768px) {
  surveys-select-modal {
    min-width: 45rem;
  }
}
surveys-configuration-field .well {
  background-color: var(--input-background-color);
}
surveys-configuration-field .field-type {
  margin-bottom: 3rem;
}
surveys-configuration-field survey-configuration-rating-field {
  padding-bottom: 12px;
}
surveys-configuration-field survey-configuration-rating-field .mint-form-group .btn-danger {
  margin-left: 1rem;
  width: 4rem;
}
surveys-configuration-form .surveys-configuration-field {
  padding: 1rem 3rem 1rem 3rem;
}
surveys-configuration-form .surveys-configuration-field survey-configuration-rating-field rich-text-editor {
  width: 100%;
}
surveys-configuration-create .survey-configuration-form {
  padding: 2rem 4rem 1rem 4rem;
}
surveys-configuration-edit .survey-configuration-form {
  padding: 2rem 4rem 1rem 4rem;
}
surveys-configuration-results .export-results {
  display: block;
  margin-bottom: 1.5rem;
}
ticket-configuration-conditions {
  display: grid;
  grid-template-columns: 3rem repeat(2, 1fr) 5rem 1fr 3rem;
  align-items: center;
  grid-gap: 1rem;
}
ticket-configuration-conditions .condition-row {
  display: contents;
}
ticket-configuration-conditions .add-btn {
  grid-column-start: 6;
}
ticket-configuration-conditions .case-sensitive {
  display: flex;
  justify-content: center;
  text-align: center;
}
ticket-configuration-conditions .radio-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
ticket-configuration-conditions .radio-wrapper .radio > label {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  color: var(--accent-colors-mint);
  font-size: 1.2rem;
  white-space: nowrap;
}
ticket-configuration-conditions .radio-wrapper .radio > label .cr {
  margin-right: 0.5rem;
}
ticket-configuration-filter-form .edit-value {
  display: flex;
  justify-content: flex-end;
}
ticket-configuration-filter-form .form-group input.invalid {
  border-color: var(--border-color-error-main);
}
ticket-configuration-filter-form .form-group input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
ticket-configuration-filter-form .form-group .checkbox {
  padding: 0;
}



ticket-number-counter {
  padding: 2rem;
}
ticket-number-counter-create .panel {
  padding: 2rem;
}
ticket-number-counter-edit .panel {
  padding: 2rem;
}
ticket-template-form .template-form {
  padding: 1rem;
}
ticket-template-form .mint-form-group {
  display: flex;
  align-items: center;
}
ticket-template-form .mint-form-group label {
  display: block;
  flex: 0 0 15rem;
}
ticket-template-form .mint-form-group .form-control,
ticket-template-form .mint-form-group .select-form-control,
ticket-template-form .mint-form-group .control-with-error {
  display: block;
  flex: 1;
}
@media (max-width: 660px) {
  ticket-template-form .mint-form-group {
    display: block;
  }
}
ticket-template-form .mint-form-group .template-attachments-container {
  display: flex;
  flex: 1;
}
ticket-template-form .mint-form-group .template-attachments-container .template-attachments {
  position: relative;
  display: flex;
}
ticket-template-form .mint-form-group .template-attachments-container .template-attachments > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border: solid 0.1rem;
  margin-right: 0.5rem;
}
ticket-template-form .mint-form-group .template-attachments-container .template-attachments > div .file-thumbnail {
  cursor: pointer;
}
ticket-template-form .mint-form-group .template-attachments-container .template-attachments > div .file-thumbnail i {
  width: 100%;
}
ticket-template-form .mint-form-group .template-attachments-container .template-attachments > div .remove-attachment {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  margin: 0.5rem;
  display: none;
}
ticket-template-form .mint-form-group .template-attachments-container .template-attachments > div .remove-attachment:hover {
  color: var(--accent-colors-primary);
}
ticket-template-form .mint-form-group .template-attachments-container .template-attachments > div:hover img {
  opacity: 0.3;
}
ticket-template-form .mint-form-group .template-attachments-container .template-attachments > div:hover .file-thumbnail {
  opacity: 0.3;
}
ticket-template-form .mint-form-group .template-attachments-container .template-attachments > div:hover .remove-attachment {
  display: block;
  cursor: pointer;
}
ticket-template-form .mint-form-group .template-attachments-container .add-attachment {
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  min-height: 4rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
ticket-template-form .mint-form-group .template-attachments-container .add-attachment.invalid {
  border: 0.1rem dashed var(--accent-colors-danger);
}
ticket-template-form .mint-form-group .template-attachments-container .inputfile {
  display: none;
}
ticket-template-form .select-tile {
  background-color: var(--accent-colors-mint);
  color: var(--text-color-light);
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  border: 0.1rem solid var(--border-color);
}
ticket-number-pattern-generator .transparent {
  background-color: transparent;
  border: none;
}
ticket-number-pattern-generator .draft-number {
  font-size: 3rem;
  margin-left: auto;
  margin-right: auto;
}
ticket-number-pattern-generator .add-field {
  padding: 0 2rem;
}
ticket-number-pattern-generator .warnings {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: var(--accent-colors-warning);
  margin-left: auto;
}
ticket-number-pattern-generator .pattern-container {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
ticket-number-pattern-generator .pattern-container .pattern {
  flex: 1;
  padding: 0 2rem;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag {
  display: flex;
  align-items: center;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .handle {
  color: var(--accent-colors-dark-mint);
  cursor: move;
  width: 2rem;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .handle > svg {
  margin-left: 4px;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .pattern-field {
  flex: 1;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .pattern-field .ctrl-btns {
  display: none;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .pattern-field .rzslider {
  z-index: 0;
  margin: 4rem 0 0 0;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .pattern-field .rzslider .rz-bar {
  background: var(--accent-colors-mint);
  height: 0.2rem;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .pattern-field .rzslider .rz-pointer {
  width: 1.2rem;
  height: 1.2rem;
  top: -0.5rem;
  background-color: var(--accent-colors-primary);
  border-radius: 0.6rem;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .pattern-field .rzslider .rz-pointer:after {
  display: none;
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .pattern-field .rzslider .rz-pointer.rz-active {
  background-color: var(--accent-colors-mint);
}
ticket-number-pattern-generator .pattern-container .pattern dnd-nodrag .pattern-field .rzslider .rz-bubble {
  bottom: 1rem;
}
ticket-number-pattern-generator .dndPlaceholder {
  width: 100% !important;
}
ticket-number-pattern-generator .label-flex-end {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
  ticket-number-pattern-generator .pattern-container {
    flex-direction: column;
  }
}
ticket-number-pattern-create .panel {
  padding: 1.5rem;
}
ticket-number-pattern-create .row {
  margin: 0;
}
ticket-number-pattern-edit .panel {
  padding: 1.5rem;
}
ticket-number-pattern-edit .row {
  margin: 0;
}
tickets-article-comment .comment {
  max-width: 100%;
}
tickets-article-comment .comment .comment-body {
  max-width: inherit;
}
tickets-article-comment .comment .comment-body p {
  overflow: auto;
}
tickets-article-comments .comment-container {
  display: flex;
  position: relative;
}
tickets-article-comments .comment-container user-avatar {
  align-self: flex-end;
}
tickets-article-comments .comment-container user-avatar img {
  width: 3rem;
  height: 3rem;
}
tickets-article-comments .comment-container .comment-header {
  color: var(--text-color-grey);
  font-size: 1.1rem;
}
tickets-article-comments .comment-container .comment-header .comment-author {
  font-weight: 500;
  position: relative;
  padding: 0 0.6rem;
  margin-right: 0.3rem;
}
tickets-article-comments .comment-container .comment-header .comment-author::after {
  content: "";
  background: var(--text-color-grey);
  position: absolute;
  top: 0.3rem;
  right: 0;
  height: 1rem;
  width: 0.1rem;
}
tickets-article-comments .comment-container .comment-body {
  background-color: var(--article-colors-primary);
  padding: 0.7rem 1rem;
  font-size: 1.3rem;
  width: fit-content;
  border-radius: 0.5rem;
  flex: 0;
}
tickets-article-comments .comment-container .comment-body p {
  margin: 0;
}
tickets-article-comments .comment-reply {
  margin: 1rem 0 0 1rem;
  display: flex;
}
tickets-article-comments .comment-reply .conversation-icon {
  background-color: var(--accent-colors-mint);
  border-radius: 1rem;
  width: 3rem;
  height: 3rem;
  text-align: center;
  color: var(--background-color);
  font-size: 1.2rem;
  line-height: 3rem;
  margin-right: 1rem;
}
tickets-article-comments .comment-reply .comment-editor {
  background-color: var(--background-color);
  flex: 1;
  font-size: 1.3rem;
  position: relative;
}
tickets-article-comments .comment-reply .comment-editor .comment-loader-active {
  transform: scale(0.3);
  position: absolute;
  height: 100%;
  top: 20%;
  right: 1.4rem;
}
tickets-article-comments .comment-reply .comment-editor rich-text-editor .ql-editor {
  border: 0.1rem solid var(--border-light-color);
}
tickets-article-comments .comment-footer {
  margin-left: 4.4rem;
  display: flex;
  justify-content: space-between;
  color: var(--text-color-grey);
}
tickets-article-comments .comment-footer .comment-button {
  color: var(--darker-accent-colors-grey);
}
tickets-article-comments .comment-footer .comment-button:hover {
  color: var(--darker-accent-colors-mint);
}
tickets-article-merge-info > .panel {
  padding: 2rem;
}
tickets-article-merge-info p {
  margin: 0;
}
tickets-article-merge-info p span {
  color: var(--accent-colors-mint);
}
tickets-article-merge-info p span:hover {
  color: var(--accent-colors-dark-mint);
  cursor: pointer;
}
tickets-article-note {
  background-color: var(--background-color);
  width: 660px;
}
tickets-article-note .article-note-row {
  display: flex;
  margin-bottom: 0.5rem;
}
tickets-article-note .article-note-row span {
  flex: 0 0 10rem;
}
tickets-article-note .article-note-row .mnt-highlight {
  font-weight: 500;
}
tickets-article-note .article-note-row:first-child {
  margin-bottom: 1rem;
}
tickets-article-note .article-note-multi-value {
  border-radius: 0.3rem;
  background-color: var(--background-color-mint);
  font-size: small;
  display: inline-block;
  padding: 0.3rem 0.5rem;
  margin: 0.2rem;
}
tickets-article-preview {
  background-color: var(--background-color);
  width: 75vw;
  max-width: 98%;
  max-height: 95%;
  min-width: 435px;
}
tickets-article-preview .article-subject {
  display: flex;
  margin-bottom: 0.5rem;
}
tickets-article-preview .article-subject span {
  flex: 0 0 6rem;
}
tickets-article-preview .article-content {
  contain: paint;
  isolation: isolate;
  max-width: 100%;
  min-width: 0;
}
tickets-article-preview .article-content .modal-backdrop {
  display: none !important;
}
tickets-article-preview .article-content .modal {
  position: static !important;
  z-index: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
}
tickets-article-preview .article-content .modal-dialog {
  position: static;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}
tickets-article-preview .article-content .modal-content {
  position: static;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: inherit;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
tickets-article-preview .article-content .modal-header {
  min-height: 0;
  padding: 0;
  border: 0;
}
tickets-article-preview .article-content pre {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
tickets-article-preview .article-content pre.moz-signature {
  padding: 0;
  color: inherit;
  font: inherit;
  background: transparent;
  border: 0;
}
tickets-article-preview .article-content {
  overflow: auto;
}
tickets-article-preview .article-content .survey-disable-pointer {
  pointer-events: none;
}
@media (max-width: 500px) {
  tickets-article-preview {
    width: auto;
    max-height: 85%;
  }
}
tickets-close-related-tickets-modal,
tickets-close-related-tickets-modal .panel {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4rem);
  overflow: hidden auto;
}
tickets-close-related-tickets-modal .panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
tickets-close-related-tickets-modal .panel-heading-right {
  float: right;
}
tickets-close-related-tickets-modal .browse-breadcrumbs {
  padding: 0 1.5rem 1rem 1.5rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-close-related-tickets-modal .browse-filter > :first-child {
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-close-related-tickets-modal .browse-filter .panel-heading {
  padding: 0 !important;
}
tickets-close-related-tickets-modal .browse-content {
  min-width: 60vw;
}
tickets-close-related-tickets-modal .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
tickets-company-details dynamic-fields-group-panel {
  max-width: 100%;
}
tickets-company-details dynamic-fields-group-panel .attribute-input {
  flex: unset;
}
tickets-company-details > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
tickets-custom-template-modal {
  min-width: 60rem;
}
tickets-custom-template-modal .form-group label {
  font-weight: 700;
}
tickets-custom-template-modal .sketch-container {
  max-height: 30vh;
  overflow-y: auto;
}
tickets-custom-template-modal .sketch-container .snippet-url {
  color: rgb(0, 150, 255);
}
tickets-customer-details .total-tickets-number {
  color: var(--accent-colors-mint);
  cursor: pointer;
}
tickets-customer-details .mint-form-group dynamic-fields-group-panel {
  max-width: 100%;
}
tickets-customer-details .mint-form-group dynamic-fields-group-panel .attribute-input {
  flex: unset;
}
tickets-customer-details .mint-form-group > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
tickets-assign-customer-form .mnt-form-error {
  margin: -12px 0 5px 0;
  text-align: right;
}
tickets-assign-customer-modal {
  min-width: 60rem;
}
tickets-assign-customer-modal .mint-form-group {
  gap: 0.5rem;
}
document-template-modal {
  min-width: 60rem;
}
document-template-modal .form-group label {
  font-weight: 700;
}
document-template-modal .sketch-container {
  max-height: 30vh;
  overflow-y: auto;
}
@media (max-width: 768px) {
  document-template-modal {
    min-width: 45rem;
  }
}
force-escalation-modal {
  width: 70%;
}
force-escalation-modal .message-box {
  max-height: 30vh;
  overflow-y: auto;
  background-color: var(--background-color);
  flex: 1;
  font-size: 1.3rem;
  position: relative;
}
force-escalation-modal .message-box rich-text-editor .ql-editor {
  border: 0.1rem solid var(--border-light-color);
}
tickets-notifications-footer {
  display: block;
  margin-bottom: 0.5rem;
}
tickets-notifications-footer > div {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  background-color: var(--background-color-danger);
  padding-left: 3rem;
}
tickets-notifications-footer > div > * {
  padding: 1rem;
}
tickets-notifications-footer > div .footer-filler {
  flex: 1;
  min-width: 0;
}
tickets-notifications-timeline-modal {
  max-width: 100%;
}
tickets-notifications-timeline-modal .panel-body {
  width: 45rem;
  max-height: 45rem;
  overflow-y: auto;
}
tickets-notifications-timeline-modal .panel-body .panel-footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
tickets-notifications-timeline-modal .panel-body .panel-footer div {
  display: flex;
  justify-content: flex-end;
}
tickets-notifications-timeline-modal .panel-body .panel-footer .see-previous {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
tickets-notifications-timeline-modal .panel-body .no-notifications {
  text-align: center;
}
signature-template-modal {
  min-width: 60rem;
}
signature-template-modal .form-group label {
  font-weight: 700;
}
signature-template-modal .sketch-container {
  max-height: 30vh;
  overflow-y: auto;
  margin-bottom: 1rem;
}
signature-template-modal .sketch-container .empty {
  padding: 3em;
}
@media (max-width: 768px) {
  signature-template-modal {
    min-width: 45rem;
  }
}
tickets-statuses-form .status-table {
  min-width: 50rem;
}
tickets-statuses-form .status-table-header {
  height: 3rem;
  display: flex;
  font-weight: bold;
  align-items: center;
  margin: 0 0 0.5rem 1.5rem;
  gap: 1rem;
}
tickets-statuses-form .status-table-header > div {
  flex-basis: 25rem;
}
tickets-statuses-form .status-value-input {
  width: 25rem;
  min-width: 10rem;
  display: flex;
}
tickets-statuses-form .status-value-input .color-buttons {
  display: flex;
  gap: 0.5rem;
  margin-left: 1rem;
}
tickets-statuses-form .status-value-input .color-buttons .btn-shrink {
  width: fit-content;
}
tickets-statuses-form .statuses-list dnd-nodrag {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-right: 0.5rem;
  gap: 1rem;
}
tickets-statuses-form .statuses-list .dndPlaceholder {
  width: 100%;
}
tickets-statuses-form .statuses-list .grabbable {
  cursor: grab;
  padding: 1rem;
}
tickets-statuses-form .statuses-list .grabbable:active {
  cursor: grabbing;
}
tickets-statuses-form .statuses-list .status-container {
  border-bottom: 0.1rem solid var(--border-color);
  margin-bottom: 1rem;
}
tickets-statuses-form .statuses-list .status-container:nth-last-child(1) {
  border: none;
}
tickets-statuses-form .statuses-list .dndPlaceholder {
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  min-height: 3rem;
  margin-bottom: 0.5rem;
  list-style: none;
}
tickets-statuses-form .statuses-list .status-container {
  min-height: 3rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  grid-column-gap: 1rem;
}
tickets-statuses-form .statuses-list .status-container .status-type-select {
  width: 25rem;
  min-width: 10rem;
}
tickets-statuses-form .statuses-list .status-container .status-type-select .ui-select-match-text {
  position: static;
  display: flex;
}
tickets-statuses-form .statuses-list .status-container .status-type-select .long-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
tickets-statuses-form .statuses-list .dndDraggingSource {
  display: none;
}
tickets-statuses-form .statuses-list .status-available-select_container {
  display: flex;
  flex-flow: column nowrap;
  width: 25rem;
  min-width: 10rem;
  gap: 0.5rem;
}
tickets-statuses-form .add-new-status {
  padding: 1rem;
}
tickets-statuses-form .status-additions {
  display: flex;
  flex-flow: column nowrap;
}
tickets-statuses-form .status-additions > div {
  display: flex;
}
tickets-statuses-form .status-additions > div label {
  font-weight: normal;
  padding-right: 1rem;
}
tickets-statuses-form .status-additions > div label:hover {
  cursor: pointer;
}
tickets-statuses-form .remove-btn-container {
  flex: 0 0 3rem;
  display: flex;
}
tickets-statuses-form input.invalid {
  border-color: var(--border-color-error-main);
}
tickets-statuses-form input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
tickets-system-article {
  display: flex;
  justify-content: center;
  margin: 0 1rem;
}
tickets-system-article .system-article {
  margin: 1rem 0;
  overflow: hidden;
  color: var(--text-color-grey);
  font-size: 1.2rem;
}
tickets-system-article .system-article .info {
  display: inline-block;
  border-radius: 0.6rem 0.6rem 0.6rem 0.6rem;
  text-align: center;
  line-height: 1.7rem;
  width: 1.7rem;
  height: 1.7rem;
  margin-right: 1rem;
  color: var(--background-color);
  font-size: 1rem;
  background-color: var(--accent-colors-grey);
}
tickets-system-article .system-article > span:not(:last-child) {
  position: relative;
  padding-right: 0.6rem;
  margin-right: 0.3rem;
}
tickets-system-article .system-article > span:not(:last-child)::after {
  position: absolute;
  content: "|";
  padding: 0 0.5rem;
}
tickets-table-view-article .article {
  min-width: fit-content;
  display: grid;
  grid-template-columns: 4rem 12rem 12rem minmax(0, auto) max-content max-content 8rem minmax(max-content, 6rem);
  column-gap: 2rem;
  align-items: center;
  height: 5.5rem;
  border-bottom: 0.1rem solid var(--border-color);
  padding: 0 3.5rem;
  font-size: 1.2rem;
}
tickets-table-view-article .article .article-author > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
tickets-table-view-article .article .article-author .role-label {
  font-weight: 600;
}
tickets-table-view-article .article .article-author .author-name {
  font-weight: 500;
}
tickets-table-view-article .article .article-title {
  font-weight: 600;
}
tickets-table-view-article .article .article-title > div {
  display: flex;
}
tickets-table-view-article .article .article-title > div > div:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
tickets-table-view-article .article .article-content {
  max-height: 100%;
  overflow: hidden;
  display: flex;
  padding: 0.5rem 0;
}
tickets-table-view-article .article .article-content > div:first-child {
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
  text-overflow: ellipsis;
}
tickets-table-view-article .article .article-content .quote-article {
  font-size: inherit;
  border-left: 0.1rem solid var(--border-light-color);
  border-width: 0.4rem;
  margin: 0.5rem 0;
  padding: 0 0 0 1.6rem;
}
tickets-table-view-article .article .article-content p h1, tickets-table-view-article .article .article-content p h2, tickets-table-view-article .article .article-content p h3, tickets-table-view-article .article .article-content p h4, tickets-table-view-article .article .article-content p h5, tickets-table-view-article .article .article-content p h6, tickets-table-view-article .article .article-content p p, tickets-table-view-article .article .article-content p span, tickets-table-view-article .article .article-content p strong, tickets-table-view-article .article .article-content p sub, tickets-table-view-article .article .article-content p sup, tickets-table-view-article .article .article-content p em, tickets-table-view-article .article .article-content p u, tickets-table-view-article .article .article-content p s, tickets-table-view-article .article .article-content span h1, tickets-table-view-article .article .article-content span h2, tickets-table-view-article .article .article-content span h3, tickets-table-view-article .article .article-content span h4, tickets-table-view-article .article .article-content span h5, tickets-table-view-article .article .article-content span h6, tickets-table-view-article .article .article-content span p, tickets-table-view-article .article .article-content span span, tickets-table-view-article .article .article-content span strong, tickets-table-view-article .article .article-content span sub, tickets-table-view-article .article .article-content span sup, tickets-table-view-article .article .article-content span em, tickets-table-view-article .article .article-content span u, tickets-table-view-article .article .article-content span s {
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  background-color: transparent;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
}
tickets-table-view-article .article .article-content p h1 h1, tickets-table-view-article .article .article-content p h1 h2, tickets-table-view-article .article .article-content p h1 h3, tickets-table-view-article .article .article-content p h1 h4, tickets-table-view-article .article .article-content p h1 h5, tickets-table-view-article .article .article-content p h1 h6, tickets-table-view-article .article .article-content p h1 p, tickets-table-view-article .article .article-content p h1 span, tickets-table-view-article .article .article-content p h1 strong, tickets-table-view-article .article .article-content p h1 sub, tickets-table-view-article .article .article-content p h1 sup, tickets-table-view-article .article .article-content p h1 em, tickets-table-view-article .article .article-content p h1 u, tickets-table-view-article .article .article-content p h1 s, tickets-table-view-article .article .article-content p h2 h1, tickets-table-view-article .article .article-content p h2 h2, tickets-table-view-article .article .article-content p h2 h3, tickets-table-view-article .article .article-content p h2 h4, tickets-table-view-article .article .article-content p h2 h5, tickets-table-view-article .article .article-content p h2 h6, tickets-table-view-article .article .article-content p h2 p, tickets-table-view-article .article .article-content p h2 span, tickets-table-view-article .article .article-content p h2 strong, tickets-table-view-article .article .article-content p h2 sub, tickets-table-view-article .article .article-content p h2 sup, tickets-table-view-article .article .article-content p h2 em, tickets-table-view-article .article .article-content p h2 u, tickets-table-view-article .article .article-content p h2 s, tickets-table-view-article .article .article-content p h3 h1, tickets-table-view-article .article .article-content p h3 h2, tickets-table-view-article .article .article-content p h3 h3, tickets-table-view-article .article .article-content p h3 h4, tickets-table-view-article .article .article-content p h3 h5, tickets-table-view-article .article .article-content p h3 h6, tickets-table-view-article .article .article-content p h3 p, tickets-table-view-article .article .article-content p h3 span, tickets-table-view-article .article .article-content p h3 strong, tickets-table-view-article .article .article-content p h3 sub, tickets-table-view-article .article .article-content p h3 sup, tickets-table-view-article .article .article-content p h3 em, tickets-table-view-article .article .article-content p h3 u, tickets-table-view-article .article .article-content p h3 s, tickets-table-view-article .article .article-content p h4 h1, tickets-table-view-article .article .article-content p h4 h2, tickets-table-view-article .article .article-content p h4 h3, tickets-table-view-article .article .article-content p h4 h4, tickets-table-view-article .article .article-content p h4 h5, tickets-table-view-article .article .article-content p h4 h6, tickets-table-view-article .article .article-content p h4 p, tickets-table-view-article .article .article-content p h4 span, tickets-table-view-article .article .article-content p h4 strong, tickets-table-view-article .article .article-content p h4 sub, tickets-table-view-article .article .article-content p h4 sup, tickets-table-view-article .article .article-content p h4 em, tickets-table-view-article .article .article-content p h4 u, tickets-table-view-article .article .article-content p h4 s, tickets-table-view-article .article .article-content p h5 h1, tickets-table-view-article .article .article-content p h5 h2, tickets-table-view-article .article .article-content p h5 h3, tickets-table-view-article .article .article-content p h5 h4, tickets-table-view-article .article .article-content p h5 h5, tickets-table-view-article .article .article-content p h5 h6, tickets-table-view-article .article .article-content p h5 p, tickets-table-view-article .article .article-content p h5 span, tickets-table-view-article .article .article-content p h5 strong, tickets-table-view-article .article .article-content p h5 sub, tickets-table-view-article .article .article-content p h5 sup, tickets-table-view-article .article .article-content p h5 em, tickets-table-view-article .article .article-content p h5 u, tickets-table-view-article .article .article-content p h5 s, tickets-table-view-article .article .article-content p h6 h1, tickets-table-view-article .article .article-content p h6 h2, tickets-table-view-article .article .article-content p h6 h3, tickets-table-view-article .article .article-content p h6 h4, tickets-table-view-article .article .article-content p h6 h5, tickets-table-view-article .article .article-content p h6 h6, tickets-table-view-article .article .article-content p h6 p, tickets-table-view-article .article .article-content p h6 span, tickets-table-view-article .article .article-content p h6 strong, tickets-table-view-article .article .article-content p h6 sub, tickets-table-view-article .article .article-content p h6 sup, tickets-table-view-article .article .article-content p h6 em, tickets-table-view-article .article .article-content p h6 u, tickets-table-view-article .article .article-content p h6 s, tickets-table-view-article .article .article-content p p h1, tickets-table-view-article .article .article-content p p h2, tickets-table-view-article .article .article-content p p h3, tickets-table-view-article .article .article-content p p h4, tickets-table-view-article .article .article-content p p h5, tickets-table-view-article .article .article-content p p h6, tickets-table-view-article .article .article-content p p p, tickets-table-view-article .article .article-content p p span, tickets-table-view-article .article .article-content p p strong, tickets-table-view-article .article .article-content p p sub, tickets-table-view-article .article .article-content p p sup, tickets-table-view-article .article .article-content p p em, tickets-table-view-article .article .article-content p p u, tickets-table-view-article .article .article-content p p s, tickets-table-view-article .article .article-content p span h1, tickets-table-view-article .article .article-content p span h2, tickets-table-view-article .article .article-content p span h3, tickets-table-view-article .article .article-content p span h4, tickets-table-view-article .article .article-content p span h5, tickets-table-view-article .article .article-content p span h6, tickets-table-view-article .article .article-content p span p, tickets-table-view-article .article .article-content p span span, tickets-table-view-article .article .article-content p span strong, tickets-table-view-article .article .article-content p span sub, tickets-table-view-article .article .article-content p span sup, tickets-table-view-article .article .article-content p span em, tickets-table-view-article .article .article-content p span u, tickets-table-view-article .article .article-content p span s, tickets-table-view-article .article .article-content p strong h1, tickets-table-view-article .article .article-content p strong h2, tickets-table-view-article .article .article-content p strong h3, tickets-table-view-article .article .article-content p strong h4, tickets-table-view-article .article .article-content p strong h5, tickets-table-view-article .article .article-content p strong h6, tickets-table-view-article .article .article-content p strong p, tickets-table-view-article .article .article-content p strong span, tickets-table-view-article .article .article-content p strong strong, tickets-table-view-article .article .article-content p strong sub, tickets-table-view-article .article .article-content p strong sup, tickets-table-view-article .article .article-content p strong em, tickets-table-view-article .article .article-content p strong u, tickets-table-view-article .article .article-content p strong s, tickets-table-view-article .article .article-content p sub h1, tickets-table-view-article .article .article-content p sub h2, tickets-table-view-article .article .article-content p sub h3, tickets-table-view-article .article .article-content p sub h4, tickets-table-view-article .article .article-content p sub h5, tickets-table-view-article .article .article-content p sub h6, tickets-table-view-article .article .article-content p sub p, tickets-table-view-article .article .article-content p sub span, tickets-table-view-article .article .article-content p sub strong, tickets-table-view-article .article .article-content p sub sub, tickets-table-view-article .article .article-content p sub sup, tickets-table-view-article .article .article-content p sub em, tickets-table-view-article .article .article-content p sub u, tickets-table-view-article .article .article-content p sub s, tickets-table-view-article .article .article-content p sup h1, tickets-table-view-article .article .article-content p sup h2, tickets-table-view-article .article .article-content p sup h3, tickets-table-view-article .article .article-content p sup h4, tickets-table-view-article .article .article-content p sup h5, tickets-table-view-article .article .article-content p sup h6, tickets-table-view-article .article .article-content p sup p, tickets-table-view-article .article .article-content p sup span, tickets-table-view-article .article .article-content p sup strong, tickets-table-view-article .article .article-content p sup sub, tickets-table-view-article .article .article-content p sup sup, tickets-table-view-article .article .article-content p sup em, tickets-table-view-article .article .article-content p sup u, tickets-table-view-article .article .article-content p sup s, tickets-table-view-article .article .article-content p em h1, tickets-table-view-article .article .article-content p em h2, tickets-table-view-article .article .article-content p em h3, tickets-table-view-article .article .article-content p em h4, tickets-table-view-article .article .article-content p em h5, tickets-table-view-article .article .article-content p em h6, tickets-table-view-article .article .article-content p em p, tickets-table-view-article .article .article-content p em span, tickets-table-view-article .article .article-content p em strong, tickets-table-view-article .article .article-content p em sub, tickets-table-view-article .article .article-content p em sup, tickets-table-view-article .article .article-content p em em, tickets-table-view-article .article .article-content p em u, tickets-table-view-article .article .article-content p em s, tickets-table-view-article .article .article-content p u h1, tickets-table-view-article .article .article-content p u h2, tickets-table-view-article .article .article-content p u h3, tickets-table-view-article .article .article-content p u h4, tickets-table-view-article .article .article-content p u h5, tickets-table-view-article .article .article-content p u h6, tickets-table-view-article .article .article-content p u p, tickets-table-view-article .article .article-content p u span, tickets-table-view-article .article .article-content p u strong, tickets-table-view-article .article .article-content p u sub, tickets-table-view-article .article .article-content p u sup, tickets-table-view-article .article .article-content p u em, tickets-table-view-article .article .article-content p u u, tickets-table-view-article .article .article-content p u s, tickets-table-view-article .article .article-content p s h1, tickets-table-view-article .article .article-content p s h2, tickets-table-view-article .article .article-content p s h3, tickets-table-view-article .article .article-content p s h4, tickets-table-view-article .article .article-content p s h5, tickets-table-view-article .article .article-content p s h6, tickets-table-view-article .article .article-content p s p, tickets-table-view-article .article .article-content p s span, tickets-table-view-article .article .article-content p s strong, tickets-table-view-article .article .article-content p s sub, tickets-table-view-article .article .article-content p s sup, tickets-table-view-article .article .article-content p s em, tickets-table-view-article .article .article-content p s u, tickets-table-view-article .article .article-content p s s, tickets-table-view-article .article .article-content span h1 h1, tickets-table-view-article .article .article-content span h1 h2, tickets-table-view-article .article .article-content span h1 h3, tickets-table-view-article .article .article-content span h1 h4, tickets-table-view-article .article .article-content span h1 h5, tickets-table-view-article .article .article-content span h1 h6, tickets-table-view-article .article .article-content span h1 p, tickets-table-view-article .article .article-content span h1 span, tickets-table-view-article .article .article-content span h1 strong, tickets-table-view-article .article .article-content span h1 sub, tickets-table-view-article .article .article-content span h1 sup, tickets-table-view-article .article .article-content span h1 em, tickets-table-view-article .article .article-content span h1 u, tickets-table-view-article .article .article-content span h1 s, tickets-table-view-article .article .article-content span h2 h1, tickets-table-view-article .article .article-content span h2 h2, tickets-table-view-article .article .article-content span h2 h3, tickets-table-view-article .article .article-content span h2 h4, tickets-table-view-article .article .article-content span h2 h5, tickets-table-view-article .article .article-content span h2 h6, tickets-table-view-article .article .article-content span h2 p, tickets-table-view-article .article .article-content span h2 span, tickets-table-view-article .article .article-content span h2 strong, tickets-table-view-article .article .article-content span h2 sub, tickets-table-view-article .article .article-content span h2 sup, tickets-table-view-article .article .article-content span h2 em, tickets-table-view-article .article .article-content span h2 u, tickets-table-view-article .article .article-content span h2 s, tickets-table-view-article .article .article-content span h3 h1, tickets-table-view-article .article .article-content span h3 h2, tickets-table-view-article .article .article-content span h3 h3, tickets-table-view-article .article .article-content span h3 h4, tickets-table-view-article .article .article-content span h3 h5, tickets-table-view-article .article .article-content span h3 h6, tickets-table-view-article .article .article-content span h3 p, tickets-table-view-article .article .article-content span h3 span, tickets-table-view-article .article .article-content span h3 strong, tickets-table-view-article .article .article-content span h3 sub, tickets-table-view-article .article .article-content span h3 sup, tickets-table-view-article .article .article-content span h3 em, tickets-table-view-article .article .article-content span h3 u, tickets-table-view-article .article .article-content span h3 s, tickets-table-view-article .article .article-content span h4 h1, tickets-table-view-article .article .article-content span h4 h2, tickets-table-view-article .article .article-content span h4 h3, tickets-table-view-article .article .article-content span h4 h4, tickets-table-view-article .article .article-content span h4 h5, tickets-table-view-article .article .article-content span h4 h6, tickets-table-view-article .article .article-content span h4 p, tickets-table-view-article .article .article-content span h4 span, tickets-table-view-article .article .article-content span h4 strong, tickets-table-view-article .article .article-content span h4 sub, tickets-table-view-article .article .article-content span h4 sup, tickets-table-view-article .article .article-content span h4 em, tickets-table-view-article .article .article-content span h4 u, tickets-table-view-article .article .article-content span h4 s, tickets-table-view-article .article .article-content span h5 h1, tickets-table-view-article .article .article-content span h5 h2, tickets-table-view-article .article .article-content span h5 h3, tickets-table-view-article .article .article-content span h5 h4, tickets-table-view-article .article .article-content span h5 h5, tickets-table-view-article .article .article-content span h5 h6, tickets-table-view-article .article .article-content span h5 p, tickets-table-view-article .article .article-content span h5 span, tickets-table-view-article .article .article-content span h5 strong, tickets-table-view-article .article .article-content span h5 sub, tickets-table-view-article .article .article-content span h5 sup, tickets-table-view-article .article .article-content span h5 em, tickets-table-view-article .article .article-content span h5 u, tickets-table-view-article .article .article-content span h5 s, tickets-table-view-article .article .article-content span h6 h1, tickets-table-view-article .article .article-content span h6 h2, tickets-table-view-article .article .article-content span h6 h3, tickets-table-view-article .article .article-content span h6 h4, tickets-table-view-article .article .article-content span h6 h5, tickets-table-view-article .article .article-content span h6 h6, tickets-table-view-article .article .article-content span h6 p, tickets-table-view-article .article .article-content span h6 span, tickets-table-view-article .article .article-content span h6 strong, tickets-table-view-article .article .article-content span h6 sub, tickets-table-view-article .article .article-content span h6 sup, tickets-table-view-article .article .article-content span h6 em, tickets-table-view-article .article .article-content span h6 u, tickets-table-view-article .article .article-content span h6 s, tickets-table-view-article .article .article-content span p h1, tickets-table-view-article .article .article-content span p h2, tickets-table-view-article .article .article-content span p h3, tickets-table-view-article .article .article-content span p h4, tickets-table-view-article .article .article-content span p h5, tickets-table-view-article .article .article-content span p h6, tickets-table-view-article .article .article-content span p p, tickets-table-view-article .article .article-content span p span, tickets-table-view-article .article .article-content span p strong, tickets-table-view-article .article .article-content span p sub, tickets-table-view-article .article .article-content span p sup, tickets-table-view-article .article .article-content span p em, tickets-table-view-article .article .article-content span p u, tickets-table-view-article .article .article-content span p s, tickets-table-view-article .article .article-content span span h1, tickets-table-view-article .article .article-content span span h2, tickets-table-view-article .article .article-content span span h3, tickets-table-view-article .article .article-content span span h4, tickets-table-view-article .article .article-content span span h5, tickets-table-view-article .article .article-content span span h6, tickets-table-view-article .article .article-content span span p, tickets-table-view-article .article .article-content span span span, tickets-table-view-article .article .article-content span span strong, tickets-table-view-article .article .article-content span span sub, tickets-table-view-article .article .article-content span span sup, tickets-table-view-article .article .article-content span span em, tickets-table-view-article .article .article-content span span u, tickets-table-view-article .article .article-content span span s, tickets-table-view-article .article .article-content span strong h1, tickets-table-view-article .article .article-content span strong h2, tickets-table-view-article .article .article-content span strong h3, tickets-table-view-article .article .article-content span strong h4, tickets-table-view-article .article .article-content span strong h5, tickets-table-view-article .article .article-content span strong h6, tickets-table-view-article .article .article-content span strong p, tickets-table-view-article .article .article-content span strong span, tickets-table-view-article .article .article-content span strong strong, tickets-table-view-article .article .article-content span strong sub, tickets-table-view-article .article .article-content span strong sup, tickets-table-view-article .article .article-content span strong em, tickets-table-view-article .article .article-content span strong u, tickets-table-view-article .article .article-content span strong s, tickets-table-view-article .article .article-content span sub h1, tickets-table-view-article .article .article-content span sub h2, tickets-table-view-article .article .article-content span sub h3, tickets-table-view-article .article .article-content span sub h4, tickets-table-view-article .article .article-content span sub h5, tickets-table-view-article .article .article-content span sub h6, tickets-table-view-article .article .article-content span sub p, tickets-table-view-article .article .article-content span sub span, tickets-table-view-article .article .article-content span sub strong, tickets-table-view-article .article .article-content span sub sub, tickets-table-view-article .article .article-content span sub sup, tickets-table-view-article .article .article-content span sub em, tickets-table-view-article .article .article-content span sub u, tickets-table-view-article .article .article-content span sub s, tickets-table-view-article .article .article-content span sup h1, tickets-table-view-article .article .article-content span sup h2, tickets-table-view-article .article .article-content span sup h3, tickets-table-view-article .article .article-content span sup h4, tickets-table-view-article .article .article-content span sup h5, tickets-table-view-article .article .article-content span sup h6, tickets-table-view-article .article .article-content span sup p, tickets-table-view-article .article .article-content span sup span, tickets-table-view-article .article .article-content span sup strong, tickets-table-view-article .article .article-content span sup sub, tickets-table-view-article .article .article-content span sup sup, tickets-table-view-article .article .article-content span sup em, tickets-table-view-article .article .article-content span sup u, tickets-table-view-article .article .article-content span sup s, tickets-table-view-article .article .article-content span em h1, tickets-table-view-article .article .article-content span em h2, tickets-table-view-article .article .article-content span em h3, tickets-table-view-article .article .article-content span em h4, tickets-table-view-article .article .article-content span em h5, tickets-table-view-article .article .article-content span em h6, tickets-table-view-article .article .article-content span em p, tickets-table-view-article .article .article-content span em span, tickets-table-view-article .article .article-content span em strong, tickets-table-view-article .article .article-content span em sub, tickets-table-view-article .article .article-content span em sup, tickets-table-view-article .article .article-content span em em, tickets-table-view-article .article .article-content span em u, tickets-table-view-article .article .article-content span em s, tickets-table-view-article .article .article-content span u h1, tickets-table-view-article .article .article-content span u h2, tickets-table-view-article .article .article-content span u h3, tickets-table-view-article .article .article-content span u h4, tickets-table-view-article .article .article-content span u h5, tickets-table-view-article .article .article-content span u h6, tickets-table-view-article .article .article-content span u p, tickets-table-view-article .article .article-content span u span, tickets-table-view-article .article .article-content span u strong, tickets-table-view-article .article .article-content span u sub, tickets-table-view-article .article .article-content span u sup, tickets-table-view-article .article .article-content span u em, tickets-table-view-article .article .article-content span u u, tickets-table-view-article .article .article-content span u s, tickets-table-view-article .article .article-content span s h1, tickets-table-view-article .article .article-content span s h2, tickets-table-view-article .article .article-content span s h3, tickets-table-view-article .article .article-content span s h4, tickets-table-view-article .article .article-content span s h5, tickets-table-view-article .article .article-content span s h6, tickets-table-view-article .article .article-content span s p, tickets-table-view-article .article .article-content span s span, tickets-table-view-article .article .article-content span s strong, tickets-table-view-article .article .article-content span s sub, tickets-table-view-article .article .article-content span s sup, tickets-table-view-article .article .article-content span s em, tickets-table-view-article .article .article-content span s u, tickets-table-view-article .article .article-content span s s {
  font-size: 1.1rem !important;
  background-color: transparent !important;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
}
tickets-table-view-article .article .article-content p, tickets-table-view-article .article .article-content span {
  /* Needed overwriting styles from rich-text-editor to default displaying */
}
tickets-table-view-article .article .comments {
  font-weight: 500;
}
tickets-table-view-article .article .comments > svg {
  color: var(--article-colors-blue);
}
tickets-table-view-article .article .article-status .success {
  color: var(--accent-colors-mint);
}
tickets-table-view-article .article .article-status .error {
  color: var(--accent-colors-danger);
}
tickets-table-view-article .article .article-information_container {
  width: 100%;
}
tickets-table-view-article .article .article-icons {
  display: inline-flex;
  background-color: var(--article-colors-blue);
  border-radius: 0.5rem;
  color: var(--background-color);
  justify-self: flex-end;
  width: max-content;
}
tickets-table-view-article .article .article-icons > div {
  width: 2rem;
  height: 2.5rem;
  font-size: 1.2rem;
  line-height: 2.5rem;
  text-align: center;
  position: relative;
}
tickets-table-view-article .article .article-icons > div.clickable {
  cursor: pointer;
}
tickets-table-view-article .article .article-icons > div:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 0.1rem;
  bottom: 0.5rem;
  top: 0.5rem;
  right: 0rem;
  opacity: 0.5;
  background-color: var(--background-color);
}
tickets-table-view-article .article .info {
  border-radius: 0.6rem 0.6rem 0.6rem 0.6rem;
  text-align: center;
  line-height: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
  justify-self: flex-end;
  color: var(--background-color);
  background-color: var(--accent-colors-grey);
}
tickets-table-view-article .article user-avatar img {
  margin: 0;
}
tickets-table-view-article .article .separator {
  position: relative;
}
tickets-table-view-article .article .separator::after {
  content: "";
  position: absolute;
  right: -1rem;
  top: 50%;
  background-color: var(--background-color-grey);
  width: 0.1rem;
  transform: translateY(-50%);
  height: 2rem;
}
tickets-table-view-article .article.own-article .article-icons {
  background-color: var(--accent-colors-mint);
}
tickets-table-view-article .article.own-article .comments > svg {
  color: var(--accent-colors-mint);
}
tickets-table-view-article .article.private .article-icons {
  background-color: var(--darker-accent-colors-warning);
}
tickets-table-view-article .article.private .comments > svg {
  color: var(--darker-accent-colors-warning);
}
tickets-table-view-article .article.system-article .comments > svg {
  color: var(--accent-colors-grey);
}
@media (max-width: 1366px) {
  tickets-table-view-article .article {
    padding: 0 2rem;
    grid-template-columns: 4rem 10rem 12rem minmax(0, auto) 2rem 7rem;
  }
  tickets-table-view-article .article :nth-child(7),
  tickets-table-view-article .article :nth-child(8) {
    display: none;
  }
}
tickets-ticket-article-actions {
  display: block;
}
tickets-ticket-articles-chat-view {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 35rem;
  min-height: 20rem;
  max-height: 80rem;
  position: relative;
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-ticket-articles-chat-view .chat-view-content {
  overflow-y: auto;
  flex: 1;
  padding: 0 2rem 0 2rem;
}
tickets-ticket-articles-chat-view .load-more-button {
  text-align: center;
}
tickets-ticket-articles-chat-view .article-separator {
  text-align: center;
  border-bottom: 0.1rem solid var(--border-light-color);
  line-height: 0.1rem;
  padding-top: 1rem;
}
tickets-ticket-articles-chat-view .article-separator span {
  background: var(--background-color);
  color: var(--text-color-grey);
  padding: 0 2rem;
  font-size: 1.3rem;
}
tickets-ticket-articles-chat-view .article-separator:first-child {
  margin-top: 1rem;
}
@media (max-width: 1366px) {
  tickets-ticket-articles-chat-view .chat-view-content {
    padding: 0 2rem 0 2rem;
  }
}
@media (max-width: 500px) {
  tickets-ticket-articles-chat-view .chat-view-content {
    padding: 0 0.1rem 0 0.1rem;
  }
}
tickets-ticket-articles-details-attachments {
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  gap: 2rem;
  padding: 1.5rem;
  overflow: auto;
}
tickets-ticket-articles-details-attachments > div {
  flex: 1;
  max-height: 35rem;
  overflow: hidden auto;
}
tickets-ticket-articles-details-history {
  height: 100%;
  display: flex;
  flex-direction: column;
}
tickets-ticket-articles-details-history .table-view {
  overflow-y: auto;
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-ticket-articles-details-history .table-view .column-name {
  padding-left: 1rem;
  font-weight: 600;
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: bold;
}
tickets-ticket-articles-details-history .table-view .table-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 0.5rem 0;
}
tickets-ticket-articles-details-history .table-view .table-row .row-value {
  padding-left: 1rem;
  word-wrap: break-word;
  display: inline-block;
}
tickets-ticket-articles-details-history .filters-panel {
  padding: 1rem 2rem;
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 500;
  display: inline-flex;
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-ticket-articles-details-history .filters-panel.additional-border {
  border-top: 0.1rem solid var(--border-color);
}
tickets-ticket-articles-details-history .filters-panel .filters-panel-row {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
}
tickets-ticket-articles-details-history .filters-panel .filters-panel-row label {
  padding: 0.5rem 1rem;
  flex-basis: 20rem;
  margin-bottom: 0;
}
tickets-ticket-articles-details-history .filters-panel .filters-panel-row input {
  flex: 1 1 auto;
}
tickets-ticket-articles-details-history .filters-panel .filters-panel-row .history-export {
  flex: 0 0 auto;
}
tickets-ticket-articles-details-history .merged-tickets-info_wrapper {
  padding: 1rem 2rem 0 2rem;
}
tickets-ticket-articles-details-history .merged-tickets-info_wrapper span {
  display: block;
  color: var(--accent-colors-mint);
}
tickets-ticket-articles-details-history .merged-tickets-info_wrapper span:hover {
  color: var(--accent-colors-dark-mint);
  cursor: pointer;
}
tickets-ticket-articles-details-history .btn-clear-filters {
  float: right;
}
tickets-ticket-articles-details-history-element .row-value {
  border-top: 0.1rem solid var(--border-color);
}
tickets-ticket-articles-details-view .article {
  min-height: 100%;
  background-color: var(--article-colors-primary);
  border-top: 0.1rem solid var(--border-color);
  padding: 2rem 4rem 0 4rem;
}
tickets-ticket-articles-details-view .article .article-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.3rem;
  font-size: 1.2rem;
  color: var(--text-color-grey);
}
tickets-ticket-articles-details-view .article .article-header .article-author {
  font-weight: 500;
  padding: 0 1rem;
  margin-right: 0.5rem;
  position: relative;
}
tickets-ticket-articles-details-view .article .article-header .article-author::after {
  content: "";
  background: var(--text-color-grey);
  position: absolute;
  top: 0.3rem;
  right: 0;
  height: 1.2rem;
  width: 0.1rem;
}
tickets-ticket-articles-details-view .article .article-header .article-status {
  margin: 0 1rem;
  font-size: 1rem;
}
tickets-ticket-articles-details-view .article .article-header .article-status .success {
  color: var(--accent-colors-mint);
}
tickets-ticket-articles-details-view .article .article-header .article-status .error {
  color: var(--accent-colors-danger);
}
tickets-ticket-articles-details-view .article .article-header .article-btn-create {
  font-size: 1.2rem;
  vertical-align: baseline;
  color: var(--text-color-grey);
}
tickets-ticket-articles-details-view .article .article-header .article-information_container {
  align-items: baseline;
  justify-content: flex-end;
}
tickets-ticket-articles-details-view .article .article-body {
  padding: 0.5rem 2rem 0 2rem;
  background-color: var(--background-color);
  font-size: 1.3rem;
  border-radius: 0.6rem 0.6rem 0.6rem 0;
  position: relative;
}
tickets-ticket-articles-details-view .article .article-body .article-content {
  contain: paint;
  isolation: isolate;
  max-width: 100%;
  min-width: 0;
}
tickets-ticket-articles-details-view .article .article-body .article-content .modal-backdrop {
  display: none !important;
}
tickets-ticket-articles-details-view .article .article-body .article-content .modal {
  position: static !important;
  z-index: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
}
tickets-ticket-articles-details-view .article .article-body .article-content .modal-dialog {
  position: static;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}
tickets-ticket-articles-details-view .article .article-body .article-content .modal-content {
  position: static;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: inherit;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
tickets-ticket-articles-details-view .article .article-body .article-content .modal-header {
  min-height: 0;
  padding: 0;
  border: 0;
}
tickets-ticket-articles-details-view .article .article-body .article-content pre {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
tickets-ticket-articles-details-view .article .article-body .article-content pre.moz-signature {
  padding: 0;
  color: inherit;
  font: inherit;
  background: transparent;
  border: 0;
}
tickets-ticket-articles-details-view .article .article-body .article-content {
  overflow: hidden;
  position: relative;
  overflow: auto;
  max-height: 19rem;
}
tickets-ticket-articles-details-view .article .article-body .article-content blockquote {
  font-size: inherit;
  border-left: 0.1rem solid var(--border-light-color);
  border-width: 0.4rem;
  margin: 0.5rem 0;
  padding: 0 0 0 1.6rem;
}
tickets-ticket-articles-details-view .article .article-body .article-footer {
  border-top: 0.1rem solid var(--background-color-mint);
}
tickets-ticket-articles-details-view .article .article-body .article-action-bar {
  display: flex;
  justify-content: flex-end;
}
tickets-ticket-articles-details-view .article .article-body .article-action-bar span {
  line-height: 3rem;
  font-weight: 500;
}
tickets-ticket-articles-details-view .article .article-body .article-action-bar span:hover {
  cursor: pointer;
}
tickets-ticket-articles-details-view .article .article-body .article-action-bar .rotated svg {
  transform: rotate(180deg);
  transition: all ease-in 0.4s;
}
tickets-ticket-articles-details-view .article .article-body .article-action-bar .filler {
  height: 3rem;
}
tickets-ticket-articles-details-view .article .article-body .article-action-bar .article-actions {
  display: flex;
}
tickets-ticket-articles-details-view .article .article-body .article-action-bar .article-actions .private-conversation > svg {
  color: var(--article-colors-blue);
}
tickets-ticket-articles-details-view .article .article-body .article-action-bar .article-actions .private-conversation {
  position: relative;
  margin-right: 1.5rem;
  padding-right: 1.7rem;
}
tickets-ticket-articles-details-view .article .article-body .article-action-bar .article-actions .private-conversation::after {
  content: "";
  background: var(--text-color-grey);
  position: absolute;
  top: 0.7rem;
  right: 0;
  height: 1.6rem;
  width: 0.1rem;
}
tickets-ticket-articles-details-view .article .article-body::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  z-index: 1;
  left: 0;
  border-left: 1rem solid var(--article-colors-primary);
  border-bottom: 1rem solid transparent;
  width: 0;
}
tickets-ticket-articles-details-view .article tickets-article-comment .comment-body {
  background-color: var(--background-color);
}
tickets-ticket-articles-details-view .article .close-article {
  position: absolute;
  top: 0;
  right: 1rem;
}
tickets-ticket-articles-details-view .article.own-article {
  background-color: var(--article-colors-mint);
}
tickets-ticket-articles-details-view .article.own-article .article-action-bar .article-actions .private-conversation > svg {
  color: var(--accent-colors-mint);
}
tickets-ticket-articles-details-view .article.private {
  background-color: var(--article-colors-sad-orange);
}
tickets-ticket-articles-details-view .article.private .article-action-bar .article-actions .private-conversation > svg {
  color: var(--darker-accent-colors-warning);
}
tickets-ticket-articles-details-view .article.system-article {
  background-color: var(--article-colors-grey);
}
tickets-ticket-articles-details-view .article.system-article .article-action-bar .article-actions .private-conversation > svg {
  color: var(--accent-colors-grey);
}
tickets-ticket-articles-files-view {
  height: 100%;
}
tickets-ticket-articles-files-view > div {
  height: 100%;
  position: relative;
}
tickets-ticket-articles-files-view > div > .wrapper {
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  max-height: 35rem;
  overflow: hidden auto;
}
tickets-ticket-articles-files-view > div > .wrapper section {
  min-height: max-content;
  padding: 2rem;
  border-bottom: 0.1rem solid var(--border-color);
  overflow: hidden auto;
  text-overflow: ellipsis;
}
tickets-ticket-articles-files-view > div > .wrapper section .header {
  font-weight: 700;
  font-size: 1.4rem;
  color: var(--accent-colors-mint);
  margin-bottom: 3rem;
}
tickets-ticket-articles-files-view > div > .wrapper section .bucket-container > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  justify-content: space-between;
}
tickets-ticket-articles-files-view > div > .wrapper section .bucket-container > div .bucket-name {
  color: var(--accent-colors-mint);
}
tickets-ticket-articles-files-view > div > .wrapper section .bucket-container .files-wrapper {
  display: flex;
  align-items: center;
}
tickets-ticket-articles-files-view > div > .wrapper section .bucket-container .files-wrapper .file-name {
  margin: 0 2rem 0.25rem 1rem;
  word-break: break-all;
}
tickets-ticket-articles-files-view > div > .wrapper section .bucket-container .files-wrapper .file-name:hover {
  cursor: pointer;
  color: var(--accent-colors-mint);
}
tickets-ticket-articles-files-view > div > .wrapper section .bucket-container button {
  width: 2rem;
  height: 2rem;
  min-width: unset;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  transition: 0.2s ease-in-out;
}
tickets-ticket-articles-files-view > div > .wrapper section .bucket-container button.expanded {
  transform: rotate(-180deg);
  color: var(--accent-colors-mint);
}
tickets-ticket-articles-files-view > div > .wrapper section .bucket-container button:focus {
  color: var(--accent-colors-mint);
}
tickets-ticket-articles-files-view > div > .wrapper section .bucket-container button:hover {
  color: var(--accent-colors-mint);
  transition: 0.2s ease-in-out;
}
tickets-ticket-articles-files-view > div > .wrapper .pinned-files-container {
  flex: 3;
}
tickets-ticket-articles-files-view > div > .wrapper .pinned-files-container .pinned-file-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
tickets-ticket-articles-files-view > div > .wrapper .pinned-files-container .pinned-file-wrapper p:hover {
  color: var(--accent-colors-mint);
  cursor: pointer;
}
tickets-ticket-articles-files-view > div > .wrapper .pinned-files-container .pinned-file-wrapper .trash-button:hover {
  color: var(--accent-colors-danger);
  cursor: pointer;
}
tickets-ticket-articles-files-view > div > .wrapper .all-files-container {
  flex: 2;
  border-left: 0.1rem solid var(--border-color);
  padding-bottom: 4rem;
}
tickets-ticket-articles-files-view > div .add-files-button {
  position: absolute;
  right: 1rem;
  top: 90%;
}
tickets-ticket-articles-panel .history-title {
  display: inline;
}
tickets-ticket-articles-panel .dropdown-button {
  padding-left: 1rem;
}
tickets-ticket-articles-panel .dropdown-button .generate-document-dropdown-menu {
  max-height: 40rem;
  overflow-y: scroll;
}
tickets-ticket-articles-panel .subdropdown-menu {
  cursor: pointer;
}
tickets-ticket-articles-panel .panel {
  margin-bottom: 0;
}
tickets-ticket-articles-panel .panel .panel-body {
  height: unset;
  display: flex;
  flex-direction: column;
  padding: 0;
}
tickets-ticket-articles-panel .preview-conatiner {
  padding-left: 2rem;
  padding-right: 2rem;
  word-break: break-all;
}
tickets-ticket-articles-panel .preview {
  margin-top: 2rem;
  height: fit-content;
  height: -moz-fit-content;
  flex: 1;
}
tickets-ticket-articles-panel .preview .preview-content {
  padding: 1.5rem;
}
tickets-ticket-articles-panel .preview .preview-toggle {
  position: absolute;
  right: 1rem;
  margin-top: 1rem;
}
tickets-ticket-articles-panel .preview .panel-body {
  height: unset;
}
tickets-ticket-articles-panel .ticket-details-header {
  overflow: visible;
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  justify-content: space-between;
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-ticket-articles-panel .ticket-details-header .ticket-title {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
tickets-ticket-articles-panel .ticket-details-header .ticket-title .ticket-name {
  max-width: calc(100% - 5rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  margin-left: 0.5rem;
}
tickets-ticket-articles-panel .ticket-details-header > div {
  align-self: center;
}
tickets-ticket-articles-panel .ticket-details-header > div:first-child {
  flex: 1;
}
tickets-ticket-articles-panel .ticket-details-header > div button {
  background-color: var(--background-color);
  color: var(--text-color-light);
  font-size: 1.8rem;
}
tickets-ticket-articles-panel .ticket-details-header > div .btn.btn-t.active {
  color: var(--accent-colors-mint);
}
tickets-ticket-articles-panel .ticket-details-header > div .btn.btn-t.unread {
  color: var(--accent-colors-danger);
}
tickets-ticket-articles-panel .articles-view {
  height: 100%;
  min-height: 20rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
tickets-ticket-articles-panel .articles-view .article-loader-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 50%;
  width: 8rem;
  height: 8rem;
  z-index: 1;
}
tickets-ticket-articles-panel .title {
  font-size: larger;
}
tickets-ticket-articles-panel .title .nav.nav-tabs > li.active > a {
  padding: 8px 10px;
}
tickets-ticket-articles-panel .chat-view-resize-handle {
  position: relative;
  width: 100%;
  height: 1.6rem;
  cursor: row-resize;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--input-background-color);
}
tickets-ticket-articles-panel .chat-view-resize-handle::after {
  content: "";
  width: 100%;
  height: 0.3rem;
  background-color: transparent;
}
tickets-ticket-articles-panel .chat-view-resize-handle::before {
  content: "....";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--text-color-grey);
  font-size: 1.4rem;
  letter-spacing: 0.4rem;
  top: -0.6rem;
}
tickets-ticket-articles-panel .chat-view-resize-handle:hover::after {
  background-color: var(--darker-accent-colors-mint);
  transition: background-color 0.3s ease-in 0s;
}
@media (max-width: 1366px) {
  tickets-ticket-articles-panel .ticket-details-header {
    padding: 0 2rem;
  }
}
@media (max-width: 500px) {
  tickets-ticket-articles-panel .ticket-details-header {
    display: block;
  }
  tickets-ticket-articles-panel .ticket-details-header .mnt-header {
    margin: 0;
  }
  tickets-ticket-articles-panel .ticket-details-header .ticket-title {
    max-width: 100%;
    font-size: 1.5rem;
  }
}
tickets-ticket-articles-panel tickets-ticket-reply .reply-channel,
tickets-ticket-articles-panel tickets-ticket-reply .reply-actions,
tickets-ticket-articles-panel tickets-ticket-reply .reply-targets,
tickets-ticket-articles-panel tickets-ticket-reply .reply-attachments {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
tickets-ticket-articles-panel tickets-ticket-reply .reply-editor {
  margin-left: 1.5rem;
  padding-right: 1.5rem;
}
tickets-ticket-articles-table-view {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-height: 900px) {
  tickets-ticket-articles-table-view {
    min-height: 20rem;
  }
}
tickets-ticket-articles-table-view .table-view {
  overflow-y: auto;
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-ticket-articles-table-view .table-view tickets-table-view-article.selected .article {
  background-color: var(--article-colors-primary);
}
tickets-ticket-articles-table-view .table-view tickets-table-view-article.selected.own-article .article {
  background-color: var(--article-colors-mint);
}
tickets-ticket-articles-table-view .table-view tickets-table-view-article.selected.private .article {
  background-color: var(--article-colors-sad-orange);
}
tickets-ticket-articles-table-view .table-view tickets-table-view-article.selected.system-article .article {
  background-color: var(--article-colors-grey);
}
tickets-ticket-articles-table-view .table-view .load-more-button {
  text-align: center;
}
tickets-ticket-articles-table-view .article-details {
  flex: 1 1 30rem;
  min-height: 0;
  overflow-y: auto;
  position: relative;
}
tickets-ticket-articles-table-view .article-details tickets-ticket-articles-details-view {
  display: block;
}
tickets-ticket-articles-table-view .article-details tickets-ticket-articles-details-view .article {
  padding-bottom: 2rem;
}
tickets-ticket-articles-table-view .article-details tickets-ticket-articles-details-view .article .article-body .article-content {
  max-height: none;
  overflow: visible;
}
tickets-ticket-articles-table-view .article-details .close-article {
  position: absolute;
  top: 0;
  right: 1rem;
}
tickets-ticket-attachments-list .attachments {
  display: flex;
  flex-flow: column nowrap;
  padding: 0.5rem 0;
  overflow-x: auto;
  overflow-y: visible;
  border-top: 1px solid var(--background-color-mint);
  border-bottom: 1px solid var(--background-color-mint);
  font-size: 1.1rem;
}
tickets-ticket-attachments-list .attachments .attachments-summary {
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: baseline;
  height: 2rem;
}
tickets-ticket-attachments-list .attachments .attachments-summary .container {
  display: flex;
  width: 100%;
  padding: 0;
}
tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments {
  display: flex;
  cursor: pointer;
  align-items: center;
}
tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments svg {
  font-size: 1rem;
}
tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments svg.fa-chevron-up, tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments svg.fa-chevron-down {
  cursor: pointer;
  font-size: 1.5rem;
  display: flex;
}
tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments span {
  padding-right: 0.5rem;
}
tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments > div {
  margin-left: 0.5rem;
  height: 2rem;
  cursor: pointer;
}
tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments .attachments-count {
  font-weight: 500;
  padding: 0 0.3rem;
}
tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments:hover button {
  display: inline-block;
}
tickets-ticket-attachments-list .attachments .attachments-list {
  width: 100%;
  max-height: 14.5rem;
  margin-top: 1rem;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-right: 2rem;
  padding-bottom: 0.3rem;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element .svg {
  font-size: inherit;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element:hover {
  backdrop-filter: opacity(0.95);
  padding-right: 0.4rem;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element:hover .attachment-download {
  display: inline-block;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element .attachment-download {
  margin-left: 0.5rem;
  display: none;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element span {
  white-space: nowrap;
  margin-left: 0.5rem;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element span.link:hover {
  color: var(--accent-colors-mint);
  cursor: pointer;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element .disable-over-limit-pointer span {
  cursor: default;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element .disable-over-limit-pointer span:hover {
  color: inherit;
}
tickets-ticket-attachments-list .attachments .attachments-list .attachment-element .disable-over-limit-pointer span.danger {
  color: var(--accent-colors-danger);
}
@media (max-width: 500px) {
  tickets-ticket-attachments-list .attachments .attachments-list {
    flex-wrap: wrap;
  }
}
tickets-ticket-attachments-list .attachments.without-border {
  border-bottom: 0;
}
tickets-ticket-attachments-list .download-all {
  list-style: none;
  padding: 0.2rem 1rem;
  text-align: center;
  cursor: pointer;
  border: 0.1rem solid var(--accent-colors-mint);
  border-radius: 0.5rem;
}
tickets-ticket-attachments-list .download-all:hover {
  background-color: var(--accent-colors-mint);
}
tickets-ticket-chat-view-article .article-container {
  display: flex;
  margin: 2rem 5rem 1rem 0;
}
tickets-ticket-chat-view-article .article-container .mobile-article-buttons span {
  padding-right: 1rem;
}
tickets-ticket-chat-view-article .article-container .survey-disable-pointer {
  pointer-events: none;
}
tickets-ticket-chat-view-article .article-container user-avatar {
  align-self: flex-end;
}
tickets-ticket-chat-view-article .article-container user-avatar img {
  margin: 0;
}
tickets-ticket-chat-view-article .article-container .article {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem;
}
tickets-ticket-chat-view-article .article-container .article-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.3rem;
  font-size: 1.2rem;
  color: var(--text-color-grey);
}
tickets-ticket-chat-view-article .article-container .article-header .article-author {
  font-weight: 500;
  padding: 0 1rem;
  margin-right: 0.5rem;
  position: relative;
}
tickets-ticket-chat-view-article .article-container .article-header .article-author::after {
  content: "";
  background: var(--text-color-grey);
  position: absolute;
  top: 0.3rem;
  right: 0;
  height: 1.2rem;
  width: 0.1rem;
}
tickets-ticket-chat-view-article .article-container .article-header .article-status {
  width: 100%;
  display: flex;
  margin: 0 1rem;
  font-size: 1rem;
}
tickets-ticket-chat-view-article .article-container .article-header .article-status .success {
  color: var(--accent-colors-mint);
}
tickets-ticket-chat-view-article .article-container .article-header .article-status .error {
  color: var(--accent-colors-danger);
}
tickets-ticket-chat-view-article .article-container .article-header .article-date {
  font-weight: 500;
  padding: 0 1rem 0 0;
  margin-right: 0.5rem;
  position: relative;
}
tickets-ticket-chat-view-article .article-container .article-header .article-date::after {
  content: "";
  background: var(--text-color-grey);
  position: absolute;
  top: 0.3rem;
  right: 0;
  height: 1.2rem;
  width: 0.1rem;
}
tickets-ticket-chat-view-article .article-container .article-header .article-btn-create {
  font-size: 1.2rem;
  vertical-align: baseline;
  color: var(--text-color-grey);
}
tickets-ticket-chat-view-article .article-container .article-header .article-information_container {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
tickets-ticket-chat-view-article .article-container .role-label {
  background-color: var(--article-colors-blue);
  color: var(--background-color);
  margin-top: 0.5rem;
  margin-left: 1rem;
  margin-right: auto;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.2rem 1rem;
  border-radius: 0.5rem;
}
tickets-ticket-chat-view-article .article-container .article-body {
  padding: 0.5rem 2rem 0 2rem;
  margin-left: 1rem;
  background-color: var(--article-colors-primary);
  font-size: 1.3rem;
  border-radius: 0.6rem 0.6rem 0.6rem 0;
  position: relative;
  box-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.0784313725);
}
tickets-ticket-chat-view-article .article-container .article-body .article-content {
  contain: paint;
  isolation: isolate;
  max-width: 100%;
  min-width: 0;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content .modal-backdrop {
  display: none !important;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content .modal {
  position: static !important;
  z-index: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content .modal-dialog {
  position: static;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content .modal-content {
  position: static;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: inherit;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content .modal-header {
  min-height: 0;
  padding: 0;
  border: 0;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content pre {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content pre.moz-signature {
  padding: 0;
  color: inherit;
  font: inherit;
  background: transparent;
  border: 0;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content {
  max-height: 6.5rem;
  overflow: auto;
  position: relative;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content.expanded {
  max-height: 30rem;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content.full-expanded {
  max-height: 100%;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content blockquote {
  font-size: inherit;
  border-left: 0.1rem solid var(--border-light-color);
  border-width: 0.4rem;
  margin: 0.5rem 0;
  padding: 0 0 0 1.6rem;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content .article-content-paragraph a[href] {
  color: var(--accent-colors-dark-mint);
  text-decoration: underline;
}
tickets-ticket-chat-view-article .article-container .article-body .article-content .article-content-paragraph a:hover {
  color: var(--accent-colors-mint);
}
tickets-ticket-chat-view-article .article-container .article-body .warning .warning-info {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  color: var(--accent-colors-warning);
  font-weight: bold;
  margin-bottom: 10px;
  gap: 0.5rem;
}
tickets-ticket-chat-view-article .article-container .article-body .warning .warning-info:hover {
  cursor: pointer;
}
tickets-ticket-chat-view-article .article-container .article-body .warning .warning-info p {
  margin: 0;
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar {
  display: flex;
  justify-content: space-between;
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .expand-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .expand-actions .divider {
  width: 1px;
  height: 60%;
  background-color: var(--text-color-grey);
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .merged-info {
  margin-bottom: 0.25rem;
  align-self: flex-end;
  font-size: 1rem;
  color: var(--text-color-grey);
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar span {
  line-height: 3rem;
  font-weight: 500;
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar span:hover {
  cursor: pointer;
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .rotated i {
  transform: rotate(180deg);
  transition: all ease-in 0.4s;
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .filler {
  height: 3rem;
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .article-actions {
  display: flex;
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .article-actions .private-conversation > svg {
  color: var(--article-colors-blue);
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .article-actions .private-conversation {
  position: relative;
  margin-right: 1.5rem;
  padding-right: 1.7rem;
}
tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .article-actions .private-conversation::after {
  content: "";
  background: var(--text-color-grey);
  position: absolute;
  top: 0.7rem;
  right: 0;
  height: 1.6rem;
  width: 0.1rem;
}
tickets-ticket-chat-view-article .article-container .article-body.full-expand .article-content {
  max-height: unset;
}
tickets-ticket-chat-view-article .article-container .article-body.full-expand .show-more {
  display: none;
}
tickets-ticket-chat-view-article .article-container .article-body::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1rem;
  height: 1rem;
  width: 1rem;
  background-color: inherit;
  clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}
tickets-ticket-chat-view-article .article-container .article-icons {
  margin-top: 2rem;
  height: max-content;
  background-color: var(--article-colors-blue);
  border-radius: 0.5rem;
  color: var(--background-color);
}
tickets-ticket-chat-view-article .article-container .article-icons > div {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.2rem;
  line-height: 2.5rem;
  text-align: center;
  position: relative;
}
tickets-ticket-chat-view-article .article-container .article-icons > div.clickable {
  cursor: pointer;
}
tickets-ticket-chat-view-article .article-container .article-icons > div:not(:last-child)::after {
  position: absolute;
  content: "";
  height: 0.1rem;
  bottom: 0;
  left: 0.5rem;
  right: 0.5rem;
  opacity: 0.5;
  background-color: var(--background-color);
}
tickets-ticket-chat-view-article .article-container.own-article {
  flex-direction: row-reverse;
  margin-right: 0;
  margin-left: 5rem;
}
tickets-ticket-chat-view-article .article-container.own-article .article-body {
  margin-left: 0;
  margin-right: 1rem;
  background-color: var(--article-colors-mint);
  border-radius: 0.6rem 0.6rem 0 0.6rem;
}
tickets-ticket-chat-view-article .article-container.own-article .article-body .article-actions .private-conversation > svg {
  color: var(--accent-colors-mint);
}
tickets-ticket-chat-view-article .article-container.own-article .article-body::before {
  left: unset;
  right: -1rem;
  background-color: inherit;
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
}
tickets-ticket-chat-view-article .article-container.own-article .article-icons {
  background-color: var(--accent-colors-mint);
}
tickets-ticket-chat-view-article .article-container.own-article .role-label {
  background-color: var(--accent-colors-mint);
  margin-right: 1rem;
  align-self: flex-end;
}
tickets-ticket-chat-view-article .article-container.private .article-body {
  background-color: var(--article-colors-sad-orange);
}
tickets-ticket-chat-view-article .article-container.private .article-body .article-action-bar {
  border-top: 0.1rem solid var(--background-color-warning);
}
tickets-ticket-chat-view-article .article-container.private .article-body .article-actions .private-conversation > svg {
  color: var(--darker-accent-colors-warning);
}
tickets-ticket-chat-view-article .article-container.private .article-body::before {
  background-color: var(--article-colors-sad-orange);
}
tickets-ticket-chat-view-article .article-container.private .article-icons {
  background-color: var(--darker-accent-colors-warning);
}
tickets-ticket-chat-view-article .article-container.private.own-article .article-body::before {
  border-left: transparent;
  border-right-color: var(--article-colors-sad-orange);
}
tickets-ticket-chat-view-article .article-comments {
  padding: 0 14rem 0 7rem;
}
tickets-ticket-chat-view-article .article-comments.own-article {
  padding: 0 7rem 0 14rem;
}
tickets-ticket-chat-view-article .article-comments.own-article .comment-body {
  background-color: var(--article-colors-mint);
}
@media (min-width: 1367px) {
  tickets-ticket-chat-view-article .show-on-small-screen {
    display: none;
  }
}
@media (max-width: 1366px) {
  tickets-ticket-chat-view-article .hide-on-small-screen {
    display: none;
  }
  tickets-ticket-chat-view-article .article-container.own-article {
    margin-left: 1rem;
  }
}
@media (min-width: 501px) {
  tickets-ticket-chat-view-article .mobile-article-buttons {
    display: none;
  }
}
@media (max-width: 500px) {
  tickets-ticket-chat-view-article .article-comments {
    padding: 0 1rem 0 3rem;
  }
  tickets-ticket-chat-view-article .article-comments.own-article {
    padding: 0 3rem 0 1rem;
  }
  tickets-ticket-chat-view-article .article-comments.own-article .comment-body {
    background-color: var(--article-colors-mint);
  }
  tickets-ticket-chat-view-article user-avatar {
    display: none;
  }
  tickets-ticket-chat-view-article .desktop-article-buttons {
    display: none;
  }
  tickets-ticket-chat-view-article .article-container {
    margin: 1rem 0;
  }
}
tickets-ticket-details-panel .details-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 0.5em 0.5em 0;
  position: relative;
  flex-wrap: wrap;
}
tickets-ticket-details-panel .details-row.specially-handled {
  display: flex;
  flex-flow: row wrap;
}
tickets-ticket-details-panel .details-row.specially-handled .title {
  flex: 0 0 15rem;
  margin-right: 0;
}
tickets-ticket-details-panel .details-row.specially-handled .values {
  flex: 1;
  margin: 0rem 0 0rem 0.5rem;
}
tickets-ticket-details-panel .details-row .title {
  flex: 0 0 15rem;
  word-break: break-word;
  margin: 0.5rem;
  position: relative;
  font-weight: 500;
}
tickets-ticket-details-panel .details-row .values {
  flex: 2;
  color: var(--darker-accent-colors-grey);
  align-items: center;
}
tickets-ticket-details-panel .details-row .values.relation {
  flex: unset;
  width: 100%;
}
tickets-ticket-details-panel .details-row .values.relation .mint-form-group > label {
  flex: 0 0 15rem;
  margin-right: 0.5rem;
}
tickets-ticket-details-panel .details-row .values .filter-date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
tickets-ticket-details-panel .details-row .values .filter-date .note-tooltip {
  width: 4rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border: 0.1rem solid var(--border-color);
  background-color: var(--input-background-color);
}
tickets-ticket-details-panel .details-row .label-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
tickets-ticket-details-panel .details-row .label-display > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
tickets-ticket-details-panel .details-row .action-row {
  display: flex;
  flex: 1;
  justify-content: space-between;
  min-width: 0;
}
tickets-ticket-details-panel .details-row .action-row .value-display {
  overflow: hidden;
  flex-grow: 1;
}
tickets-ticket-details-panel .details-row .action-row .value-display .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
tickets-ticket-details-panel .details-row .action-row .value-display > div {
  position: relative;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
tickets-ticket-details-panel .details-row .action-row > button {
  align-self: flex-end;
  margin-left: 1rem;
}
tickets-ticket-details-panel .details-row .action-row .btn-action {
  min-width: 3rem;
}
tickets-ticket-details-panel .details-row .row-error {
  color: var(--accent-colors-danger);
}
tickets-ticket-details-panel .details-row .clickable {
  cursor: pointer;
}
tickets-ticket-details-panel .details-row .clickable:hover {
  color: var(--accent-colors-mint);
}
tickets-ticket-details-panel .details-row .ui-select-choices {
  max-height: 25rem;
}
tickets-ticket-details-panel .details-row .ui-select-choices-row-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 1170px) and (max-width: 1366px) {
  tickets-ticket-details-panel .details-row {
    flex-direction: column;
    align-items: unset;
  }
  tickets-ticket-details-panel .details-row .title {
    flex: unset;
    margin: 0;
  }
  tickets-ticket-details-panel .details-row .values {
    max-width: 100%;
  }
  tickets-ticket-details-panel .details-row.specially-handled {
    display: block;
    flex-flow: row wrap;
  }
  tickets-ticket-details-panel .details-row.specially-handled .title {
    flex: 0 0 15rem;
    margin-right: 0;
  }
  tickets-ticket-details-panel .details-row.specially-handled .values {
    flex: 1;
    margin: 0 0 1rem 0;
  }
}
@media (max-width: 435px) {
  tickets-ticket-details-panel .details-row .values {
    max-width: 14rem;
  }
}
tickets-ticket-email-form .mint-form-group {
  align-items: center;
  display: flex;
}
tickets-ticket-email-form .mint-form-group label {
  display: inline-block;
  max-width: 100%;
  flex: 0 0 14rem;
}
tickets-ticket-email-form .mint-form-group mint-autocomplete {
  flex: 1;
}
tickets-ticket-email-form .mint-form-group .btn-bcc {
  background: transparent;
  border: 0.1rem solid var(--accent-colors-mint);
  border-radius: 0.5rem;
  padding: 0.4rem 1rem;
  margin-left: 1rem;
}
tickets-ticket-email-form .mint-form-group .btn-bcc:hover {
  background: var(--accent-colors-mint);
  transition: 0.2s ease-in-out;
}
tickets-ticket-email-form .email-form_wrapper {
  display: flex;
  flex-flow: column nowrap;
}
tickets-ticket-email-form .email-form_wrapper .mint-form-group {
  margin: 0;
}
tickets-ticket-form .snippet-content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
}
tickets-ticket-form .add-snippet {
  display: flex;
  justify-content: flex-start;
  margin-top: 0.8rem;
}
tickets-ticket-form .add-snippet .btn {
  padding: 0 0.8rem;
  line-height: 3.2rem;
}
tickets-ticket-form .add-attachment {
  margin-top: 0.5rem;
}
tickets-ticket-form .add-attachment > input {
  display: none;
}
tickets-ticket-form .add-attachment > label {
  font-weight: bold;
  cursor: pointer;
}
tickets-ticket-form .mint-form-group .invalid-input {
  border-color: var(--border-color-error-main);
}
tickets-ticket-form .mint-form-group .invalid-input:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
tickets-ticket-form .attachment-button {
  cursor: pointer;
}
tickets-ticket-form .attachment-button.disabled {
  cursor: not-allowed;
  filter: brightness(80%);
}
tickets-ticket-form .attachment-drop-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  min-height: 5.6rem;
  margin: 0.8rem 0;
  padding: 1rem;
  border: 0.2rem dashed var(--accent-colors-mint);
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--accent-colors-dark-mint);
  font-weight: 500;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
tickets-ticket-form .attachment-drop-zone.is-drag-over {
  border-color: var(--accent-colors-dark-mint);
  border-style: solid;
  background-color: var(--background-color-mint);
  box-shadow: 0 0 0 0.3rem var(--background-color-mint-overlay);
  color: var(--text-color);
  transform: translateY(-0.1rem);
}
tickets-ticket-form .attachment-drop-zone.is-drag-over .drop-zone-icon {
  transform: translateY(-0.15rem) scale(1.08);
}
tickets-ticket-form .attachment-drop-zone .drop-zone-icon {
  font-size: 1.8rem;
  transition: transform 0.15s ease;
}
tickets-ticket-form .attachment-drop-zone .drop-zone-text {
  display: flex;
  flex-direction: column;
  line-height: 1.4;
}
tickets-ticket-form .attachment-drop-zone .drop-zone-text > span {
  font-weight: 600;
}
tickets-ticket-form .attachment-drop-zone .drop-zone-text > small {
  color: var(--text-color-grey);
}
tickets-ticket-form .attachments {
  display: flex;
  flex-flow: row wrap;
}
tickets-ticket-form .attachments > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid var(--border-color);
  margin-right: 0.5rem;
}
tickets-ticket-form .attachments > div:hover .overlay {
  opacity: 1;
  cursor: pointer;
}
tickets-ticket-form .attachments > div .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
tickets-ticket-form .attachments > div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
tickets-ticket-form .attachments > div .remove-attachment {
  position: absolute;
  cursor: pointer;
  display: none;
  top: 0.3rem;
  right: 0.3rem;
  z-index: 1;
}
tickets-ticket-form .attachments > div .remove-attachment:hover {
  color: var(--accent-colors-primary);
}
tickets-ticket-form .attachments > div .file-thumbnail {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
tickets-ticket-form .attachments > div:hover img,
tickets-ticket-form .attachments > div:hover .file-thumbnail {
  cursor: pointer;
  opacity: 0.3;
}
tickets-ticket-form .attachments > div:hover .remove-attachment {
  cursor: pointer;
  display: block;
}
tickets-ticket-form .reply-actions {
  font-size: medium;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
tickets-ticket-form .reply-actions > div {
  display: flex;
}
tickets-ticket-form .reply-add-attachment label {
  margin-top: 0.4rem;
}
tickets-ticket-form .reply-add-attachment input {
  display: none;
}
tickets-ticket-form .reply-custom-template {
  align-self: center;
  padding-left: 0.5rem;
}
tickets-ticket-form .reply-custom-template .btn.btn-t {
  font-size: medium;
  padding: 0 0.4rem;
}
tickets-ticket-form .response-icon {
  color: var(--accent-colors-dark-mint);
}
tickets-ticket-form .reply-action-filler {
  flex: 1;
  min-width: 0;
}
tickets-ticket-form .related-assets {
  display: flex;
  flex-flow: column nowrap;
}
tickets-ticket-form .related-assets .assign-assets-button_wrappper {
  text-align: center;
}
tickets-ticket-form .related-assets .assign-assets-button_wrappper button {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0.1rem solid var(--accent-colors-dark-mint);
  border-radius: 0.4rem;
  color: var(--accent-colors-dark-mint);
  transition: 0.1s ease-in-out;
}
tickets-ticket-form .related-assets .assign-assets-button_wrappper button:hover {
  color: var(--text-color);
  background-color: var(--accent-colors-dark-mint);
  transition: 0.1s ease-in-out;
}
tickets-ticket-form .related-assets .error-content p {
  color: var(--accent-colors-danger);
  font-size: 1.2rem;
  margin: 0.5rem 0 0 0;
  text-align: center;
}
tickets-ticket-form .related-assets .asset-display {
  flex: 1;
  overflow: hidden;
  margin-top: 0.5rem;
}
tickets-ticket-form .related-assets .asset-display > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
tickets-ticket-form .related-assets .asset-display > div > div:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
tickets-ticket-form .related-assets .asset-display > div > div:first-child:hover {
  color: var(--accent-colors-mint);
}
tickets-ticket-form ticket-relation-form .asset-display {
  overflow: visible;
}
tickets-ticket-form ticket-relation-form .asset-display > div {
  overflow: visible;
}
tickets-ticket-form ticket-relation-form .asset-display > div > ticket-tooltip-details:first-child {
  overflow: visible;
  white-space: normal;
  text-overflow: initial;
}
tickets-ticket-form .mint-form-group > .content-ctrl,
tickets-ticket-form .mint-form-group > .related-assets {
  margin: 0;
}
tickets-ticket-form .mint-form-group .content-ctrl {
  overflow: hidden;
}
tickets-ticket-form .mint-form-group rich-text-editor {
  padding: 0 1.5rem 0 1.5rem;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
}
tickets-ticket-form .mint-form-group #priorityLabel {
  align-self: flex-start;
}
tickets-ticket-form .assign-to-me-wrappper {
  display: flex;
  align-items: center;
}
tickets-ticket-form .assign-to-me-wrappper .ui-select-container {
  flex: 1;
}
tickets-ticket-form .assign-to-me-wrappper .assign-to-me-selected {
  display: flex;
  gap: 0.5rem;
}
tickets-ticket-form rich-text-editor .content .ql-editor {
  min-height: 10rem;
  overflow: auto;
}
tickets-ticket-preview .preview-content {
  overflow: auto;
}
tickets-ticket-preview img {
  max-width: 100%;
}
tickets-ticket-preview::after {
  content: "";
  display: block;
  position: absolute;
  height: 1.2rem;
  width: 100%;
}
ticket-relation-form .rows-proper-display {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
ticket-relation-form .clickable {
  word-break: break-all;
  cursor: pointer;
}
ticket-relation-form .clickable:hover {
  color: var(--accent-colors-mint);
}
ticket-relations ticket-relation-form:first-child {
  display: block;
  margin-top: 1rem;
}
ticket-relations ticket-relation-form:not(:last-child) {
  display: block;
  margin: 1rem 0;
  border-bottom: 0.1rem solid var(--border-color);
}
tickets-ticket-reply {
  position: relative;
}
tickets-ticket-reply.right-panel .reply-channel {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
tickets-ticket-reply.right-panel .reply-channel .channel-tab {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
tickets-ticket-reply.right-panel span.vertical {
  bottom: -1.5rem !important;
}
tickets-ticket-reply.right-panel span.vertical::after {
  height: 0.4rem !important;
  top: 0.2rem !important;
}
tickets-ticket-reply .resize-container {
  display: flex !important;
  flex-direction: column;
  width: auto !important;
}
tickets-ticket-reply .expanded {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}
tickets-ticket-reply .collapsed {
  transition: transform 0.5s ease;
  transform: rotate(0deg);
}
tickets-ticket-reply .reply-channel {
  border-bottom: 0.1rem solid var(--border-color);
  margin: 1rem 0;
  display: flex;
  padding: 0 1.5rem;
}
tickets-ticket-reply .reply-channel .channel-tab {
  border: 0.1rem solid var(--accent-colors-mint);
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.4rem 1rem;
  font-weight: 500;
  font-size: 1.3rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
tickets-ticket-reply .reply-channel .channel-tab.active {
  font-weight: 600;
  color: var(--background-color);
  background-color: var(--accent-colors-mint);
}
@media (max-width: 1690px) {
  tickets-ticket-reply rich-text-editor {
    border: 0.1rem solid var(--border-light-color);
    border-radius: 0.5rem;
    padding: 0 1.5rem 1.5rem 1.5rem;
  }
  tickets-ticket-reply rich-text-editor .content .ql-editor {
    min-height: 5rem;
  }
  tickets-ticket-reply .reply-add-attachment label {
    margin-top: 0.5rem;
  }
}
@media (min-width: 1691px) {
  tickets-ticket-reply rich-text-editor {
    border: 0.1rem solid var(--border-light-color);
    border-radius: 0.5rem;
    padding: 0 1.5rem 1.5rem 1.5rem;
  }
  tickets-ticket-reply rich-text-editor .content .ql-editor {
    min-height: 10rem;
  }
  tickets-ticket-reply .reply-add-attachment label {
    margin-top: 0.5rem;
  }
}
tickets-ticket-reply .reply-targets {
  max-height: 50rem;
  overflow-x: hidden;
  overflow-y: auto;
}
tickets-ticket-reply .reply-targets .form-control {
  border: 0.1rem solid var(--border-light-color);
}
tickets-ticket-reply .reply-targets form .form-group {
  margin-bottom: 0.5rem;
}
tickets-ticket-reply .form-group {
  display: flex;
  align-items: end;
}
tickets-ticket-reply .form-group label {
  display: block;
  flex: 0 0 10rem;
}
tickets-ticket-reply .form-group > .form-control,
tickets-ticket-reply .form-group > .ui-select-container,
tickets-ticket-reply .form-group > .control-with-error {
  display: block;
  flex: 1;
}
tickets-ticket-reply .form-group mint-autocomplete {
  flex: 1;
}
tickets-ticket-reply .form-group .btn-bcc {
  background: transparent;
  border: 0.1rem solid var(--accent-colors-mint);
  border-radius: 0.5rem;
  padding: 0.4rem 1rem;
  margin-left: 1rem;
}
tickets-ticket-reply .form-group .btn-bcc:hover {
  background: var(--accent-colors-mint);
  transition: 0.2s ease-in-out;
}
@media (max-width: 660px) {
  tickets-ticket-reply .form-group {
    display: block;
  }
}
@media (max-width: 500px) {
  tickets-ticket-reply .form-group {
    display: flex;
  }
  tickets-ticket-reply .form-group label {
    flex: 0 0 3rem;
  }
  tickets-ticket-reply .form-group input {
    max-width: 100%;
  }
}
tickets-ticket-reply .reply-attachments {
  display: flex;
  flex-flow: row wrap;
  max-height: 5rem;
  min-height: 5rem;
  overflow: hidden auto;
  gap: 0.25rem;
}
tickets-ticket-reply .reply-attachments > div {
  min-width: 3rem;
  min-height: 5rem;
  max-height: 7rem;
  max-width: 7rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16/9;
  border: 0.1rem solid var(--border-color);
}
tickets-ticket-reply .reply-attachments > div:hover .overlay {
  opacity: 1;
  cursor: pointer;
}
tickets-ticket-reply .reply-attachments > div .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
tickets-ticket-reply .reply-attachments > div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
tickets-ticket-reply .reply-attachments > div .remove-attachment {
  position: absolute;
  cursor: pointer;
  display: none;
  z-index: 100;
  top: 0;
  right: 0.2rem;
}
tickets-ticket-reply .reply-attachments > div .remove-attachment:hover {
  color: var(--accent-colors-primary);
}
tickets-ticket-reply .reply-attachments > div .file-thumbnail {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
tickets-ticket-reply .reply-attachments > div:hover img,
tickets-ticket-reply .reply-attachments > div:hover .file-thumbnail {
  cursor: pointer;
  opacity: 0.3;
}
tickets-ticket-reply .reply-attachments > div:hover .remove-attachment {
  cursor: pointer;
  display: block;
}
tickets-ticket-reply .reply-actions {
  font-size: medium;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
tickets-ticket-reply .reply-actions > div {
  display: flex;
}
tickets-ticket-reply .reply-actions .editor-actions {
  display: flex;
  flex-flow: row wrap;
  column-gap: 1rem;
  margin-right: 1rem;
}
tickets-ticket-reply .reply-add-attachment input {
  display: none;
}
tickets-ticket-reply .reply-custom-template {
  align-self: center;
}
tickets-ticket-reply .reply-custom-template .btn.btn-t {
  font-size: medium;
}
tickets-ticket-reply .response-icon {
  color: var(--accent-colors-dark-mint);
}
tickets-ticket-reply .right-action-buttons {
  display: flex;
  flex-flow: row wrap;
  font-size: small;
  column-gap: 1rem;
  margin-left: auto;
  margin-right: 1rem;
}
tickets-ticket-reply .reply-private-note .btn.btn-t {
  font-size: large;
}
tickets-ticket-reply .reply-private-note {
  align-self: center;
}
tickets-ticket-reply .reply-private-note .discard-draft-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
tickets-ticket-reply .reply-private-note .discard-draft-button .discard-draft-text {
  margin: 0;
  font-size: small;
  color: var(--text-color);
}
tickets-ticket-reply .reply-private-note .discard-draft-button .discard-draft-text:hover {
  color: var(--accent-colors-mint);
}
tickets-ticket-reply .reply-private-note .discard-draft-button .response-icon:hover {
  color: var(--accent-colors-mint);
}
tickets-ticket-reply .reply-private-note .discard-draft-button .response-icon:has(+ .discard-draft-text:hover) {
  color: var(--accent-colors-mint);
}
tickets-ticket-reply .reply-private-note label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
tickets-ticket-reply .last-right-button {
  padding-right: 2rem;
}
tickets-ticket-reply .attachment-button.disabled {
  cursor: not-allowed;
  filter: brightness(80%);
}
tickets-ticket-reply .attachment-button {
  cursor: pointer;
}
tickets-ticket-reply .attachment-drop-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  min-height: 5.6rem;
  margin: 0.8rem 0;
  padding: 1rem;
  border: 0.2rem dashed var(--accent-colors-mint);
  border-radius: 0.5rem;
  background-color: var(--input-background-color);
  color: var(--accent-colors-dark-mint);
  font-weight: 500;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
tickets-ticket-reply .attachment-drop-zone.is-drag-over {
  border-color: var(--accent-colors-dark-mint);
  border-style: solid;
  background-color: var(--background-color-mint);
  box-shadow: 0 0 0 0.3rem var(--background-color-mint-overlay);
  color: var(--text-color);
  transform: translateY(-0.1rem);
}
tickets-ticket-reply .attachment-drop-zone.is-drag-over .drop-zone-icon {
  transform: translateY(-0.15rem) scale(1.08);
}
tickets-ticket-reply .attachment-drop-zone .drop-zone-icon {
  font-size: 1.8rem;
  transition: transform 0.15s ease;
}
tickets-ticket-reply .attachment-drop-zone .drop-zone-text {
  display: flex;
  flex-direction: column;
  line-height: 1.4;
}
tickets-ticket-reply .attachment-drop-zone .drop-zone-text > span {
  font-weight: 600;
}
tickets-ticket-reply .attachment-drop-zone .drop-zone-text > small {
  color: var(--text-color-grey);
}
tickets-ticket-reply rich-text-editor.rich-text-folded .content {
  max-height: 2rem;
  overflow: hidden;
}
tickets-ticket-reply rich-text-editor.rich-text-folded .content .ql-editor {
  min-height: 0;
  padding: 1rem 0;
}
tickets-ticket-reply .reply-editor {
  height: 100%;
  overflow: hidden;
  position: relative;
}
tickets-ticket-reply .reply-editor rich-text-editor {
  height: 20rem;
  min-height: 20rem;
  max-height: 80rem;
  padding-bottom: 1.6rem;
  overflow: auto;
}
tickets-ticket-reply .reply-editor rich-text-editor .content {
  max-height: inherit;
}
tickets-ticket-reply .reply-editor .reply-editor-resize-handle {
  position: relative;
  width: 100%;
  height: 1.6rem;
  cursor: row-resize;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--input-background-color);
}
tickets-ticket-reply .reply-editor .reply-editor-resize-handle::after {
  content: "";
  width: 100%;
  height: 0.3rem;
  background-color: transparent;
}
tickets-ticket-reply .reply-editor .reply-editor-resize-handle::before {
  content: "....";
  position: absolute;
  color: var(--text-color-grey);
  font-size: 1.4rem;
  letter-spacing: 0.4rem;
  top: -0.6rem;
}
tickets-ticket-reply .reply-editor .reply-editor-resize-handle:hover::after {
  background-color: var(--darker-accent-colors-mint);
  transition: background-color 0.3s ease-in 0s;
}
tickets-ticket-reply tickets-ticket-preview {
  position: absolute;
  width: 100%;
}
tickets-ticket-reply mint-plugin.distinction-email-receivers {
  margin-left: 1rem;
  display: block;
}
ticket-tooltip-details .ticket-tooltip-panel {
  position: relative;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip-link {
  color: var(--accent-colors-mint);
  font-weight: normal;
  position: relative;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip-link-closed {
  color: var(--accent-colors-mint);
  font-weight: normal;
  position: relative;
  text-decoration: line-through;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--background-color);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.3rem;
  z-index: 1000;
  width: 40rem;
  max-width: calc(100vw - 2rem);
  overflow-wrap: break-word;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .ticket-tooltip-left {
  left: auto;
  right: 0;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .ticket-tooltip-right {
  left: 0;
  right: auto;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-header {
  background-color: var(--accent-colors-mint);
  padding: 1rem 1.5rem;
  font-size: small;
  color: var(--text-color-light);
  font-weight: bold;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: small;
  padding: 1rem 1.5rem;
  color: var(--text-color);
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-body .tooltip-body-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-body .tooltip-body-row label {
  flex: 0 0 15rem;
  text-align: left;
  font-weight: normal;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-body .tooltip-body-row .tooltip-body-data {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  font-weight: 700;
  margin-left: 1rem;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-body .tooltip-body-row .tooltip-body-data span {
  margin-right: 5px;
  white-space: nowrap;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
  font-size: small;
  padding: 1rem;
  color: var(--text-color);
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-footer .tooltip-footer-link {
  margin-left: 10px;
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-footer .tooltip-footer-link .ticket-tooltip-footer-link {
  color: var(--accent-colors-mint);
}
ticket-tooltip-details .ticket-tooltip-panel .ticket-tooltip .tooltip-footer .tooltip-footer-show-more {
  margin-right: 10px;
  white-space: nowrap;
  font-size: small;
  color: var(--accent-colors-mint);
  cursor: pointer;
}
tickets-ticket-type-details > div {
  padding: 1rem;
}
tickets-ticket-type-details .save-footer {
  display: flex;
  justify-content: flex-end;
}
tickets-ticket-type-details .ticket-type-close-attributes {
  align-items: flex-start;
  overflow: visible;
}
tickets-ticket-type-details .ticket-type-close-attributes > label {
  align-self: flex-start;
}
tickets-ticket-type-details .ui-select-container.ui-select-multiple .ui-select-match .ui-select-match-item {
  max-width: 20rem;
}

.ticket-type-details-tooltip {
  z-index: 10051;
}
.ticket-type-details-tooltip .tooltip-inner {
  max-width: 30rem;
  white-space: normal;
  overflow-wrap: anywhere;
}
tickets-ticket-type-rights .roles-picker {
  margin-bottom: 1.5rem;
}
tickets-navigation .navigation-btn {
  min-width: 0.5rem;
  background-color: var(--accent-colors-mint);
  color: white;
}
tickets-navigation .navigation-btn:disabled, tickets-navigation .navigation-btn:hover {
  color: var(--darker-accent-colors-grey);
}
tickets-navigation .navigation-btn:disabled {
  background: var(--disabled-input-background-color);
}
ticket-schema-creator .table-header {
  padding: 0.7em;
}
.ticket-statuses {
  display: flex;
  flex-direction: column;
  max-width: 50rem;
}
.ticket-statuses .ticket-type-selection {
  display: flex;
  flex: 1;
  margin-bottom: 1em;
}
.ticket-statuses .ticket-type-selection > label {
  align-self: center;
  font-weight: normal;
  flex: 0 0 10em;
}
.ticket-statuses .ticket-type-selection > label > svg {
  color: var(--text-color-grey);
}
.ticket-statuses .ticket-type-selection > div {
  flex: 1;
}
tickets-types .content-wrapper {
  position: relative;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 60% 40%;
}
@media (max-width: 1170px) {
  tickets-types .content-wrapper {
    display: block;
  }
}
tickets-types .content-wrapper .panel {
  flex: 2;
}
tickets-types .content-wrapper .panel:nth-of-type(2) {
  flex: 1;
}
tickets-types .content-wrapper .edit-panel {
  height: fit-content;
  position: sticky;
  top: 8.5rem;
}
tickets-types tickets-ticket-type-list .type-container,
tickets-types tickets-ticket-type-rights .type-container {
  display: flex;
  justify-content: space-between;
  height: 5rem;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.6rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  align-items: center;
}
tickets-types tickets-ticket-type-list .type-container .type-name,
tickets-types tickets-ticket-type-rights .type-container .type-name {
  flex: 1;
  font-weight: bold;
  padding: 0 1rem 0 1rem;
  line-height: 4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
tickets-types tickets-ticket-type-list .type-container .action-buttons,
tickets-types tickets-ticket-type-rights .type-container .action-buttons {
  flex: 0;
}
tickets-types tickets-ticket-type-list .type-container .edit-type,
tickets-types tickets-ticket-type-rights .type-container .edit-type {
  width: 100%;
  display: flex;
  gap: 0.5rem;
}
tickets-types tickets-ticket-type-list .type-container .edit-type input,
tickets-types tickets-ticket-type-rights .type-container .edit-type input {
  flex: 1;
}
tickets-types tickets-ticket-type-list .type-container .checkbox > label,
tickets-types tickets-ticket-type-rights .type-container .checkbox > label {
  font-size: x-small;
}
tickets-types tickets-ticket-type-list .ticket-type-checkboxes,
tickets-types tickets-ticket-type-rights .ticket-type-checkboxes {
  display: grid;
  grid-template-columns: repeat(2, 7rem);
  align-items: baseline;
}
tickets-types tickets-ticket-type-list .select-all,
tickets-types tickets-ticket-type-rights .select-all {
  border: none;
  display: flex;
  justify-content: flex-end;
  height: auto;
  margin-bottom: 0;
  min-height: 5rem;
  align-items: center;
  font-weight: 800;
}
tickets-types tickets-ticket-type-list .select-all > p,
tickets-types tickets-ticket-type-rights .select-all > p {
  margin: 0 1rem 0 0;
}
tickets-types tickets-ticket-type-list .select-all .checkbox label,
tickets-types tickets-ticket-type-list .select-all .radio label,
tickets-types tickets-ticket-type-rights .select-all .checkbox label,
tickets-types tickets-ticket-type-rights .select-all .radio label {
  min-height: 0;
}
time-tracking-estimation-modal {
  width: 435px;
}
time-tracking-estimation-modal .panel-body {
  text-align: center;
}
time-tracking-estimation-modal label {
  padding-right: 2rem;
}
time-tracking-estimation-modal .report-time-example {
  font-size: x-small;
}
time-tracking-estimation-modal .time-input {
  box-shadow: none;
  font-size: smaller;
  height: 3rem;
  padding: 0.5rem 0.8rem;
  border: 0.1rem solid var(--border-color);
  color: var(--text-color);
  background-color: var(--input-background-color);
  border-radius: 0.4rem;
  outline: none;
  padding-right: 2rem;
}
time-tracking-estimation-modal .action-button {
  padding-left: 2rem;
  cursor: pointer;
}
time-tracking-estimation-modal input.invalid {
  border-color: var(--border-color-error-main);
}
time-tracking-estimation-modal input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
time-tracking-reported-time-modal {
  width: 1170px;
  max-height: 95%;
}
time-tracking-reported-time-modal .time-input {
  width: 97%;
  box-shadow: none;
  font-size: smaller;
  min-height: 3rem;
  padding: 0.5rem 0.8rem;
  border: 0.1rem solid var(--border-color);
  color: var(--text-color);
  background-color: var(--input-background-color);
  border-radius: 0.4rem;
  outline: none;
}
time-tracking-reported-time-modal .date-input {
  width: 70%;
}
time-tracking-reported-time-modal .description-input {
  margin-top: 0;
  height: 3rem;
  max-height: 10rem;
  height: 2rem;
}
time-tracking-reported-time-modal .form-group {
  margin-bottom: 0;
  display: inline-flex;
}
time-tracking-reported-time-modal .action-button {
  display: flex;
  padding: 0.5rem 0 0 0.5rem;
  letter-spacing: 0.5rem;
  cursor: pointer;
}
time-tracking-reported-time-modal .report-time-grid {
  display: grid;
  grid-template-columns: 13% 20% 17% 33% 15% 2%;
  row-gap: 1rem;
  justify-items: center;
}
time-tracking-reported-time-modal .report-time-grid div {
  width: 99%;
}
time-tracking-reported-time-modal .report-time-grid .report-time-example {
  font-size: x-small;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  time-tracking-reported-time-modal .report-time-grid {
    display: flex;
    flex-flow: column nowrap;
    gap: 1rem;
  }
  time-tracking-reported-time-modal .report-time-grid .time-input {
    width: 100%;
    margin: 0;
  }
  time-tracking-reported-time-modal .report-time-grid .report-time-example {
    text-align: center;
  }
  time-tracking-reported-time-modal .report-time-grid .submit-button {
    width: 100%;
    justify-content: flex-end;
    display: flex;
  }
}
time-tracking-reported-time-modal textarea {
  width: 99%;
}
time-tracking-reported-time-modal .reported-times-grid .mnt-loader {
  height: auto;
}
time-tracking-reported-time-modal .reported-times-grid {
  display: grid;
  grid-template-columns: 20% 14% 11% 35% 15% 5%;
  row-gap: 1rem;
  justify-items: center;
}
time-tracking-reported-time-modal .username {
  padding-top: 0.6rem;
}
time-tracking-reported-time-modal .grid-item {
  width: 98%;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.7rem auto;
  text-align: center;
  word-wrap: break-word;
}
time-tracking-reported-time-modal .grid-item .ui-select-match-text {
  position: static;
}
time-tracking-reported-time-modal .grid-item > div {
  flex: 1;
  width: 99%;
  display: flex;
  word-break: break-word;
}
time-tracking-reported-time-modal .grid-item > div.raw-value {
  margin-left: 0.5rem;
}
time-tracking-reported-time-modal .grid-item > div > div {
  width: 100%;
}
time-tracking-reported-time-modal .grid-item > div > div span {
  text-align: left;
}
time-tracking-reported-time-modal .grid-item input {
  max-width: 100%;
}
time-tracking-reported-time-modal .ui-select-container {
  width: 100%;
}
time-tracking-reported-time-modal input.invalid {
  border-color: var(--border-color-error-main);
}
time-tracking-reported-time-modal input.invalid:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
time-tracking-reported-time-modal .ui-select-caret {
  display: inline-flex;
  justify-content: flex-end;
  padding-top: 0.25rem;
  height: 100%;
}
time-tracking-reported-time-modal .date-container {
  display: flex;
  flex-flow: row-reverse;
}
time-tracking-reported-time-modal .date-container input {
  flex: 1;
  height: min-content;
}
time-tracking-reported-time-modal .panel-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
user-avatar .user-avatar {
  position: relative;
}
user-avatar .user-avatar img {
  border-radius: 50%;
  margin: 0 1rem;
  height: 3em;
  width: 3em;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: 3em;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
}
user-avatar .user-avatar span {
  position: absolute;
  background: var(--darker-accent-colors-primary);
  color: var(--text-color-light);
  font-weight: bold;
  padding: 0.1rem 0;
  top: 3.5rem;
  left: 0.5rem;
  right: 0.5rem;
  font-size: x-small;
  border-radius: 1rem;
  text-align: center;
  text-transform: uppercase;
}
user-avatar .user-avatar span.customer-label {
  background: var(--background-color-mint);
  color: var(--text-color);
}
user-create-customer-modal {
  min-width: 40rem;
}
user-note-modal > .panel {
  overflow: hidden auto;
}
user-note-modal {
  width: 660px;
}
user-note-modal .customers-content {
  margin-bottom: 1rem;
}
user-note-modal .note-header {
  display: flex;
  align-items: center;
  flex-direction: column;
}
user-note-modal .note-header .user-avatar > img {
  width: 10rem;
  height: 10rem;
}
user-note-modal .note-header .note-user-name {
  margin: 2rem;
  font-size: large;
  font-weight: bold;
}
user-note-modal .note-header .note-user-name > .edit-customer-info {
  margin: 1rem auto 0 auto;
  display: block;
}
user-note-modal .note-details {
  margin-bottom: 2rem;
}
user-note-modal .note-details .total-tickets-number {
  margin-bottom: 0.5rem;
  color: var(--accent-colors-mint);
  cursor: pointer;
}
user-note-modal .note-details > div {
  display: flex;
  align-items: center;
  height: 3.5rem;
}
user-note-modal .note-details > div label {
  font-size: normal;
  font-weight: normal;
  flex: 0 0 15rem;
}
user-note-modal .note-values {
  margin-bottom: 2rem;
}
user-note-modal .note-values .panel {
  background: none;
  border: none;
  box-shadow: none;
}
user-note-modal .note-values dynamic-fields-group-panel dynamic-fields-group-panel-header {
  background: none;
}
user-note-modal .note-values dynamic-fields-group-panel dynamic-fields-group-panel-header .group-name {
  background: none;
  color: var(--text-color);
  position: relative;
  font-size: 1.8rem;
  padding: 1rem 0;
  width: 100%;
}
user-note-modal .note-values dynamic-fields-group-panel dynamic-fields-group-panel-header .group-name:after {
  display: block;
  position: absolute;
  bottom: 0.4em;
  content: "";
  width: 1em;
  border: 0.1rem solid var(--accent-colors-mint);
}
user-note-modal .note-values dynamic-fields-group-form dynamic-fields-group-form-attribute .attribute-name {
  margin-left: 0;
}
user-note-modal .note-values dynamic-fields-group-form dynamic-fields-group-form-attribute {
  border: none;
}
password-policy-validation .policy-not-valid {
  color: var(--accent-colors-danger);
}
select-user-modal {
  min-width: 60rem;
}
select-user-modal .mint-form-group {
  gap: 0.5rem;
}
user-basic-information .avatar-upload {
  min-width: 20rem;
  min-height: 20rem;
}
user-basic-information .avatar-upload .clickable {
  cursor: pointer;
}
user-basic-information .avatar-upload > input {
  display: none;
}
user-basic-information .avatar-upload .user-avatar {
  width: 20rem;
  height: 20rem;
  display: block;
  object-fit: contain;
  background-repeat: no-repeat;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  border-radius: 0.5rem;
}
user-basic-information .mint-form-group:first-child {
  overflow: auto;
}
user-basic-information .image-placeholder {
  position: relative;
  top: 0;
  left: 0;
}
user-basic-information .image-placeholder:hover .remove-avatar {
  display: inline-block;
}
user-basic-information .image-placeholder .remove-avatar {
  display: none;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
}
user-basic-information .image-placeholder .user-avatar,
user-basic-information .image-placeholder .user-avatar-dimmed {
  position: relative;
  top: 0;
  left: 0;
  max-width: 20rem;
}
user-basic-information .image-placeholder .user-avatar-dimmed {
  opacity: 20%;
}
user-basic-information .image-placeholder div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
user-contact-group-history-details-modal {
  width: 100rem;
}
user-contact-group-history-modal {
  width: 150rem;
  margin-bottom: 2rem;
}
user-contact-group-history-modal .record .cell span {
  display: flex;
}
user-contact-group-history-modal mint-autocomplete {
  flex: 1;
}
user-contact-group-list .record .cell span {
  display: flex;
}
user-contact-group-list .filter-panel {
  width: 70rem;
  padding: 0.5rem;
  align-items: center;
}
user-contact-group-list .filter-panel label {
  flex-basis: 22rem;
}
user-contact-group-modal {
  max-width: 100rem;
  margin-bottom: 2rem;
}
user-contact-group-modal mint-autocomplete {
  flex: 1;
}
user-contact-group-modal .mint-form-group {
  align-items: center;
}
user-contact-group-modal .mint-form-group label {
  flex-basis: 15rem;
}
user-contact-group-modal .mint-form-group > .content-ctrl,
user-contact-group-modal .mint-form-group > .related-assets {
  margin: 0;
}
user-contact-group-modal .mint-form-group rich-text-editor {
  padding: 0.5rem;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
}
user-contact-group-modal rich-text-editor .content .ql-editor {
  min-height: 10rem;
}
user-contact-group-modal .panel-footer {
  display: flex;
  justify-content: flex-end;
}
user-contact-group-modal .panel-footer > button:nth-child(1) {
  margin: 0 0.5rem;
}
user-edit-mode {
  max-height: 100%;
  overflow: auto;
  width: 660px;
}
user-edit-mode form {
  padding: 1.5rem;
}
user-interface-settings .profile-panel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3rem;
}
@media (max-width: 768px) {
  user-interface-settings .profile-panel-grid {
    grid-template-columns: 1fr;
  }
}
user-interface-settings .profile-panel-grid .mint-form-group {
  align-items: center;
}
user-password .profile-panel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3rem;
}
@media (max-width: 768px) {
  user-password .profile-panel-grid {
    grid-template-columns: 1fr;
  }
}
user-password .has-error {
  border-color: var(--border-color-error-main);
}
user-password .has-error:hover:not(:focus) {
  border-color: var(--border-color-error-main);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  -moz-box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
  box-shadow: inset 0 0 0.3rem 0 var(--border-color-error-main);
}
user-roles-modal {
  width: 90rem;
}
user-roles-modal .roles-list {
  max-height: 60vh;
}
user-roles-modal .panel {
  min-height: 15rem;
}
user-roles-modal .panel .role-tiles {
  display: flex;
  justify-content: space-between;
}
user-roles-modal .panel .role-tiles .role-tile {
  font-weight: bold;
  margin-bottom: 1rem;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  flex-basis: 1rem;
  flex-grow: 1;
  text-transform: uppercase;
  min-width: 25rem;
  cursor: pointer;
}
user-roles-modal .panel .role-tiles .role-tile:not(:last-child) {
  margin-right: 1rem;
}
user-roles-modal .panel .role-tiles .active {
  color: var(--accent-colors-mint);
  margin-bottom: 0px;
  height: 9rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
user-roles-modal .panel .role-tiles .disabled {
  color: var(--text-color-grey);
  background: var(--background-color-grey);
  cursor: no-drop;
}
user-roles-modal .panel .panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
user-roles-modal .panel .user-role-components {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-height: 40rem;
  overflow: auto;
}
user-roles-modal .panel .customers-content {
  margin-bottom: 2rem;
}
user-settings .profile-panel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3rem;
}
@media (max-width: 768px) {
  user-settings .profile-panel-grid {
    grid-template-columns: 1fr;
  }
}
user-settings .profile-panel-grid .mint-form-group {
  align-items: center;
}
user-settings button.btn.btn-sq.user-manager-value-button {
  min-width: 3rem;
}
user-settings .user-manager-value {
  cursor: pointer;
  margin-right: 1rem;
}
user-signature-modal {
  min-width: 40rem;
}
user-signature-settings .preference-inputs {
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: 3fr 1fr;
}
@media (max-width: 768px) {
  user-signature-settings .preference-inputs {
    grid-template-columns: 1fr;
  }
}
user-signature-settings .editor {
  margin-top: 0.5em;
}
user-signature-settings .buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 1rem;
  width: 100%;
}
user-signature-settings .buttons button {
  margin-left: 1rem;
}
user-signature-settings .warnings {
  font-size: 1.2rem;
  color: var(--darker-accent-colors-warning);
  display: flex;
  flex-direction: column;
}
user-signature-settings .update-row {
  margin-top: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
user-ticket-answer-properties-settings .profile-panel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3rem;
}
@media (max-width: 768px) {
  user-ticket-answer-properties-settings .profile-panel-grid {
    grid-template-columns: 1fr;
  }
}
user-ticket-answer-properties-settings .profile-panel-grid .mint-form-group {
  align-items: center;
}
user-ticket-creation-properties-settings .profile-panel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3rem;
}
@media (max-width: 768px) {
  user-ticket-creation-properties-settings .profile-panel-grid {
    grid-template-columns: 1fr;
  }
}
user-ticket-creation-properties-settings .profile-panel-grid .mint-form-group {
  align-items: center;
}
user-edit-user .user-avatar {
  width: 20rem;
  height: 20rem;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: 200px;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
}
user-edit-user .basic-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
}
user-edit-user .user-settings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
}
user-edit-user .user-settings .profile-panel-grid {
  display: block;
}
@media (max-width: 1170px) {
  user-edit-user .basic-panels,
  user-edit-user .user-settings {
    display: block;
  }
}
@media (max-width: 500px) {
  user-edit-user .user-settings {
    grid-template-columns: 1fr;
  }
  user-edit-user .basic-panels {
    grid-template-columns: 1fr;
  }
}
user-index mint-tiles .mint-tiles {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px 5px;
  margin-bottom: 5px;
}
user-index mint-tiles .panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
user-index mint-tiles .exceeds-limit {
  text-align: center;
  padding-right: 1rem;
  color: var(--accent-colors-warning);
}
user-index .active-wrapper {
  width: 100%;
}
user-index .active-wrapper .panel {
  margin-bottom: 0.5rem;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
user-index .active-wrapper .panel .user-filters {
  width: 50%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 1rem;
}
user-index .active-wrapper .panel .user-filters .name-value {
  flex: 1;
}
user-profile .user-avatar {
  width: 20rem;
  height: 20rem;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: 200px;
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
}
user-profile .progress-info {
  margin-right: 1rem;
}
user-profile .profile-progress {
  display: flex;
  height: fit-content;
  align-items: center;
}
user-profile .profile-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
user-profile .profile-flex .panel {
  width: 100%;
}
user-profile h3.header {
  margin-bottom: 4rem;
}
user-profile .out-of-office-date {
  width: 10%;
  margin-right: 1rem;
}
user-profile .out-of-office-timepicker {
  flex: none;
}
user-profile .alert-relog {
  color: var(--alert-warning-relog);
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  user-profile .alert-relog {
    text-align: center;
  }
}
user-profile .panel {
  overflow: visible;
}
user-profile .profile-panel-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3rem;
}
@media (max-width: 768px) {
  user-profile .profile-panel-grid {
    grid-template-columns: 1fr;
  }
}
user-profile .profile-panel-grid .mint-form-group {
  align-items: center;
}
user-schema-creator .panel-heading svg {
  color: var(--text-color-grey);
}
user-schema-creator .save-footer {
  padding: 1rem 2rem;
  display: flex;
  justify-content: flex-end;
}
user-schema-creator dynamic-fields-schema-form {
  padding-bottom: 12rem;
}
admin-settings-license-constraints {
  display: flex;
  flex-direction: column;
}
admin-settings-license-constraints .content {
  flex: 1;
  overflow: auto;
}
admin-settings-license-constraints .content > div {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
admin-settings-license-constraints .content .content-label {
  flex: 3;
}
admin-settings-license-constraints .content .content-value {
  font-weight: bold;
}
admin-settings-license-constraints div {
  margin-bottom: 1rem;
}
admin-settings-license-constraints .checkbox {
  padding-bottom: 1rem;
}
admin-settings-license-constraints .checkbox span {
  cursor: not-allowed;
}
admin-settings-license-constraints .btn-container {
  width: fit-content;
}
admin-settings-license-constraints .footer-button button {
  width: 100%;
}
admin-settings-license-constraints .card {
  padding: 15px;
  border-radius: 8px;
}
admin-settings-license-constraints h2 {
  margin-top: 0;
  font-size: 1.2em;
}
admin-settings-license-constraints .progress-bar {
  width: 100%;
  height: 10px;
  background-color: #ddd;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 10px;
}
admin-settings-license-constraints .progress {
  height: 100%;
}
admin-settings-license-constraints .progress.green {
  background-color: #4caf50;
}
admin-settings-license-constraints .progress.orange {
  background-color: #ff9800;
}
admin-settings-license-constraints .progress.red {
  background-color: #f44336;
}
admin-settings-license-constraints .active {
  color: green;
  font-weight: bold;
}
admin-settings-license-constraints .inactive {
  color: red;
}
admin-settings-license-constraints .past-due {
  color: orange;
}
admin-settings-subscriptions-panel {
  display: flex;
  flex-direction: column;
}
admin-settings-subscriptions-panel .content {
  flex: 1;
  overflow: auto;
}
admin-settings-subscriptions-panel .content > div {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
admin-settings-subscriptions-panel .content .content-label {
  flex: 3;
}
admin-settings-subscriptions-panel .content .content-value {
  font-weight: bold;
}
admin-settings-subscriptions-panel div {
  margin-bottom: 1rem;
}
admin-settings-subscriptions-panel .checkbox {
  padding-bottom: 1rem;
}
admin-settings-subscriptions-panel .checkbox span {
  cursor: not-allowed;
}
admin-settings-subscriptions-panel .btn-container {
  width: fit-content;
}
admin-settings-subscriptions-panel .footer-button button {
  width: 100%;
}
admin-settings-login-page .settings-login-background {
  cursor: pointer;
  height: 16rem;
  object-fit: contain;
  width: 16rem;
}
admin-settings-login-page .form-group {
  margin-bottom: 3rem;
}
admin-settings-login-page .form-group .control-container {
  margin-left: 1.5rem;
}
admin-settings-login-page .form-group .control-container .login-background-logo {
  width: 16rem;
}
admin-settings-login-page .form-group .control-container .login-background-logo .settings-login-background-logo {
  height: 16rem;
  width: 16rem;
}
admin-settings-login-page .form-group .control-container .login-background {
  width: 16rem;
}
admin-settings-login-page .form-group button.btn.btn-file {
  display: none;
  display: inline-block;
}
admin-settings-login-page .form-group.predefined-backgrounds-container .predefined-backgrounds {
  display: flex;
  overflow-y: auto;
}
admin-settings-login-page .form-group.predefined-backgrounds-container .predefined-backgrounds .settings-login-background {
  height: 11rem;
  width: 10rem;
}
admin-settings-login-page .form-group.predefined-backgrounds-container .predefined-backgrounds :not(:last-child) {
  margin-right: 0.5rem;
}
admin-settings-login-page .file-info {
  font-size: 1.1rem;
  font-style: italic;
  padding-right: 1rem;
}
admin-settings-login-page color-picker {
  position: absolute;
}
admin-settings-login-page color-picker ng-transclude {
  display: flex;
}
admin-settings-login-page color-picker ng-transclude .color-sample {
  margin: 0.5rem 0;
  width: 3rem;
  height: 2rem;
}
admin-settings-login-page .mnt-header {
  margin-bottom: 3rem;
}
admin-settings-ticket-values .configuration-container {
  margin-top: 4rem;
}
approval-configuration-usages-modal .panel {
  width: 50rem;
}
approval-configuration-usages-modal .tree p {
  margin: 0;
}
approval-configuration-usages-modal .tree ul {
  list-style-type: none;
  padding-left: 20px;
}
approval-configuration-usages-modal .tree li {
  position: relative;
  padding: 5px 0px 5px;
}
approval-configuration-usages-modal .tree li::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: -25px;
  width: 1px;
  background-color: #444;
  bottom: 1.5rem;
  display: block;
}
approval-configuration-usages-modal .tree li::after {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: -1rem;
  right: 0;
  width: 1rem;
  height: 0.1rem;
  background-color: #444;
  display: block;
}
approval-configuration-usages-modal .tree li:last-child::before {
  height: 4rem;
}
approval-configuration-usages-modal .tree .subdomain-name {
  color: gray;
  font-size: 1rem;
}
approvers-tree .noded-ul {
  padding-left: 2.5rem;
  list-style: none;
}
approvers-tree .noded-ul.child {
  padding: 0;
}
approvers-tree .noded-ul > li {
  position: relative;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
}
approvers-tree .noded-ul > li:before {
  content: "";
  position: absolute;
  top: 3.8rem;
  left: 0;
  width: 1rem;
  height: 1px;
  background-color: var(--text-color-grey);
  z-index: 0;
}
approvers-tree .noded-ul > li:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--text-color-grey);
}
approvers-tree .noded-ul > li:last-child:after {
  height: 4rem;
}
approvers-tree-create-modal .panel {
  width: 50rem;
}
approvers-tree-node {
  display: block;
  flex: auto;
}
approvers-tree-node .node-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  min-height: 3.6rem;
}
approvers-tree-node .node-row > * {
  margin: 0.3rem;
}
approvers-tree-node .node-row > .ui-select-container {
  min-width: 20rem;
  flex: 1;
}
approvers-tree-node .node-container {
  display: flex;
  padding-top: 2rem;
  align-items: center;
  gap: 0.3rem;
}
approvers-tree-node .node-container > * {
  min-width: 3rem;
}
approvers-tree-node .addNode-container {
  padding-top: 2.5rem;
  display: flex;
  align-items: center;
}
approvers-tree-node .error-node {
  font-size: smaller;
  font-weight: 500;
  color: var(--alert-danger-btn);
}
approvers-tree-node dnd-nodrag {
  display: flex;
}
approvers-tree-node .dnd-pointer {
  width: 2rem;
  height: 3rem;
  margin-top: 2.8rem;
  text-align: center;
  color: var(--accent-colors-dark-mint);
  cursor: move;
}
approvers-tree-node .dnd-pointer > svg {
  margin-left: 4px;
}
approvers-tree-rules {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  row-gap: 1rem;
}
approvers-tree-rules .rules-container {
  display: flex;
  flex-wrap: wrap;
}
approvers-tree-rules .rules-container .rule-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
approvers-tree-rules .rules-container .rule-container > label {
  margin: 0.5rem;
}
approvers-tree-rules .rules-container .rule-container > .ui-select-container {
  min-width: 18rem;
}
approvers-tree-rules .rules-container .rule-container > input {
  width: 14rem;
}
approvals-configuration-edit .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
approvals-configuration-edit .header-wrapper .switch_container label {
  margin: 0 0.5rem;
}
approval-decision .buttons-contener > span,
approval-decision .buttons-contener button {
  margin: 0.2rem;
}
approval-decision .buttons-contener .btn {
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in-out 0.15s, visibility 0s linear 0.2s;
}
approval-decision .buttons-contener .btn.show-button {
  opacity: 1;
  visibility: visible;
  transition: opacity ease-in-out 0.15s;
}
approval-ticket-status .list-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
}
approval-ticket-status .list-container .approval-row {
  display: flex;
  opacity: 0.8;
}
approval-ticket-status .list-container .approval-row .approval-icon {
  width: 1.8rem;
}
approval-ticket-status .list-container .approval-row.approved {
  color: var(--alert-success-btn);
}
approval-ticket-status .list-container .approval-row.rejected {
  color: var(--alert-danger-btn);
}
approvals-history .browse-row {
  margin-left: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
approvals-history .browse-row .browse-content {
  padding-left: 0px;
}
@media (max-width: 1170px) {
  approvals-history .browse-row {
    display: block;
  }
  approvals-history .browse-row .browse-content {
    width: 100%;
  }
}
approvals-history dynamic-table .header dynamic-table-header {
  padding: 1rem;
}
approvals-my-requests .browse-row {
  margin-left: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
approvals-my-requests .browse-row .browse-content {
  padding-left: 0px;
}
@media (max-width: 1170px) {
  approvals-my-requests .browse-row {
    display: block;
  }
  approvals-my-requests .browse-row .browse-content {
    width: 100%;
  }
}
approvals-my-requests dynamic-table .header dynamic-table-header {
  padding: 1rem;
}
approvals-to-approve .browse-row {
  margin-left: 0px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
approvals-to-approve .browse-row .browse-content {
  padding-left: 0px;
}
@media (max-width: 1170px) {
  approvals-to-approve .browse-row {
    display: block;
  }
  approvals-to-approve .browse-row .browse-content {
    width: 100%;
  }
}
approvals-to-approve dynamic-table .header > div {
  flex: 1;
}
approvals-to-approve dynamic-table .header dynamic-table-header {
  display: flex;
  padding: 1rem;
  justify-content: space-between;
}
approvals-to-be-selected-modal .panel {
  width: 50rem;
}
approvals-browse mint-tiles .mint-tiles {
  display: flex;
  width: 100%;
  overflow-x: hidden;
  margin-bottom: 0.5rem;
}
approvals-browse mint-tiles .mint-tiles .mint-tile {
  height: 4rem;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  padding: 1rem 2rem;
  color: var(--accent-colors-dark-mint);
  border-radius: 0.5rem;
  white-space: nowrap;
  cursor: pointer;
  height: auto;
  background: unset;
  font-weight: normal;
}
approvals-browse mint-tiles .mint-tiles .mint-tile.active {
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  background: var(--background-color);
  color: var(--darker-accent-colors-primary);
}
approvals-browse mint-tiles .mint-tiles .mint-tile .mnt-header {
  font-size: 1.2rem;
}
automation-archiving-mailing-metadata .mint-form-group > label {
  flex-basis: 20rem;
}
automation-archiving-ticket-metadata .mint-form-group > label {
  flex-basis: 20rem;
}
automation-deleting-report-data .mint-form-group {
  display: flex;
  align-items: center;
}
automation-deleting-report-data .mint-form-group:nth-last-child(1) {
  margin: 0;
}
automation-deleting-report-data .mint-form-group > label {
  flex-basis: 20rem;
}
automation-deleting-report-data .panel-body {
  display: flex;
  flex-flow: column nowrap;
}
automation-deleting-report-data .panel-body .important-info {
  width: 100%;
  padding: 0;
}
automation-deleting-report-data .panel-body .important-info label {
  flex-basis: unset;
  color: var(--accent-colors-warning);
  font-style: italic;
}
automation-deleting-report-data .panel-body .mnt-form-error {
  margin-left: 20rem;
}
automation-removing-archival-mailing-metadata .mint-form-group > label {
  flex-basis: 20rem;
}
automation-removing-archival-ticket-metadata .mint-form-group > label {
  flex-basis: 20rem;
}
automation-ticket-create {
  display: block;
  padding-top: 1rem;
}
automation-ticket-create .custom-fields-map {
  padding-top: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
automation-ticket-create .custom-fields-map .map-index {
  min-width: 2rem;
  font-weight: bold;
}
automation-ticket-create .custom-fields-map .ticket-types {
  min-width: 200px;
}
automation-ticket-create .custom-fields-map .strike-delete {
  display: flex;
  align-items: center;
}
automation-ticket-create .custom-fields-map .strike-delete button {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
automation-ticket-dynamic-fields-change .ticket-type {
  margin-bottom: 2rem;
  margin-top: 1rem;
}
automation-ticket-dynamic-fields-change .field-picker {
  margin-bottom: 2rem;
}
automation-ticket-dynamic-fields-change .field-picker-row {
  align-items: flex-start;
}
automation-ticket-dynamic-fields-change .field-picker-row > .ui-select-container {
  flex: 1;
}
automation-ticket-dynamic-fields-change .field-picker-row > button {
  margin-left: 1rem;
}
automation-ticket-dynamic-fields-change .field-option-group,
automation-ticket-dynamic-fields-change .configured-field-group {
  color: var(--text-color-grey);
  display: block;
  font-size: 1.2rem;
}
automation-ticket-dynamic-fields-change .configured-fields-empty {
  color: var(--text-color-light);
  padding: 1.5rem 0;
}
automation-ticket-dynamic-fields-change .configured-field {
  border: 1px solid var(--panel-border-color);
  border-radius: 0.5rem;
  margin-top: 1.5rem;
  padding: 1.5rem;
}
automation-ticket-dynamic-fields-change .configured-field-header,
automation-ticket-dynamic-fields-change .value-step {
  display: flex;
  gap: 1rem;
}
automation-ticket-dynamic-fields-change .configured-field-header {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
automation-ticket-dynamic-fields-change .configured-field-hint {
  color: var(--text-color-grey);
  margin-bottom: 0;
}
automation-ticket-dynamic-fields-change .value-step {
  align-items: flex-start;
  border-top: 1px solid var(--panel-border-color);
  padding: 1.5rem 0;
}
automation-ticket-dynamic-fields-change .step-order {
  align-items: center;
  display: flex;
  flex: 0 0 5rem;
  flex-direction: column;
}
automation-ticket-dynamic-fields-change .step-order > span {
  align-items: center;
  background: var(--background-color-grey);
  border-radius: 50%;
  display: flex;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}
automation-ticket-dynamic-fields-change .step-editor {
  flex: 1;
  min-width: 0;
}
automation-ticket-dynamic-fields-change .step-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 0.5rem;
}
automation-ticket-dynamic-fields-change .add-step {
  margin-left: 6rem;
}
@media (max-width: 768px) {
  automation-ticket-dynamic-fields-change .value-step {
    flex-wrap: wrap;
  }
  automation-ticket-dynamic-fields-change .step-editor {
    flex-basis: calc(100% - 6rem);
  }
  automation-ticket-dynamic-fields-change .step-actions {
    margin-left: 6rem;
  }
}

automation-ticket-property-change-by-attribute {
  width: 80%;
}
automation-ticket-property-change-by-attribute .details-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 0.5em 0.5em 0;
  position: relative;
}
automation-ticket-property-change-by-attribute .details-row .title {
  flex: 0 0 14rem;
  position: relative;
  font-weight: 500;
}
automation-ticket-property-change-by-attribute .details-row .values {
  flex: 2;
  color: var(--darker-accent-colors-grey);
}
automation-ticket-property-change-by-attribute .details-row .label-display {
  overflow: hidden;
}
automation-ticket-property-change-by-attribute .details-row .label-display > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
automation-ticket-property-change-by-attribute .details-row .action-row {
  display: flex;
  justify-content: space-between;
  min-width: 0;
}
automation-ticket-property-change-by-attribute .details-row .action-row .value-display {
  overflow: hidden;
  flex-grow: 1;
}
automation-ticket-property-change-by-attribute .details-row .action-row .value-display .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
automation-ticket-property-change-by-attribute .details-row .action-row .value-display > div {
  position: relative;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
automation-ticket-property-change-by-attribute .details-row .action-row > button {
  align-self: flex-end;
  margin-left: 1rem;
}
automation-ticket-property-change-by-attribute .details-row .action-row .btn-action {
  min-width: 3rem;
}
automation-ticket-property-change-by-attribute .details-row .row-error {
  color: var(--accent-colors-danger);
}
automation-ticket-property-change-by-attribute .details-row .clickable {
  cursor: pointer;
}
automation-ticket-property-change-by-attribute .details-row .clickable:hover {
  color: var(--accent-colors-mint);
}
@media (min-width: 0) and (max-width: 1170px) {
  automation-ticket-property-change-by-attribute .details-row {
    flex-direction: column;
    align-items: stretch;
    padding-top: 0;
  }
  automation-ticket-property-change-by-attribute .details-row .title {
    flex: none;
  }
}
automation-dayofmonth {
  display: flex;
  flex: auto;
}
automation-dayofmonth .day-of-week-select {
  flex: auto;
  margin-right: 1rem;
}
automation-dayofmonth .timepicker > table tr {
  display: flex;
  align-items: center;
}
automation-dayofmonth .timepicker > table tr td {
  margin-bottom: 0;
}
automation-dayofmonth .timepicker > table tr td.am-pm {
  margin-left: 0.5rem;
}
automation-dayofmonth .timepicker > table tr td .form-control {
  margin-top: 0 !important;
}
automation-dayofweek {
  display: flex;
  flex: auto;
}
automation-dayofweek .day-of-week-select {
  flex: auto;
  margin-right: 1rem;
}
automation-dayofweek .timepicker > table tr {
  display: flex;
  align-items: center;
}
automation-dayofweek .timepicker > table tr td {
  margin-bottom: 0;
}
automation-dayofweek .timepicker > table tr td.am-pm {
  margin-left: 0.5rem;
}
automation-dayofweek .timepicker > table tr td .form-control {
  margin-top: 0 !important;
}
automation-periodoftime {
  display: flex;
  flex: auto;
}
automation-periodoftime .mint-form-group {
  flex: auto;
  margin: 0;
}
automation-periodoftime .mint-form-group label {
  margin: auto;
  flex: 0 0 0;
}
automation-periodoftime .mint-form-group > * {
  padding-right: 1rem;
}
automation-periodoftime .mint-form-group > *:last-child {
  padding-right: 0;
}
automation-periodoftime dynamic-fields-controls-date > * {
  margin-top: auto;
}
automation-singledate {
  flex: auto;
}
consent-display-modal {
  width: 80vw;
}
consent-display-modal .panel {
  overflow: hidden auto;
}
consent-display-modal .panel-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
  padding: 1rem !important;
}
client-customer-portal-container .content {
  padding-left: 1rem;
  padding-bottom: 1rem;
}
client-customer-portal-container .container_wrapper {
  padding: 1rem;
  border-radius: 0.5rem;
  transition: box-shadow 0.2s ease;
}
client-customer-portal-container .container_wrapper > div .header_wrapper {
  display: flex;
  align-items: center;
}
client-customer-portal-container .container_wrapper > div .panel-heading {
  padding: 0;
}
client-customer-portal-container .container_wrapper.toggleable {
  cursor: pointer;
}
client-customer-portal-container .container_wrapper.toggleable:focus, client-customer-portal-container .container_wrapper.toggleable:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
client-customer-portal-container .container_wrapper.expanded.toggleable {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
client-customer-portal-container .container_wrapper .header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 1rem;
  transition: background-color 0.2s ease;
}
client-customer-portal-container .container_wrapper .container-description {
  margin: 1rem 1.5rem;
}
client-customer-portal-container .container_wrapper .container-description p {
  word-break: break-word;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper {
  display: flex;
  word-break: break-word;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button {
  justify-content: flex-end;
  background: var(--accent-colors-light-mint);
  border-radius: 50%;
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 1rem;
  font-size: 1.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-colors-dark-mint);
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:hover, client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:focus, client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:focus-visible {
  background-color: var(--accent-colors-dark-mint);
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:focus, client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:focus-visible {
  outline: none;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button button {
  border: 0;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button button:active {
  color: var(--accent-colors-dark-mint);
}
client-customer-portal-container .container_wrapper .expand-button_wrapper button {
  padding: 0.5rem;
  border: 0;
  background: transparent;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper button:hover {
  color: var(--accent-colors-dark-mint);
}
client-customer-portal-container .container_wrapper .expand-button_wrapper i {
  transition: ease-in 0.2s;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper.expanded .fa-angle-down {
  color: var(--accent-colors-dark-mint);
  transform: rotate(180deg);
  transition: ease-in 0.2s;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
}
client-customer-portal-container .container_wrapper .icon_container,
client-customer-portal-container .container_wrapper .image_container {
  margin: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
client-customer-portal-container .container_wrapper .icon_container i,
client-customer-portal-container .container_wrapper .image_container i {
  color: var(--accent-colors-dark-mint);
  font-size: 3rem;
}
client-customer-portal-container .container_wrapper .icon_container img,
client-customer-portal-container .container_wrapper .image_container img {
  height: 5.5rem;
  max-height: 5.5rem;
  max-width: 5.5rem;
}
client-customer-portal-container .case_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1800px) {
  client-customer-portal-container .case_container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1100px) {
  client-customer-portal-container .case_container {
    grid-template-columns: 1fr;
    width: 70%;
  }
}

customer-portal-case .header_wrapper {
  padding-top: 0.5rem;
}
customer-portal-case .case_wrapper {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  margin: 0.5rem;
  padding: 0 0 0.5rem 0;
  overflow: hidden auto;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  border-color: var(--border-color);
  transition: box-shadow 0.2s ease;
}
customer-portal-case .case_wrapper > div .header_wrapper {
  display: flex;
  align-items: center;
}
customer-portal-case .case_wrapper > div .panel-heading {
  padding: 0;
}
customer-portal-case .case_wrapper.toggleable {
  cursor: pointer;
}
customer-portal-case .case_wrapper.toggleable:focus, customer-portal-case .case_wrapper.toggleable:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
customer-portal-case .case_wrapper.expanded.toggleable {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
customer-portal-case .case_wrapper .header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 1rem;
  transition: background-color 0.2s ease;
}
customer-portal-case .case_wrapper .mnt-header {
  font-size: 1.4rem;
}
customer-portal-case .case_wrapper .expand-button_wrapper {
  display: flex;
  word-break: break-word;
}
customer-portal-case .case_wrapper .expand-button_wrapper .create-ticket_button {
  justify-content: flex-end;
  background: var(--accent-colors-light-mint);
  border-radius: 50%;
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 1rem;
  font-size: 1.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-colors-dark-mint);
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
customer-portal-case .case_wrapper .expand-button_wrapper .create-ticket_button:hover, customer-portal-case .case_wrapper .expand-button_wrapper .create-ticket_button:focus, customer-portal-case .case_wrapper .expand-button_wrapper .create-ticket_button:focus-visible {
  background-color: var(--accent-colors-dark-mint);
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
customer-portal-case .case_wrapper .expand-button_wrapper .create-ticket_button:focus, customer-portal-case .case_wrapper .expand-button_wrapper .create-ticket_button:focus-visible {
  outline: none;
}
customer-portal-case .case_wrapper .expand-button_wrapper .create-ticket_button button {
  border: 0;
}
customer-portal-case .case_wrapper .expand-button_wrapper .create-ticket_button button:active {
  color: var(--accent-colors-dark-mint);
}
customer-portal-case .case_wrapper .expand-button_wrapper button {
  padding: 0.5rem;
  border: 0;
  background: transparent;
}
customer-portal-case .case_wrapper .expand-button_wrapper button:hover {
  color: var(--accent-colors-dark-mint);
}
customer-portal-case .case_wrapper .expand-button_wrapper i {
  transition: ease-in 0.2s;
}
customer-portal-case .case_wrapper .expand-button_wrapper.expanded .fa-angle-down {
  color: var(--accent-colors-dark-mint);
  transform: rotate(180deg);
  transition: ease-in 0.2s;
}
customer-portal-case .case_wrapper .expand-button_wrapper span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
}
customer-portal-case .case_wrapper .icon_container,
customer-portal-case .case_wrapper .image_container {
  margin: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
customer-portal-case .case_wrapper .icon_container i,
customer-portal-case .case_wrapper .image_container i {
  color: var(--accent-colors-dark-mint);
  font-size: 3rem;
}
customer-portal-case .case_wrapper .icon_container img,
customer-portal-case .case_wrapper .image_container img {
  height: 5.5rem;
  max-height: 5.5rem;
  max-width: 5.5rem;
}
customer-portal-case .case_wrapper .case-short-description {
  flex: 1;
  align-items: baseline;
  margin: 0 1.5rem;
}
customer-portal-case .case_wrapper .case-short-description p {
  font-size: 1.2rem;
  font-style: oblique;
  word-break: break-word;
}
customer-portal-case .case_wrapper .long-description_wrapper {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  white-space: pre-line;
}
customer-portal-case .case_wrapper .long-description_wrapper .case-long-description {
  margin: 0 1.5rem;
}
customer-portal-case .case_wrapper .long-description_wrapper .case-long-description.description-expanded {
  transition: ease-in 0.2s;
}
customer-portal-case .case_wrapper .long-description_wrapper .case-long-description {
  align-self: flex-start;
  overflow: auto;
}
customer-portal-case .case_wrapper .long-description_wrapper .case-long-description p {
  font-size: 1.2rem;
  word-break: break-word;
}
customer-portal-case .case_wrapper .long-description_wrapper.description-expanded {
  height: auto;
}
client-customer-portal-container .content {
  padding-left: 1rem;
  padding-bottom: 1rem;
}
client-customer-portal-container .container_wrapper {
  padding: 1rem;
  border-radius: 0.5rem;
  transition: box-shadow 0.2s ease;
}
client-customer-portal-container .container_wrapper > div .header_wrapper {
  display: flex;
  align-items: center;
}
client-customer-portal-container .container_wrapper > div .panel-heading {
  padding: 0;
}
client-customer-portal-container .container_wrapper.toggleable {
  cursor: pointer;
}
client-customer-portal-container .container_wrapper.toggleable:focus, client-customer-portal-container .container_wrapper.toggleable:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
client-customer-portal-container .container_wrapper.expanded.toggleable {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
client-customer-portal-container .container_wrapper .header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 1rem;
  transition: background-color 0.2s ease;
}
client-customer-portal-container .container_wrapper .container-description {
  margin: 1rem 1.5rem;
}
client-customer-portal-container .container_wrapper .container-description p {
  word-break: break-word;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper {
  display: flex;
  word-break: break-word;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button {
  justify-content: flex-end;
  background: var(--accent-colors-light-mint);
  border-radius: 50%;
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 1rem;
  font-size: 1.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-colors-dark-mint);
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:hover, client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:focus, client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:focus-visible {
  background-color: var(--accent-colors-dark-mint);
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:focus, client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button:focus-visible {
  outline: none;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button button {
  border: 0;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper .create-ticket_button button:active {
  color: var(--accent-colors-dark-mint);
}
client-customer-portal-container .container_wrapper .expand-button_wrapper button {
  padding: 0.5rem;
  border: 0;
  background: transparent;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper button:hover {
  color: var(--accent-colors-dark-mint);
}
client-customer-portal-container .container_wrapper .expand-button_wrapper i {
  transition: ease-in 0.2s;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper.expanded .fa-angle-down {
  color: var(--accent-colors-dark-mint);
  transform: rotate(180deg);
  transition: ease-in 0.2s;
}
client-customer-portal-container .container_wrapper .expand-button_wrapper span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
}
client-customer-portal-container .container_wrapper .icon_container,
client-customer-portal-container .container_wrapper .image_container {
  margin: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
client-customer-portal-container .container_wrapper .icon_container i,
client-customer-portal-container .container_wrapper .image_container i {
  color: var(--accent-colors-dark-mint);
  font-size: 3rem;
}
client-customer-portal-container .container_wrapper .icon_container img,
client-customer-portal-container .container_wrapper .image_container img {
  height: 5.5rem;
  max-height: 5.5rem;
  max-width: 5.5rem;
}
client-customer-portal-container .case_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1800px) {
  client-customer-portal-container .case_container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1100px) {
  client-customer-portal-container .case_container {
    grid-template-columns: 1fr;
    width: 70%;
  }
}
customer-portal-search-bar .panel {
  padding: 1rem 2rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
customer-portal-search-bar .panel h1 {
  font-size: 2.5rem;
  margin-bottom: 4rem;
}
customer-portal-search-bar .search-bar_container {
  display: flex;
}
customer-portal-search-bar .search-controller_wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}
customer-portal-search-bar .search-controller_wrapper .search-controller {
  width: 100%;
  height: 3rem;
  padding: 1rem 2rem;
  border: none;
  background: transparent;
  outline: none;
  border: 0.1rem solid var(--accent-colors-dark-mint);
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
customer-portal-search-bar .search-controller_wrapper .search-controller:focus {
  box-shadow: 0 0 0.1rem 0.1rem var(--accent-colors-dark-mint);
}
customer-portal-search-bar .search-controller_wrapper .search-history {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  width: 100%;
  background: var(--input-background-color);
  border: 0.1rem solid var(--accent-colors-dark-mint);
  border-radius: 1rem;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 2;
}
customer-portal-search-bar .search-controller_wrapper .search-history .search-history_item {
  padding: 1rem 2rem;
  text-align: left;
  background: transparent;
  border: none;
  font-size: 1.4rem;
  line-height: 1.4rem;
}
customer-portal-search-bar .search-controller_wrapper .search-history .search-history_item:hover, customer-portal-search-bar .search-controller_wrapper .search-history .search-history_item:focus {
  background: var(--accent-colors-dark-mint);
  color: var(--input-background-color);
  cursor: pointer;
}
customer-portal-search-bar .search-controller_wrapper .clear-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 6rem;
}
customer-portal-search-bar .search-controller_wrapper .clear-button:hover {
  cursor: pointer;
  color: var(--accent-colors-dark-mint);
}
customer-portal-search-bar .search-controller_wrapper .search-button_wrapper {
  width: 5rem;
  height: 3rem;
  border: 0.1rem solid var(--accent-colors-dark-mint);
  border-left: none;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  overflow: hidden;
}
customer-portal-search-bar .search-controller_wrapper .search-button_wrapper button {
  width: 100%;
  height: 100%;
  border: 0;
  background-color: inherit;
}
customer-portal-search-bar .search-controller_wrapper .search-button_wrapper button:hover {
  background-color: var(--accent-colors-dark-mint);
}
customer-portal-search-bar .search-controller_wrapper .search-button_wrapper button i {
  font-size: 1.5rem;
}
customer-portal-list-view {
  display: block;
}
customer-portal-list-view .customer-portal-list-view {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (max-width: 1200px) {
  customer-portal-list-view .customer-portal-list-view {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  customer-portal-list-view .customer-portal-list-view {
    grid-template-columns: 1fr;
  }
}
customer-portal-list-view .customer-portal-list-view__no-records {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
customer-portal-list-view .customer-portal-list-view__no-records p {
  margin: 1rem;
}
customer-portal-list-view .customer-portal-list-view__no-records .btn-subtle-mint {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid var(--accent-colors-grey);
  border-radius: 2rem;
  background-color: transparent;
  color: var(--accent-colors-dark-mint);
  font-weight: 500;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
customer-portal-list-view .customer-portal-list-view__no-records .btn-subtle-mint i {
  font-size: 1.2rem;
}
customer-portal-list-view .customer-portal-list-view__no-records .btn-subtle-mint:hover, customer-portal-list-view .customer-portal-list-view__no-records .btn-subtle-mint:focus {
  background-color: var(--accent-colors-mint);
  color: var(--text-color-light);
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
customer-portal-list-view .customer-portal-list-view__no-records .btn-subtle-mint:focus {
  outline: none;
}
customer-portal-view-switch {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
customer-portal-view-switch .customer-portal-view-switch {
  display: flex;
}
customer-portal-view-switch .customer-portal-view-switch__button {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  border: 0.1rem solid var(--accent-colors-dark-mint);
  background-color: transparent;
  color: var(--accent-colors-dark-mint);
  padding: 0.75rem 2.5rem;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color 0.2s ease, color 0.2s ease;
}
customer-portal-view-switch .customer-portal-view-switch__button i {
  font-size: 1.4rem;
}
customer-portal-view-switch .customer-portal-view-switch__button:first-child {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
customer-portal-view-switch .customer-portal-view-switch__button:last-child {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  border-left: none;
}
customer-portal-view-switch .customer-portal-view-switch__button.is-active {
  background-color: var(--accent-colors-dark-mint);
  color: #fff;
}
customer-portal-view-switch .customer-portal-view-switch__button:hover {
  background-color: var(--accent-colors-dark-mint);
  color: #fff;
}
customer-portal-tree-view .selected-container {
  width: 100%;
  background-color: var(--accent-colors-light-mint);
  border-left: 4px solid var(--accent-colors-dark-mint);
}
customer-portal-tree-view .home-button {
  text-align: center;
  width: 100%;
  background-color: transparent;
  border: 0.1rem solid var(--accent-colors-dark-mint);
  border-radius: 0.4rem;
  color: var(--accent-colors-dark-mint);
  transition: 0.1s ease-in-out;
}
customer-portal-tree-view .home-button:hover {
  color: var(--text-color);
  background-color: var(--accent-colors-dark-mint);
  transition: 0.1s ease-in-out;
}
customer-portal-tree-view .customer-portal-layout {
  display: flex;
  padding: 0.5rem;
  height: 100%;
}
customer-portal-tree-view .cases-title {
  font-size: 3rem;
}
customer-portal-tree-view .cases-descriptiom {
  padding: 1rem 0;
}
customer-portal-tree-view .cases-panel {
  padding-left: 1rem;
  width: 100%;
}
customer-portal-tree-view .cases-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1366px) {
  customer-portal-tree-view .cases-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 900px) {
  customer-portal-tree-view .cases-list {
    grid-template-columns: 1fr;
    width: 70%;
  }
}
customer-portal-tree-view customer-portal-case .case_wrapper .icon_container img,
customer-portal-tree-view customer-portal-case .case_wrapper .image_container img {
  height: 5.5rem;
  max-height: 5.5rem;
  max-width: 5.5rem;
}
customer-portal-tree-view customer-portal-case {
  flex: 1;
  display: flex;
}
customer-portal-tree-view .tree-node {
  cursor: pointer;
  padding: 1rem;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  word-break: break-word;
  transition: background-color 0.2s ease-in;
}
customer-portal-tree-view .tree-node:hover {
  background-color: var(--accent-colors-grey);
}
customer-portal-tree-view .tree-container {
  border-bottom: 1px solid #ddd;
  padding: 0.1rem 0;
}
customer-portal-tree-view .tree-panel {
  margin-top: 2rem;
  width: 30rem;
  border-right: 1px solid #ddd;
  padding: 1rem;
  overflow-y: auto;
}
customer-portal-tree-view .tree-children {
  width: 100%;
  padding-left: 1rem;
  display: inline-grid;
}
customer-portal-tree-view .toggle_icon {
  padding-right: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
customer-portal-tree-view .empty-container {
  padding-left: 2.7rem;
}
customer-portal-tree-view .tree-title span {
  padding: 0;
  margin: 0;
}
customer-portal-tree-view .tree-title {
  width: 100%;
  font-size: 1.8rem;
  display: inline-flex;
  align-items: center;
}
customer-portal-tree-view .image_container img,
customer-portal-tree-view .icon_container i {
  height: 3.5rem;
  max-height: 3.5rem;
  max-width: 3.5rem;
  width: auto;
  vertical-align: middle;
}
customer-portal-tree-view .icon_container,
customer-portal-tree-view .image_container {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin-right: 6px;
}
customer-portal .customer-portal-search-highlight {
  font-weight: 600;
  text-decoration: underline;
  background-color: var(--accent-colors-mint);
}
customer-portal .no-records {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
customer-portal .no-records p {
  margin: 1rem;
}
customer-portal .customer-portal-block-view {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
customer-portal .customer-portal-block-view .no-records .btn-subtle-mint {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid var(--accent-colors-grey);
  border-radius: 2rem;
  background-color: transparent;
  color: var(--accent-colors-dark-mint);
  font-weight: 500;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
customer-portal .customer-portal-block-view .no-records .btn-subtle-mint i {
  font-size: 1.2rem;
}
customer-portal .customer-portal-block-view .no-records .btn-subtle-mint:hover, customer-portal .customer-portal-block-view .no-records .btn-subtle-mint:focus {
  background-color: var(--accent-colors-mint);
  color: var(--text-color-light);
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
customer-portal .customer-portal-block-view .no-records .btn-subtle-mint:focus {
  outline: none;
}
customer-portal .customer-portal-block-view customer-portal-case {
  padding-bottom: 1rem;
}
customer-portal .customer-portal-block-view customer-portal-case .case_wrapper {
  min-height: 100%;
  min-width: 100%;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
customer-portal .customer-portal-block-view customer-portal-case .case_wrapper:hover, customer-portal .customer-portal-block-view customer-portal-case .case_wrapper:focus-within {
  box-shadow: 0 0.3rem 0.6rem rgba(107, 107, 107, 0.0588235294);
  border-color: var(--accent-colors-mint);
  transform: translateY(-0.2rem);
}
dashboard-configuration-panel {
  display: flex;
  flex-direction: column;
}
dashboard-configuration-panel .content {
  flex: 1;
  overflow: auto;
}
dashboard-configuration-panel .content > div {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
dashboard-configuration-panel .content .content-label {
  flex: 3;
}
dashboard-configuration-panel .content .content-value {
  font-weight: bold;
}
dashboard-configuration-panel .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.3rem 0 1rem 0;
}
dashboard-configuration-panel .header .header-text {
  flex: 3;
}
dashboard-configuration-panel .header .header-percentage {
  flex: 1;
  display: flex;
  justify-content: space-evenly;
}
dashboard-configuration-panel .content-value {
  flex: 1;
  display: flex;
  justify-content: space-evenly;
}
dashboard-configuration-panel .content-header {
  font-weight: bold;
  border-top: 0.1rem solid var(--border-light-color);
  border-bottom: 0.1rem solid var(--border-light-color);
}
dashboard-configuration-panel .content-row {
  padding: 1.5rem 0;
}
dashboard-statistics-panel {
  display: flex;
  flex-direction: column;
}
dashboard-statistics-panel .content {
  flex: 1;
  overflow: auto;
}
dashboard-statistics-panel .content > div {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
dashboard-statistics-panel .content .content-label {
  flex: 3;
}
dashboard-statistics-panel .content .content-value {
  font-weight: bold;
}
dashboard-statistics-panel .content .content-label {
  padding: 0 1rem;
}
dashboard-statistics-panel .content .icon-agents,
dashboard-statistics-panel .content .icon-tickets,
dashboard-statistics-panel .content .icon-assets {
  border-radius: 50%;
  color: var(--text-color-light);
  text-align: center;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
}
dashboard-statistics-panel .content .icon-agents i,
dashboard-statistics-panel .content .icon-tickets i,
dashboard-statistics-panel .content .icon-assets i {
  width: 100%;
}
dashboard-statistics-panel .content .icon-agents {
  background-color: var(--accent-colors-primary);
}
dashboard-statistics-panel .content .icon-tickets {
  background-color: var(--accent-colors-mint);
}
dashboard-statistics-panel .content .icon-assets {
  background-color: var(--accent-colors-danger);
}
dashboard-twitter-panel {
  display: flex;
  height: 100%;
  max-height: 100rem;
}
dashboard-twitter-panel .ngtweet-wrapper {
  max-height: 100%;
  flex: 1;
  overflow-y: auto;
}
dashboard-users-panel {
  display: flex;
  flex-direction: column;
}
dashboard-users-panel dashboard-users-panel-user {
  display: flex;
  margin: 1rem 0;
  align-items: center;
}
dashboard-users-panel dashboard-users-panel-user .user-avatar,
dashboard-users-panel dashboard-users-panel-user .user-avatar > img {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  object-fit: cover;
}
dashboard-users-panel dashboard-users-panel-user .user-logout {
  margin-left: auto;
}
dashboard-users-panel dashboard-users-panel-user .user-details {
  margin: 0 1rem;
}
dashboard-users-panel dashboard-users-panel-user .user-details .user-name {
  padding: 0.5rem 0;
  font-weight: bold;
}
dashboard-users-panel dashboard-users-panel-user .user-details .user-email {
  color: var(--text-color-grey);
}
dashboard-users-panel .switcher {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1.4rem;
}
dashboard-users-panel .switcher > label {
  display: block;
  cursor: pointer;
  margin: 0.6rem 0;
}
dashboard-users-panel .switcher > label span {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: larger;
  padding: 0.5rem 0.7rem;
  border-radius: 0.8rem;
  transition: all 0.2s ease;
}
dashboard-users-panel .switcher > label input {
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
dashboard-users-panel .switcher > label input:checked + span {
  background-color: var(--accent-colors-mint);
  color: var(--text-color-light);
}
dashboard-users-panel .users {
  flex: 1;
  overflow: auto;
}
dashboard-users-panel .empty {
  flex: 1;
  overflow: auto;
  text-align: center;
  padding: 2rem;
}
dynamic-fields-category-schema-form-attribute .attribute {
  display: flex;
  align-items: center;
  min-height: 3.3rem;
  margin: 0 0 0.7rem 0;
}
dynamic-fields-category-schema-form-attribute .attribute .attribute-name {
  width: 24rem;
  color: var(--text-color);
  margin-right: 1rem;
  cursor: pointer;
}
dynamic-fields-category-schema-form-attribute .attribute .attribute-dropdown {
  min-width: 18rem;
  margin: 0.3rem 0.5rem 0 0;
}
dynamic-fields-category-schema-form-attribute .service-input {
  max-width: 25rem;
  margin: 0.2rem 0;
}
dynamic-fields-category-schema-form-attribute .btn-pool-attribute {
  background: var(--accent-colors-primary) !important;
}
dynamic-fields-category-schema-form-attribute .btn-pool-attribute:disabled {
  background: var(--accent-colors-primary) !important;
}
dynamic-fields-category-schema-form-attribute .label-pool-attribute {
  color: var(--accent-colors-primary) !important;
}
dynamic-fields-category-schema-form-attribute .input-pool-attribute::placeholder {
  color: var(--text-color-grey) !important;
}
dynamic-fields-category-schema-form-attribute .trash-container {
  margin: 0.5rem 1rem 0 1rem;
}
dynamic-fields-category-schema-form-attribute .pool-attributes {
  margin-left: 2rem;
}
dynamic-fields-category-schema-form-attribute .pool-attribute-name {
  width: 20rem !important;
  position: relative;
}
dynamic-fields-category-schema-form-attribute .pool-attribute-name::after {
  content: "";
  background-color: var(--accent-colors-primary);
  position: absolute;
  width: 1.5rem;
  left: -4.6rem;
  top: 1rem;
  height: 1px;
}
dynamic-fields-category-schema-form-attribute .roles-wizard-pool-name {
  width: 22rem !important;
}
dynamic-fields-category-schema-form-attribute .roles-wizard-pool-name::after {
  width: 1.3rem;
  left: -1.7rem;
  top: 0.9rem;
  bottom: 1.1rem;
}
dynamic-fields-category-schema-form-attribute .radio-container {
  display: flex;
  align-items: baseline;
  height: 3rem;
  margin-top: 0.5rem;
}
dynamic-fields-category-schema-form-attribute .radio-container > div {
  white-space: nowrap;
  margin-right: 10px;
  margin-left: 10px;
}
dynamic-fields-category-schema-form-attribute .radio-container > div > label {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -3px;
  color: var(--accent-colors-mint);
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: bold;
}
dynamic-fields-category-schema-form-attribute .radio-container .radio {
  margin-top: 0;
}
dynamic-fields-category-schema-form-attribute .vert-line {
  position: relative;
}
dynamic-fields-category-schema-form-attribute .vert-line::after {
  content: "";
  background-color: var(--accent-colors-primary);
  position: absolute;
  width: 1px;
  left: -1.5rem;
  top: -0.5rem;
  bottom: 2rem;
  z-index: 0;
}
dynamic-fields-category-schema-form-attribute .roles-vert-line::after {
  bottom: 24px;
}
dynamic-fields-category-schema-form-attribute .input-horz-line {
  position: relative;
  display: flex;
}
dynamic-fields-category-schema-form-attribute .input-horz-line::after {
  content: "";
  background-color: var(--accent-colors-primary);
  position: absolute;
  width: 1.5rem;
  left: -1.5rem;
  top: 1.5rem;
  height: 1px;
}

.type-description {
  font-size: 1rem;
  white-space: break-spaces;
}

.select-form-control .ui-select-choices-group .ui-select-choices-row-inner .default-category,
.ui-select-match .ui-select-match-text .default-category {
  font-weight: 900;
}
dynamic-fields-category-schema-form-category {
  display: flex;
}
dynamic-fields-category-schema-form-category.default .groups-container {
  border-right: 0.2rem solid var(--accent-colors-mint);
  background-color: var(--article-colors-grey);
  border-top: 0.2rem solid var(--accent-colors-mint);
  border-bottom: 0.2rem solid var(--accent-colors-mint);
}
dynamic-fields-category-schema-form-category.default .item-info.category-border {
  border-left: 0.2rem solid var(--accent-colors-mint);
  background-color: var(--article-colors-grey);
  border-top: 0.2rem solid var(--accent-colors-mint);
  border-bottom: 0.2rem solid var(--accent-colors-mint);
}
dynamic-fields-category-schema-form-category .item-info {
  display: flex;
  max-width: 27.5rem;
  flex: 1;
}
dynamic-fields-category-schema-form-category > .item-info > .item-name, dynamic-fields-category-schema-form-category > .item-info > .button-container:first-of-type {
  margin-top: 3px;
}
dynamic-fields-category-schema-form-category .item-name {
  display: flex;
  margin: 0.5rem 0 0 0.5rem;
  flex-direction: column;
  max-width: 27.5rem;
  min-width: 14rem;
}
dynamic-fields-category-schema-form-category .item-name > label {
  font-weight: 400;
  width: 95%;
  color: var(--text-color);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
dynamic-fields-category-schema-form-category .item-name > label.item-default {
  font-weight: 700;
}
dynamic-fields-category-schema-form-category .category-name {
  justify-content: start !important;
}
dynamic-fields-category-schema-form-category .groups-container {
  flex: 5;
  margin-top: auto;
  min-height: 4.2rem;
  border: 0.1rem solid var(--border-light-color);
}
dynamic-fields-category-schema-form-category .groups-container .group {
  border-bottom: 0.1rem solid var(--border-light-color);
}
dynamic-fields-category-schema-form-category .groups-container .group dynamic-fields-category-schema-form-group {
  flex: 1;
}
dynamic-fields-category-schema-form-category .groups-container .group dynamic-fields-category-schema-form-group .attributes-container {
  flex: 4;
  margin-top: auto;
  border-left: 0.1rem solid var(--border-light-color);
}
dynamic-fields-category-schema-form-category .groups-container .group dynamic-fields-category-schema-form-group .attributes-container form {
  display: flex;
}
dynamic-fields-category-schema-form-category .groups-container .group dynamic-fields-category-schema-form-group .attributes-container form .form-control {
  margin: 0 0.5rem 0.5rem 0.5rem;
}
dynamic-fields-category-schema-form-category .add-button {
  display: flex;
}
dynamic-fields-category-schema-form-category .add-button input {
  flex: 1;
}
dynamic-fields-category-schema-form-category .button-container {
  display: flex;
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}
dynamic-fields-category-schema-form-category .drop-container {
  display: flex;
}
dynamic-fields-category-schema-form-category .category-footer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-direction: row-reverse;
}
dynamic-fields-category-schema-form-category .category-footer .form-control {
  margin: 0.5rem;
}
dynamic-fields-category-schema-form-category .category-footer button {
  margin: 0.5rem 0.5rem;
}
dynamic-fields-category-schema-form-category .roles-checkboxes {
  display: flex;
  margin-top: 0.3rem;
}
dynamic-fields-category-schema-form-category .roles-checkboxes .roles-checkboxes-label {
  margin-right: 0rem;
}
dynamic-fields-category-schema-form-category .roles-checkboxes > div {
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
dynamic-fields-category-schema-form-category .roles-checkboxes > div > label {
  white-space: nowrap;
  margin-top: -0.3rem;
  color: var(--darker-accent-colors-primary);
  font-size: 1rem;
  margin-bottom: 0;
}
dynamic-fields-category-schema-form-category .roles-checkboxes > div > div .cr {
  margin-right: 0;
}
dynamic-fields-category-schema-form-category .roles-checkboxes > div > div:focus-within .cr {
  border: 0.1rem var(--accent-colors-mint) solid;
}
dynamic-fields-category-schema-form-category .normal-cursor {
  cursor: default !important;
}
dynamic-fields-category-schema-form-category .btn-wizard {
  display: block;
  height: 2.2rem;
  font-size: 0.9rem;
  transform: none;
  color: var(--text-color-light);
  background: var(--accent-colors-mint);
  border: none;
  border-radius: 0.3rem;
}
dynamic-fields-category-schema-form-category .btn-wizard:disabled {
  background: var(--accent-colors-primary);
}
dynamic-fields-category-schema-form-category .save-btn {
  height: 3.4rem;
  margin: 0.1rem;
  padding: 0;
}
dynamic-fields-category-schema-form-category .saving {
  width: auto;
  text-align: center;
}
dynamic-fields-category-schema-form-category .attribute-handle {
  margin-top: 0.8rem;
}
dynamic-fields-category-schema-form-category .category-border {
  border: 0.1rem solid var(--border-light-color);
  border-width: 0.1rem 0 0.1rem 0.1rem;
}
dynamic-fields-category-schema-form-group .item-info .item-name {
  margin-top: 0.3rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
dynamic-fields-category-schema-form-group .item-info .group-action-controllers {
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}
dynamic-fields-category-schema-form-group .item-info .group-action-controllers label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-weight: normal;
  font-size: 1.2rem;
}
dynamic-fields-category-schema-form-group .item-info .group-action-controllers label p {
  margin: 0 0.5rem 0 0;
  white-space: nowrap;
}
dynamic-fields-category-schema-form-group .item-info .group-action-controllers label input {
  margin: 0;
}
dynamic-fields-category-schema-form-group .item-info .handle {
  margin-top: 0.3rem;
}
dynamic-fields-category-schema-form-group .select-all-rights_container {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 4rem;
  margin: 1rem 0 0.5rem 0;
}
dynamic-fields-category-schema-form-group .select-all-rights_container p {
  margin: 0;
  width: 25.2rem;
  font-size: 1.3rem;
  font-weight: bold;
  white-space: nowrap;
  text-align: right;
}
dynamic-fields-category-schema-form-group .select-all-rights_container .select-all_checkboxes {
  display: flex;
  margin-left: 0.3rem;
}
dynamic-fields-category-schema-form-group .select-all-rights_container .select-all_checkboxes .checkbox {
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
dynamic-fields-category-schema-form-group .select-all-rights_container .select-all_checkboxes .checkbox .label-pool-attribute {
  font-weight: 700;
  font-size: 1rem;
  min-height: 1.5rem;
}
dynamic-fields-category-schema-form-group .select-all-rights_container .select-all_checkboxes .checkbox .cr {
  border-width: 1px;
  transform: scale(1.1);
}
conditional-fields-condition .stop-match-container {
  display: flex;
  justify-content: end;
}
conditional-fields-form .input {
  flex: 1;
}
conditional-fields-form .form-group {
  display: flex;
  align-items: center;
}
conditional-fields-form .form-group label {
  display: block;
  flex: 0 0 15rem;
}
conditional-fields-form .form-group .form-control,
conditional-fields-form .form-group .select-form-control,
conditional-fields-form .form-group .control-with-error {
  display: block;
  flex: 1;
}
@media (max-width: 660px) {
  conditional-fields-form .form-group {
    display: block;
  }
}
conditional-fields-form .mnt-header.condition {
  margin-bottom: 2.4rem;
}
conditional-fields-form .match-condition-container {
  justify-content: end;
  float: right;
}
conditional-fields-form .match-condition-container .input {
  min-width: 150px;
}
conditional-fields-form .dndPlaceholder {
  width: 100%;
}
conditional-fields-form .condition-header {
  display: flex;
}
conditional-fields-form .condition-header .dnd-pointer {
  color: var(--accent-colors-dark-mint);
  cursor: move;
  width: 2rem;
}
conditional-fields-form .condition-header .dnd-pointer > svg {
  margin-left: 4px;
}
conditional-fields-form .condition-header .btn-remove-container {
  display: flex;
  flex: auto;
  justify-content: end;
  margin: 0.8rem 0;
}
dynamic-fields-dictionary-add-value-modal {
  min-width: 40rem;
}
dynamic-fields-dictionary-add-value-modal .panel {
  padding: 1rem 1rem 0 1rem;
}
dynamic-fields-dictionary-add-value-modal .panel .modal-footer {
  display: flex;
  justify-content: center;
  border: 0;
}
dynamic-fields-dictionary-add-value-modal .description-group .description-group-items {
  padding: 1rem 1rem 0rem 1rem;
  border: 0.1rem solid var(--border-color);
}
escalations-week-matrix-chunk-modal .error-overlapping {
  color: var(--accent-colors-danger);
  font-size: small;
}
.attribute-container {
  min-height: 3rem;
  margin-bottom: 0.5rem;
  display: grid;
  align-items: center;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr 4rem;
  align-items: center;
}
.attribute-container .attribute-type-select {
  margin-left: auto;
  width: 100%;
}
knowledge-base-faq-sugesstion-modal {
  max-height: 100%;
  overflow: auto;
}
knowledge-base-faq-sugesstion-modal .suggesion-modal {
  max-width: 100vh;
  min-width: 40vh;
  max-height: 90vh;
  padding: 2rem;
  overflow: auto;
}
knowledge-base-faq-sugesstion-modal .suggesion-modal .question {
  margin-bottom: 1rem;
}
knowledge-base-faq-sugesstion-modal .suggesion-modal .question:last-child {
  margin-bottom: 0;
}
knowledge-base-faq-sugesstion-modal .suggesion-modal .wraped-text {
  white-space: wrap;
  overflow-wrap: break-word;
}
knowledge-base-faq-sugesstion-modal .suggesion-modal .wraped-text img {
  max-width: 100%;
  height: auto;
  display: block;
}
knowledge-base-faq-sugesstion-modal .suggesion-modal .panel-footer {
  display: flex;
  justify-content: flex-end;
}
knowledge-base-faq-details .panel {
  padding: 1.5rem;
}
knowledge-base-faq-details .wraped-text {
  white-space: wrap;
  overflow-wrap: break-word;
}
knowledge-base-faq-details .faq-questions {
  display: flex;
  gap: 0.5rem;
}
knowledge-base-faq-details .faq-questions > div {
  background: var(--background-color-mint);
  border-radius: 0.5rem;
  margin: 0.5rem 0;
  padding: 0.25rem 0.4rem;
  font-size: 0.8em;
}
knowledge-base-faq-details .history-button {
  display: flex;
  justify-content: flex-end;
}
knowledge-base-faq-index .table-header {
  padding: 1rem;
}
knowledge-base-faq-index .header-panel {
  display: flex;
  padding: 1rem;
  min-height: 9rem;
}
knowledge-base-faq-index .header-panel .header-chips {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.25rem;
}
knowledge-base-faq-index .header-panel .header-buttons {
  display: flex;
  align-items: center;
}
knowledge-base-faq-index .header-panel .header-buttons .show-closed {
  padding: 0 0.5rem;
}
knowledge-base-faq-categories-index {
  display: flex;
  overflow: hidden;
}
knowledge-base-faq-categories-index > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
knowledge-base-faq-categories-index > div > div {
  padding: 2rem;
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div {
  display: block;
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div > div {
  align-items: center;
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div > div .category-handle {
  font-size: 2.5rem;
  color: var(--accent-colors-mint);
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div > div:not(.category-children) {
  display: flex;
  margin-bottom: 1.5rem;
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div .category-container,
knowledge-base-faq-categories-index knowledge-base-faq-category > div > ng-form {
  flex-shrink: 0;
  align-items: center;
  display: flex;
  width: 50rem;
  max-height: 7rem;
  padding: 0.5rem;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.6rem;
  margin-left: 3rem;
  margin-bottom: 1.5rem;
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div .category-container .category-name,
knowledge-base-faq-categories-index knowledge-base-faq-category > div .category-container .input-btn,
knowledge-base-faq-categories-index knowledge-base-faq-category > div > ng-form .category-name,
knowledge-base-faq-categories-index knowledge-base-faq-category > div > ng-form .input-btn {
  flex: 1;
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div .category-container .category-name,
knowledge-base-faq-categories-index knowledge-base-faq-category > div > ng-form .category-name {
  font-weight: 700;
  padding: 0 1rem 0 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div .category-container {
  margin-left: 2rem;
  margin-bottom: 0;
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div .category-container div {
  transition: transform 0.5s ease;
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div .expanded {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}
knowledge-base-faq-categories-index knowledge-base-faq-category > div .category-children {
  margin-left: 2rem;
  margin-bottom: 1.5rem;
}
knowledge-base-faq-categories-index knowledge-base-faq-category .placeholder {
  display: none;
}
knowledge-base-faq-categories-index knowledge-base-faq-category .placeholder:only-child {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border: 1px dashed var(--border-color);
  opacity: 0.6;
  height: 2rem;
  width: 50rem;
  margin-left: 1rem;
  margin-bottom: 1.5rem;
}
knowledge-base-faq-categories-index knowledge-base-faq-category .placeholder {
  display: none;
}
knowledge-base-faq-categories-index knowledge-base-faq-category .placeholder:only-child {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border: 1px dashed var(--border-color);
  opacity: 0.6;
  height: 2rem;
  width: 50rem;
  margin-left: 1rem;
  margin-bottom: 1.5rem;
}
knowledge-base-faq-categories-index .dndDragging {
  opacity: 0.7;
}
knowledge-base-faq-categories-index .dndDraggingSource {
  display: none;
}
knowledge-base-faq-categories-index .dndPlaceholder {
  list-style: none;
  width: 50rem;
  height: 4rem;
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  margin-bottom: 1.5rem;
}
.ldap-attribute-container {
  min-height: 3rem;
  margin-bottom: 0.5rem;
  display: grid;
  align-items: center;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr 4rem;
  align-items: center;
}
.ldap-attribute-container .attribute-type-select {
  margin-left: auto;
  width: 100%;
}
.ldap-group-container {
  min-height: 3rem;
  margin-bottom: 0.5rem;
  display: grid;
  align-items: center;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr 4rem;
  align-items: center;
}
.ldap-group-container .group-type-select {
  margin-left: auto;
  width: 100%;
}
log-value {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
public-tickets-ticket-articles-chat-view {
  overflow-y: auto;
  height: 100%;
  padding: 0 2rem 0 2rem;
}
public-tickets-ticket-articles-chat-view .load-more-button {
  text-align: center;
}
public-tickets-ticket-articles-chat-view .article-separator {
  text-align: center;
  border-bottom: 0.1rem solid var(--border-light-color);
  line-height: 0.1rem;
  padding-top: 1rem;
}
public-tickets-ticket-articles-chat-view .article-separator span {
  background: var(--background-color);
  color: var(--text-color-grey);
  padding: 0 2rem;
  font-size: 1.3rem;
}
public-tickets-ticket-articles-chat-view .article-separator:first-child {
  margin-top: 1rem;
}
@media (max-width: 1366px) {
  public-tickets-ticket-articles-chat-view {
    padding: 0 2rem 0 2rem;
  }
}
@media (max-width: 500px) {
  public-tickets-ticket-articles-chat-view {
    padding: 0 0.1rem 0 0.1rem;
  }
}
public-tickets-ticket-articles-panel .history-title {
  display: inline;
}
public-tickets-ticket-articles-panel .dropdown-button {
  padding-left: 1rem;
}
public-tickets-ticket-articles-panel .subdropdown-menu {
  cursor: pointer;
}
public-tickets-ticket-articles-panel .panel {
  height: 100%;
  overflow: auto;
  margin-bottom: 0;
}
public-tickets-ticket-articles-panel .panel .panel-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}
public-tickets-ticket-articles-panel .preview-conatiner {
  padding-left: 2rem;
}
public-tickets-ticket-articles-panel .preview {
  margin-top: 2rem;
  height: fit-content;
  height: -moz-fit-content;
}
public-tickets-ticket-articles-panel .preview .preview-content {
  padding: 1.5rem;
}
public-tickets-ticket-articles-panel .preview .preview-toggle {
  position: absolute;
  right: 1rem;
  margin-top: 1rem;
}
public-tickets-ticket-articles-panel .ticket-details-header {
  overflow: visible;
  display: flex;
  min-height: 7rem;
  padding: 0 3.5rem;
  justify-content: space-between;
  border-bottom: 0.1rem solid var(--border-color);
}
public-tickets-ticket-articles-panel .ticket-details-header .ticket-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
public-tickets-ticket-articles-panel .ticket-details-header .ticket-title .ticket-edit-name-form {
  display: inline;
}
public-tickets-ticket-articles-panel .ticket-details-header .ticket-title .ticket-edit-name-form .form-control {
  display: inline;
  width: 45%;
}
public-tickets-ticket-articles-panel .ticket-details-header > div {
  align-self: center;
}
public-tickets-ticket-articles-panel .ticket-details-header > div:first-child {
  flex: 1;
}
public-tickets-ticket-articles-panel .ticket-details-header > div button {
  background-color: var(--background-color);
  color: var(--text-color-light);
  font-size: 1.8rem;
}
public-tickets-ticket-articles-panel .ticket-details-header > div .btn.btn-t.active {
  color: var(--accent-colors-mint);
}
public-tickets-ticket-articles-panel .ticket-details-header > div .btn.btn-t.unread {
  color: var(--accent-colors-danger);
}
public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-channel,
public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-actions,
public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-targets,
public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-attachments {
  padding-left: 3.5rem;
  padding-right: 1.5rem;
}
public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-editor {
  margin-left: 3.5rem;
  margin-right: 1.5rem;
}
public-tickets-ticket-articles-panel .articles-view {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 0;
}
public-tickets-ticket-articles-panel .articles-view .article-loader-active {
  position: absolute;
  bottom: 14rem;
  margin-left: 48%;
  width: 8rem;
  height: 8rem;
  z-index: 9999;
}
public-tickets-ticket-articles-panel .title {
  font-size: larger;
}
public-tickets-ticket-articles-panel .title .nav.nav-tabs > li.active > a {
  padding: 8px 10px;
}
@media (max-width: 1366px) {
  public-tickets-ticket-articles-panel .ticket-details-header {
    padding: 0 2rem;
  }
}
@media (max-width: 1366px) and (max-width: 500px) {
  public-tickets-ticket-articles-panel .ticket-details-header {
    display: block;
  }
  public-tickets-ticket-articles-panel .ticket-details-header .mnt-header {
    margin: 0;
  }
  public-tickets-ticket-articles-panel .ticket-details-header .ticket-title {
    max-width: 100%;
    font-size: 1.5rem;
  }
}
@media (max-width: 1366px) {
  public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-channel,
  public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-actions,
  public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-targets,
  public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-attachments {
    padding-left: 2rem;
  }
  public-tickets-ticket-articles-panel public-tickets-ticket-reply .reply-editor {
    margin-left: 2rem;
  }
}
public-tickets-ticket-attachments-list .attachments {
  display: flex;
  flex-flow: column nowrap;
  padding: 0.5rem 0;
  overflow-x: auto;
  overflow-y: visible;
  border-top: 1px solid var(--background-color-mint);
  border-bottom: 1px solid var(--background-color-mint);
  font-size: 1.1rem;
}
public-tickets-ticket-attachments-list .attachments .attachments-summary {
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: baseline;
  height: 2rem;
}
public-tickets-ticket-attachments-list .attachments .attachments-summary .container {
  display: flex;
  width: 100%;
  padding: 0;
}
public-tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments {
  display: flex;
  cursor: pointer;
  align-items: center;
}
public-tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments svg {
  font-size: 1rem;
}
public-tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments svg.fa-chevron-up, public-tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments svg.fa-chevron-down {
  cursor: pointer;
  font-size: 1.5rem;
  display: flex;
}
public-tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments span {
  padding-right: 0.5rem;
}
public-tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments > div {
  margin-left: 0.5rem;
  height: 2rem;
  cursor: pointer;
}
public-tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments .attachments-count {
  font-weight: 500;
  padding: 0 0.3rem;
}
public-tickets-ticket-attachments-list .attachments .attachments-summary .container .show-attachments:hover button {
  display: inline-block;
}
public-tickets-ticket-attachments-list .attachments .attachments-list {
  width: 100%;
  max-height: 14.5rem;
  margin-top: 1rem;
}
public-tickets-ticket-attachments-list .attachments .attachments-list .attachment-element {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-right: 2rem;
  padding-bottom: 0.3rem;
}
public-tickets-ticket-attachments-list .attachments .attachments-list .attachment-element .svg {
  font-size: inherit;
}
public-tickets-ticket-attachments-list .attachments .attachments-list .attachment-element:hover {
  backdrop-filter: opacity(0.95);
  padding-right: 0.4rem;
}
public-tickets-ticket-attachments-list .attachments .attachments-list .attachment-element:hover .attachment-download {
  display: inline-block;
}
public-tickets-ticket-attachments-list .attachments .attachments-list .attachment-element .attachment-download {
  margin-left: 0.5rem;
  display: none;
}
public-tickets-ticket-attachments-list .attachments .attachments-list .attachment-element span {
  cursor: pointer;
  white-space: nowrap;
  margin-left: 0.5rem;
}
@media (max-width: 500px) {
  public-tickets-ticket-attachments-list .attachments .attachments-list {
    flex-wrap: wrap;
  }
}
public-tickets-ticket-attachments-list .attachments.without-border {
  border-bottom: 0;
}
public-tickets-ticket-attachments-list .download-all {
  list-style: none;
  padding: 0.2rem 1rem;
  text-align: center;
  cursor: pointer;
  border: 0.1rem solid var(--accent-colors-mint);
  border-radius: 0.5rem;
}
public-tickets-ticket-attachments-list .download-all:hover {
  background-color: var(--accent-colors-mint);
}
public-tickets-ticket-chat-view-article .article-container {
  display: flex;
  margin: 2rem 5rem 1rem 0;
}
public-tickets-ticket-chat-view-article .article-container .mobile-article-buttons span {
  padding-right: 1rem;
}
public-tickets-ticket-chat-view-article .article-container .survey-disable-pointer {
  pointer-events: none;
}
public-tickets-ticket-chat-view-article .article-container user-avatar {
  align-self: flex-end;
}
public-tickets-ticket-chat-view-article .article-container user-avatar img {
  margin: 0;
}
public-tickets-ticket-chat-view-article .article-container .article {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem;
}
public-tickets-ticket-chat-view-article .article-container .article-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.3rem;
  font-size: 1.2rem;
  color: var(--text-color-grey);
}
public-tickets-ticket-chat-view-article .article-container .article-header .article-author {
  font-weight: 500;
  padding: 0 1rem;
  margin-right: 0.5rem;
  position: relative;
}
public-tickets-ticket-chat-view-article .article-container .article-header .article-author::after {
  content: "";
  background: var(--text-color-grey);
  position: absolute;
  top: 0.3rem;
  right: 0;
  height: 1.2rem;
  width: 0.1rem;
}
public-tickets-ticket-chat-view-article .article-container .article-header .article-status {
  margin: 0 1rem;
  font-size: 1rem;
}
public-tickets-ticket-chat-view-article .article-container .article-header .article-status .success {
  color: var(--accent-colors-mint);
}
public-tickets-ticket-chat-view-article .article-container .article-header .article-status .error {
  color: var(--accent-colors-danger);
}
public-tickets-ticket-chat-view-article .article-container .article-body {
  padding: 2rem 2rem 0 2rem;
  margin-left: 1rem;
  background-color: var(--article-colors-sad-orange);
  font-size: 1.3rem;
  border-radius: 0.6rem 0.6rem 0.6rem 0;
  position: relative;
  box-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.0784313725);
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content {
  contain: paint;
  isolation: isolate;
  max-width: 100%;
  min-width: 0;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content .modal-backdrop {
  display: none !important;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content .modal {
  position: static !important;
  z-index: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content .modal-dialog {
  position: static;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content .modal-content {
  position: static;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: inherit;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content .modal-header {
  min-height: 0;
  padding: 0;
  border: 0;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content pre {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content pre.moz-signature {
  padding: 0;
  color: inherit;
  font: inherit;
  background: transparent;
  border: 0;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content {
  max-height: 6.5rem;
  overflow: auto;
  position: relative;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content.expanded {
  max-height: 30rem;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-content blockquote {
  font-size: inherit;
  border-left: 0.1rem solid var(--border-light-color);
  border-width: 0.4rem;
  margin: 0.5rem 0;
  padding: 0 0 0 1.6rem;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-action-bar {
  display: flex;
  justify-content: space-between;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-action-bar span {
  line-height: 3rem;
  font-weight: 500;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-action-bar span:hover {
  cursor: pointer;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .rotated svg {
  transform: rotate(180deg);
  transition: all ease-in 0.4s;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .filler {
  height: 3rem;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .article-actions {
  display: flex;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .article-actions .private-conversation > svg {
  color: var(--article-colors-blue);
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .article-actions .private-conversation {
  position: relative;
  margin-right: 1.5rem;
  padding-right: 1.7rem;
}
public-tickets-ticket-chat-view-article .article-container .article-body .article-action-bar .article-actions .private-conversation::after {
  content: "";
  background: var(--text-color-grey);
  position: absolute;
  top: 0.7rem;
  right: 0;
  height: 1.6rem;
  width: 0.1rem;
}
public-tickets-ticket-chat-view-article .article-container .article-body.full-expand .article-content {
  max-height: unset;
}
public-tickets-ticket-chat-view-article .article-container .article-body.full-expand .show-more {
  display: none;
}
public-tickets-ticket-chat-view-article .article-container .article-body::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1rem;
  height: 1rem;
  width: 1rem;
  background-color: var(--article-colors-primary);
  clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}
public-tickets-ticket-chat-view-article .article-container .article-icons {
  margin-top: 2rem;
  height: max-content;
  background-color: var(--article-colors-blue);
  border-radius: 0.5rem;
  color: var(--background-color);
}
public-tickets-ticket-chat-view-article .article-container .article-icons > div {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.2rem;
  line-height: 2.5rem;
  text-align: center;
  position: relative;
}
public-tickets-ticket-chat-view-article .article-container .article-icons > div.clickable {
  cursor: pointer;
}
public-tickets-ticket-chat-view-article .article-container .article-icons > div:not(:last-child)::after {
  position: absolute;
  content: "";
  height: 0.1rem;
  bottom: 0;
  left: 0.5rem;
  right: 0.5rem;
  opacity: 0.5;
  background-color: var(--background-color);
}
public-tickets-ticket-chat-view-article .article-container.own-article {
  flex-direction: row-reverse;
  margin-right: 0;
  margin-left: 5rem;
}
public-tickets-ticket-chat-view-article .article-container.own-article .article-body {
  margin-left: 0;
  margin-right: 1rem;
  background-color: var(--article-colors-primary);
  border-radius: 0.6rem 0.6rem 0 0.6rem;
}
public-tickets-ticket-chat-view-article .article-container.own-article .article-body .article-actions .private-conversation > svg {
  color: var(--accent-colors-mint);
}
public-tickets-ticket-chat-view-article .article-container.own-article .article-body::before {
  left: unset;
  right: -1rem;
  background-color: var(--article-colors-mint);
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
}
public-tickets-ticket-chat-view-article .article-container.own-article .article-icons {
  background-color: var(--accent-colors-mint);
}
public-tickets-ticket-chat-view-article .article-container.private {
  display: none;
}
public-tickets-ticket-chat-view-article .article-comments {
  padding: 0 14rem 0 7rem;
}
public-tickets-ticket-chat-view-article .article-comments.own-article {
  padding: 0 7rem 0 14rem;
}
public-tickets-ticket-chat-view-article .article-comments.own-article .comment-body {
  background-color: var(--article-colors-mint);
}
@media (min-width: 1367px) {
  public-tickets-ticket-chat-view-article .show-on-small-screen {
    display: none;
  }
}
@media (max-width: 1366px) {
  public-tickets-ticket-chat-view-article .hide-on-small-screen {
    display: none;
  }
  public-tickets-ticket-chat-view-article .article-container.own-article {
    margin-left: 1rem;
  }
}
@media (min-width: 501px) {
  public-tickets-ticket-chat-view-article .mobile-article-buttons {
    display: none;
  }
}
@media (max-width: 500px) {
  public-tickets-ticket-chat-view-article .article-comments {
    padding: 0 1rem 0 3rem;
  }
  public-tickets-ticket-chat-view-article .article-comments.own-article {
    padding: 0 3rem 0 1rem;
  }
  public-tickets-ticket-chat-view-article .article-comments.own-article .comment-body {
    background-color: var(--article-colors-mint);
  }
  public-tickets-ticket-chat-view-article user-avatar {
    display: none;
  }
  public-tickets-ticket-chat-view-article .desktop-article-buttons {
    display: none;
  }
  public-tickets-ticket-chat-view-article .article-container {
    margin: 1rem 0;
  }
}
public-tickets-ticket-details-panel .details-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 0.5em 0.5em 0;
  position: relative;
}
public-tickets-ticket-details-panel .details-row .title {
  flex: 1;
  position: relative;
  font-weight: 500;
}
public-tickets-ticket-details-panel .details-row .values {
  flex: 2;
  color: var(--darker-accent-colors-mint);
  max-width: 24rem;
}
public-tickets-ticket-details-panel .details-row .label-display {
  overflow: hidden;
}
public-tickets-ticket-details-panel .details-row .label-display > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
public-tickets-ticket-details-panel .details-row .action-row {
  display: flex;
  justify-content: space-between;
  min-width: 0;
}
public-tickets-ticket-details-panel .details-row .action-row .value-display {
  overflow: hidden;
  flex-grow: 1;
}
public-tickets-ticket-details-panel .details-row .action-row .value-display .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
public-tickets-ticket-details-panel .details-row .action-row .value-display > div {
  position: relative;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
public-tickets-ticket-details-panel .details-row .action-row > button {
  align-self: flex-end;
  margin-left: 1rem;
}
public-tickets-ticket-details-panel .details-row .action-row .btn-action {
  min-width: 3rem;
}
public-tickets-ticket-details-panel .details-row .row-error {
  color: var(--accent-colors-danger);
}
public-tickets-ticket-details-panel .details-row .clickable {
  cursor: pointer;
}
public-tickets-ticket-details-panel .details-row .clickable:hover {
  color: var(--accent-colors-mint);
}
@media (min-width: 1170px) and (max-width: 1366px) {
  public-tickets-ticket-details-panel .details-row {
    flex-direction: column;
    align-items: stretch;
    padding-top: 0;
  }
  public-tickets-ticket-details-panel .details-row .values {
    max-width: 100%;
  }
}
@media (max-width: 435px) {
  public-tickets-ticket-details-panel .details-row .values {
    max-width: 14rem;
  }
}
public-tickets-ticket-reply .expanded {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}
public-tickets-ticket-reply .collapsed {
  transition: transform 0.5s ease;
  transform: rotate(0deg);
}
public-tickets-ticket-reply .reply-channel {
  border-bottom: 0.1rem solid var(--border-color);
  margin-bottom: 1rem;
  display: flex;
}
public-tickets-ticket-reply .reply-channel .channel-tab {
  border: 0.1rem solid var(--accent-colors-mint);
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.4rem 1rem;
  font-weight: 500;
  font-size: 1.3rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
public-tickets-ticket-reply .reply-channel .channel-tab.active {
  font-weight: 600;
  color: var(--background-color);
  background-color: var(--accent-colors-mint);
}
@media (max-width: 1690px) {
  public-tickets-ticket-reply rich-text-editor {
    border: 0.1rem solid var(--border-light-color);
    border-radius: 0.5rem;
    padding: 1.5rem;
  }
  public-tickets-ticket-reply rich-text-editor .content .ql-editor {
    min-height: 5rem;
  }
  public-tickets-ticket-reply .reply-add-attachment label {
    margin-top: 0.5rem;
  }
}
@media (max-width: 1366px) {
  public-tickets-ticket-reply .hide-on-small-screen {
    display: none;
  }
}
@media (min-width: 1367px) {
  public-tickets-ticket-reply .show-on-small-screen {
    display: none;
  }
}
@media (min-width: 1691px) {
  public-tickets-ticket-reply rich-text-editor {
    border: 0.1rem solid var(--border-light-color);
    border-radius: 0.5rem;
    padding: 1.5rem;
  }
  public-tickets-ticket-reply rich-text-editor .content .ql-editor {
    min-height: 10rem;
  }
  public-tickets-ticket-reply .reply-add-attachment label {
    margin-top: 0.5rem;
  }
  public-tickets-ticket-reply .show-on-small-screen {
    display: none;
  }
}
public-tickets-ticket-reply .reply-targets {
  max-height: 25rem;
  overflow-y: auto;
}
public-tickets-ticket-reply .reply-targets .form-control {
  border: 0.1rem solid var(--border-light-color);
}
public-tickets-ticket-reply .form-group {
  display: flex;
  align-items: center;
}
public-tickets-ticket-reply .form-group label {
  display: block;
  flex: 0 0 15rem;
}
public-tickets-ticket-reply .form-group > .form-control,
public-tickets-ticket-reply .form-group > .ui-select-container,
public-tickets-ticket-reply .form-group > .control-with-error {
  display: block;
  flex: 1;
}
public-tickets-ticket-reply .form-group mint-autocomplete {
  flex: 1;
}
@media (max-width: 660px) {
  public-tickets-ticket-reply .form-group {
    display: block;
  }
}
@media (max-width: 500px) {
  public-tickets-ticket-reply .form-group {
    display: flex;
  }
  public-tickets-ticket-reply .form-group label {
    flex: 0 0 3rem;
  }
  public-tickets-ticket-reply .form-group input {
    max-width: 100%;
  }
}
public-tickets-ticket-reply .reply-attachments {
  display: flex;
  margin-top: 0.5rem;
}
public-tickets-ticket-reply .reply-attachments > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid var(--border-color);
  margin-right: 0.5rem;
}
public-tickets-ticket-reply .reply-attachments > div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
public-tickets-ticket-reply .reply-attachments > div .remove-attachment {
  position: absolute;
  cursor: pointer;
  display: none;
  top: 0.3rem;
  right: 0.3rem;
}
public-tickets-ticket-reply .reply-attachments > div:hover img,
public-tickets-ticket-reply .reply-attachments > div:hover .file-thumbnail {
  opacity: 0.3;
}
public-tickets-ticket-reply .reply-attachments > div:hover .remove-attachment {
  display: block;
}
public-tickets-ticket-reply .reply-actions {
  font-size: medium;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
public-tickets-ticket-reply .reply-actions > div {
  display: flex;
}
public-tickets-ticket-reply .reply-add-attachment label {
  margin-right: 0.5rem;
}
public-tickets-ticket-reply .reply-add-attachment input {
  display: none;
}
public-tickets-ticket-reply .reply-custom-template {
  align-self: center;
  padding-left: 0.5rem;
}
public-tickets-ticket-reply .reply-custom-template .btn.btn-t {
  font-size: medium;
  padding: 0 0.4rem;
}
public-tickets-ticket-reply .response-icon {
  color: var(--accent-colors-dark-mint);
}
public-tickets-ticket-reply .reply-action-filler {
  flex: 1;
  min-width: 0;
}
public-tickets-ticket-reply .right-action-buttons {
  font-size: small;
}
public-tickets-ticket-reply .reply-private-note .btn.btn-t {
  font-size: large;
}
public-tickets-ticket-reply .reply-private-note {
  padding: 0.3rem 1rem 0;
  align-self: center;
}
public-tickets-ticket-reply .last-right-button {
  padding-right: 2rem;
}
public-tickets-ticket-reply .attachment-button {
  cursor: pointer;
}
public-tickets-ticket-reply rich-text-editor.rich-text-folded .content {
  max-height: 2rem;
  overflow: hidden;
}
public-tickets-ticket-reply rich-text-editor.rich-text-folded .content .ql-editor {
  min-height: 0;
  padding: 0 1rem;
}
public-tickets-ticket-reply tickets-ticket-preview {
  position: absolute;
  width: 100%;
}
queues-queues-form-queue-role .ticket-number-pattern-container {
  width: 100%;
}
queues-queues-form-queue-role .ticket-number-pattern-container .ui-select-choices {
  overflow: scroll;
}
reports-report-preview-type-group-by reports-report-preview-group-header {
  padding-left: 0.3rem;
  border-bottom: 0.1rem solid var(--accent-colors-mint);
  display: grid;
  grid-template-columns: 0.2fr 5fr 0.5fr 1.5fr 1fr;
  font-weight: 600;
  font-size: large;
  padding-bottom: 1rem;
}
reports-report-preview-type-group-by reports-report-preview-group-header span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
reports-report-preview-type-group-by .info p {
  margin: 0.5rem 1rem;
  color: var(--accent-colors-danger);
}
reports-report-preview-type-group-by .info .report-info {
  color: var(--text-color);
  font-weight: bold;
}
reports-report-preview-type-group-by .info .report-info span {
  font-weight: normal;
  font-style: italic;
}
reports-report-preview-type-table div[ng-transclude=header] {
  flex: 1;
}
reports-report-preview-type-table dynamic-table-header {
  flex: 1;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
reports-report-preview-type-table dynamic-table-header > div {
  display: flex;
  align-items: center;
  gap: 1rem;
}
reports-report-preview-type-table dynamic-table-header .mnt-header {
  margin: 0;
  padding: 0 !important;
}
reports-report-preview-type-table dynamic-table-header p {
  margin: 0;
  color: var(--accent-colors-danger);
}
reports-report-preview-type-table dynamic-table-header .report-info {
  color: var(--text-color);
}
reports-report-preview-type-table dynamic-table-header .report-info span {
  font-weight: normal;
  margin-left: 0.5rem;
}
services-service-form-service > div {
  display: block;
}
services-service-form-service > div > div {
  flex-direction: row;
  align-items: baseline;
}
services-service-form-service > div > div .service-handle {
  font-size: 2rem;
  margin: 0.5rem;
  color: var(--accent-colors-mint);
}
services-service-form-service > div > div:not(.service-children) {
  display: flex;
  margin-bottom: 0.5rem;
  padding-right: 3rem;
}
services-service-form-service > div .service-container {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: -webkit-fill-available;
}
services-service-form-service > div .service-container,
services-service-form-service > div > ng-form {
  flex-shrink: 0;
  align-items: center;
  display: flex;
  width: 100%;
  height: 5rem;
  padding: 0.5rem;
  border: 0.1rem solid var(--border-light-color);
  border-radius: 0.6rem;
  margin-left: 0;
}
services-service-form-service > div .service-container .service-name,
services-service-form-service > div .service-container .input-btn,
services-service-form-service > div > ng-form .service-name,
services-service-form-service > div > ng-form .input-btn {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
services-service-form-service > div .service-container .service-name,
services-service-form-service > div > ng-form .service-name {
  font-weight: bold;
  padding: 0 1rem 0 1rem;
}
services-service-form-service > div .expanded {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}
services-service-form-service > div .checkbox > label {
  font-size: 1rem;
}
services-service-form-service > div .service-children {
  margin-top: 1rem;
  margin-left: 2rem;
}

.dndDragging {
  opacity: 0.7;
}

.dndDraggingSource {
  display: none;
}

.dndPlaceholder {
  list-style: none;
  width: 50rem;
  height: 4rem;
  border: 0.1rem solid var(--border-color);
  border-style: dashed;
  margin-bottom: 0.5rem;
}
ticket-number-pattern-generator-field .field {
  display: flex;
  align-items: center;
  gap: 1rem;
}
ticket-number-pattern-generator-field .field label {
  flex-basis: 20rem;
  display: flex;
  align-items: baseline;
  gap: 1rem;
  font-weight: normal;
  margin: 0;
}
ticket-number-pattern-generator-field .form-control,
ticket-number-pattern-generator-field .ui-select-container,
ticket-number-pattern-generator-field .rzslider {
  display: block;
  flex: 1;
  width: 100%;
}
attachment-list .column-names {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-bottom: 0.1px solid var(--accent-colors-dark-mint);
}
attachment-list .column-names p:first-of-type {
  flex-basis: 21rem;
}
attachment-list .attachments-container {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
attachment-list .attachments-container > * {
  white-space: nowrap;
}
attachment-list .attachments-container p {
  margin: 0;
  color: var(--accent-colors-mint);
  flex-basis: 30rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
attachment-list .attachments-container p:hover {
  cursor: pointer;
  color: var(--accent-colors-dark-mint);
}
attachment-list .attachments-container span {
  font-size: 1.2rem;
  font-style: italic;
}
contact-group-category-create .contact-group-category-name {
  margin: 1rem;
}
contact-group-category-edit .contact-group-category-name {
  margin: 1rem;
}

ticket-instance-create .second-column .case_wrapper {
  width: 100%;
}
ticket-instance-create .not-authorized {
  margin-top: 1em;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  text-align: center;
  font-size: 2rem;
}
ticket-instance-create form {
  display: grid;
  grid-template-columns: minmax(20rem, auto) 45rem;
  grid-gap: 2rem;
}
@media (max-width: 1366px) {
  ticket-instance-create form {
    grid-template-columns: minmax(20rem, auto) 35rem;
  }
}
@media (max-width: 1170px) {
  ticket-instance-create form {
    display: block;
  }
}
ticket-instance-create form .create-form-header {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  align-items: center;
}
ticket-instance-create form .create-form-header > button > span {
  margin-left: 0.2rem;
}
ticket-instance-create form .create-form-header > button > svg {
  vertical-align: middle;
  color: var(--accent-colors-dark-mint);
}
ticket-instance-create form .case-container customer-portal-case > div {
  margin: 0 0 2rem 0;
}
ticket-instance-create form .case-container .expanded {
  transition: inherit;
  transform: inherit;
}
ticket-instance-create form .expanded {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}
ticket-instance-create form .collapsed {
  transition: transform 0.5s ease;
  transform: rotate(0deg);
}
ticket-instance-create form .article-body {
  padding: 2rem 2rem 0 2rem;
  background-color: var(--background-color);
  font-size: 1.3rem;
  border-radius: 0.6rem 0.6rem 0.6rem 0;
  position: relative;
}
ticket-instance-create form .article-body .article-content {
  overflow: hidden;
  position: relative;
  overflow: auto;
  max-height: 19rem;
}
ticket-instance-create form .article-body .article-content blockquote {
  font-size: inherit;
  border-left: 0.1rem solid var(--border-light-color);
  border-width: 0.4rem;
  margin: 0.5rem 0;
  padding: 0 0 0 1.6rem;
}
ticket-instance-create .mint-form-group .btn-mint {
  margin-left: 0.5rem;
}
tickets-instances-details .aside-details-view tickets-ticket-articles-panel {
  height: auto !important;
  min-height: auto !important;
}
tickets-instances-details .aside-details-view tickets-ticket-articles-panel .panel-body {
  height: auto !important;
}
tickets-instances-details .not-authorized {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 0.5em;
  padding: 0.7rem 0;
  font-size: 2rem;
}
tickets-instances-details .not-authorized.ticket-created .back-button {
  display: flex;
  align-self: flex-end;
  padding: 0.5rem 1rem;
}
tickets-instances-details .group-view {
  width: 100%;
  margin-right: 2rem;
}
tickets-instances-details .group-view > .panel {
  padding: 1rem 1.5rem;
}
tickets-instances-details .page-wrapper {
  height: calc(100vh - 15rem);
  display: table;
  table-layout: fixed;
  width: 100%;
}
tickets-instances-details .page-wrapper form {
  display: contents;
}
tickets-instances-details .page-wrapper tickets-chat-view {
  display: block;
}
tickets-instances-details .page-wrapper tickets-chat-view .ticket-view {
  height: 100%;
  max-height: 100%;
  margin-bottom: 1rem;
}
tickets-instances-details .page-wrapper .merged-ticket_panel .mnt-header {
  padding: 1rem 0 2rem 1rem;
}
tickets-instances-details .page-wrapper .merged-ticket_panel .merge-info {
  display: flex;
  padding: 0rem 2rem 0rem 2rem;
}
tickets-instances-details .page-wrapper .merged-ticket_panel .merge-info span {
  color: var(--accent-colors-mint);
}
tickets-instances-details .page-wrapper .merged-ticket_panel .merge-info span:hover {
  color: var(--accent-colors-dark-mint);
  cursor: pointer;
}
tickets-instances-details .page-wrapper .merged-ticket_panel tickets-ticket-articles-details-history .filters-panel {
  padding: 1rem 1rem;
  border-top: 0.1rem solid var(--border-color);
}
tickets-instances-details .page-wrapper .merged-ticket_panel tickets-ticket-articles-details-history .filters-panel .label-flex-end {
  margin-bottom: 0;
}
tickets-instances-details .page-wrapper .merged-ticket_panel tickets-ticket-articles-details-history .table-view {
  max-height: 50rem;
}
tickets-instances-details .page-wrapper .merged-ticket_panel tickets-ticket-articles-details-history .column-name {
  color: var(--accent-colors-mint);
}
tickets-instances-details .page-wrapper .merged-ticket_panel tickets-ticket-articles-details-history .table-row {
  flex: 1 1;
  display: grid;
  grid-template-columns: 16rem 16rem 15rem 25rem 25rem;
}
tickets-instances-details .page-wrapper .resize-container {
  max-height: calc(100vh - 14rem);
  min-height: 0;
  overflow: hidden;
}
tickets-instances-details .page-wrapper .resize-container.with-notice {
  max-height: calc(100vh - 14rem - 6rem);
}
tickets-instances-details .page-wrapper .aside-details-view {
  vertical-align: top;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 2rem;
}
tickets-instances-details .page-wrapper .aside-details-view .case-container customer-portal-case > div {
  margin: 0 0 2rem 0;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .panel-heading:is(.knowledge-base-panel, .sla-panel) {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .panel-heading .expand-btn,
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-history-title .expand-btn {
  transition: transform 0.5s ease;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .panel-heading .expand-btn.expanded,
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-history-title .expand-btn.expanded {
  transform: rotate(180deg);
}
tickets-instances-details .page-wrapper .aside-details-view .panel .panel-body:is(.not-expanded) {
  display: none;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls {
  margin: 0 0.5rem;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control {
  margin: 0 0.5rem 1.5rem;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-title {
  font-weight: 500;
  margin-bottom: 1rem;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-group {
  margin-top: 0.8rem;
  padding: 0.8rem 1rem;
  border: 0.1rem solid var(--border-light-color);
  border-left: 0.3rem solid var(--accent-colors-mint);
  border-radius: 0.3rem;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-group.is-reject {
  border-left-color: var(--accent-colors-danger);
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-group:first-of-type {
  margin-top: 0;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-group-header {
  margin-bottom: 0.5rem;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-group-name {
  font-weight: 600;
  line-height: 1.3;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-group-meta {
  display: flex;
  flex-flow: row wrap;
  gap: 0.4rem;
  color: var(--text-color-grey);
  font-size: 1.2rem;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-entry {
  padding: 0.45rem 0 0 0.8rem;
  border-left: 0.1rem solid var(--border-color);
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-entry-main {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.1rem;
  font-size: 1.3rem;
  word-break: break-word;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-entry-user {
  font-weight: 500;
  line-height: 1.25;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-entry-meta {
  display: flex;
  flex-flow: row wrap;
  gap: 0.4rem;
  color: var(--text-color-grey);
  font-size: 1.2rem;
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-decision {
  color: var(--accent-colors-mint);
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-decision.is-reject {
  color: var(--accent-colors-danger);
}
tickets-instances-details .page-wrapper .aside-details-view .panel .approval-controls .approval-control .approval-history-container .approval-history-entry-reject {
  margin-top: 0.25rem;
  color: var(--text-color-grey);
  font-size: 1.2rem;
}
tickets-instances-details .page-wrapper .aside-details-view::-webkit-scrollbar {
  display: none;
}
tickets-instances-details .page-wrapper .aside-details-view .details-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
tickets-instances-details .page-wrapper .aside-details-view .details-header > button > svg {
  margin-left: 0.5rem;
  color: var(--accent-colors-danger);
}
tickets-instances-details .page-wrapper .aside-details-view .force-escalation-button {
  width: 100%;
  margin-bottom: 2rem;
}
tickets-instances-details .page-wrapper .navigation-btn {
  min-width: 0.5rem;
}
tickets-instances-details .page-wrapper .header-buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
tickets-instances-details .page-wrapper .header-buttons .action-buttons {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
}
tickets-instances-details .page-wrapper tickets-ticket-articles-panel {
  display: flex;
  flex-flow: column nowrap;
  min-height: 65rem;
}
tickets-instances-details .page-wrapper tickets-ticket-articles-panel.with-notice {
  height: calc(100vh - 14rem - 6rem);
}
@media (max-height: 900px) {
  tickets-instances-details .page-wrapper tickets-ticket-articles-panel {
    height: 100%;
  }
  tickets-instances-details .page-wrapper tickets-ticket-articles-panel.with-notice {
    height: 100%;
  }
}
@media (max-height: 900px) and (max-width: 1170px) {
  tickets-instances-details .page-wrapper tickets-ticket-articles-panel {
    height: 100%;
  }
}
@media (max-width: 1170px) {
  tickets-instances-details .page-wrapper {
    display: block;
  }
  tickets-instances-details .page-wrapper .resize-container {
    display: block;
    width: auto !important;
    max-height: none;
    overflow: visible;
  }
  tickets-instances-details .page-wrapper .aside-details-view {
    overflow: unset;
    margin-top: 2rem;
    padding-left: 0;
    display: block;
  }
}
tickets-instances-details .page-wrapper .tile-dynamic-fields_wrapper.panel {
  padding: 1.5rem;
}
approvals-reject-modal .panel {
  width: 50rem;
}
approvals-reject-modal .panel textarea {
  height: 10rem;
}
automation-attribute {
  width: 100%;
}
automation-attribute .mint-form-group > label {
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.automation-attribute-tooltip .tooltip-inner {
  max-width: 30rem;
  white-space: normal;
  overflow-wrap: anywhere;
}
condition-row .condition-row {
  gap: 0.5rem;
}
condition-row .form-control,
condition-row .ui-select-container {
  min-width: 15rem;
  width: 20rem;
}
condition-row .checkbox-wrapper {
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
condition-row .checkbox-wrapper > label {
  white-space: nowrap;
  margin-top: -0.3rem;
  color: var(--darker-accent-colors-primary);
  font-size: 1rem;
  margin-bottom: 0;
}
condition-row .checkbox-wrapper .checkbox {
  padding: 0;
  min-height: 1.8rem !important;
}
new-condition-modal .panel {
  width: 50rem;
}
customer-portal-list-case {
  display: block;
}
customer-portal-list-case .case-list-header {
  display: flex;
}
customer-portal-list-case .customer-portal-list-case {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  border-radius: 0.5rem;
  padding: 1.2rem 1.5rem;
  background-color: rgba(94, 196, 161, 0.04);
  transition: box-shadow 0.2s ease;
}
customer-portal-list-case .customer-portal-list-case.is-toggleable {
  cursor: pointer;
}
customer-portal-list-case .customer-portal-list-case.is-toggleable:focus, customer-portal-list-case .customer-portal-list-case.is-toggleable:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(94, 196, 161, 0.3);
}
customer-portal-list-case .customer-portal-list-case.is-expanded.is-toggleable {
  box-shadow: 0 0 0 0.2rem rgba(94, 196, 161, 0.3);
}
customer-portal-list-case .customer-portal-list-case__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
customer-portal-list-case .customer-portal-list-case__heading {
  display: flex;
  align-items: center;
  gap: 1rem;
}
customer-portal-list-case .customer-portal-list-case__icon, customer-portal-list-case .customer-portal-list-case__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 0.8rem;
  background-color: rgba(94, 196, 161, 0.15);
}
customer-portal-list-case .customer-portal-list-case__icon i, customer-portal-list-case .customer-portal-list-case__image i {
  font-size: 1.8rem;
  color: var(--accent-colors-dark-mint);
}
customer-portal-list-case .customer-portal-list-case__icon img, customer-portal-list-case .customer-portal-list-case__image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
}
customer-portal-list-case .customer-portal-list-case__title .mnt-header {
  font-size: 1.4rem;
  padding-bottom: 0.3rem;
  border-bottom: 0.2rem solid var(--accent-colors-mint);
}
customer-portal-list-case .customer-portal-list-case__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
customer-portal-list-case .customer-portal-list-case__toggle.is-indicator-only {
  pointer-events: none;
}
customer-portal-list-case .customer-portal-list-case__toggle button,
customer-portal-list-case .customer-portal-list-case__toggle span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
customer-portal-list-case .customer-portal-list-case__toggle button {
  border: 0;
  background: transparent;
  padding: 0.4rem;
}
customer-portal-list-case .customer-portal-list-case__toggle button:hover {
  color: var(--accent-colors-dark-mint);
}
customer-portal-list-case .customer-portal-list-case__toggle span {
  padding: 0.4rem;
}
customer-portal-list-case .customer-portal-list-case__toggle i {
  transition: transform 0.2s ease;
}
customer-portal-list-case .customer-portal-list-case__toggle.is-expanded i {
  color: var(--accent-colors-dark-mint);
  transform: rotate(180deg);
}
customer-portal-list-case .customer-portal-list-case__summary p {
  margin: 0;
  font-size: 1.2rem;
  font-style: italic;
  word-break: break-word;
}
customer-portal-list-case .customer-portal-list-case__details {
  display: flex;
  flex-direction: column;
}
customer-portal-list-case .customer-portal-list-case__details.is-expanded {
  transition: opacity 0.2s ease;
}
customer-portal-list-case .customer-portal-list-case__description p {
  margin: 0;
  font-size: 1.2rem;
  word-break: break-word;
}
customer-portal-list-case .customer-portal-list-case__actions {
  display: flex;
  justify-content: flex-end;
}
customer-portal-list-case .customer-portal-list-case__actions .btn-icon {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0;
  background-color: #fff;
  color: var(--accent-colors-dark-mint);
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
customer-portal-list-case .customer-portal-list-case__actions .btn-icon i {
  font-size: 1.2rem;
}
customer-portal-list-case .customer-portal-list-case__actions .btn-icon:hover, customer-portal-list-case .customer-portal-list-case__actions .btn-icon:focus, customer-portal-list-case .customer-portal-list-case__actions .btn-icon:focus-visible {
  background-color: var(--accent-colors-dark-mint);
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 0.2rem rgba(94, 196, 161, 0.2);
}
customer-portal-list-case .customer-portal-list-case__actions .btn-icon:focus, customer-portal-list-case .customer-portal-list-case__actions .btn-icon:focus-visible {
  outline: none;
}
customer-portal-list-container .customer-portal-list-container {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  border-radius: 0.5rem;
  gap: 1.2rem;
  background-color: #fff;
  transition: box-shadow 0.2s ease;
}
customer-portal-list-container .customer-portal-list-container.is-toggleable {
  cursor: pointer;
}
customer-portal-list-container .customer-portal-list-container.is-toggleable:focus, customer-portal-list-container .customer-portal-list-container.is-toggleable:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
customer-portal-list-container .customer-portal-list-container.is-expanded.is-toggleable {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
customer-portal-list-container .customer-portal-list-container__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
customer-portal-list-container .customer-portal-list-container__heading {
  display: flex;
  align-items: center;
  gap: 1rem;
}
customer-portal-list-container .customer-portal-list-container__icon, customer-portal-list-container .customer-portal-list-container__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 1rem;
  background-color: rgba(94, 196, 161, 0.1);
}
customer-portal-list-container .customer-portal-list-container__icon i, customer-portal-list-container .customer-portal-list-container__image i {
  font-size: 2.2rem;
  color: var(--accent-colors-dark-mint);
}
customer-portal-list-container .customer-portal-list-container__icon img, customer-portal-list-container .customer-portal-list-container__image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
customer-portal-list-container .customer-portal-list-container__title .mnt-header {
  font-size: 1.6rem;
  padding-bottom: 0.4rem;
  border-bottom: 0.2rem solid var(--accent-colors-mint);
}
customer-portal-list-container .customer-portal-list-container__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
customer-portal-list-container .customer-portal-list-container__toggle.is-indicator-only {
  pointer-events: none;
}
customer-portal-list-container .customer-portal-list-container__toggle button,
customer-portal-list-container .customer-portal-list-container__toggle span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
customer-portal-list-container .customer-portal-list-container__toggle button {
  border: 0;
  background: transparent;
  padding: 0.5rem;
}
customer-portal-list-container .customer-portal-list-container__toggle button:hover {
  color: var(--accent-colors-dark-mint);
}
customer-portal-list-container .customer-portal-list-container__toggle span {
  padding: 0.5rem;
}
customer-portal-list-container .customer-portal-list-container__toggle i {
  transition: transform 0.2s ease;
}
customer-portal-list-container .customer-portal-list-container__toggle.is-expanded i {
  color: var(--accent-colors-dark-mint);
  transform: rotate(180deg);
}
customer-portal-list-container .customer-portal-list-container__description p {
  margin: 0;
  word-break: break-word;
}
customer-portal-list-container .customer-portal-list-container__cases {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  opacity: 0;
}
customer-portal-list-container .customer-portal-list-container__cases.is-expanded {
  opacity: 1;
  transition: opacity 0.2s ease;
}




dashboard-configuration-panel-progress {
  display: block;
  background-color: var(--background-color-grey);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
dashboard-configuration-panel-progress .circle .mask,
dashboard-configuration-panel-progress .circle .fill {
  width: 5rem;
  height: 5rem;
  position: absolute;
  border-radius: 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
dashboard-configuration-panel-progress .circle .mask {
  clip: rect(0, 5rem, 5rem, 2.5rem);
}
dashboard-configuration-panel-progress .circle .mask .fill {
  background-color: var(--accent-colors-mint);
}
dashboard-configuration-panel-progress .inset {
  width: 4rem;
  height: 4rem;
  position: absolute;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  border-radius: 50%;
  background-color: var(--background-color);
}
dashboard-configuration-panel-progress .inset .percentage {
  position: absolute;
  line-height: 1;
  text-align: center;
  width: 4rem;
  top: 1.4rem;
  left: 0rem;
  font-size: 1.2rem;
}
dashboard-configuration-panel-progress .circle[data-percentage="0"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="0"] .fill {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="0"] .fill.fix {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="1"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="1"] .fill {
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="1"] .fill.fix {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="2"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="2"] .fill {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="2"] .fill.fix {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="3"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="3"] .fill {
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="3"] .fill.fix {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="4"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="4"] .fill {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="4"] .fill.fix {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="5"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="5"] .fill {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="5"] .fill.fix {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="6"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="6"] .fill {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="6"] .fill.fix {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="7"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="7"] .fill {
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="7"] .fill.fix {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="8"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="8"] .fill {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="8"] .fill.fix {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="9"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="9"] .fill {
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="9"] .fill.fix {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="10"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="10"] .fill {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="10"] .fill.fix {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="11"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="11"] .fill {
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="11"] .fill.fix {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="12"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="12"] .fill {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="12"] .fill.fix {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="13"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="13"] .fill {
  -webkit-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="13"] .fill.fix {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="14"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="14"] .fill {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="14"] .fill.fix {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="15"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="15"] .fill {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="15"] .fill.fix {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="16"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="16"] .fill {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="16"] .fill.fix {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="17"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="17"] .fill {
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="17"] .fill.fix {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="18"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="18"] .fill {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="18"] .fill.fix {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="19"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="19"] .fill {
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="19"] .fill.fix {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="20"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="20"] .fill {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="20"] .fill.fix {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="21"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="21"] .fill {
  -webkit-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="21"] .fill.fix {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="22"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="22"] .fill {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="22"] .fill.fix {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="23"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="23"] .fill {
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="23"] .fill.fix {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="24"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="24"] .fill {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="24"] .fill.fix {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="25"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="25"] .fill {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="25"] .fill.fix {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="26"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="26"] .fill {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="26"] .fill.fix {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="27"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="27"] .fill {
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="27"] .fill.fix {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="28"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="28"] .fill {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="28"] .fill.fix {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="29"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="29"] .fill {
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="29"] .fill.fix {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="30"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="30"] .fill {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="30"] .fill.fix {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="31"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="31"] .fill {
  -webkit-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="31"] .fill.fix {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="32"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="32"] .fill {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="32"] .fill.fix {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="33"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="33"] .fill {
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="33"] .fill.fix {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="34"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="34"] .fill {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="34"] .fill.fix {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="35"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="35"] .fill {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="35"] .fill.fix {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="36"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="36"] .fill {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="36"] .fill.fix {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="37"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="37"] .fill {
  -webkit-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="37"] .fill.fix {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="38"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="38"] .fill {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="38"] .fill.fix {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="39"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="39"] .fill {
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="39"] .fill.fix {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="40"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="40"] .fill {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="40"] .fill.fix {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="41"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="41"] .fill {
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="41"] .fill.fix {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="42"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="42"] .fill {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="42"] .fill.fix {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="43"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="43"] .fill {
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="43"] .fill.fix {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="44"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="44"] .fill {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="44"] .fill.fix {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="45"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="45"] .fill {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="45"] .fill.fix {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="46"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="46"] .fill {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="46"] .fill.fix {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="47"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="47"] .fill {
  -webkit-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="47"] .fill.fix {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="48"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="48"] .fill {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="48"] .fill.fix {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="49"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="49"] .fill {
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="49"] .fill.fix {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="50"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="50"] .fill {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="50"] .fill.fix {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="51"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="51"] .fill {
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="51"] .fill.fix {
  -webkit-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="52"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="52"] .fill {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="52"] .fill.fix {
  -webkit-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="53"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="53"] .fill {
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="53"] .fill.fix {
  -webkit-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="54"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="54"] .fill {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="54"] .fill.fix {
  -webkit-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="55"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="55"] .fill {
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  transform: rotate(99deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="55"] .fill.fix {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  transform: rotate(198deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="56"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="56"] .fill {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="56"] .fill.fix {
  -webkit-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="57"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="57"] .fill {
  -webkit-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="57"] .fill.fix {
  -webkit-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="58"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="58"] .fill {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="58"] .fill.fix {
  -webkit-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="59"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="59"] .fill {
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="59"] .fill.fix {
  -webkit-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="60"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="60"] .fill {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="60"] .fill.fix {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  transform: rotate(216deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="61"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="61"] .fill {
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="61"] .fill.fix {
  -webkit-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="62"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="62"] .fill {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="62"] .fill.fix {
  -webkit-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="63"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="63"] .fill {
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="63"] .fill.fix {
  -webkit-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="64"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="64"] .fill {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="64"] .fill.fix {
  -webkit-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="65"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="65"] .fill {
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  transform: rotate(117deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="65"] .fill.fix {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  transform: rotate(234deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="66"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="66"] .fill {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="66"] .fill.fix {
  -webkit-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="67"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="67"] .fill {
  -webkit-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="67"] .fill.fix {
  -webkit-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="68"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="68"] .fill {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="68"] .fill.fix {
  -webkit-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="69"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="69"] .fill {
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="69"] .fill.fix {
  -webkit-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="70"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="70"] .fill {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="70"] .fill.fix {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  transform: rotate(252deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="71"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="71"] .fill {
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="71"] .fill.fix {
  -webkit-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="72"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="72"] .fill {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="72"] .fill.fix {
  -webkit-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="73"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="73"] .fill {
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="73"] .fill.fix {
  -webkit-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="74"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="74"] .fill {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="74"] .fill.fix {
  -webkit-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="75"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="75"] .fill {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="75"] .fill.fix {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="76"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="76"] .fill {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="76"] .fill.fix {
  -webkit-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="77"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="77"] .fill {
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="77"] .fill.fix {
  -webkit-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="78"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="78"] .fill {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="78"] .fill.fix {
  -webkit-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="79"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="79"] .fill {
  -webkit-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="79"] .fill.fix {
  -webkit-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="80"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="80"] .fill {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="80"] .fill.fix {
  -webkit-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  transform: rotate(288deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="81"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="81"] .fill {
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="81"] .fill.fix {
  -webkit-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="82"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="82"] .fill {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="82"] .fill.fix {
  -webkit-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="83"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="83"] .fill {
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="83"] .fill.fix {
  -webkit-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="84"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="84"] .fill {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="84"] .fill.fix {
  -webkit-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="85"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="85"] .fill {
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  transform: rotate(153deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="85"] .fill.fix {
  -webkit-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  transform: rotate(306deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="86"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="86"] .fill {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="86"] .fill.fix {
  -webkit-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="87"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="87"] .fill {
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="87"] .fill.fix {
  -webkit-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="88"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="88"] .fill {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="88"] .fill.fix {
  -webkit-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="89"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="89"] .fill {
  -webkit-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="89"] .fill.fix {
  -webkit-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="90"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="90"] .fill {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="90"] .fill.fix {
  -webkit-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  transform: rotate(324deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="91"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="91"] .fill {
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="91"] .fill.fix {
  -webkit-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="92"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="92"] .fill {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="92"] .fill.fix {
  -webkit-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="93"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="93"] .fill {
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="93"] .fill.fix {
  -webkit-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="94"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="94"] .fill {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="94"] .fill.fix {
  -webkit-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="95"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="95"] .fill {
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  transform: rotate(171deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="95"] .fill.fix {
  -webkit-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  transform: rotate(342deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="96"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="96"] .fill {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="96"] .fill.fix {
  -webkit-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="97"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="97"] .fill {
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="97"] .fill.fix {
  -webkit-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="98"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="98"] .fill {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="98"] .fill.fix {
  -webkit-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="99"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="99"] .fill {
  -webkit-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="99"] .fill.fix {
  -webkit-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="100"] .mask.full,
dashboard-configuration-panel-progress .circle[data-percentage="100"] .fill {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
dashboard-configuration-panel-progress .circle[data-percentage="100"] .fill.fix {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
dynamic-fields-schema-attribute-radio {
  margin-left: 0.725rem;
}
asset-agent-and-customer-mapper {
  width: 100%;
}
asset-categories-mapper .category-map {
  display: flex;
  flex-direction: column;
}
asset-categories-mapper .map-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
  flex-wrap: wrap;
}
asset-categories-mapper .map-index {
  min-width: 30px;
  font-weight: bold;
}
asset-categories-mapper .external-field {
  flex: 1;
  min-width: 150px;
}
asset-categories-mapper .asset-category {
  flex: 1;
  min-width: 200px;
}
asset-categories-mapper .strike-delete {
  min-width: 120px;
}
asset-categories-mapper .remove-selected_button {
  width: 100%;
}
asset-categories-selector {
  width: 100%;
}
asset-custom-fields-mapper {
  width: 100%;
}
asset-custom-fields-mapper .category-map {
  display: block;
}
asset-custom-fields-mapper .map-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
  flex-wrap: nowrap;
}
asset-custom-fields-mapper .map-index {
  min-width: 30px;
  font-weight: bold;
}
asset-custom-fields-mapper .external-field {
  flex: 1;
  min-width: 150px;
}
asset-custom-fields-mapper .asset-category {
  flex: 1;
  min-width: 200px;
}
asset-custom-fields-mapper .strike-delete {
  min-width: 100px;
}
asset-custom-fields-mapper .strike-delete .remove-selected_button {
  width: 100%;
}
.asset-enrichment-step {
  margin-bottom: 16px;
}

.asset-enrichment-step__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.asset-enrichment-step__subheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.asset-enrichment-step__checkbox .checkbox {
  margin-top: 10px;
}

.asset-enrichment-step__snippet {
  margin-bottom: 12px;
}

.asset-enrichment-step__snippet-delete {
  display: flex;
  align-items: flex-end;
}
asset-key-by-custom-field {
  width: 100%;
}
asset-instance-api-integration .mapping-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
asset-instance-api-integration .mapping-list div {
  display: flex;
  margin-bottom: 0.5rem;
}
asset-instance-api-integration .add-new-mapping {
  margin-left: 14rem;
}
asset-instance-api-integration .external-integration-configuration-section {
  width: 100%;
  border: 1px solid #eee;
}
asset-instance-graphql-integration .mapping-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
asset-instance-graphql-integration .mapping-list div {
  display: flex;
  margin-bottom: 0.5rem;
}
asset-instance-graphql-integration .add-new-mapping {
  margin-left: 14rem;
}
asset-instance-graphql-integration .external-integration-configuration-section {
  width: 100%;
  border: 1px solid #eee;
}
assets-instance-csv-integration .mapping-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
assets-instance-csv-integration .mapping-list div {
  display: flex;
  margin-bottom: 0.5rem;
}
assets-instance-csv-integration .add-new-mapping {
  margin-left: 14rem;
}
assets-instance-csv-integration .external-integration-configuration-section {
  width: 100%;
  border: 1px solid #eee;
}
assets-instance-csv-integration .separator {
  text-align: center;
}
azure-ad-entity-integrations .mapping-header,
azure-ad-entity-integrations .mapping-row {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: minmax(16rem, 20rem) minmax(16rem, 20rem) 3.4rem;
  align-items: center;
}
azure-ad-entity-integrations .mapping-header {
  height: 3rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
azure-ad-entity-integrations .mapping-row {
  margin-bottom: 0.5rem;
}
azure-ad-entity-integrations .mapping-row .ui-select-container {
  min-width: 0;
}
azure-ad-entity-integrations .add-new-mapping {
  margin-left: 0;
  margin-top: 0.5rem;
}
dictionary-descriptions-mapping .error-message {
  align-self: center;
  color: var(--accent-colors-warning);
}
dictionary-descriptions-mapping .dictionary-description {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex-direction: row;
  margin-bottom: 1rem;
}
dictionary-descriptions-mapping .dictionary-description .pattern-row {
  font-weight: 500;
  margin-right: 1rem;
}
dictionary-descriptions-mapping .dictionary-description .pattern-row .row-item {
  align-self: center;
}
dictionary-descriptions-mapping .dictionary-description .pattern-row .btn-danger {
  align-self: flex-end;
}
dictionary-descriptions-mapping .dictionary-description .pattern-row-last {
  display: flex;
  align-items: flex-end;
}
dictionary-selector-field {
  width: 100%;
  display: block;
}
dictionaries-csv-integration .external-integration-configuration-section {
  width: 100%;
  border: 1px solid #eee;
}
dictionaries-csv-integration .section-label {
  text-align: center;
}
ldap-entity-integrations {
  background-color: red;
}
ldap-entity-integrations .mapping-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
ldap-entity-integrations .mapping-list div {
  display: flex;
  margin-bottom: 0.5rem;
}
ldap-entity-integrations .add-new-mapping {
  margin-left: 14rem;
}
ticket-instance-api-integration .mapping-header {
  height: 3rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 20rem 20rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 0.5rem;
}
ticket-instance-api-integration .mapping-list div {
  display: flex;
  margin-bottom: 0.5rem;
}
ticket-instance-api-integration .add-new-mapping {
  margin-left: 14rem;
}
s3-configuration-base-form .form-group {
  display: flex;
  align-items: center;
}
s3-configuration-base-form .form-group > label {
  display: block;
  flex: 0 0 15rem;
}
s3-configuration-base-form .region-toggler {
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
s3-configuration-base-form .region-toggler > label {
  font-size: 1rem;
  white-space: nowrap;
}
s3-configuration-base-form .region-toggler + div {
  width: 100%;
}



reports-report-definition-filter-dropdown .long-ui-select {
  display: block;
  max-width: 60ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
reports-report-definition-filter-fixed-period .filter-element > div:first-child {
  margin: 0.5rem 0 0.2rem 0;
  font-size: smaller;
}
reports-report-definition-filter-fixed-period .filter-element .filter-date {
  display: flex;
}
reports-report-definition-filter-fixed-period .filter-element .filter-date > div:first-child {
  flex: 1;
}
reports-report-definition-filter-fixed-period .filter-in-row {
  display: flex;
}
reports-report-definition-filter-fixed-period .filter-in-row > div {
  flex: 1;
}
reports-report-definition-filter-fixed-period .filter-in-row > div:first-child {
  margin-right: 0.8rem;
}
reports-report-definition-filter-fixed-period .filter-in-row > div:last-child {
  margin-left: 0.8rem;
}
reports-report-definition-filter-fixed-period .form-control[disabled],
reports-report-definition-filter-fixed-period .form-control[readonly],
reports-report-definition-filter-fixed-period fieldset[disabled] .form-control {
  opacity: 1;
  color: var(--text-color);
  background-color: var(--input-background-color);
}
user-company-resolver-form .condition-list {
  list-style-type: none;
  display: grid;
  gap: 1rem;
}
user-company-resolver-form .roles-loader {
  display: flex;
  justify-content: center;
  width: 100%;
}
user-company-resolver-form .condition-row {
  gap: 0.5rem;
  display: flex;
}
user-company-resolver-form .condition-tree-header {
  display: flex;
}
user-company-resolver-form .operator {
  width: 5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-color-light);
  background-color: var(--accent-colors-mint);
  border-radius: 0.5rem;
}
user-company-resolver-form .form-control,
user-company-resolver-form .ui-select-container {
  min-width: 15rem;
  width: 20rem;
}
user-company-resolver-form .checkbox-wrapper {
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
user-company-resolver-form .checkbox-wrapper > label {
  white-space: nowrap;
  margin-top: -0.3rem;
  color: var(--darker-accent-colors-primary);
  font-size: 1rem;
  margin-bottom: 0;
}
user-company-resolver-form .checkbox-wrapper .checkbox {
  padding: 0;
  min-height: 1.8rem !important;
}
user-company-resolver-form .resolver-values {
  display: grid;
}
user-company-resolver-form .resolver-values .groups-selector {
  display: flex;
  align-items: center;
}
automation-dictionary-attribute .value-mode {
  padding-bottom: 1rem;
}
automation-text-attribute .value-mode {
  padding-bottom: 1rem;
}
automation-pool-attribute {
  margin-bottom: 2rem;
  display: block;
}
automation-pool-attribute .pool-attribute {
  margin-left: 2.8rem;
}
automation-pool-attribute .vert-line {
  position: relative;
}
automation-pool-attribute .vert-line::after {
  content: "";
  background-color: var(--accent-colors-primary);
  position: absolute;
  width: 0.01rem;
  left: -2.8rem;
  top: -0.3rem;
  bottom: 1.5rem;
}
automation-pool-attribute .pool-attribute-name {
  width: 20rem !important;
  position: relative;
}
automation-pool-attribute .pool-attribute-name::after {
  content: "";
  background-color: var(--accent-colors-primary);
  position: absolute;
  width: 1.5rem;
  left: -2rem;
  top: 0.9rem;
  bottom: 1.6rem;
  margin: auto;
  height: 0.5rem;
}
automation-pool-attribute hr {
  border-color: var(--panel-border-color);
}
automation-text-attribute .value-mode {
  padding-bottom: 1rem;
}
automation-text-area-attribute .value-mode {
  padding-bottom: 1rem;
}
automation-text-attribute .value-mode {
  padding-bottom: 1rem;
}